@charset "utf-8";
/* CSS Document */

/***************************************

  	The original Theme for Skinable e-Commerce (Blank theme)

  	Created by kCentric.NET

  	http://www.kcentric.net
	
	k-mai2009 Update: 2009-07-17

****************************************/



/***************************************************************************************************************************************/

/* 

	General page style. The scroll bar colours only visible in IE5.5+ 

	-----------------------------------------------------

*/
.pageBody {

	background:#e2e3e3;
	color:523C29;
	background-image:url('img/background.gif');
	margin:0px; 
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	text-align:center;
	behavior:url(/ecom_theme/css/csshover.htc);  /*Behavior for :hover in IE*/
}







/***************************************************************************************************************************************/

/* 

	General page alignement. 

	-----------------------------------------------------

	div#pageAlign	=	Page alignement container

*/

div#pageAlign 

{
	padding-top:25px;

	width:955px;

	text-align:center; vertical-align:top;

	margin:auto;

}



/***************************************************************************************************************************************/

/*  

	General Settings for container

	-----------------------------------------------------

	div#contentTopSectionFrame	=	Container of WelcomeMessage + Culture

	div#contentHeaderFrame		=	Container of Header + Search

	div#contentPageFrame		=	Container of Page Frame

	div#menuNavigation			=	Container of Menu Navigation	

	

	div#cartInformation			=	Container of Cart Information

	div#contentNavigation		=	Container of Page Navigation

	div#contentPageTitle		=	Container of Page Title

	div#contentPageContent		=	Container of Content of the page

	div#footer					=	Container of Footer

	

*/

div#contentTopSectionFrame, div#contentHeaderFrame, div#contentPageFrame, div#menuNavigation, div#contentPageBottomFrame{

	width:955px; margin:auto;
	background-image:url('img/background.gif');
	text-align:left; vertical-align:top;

}



div#cartInformation,div#contentPageTitle,div#contentPageContent, div#footer, div#contentNavigation{

	width:750px; height:auto;
	background-image:url('img/background.gif');
	text-align:left; vertical-align:top; 

}



/***************************************************************************************************************************************/

/* 

	Specific settings for container of WelcomeMessage and Culture 

	-----------------------------------------------------

	div#contentTopSectionFrame	=	Container of WelcomeMessage + Culture

*/

div#contentTopSectionFrame {

	overflow:auto;

	padding-bottom:5px; padding-top:5px;

}



/***************************************************************************************************************************************/

/* 

	Specific settings for container of Header and Search 

	-----------------------------------------------------

	div#contentHeaderFrame		=	Container of Header + Search

*/

div#contentHeaderFrame {

	height:auto;

	border-bottom:0px;

}



/***************************************************************************************************************************************/

/* 

	Welcome Message Section

	-----------------------------------------------------

	div#welcomeMessage		=	Container of Welcome Message

	.welcomeMessageText		=	Text style

	a.welcomeMessageLink	=	Link style

*/

div#welcomeMessage {

	width:380px; margin:auto; float:left;

	text-align:left; vertical-align: top; font-size:10px; 

	padding-left:13px;
	visibility:hidden;

}



.welcomeMessageText {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333;

}



a.welcomeMessageLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

a.welcomeMessageLink:link, a.welcomeMessageLink:active, a.welcomeMessageLink:visited {color:#003C87; text-decoration:underline;} 

a.welcomeMessageLink:hover{color:#427BC2; text-decoration:none;}



/***************************************************************************************************************************************/

/* 

	Culture Section 

	-----------------------------------------------------

	div#culture		=	Culture container

	.cultureText	=	Text style

	a.cultureLink	=	Link style

*/

div#culture {

	width:360px; margin:auto; float:right;

	text-align:right; vertical-align: top; font-size:10px;

	padding-right:13px;

}



.cultureText {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;

}



a.cultureLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

a.cultureLink:link, a.cultureLink:active, a.cultureLink:visited {color:#003C87; text-decoration:underline;} 

a.cultureLink:hover{color:#427BC2; text-decoration:none;}



/***************************************************************************************************************************************/

/* 

	Content Page Section 

	-----------------------------------------------------

	div#contentPageFrame				=	Page Frame Container

	div#contentLogo						=	Logo image

	div#contentHeader					=	Header (image or flash)

	div#contentSearchAvailable			=	Search box visible in B2B

	div#contentSearchUnavailable		= 	Search box not visible in B2B

	div#searchText						=	Container of Search text

	div#searchInput						=	Container of QuickSearch inputbox

	div#searchAdvancedLink				=	Container of Advanced Search link

	div.contentSearchAlign				=	Search alignement

	.contentSearchText					=	Text style

	a.contentSearchLink					=	Link style

*/

div#contentPageFrame {

	height:auto;

	background-color:#FFFFFF;



	width:955px;

}



div#contentLogo{

/*

	

	SEE CULTURE.CSS

	

*/

}



div#contentLogo a{

	display:block;

	text-indent:-5000px;

	width:212px;

	height:126px;

}



div#contentHeader {
	background-image:url(img/banner.gif);
	background-repeat:no-repeat;

	display:block;

	float:left; margin:auto;

	width:481px; height:126px;

	overflow:hidden;

}



div#contentSearchAvailable {

	float:left;

	text-align:left;

	font-size:11px;

	width:259px; height:126px;

	clear:right;

	position:relative;
	
	top:30px;

}



div#contentSearchUnavailable {

	float:left;

	text-align:left;

	font-size:11px;

	width:259px; height:126px;

	clear:right;

}





div#searchText{

}



div#searchInput{

}



div#searchAdvancedLink{
	display:none;
}



div.contentSearchAlign {

	padding-left:15px; padding-top:105px;

}



.contentSearchText {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333;

}



a.contentSearchLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333;}

a.contentSearchLink:link, a.contentSearchLink:active, a.contentSearchLink:visited {text-decoration:underline;} 

a.contentSearchLink:hover{text-decoration:none; color:#400000;}



/***************************************************************************************************************************************/

/* 

	Menu Navigation Section  (Home / New products / Promotions)

	-----------------------------------------------------

	div#menuNavigation			=	Container of Menu Navigation

	div.menuNavigationAlign		=	Menu Navigation alignement

	.menuNavigationSeparation	=	Style of separation between button

	

*/

div#menuNavigation{

	background-image:url(/ecom_theme/img/navigationMenu_bg.gif);

	background-position:left top;

	background-repeat:repeat-x;

	border:1px solid #9d9d9d;

	border-bottom:0;

	height:33px; 

	line-height:0;

	font-size:0;

	

}



div.menuNavigationAlign{

	padding-left:10px; padding-right:10px;

}



div#menuNavigationContent {

	/*background-image:url(../img/navigationMenu_bg.gif);

	background-position:left top;

	background-repeat:repeat-x;*/
	background-color:#523C29;

	height:40px; 

	line-height:12px;

	font-size:12px;

}



div.menuNavigationContentAlign{

	text-align:left;

	vertical-align:top;

    /*padding-left:10px; padding-right:10px;*/

}



.menuNavigationSeparation{

	margin-left:15px; margin-right:15px;

}



/***************************************************************************************************************************************/

/* 

	Left Menu Section 

	-----------------------------------------------------

	div#leftMenu						=	Container of Left Menu

	div.leftMenuAlign					=	Left Menu Alignement

	div#leftMenuCategoryDescription = Container of Category Description content

	div#currencySelector				=	Container of the Currency

	div.currencySelectorAlign			=	Currency Alignement

	.currencyText						=	Currency Text style

	table.leftMenuListing				=	Left Menu Table (General)

	table.leftMenuListingCategories		=	Left Menu Table Categories (General)

	table.leftMenuListingBrands			=	Left Menu Table Brands (General)

	table.leftMenuLisdtingSeeAllLink	=	Left Menu Table for See All Category link 

	td.leftMenuListing					=	Style of each row of the listing menu link

	div.LeftMenuBullet					=	Bullet in the menu

	div.LeftMenuNoBullet				=	No bullet in the menu

	

	My Account Menu Section 

	-----------------------------------------------------

	div.DahsboardIcon					=	Menu My Account - Dashboard Icon settings

	div.MyCartIcon						=	Menu My Account - My Cart Icon settings

	div.PlaceOrderIcon					=	Menu My Account - Place order Icon settings

	div.OrderExpressIcon				=	Menu My Account - Order Express Icon settings

	div.PreferredListIcon				=	Menu My Account - My preferred list Icon settings

	div.ProfileIcon						=	Menu My Account - Modify my profile Icon settings

	div.OrderHistoryIcon				=	Menu My Account - Order history Icon settings

	div.FrequentlyOrderedProductIcon	=	Menu My Account - Frequently Ordered Product Icon settings

	div.PriceListIcon					=	Menu My Account - Price List Icon settings

	div.ReturnIcon						=	Menu My Account - Return Icon settings

	div.LogoffIcon						=	Menu My Account - Logoff Icon settings

	

	Link

	-----------------------------------------------------

	a.leftMenuLink						=	Menu link style

	a.leftMenuSeeAllLink				=	See all menu link style

	a.leftMenuSpecialLink				=	Special color of menu link style	

*/

div#leftMenu {

	text-align:left; vertical-align:top;

	width:193px;

	background-color:#FFFFFF;
	background-image:url('img/background.gif');
	float:left; clear:right;

	line-height:0;

	font-size:0;

	padding-top:5px;

}



div.leftMenuAlign {

	text-align:left; vertical-align:top;

}



div#leftMenuCategoryDescription 

{

	display:block;

	font-size:12px;

	line-height:normal;

}



div#currencySelector {

	text-align:left; vertical-align:top;

	width:193px;

	line-height:0;

	font-size:0;

}



div.currencySelectorAlign {

	text-align:left; vertical-align:top;

	font-size:12px;

	padding-top:3px;

	padding-left:12px;

	padding-bottom:8px;	

}



.currencyText {

	font-family:Verdana, Arial, Helvetica, sans-serif font-size:12px; font-weight:bold; color:#333;

}



table.leftMenuListing{

	width:193px;

	margin:0px; padding:0px;

	margin-bottom:15px;
	
}



table.leftMenuListingCategories{

	width:193px;

	margin:0px; padding:0px;

}



table.leftMenuListingBrands{

	width:193px;

	margin:0px; padding:0px;

	margin-top:-15px;

}



table.leftMenuListingSeeAllLink{

	width:193px;

	margin:0px; padding:0px;

	margin-bottom:15px;

	margin-top:-15px;

}



td.leftMenuListing{

	border:0px;

	border-bottom:1px solid #CECECE;

	text-align:left; vertical-align:top;

	padding-top: 7px; padding-bottom:5px;

}



div.LeftMenuBullet{

	background-image:url(/ecom_theme/img/left_menu_bullet.gif);

	background-position:left middle;

	background-repeat:no-repeat;

	padding-left:29px;

	margin:0px;

}



div.LeftMenuNoBullet{

	padding-left:13px;

	margin:0px;

}



div.DashboardIcon,div.MyCartIcon,div.PlaceOrderIcon,div.OrderExpressIcon,div.PreferredListIcon,div.ProfileIcon,div.OrderHistoryIcon,div.FrequentlyOrderedProductIcon,div.PriceListIcon,div.ReturnIcon,div.LogoffIcon, div.MyFilesIcon{

	background-position:left middle;

	background-repeat:no-repeat;

	padding-left:29px;

	margin:0px;

}



div.DashboardIcon{background-image:url(/ecom_theme/img/icon_home.gif);}

div.MyCartIcon{background-image:url(/ecom_theme/img/icon_cart.gif);}

div.PlaceOrderIcon{background-image:url(/ecom_theme/img/icon_placeorder.gif);}

div.OrderExpressIcon{background-image:url(/ecom_theme/img/icon_orderexpress.gif);}

div.PreferredListIcon{background-image:url(/ecom_theme/img/icon_preferredlist.gif);}

div.ProfileIcon{background-image:url(/ecom_theme/img/icon_profile.gif);}

div.OrderHistoryIcon{background-image:url(/ecom_theme/img/icon_ordertracking.gif);}

div.FrequentlyOrderedProductIcon{background-image:url(/ecom_theme/img/icon_frequentlyordered.gif);}

div.PriceListIcon{background-image:url(/ecom_theme/img/icon_pricelist.gif);}

div.ReturnIcon{background-image:url(/ecom_theme/img/icon_return.gif);}

div.LogoffIcon{background-image:url(/ecom_theme/img/icon_logoff.gif);}

div.MyFilesIcon{background-image:url(/ecom_theme/img/icon_myfiles.gif);}



a.leftMenuLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

a.leftMenuLink:link, a.leftMenuLink:active, a.leftMenuLink:visited {color:523C29; text-decoration:none;} 

a.leftMenuLink:hover{color:#400000; text-decoration:underline;}



a.leftMenuSeeAllLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

a.leftMenuSeeAllLink:link, a.leftMenuSeeAllLink:active, a.leftMenuSeeAllLink:visited {color:#666666; text-decoration:none;} 

a.leftMenuSeeAllLink:hover{color:#400000; text-decoration:underline;}



a.leftMenuSpecialLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

a.leftMenuSpecialLink:link, a.leftMenuSpecialLink:active, a.leftMenuSpecialLink:visited{color:#400000; text-decoration:none;} 

a.leftMenuSpecialLink:hover{color:#682121; text-decoration:underline;}



/***************************************************************************************************************************************/

/* 

	Customer Support Section 

	-----------------------------------------------------

	div#customerSupport			=	Container of Customer support

	div.customerSupportAlign	=	Customer support alignement

	.customerSupportText		=	Text style

	a.customerSupportLink		=	Link style

*/

div#customerSupport {

	width:193px; height:90px;

	line-height:normal;

	font-size:11px;

	margin-top:5px;

	margin-bottom:10px;



}



div.customerSupportAlign {

	text-align:center; vertical-align:top;

	padding-left:50px;

	padding-top:15px;

}



.customerSupportText {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333;

}



a.customerSupportLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

a.customerSupportLink:link, a.customerSupportLink:active, a.customerSupportLink:visited {color:#333; text-decoration:none;} 

a.customerSupportLink:hover{color:#400000; text-decoration:underline;}



/***************************************************************************************************************************************/

/* 

	Page Section 

	-----------------------------------------------------

	div#contentPage			=	Container of all element in the content section

	div.contentPageAlign	=	Alignement of the element in the content section

*/

div#contentPage {

	text-align:left; vertical-align:top;

	width:755px;
	background-image:url('img/background.gif');
	background-color:#FFFFFF;
	
	float:right; 

	clear:both; /* IE */

	clear:right; /* FF */

	padding-top:5px;

	padding-bottom:10px;

}



div.contentPageAlign {

	text-align:left; vertical-align:top;

	padding-left:7px;

	padding-bottom:10px;

}



/***************************************************************************************************************************************/

/* 

	Cart Information Section 

	-----------------------------------------------------

	div#cartInformation			=	Container of Cart Information

	div.cartInformationAlign	=	Alignement of Cart Information

	.cartInformationHighlight	=	Color of highlight element (Number of product and total)

	a.cartInformationLink		=	Link style

*/

div#cartInformation {

	height:26px;

	line-height:normal;

	font-size:10px;

	width:748px!important;

	width:750px;

}



div.cartInformationAlign {

	text-align:right; vertical-align:top;

	padding-right:7px; padding-top:7px;

}



.cartInformationHighlight{

	color:#400000;

	font-weight:bold;

}



a.cartInformationLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}

a.cartInformationLink:link, a.cartInformationLink:active, a.cartInformationLink:visited {color:#333; text-decoration:none;} 

a.cartInformationLink:hover{color:#400000; text-decoration:underline;}



/***************************************************************************************************************************************/

/*

	Specific settings for Content Page Navigation

	-----------------------------------------------------

	div#contentNavigationTop		=	Container of top page navigation

	div#contentNavigationBottom		=	Container of bottom page navigation

	div.contentNavigationAlign	=	General alignement

	.contentNavigationText		=	Text style

	a.contentNavigationLink		=	Link style



*/

div#contentNavigationTop, div#contentNavigationBottom{

	margin-top:10px; margin-bottom:5px; font-size:10px;

}



div.contentNavigationAlign{

	text-align:left; vertical-align:top;

	padding-left:7px; padding-right:7px;

	font-size:10px;

}



.contentNavigationText{

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;

}



a.contentNavigationLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}

a.contentNavigationLink:link, a.contentNavigationLink:active, a.contentNavigationLink:visited {color:#333; text-decoration:underline;} 

a.contentNavigationLink:hover{color:#400000; text-decoration:none;}





/***************************************************************************************************************************************/

/* 

	

	Specific settings for Content Page Title 

	-----------------------------------------------------

	div#contentPageTitle	=	Container of the page title image

*/

div#contentPageTitle{

	overflow:hidden;

	margin-top:20px;

	margin-bottom:10px;

	padding-right:5px;

} 



h1{

	width:auto;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:normal;

	color:#000;

	text-transform:uppercase;

}



div#contentPageTitle h1{

	background-image:url(/ecom_theme/img/title_bg.jpg);

	background-repeat:repeat-x;

	width:740px;

	background-position: left bottom;

	padding-bottom:12px;

	margin-left:5px;

	margin-top:0px;

	margin-bottom:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:normal;

	color:#000;

	text-transform:uppercase;

} 





h2{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:normal;

	color:#000;

	text-transform:uppercase;

}



h3{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:normal;

	color:#000;

	font-style:italic;

}





/***************************************************************************************************************************************/

/* 

	Specific settings for Content Page Content Section 

	-----------------------------------------------------

	div#contentPageContent			=	Container of the page content

	div#logoSSL						=	Container of logo SSL

	div.contentPageContentAlign		=	Page content alignement

	.contentText					=	General text style

	.contentTextBold 				=	General text bold style

	.contentTextHighlight			=	General text highligh style

	.contentConfirmationText		=	Confirmation text style showed in Order Confirm page.

	.contentTextLighter				= 	General text lighter style

	.smallContentText				=	General small text style

	a.contentLink					=	General link style

	a.contentHighlightLink			=	General highlight link style

	a.contentSeeAllLink				=	General see all link style

	a.viewMoreDetailsLink			=	Vew More Detail link style

*/

div#contentPageContent, div#logoSSL {

	font-size:12px;	line-height:16px;

}

div#logoSSL {display:none;}



div.contentPageContentAlign {

	text-align:left; vertical-align:top;

	padding-left:7px; padding-right:7px;

}



.contentText, .contentTextBold, .contentTextHighlight, .contentConfirmationText, .contentTextLighter {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;color:#400000;

}



.smallContentText, .smallContentTextHighLight{

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;

}



.contentText,.contentTextBold{color:#333;}

.contentTextBold{font-weight:bold;}

.contentTextHighlight, .smallContentTextHighLight{font-weight:bold; color:#400000;}

.contentConfirmationText{font-weight:bold; color:#990000;}

.contentTextLighter{color:#400000;}







a.contentLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

a.contentLink:link, a.contentLink:active, a.contentLink:visited {color:#000; text-decoration:underline;} 

a.contentLink:hover{color:#400000; text-decoration:none;}



a.contentHighlightLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

a.contentHighlightLink:link, a.contentHighlightLink:active, a.contentHighlightLink:visited {color:#523C29; text-decoration:underline;} 

a.contentHighlightLink:hover{color:#400000; text-decoration:none;}



a.contentSeeAllLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:22px;}

a.contentSeeAllLink:link, a.contentSeeAllLink:active, a.contentSeeAllLink:visited {color:#385597; text-decoration:underline;} 

a.contentSeeAllLink:hover{color:#7b9deb; text-decoration:none;}



a.viewMoreDetailsLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

a.viewMoreDetailsLink:link, a.viewMoreDetailsLink:active, a.viewMoreDetailsLink:visited {color:#385597; text-decoration:underline;} 

a.viewMoreDetailsLink:hover{color:#7b9deb; text-decoration:none;}



/***************************************************************************************************************************************/

/* 

	Specific settings for Footer Section 

	-----------------------------------------------------

	div#footer			=	Container of footer

	div.footerAlign		=	Alignement of footer

	.footerText			=	Text style

	a.footerLink		=	Link style

*/

div#footer	{

	font-size:10px;	line-height: 16px;

	width: 955px;

}



div.footerAlign {

	text-align:center; vertical-align:top;

	padding-top:5px; padding-bottom:5px;

}



div#footer div.footerAlign span#oContentHTML_4

{

	width:955px;

}



.footerText {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666;}



a.footerLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

a.footerLink:link, a.footerLink:active, a.footerLink:visited {color:#333333; text-decoration:none;} 

a.footerLink:hover{color:#400000; text-decoration:underline;}





/***************************************************************************************************************************************/

/* 

	Specific settings for Bottom Page Frame Section 

	-----------------------------------------------------

	div#contentPageBottomFrame	=	Container of Bottom Page Frame

	div#contentPageBottomFrameSEO	=	Container of Bottom Page Frame with SEO optimisation (product/categorie title)

*/

div#contentPageBottomFrame{

}



div#contentPageBottomFrameSEO{

	width:955px; margin:auto;

	text-align:center; vertical-align:top;

	margin-top:0px!important;

	margin-top:-5px;

	font-size:0px;

}



div#contentPageBottomFrameSEO span#lblProductTitleBottom, div#contentPageBottomFrameSEO span#lblCategoryTitleBottom{

	display:block;

	width:955px;

	text-align:center;

	vertical-align:top;

	color:#400000;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px; 

	font-weight:bold;

	padding-top:3px;

	padding-bottom:5px;

}







/***************************************************************************************************************************************/

/* 

	Forms Section 

	-----------------------------------------------------

	.inputBox				=	Standard input box settings

	.inputBoxError			=	Standard input box error settings (using by the validation textbox)

	.inputSearchBox			=	QuickSearch textbox settings

	.qtyBox					=	Input box for quantity

	.qtyBoxError			=	Input box for quantity error settings (using by the validation textbox)

	.SearchGood				=	Style of the QuickSearch textbox when the enterred string is valid

	.SearchNotGood			=	Style of the QuickSearch textbox when the enterred string is invalid

	.selectDropDownAuto		=	Style of DropDown with Width:Auto

	.selectDropDownFix		=	Style of DropDown with the same width of the standard input box

*/

.inputBox, .inputBoxError, .addressInputBox .cePhoneInput, .addressInputBox .cePhoneInputError{

	width:200px; height:21px;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

	border:1px inset #C5C8CD;

	text-align:left; vertical-align:middle;

	padding-left:5px;

	padding-top:2px;

}



.qtyBox, .qtyBoxError {

	width:33px; height:21px;

	padding-top:2px;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

	border:1px inset #C5C8CD;

	text-align:left; vertical-align:middle;

	padding-left:5px;

}



.inputBox, .qtyBox {background-color:#ffffff;}

.inputBoxError, .qtyBoxError, .addressInputBox .cePhoneInputError {background-color:#f1f5f7;}



.inputSearchBox, .SearchGood {

	width:197px; height:21px;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

	border:1px inset #C5C8CD;

	text-align:left; vertical-align:middle;

	padding-left:5px;

}





.SearchNotGood {

	width:197px; height:21px;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

	text-align:left; vertical-align:middle;

	padding-left:5px;

	border:1px solid #FF0000;

	

}



.selectDropDownAuto{

	width:auto; height:21px;

	border:1px solid #333;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

}



.selectDropDownFix{

	width:200px; height:21px;

	border:1px solid #333;

	font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;

}



/***************************************************************************************************************************************/

/*

	Custom Product Settings

	-----------------------------------------------------

	.productCodeText			=	Product code text style

	.productTitleText			=	Product title text style

	

	.smallPriceText				=	Small price text style

	.smallPriceHighlight		=	Small price highlight text style

	.smallPriceLineThrought		=	Small price with a line throught it

	

	.bigPriceText				=	Big price text style

	.bigPriceHighlight			=	Big price highlight text style

	.bigPriceLineThrought		=	Big price with a line throught it

	

	.couponApplicableText		=	Applicable coupon text in cart

	.couponNotApplicableText	=	Not Applicable coupon text in cart

	

	table.pricePerQtyTable		=	Settings of price per quantity table

	.pricePerQtyAlternateRow1	=	Alternate background in price per quantity table

	.pricePerQtyAlternateRow2	=	Alternate background in price per quantity table

	

	.smallImageSettings			=	Dimension of the small product image (Default 85 x 85)

	.bigImageSettings			=	Dimension of the big product image in Product Info. (Default 300 x 300)

	.smallCartImageSettings		=	Dimension of the small product image in the Shopping Cart (Default 55 x 55)

	.smallCartCouponImageSettings	=	Dimension of the small coupon image in the Shopping Cart (Default 55 x 39)



	td.categoryImageAlign		=	Image alignement in the product catalog page

	td.categoryAlign			=	Category link alignement under the small product image

	.categoryTitle				=	Text style for the Category title

	

	a.categoryLink				=	Category title link style (CategoryList)

	a.productTitleLink			=	Product title link style in the mainTitle box

	a.productCodeLink			=	Product code link style in the mainTitle box

	a.productListTitleLink		=	Product title link in product list page

	a.productListCodeLink		=	Product code link in product list page

*/

.productCodeText, .productTitleText, .smallPriceText, .smallPriceHighlight, .smallPriceLineThrought {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;

}



.bigPriceText, .bigPriceHighlight, .bigPriceLineThrought {

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;

}



.productCodeText {font-weight:bold; color:#666; text-decoration:none;}

.productTitleText {font-weight:bold; color:#666; font-size: 16px;}



.smallPriceText {font-weight:bold; color:#523C29;}

.smallPriceHighlight {font-weight:bold; color:#400000;}

.smallPriceLineThrought {font-weight:bold; color:#523C29; background-image:url(/ecom_theme/img/lineThrought.gif);background-repeat:repeat-x;background-position:left 3px;}



.bigPriceText {font-weight:bold; color:#523C29;}

.bigPriceHighlight {font-weight:bold; color:#400000;}

.bigPriceLineThrought {font-weight:bold; color:#523C29; background-image:url(/ecom_theme/img/lineThrought.gif);background-repeat:repeat-x;background-position:left 3px;}



.couponApplicableText {color:#523C29;font-weight:bold; }

.couponNotApplicableText {color:#400000;font-weight:bold; }



table.pricePerQtyTable{width:130px;}

.pricePerQtyAlternateRow1{background-color:#dee5e9;}

.pricePerQtyAlternateRow2{background-color:#e5e9ec;}



.smallImageSettings, .bigImageSettings, .smallCartImageSettings{border:1px solid #dadedf;}

.smallImageSettings{}

.bigImageSettings{}

.smallCartImageSettings{width:100px; height:79px}

.smallCartCouponImageSettings{width:55px; height:39px; border:1px solid #FFFFFF;}



td.categoryImageAlign{text-align:left; vertical-align:top;}

td.categoryAlign{text-align:left; vertical-align:top;padding-bottom:10px;padding-left:25px;}

.categoryTitle{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#400000;font-weight:bold;}



a.categoryLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

a.categoryLink:link, a.categoryLink:active, a.categoryLink:visited {color:#6a6a6a; text-decoration:underline;}

a.categoryLink:hover{color:#400000; text-decoration:underline;}



a.productTitleLink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

a.productTitleLink:link, a.productTitleLink:active, a.productTitleLink:visited {color:#333; text-decoration:none;} 

a.productTitleLink:hover{color:#400000; text-decoration:underline;}



a.productCodeLink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

a.productCodeLink:link, a.productCodeLink:active, a.productCodeLink:visited {color:#333; text-decoration:none;} 

a.productCodeLink:hover{color:#400000; text-decoration:none;}



a.productListTitleLink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

a.productListTitleLink:link, a.productListTitleLink:active, a.productListTitleLink:visited {color:#333; text-decoration:none;} 

a.productListTitleLink:hover{color:#400000; text-decoration:underline;}



a.productListCodeLink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

a.productListCodeLink:link, a.productListCodeLink:active, a.productListCodeLink:visited {color:#333; text-decoration:none;} 

a.productListCodeLink:hover{color:#400000; text-decoration:none;}





/***************************************************************************************************************************************/

/*

	Custom web interface

	-----------------------------------------------------

	table.mainTable								=	Main table of that contain Product Image + the table with Description/Price

	table.pnlNewProductPromotion				= 	Main table that contain New Product / Promotion table

	td.pnlNewProductPromotionMainTitleImage 	= Cell of the main title (New product / Promotion)

	td.mainTitle								=	Cell of a title on a box with text

	td.mainTitleImage							=	Cell of a title on a box with an image

  td.mainTitleDropdown           =       Cell of a title on a box with an image and a drodown							

	td.mainTitleImageOpened						=	Cell of an active title of a category search box

	td.mainTitleImageClosed						=	Cell of an inactive title of a category search box

	td.mainContent								=	Cell of the content on a box

	td.mainContentGrid							=	Cell of the content on a box

	td.mainContentPackingSlip					=	Cell of the packing slip information in the order history page	

	td.mainContentHighlight						=	Cell of the content on a box for tracking order

	

	div#productInfoImageFrame					=	Frame for the big image (Product Info)

	div#productInfoContentFrame					=	Frame for the content (Product Info)

	div#divProductPictureThumbnails					=       Frame for the thumbnail product picture



	tr.normalRowBackground						=	Normal row background when the mouse is not over the row

	tr.normalAlternateRowBackground				=	Alternate row background when the mouse is not over the row

	tr.rolloverRowBackground					=	Row when the mouse is over the rows

	

	.button														=	Button settings

	.productListing							=	Style for product listing made with list items

	

*/



table.mainTable {

	background-image:url('img/background.gif');
	text-align:left; vertical-align:top;

	width:736px; height:auto;

	display:table;

	margin-bottom:10px;

}

table.mainTable a
{
	color:400000;
}

table.pnlNewProductPromotion {

	width:215px;

	margin-left:8px;

}



td.pnlNewProductPromotionMainTitleImage {

	text-align:right;

	line-height:0px;

	font-size:0px;

	height:1px;

	background-color:#bbb4ad;

	vertical-align:top;

}



td.mainTitle {

	text-align:left; vertical-align:top;

	width:100%; height:auto;

	background-color:#bbb4ad;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fcffff;

	padding-left:5px; padding-top:2px; padding-bottom:2px;

}



td.mainTitleImage {

	text-align:left; vertical-align:top;

	width:100%; height:1px;

	background-color:#bbb4ad;

	line-height:0px;

	font-size:0px;

	padding-top:10px;

}



td.mainTitleDropdown{

	text-align:left; vertical-align:top;

	width:100%; height:1px;

	background-color:#bbb4ad;

	line-height:0px;

	font-size:0px;

}



td.mainTitleImageOpened {

	text-align:left; vertical-align:top;

	width:100%; height:1px;

	background-color:#55626a;

	border:1px solid #55626a;

	line-height:0px;

	font-size:0px;

	cursor:pointer;

}



td.mainTitleImageClosed {

	text-align:left; vertical-align:top;

	width:100%; height:1px;

	background-color:#ebeeee;

	border:1px solid #ebeeee;

	line-height:0px;

	font-size:0px;

	cursor:pointer;

}



td.mainContent{

	background-image:url('img/background.gif');
	text-align:left; vertical-align:top;

	border:1px solid #dadfe2;

	padding: 5px 5px 5px 5px;

	background-color:#fafafa;

}



td.mainContentGrid{

	text-align:left; vertical-align:top;

	border:1px solid #dadfe2;

	padding: 5px 5px 5px 5px;

}



td.mainContentPackingSlip{

	text-align:left; vertical-align:top;

	border:1px solid #ffffff;

	padding: 5px 5px 5px 5px;

	background-color:#f5fafa;

}





td.mainContentHighlight{

	text-align:left; vertical-align:top;

	border:1px solid #dadfe2;

	padding: 5px 5px 5px 5px;

	background-color:#e2f0ff;

}



div#productInfoImageFrame, div#divProductPictureThumbnails{

	width:315px;

	float:left;

	text-align:center; vertical-align:top;

	padding-bottom:15px;

}



div#divProductPictureThumbnails ul{

	margin:0px;

	padding:0px;

	width:300px;

	list-style:none;

	margin-left:7px !important;

	margin-left:0px;

}



div#divProductPictureThumbnails ul li{

        float:left;

        margin-right:3px;

        margin-bottom:3px;

}



div#divProductPictureThumbnails ul li img

{

	border:1px solid #e2e2e2;

}



div.productPriceContentFrame{

	width:360px;

	text-align:left; vertical-align:top;

	padding-left:5px;

	display:table;

	float:left;

}



div#productInfoContentFrame{

	width:735px;

	text-align:left; vertical-align:top;

}



div#productInfoButtonAlign{

	text-align:left; vertical-align:top;

}





.normalRowBackground{background-color:#f6f6f6; cursor:pointer;}

tr.normalAlternateRowBackground{background-color:#f1f5f7; cursor:pointer;}

tr.shippingRow{background-color:#ebeeee;}

tr.rolloverRowBackground{background-color:#e2f0ff; cursor:pointer;}



.button{

	margin-top:3px;

	padding-bottom:4px !important;

	padding-bottom:0px;

}



.productListing{

	list-style-type:none;

	margin:0;

	padding:0;

}



.productListing li{

	margin-bottom:25px;

}



/***************************************************************************************************************************************/

/*

	Shipping Method Carrier

	-----------------------------------------------------

	

	table.tableShippingMethodCarrier			=	Table with each carrier method

	table.tableShippingMethodCarrier td		=	Listing of carrier method in the table



*/



table.tableShippingMethodCarrier{

	margin-top:10px;

	border:1px solid #dedfdf;

	background-color:#f6f6f6;

}



table.tableShippingMethodCarrier td{

	padding-top:2px;

	padding-bottom:2px;

}





/***************************************************************************************************************************************/

/*** Carrousel ***/



table.hotProductsTable{

	float:left;

}



table.mainCarrouselTable{

	border:1px solid #400000;

	background-color:#666666;

}



td.carrouselTitleBar{

	height:20;

	padding:3px;

	background-color:#333;

}



.carrouselProductAdddedText{

	color:#009900;

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}







/***************************************************************************************************************************************/

/*

	Custom web utility

	-----------------------------------------------------

	div#clear							=	Clear both side of a DIV for alignement on the page *Important

	

	Status Bar

	-----------------------------------------------------

	.ErrorMessageTable					=	Table settings for validation textbox errors

	.ErrorMessageTd						=	Row settings for validation textbox errors

	.MessageTable						=	Status bar general style

	.MessageTable .SuccessMessage		=	Text style when Success Message appears

	.MessageTable .SuccessMessage A		=	Link style when Success Message appears

	.MessageTable .ErrorMessage			=	Text style when Error Message appears

	.MessageTable .ErrorMessage A		=	Link style when Error Message appears

	.MessageTable .WarningMessage		=	Text style when Warning Message appears

	.MessageTable .WarningMessage A		=	Link style when Warning Message appears

	

	Repeater

	-----------------------------------------------------

	.repeaterTopLeft					= Top-Left cell settings of the repeater table 

	.repeaterTopRight					= Top-Right cell settings of the repeater table

	.repeaterBottomLeft					= Bottom-Left cell settings of the repeater table

	.repeaterBottomRight				= Bottom-Left cell settings of the repeater table

	.repeaterTitle						= Title text style

	.repeaterTableInside				= Main content of the repeater

	.repeaterTopProduct					= Top cell settings of the repeater table

	.repeaterBottomProduct				= Bottom cell settings of the repeater table

	

*/

div#clear{ 

	clear:both;

}



/*********** Validation Box Error *************/

.ErrorMessageTable{

	background-color:#35383c;

	padding:3px 3px 3px 3px;

	margin-left:5px;

	margin-top:5px;

	width:183px;

	border:1px dashed #666666;

	filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=75);

	-moz-opacity:0.60;

}





.ErrorMessageTd

{

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF;

	padding:2px 2px 2px 2px;

}



/*********** Status Bar *************/

.MessageTable {

	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#b0b0b0', Positive='true'); 

	font-family:Arial, Helvetica, sans-serif;  font-weight:bold; 

	border:1px solid #400000; 

	WIDTH: 730px;

	background-color:#bbb4ad; 

}

.MessageTable .SuccessMessage {

	font-weight:bold; 

	padding-right: 5px; 

	padding-left: 42px; 

	font-size: 11px; 

	background-image: url(/img/StatusBar/SuccessMessageIcon.gif); 

	padding-bottom: 5px; 

	vertical-align: middle; 

	color: #400000; 

	padding-top: 5px; 

	background-repeat: no-repeat; 

	height: 42px;

}

.MessageTable .SuccessMessage A {

	FONT-WEIGHT:bold; 

	COLOR: #523C29; 

	TEXT-DECORATION: underline;

}

.MessageTable .ErrorMessage {

	FONT-WEIGHT:bold; 

	PADDING-RIGHT: 5px; 

	PADDING-LEFT: 42px; 

	FONT-SIZE: 11px; 

	BACKGROUND-IMAGE: url(/img/StatusBar/ErrorMessageIcon.gif); 

	PADDING-BOTTOM: 5px; 

	VERTICAL-ALIGN: middle; 

	COLOR: #400000; 

	PADDING-TOP: 5px; 

	BACKGROUND-REPEAT: no-repeat; 

	HEIGHT: 42px;

}

.MessageTable .ErrorMessage A {

	FONT-WEIGHT:bold; 

	COLOR: #523C29; 

	TEXT-DECORATION: underline;

}

.MessageTable .WarningMessage {

	FONT-WEIGHT:bold; 

	PADDING-RIGHT: 5px; 

	PADDING-LEFT: 42px; 

	FONT-SIZE: 11px; 

	BACKGROUND-IMAGE: url(/img/StatusBar/WarningMessageIcon.gif); 

	PADDING-BOTTOM: 5px; 

	VERTICAL-ALIGN: middle; 

	COLOR: #400000; 

	PADDING-TOP: 5px; 

	BACKGROUND-REPEAT: no-repeat; 

	HEIGHT: 42px;

}

.MessageTable .WarningMessage A {

	FONT-WEIGHT:bold; 

	COLOR: #523C29; 

	TEXT-DECORATION: underline;

}





/*********** REPEATER *************/

.repeaterMainTable{

	width:98%;

}



.repeaterTitle,.repeaterTopLeft,.repeaterTopRight,.repeaterBottomLeft,.repeaterBottomRight, .repeaterMainTable{

	font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#414141;font-weight:bold;

}



.repeaterTitle{

	float:left;

}



.repeaterTopLeft{}

.repeaterTopRight{}

.repeaterBottomLeft{}

.repeaterBottomRight{}

.repeaterTableInside{}

.repeaterTopProduct{}

.repeaterBottomProduct{}



/**************************************/



div#oucProductDescription_oTabs

{

	margin-bottom:-4px;

}



#divImportProductList{

	margin-top:-24px;

}


/********************************************
	Main menu Dropdown
*********************************************/

/*======================================================
			Main navigation 
========================================================
	#mainNavigation	=	container of main navigation
	#mainNavigation ul	=	navigation consists of a list. Container of the list
	#mainNavigation ul li	=	each elements of the first list: the main buttons
	#mainNavigation ul li a.mainMenuButton	=	Styles for the first-level buttons
	#mainNavigation ul li img	=	Main menu separators
	
	.subMenu	=	List of sub-menus
	.subMenu li	=	Elements of the sub-menus
	.subMenuLink	=	Elements of the sub-menus
*/

#menuNavigationContent ul{
	float:left;
	margin:0;
	padding:0;
	
	list-style-type:none;
}

#menuNavigationContent ul li{
	float:left;
}

#menuNavigationContent ul li a.mainMenuButton, #menuNavigationContent ul li img{
	display:block;
	height:40px;
	float:left;
}

#menuNavigationContent ul li a.mainMenuButtonSelected{

	/*background-position:bottom;*/
}

.subMenu{
	position:absolute;
	left:auto;
	top:auto;
	z-index:1000;
		
	width:144px;
	
	padding:0;
	margin:0;
	
	font-size:12px;
	line-height:normal;
	
	background-image:url(/img/subMenu_bg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	background-color:#1562a4;
	
	border:solid 1px #0a3b65;
	border-top:0;
	visibility:hidden;
}

.subMenu li{
	clear:both;
}

.subMenuButton:link, .subMenuButton:visited, .subMenuButton:active {
	display:block;	
	text-align:left;
	
	background-image:url(/img/subMenu_bg_sep.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	
	margin:0;
	padding:0;
	
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:17px;
	
	width:122px;
	
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#mainMenu:hover .subMenu{
	visibility:visible;
}

.subMenuButton:hover{
	background-color:#1d92e0;
	text-decoration:underline;
}

.mainTable .categoryAlign .categoryImageAlign
{
            Width: 290px;
            Height: 209px;
}



/********************************************************************/
/* CSS Tab style menu */
.wrapper1{
	color: #44433f;
	padding-left:50px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:Bold;
	margin: 0;
	}
	.wrapper1 a{
		color: #fff;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #09548B;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/

}
.nav {
	background: #fff url(images/nav_bg.gif) repeat-x;
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(images/nav_left.gif) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(images/nav_right.gif) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(images/split.gif) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #fff;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	/*background: url(images/submenu_top.png) no-repeat;*/
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	/*background: url(images/submenu_bg.png) repeat-y;*/
	width: 225px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	/*border-bottom: 2px #523C29 dashed;*/
	background: none;
	background-color:#BBB4AD;
}
.nav li:hover li a,
.nav li.active li a {
	color: #523C29;
	background: none !important;
	line-height: normal;
	width: 200px;
	padding: 2px 3px 3px;
	text-indent: 5px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #000;
	background: #fff !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	/*background: url(images/submenu_bottom.png) no-repeat;*/
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}



/***********************Top Right Search*********************************************/
#scK8Eg
{
	position:relative;
	width:137px;
	margin-bottom:-47px;
	display:none;
	visibility:hidden;
}

#sck8Eg a
{
	display:block;
}

#sck8Eg img
{
	display:block;
}

#culture
{
	display:none;
	visibility:hidden;
}

#searchText 
{
	display:none;
	visibility:hidden;
}

#customTopNavig,
#customTopNavigLogued
{
	position:relative;
	width:148px;
	display:none;
	visibility:hidden;
	font-size:11px;
	line-height:normal;
	display:none;
	visibility:hidden;
	margin-bottom:-50px;
}


#customTopNavig ul,
#customTopNavigLogued ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}

#customTopNavig ul li,
#customTopNavigLogued ul li
{
	line-height:12px;
	font-family:Arial;
	font-size:10px;
	color:#400000;
	text-align:right;
	padding-bottom:7px;
}


#customTopNavig ul li a,
#customTopNavigLogued ul li a
{
	color:#523C29;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}


#customTopNavig ul li a:hover,
#customTopNavigLogued ul li a:hover
{
	color:#400000;
	text-decoration:underline;
}

#oucLeftMenu_oucMenuMyAccount_oDivMenuMyAccount
{
	display:none;
	visibility: hidden;
}


/********************************Tabber Style for tabs*******************************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	font-size: xx-small;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}


/* Change these to change look */
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #BBB4Ad;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #523C29; }
ul.tabbernav li a:visited { color: #523C29; }

ul.tabbernav li a:hover
{
 color: white;
 background: #BBB4AD;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #D4CEC5;
 color:#523C29;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #523C29;
 background: #D4CEC5;
 border-bottom: 1px solid white;
}
/*-----------------------------------------------------*/


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/***********************************
	STYLES USED FOR CHECKOUTEXPRESS
	
	div.checkoutExpressSectionTitle	=	Titles of the sections of the checkoutExpress
	.requiredField	=	Color of the star next to a field
	.addressInputBox	=	Used to space the different input boxes
	.checkoutExpressPage .mainTable	=	Set the width of the mainTable to fit inside others
	.checkoutExpressPage .mainTable td	=	Elements of the mainTable
	.repeaterTopSmall	=	Used to space the repeaterTop
	.repeaterBottomSmall	=	Used to space the repeaterBottom
	.checkoutExpressShippingMethodCarrier	=	Shipping Method Carrier of CheckoutExpress
*/
      
div.checkoutExpressSectionTitle
{
  background:#523c29;
  margin-bottom:10px;
}

.requiredField
{
  color:#d00000;
}

.addressInputBox
{
  padding-bottom:4px;
  width:160px;
}

.checkoutExpressPage .mainTable
{
  width:700px;
}

.checkoutExpressPage .mainTable td
{
  background:none;
}

.repeaterTopSmall
{
  margin-top:2px;
  margin-bottom:8px;
}

.repeaterBottomSmall
{
  margin-top:8px;
  margin-bottom:5px; 
}

.checkoutExpressShippingMethodCarrier
{

	border:1px solid #dedfdf;

	background-color:#f6f6f6;

  width:auto;
}

.addressInputBox .inputBox, .addressInputBox .inputBoxError, .addressInputBox .selectDropDownFix{
	width:160px;
}

.addressInputBox .cePhoneInput, .addressInputBox .cePhoneInputError{
	width:97px;
}

#oucOrderView_tdImageTitle img{
	width:55px;
}

/***************************************/
/* CART POPUP */
/**************************************/
/**************************************/
/*
	#divCartPopup	=	Container of cart Popup. Used to set width and arrow image (is used)
	#divCartPopup #divCartPopupContainer	=	Inside section used for borders and align
	
	#divCartPopup #divCartPopupContainer #divCartPopupHeader	=	Header section of the cart
	#divCartPopup #divCartPopupContainer #divCartPopupHeader table td	=	Title of the cart
	#divCartPopup #divCartPopupContainer #divCartPopupHeader table th	=	Cart information when there is a product
	
	#divCartPopup #divCartPopupContainer #divCartPopupFooter	=	Footer of the cart
	
	#divCartPopup #divCartPopupContainer #divCartPopupFooter .smallPriceHighlight	=	Color of the price Highlight
	#divCartPopup #divCartPopupContainer #divCartPopupFooter table th	=	Cart information in the footer when there is a product
	#divCartPopup #divCartPopupContainer #divCartPopupFooter table td	=	Cart footer
	
	#divCartPopup #divCartPopupContainer #divCartPopupContent	=	Content of the cart
	
	

*/

#divCartPopup 
{
  display:none;
  position:absolute;
  z-index:11050;
  left:0px;
  top:0px;
  width:497px;
  margin-left:255px;
  background-image:url(/ecom_theme/img/cartarrowpopup.gif);
  background-repeat:no-repeat;
  padding-top:14px;
}

#divCartPopup #divCartPopupContainer
{
  border:1px solid #909092;
  padding:1px;
  background-color:#e6e1da;
  position:relative;
  border-top:none;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader
{
  background-color:#523c29;
  font-size:14px;
  font-family:Arial;
  color:#e6e1da;
  text-align:left;
  padding:0px;
  font-weight:700;
  border:1px solid #7a7b7d;
  border-bottom:none;
  width:492px;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader a
{
  color:#e6e1da;
  text-decoration:none;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader table
{
  width:100%; 
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader table td,
#divCartPopup #divCartPopupContainer #divCartPopupHeader table th
{
  padding:3px;
  color:#e6e1da;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader table td{
	font-size:12px;
	font-weight:bold;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader table th
{
  background-color:#dbdedf;
  font-size:10px;
  color:#666666;
  height:20px;
  margin:0px;
}

#divCartPopup #divCartPopupContainer #divCartPopupFooter
{
  width:492px;
  background-color:#523c29;
  font-size:14px;
  font-family:Arial;
  color:#b3b3b3;
  font-weight:700;
  border:1px solid #7a7b7d;
  border-top:none;
}

#divCartPopup #divCartPopupContainer #divCartPopupFooter .smallPriceHighlight
{
  color: #e22927;
}

#divCartPopup #divCartPopupContainer #divCartPopupFooter img
{
  vertical-align:middle;
}

#divCartPopup #divCartPopupContainer #divCartPopupFooter table th
{
  background-color:#dbdedf;
  font-size:10px;
  color:#666666;
  height:20px;
  margin:0px;
  padding:3px;
  padding-right:17px;
}

#divCartPopup #divCartPopupContainer #divCartPopupFooter table td
{
  padding:3px;
}


#divCartPopup #divCartPopupContainer #divCartPopupContent
{
  width:492px; 
  height:131px;
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:scroll;
  border-left:1px solid #7a7b7d;
  border-right:solid 1px #7a7b7d;
  margin-top:0px;
  .margin-top:-2px;
}

#divCartPopup #divCartPopupContainer #divCartPopupContent table
{
  width:472px;
  background-image:url(/img/cart-listing-top.gif);
  background-position:left top;
  background-repeat:repeat-x;
}

#divCartPopup #divCartPopupContainer #divCartPopupContent table td
{
  padding:3px;
  border-bottom:1px solid #756454;
}

#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning,
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess
{
  font-size:12px;
  font-family:Arial;
  color:#FFFFFF;
  width:489px; 
  text-align:center;
  padding:2px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  text-transform:none;
}

#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning
{
  background-color:#871517;
}

#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess
{
  background-color:#208715;
}

#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning img,
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess img
{
  margin-right:5px;
}


/**************************************
	NEWSLETTER STYLE		*/
	
#divSubscribeNewsletterContentSubmit
{
  margin-top:5px;
}

#divSubscribeNewsletterContentEmail, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterContentFirstName, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterContentLastName, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterContentCompany, #oucNewsletterSubscription_divSubscribeNewsletterContentLastName, #oucNewsletterSubscription_divSubscribeNewsletterContentFirstName, #oucNewsletterSubscription_divSubscribeNewsletterContentCompany
{
  margin-top:3px;
}

#divSubscribeNewsletter
{
  padding-left:10px;
  margin-bottom:10px;
}

#divSubscribeNewsletterContent, #oucNewsletterSubscription_divSubscribeNewsletterLinkRight
{
  text-align:left; vertical-align:top;
	background-image:url('img/background.gif');
	text-align:left; vertical-align:top;

	border:1px solid #dadfe2;

	padding: 5px 5px 5px 5px;

	background-color:#fafafa;
}

.newsLetterRightTitleImage{
	background-color:#bbb4ad;

	vertical-align:top;
	text-align:right;
}


#divSubscribeNewsletterContent .inputBox, #divSubscribeNewsletterContent .inputBoxError
{
	width:194px;
}

/*   LEFT MENU    */

#leftMenu #divSubscribeNewsletter
{
  padding-left:0px;
  margin-bottom:0px;
}

#leftMenu .newsLetterRightTitleImage{
	border:none;
	background:none;
	height:0px;
}

#leftMenu #divSubscribeNewsletterContent, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
	background:none;
	border:none;
	line-height:18px;
  
	width:193px;
	margin:0px; padding:0px;
	background-image:url(/ecom_theme/img/leftmenu_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:12px;
	padding-bottom:10px;
	
	margin-top:-3px !important;
	margin-top:0px;
}

#oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
  padding-left:0px;
}

#leftMenu #divSubscribeNewsletterContent .inputBox, #leftMenu #divSubscribeNewsletterContent .inputBoxError
{
  width:165px;
}

#leftMenu #divSubscribeNewsletterContent .contentText{

}

/***************************************/
/* PRODUCT LISTING */
/**************************************/
/**************************************/
/*
	Add these lines after .productListing li
	.col1 = 1 product listing
	.col2 = 2 products listing
	.col3 = 3 products listing
	.col4 = 4 products listing
	.sep = border-right for separator


*/

.productListing li.col1{}
.productListing li.col2{width:49%;float:left;}
.productListing li.col3{width:32%;float:left;}
.productListing li.col4{width:23%;float:left;}

.sep{
	margin-right:10px;
}

.clear{
	clear:both;
	margin-bottom:10px;
	height:0px; 
	line-height:0px; 
	font-size:0px;
}


/*********** VALIDATION SUMMARY *************/
#oValidationSummary
{
  border:1px solid #aa9754;
  background-color:#ffffe1;
  padding:5px;
  margin-bottom:20px;
  margin-top:10px;
  margin-right:8px;
  font-weight:bold;
  font-family:Arial, Verdana;
  font-size:11px;
}

#oValidationSummary ul
{
  width:98%;
  list-style:none;
  margin:0px;
  padding:0px;
  margin-top:10px;
  margin-left:10px;
}

#oValidationSummary ul li
{
  margin-bottom:5px;
  background:transparent url(/ecom_theme/img/error.gif) no-repeat 0 0;
  padding:2px;
  padding-left:25px;
  border-bottom:1px dashed #d8c995;
  color:#FF0000;
  font-weight:normal;
  font-family:Arial, Verdana;
  font-size:11px;
}



/********** CHECKOUT EXPRESS CONTENT HELP TOP RIGHT******/

#ckeckout-express-page-title
{
  width:100%;
  height:50px;
  overflow:hidden;
}

#checkout-express-content-top-need-help
{
  width:100%;
  text-align:right;
}

#checkout-express-content-payment-method-need-help
{
  width:100%;
  text-align:right;
}