body 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:12px;  
}
h3
{
    font-size:15px;
    text-decoration:underline;
}


/*Page html elements - controls styles*/
.Textboxes
{
    border: solid 1px DarkGray;
    background-color: #FFFFC0;
    font: bold 11px Verdana;
    color: #999933;
    width:142px;
    margin-right:5px;
}
.Buttons /*Buttons Style*/
{ 
    border:solid 1px black;
    font-size:10px;
    color:Red;
}
.Header
{
    color: #ffffff; 
    border-bottom: #000000 1px solid; 
    background-color: #669966;
    font-weight:bold;
    margin-bottom:10px;
    /*padding:3px 0px 2px 5px;*/
    text-indent:10pt;
}
.detailsHeader
{
    color:White;
    background-color:Silver;
    text-align:center;
    font-size:medium;
    font-weight:bold;
    margin-bottom:10px;
}
.textIndent
{
    text-indent:10pt;
}

.centerImage
{
    text-align:center;
}
.verticalCenterImage
{
    vertical-align:middle;
    margin-right:10px;
}
.spanBlack
{
    color:Black;
}
.spanRoyalBlue
{
    color: #4169e1;
}
.spanFirebrick
{
    color: #b22222;
}
.errorWarning
{
    color:Red;
    font-weight:bold;
    font-style:italic;    
}
.productRow
{
    margin: 10px 10px 10px 10px;
    padding:20px;
    border-top:dotted 1px silver;
    
}
.productRowImage
{
    float:left;
    text-align:center;
    vertical-align:middle;
}
.productRowDescription
{    
    margin-left:190px;
    text-indent:0px; /*For FF compatibility*/
}


/*ORDERS ROUTE TABLE STYLES --> START*/
.ordersTableRows
{
    border-bottom:solid 1px black;
    border-left:solid 1px black;
}
.rowStyleAlternate
{
    background-color: #f0e68c;
}
.ordersTable
{
    border-top:solid 1px black;
    border-right:solid 1px black;
    width : 500px;
    margin-right: auto;
    margin-left: auto;
}
/*ORDERS ROUTE TABLE STYLES --> END*/

/*SUBCATEGORY PRODUCTS TABLE STYLES --> START*/
.subCategoryProductsRowStyle
{
    /*border-bottom:solid 1px black;
    border-left:solid 1px black;*/
    background-color:#F7F7DE;
}
.subCategoryProductsGridview
{
    width : 99%;
    border: none 1px #DEDFDE;    
}
.subCategoryProductsGridviewHeader
{
    background-color:#6B696B;
    color:White;
    font-weight:bold;
    font-size:12px;
    text-indent:10px;
}
.subCategoryProductsGridviewRow
{
    height:40px;
    background-color:#F7F7DE;
}
.subCategoryProductsGridviewAlternateRow
{
    height:40px;
    background-color:#FFFFFF;
}
.subCategoryProductsGridviewProductCodeField
{
    text-align:center;
    font-weight:bold;    
}
.subCategoryProductsGridviewProductDescriptionField
{
    text-indent:20px;
}
.subCategoryProductsGridviewProductPriceField
{
	text-indent:20px;
    font-weight:bold;
	font-size:12px;
	color:Green;
}

/*SUBCATEGORY PRODUCTS TABLE STYLES --> END*/

/*PRODUCT DETAILS STYLES --> START*/

.productDetailsContainer
{
    width:500px;
    margin-left:auto;
    margin-right:auto;
    border:dotted 1px silver;
    margin-top:20px;
}
    .productDetailsHeader
    {
        color:White;
        background-color:Silver;
        text-align:center;
        font-size:small;
        font-weight:bold;
        margin:10px 10px 10px 10px;
        text-indent:0pt;
    }
    .productDetailsImage
    {
        text-align:center;         
        margin:20px 10px 10px 10px;
    }
    .productDetailsCode
    {
        margin:10px 10px 10px 10px;
        color:Black;
        font-weight:bold;
        text-indent:0pt;
    }
     .productDetailsPrice
    {
    	text-align:right;
        margin:10px 10px 10px 10px;
        color:Black;
        font-weight:bold;
        text-indent:0pt;
    }
		.priceFont
		{
			font-weight:bold;
			font-size:14px;
			color:Green;
		}
		.productDetailsPriceNote
		{
			text-align:center;
			margin: 20px 20px 10px 20px;
			font-style:italic;
			color:#4169e1;
		}
    .productDetailsDescription
    {
        margin:10px 10px 10px 10px;
        text-indent:0pt;
    }
/*PRODUCT DETAILS STYLES --> END*/

/*RELATED PRODUCTS TABLE STYLES --> START*/
.srelatedProductsRowStyle
{
    /*border-bottom:solid 1px black;
    border-left:solid 1px black;*/
    background-color:#F7F7DE;
}
.relatedProductsGridview
{
    width: 100%;
    border-right: #bc8f8f 1px solid;
    border-top: #bc8f8f 1px solid;
    border-left: #bc8f8f 1px solid;
    border-bottom: #bc8f8f 1px solid;
}
.relatedProductsGridviewRow
{
    height:10px;
    background-color:#F7F7DE;
}
.relatedProductsGridviewAlternateRow
{
    height:10px;
    background-color:#FFFFFF;
}

.relatedProductsGridviewProductDescriptionField
{
    text-indent:10px;
}

/*RELATED PRODUCTS TABLE STYLES --> END*/

/*TOP NAVIGATION - SEARCH - BREADCRUMP BAR ---> START*/
.NavBar /*The top navigation - search bar. Container for .Logo, .menuContainer, .BreadCrumps and .SearchBar*/ 
{
    width:100%;
    height:140px;
    background-image: url(images/navBarSpacer.gif);
    background-repeat: repeat;
    z-index:1;
    /*border:solid 1px black;*/
}
    .Logo
    {   
        height:108px;
        width:111px;
        float:left;
        background-image: url(images/vcLogo.gif);
        background-repeat: no-repeat;
        z-index:2;
        /*border:solid 1px black;*/
    }
    .menuContainer /*Container for Navigation Tab Bar .shadeTabs and .LogoBackgroundFade*/
    {
        float:left;
        height:108px;
        width: 85%;
        /*border:solid 1px black;*/
    }
        .LogoBackgroundFade /*Container for .NamedLogo*/
        {
            float:left;
            height:77px;
            width: 442px;
            background-image: url(images/backgroundSpacer.gif);
            background-repeat: repeat-y;
            /*border:solid 1px black;*/
        }
            .NamedLogo
            {
               width:288px;
               height:44px;
               margin-top:16px;
               margin-left:49px;
            }
                .NamedLogo img
                {
                    border: none 0px #000000;
                }
        .spacerDiv
        {
            float:left;
            width:100%;
            height:0px;
        }
         /*Tab Navigation START*/
        .shadetabs
        {   
            float:left;
            width:530px;
            z-index:3;
            background-image: url(images/backgroundSpacerReversed.gif);
            background-repeat: repeat-y;
            /*border:solid 1px black;*/
        }

            .shadetabs ul
            {
                padding: 3px 0;
                margin-left: 0;
                margin-top: 5px;
                margin-bottom: 0;
                font: bold 12px Verdana;
                list-style-type: none;
                text-align: center; /*set to left, center, or right to align the menu as desired*/
            }

                .shadetabs li
                {
                    display: inline;
                    margin: 0;
                }

                    .shadetabs li a
                    {
                        text-decoration: none;
                        padding: 3px 7px;
                        margin-right: 3px;
                        color: #2d2b2b;
                        background: white url(images/shade.gif) top left repeat-x;
                        border-right: gray 1px solid;
                        border-top: gray 1px solid;
                        border-left: gray 1px solid;
                        border-bottom: gray 1px solid;
                    }

                    .shadetabs li a:hover
                    {
                        color: #2d2b2b;
                        background-image: url(images/shade3.gif);
                        padding:5px 7px 3px 7px;
                        border-bottom-color:White;
                    }
        /*Tab navigation END*/

    .BreadCrump /*Breadcrump Container*/
    {   
        float:left;
        margin-top:8px;
        font-size:x-small;
        font-weight:bold;
    }
        .pathSeperatorStyle
        {
            color: #999933;
        }
        .nodeStyle
        {
            color: #996633;
        }
        .currentNodeStyle
        {
            color: #000000;
        }
        .rootNodeStyle
        {
            color: #993300;
        }
    .SearchBar /*SearchBar Container*/
    {
        float:right;  
        margin-top:7px; 
    }
/*TOP NAVIGATION - SEARCH - BREADCRUMP BAR <--- END*/

/*PAGE CONTENT - LEFT PANEL - FOOTER <---START */

.Content /*Container for .LeftPanel, .MainContent AND Footer*/
{   
    margin-top:20px; /*Distance from NavBar Container*/
    font-size: 11px;
    color: #696969;
    text-indent: 10pt;
    text-align: justify;
    /*border: solid 1px black;*/   
    min-height:550px; 
}
    .LeftPanel /*Left panel.Part of Container*/
    {
        float:left;
        width:200px;         
    }
        .ScrollerHolder
        {
            /*text-align: center;*/
            border: black 1px solid;
            /*height:220px; */
        }
            .ScrollerHeader
            {
                font-size: 12px;
                font-weight: bold;
                color:White;
                padding: 5px;
                background-color: #b0c4de;
                border-bottom: solid 1px black;
            }
            .ScrollerContent
            {    
                text-align: center;
                padding:10px;
            }
            .ScrollerContentNews
            {    
                padding:5px;
                text-indent:0pt;
                text-align:left;
            }
            .loginPanelHeader
            {   
                font-size: 12px;
                font-weight: bold;
                height:auto;
                color:White;
                padding: 5px;
                border-bottom: solid 1px black;
                background-color:#507CD1;                 
            }
            .loginPanel
            {
                background-color:#EFF3FB;
                padding:0px 5px 10px 22px;                   
            }
            .loginPanelButton
            {
                border:solid 1px black;
                font-size:10px;
                color:Red;                
                margin-right:12px;
                margin-top:5px;
            }
    .MainContent /*Main panel.Part of Container*/
    {  
        margin-left:210px; /*margin left for Main Content = .LeftPanel width + gap pixels*/
        border:solid 0px black; 
        padding:10px 10px 10px 10px;        
        line-height:20px;        
    }
    .Footer
    {
        width:100%;
        font-size: 9px; 
	    color:#000000; 
        text-align:right;
        border-top: solid 2px olive;
        padding:10px 0px 10px 0px;  
        margin-top:10px;  /*Distance gap from content*/  
    }
    .ThickBoxContent
    {        
        padding:10px 10px 0px 10px;
        line-height:20px; 
        text-align:justify; 
        font-size: 11px;
        color: #696969;
    }
/*PAGE CONTENT - LEFT PANEL - FOOTER <---START */




/*PRODUCTS AJAX ACCORDION CSS START*/
.blankContent
{                
}
.accordionHeaderCat1
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #bdb76b;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;    
}
.accordionLinkCat1
{
    background-color: #bdb76b;
    color: white;
    text-decoration: none;
}  
.accordionHeaderCat2
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #d2b48c;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat2
{
    background-color: #d2b48c;
    color: white;
    text-decoration: none;
}  
.accordionHeaderCat3
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #669966;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat3
{
    background-color: #669966;
    color: white;
    text-decoration: none;
}  
.accordionHeaderCat4
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #9999cc;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat4
{
    background-color: #9999cc;
    color: white;
    text-decoration: none;
}  
.accordionHeaderCat5
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #cc9999;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat5
{
    background-color: #cc9999;
    color: white;
    text-decoration: none;
}  
.accordionHeaderCat6
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #996600;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat6
{
    background-color: #996600;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat7
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #483d8b;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat7
{
    background-color: #483d8b;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat8
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #669933;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat8
{
    background-color: #669933;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat9
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #666600;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat9
{
    background-color: #666600;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat10
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #6666cc;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat10
{
    background-color: #6666cc;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat11
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #851763;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat11
{
    background-color: #851763;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat12
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #996600;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat12
{
    background-color: #996600;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat13
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #669900;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat13
{
    background-color: #669900;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat14
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #cccc66;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat14
{
    background-color: #cccc66;
    color: white;
    text-decoration: none;
} 
.accordionHeaderCat15
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #9999cc;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionLinkCat15
{
    background-color: #9999cc;
    color: white;
    text-decoration: none;
} 
.accordionContent
{
    background-color: #eee8aa;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.details
{
    font-size:9px;
    color:Gray;
}
/*PRODUCTS AJAX ACCORDION CSS END*/

 .modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.7;
}

/*LOADER CSS STYLES*/

.divContainer
{      
    color:Black;
    text-align: right;
    font-size: x-small;
    position: absolute;
    visibility: visible;
    top: 250px;
    right:20%;
    width: 560px;
    filter: alpha(opacity=70 );
    -moz-opacity: 0.70;
    opacity = 0.70;
    vertical-align: middle;
    display: inline;
    height: 80px;
    padding: 20px 0px 0px 0px;
    background-color:#ffffcc;
    border:solid 1px black; 
    z-index:99999;
}


.divLoaderBack
{
    background-color: #dcdcdc;
    color: #000000;
    font-size: 1px;
    height: 6px;
    visibility: visible;
    width: 520px;
    border: solid 1px black;
    margin-top: 25px;
    margin-left:auto;
    margin-right:auto;
    vertical-align: middle;
    text-align: left;
    /*margin: auto;*/
    top: 50%;
    
}

.divLoaderProgress
{
    background-color: #ff0033;
    color: Gray;
    margin: 1px 5px 1px 5px;
    position: relative;
    vertical-align: middle;
    visibility: visible;
    height: 4px;
    width: 0px;
}

.divLoadingStat
{
    background-color: Transparent;
    border-color: #ffffff;
    color: #000000;
    /*padding: 10px 0px 0px 10px;
    margin: 10px 0px 5px 0px;
    position: relative;*/
    visibility: visible;
    border-width: medium;    
    height: 10px;
    text-align: center;
    margin-bottom: 15px;
    top:50%;
}