/***************************************
  	The original Theme for Skinable e-Commerce (Blank theme)
  	Created by k-eCommerce.net
  	http://www.k-ecommerce.net
	Version: V201306
****************************************/

/***************************************************************************************************************************************/
/* 
	General page style.
	-----------------------------------------------------
*/

form{
	margin:0px;
}

.pageBody, .pageBodyNoMenu{
	background:#ffffff;
	margin:0px; 
	padding:0px;
	border:0px;
	text-align:center;
	
	font-family:Arial, Verdana, Helvetica, sans-serif; 
}

a img{border:0px;}

/***************************************************************************************************************************************/
/* 
	General page alignement. 
	-----------------------------------------------------
	div#pageAlign	=	Page alignement container. 
*/

#pageAlign{
	width:955px;
	text-align:center;
	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
	
*/

#contentTopSectionFrame, #contentHeaderFrame, #contentPageFrame, #menuNavigation,  #menuNavigationContent, #contentPageBottomFrame, #contentPageBottomFrameSEO{
	text-align:left;
}

#cartInformation, #contentPageTitle, #contentPageContent, #contentNavigation, .mainTable, #productInfoContentFrame, .MessageTable, .myAccountSection{
	width:800px;
	text-align:left; 
}

.pageBodyNoMenu #cartInformation, .pageBodyNoMenu #contentPageTitle, .pageBodyNoMenu #contentPageContent, .pageBodyNoMenu #contentNavigation, .pageBodyNoMenu .mainTable, .pageBodyNoMenu #productInfoContentFrame, .pageBodyNoMenu .MessageTable, .pageBodyNoMenu .myAccountSection{
	width:955px;
}

/***************************************************************************************************************************************/
/* 
	Specific settings for container of WelcomeMessage and Culture 
	-----------------------------------------------------
	div#contentTopSectionFrame	=	Container of WelcomeMessage + Culture
*/

#contentTopSectionFrame{}

/***************************************************************************************************************************************/
/* 
	Welcome Message Section
	-----------------------------------------------------
	div#welcomeMessage		=	Container of Welcome Message
	.welcomeMessageText		=	Text style
	a.welcomeMessageLink	=	Link style
*/

#welcomeMessage{
	width:450px;
	float:left;
	text-align:left; 
	font-size:0px;
	line-height:0px;
}

.welcomeMessageText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	color:#333333;
}

.welcomeMessageLink:link, .welcomeMessageLink:hover, .welcomeMessageLink:active, .welcomeMessageLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	color:#003C87; 
	text-decoration:underline;
}

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

/***************************************************************************************************************************************/
/* 
	Culture Section 
	-----------------------------------------------------
	div#culture		=	Culture container
	.cultureText	=	Text style
	a.cultureLink	=	Link style
*/

#culture{
	width:470px; 
	float:right;
	text-align:right;
	font-size:0px;
	line-height:0px;
}

.cultureText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em; 
	color:#333;
}

.cultureLink:link, .cultureLink:hover, .cultureLink:active, .cultureLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em; 
	color:#003C87; 
	text-decoration:underline;
} 

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

/***************************************************************************************************************************************/
/* 
	Content Page Section 
	-----------------------------------------------------
	div#contentHeaderFrame		=	Container of Header + Search
	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
*/

#contentHeaderFrame{
	clear:left;
}

#contentLogo, #contentLogo a{
	float:left;
	width:212px; 
	height:126px;
	text-indent:-9999px;
}

#contentLogo{
	background-image:url(/ecom_theme/img/logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#contentHeader{
	float:left; 
	width:507px; 
	height:126px;
}

#contentSearchAvailable, #contentSearchUnavailable{
	float:left;
	width:236px; 
	height:126px;
}

#searchText{}

#searchInput{}

#searchAdvancedLink{}

.contentSearchAlign{}

.contentSearchText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em; 
	font-weight:bold; 
	color:#333;
}

.searchInputContainer{ 
	width:197px; 
	padding-right:5px;
}

.contentSearchLink:link, .contentSearchLink:hover, .contentSearchLink:active, .contentSearchLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em; 
	font-weight:normal; 
	color:#333;
	text-decoration:underline;
} 

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

/****************************************/
/*	SEARCH INTELLIGENT TELERIK 	*/
/****************************************/
.RadComboBox table td.rcbInputCell{
	padding:0 !important;
}

.rcbInputCellLeft, .rcbInputCellRight, .RadComboBox .rcbArrowCell a{}

.RadComboBoxDropDown{
	font-size:10px !important;
}

/*********************************/
/*	DropBox Place the Order Address + Shipping Address 	*/
#oucAddressDropDownExtended_lstShippingAddress{width:90%!important;}
#divShippingAddress #oucAddressDropDownExtended_lstShippingAddress{width:100%!important;}


/***************************************************************************************************************************************/
/* 
	Menu Navigation Section  (Home / New products / Promotions)
	-----------------------------------------------------
	div#menuNavigation			=	Container of Menu Navigation
	div.menuNavigationAlign		=	Menu Navigation alignement
	.menuNavigationSeparation	=	Style of separation between button
	
*/

#menuNavigation, #menuNavigationContent{
	background:url(/ecom_theme/img/navigationMenu_bg.gif?fv=3A33D3F9A4C7DA16C4B65ECBA0B1F662) top left repeat-x;
	line-height:0;
	font-size:0;
}

.menuNavigationAlign, .menuNavigationContentAlign{}

.menuNavigationSeparation{}

/***************************************************************************************************************************************/
/* 
	Content Page Section 
	-----------------------------------------------------
	div#contentPageFrame				=	Page Frame Container
*/

#contentPageFrame{}

/***************************************************************************************************************************************/
/* 
	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	
*/
#leftMenu{
	width:193px;
	float:left;
	line-height:0;
	font-size:0;
}

.leftMenuAlign {}

#leftMenuCategoryDescription{}

div#currencySelector {
	width:193px;
	line-height:0;
	font-size:0;
}

.currencySelectorAlign{}

.currencyText{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#333333;
}

table.leftMenuListing, .leftMenuListingCategories, .leftMenuListingBrands, .leftMenuListingSeeAllLink, .ulLeftMenuListingFirstLevel, #customerSupport{
	width:193px;
}

td.leftMenuListing, .ulLeftMenuListingFirstLevel li{}

.LeftMenuBullet, .ulLeftMenuListingSecondLevel span{
	background: url(/ecom_theme/img/left_menu_bullet.gif?fv=813FE83DAED37F888841DC6658B6EB45) top left no-repeat;
	padding-left: 29px;
}

.LeftMenuNoBullet, .ulLeftMenuListingFirstLevel li a{
}

 .DashboardIcon, .MyCartIcon, .PlaceOrderIcon, .OrderExpressIcon, .PreferredListIcon, .ProfileIcon, .OrderHistoryIcon, .FrequentlyOrderedProductIcon, .PriceListIcon, .ReturnIcon, .LogoffIcon,  .MyFilesIcon,  .BasketSelectionIcon,  .ProductComparisonIcon,  .MyGiftCertificate,  .AccountSelectionIcon,  .MyAccountIcon{
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:29px;
}

.DashboardIcon{background-image:url(/ecom_theme/img/icons/icon_home.gif);}
.MyCartIcon{background-image:url(/ecom_theme/img/icons/icon_cart.gif);}
.PlaceOrderIcon{background-image:url(/ecom_theme/img/icons/icon_placeorder.gif);}
.OrderExpressIcon{background-image:url(/ecom_theme/img/icons/icon_orderexpress.gif);}
.PreferredListIcon{background-image:url(/ecom_theme/img/icons/icon_preferredlist.gif);}
.ProfileIcon{background-image:url(/ecom_theme/img/icons/icon_profile.gif);}
.OrderHistoryIcon{background-image:url(/ecom_theme/img/icons/icon_ordertracking.gif);}
.FrequentlyOrderedProductIcon{background-image:url(/ecom_theme/img/icons/icon_frequentlyordered.gif);}
.PriceListIcon{background-image:url(/ecom_theme/img/icons/icon_pricelist.gif);}
.ReturnIcon{background-image:url(/ecom_theme/img/icons/icon_return.gif);}
.LogoffIcon{background-image:url(/ecom_theme/img/icons/icon_logoff.gif);}
.MyFilesIcon{background-image:url(/ecom_theme/img/icons/icon_myfiles.gif);}
.BasketSelectionIcon{background-image:url(/ecom_theme/img/icons/icon_selectbasket.gif);}
.ProductComparisonIcon{background-image:url(/ecom_theme/img/icons/icon_productComparisonIcon.gif);}
.MyGiftCertificate{background-image:url(/ecom_theme/img/icons/icon_myGiftCertificates.gif);}
.AccountSelectionIcon{background-image:url(/ecom_theme/img/icons/icon_accountSelectionIcon.gif);}
.MyAccountIcon{background-image:url(/ecom_theme/img/icons/icon_myAccountPageIcon.gif);}

/*------------------------------------------------------------------------*/

.ulLeftMenuListingFirstLevel, .ulLeftMenuListingSecondLevel{
    list-style:none;
    margin:0px;
    padding:0px;
}

.ulLeftMenuListingFirstLevel li, .ulLeftMenuListingSecondLevel li{}
 
 .ulLeftMenuListingSecondLevel li{
	border:none;
 }
 
 .ulLeftMenuListingSecondLevel span{
	display:block;
 }
 
.ulLeftMenuListingFirstLevel li a.highlight{}

#oucLeftMenu_oucMenuMyAccount_oDivMenuMyAccountPanel .LeftMenuBullet{
	line-height:0px;
}

#oucLeftMenu_oucMenuMyAccount_oDivMenuMyAccountPanel .LeftMenuBullet a{
	line-height:1.3em;
}

/*------------------------------------------------------------------------
				SEE ALL LINK: link under the categories / brands "View entire catalog"
*/

.leftMenuSeeAllLink:link, .leftMenuSeeAllLink:hover, .leftMenuSeeAllLink:active, .leftMenuSeeAllLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:1.3em;
	font-weight:normal;
	color:#666666; 
	text-decoration:none;
} 

.leftMenuSeeAllLink:hover{
	color:#999999; 
}

/*------------------------------------------------------------------------
		SPECIAL LINKS: first level links when showing multiple category levels and Login link
*/

.leftMenuSpecialLink:link, .leftMenuSpecialLink:hover, .leftMenuSpecialLink:active, .leftMenuSpecialLink:visited, .ulLeftMenuListingFirstLevel a:link, .ulLeftMenuListingFirstLevel a:hover, .ulLeftMenuListingFirstLevel a:active, .ulLeftMenuListingFirstLevel a:visited, .ulLeftMenuListingFirstLevel .highlight:link, .ulLeftMenuListingFirstLevel .highlight:active, .ulLeftMenuListingFirstLevel .highlight:visited, .ulLeftMenuListingFirstLevel .highlight:hover{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
	color:#385597; 
	text-decoration:none;
} 

.leftMenuSpecialLink:hover, .ulLeftMenuListingFirstLevel a:hover, .ulLeftMenuListingFirstLevel .highlight:hover{
	color:#7b9deb; 
}

/*------------------------------------------------------------------------
		NORMAL MENU LINK: standard left menu link and sub-level category link when displaying multiple category levels
*/

.leftMenuLink:link, .leftMenuLink:hover, .leftMenuLink:active, .leftMenuLink:visited, .ulLeftMenuListingSecondLevel a:link, .ulLeftMenuListingSecondLevel a:hover, .ulLeftMenuListingSecondLevel a:active, .ulLeftMenuListingSecondLevel a:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
	font-weight:normal; 
	color:#666666; 
	text-decoration:none;
} 
.leftMenuLink:hover, .ulLeftMenuListingSecondLevel a:hover{
	color:#999999; 
}

/***************************************************************************************************************************************/
/* 
	Page Section 
	-----------------------------------------------------
	div#contentPage			=	Container of all element in the content section
	div.contentPageAlign	=	Alignement of the element in the content section
*/
#contentPage{
	margin:auto;
	width:800px;
}

.contentPageAlign{}

/***************************************************************************************************************************************/
/* 
	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
	
	
*/
/****If #cartInformation is absolute, put a z-index:1****/
#cartInformation{
	/* position:absolute; 
	   z-index:1;
	*/
}

/****If #cartInformation is absolute, put a relative on #shopping-cart****/
#shopping-cart{/*position:relative;*/}

.cartInformationAlign{
	text-align:right; 
}

.cartInformationHighlight{
	color:#385597;
}

.cartInformationLink:link, .cartInformationLink:hover, .cartInformationLink:active, .cartInformationLink:visited {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	color:#333; 
	text-decoration:none;
} 

.cartInformationLink:hover{
	color:#999999; 
	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{}

div.contentNavigationAlign{}

.contentNavigationText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	color:#333333;
}

.contentNavigationLink:link, .contentNavigationLink:hover, .contentNavigationLink:active, .contentNavigationLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	color:#333333; 
} 

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


/***************************************************************************************************************************************/
/* 
	
	Specific settings for Content Page Title 
	-----------------------------------------------------
	div#contentPageTitle	=	Container of the page title image
*/

div#contentPageTitle{} 

h1{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.3em;
	color:#000000;
}

h2{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.3em;
	color:#000000;
}

h3{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#000000;
}

/***************************************************************************************************************************************/
/* 
	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
	.contentList					=	Default list
	.contentList li				=	Each element in the default list
	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 {}

div.contentPageContentAlign {}

.contentText, .contentTextBold, .contentTextHighlight, .contentConfirmationText, .contentTextLighter, .contentTextDark{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
}

.smallContentText, .smallContentTextHighLight, .smallContentTextBold, .contentTextDarkSmall{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em; 
	color:#333333;
}

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

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

.contentTextBold, .smallContentTextBold{
	font-weight:bold;
}

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

.contentTextDarkSmall, .contentTextDark{
	color:#000000; 
}

/*----------------------------------------------------------------------------*/

.contentLink, .contentLink:link, .contentLink:hover, .contentLink:active, .contentLink:visited, .smallContentLink:link, .contentHighlightLink:hover, .smallContentLink:active, .smallContentLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
	color:#333; 
} 

 .contentLink:hover, .smallContentLink:hover{
	color:#999999; 
	text-decoration:none;
}

.smallContentLink:link, .smallContentLink:hover, .smallContentLink:active, .smallContentLink:visited {font-size:10px;} 

/*----------------------------------------------------------------------------*/

.contentHighlightLink:link, .contentHighlightLink:hover, .contentHighlightLink:active, .contentHighlightLink:visited, .contentHighlightLinkBig:link, .contentHighlightLinkBig:hover, .contentHighlightLinkBig:active, .contentHighlightLinkBig:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
	color:#385597; 
} 

.contentHighlightLink:hover, .contentHighlightLinkBig:hover{
	color:#7b9deb; 
	text-decoration:none;
}

.contentHighlightLinkBig:link, .contentHighlightLinkBig:hover, .contentHighlightLinkBig:active, .contentHighlightLinkBig:visited{font-size:14px;} 

/*----------------------------------------------------------------------------*/

.viewMoreDetailsLink:link, .viewMoreDetailsLink:hover, .viewMoreDetailsLink:active, .viewMoreDetailsLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:1.3em; 
	color:#385597;
} 

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

/*----------------------------------------------------------------------------*/

.contentSeeAllLink:link, .contentSeeAllLink:hover, .contentSeeAllLink:active, .contentSeeAllLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:1.3em;
	color:#385597; 
} 

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

/*=====================================================================================
						ALONE TO BE DISPLAYED IN CMS DROPDOWN						
=======================================================================================*/
.contentText{} 

.contentTextLighter{}

.smallContentText{} 

.contentTextHighlight{} 

.contentConfirmationText{}

.contentLink{}

.smallContentLink{}

.contentHighlightLink{}



/***************************************************************************************************************************************/
/* 
	Specific settings for Footer Section 
	-----------------------------------------------------
	div#footer			=	Container of footer
	div.footerAlign		=	Alignement of footer
	.footerText			=	Text style
	a.footerLink		=	Link style
*/

#footer{}

.footerAlign{}

.footerLink:link, .footerLink:hover, .footerLink:active, .footerLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	font-weight:normal; 
	color:#333333; 
	text-decoration:none;
} 

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


/*=====================================================================================
						ALONE TO BE DISPLAYED IN CMS DROPDOWN						
=======================================================================================*/

.footerText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	line-height:1.3em;
	font-weight:normal; 
	color:#666666;
}

.footerLink{}

/***************************************************************************************************************************************/
/* 
	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)
*/
#contentPageBottomFrame, #contentPageBottomFrameSEO{}

#lblTitleBottomFrameSEO, #lblProductTitleBottomPanel{
	display:block;
	color:#999999;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px; 
	line-height:1.3em
}

/***************************************************************************************************************************************/
/* 
	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, .qtyBox, .qtyBoxError, .priceBox, .priceBoxError, .inputSearchBox, .SearchGood, .selectDropDownAuto, .selectDropDownFix{
	width:200px; 
	padding: 5px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.3em;
	color:#27313a;
	border:1px solid #666;
	background-color:#ffffff;
}

.qtyBox, .qtyBoxError{
	width:33px; 
}

.priceBox, .priceBoxError{
	width:50px;
}

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

.inputSearchBox, .SearchGood, .SearchNotGood{
	width:197px;
}

.SearchNotGood{
	border:1px solid #FF0000;
}

.selectDropDownAuto{
	width:auto;
}

/***************************************************************************************************************************************/
/*
	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, .bigPriceText{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;
}

.bigPriceText {
	font-size: 14px;
}

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

.productTitleText{
	color:#666666;
	font-size: 16px;
}

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

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

.pricePerQtyTable{width:130px;}

.pricePerQtyAlternateRow1{background-color:#fff;}
.pricePerQtyAlternateRow2{background-color:#ddd;}

/*=====================================================================================
						ALONE TO BE DISPLAYED IN CMS DROPDOWN						
=======================================================================================*/

.smallPriceHighlight{}

.smallPriceLineThrought{}

.bigPriceHighlight{}

.bigPriceLineThrought{}

/***************************************************
			COLLAPSEABLE CATEGORIES
*/

.productCollapseTable{
	margin-bottom:15px;
}

.categoryAlign .categoryPlusMinus{
	margin-right:5px;
	width:10px;
	height:10px;
}

.categoryAlign .categorySubCategoryTable{
    margin-left:25px;
    margin-top:3px;
}

.categoryAlign .categorySubCategoryTable td{
    background:transparent url(/ecom_theme/img/icons/submenu-puce.gif) no-repeat 0px 7px;
    font-size:10px;   
	line-height:1.3em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:12px;
}

.productCollapseTable .highlight{
	color:#d5d9e5 !important;
	text-decoration:none !important;
	cursor:default !important;
}

.smallImageSettings, .bigImageSettings, .smallCartImageSettings{
	border:0px;
}
.smallImageSettings{}
.bigImageSettings{}
.smallCartImageSettings{}
#oucOrderView_tdImageTitle img.smallCartImageSettings{width:55px; height:55px;}

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

.categoryImageAlign{text-align:center; vertical-align:top;padding-bottom:30px;}
.categoryImageAlign .categoryImageAlign{padding-bottom:0px;}
.categoryAlign{text-align:left; vertical-align:top;padding-bottom:10px;}
.categoryImageAlign table{margin-left:auto; margin-right:auto;}

.categoryTitle{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#999999;
	font-weight:bold;
}

.productTitle{ 
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:1.3em;
	font-weight:bold; 
	color:#333333; 
	text-decoration:none;
}

.categoryLink:link, .categoryLink:hover, .categoryLink:active, .categoryLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:1.3em;
	font-weight:bold; 
	color:#6a6a6a; 
	text-decoration:underline;
}

.categoryLink:hover{
	color:#9a9a9a; 
	text-decoration:underline;
}

.productTitleLink:link, .productTitleLink:hover, .productTitleLink:active, .productTitleLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:bold; 
	color:#333333; 
} 

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

.productCodeLink:link, .productCodeLink:hover, .productCodeLink:active, .productCodeLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:1.3em;
	font-weight:bold; 
	color:#333333; 
} 

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

.productListTitleLink:link, .productListTitleLink:hover, .productListTitleLink:active, .productListTitleLink:visited {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:1.3em;
	font-weight:bold;
	color:#333333; 
} 

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

.productListCodeLink:link, .productListCodeLink:hover, .productListCodeLink:active, .productListCodeLink:visited{
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:1.3em;
	font-weight:bold; 
	color:#333333; 
} 

.productListCodeLink:hover{
	color:#999999; 
	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 {
	clear:both;
	height:auto;
}

.pnlNewProductPromotion {
	width:215px;
}

.pnlNewProductPromotionMainTitleImage {
	text-align:right;
	line-height:0px;
	font-size:0px;
	height:1px;
	background-color:#ffffff;
}

.mainTitle{
	text-align:left; 
	vertical-align:top;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#000;
}

.mainTitleImage, .mainTitleDropdown{
	text-align:left; 
	vertical-align:top;
	height:1px;
	line-height:0px;
	font-size:0px;
}

.mainTitleImageOpened{
	text-align:left; 
	vertical-align:top;
	height:1px;
	background-color:#55626a;
	border:1px solid #55626a;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
}

.mainTitleImageClosed{
	text-align:left;
	vertical-align:top;
	height:1px;
	background-color:#ebeeee;
	border:1px solid #ebeeee;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
}

.mainContent{
	border:1px solid #dadfe2;
	background-color:#fafafa;
	padding: 5px 5px 5px 5px;
	vertical-align:top;
}

.mainContentGrid{
	border:1px solid #dadfe2;
	background-color:#fafafa;
	padding: 5px 5px 5px 5px;
}

.mainContentPackingSlip{
	border:1px solid #dadfe2;
	background-color:#fafafa;
	padding: 5px 5px 5px 5px;
}


.mainContentHighlight, #divShipForCanadaPost{
	border:1px solid #dadfe2;
	padding: 5px 5px 5px 5px;
	background-color:#e2f0ff;
}

#productInfoImageFrame, #divProductPictureThumbnails{
	width:315px;
	float:left;
	text-align:center; vertical-align:top;
	padding-bottom:15px;
}

#divProductPictureThumbnails ul{
	margin:0px;
	padding:0px;
	width:300px;
	list-style:none;
	margin-left:7px !important;
	margin-left:0px;
}

#divProductPictureThumbnails ul li{
        float:left;
        margin-right:3px;
        margin-bottom:3px;
}

#divProductPictureThumbnails ul li img
{
	border:1px solid #e2e2e2;
}


/************************/
/*        kZoom         */
/************************/

.kZoomTitle{}

.kZoomPreview
{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:10;
	border-color:#ffffff;
	border-style: solid;
	border-width: 1px;
	cursor:pointer;
	font-size:0;
	line-height:0;
	text-align:left;
	margin:auto;
	padding:0px;
	display:inline-block;
}

.kZoomPreview img
{
	border: 0px;
	margin:auto;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
		background-image: url(/ecom_theme/img/fr-ca/ajax_loading.gif?fv=0565C14F35ABCA5311280878604C903D);
		background-repeat: no-repeat;
		background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}

.kZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

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

.productPriceContentFrame{
	width:435px;
	text-align:left; 
	margin-left:10px;
	float:left;
}


/*******************************************/
/********ADD TO MULTIPLE LIST POPUP** ******/
/*******************************************/

.divAddToPreferredListOptionPopup{
    width:140px;
    background-color:#fff;
    overflow:hidden;
    position:absolute;
    left:auto;
	border:solid 1px #999;
    z-index:11001;
    margin-top:2px;
    .margin-top:0px;
}

.divRegroupingButtonsAlign .divAddToPreferredListOptionPopup{
    width:170px;
    margin-top:2px;
}

.divAddToPreferredListOptionPopup ul{
    list-style:none;
    margin:0px;
    padding:0px;
    background-image:url(/ecom_theme/img/dropdownContainerBG.gif?fv=22EF601ABACDB391508F13136F23BD4A);
	background-repeat:repeat-y;
	background-position:top left;
	width:140px;
	float:left;
}

.divAddToPreferredListOptionPopup ul li{
    padding:0px;
    width:140px;
    margin:0px;
    background:none;
    border-top:1px solid #fff;
    border-bottom:1px solid #cccccc;
    text-align:left;
}

.divRegroupingButtonsAlign .divAddToPreferredListOptionPopup ul li{
    width:170px;
}

.divAddToPreferredListOptionPopup ul li a{
    display:block;
    padding:2px;
    padding-left:30px;
    background:none;
    font-size:12px!important;
    color:#385597!important;
}

.divAddToPreferredListOptionPopup ul li a.contentLink{
    background:transparent url('/ecom_theme/img/icons/addtolist.gif?fv=7DCE071CF93F7DAC06570A359394594D') no-repeat 6px 4px;
}

.divAddToPreferredListOptionPopup ul li a.contentHighlightLink{
    background:#ffffe1 url('/ecom_theme/img/icons/addtocurrentlist.gif?fv=D26C6EE6154175B6410E58DD57C224C1') no-repeat 6px 4px;
    color:#000!important;
}

.divAddToPreferredListOptionPopup ul li a:hover{
    background-color:#f0f3f9;
    color:#385597!important;
    text-decoration:none!important;
}

.divAddToPreferredListOptionPopup ul li a.contentHighlightLink:hover{
    background-color:#ffffe1;
}

/********************************/
/******* PRODUCT REVIEW *********/

#oucProductReview_divReviews .repeaterMainTable{
	width:100%;
}

.yesNoButton
{
	vertical-align:middle;
}

.iconReviewPurchased{
	vertical-align:middle;
	.vertical-align:bottom;
}

/****************************************************/
/************** PRODUCT COMPARISON TABLE ***********/

.productComparisonTableBody{}
table.productComparisonTableDisplayVertical{border:1px solid #999}
table.productComparisonTableDisplayHorizontal{border:1px solid #999}

.productComparisonTableBody td.mainContent td{text-align:left;}

.productComparisonTableBody td.mainContent td input{float:right!important;}


#productComparisonTableContent,
#productComparisonTableMainContent
{
    text-align:left;
}

#productComparisonTablePrint
{
    text-align:right;
	padding-left:20px;
}

#productComparisonTablePageTitle
{
    
}

#productComparisonTableMainContentCenter
{
    background-color:#FFF;
}

#productComparisonTableMainContentCenter table td.cellSeparation,
#productComparisonTableMainContentCenter table td.cellSeparationFirstCell,
#productComparisonTableMainContentCenter table td.cellSeparationProduct,
#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell,
#productComparisonTableMainContentCenter table td.cellSeparationProductImg,
#productComparisonTableMainContentCenter table td.cellSeparationImg
{
    
}

#productComparisonTableMainContentCenter table td.cellSeparationProductImg,
#productComparisonTableMainContentCenter table td.cellSeparationImg
{
	border-right:0px;
}

#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell, 
#productComparisonTableMainContentCenter table td.cellSeparationFirstCell
{
	border-left:none;
	width:240px;
}

#productComparisonTableMainContentCenter table.productComparisonTableDisplayHorizontal td.cellSeparation,
#productComparisonTableMainContentCenter table.productComparisonTableDisplayHorizontal td.cellSeparationFirstCell,
#productComparisonTableMainContentCenter table td.cellSeparationImg
{
    
}

#productComparisonTableMainContentCenter table td.cellSeparationProduct,
#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell,
#productComparisonTableMainContentCenter table td.cellSeparationProductImg
{
    
    background-color:#dedede;
}

#productComparisonTableMainContentCenter table.productComparisonTableDisplayVertical td.cellSeparationProductFirstCell,
#productComparisonTableMainContentCenter table.productComparisonTableDisplayVertical td.cellSeparationProductImg
{
    background-color:Transparent;
}

#productComparisonTableMainContentCenter table.productComparisonTableDisplayVertical .mainContent
{
    border:0px;
    background-color:transparent;
    background-image:none;
}

#productComparisonTableMainContentCenter .smallImageSettings
{
    border:0px;
}

#productComparisonTableMainContentCenter tr.normalRowBackground,
#productComparisonTableMainContentCenter tr.normalAlternateRowBackground
{
    cursor:default;
}

.productComparisonTableMainContentCenterVerticalContainer,
.productComparisonTableMainContentCenterHorizontalContainer
{
}

.productComparisonTableMainContentCenterVerticalContainer table
{
    width:auto;
}

.removeBtn
{
}

.productComparisonTableBody #contentPageBottomFrame
{
    margin-top:10px;
    font-size:10pt;
	line-height:1.3em;
    font-family:Arial, Verdana, Sans-serif;
    color:#000; 
	text-align:center;	
}

.productComparisonTableBody .productListInfoTop
{
    display:none;
}

.productComparisonComparePreBuiltButtonsAlign{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/***********************************************
			VERTICAL
**************************************************/
.productComparisonTableMainContentCenterVerticalContainer{
	/* d�finir ici le width: 200 X le nombre de produits */
}

.productComparisonTableDisplayVertical .cellSeparationProduct, 
.productComparisonTableDisplayVertical .cellSeparationProductFirstCell{
	width:180px;
	text-align:left;
}

.productComparisonTableDisplayVertical tr.normalRowBackground td, 
.productComparisonTableDisplayVertical tr.normalAlternateRowBackground td{
	padding:5px;
}

/***********************************************
			HORIZONTAL
**************************************************/
.productComparisonTableDisplayHorizontal .cellSeparationProductImg,
.productComparisonTableDisplayHorizontal .cellSeparationImg
{
	width:70px;
}

.productComparisonTableDisplayHorizontal .cellSeparationProduct, 
.productComparisonTableDisplayHorizontal .cellSeparationProductFirstCell{
	width:180px;
	text-align:left;
}

/*************************************************/
/*	ALIGNEMENT DES BOUTONS DANS LE PRODUCT COMPARISON */
.comparisonTableShareButton{
	margin-bottom:6px;
}

.comparisonTableShareButton br{
	display:none;
}

/**********************************************/
/*********** QUANTITY BY WAREHOUSE ************/
/**********************************************/
/* QUANTITY BY WAREHOUSE */
.qtyByWarehouseTable{
	border-collapse:collapse;
	width:293px;
	margin-top:10px;
}

table#productListingSingleColumn table.qtyByWarehouseTable, td#productListingPreferredListQty table.qtyByWarehouseTable, .pnlNewProductPromotion table.qtyByWarehouseTable{width:auto; margin-top:0px;}

.qtyByWarehouseTable th, .qtyByWarehouseTable td{
	font-size:10px;
	line-height:15px;
	padding:5px;
	vertical-align:top;
}

.qtyByWarehouseTable th{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	vertical-align:middle;
}

.qtyByWarehouseTable th.warehouseName{
	border-left:none;
}

.qtyByWarehouseTable td{
	border-right:solid 1px #ccc;
	vertical-align:middle;
}

.warehouseName, .warehouseAvail{
	text-align:left;
}

.qtyByWarehouseTable td.warehouseQty{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	border-right:none;
	border-left: solid 1px #ccc;
}

th.warehouseAvail, td.warehouseAvail{
	border-right:none;
	border-left: solid 1px #ccc;
}

.alternateQtyRow{
	background-color:#eff2f8;
}

.col1 .smallPriceHighlight{
	display:block;
	padding-right:5px;
}

div#productInfoButtonAlign{
	text-align:left; vertical-align:top;
}


.normalRowBackground{background-color:#fff; cursor:pointer;}
.normalAlternateRowBackground{background-color:#f1f5f7; cursor:pointer;}
.shippingRow{background-color:#ebeeee;}
.rolloverRowBackground{background-color:#e2f0ff; cursor:pointer;}

#productInfoButtonAlign br{display:none;}

#productInfoButtonAlign .button, 
#productInfoButtonAlign #imgTellAFriend, 
#productInfoButtonAlign #divButton{
	margin-top:5px;
	margin-bottom:5px;
	display:block;
}

#productInfoButtonAlign #divButton{display:block!important;}

.productListing{
	list-style-type:none;
	margin:0;
	padding:0;
}

.productListing li{
	
}

.productListing li.col1 .faceBookButton iframe, 
.productListing li.col2 .faceBookButton iframe{width:280px!important;}

.productListing li.col4 .faceBookButton iframe{
	width:158px!important;
	height:54px!important;
}

/********************************************/
/******		FACEBOOK BUTTON ALIGN		*****/

.faceBookButton{
	margin-top:6px;
	overflow:hidden;
}

/* adjust width so it can fit in the productPriceCOntentFrame */
.productPriceContentFrame .faceBookButton{
	width:280px;
}


/******************************************/
/******** AGREGATE PRICE LISTING **********/
/******************************************/

table.pricePerQtyTableAgregate{width:293px;}
table#productListingSingleColumn table.pricePerQtyTable{width:200px;}
table#productListingSingleColumn table.pricePerQtyTableAgregate{width:205px;}
td.newProductPromotionHomepageProduct table.pricePerQtyTable, td.newProductPromotionHomepageProduct table.pricePerQtyTableAgregate{width:140px;}

table.pricePerQtyTable td.noBackgroundCell, table.pricePerQtyTableAgregate td.noBackgroundCell{
	background:#fafafa;
	border:none;
}


/* AGREGATE ICON */
#imgPriceIsAgragateSingle
{
  vertical-align:middle;
  margin-right:5px;
}

/******************************************/
/******** LISTING PRODUIT - COMPARER ******/
/******************************************/
.productComparisonListContainer{
	margin-bottom:10px;
}

.productComparisonListContainer table td
{
	text-align:center;
}

#productInfoButtonAlign .productComparisonListContainer table td
{
  text-align:left;
}


/****************************************
		PRODUCT NAVIGATION
*/

.productNavigationTable, .productNavigationTableTitle{
	width:169px;
}

.productNavigationTable{
	background-color:#f5f5f5;
	border:solid 1px #000;
	border-top:none;
	border-collapse:collapse;
}

.productNavigationTableTitle{
	background-color:#000;
	color:#fff;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}

.previousProduct{
	border-right:dashed 1px #dbdbdb;
}

/***************************************************************************************************************************************/
/*
	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 #999999;
	background-color:#666666;
}

td.carrouselTitleBar{
	height:20;
	padding:3px;
	background-color:#333333;
}

.carrouselProductAdddedText{
	color:#009900;
	font-weight:bold;
	font-family:Arial, Verdana, 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{ 
	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);
	opacity:0.8;
	-moz-opacity:0.60;
}


.ErrorMessageTd
{
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF;
	padding:2px 2px 2px 2px;
}

/*********** Status Bar *************/
.MessageTable{
	font-family:Arial, Verdana, Helvetica, sans-serif;  font-weight:bold; 
	border:1px solid #d5d5d5; 
	background-color:#ffffff; 
	
	-moz-box-shadow: 1px 1px 6px #aaa;
	 -webkit-box-shadow: 1px 1px 6px #aaa;
	 box-shadow: 1px 1px 6px #aaa;
}
.MessageTable .SuccessMessage {
	font-weight:bold; 
	padding-right: 5px; 
	padding-left: 42px; 
	font-size: 11px; 
	background-image: url(/ecom_theme/img/StatusBar/SuccessMessageIcon.gif?fv=EA6EC7ECF77236CCB70F63A674F8B4E0); 
	padding-bottom: 5px; 
	vertical-align: middle; 
	color: #05580C; 
	padding-top: 5px; 
	background-repeat: no-repeat; 
	height: 42px;
}
.MessageTable .SuccessMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #05580C; 
	TEXT-DECORATION: underline;
}
.MessageTable .ErrorMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(/ecom_theme/img/StatusBar/ErrorMessageIcon.gif?fv=F0C6FA354C28A000D4AF3C80B849CDBA); 
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #dc0000; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .ErrorMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #dc0000; 
	TEXT-DECORATION: underline;
}
.MessageTable .WarningMessage {
	FONT-WEIGHT:bold; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 42px; 
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(/ecom_theme/img/StatusBar/WarningMessageIcon.gif?fv=558F695B6F9819F8D774E83456C59711); 
	PADDING-BOTTOM: 5px; 
	VERTICAL-ALIGN: middle; 
	COLOR: #993300; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 42px;
}
.MessageTable .WarningMessage A {
	FONT-WEIGHT:bold; 
	COLOR: #993300; 
	TEXT-DECORATION: underline;
}


/*********** REPEATER *************/
.repeaterMainTable{
	width:98%;
}

.repeaterTitle,.repeaterTopLeft,.repeaterTopRight,.repeaterBottomLeft,.repeaterBottomRight, .repeaterMainTable{
	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px;color:#414141;font-weight:bold;
}

.repeaterTitle{
}

.repeaterTopLeft{}
.repeaterTopRight{}
.repeaterBottomLeft{}
.repeaterBottomRight{}
.repeaterTableInside{}
.repeaterTopProduct{}
.repeaterBottomProduct{}


.repeaterTitle select,.repeaterTopLeft select,.repeaterTopRight select,.repeaterBottomLeft select,.repeaterBottomRight select{
	.vertical-align:middle;
}


#cmdSavePurchaseListName,
#cmdNewBasket,
#cmdCreatePurchaseList,
#cmdMergePreferredList,
#cmdSaveBasketName
{
  vertical-align:middle;
}

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

div#oucProductDescription_oTabs
{
	margin-bottom:-4px;
	position:relative;
	z-index:2000;
}

#divImportProductList{
	padding-bottom:30px;
}

/***********************************
	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-image:url(/ecom_theme/img/checkoutExpressSectionBG.gif?fv=66B32FD4705D0684BCDB35CF388B764A);
  background-repeat:repeat-x;
  margin-bottom:10px;
}

#lblSalesConditions div{width:97%!important; .width:100%!important;}

.requiredField
{
  color:#d00000;
}

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

.checkoutExpressPage .mainTable
{
  width:701px;
}

.checkoutExpressPage .mainTable td
{
  background:none;
}

.repeaterTopSmall
{
  margin-top:-8px;
  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:180px;
}

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

/***************************************/
/* 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:270px;
  
  background-image:url(/ecom_theme/img/cartPopupArrow.gif?fv=1362014531B7C72C845E39997B733093);
  background-repeat:no-repeat;
  padding-top:14px;
}

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

#divCartPopup #divCartPopupContainer #divCartPopupHeader
{
  background-color:#1b1b1b;
  font-size:14px;
  font-family:Verdana;
  color:#ffffff;
  text-align:left;
  padding:0px;
  font-weight:700;
  border:1px solid #1b1b1b;
  border-bottom:none;
  width:492px;
}

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

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

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

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

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

#divCartPopup #divCartPopupContainer #divCartPopupFooter
{
  width:492px;
  background-color:#1b1b1b;
  font-size:14px;
  font-family:Verdana;
  color:#b3b3b3;
  font-weight:700;
  border:1px solid #1b1b1b;
  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 #1b1b1b;
  border-right:solid 1px #1b1b1b;
  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 #c1cfd9;
}

#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning,
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess
{
  font-size:12px;
  font-family:Verdana;
  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:#871517;
}

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


/***************************************/
/* CART POPUP BASKET PREVIEW */
/**************************************/
/**************************************/
.divBasketPreviewContainer
{ 
  border:1px solid #909092;
  padding:1px;
  background-color:#fff;
  position:relative;
}

.divBasketPreviewContainer table th
{ 
  background-color:#1b1b1b;
  font-size:10px;
  font-family:Verdana;
  font-weight:700;
  color:#fff;
  height:20px;
  margin:0px;
  padding-right:22px;
}

.divBasketPreviewContainer table th .contentTextBold
{
  color:#fff;
  font-size:10px;
  font-family:Verdana;
  font-weight:700;
  text-transform:uppercase;
  font-weight:bold;
}

.divBasketPreviewContainer .divBasketPreviewContainerContent
{
    height:120px;
    overflow-y:scroll;
    overflow-x:none;
}

.divBasketPreviewContainerContent .productTitleLink
{
  font-size:12px;
}

.divBasketPreviewContainerContent table td
{
  padding:3px;
  border-bottom:1px dashed #999;
}

.divBasketPreviewContainer .smallPriceHighlight{padding-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;
	border:1px solid #dadfe2;
	padding: 5px 5px 5px 5px;
	background-color:#fafafa;
}

.newsLetterRightTitleImage{}

/*   LEFT MENU    */

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

#leftMenu #divSubscribeNewsletterContent, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
	background:none;
	border:none;
	line-height:18px;
  
	width:193px;
	margin:0px; padding:0px;
	margin-bottom:15px;
	
	margin-top:-3px !important;
	margin-top:0px;
	
	padding-left:10px;
}

#oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
  padding-left:0px;
}

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

#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;
}

#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?fv=E8F562DF94BEEC5C9B0D1504BDEBFDB7) no-repeat 0 0;
  padding:2px;
  padding-left:25px;
  border-bottom:1px dashed #d8c995;
  color:#FF0000;
  font-weight:normal;
}



/********** 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;
}


/******************************************/
/*************	 GIFT CARD 	****************/
.giftCardPriceBackground{
	background-color:#000000;
	color:#fff;
	font-size:22px;
}


/******************************************************************/
/********** Description Popup Overlay ********/

#descriptionPopupOverlay
{
    background-color: #000;
    cursor: wait;
}

#descriptionPopupContainer
{
    height: 200px;
    width: 290px;
    background-color: #fff;
    border: 3px solid #333;
    border-top-width: 15px;
}

#descriptionPopupData
{
}

#descriptionPopupContainer .simplemodal-data
{
    margin-top:20px;
}

.descriptionPopupClose
{
  position:absolute;
  top:0px;
  right:0px;
  cursor:pointer;
  height:20px;
  width:100%;
  text-align:right;
  background-color:#333;
  color:#fff;
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  padding-top:2px;
  padding-right:5px;
}


/******************************************/
/******		TAB ALIGN IN ORDER HISTORY	****/
#oTabStripOrderInvoices {
	margin-bottom:-1px;
	.margin-bottom:-14px;
}

.separatorTabsOrderHistory{
	margin-bottom:18px;
	.margin-bottom:0px;
}

/**********************************************
			STORE LOCATOR
*/
#map_canvas{
	width:66%;
	height:688px;
	float:left;
	border:solid 1px #999;
}

.storeLocatorStoreList{
	float:right;
	width:33%;
}


/*************************************************
							REGIONS LIST FOR SEO							*/

.regionsList, .cityList
{
	float:left;
	width:49%;
	margin:0px;
	padding:0px;
}

.cityList
{
	width:32%;
}

.regionsList li
{
	list-style:none;
	margin:0px;
	padding:0px;
	
	background:url(/ecom_theme/img/icons/regionListBullet.gif) no-repeat 38px 12px;
	padding:6px 0px 6px 55px;
}

.selectNewRegion
{
	margin-bottom:35px;
}

.dealersResults, .dealer, .dealersResults .clear
{
	margin:0px;
	padding:0px;
	list-style:none;
	
	font-size:0px;
	line-height:0px;
}

.dealersResults .clear
{
	.display:inline-block;
}

.dealer
{
	float:left;
	width:44%;
	padding:12px;
	background-color:#fafafa;
	border:solid 1px #dadfe2;
}

.regionsSelect .clear
{
	margin-bottom:0px;
}

.dealerRight
{
	float:right;
}

.dealerInformation
{
	margin-top:15px;
}


/*********************************************
			PAGE MY ACCOUNT
*/

.myAccountSection div.checkoutExpressSectionTitle{
	margin:0;
}

.myAccountSection{
	margin-bottom:25px;
}

.myAccountSection .mainContent{
	padding:0px;
	.margin-top:-4px;
}

.myAccountSection table{
	width:700px;
}

.myAccountSection table td{
	padding:15px;
	padding-right:0px;
	padding-bottom:22px;
}

.myAccount_linkList{
	list-style-type:none;
	margin:0;
	padding:0;
}

.myAccount_linkList .contentHighlightLinkBig{

}

.myAccount_linkList .LeftMenuBullet{
	background-position:2px 6px;
}


/***************************************************
				NO LEFT MENU
*/
 
.pageBodyNoMenu .checkoutExpressPage .mainTable
{
  width:897px;
}

.pageBodyNoMenu div.productPriceContentFrame{
	width:615px; 
}

.pageBodyNoMenu #divCartPopup{
  margin-left:459px;
}

.sectionRepeaterSeparator{
	width:100%;
	height:3px;
}

.pageBodyNoMenu  div#currencySelector {
	display:inline;
	width:auto;
}

.pageBodyNoMenu  div.currencySelectorAlign {
	display:inline;
	text-align:left; vertical-align:top;
	margin:0;
	padding:0;
}

.pageBodyNoMenu .myAccountSection table{
	width:900px;
}

#contentTopSectionFrame .selectDropDownAuto{
	height:18px;
}


/******************************************************
				RIGHT LISTS
*/


.pnlCategoryLists{
	margin-bottom:15px;
}

.pnlCategoryLists ol, .pnlCategoryLists ol li{
	margin:0;
	padding:0;
}

.pnlCategoryLists .mainContent{
	padding:5px; 
	padding-bottom:2px;
}

.pnlCategoryLists ol{
	margin-top:3px;
	margin-bottom:5px;
	padding-left:25px;
	.padding-left:30px;
}

.pnlCategoryLists ol li{
	margin-bottom:8px;
}


/*************************************************
		HOME PAGE CUSTOM CATEGORIES
*/

.pnlCategoryRow{}

.pnlCategoryRow .mainTitle{
	width:auto;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin:0;
	margin-bottom:0px;
	padding-left:0px;
}

.pnlCategoryRow  .sectionRepeaterSeparator, .pnlCategoryRow   .productListingRepaterContainer{
	display:none !important;
}	

.pnlCategoryRow .mainContent{}


.productListing li.clear{
	margin-bottom:0px;
	height:1px;
	line-height:0px;
	font-size:0px;
}

.mainTable .mainTable{
	margin-bottom:0px;
}

/*****************************************
			PRODUCT PICTURE ZOOM
*/
.pictureThumbnailsZoomInfo{
	margin-top:4px;
}

/******************************************************************/
/********** Product Add Popup Overlay ********/


#productAddConfirmationPopupOverlay
{
    background-color: #000;
    cursor: wait;
}

#productAddConfirmationPopupContainer
{
    width: 318px!important;
	.width:335px!important;
    background-color: #fff;
    border: 3px solid #333;
    padding:5px;
    border-top-width: 15px;
	height:150px!important;
}

#productAddConfirmationPopupContainer .simplemodal-data
{
    text-align:left;
}

#productAddConfirmationPopupContainer #divProductAddConfirmation table
{
     width:318px;
}

#productAddConfirmationPopupData
{   
}

#productAddConfirmationPopupContainer{height:auto!important;}

div.simplemodal-container{width:380px!important;}

div.simplemodal-wrap{width:380px!important;}

#MultipleUOMValidationPopupContainer, #exclusiveCatalogValidationPopupContainer{
width:500px!important;
height:250px!important;
}

#MultipleUOMValidationPopupContainer div.simplemodal-wrap, #exclusiveCatalogValidationPopupContainer div.simplemodal-wrap { 
width:500px!important;
}

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

#oucLeftMenu_oucNewsletterSubscription_divDescriptionPopup
{
	height:287px!important;
}

#descriptionPopupContainer
{
    height: 200px;
    width: 290px;
    background-color: #fff;
    border: 3px solid #333;
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
}

/*
	APPEND AT THE END OF STYLE.CSS FILE
*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
.slides li{display:none; overflow:hidden;}

/* Direction Nav */
.flex-direction-nav {/**height: 0;*/display:none;}
.flex-direction-nav a {width: 30px; height: 30px; /*margin: -20px 0 0;*/ display: block; background: url('/ecom_theme/img/javascriptImages/bg_direction_nav.png') no-repeat 0 0; /*position: absolute; top: 50%;*/ z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 100; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; /*right: -36px; */}
.flex-direction-nav .flex-prev {/*left: -36px;*/}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{
	float:left;
	position:relative;
}

.flex-direction-nav .flex-next{
	float:right;
}

/* Control Nav */
.flex-control-nav {width: 100%; text-align: center;margin:5px 0px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #badbf6;}
.flex-control-paging li a.flex-active { background: #336699; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.html5gallery-car-left-0, .html5gallery-car-right-0{
	cursor:pointer;
}

/*

	SAMPLE MODAL

*/

.simplemodal-overlay{
	background-color:#000;
	cursor:wait;
}

.simplemodal-container{
	background-color:#fff;
	padding:10px;
}

.simplemodal-container{
	position:absolute !important;
}

/****************** Post Office ************************/
/*************** Post Canada Popup**********************/

.PostOfficeList
{
	float:left;
	width:33%;
	margin-left:5px;
}

#divShipForCanadaPost{  
	margin-bottom:20px;
	margin-top:10px;
	margin-right:8px;
}

#PostOfficeLocatorBody
{
	background:none;
	padding-top:25px;
	text-align:center;
}

#PostOfficeLocatorBody .button
{
	cursor:pointer;
}

#PostOfficeLocatorBody .mainTable
{
	width:99%;
	border-collapse: collapse;
}

#PostOfficeLocatorBody .mainContent
{
	background-color:#fff;
	text-align:center;
}

#PostOfficeLocatorBody .firstCell
{
	background-color:#fafafa;	
	vertical-align:middle;
}

#PostOfficeLocatorBody .firstCell,
#PostOfficeLocatorBody .thirdCell
{
	padding:0px 3px;
	text-align:center;
}

#PostOfficeLocatorBody .secondCell
{
	text-align:left;
}

#PostOfficeLocatorBody .tablePostOfficeHours
{
	width:100%;
	border:1px solid #e1e1e1;
	border-collapse: collapse;
	margin-top:10px;
}

#PostOfficeLocatorBody .tablePostOfficeHours td
{
	text-transform: uppercase;
	border:1px solid #e1e1e1;
	padding:3px;
}

#oucCheckoutExpressShippingMethod_lblAddressPostOffice:before
 { 
 	content: url(/ecom_theme/img/fleche.gif?fv=70A75D1CE7133AD53E6BC3B07197F107) " "; 
 } 

#oucCheckoutExpressShippingMethod_lblAddressPostOffice
{
	display:inline-block;
	margin-left:20px;
}

/********* PCI POPUP ********/
/*
	SAMPLE MODAL
*/

.simplemodal-overlay{
	background-color:#000;
	cursor:wait;
}

.simplemodal-container{
	background-color:#fff;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.simplemodal-container{
	position:absolute !important;
}

.simplemodal-close{
	width:18px;
	height:18px;
	background-color:red;
	position:absolute;
	right:0;
	margin-right:10px;
	background:#fff url(/ecom_theme/img/JavascriptImages/Close2.gif?fv=7804CA8AC9F75436320D8FBAAD5AD962);
	cursor:pointer;
}

/********* PCI POPUP ********/
/*
	SAMPLE MODAL
*/

.simplemodal-overlay{
	background-color:#000;
	cursor:wait;
}

.simplemodal-container{
	background-color:#fff;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.simplemodal-container{
	position:absolute !important;
}

.simplemodal-close{
	width:18px;
	height:18px;
	background-color:red;
	position:absolute;
	right:0;
	margin-right:10px;
	margin-top:10px;
	background:#fff url(/ecom_theme/img/JavascriptImages/Close2.gif?fv=7804CA8AC9F75436320D8FBAAD5AD962) no-repeat;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	text-indent:-4000px;
}

table.tableMain{z-index:2; position: relative;}

/*************************************************/
/*			MY FIDELITY POINTS SECTION			*/

/*
		TO DO:
		 - Change width of: .loyaltyPeriodLine;
		 - change widtg of: .periodInformation;
*/

#lblSubTotalPointValue{
	margin-top:10px;
	margin-bottom:5px;
	display:inline-block;
	width:100%;
}

#lblSubTotalPointValue br{
	display:none;
}

.loyaltyPointsTopContent
{
	margin-bottom:25px;
}

.totalBalanceContainer, .stillConfirmContainer
{
	margin-bottom:30px;
}

.pointsBalanceBig
{
	font-size:30px;
	line-height:1em;
}

.expiresSoonContainer ul, .expiresSoonContainer li
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.expiresSoonContainer ul
{
	margin-top:5px;
}

.expiresSoonContainer li
{
	padding-left:10px;
	padding-bottom:3px;
	margin-left:20px;
	background:url(/ecom_theme/img/submenu-puce.gif?fv=B99C10B8C374D990B82B4A058F19634A) no-repeat 0px 8px;
}

/*********************/
.loyaltyPeriodTitle
{
	padding-left:15px;
	padding-top:8px;
	height:31px;
	.height:39px;
	width:50%;
	background:url(/ecom_theme/img/loyaltyPoints/bg-period.gif) no-repeat top left;
}

.loyaltyPeriodTitle .contentText
{
	color:#fff;
	font-size:16px;
}

.loyaltyPeriodTitleBG
{
	background:url(/ecom_theme/img/loyaltyPoints/bg-period.gif) no-repeat top right;
	height:39px;
	cursor:pointer;
}

.periodOpened
{
	background-position:bottom right;
}

.loyaltyPeriod ul
{
	display:none;
}

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

.loyaltyPeriod ul, .loyaltyPeriod li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.loyaltyPeriod ul
{
	padding:0px;
}

.loyaltyPeriod li
{
		border-bottom:solid 1px #ced7d7;
		float:left;
	
}

.loyaltyPeriodLine
{
	background:url(/ecom_theme/img/categoryExpand.gif?fv=82F59CC2DBDC543887CF5B06913272E5) no-repeat 10px 13px;
	padding:10px 10px 10px 28px;
	cursor:pointer;
	float:left;
	width:724px; /* HOW TO CALCULATE: usual mainTable size - 38 (outside margin, border, inner padding)*/
	.width:762px; /* MAINTABLE WIDTH */
}

.periodLineOpened
{
	background:url(/ecom_theme/img/categoryCollapse.gif?fv=0ADD393910E796DB121720B45D2441F6) no-repeat 10px 13px;
}

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

.loyaltyPeriod ul .mainContent
{
	display:none;
}

.periodInformation th.contentText
{
	font-weight:normal;
	font-size:10px;
	border-bottom:solid 1px #ced7d7;
	text-align:left;
	padding:4px;
}

#myPointsPage #simplemodal-container{
	height:auto !important;
}

#myPointsPage .simplemodal-close
{
	display:block;
	height:10px;
	background:url(/ecom_theme/img/icons/close.gif) top right no-repeat;
}

#myPointsPage .simplemodal-close:hover
{
	background-position:bottom right;
	.background-position:-10px right;
}

#myPointsPage .modalCloseImg
{
	display:none;
}

.periodInformation
{
	width:738px; /* HOW TO CALCULATE: usual mainTable size - 24 (outside margin, border, inner padding)*/
}

.periodInformation td
{
	padding:8px 4px;
}

.periodInformation .normalAlternateRowBackground, .periodInformation .normalRowBackground
{
	cursor:auto;
}

.loyaltyIncrease
{
	color:#28a10c;
	font-weight:bold;
}

.loyaltyReduce
{
	color:#be2850;
	font-weight:bold;
}

.rolloverRow
{
	background-color:#f6f4cf;
}

/********************************************
			LEFT MENU POWER SEARCH
*/

.leftMenuPowerSearchSection{margin-bottom:15px;}
.leftMenuPowerSearchSection .ulLeftMenuListingFirstlevel{margin-bottom:0px;}
.leftMenuPowerSearchSection .ulLeftMenuListingFirstlevel a{display:inline; padding-left:0px;font-weight:normal;}
.leftMenuPowerSearchFilterItem{margin:0px 0px 10px 0px;}
.leftMenuPowerSearchFilterItem dd{margin-left:20px;}
.leftMenuPowerSearchFilters h3, .leftMenuPowerSearchSection h3{margin:0px;}
.leftMenuPowerSearchFilters{margin-bottom:15px;}
.leftMenuPowerSearchFilterLink img{vertical-align:middle; border:0px;margin-top:-1px;}

.RadMenu_eCom
{
  height:auto!important;
}