/***************************************
  	The original Theme for Skinable e-Commerce (Sports Bromont)
  	Created by kCentric.NET
  	http://www.kcentric.net
	
	Update k-mai2009	: 2009-05-20
****************************************/

/***************************************************************************************************************************************/
/* 
	General page style. The scroll bar colours only visible in IE5.5+ 
	-----------------------------------------------------
*/
.pageBody {
	background:#2e529c url('/ecom_theme/img/background.gif') repeat-x center top; margin:0px; padding: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;
}


a{
	overflow:hidden;
}



/***************************************************************************************************************************************/
/* 
	General page alignement. 
	-----------------------------------------------------
	div#pageAlign	=	Page alignement container
*/
div#pageAlign 
{
	width:948px;
	text-align:center; vertical-align:top;
	margin:auto;
	
	background-image:url(/ecom_theme/img/bg_pagealign.gif);
	background-repeat:repeat-y;
	
	/*padding-left:15px;*/
}

/***************************************************************************************************************************************/
/*  
	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:948px; margin:auto;
	text-align:left; vertical-align:top;
}

div#cartInformation,div#contentPageTitle,div#contentPageContent, div#footer, div#contentNavigation{
	width:708px; height:auto;
	text-align:left; vertical-align:top; 
}

/***************************************************************************************************************************************/
/* 
	Specific settings for container of WelcomeMessage and Culture 
	-----------------------------------------------------
	div#contentTopSectionFrame	=	Container of WelcomeMessage + Culture
*/
div#contentTopSectionFrame {
	padding-bottom:8px; padding-top:5px;
	background-image:url('/ecom_theme/img/background.gif');
	
	height:10px;
}

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

.welcomeMessageText {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff;
}

a.welcomeMessageLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
a.welcomeMessageLink:link, a.welcomeMessageLink:active, a.welcomeMessageLink:visited {color:#fff; text-decoration:underline;} 
a.welcomeMessageLink:hover{color:#fff; 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:18px;
}

.cultureText {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff;
}

a.cultureLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a.cultureLink:link, a.cultureLink:active, a.cultureLink:visited {color:#fff; text-decoration:underline; font-weight:bold;} 
a.cultureLink:hover{color:#fff; 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;
	border-color: #9D9D9D;
	
	background-image:url(/ecom_theme/img/bg_contentPageFrame.gif);
	background-repeat:repeat-y;
	/*margin-top:-0px !important;
	margin-top:-3px;*/
}

div#contentLogo{
	float:left;
	width:337px; height:237px;
	/*background-image:url(/ecom_theme/img/logo.jpg);*/
	background-image:url(/img/media/header/logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}

div#contentLogo a{
	display:block;
	text-indent:-5000px;
	width:337px;
	height:237px;
}

div#contentHeader {
	display:block;
	float:left; margin:auto;
	width:611px; height:237px;
	/*background-image:url(/ecom_theme/img/header.jpg);*/
	background-image:url(/img/media/header/header.jpg);
	background-repeat:no-repeat;
}

div#contentSearchAvailable {
	text-align:left	;
	font-size:11px;
	width:176px; height:72px;
	position:relative;
	padding-left:16px;
	padding-top:3px;
	
	left:757px;
	top:290px !important;
	top:52px;
	background-image:url(/ecom_theme/img/bg_search.gif);
	background-repeat:no-repeat;
	visibility:hidden;
}

div#contentSearchUnavailable {
	VISIBILITY:HIDDEN;
	text-align:left	;
	font-size:11px;
	width:176px; height:72px;
	position:relative;
	padding-left:16px;
	padding-top:3px;
	
	left:757px;
	top:52px;
	background-image:url(/ecom_theme/img/bg_search.gif);
	background-repeat:no-repeat;
}


div#searchText{
	text-align:right;
	margin-bottom:7px;
	padding-right:10px;
	position:relative;
	top:-232 !important;
	top:0px;
	
	right:18px !important;
	right:0px;
}

div#searchInput{
	background-image:url(/ecom_theme/img/bg_searchInput.gif);
	background-repeat:no-repeat;
	height:20px;
	
	position:relative;
	top:-232 !important;
	top:0px;
}

div#searchAdvancedLink{
	font-size:#d5d5d5;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:underline;
	
	position:relative;
	top:-232 !important;
	top:0px;
}

div.contentSearchAlign {
	height:72px;
	
}

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

a.contentSearchLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#d5d5d5;}
a.contentSearchLink:link, a.contentSearchLink:active, a.contentSearchLink:visited {text-decoration:underline;} 
a.contentSearchLink:hover{text-decoration:underline; color:#fff;}

/***************************************************************************************************************************************/
/* 
	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-bottom:0;
	height:50px; 
	line-height:0;
	font-size:0;
	
	margin-top:0px !important;
	margin-top:-74px;
}

div.menuNavigationAlign{
	padding-left:25px; padding-right:10px;
}

div#menuNavigationContent {
	background-image:url(/ecom_theme/img/navigationMenu_bg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom:0;
	line-height:0;
	font-size:0;
	height:287px;
	margin-top:0px !important;
	margin-top:-74px;
	
	position:relative;
	top:-237px !important;
	top:-238px;
	
	margin-bottom:-237px !important;
	margin-bottom:-238px;
}

div.menuNavigationContentAlign{
	padding-left:25px; padding-right:10px;
	text-align:left;
}

.menuNavigationSeparation{
	/*
		SEE CULTURE.CSS
	*/
}

#flashContainerHeader{
	margin-left:-10px;
}

/***************************************************************************************************************************************/
/* 
	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 !important;
	width:208px;
	float:left; clear:right;
	line-height:0;
	font-size:0;
	padding-top:5px;
	
	padding-left:15px;	
	background-image:url(/ecom_theme/img/bg_leftMenu.gif);
	background-repeat:repeat-y;
	background-position: 15px 0px;
}

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-left:8px;
	padding-top:5px;
	padding-bottom:8px;	
}

.currencyText {
	position:relative;
	top:0px !important;
	top:-3px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; 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;
}

table.leftMenuListingSeeAllLink .leftMenuListing{
	border:0;
}

td.leftMenuListing{
	border:0px;
	border-bottom:1px solid #484c4f;
	text-align:left; vertical-align:top;
	padding-top: 10px; padding-bottom:10px;
}

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:12px; font-weight:bold;}
a.leftMenuLink:link, a.leftMenuLink:active, a.leftMenuLink:visited {color:#061e37; text-decoration:none;} 
a.leftMenuLink:hover{color:#4d5f73; text-decoration:underline;}

a.leftMenuSeeAllLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}
a.leftMenuSeeAllLink:link, a.leftMenuSeeAllLink:active, a.leftMenuSeeAllLink:visited {color:#666666; text-decoration:underline;} 
a.leftMenuSeeAllLink:hover{color:#999999; text-decoration:none;}

a.leftMenuSpecialLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
a.leftMenuSpecialLink:link, a.leftMenuSpecialLink:active, a.leftMenuSpecialLink:visited{color:#cf5c2e; text-decoration:none;} 
a.leftMenuSpecialLink:hover{color:#faa989; 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; 
	line-height:normal;
	font-size:11px;
	margin-top:5px;
	margin-bottom:10px;

}

div.customerSupportAlign {
	text-align:center; vertical-align:top;
	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:12px; font-weight:bold;}
a.customerSupportLink:link, a.customerSupportLink:active, a.customerSupportLink:visited {color:#333; text-decoration:underline;} 
a.customerSupportLink:hover{color:#999999; text-decoration:none;}

/***************************************************************************************************************************************/
/* 
	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:723px;
	float:left; 
	clear:both; /* IE */
	clear:right; /* FF */
	padding-top:5px;
	padding-bottom:10px;
}

div.contentPageAlign {
	text-align:left; vertical-align:top;
	padding-left:10px;
	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;
	
	position:relative;
	top:-87px;
	left:585px;
	
	/*background-image:url(/ecom_theme/img/bg_cart.gif);*/
	width:130px;
	height:31px;
	
	margin-bottom:-25px;
}

div.cartInformationAlign {
	text-align:left; vertical-align:top;
	padding-left:35px; padding-top:7px;
}

.cartInformationHighlight{
	color:#385597;
	font-weight:bold;
}

a.cartInformationLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
a.cartInformationLink:link, a.cartInformationLink:active, a.cartInformationLink:visited {color:#fff; text-decoration:none;} 
a.cartInformationLink:hover{color:#fff; text-decoration:underline;}

.cartInformationAlign img{
	display:none;
}


/***************************************************************************************************************************************/
/*
	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#contentNavigationTop{
	margin-top:20px;
}

div.contentNavigationAlign{
	text-align:left; vertical-align:top;
	padding-right:7px;
	font-size:10px;
}

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

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:#666; text-decoration:underline;} 
a.contentNavigationLink:hover{color:#999; text-decoration:none;}


/***************************************************************************************************************************************/
/* 
	
	Specific settings for Content Page Title 
	-----------------------------------------------------
	div#contentPageTitle	=	Container of the page title image
*/
div#contentPageTitle{
	margin-top:20px;
	margin-bottom:10px;
	padding-right:5px;
} 

h1{
	padding-bottom:12px;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#002670;
	font-style:italic;
}

div#contentPageTitle h1{
	padding-bottom:12px;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#002670;
	font-style:italic;
} 


h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#002670;
	text-transform:uppercase;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#002670;
	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.contentPageContentAlign {
	text-align:left; vertical-align:top;
	padding-right:7px;
}

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

.smallContentText, .smallContentTextHighlight{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;
}

.contentText,.contentTextBold{color:#061e37;}
.contentTextBold{font-weight:bold;}
.contentTextHighlight, .smallContentTextHighlight{font-weight:bold; color:#a83c0b;}
.contentConfirmationText{font-weight:bold; color:#990000;}
.contentTextLighter{color:#999;}



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:#2e539a; text-decoration:underline;} 
a.contentLink:hover{color:#5f84ca; 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:#a83c0b; text-decoration:underline;} 
a.contentHighlightLink:hover{color:#e7865a; 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:#666; text-decoration:underline;} 
a.contentSeeAllLink:hover{color:#999; 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:#666; text-decoration:underline;} 
a.viewMoreDetailsLink:hover{color:#999; 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:#c8c8c8;}

a.footerLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}
a.footerLink:link, a.footerLink:active, a.footerLink:visited {color:#c8c8c8; text-decoration:underline;} 
a.footerLink:hover{color:#fff; text-decoration:none;}


/***************************************************************************************************************************************/
/* 
	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{
margin-top:-3px;
	
	background-color:#2e539a;
}

div#contentPageBottomFrameSEO{
	margin:auto;
	text-align:center; vertical-align:top;
	margin-top:0px!important;
	margin-top:-3px;
	font-size:0px;
		
	background-color:#2e539a;
}

div#contentPageBottomFrameSEO span#lblProductTitleBottom, div#contentPageBottomFrameSEO span#lblCategoryTitleBottom{
	display:block;
	width:955px;
	text-align:center;
	vertical-align:top;
	color:#d5d5d5;
	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 solid #5e6471;
	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 solid #5e6471;
	text-align:left; vertical-align:middle;
	padding-left:5px;
}

.inputBox, .qtyBox {background-color:#ffffff;}
.inputBoxError, .qtyBoxError, .addressInputBox .cePhoneInputError{background-color:#e67300;}

.inputSearchBox, .SearchGood {
	width:112px; height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;
	text-align:left; vertical-align:middle;
	padding-left:6px;
	padding-top:2px;
	padding-right:6px;
	background:none;
	border:0;
}


.SearchNotGood {
	width:112px; height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;
	text-align:left; vertical-align:middle;
	border:0;
	padding-left:6px;
	padding-top:2px;
	padding-right:6px;
	background-image:url(/ecom_theme/img/bg_searchInput_error.gif);
}

.selectDropDownAuto{
	width:auto; height:21px;
	border:1px solid #5e6471;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;
}

.selectDropDownFix{
	width:200px; height:21px;
	border:1px solid #5e6471;
	font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#27313a;
}

.currencySelectorAlign .selectDropDownAuto{
	width:120px;
	height:18px;
}

/***************************************************************************************************************************************/
/*
	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:#002670; text-decoration:none;}
.productTitleText {font-weight:bold; color:#002670; font-size: 16px;}

.smallPriceText {font-weight:bold; color:#9e3e18;}
.smallPriceHighlight {font-weight:bold; color:#c64c1b;}
.smallPriceLineThrought {font-weight:bold; color:#8f9aa0; background-image:url(/ecom_theme/img/lineThrought.gif);background-repeat:repeat-x;background-position:left 3px;}

.bigPriceText {font-weight:bold; color:#9e3e18;}
.bigPriceHighlight {font-weight:bold; color:#c64c1b;}
.bigPriceLineThrought {font-weight:bold; color:#8f9aa0; background-image:url(/ecom_theme/img/lineThrought.gif);background-repeat:repeat-x;background-position:left 3px;}

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

table.pricePerQtyTable{width:130px;}
.pricePerQtyAlternateRow1{background-color:#f1f1f1;}
.pricePerQtyAlternateRow2{background-color:#cddeff;}

.smallImageSettings, .bigImageSettings, .smallCartImageSettings{border:0;}
.smallImageSettings{}
.bigImageSettings{}
.smallCartImageSettings{}
.smallCartCouponImageSettings{width:55px; height:39px;}

td.categoryImageAlign{text-align:center; vertical-align:top;}
td.categoryAlign{text-align:center; vertical-align:top;padding-bottom:10px;}
.categoryTitle{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#002670;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:#333; text-decoration:underline;}
a.categoryLink:hover{color:#999; 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:#999; 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:#999; 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:#999; 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:#999; 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 {
	text-align:left; vertical-align:top;
	width:708px; height:auto;
	display:table;
	float:left;
	margin-bottom:10px;
}

table.pnlNewProductPromotion {
	width:220px;
	margin-left:8px;
}

td.pnlNewProductPromotionMainTitleImage {
	text-align:right;
	line-height:0px;
	font-size:0px;
	height:1px;
	vertical-align:top;
}

td.mainTitle {
	text-align:left; vertical-align:top;
	width:100%; height:auto;
	font-family:Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#002670;
	padding-left:5px; padding-top:2px; padding-bottom:2px;
}

td.mainTitleImage {
	text-align:left; vertical-align:top;
	width:100%; height:1px;
	line-height:0px;
	font-size:0px;
	padding-top:10px;
}

td.mainTitleDropdown{
	text-align:left; vertical-align:top;
	width:100%; height:1px;
	line-height:0px;
	font-size:0px;
}

td.mainTitleImageOpened {
	text-align:left; vertical-align:top;
	width:100%; height:1px;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
}

td.mainTitleImageClosed {
	text-align:left; vertical-align:top;
	width:100%; height:1px;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
}

td.mainContent{
	text-align:left; vertical-align:top;
	border:1px solid #c0c0c0;
	padding: 5px 5px 5px 5px;
	background-color:#e6e6e6;
}

td.mainContentGrid{
	text-align:left; vertical-align:top;
	border:1px solid #c0c0c0;
	padding: 5px 5px 5px 5px;
}

td.mainContentPackingSlip{
	text-align:left; vertical-align:top;
	padding: 5px 5px 5px 5px;
	background-color:#e6e6e6;
}


td.mainContentHighlight{
	text-align:left; vertical-align:top;
	border:1px solid #e6e6e6;
	padding: 5px 5px 5px 5px;
	background-color:#b2c6ec;
}

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:5px;
        margin-bottom:3px;
}

div#divProductPictureThumbnails ul li img
{
}

div.productPriceContentFrame{
	width:380px !important;
	width:390px;
	text-align:left; vertical-align:top;
	padding-left:5px;
	display:table;
	float:right;
}

div#productInfoContentFrame{
	width:708px;
	text-align:left; vertical-align:top;
}

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


.normalRowBackground{background-color:#f1f1f1; cursor:pointer;}
tr.normalAlternateRowBackground{background-color:#dae0ea; cursor:pointer;}
tr.shippingRow{background-color:#e4e4e4;}
tr.rolloverRowBackground{background-color:#fecea5; cursor:pointer;}

.button{
	margin-top:3px;
	padding-bottom:4px !important;
	padding-bottom:0px;
}

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


/***************************************/
/* 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{margin-bottom:25px;}
.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;
}

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

table.tableShippingMethodCarrier td{
	padding-top:2px;
	padding-bottom:2px;
}


/***************************************************************************************************************************************/
/*** Carrousel ***/

table.hotProductsTable{
	float:left;
}

table.mainCarrouselTable{
	border:1px solid #c0c0c0;
	background-color:#e6e6e6;
}

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

.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 #d5d5d5; 
	WIDTH: 700px;
	background-color:#ffffff; 
}
.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: #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(/img/StatusBar/ErrorMessageIcon.gif); 
	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(/img/StatusBar/WarningMessageIcon.gif); 
	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{
	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:-0px;
}

#oucCheckoutSteps_imgPlaceOrderStep1, #oucCheckoutSteps_imgPlaceOrderStep2, #oucCheckoutSteps_imgPlaceOrderStep3{
	margin-right:20px;
}

.conditionsFrame{
	position:relative;
	margin-bottom:-17px;
	
	left:195px;
	top:5px;
}

/****************************************************
	NEWSLETTER SUBSCRIBTION SECTION
******************************************************/
#newsLetterContainer{
	width:140px;
	height:144px;
	
	background-image:url(/ecom_theme/img/bg_newsletter.jpg);
	background-repeat:no-repeat;
	
	padding:5px;
	padding-right:0px;
	padding-left:8px;
	
	color:#ffffff;
}

#newsLetterContainer .inputBox,#newsLetterContainer .inputBoxError{
	width:130px;
}

#newsLetterContainer .inputBoxError{
	background-color:#ffffff;
	border:solid red 1px;
}

#newsLetterContainer .contentText, #newsLetterContainer .contentTextBold{
	color:#ffffff;
}

#newsLetterContainer img{
	position:relative;
	top:3px;
}

#oLayerSwitch{
	z-index:10000;
}

#oContent_1{
	margin-left:100px;
}


/***********************************
	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-color:#e97512;
  margin-bottom:10px;
}

.requiredField
{
  color:#d00000;
}

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

.checkoutExpressPage .mainTable
{
  width:675px;
}

.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:#f1f1f1;
}

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

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

/***************************************/
/* 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 /*		MARGIN-LEFT DU WITH DU CARTINFORMATION POUR LE POSITIONNER	*/
{
  display:none;
  position:absolute;
  z-index:11050;
  left:0px;
  top:0px;
  width:497px;
  /*margin-left:715px;*/
  margin-left:-370px;
  margin-top:30px;
  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:#FFFFFF;
  position:relative;
	border-top:none;
}

#divCartPopup #divCartPopupContainer #divCartPopupHeader
{
  font-size:14px;
  font-family:Arial;
  color:#ffffff;
  text-align:left;
  padding:0px;
  font-weight:700;
  border:1px solid #7a7b7d;
  border-bottom:none;
  width:492px;
  
  background-image:url(/ecom_theme/img/cartpopupbackground.gif);
  background-repeat:repeat-x;
  background-color:#364692;
}

#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 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:#364692;
  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 #c1cfd9;
}

#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;
	border:1px solid #c0c0c0;
	padding: 5px 5px 5px 5px;
	background-color:#e6e6e6;
}

.newsLetterRightTitleImage{
	text-align:right;
}


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

/*   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:190px;
	margin:0px; padding:0px;
	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:170px;
}

#leftMenu #divSubscribeNewsletterContent .contentText{

}



/*********** 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:Verdana, Arial;
  font-size:12px;
}

#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:Verdana, Arial;
  font-size:12px;
}



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