/***************************************
The original Theme for Skinable e-Commerce (BuroPLUS theme)
Created by k-eCommerce.NET
http://www.k-ecommerce.net
Version: V200905
****************************************/
/***************************************************************************************************************************************/
/*
General page style. The scroll bar colours only visible in IE5.5+
-------------------------------------------------------------------------------------------
*/
body{behavior:url("/ecom_theme/css/csshover.htc"); }
.pageBody,
.pageBodyProduct {
margin:0px; padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#2c2c2c;
}
.pageBody > form:last-child {
margin-bottom: 0;
}
a{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; font-weight:normal;}
a:link, a:active, a:visited {color:#2c2c2c; text-decoration:underline;}
a:hover{color:#818181; text-decoration:none;}
a, input{outline:none;}
ul
{
margin-top:5px;
margin-bottom:5px;
}
p{
font-family:Arial, Helvetica, sans-serif;
line-height:1.3em; color:#2c2c2c;
font-size:14px;
text-align:justify;
}
a img{border:0px;}
/***************************************************************************************************************************************/
/*
General page alignement.
-----------------------------------------------------
div#pageAlign = Page alignement container
*/
div#pageAlign
{
position: relative;
width:952px;
text-align:center; vertical-align:top;
}
/***************************************************************************************************************************************/
/*
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, div#contentPageBottomFrameSEO{
width:952px; margin:auto;
text-align:left; vertical-align:top;
}
div#cartInformation,div#contentPageTitle,div#contentPageContent, div#contentNavigation{
width:731px; height:auto;
text-align:left; vertical-align:top;
}
/***************************************************************************************************************************************/
/*
Specific settings for container of WelcomeMessage and Culture
-----------------------------------------------------
div#contentTopSectionFrame = Container of WelcomeMessage + Culture
*/
div#contentTopSectionFrame {
height:28px;
text-align:center;
}
/***************************************************************************************************************************************/
/*
Specific settings for container of Header and Search
-----------------------------------------------------
div#contentHeaderFrame = Container of Header + Search
*/
div#contentHeaderFrame {
height:auto;
border-bottom:0px;
height:104px;
}
/***************************************************************************************************************************************/
/*
Welcome Message Section
-----------------------------------------------------
div#welcomeMessage = Container of Welcome Message
.welcomeMessageText = Text style
a.welcomeMessageLink = Link style
*/
div#welcomeMessage {
width:380px; margin:auto; float:left;
text-align:left; vertical-align: top; font-size:10px;
padding-left:13px;
margin-top:7px;
margin-bottom:6px;
}
.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;}
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 {
margin:auto; float:right;
text-align:right; vertical-align: top; font-size:10px;
padding-right:3px;
}
.cultureText {
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;
display:inline-block;
height:28px;
line-height:28px;
}
a.cultureLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline-block; height:28px; line-height:28px; padding: 0px 6px;}
a.cultureLink:link, a.cultureLink:active, a.cultureLink:visited {color:#fff; text-decoration:none;}
a.cultureLink:hover{text-decoration:underline;}
div#culture ul
{
margin:0;
padding:0;
list-style-type:none;
}
div#culture ul li
{
float:left;
}
.liAboutUs .mainMenuSubLevel
{
position:absolute;
margin:0;
padding:0;
list-style-type:none;
left:auto;
top:auto;
background-color:#c71212;
background-image:none;
width:108px;
.margin-left:-112px!important;
.margin-top:28px!important;
display:none;
z-index: 1000;
}
.liAboutUs a
{
padding: 0px 10px;
}
.liAboutUs .xsmall
{
font-size:8px;
top:-1px;
position:relative;
}
/*.liAboutUs:hover
{
background: transparent url(/ecom_theme/img/topmenu-hover.gif) repeat-x 0 0;
}
.liAboutUs:hover .topSectionSubMenu
{
display:block;
}*/
.liAboutUs a.cultureLink
{
text-decoration:none!important;
padding-right:20px;
background-image:url(/ecom_theme/img/arrow_w.gif);
background-position:top right;
background-repeat:no-repeat;
}
.liAboutUs a.cultureLink:hover{ color:#ffafaf!important;}
.liAboutUs .mainMenuSubLevel li
{
border-top:1px solid #de3838;
border-bottom:1px solid #a7090e;
margin-left:0px;
margin-right:0px;
width:100%;
}
.liAboutUs .mainMenuSubLevel li a
{
padding: 4px 0px;
display: inline-block;
text-align:center;
width:100%;
color:#fff!important;
}
.liAboutUs .mainMenuSubLevel li a:link, .liAboutUs .mainMenuSubLevel li a:visited,
.liAboutUs .mainMenuSubLevel li a:hover, .liAboutUs .mainMenuSubLevel li a:active
{
color:#fff;
text-decoration: none;
font-family: Arial;
font-size:12px;
}
.liAboutUs .mainMenuSubLevel li a:hover
{
text-decoration:underline!important;
}
/***************************************************************************************************************************************/
/*
GEOIP Location
*/
div#geolocation
{
position:relative;
width:310px;
margin:auto;
margin-left:30%;
float:left;
margin-top:-3px;
}
div#geolocation a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#435d76; text-decoration:underline;}
div#geolocation a:hover{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 {
width:952px;
height:auto;
background:transparent url(/ecom_theme/img/contentpage-bg.gif) repeat-y 0 0;
}
div#connect{
width:180px;
height:70px;
text-align:center;
margin-left:10px;
}
div#contentLogo{
float:left;
width:165px; height:102px;
background-image:url(/ecom_theme/img/logo.jpg);
background-position:0 0;
background-repeat:no-repeat;
margin-top:1px;
cursor:pointer;
margin-left:14px;
}
div#contentLogo a{
display:block;
text-indent:-5000px;
width:165px;
height:69px;
}
div#contentHeader {
display:block;
float:left; margin:auto;
/*overflow:hidden;*/
width:772px;
height:101px;
background:url(/ecom_theme/img/header-sep.gif) no-repeat left 13px;
}
div#contentSearchAvailable
{
margin-bottom:2px;
text-align:right;
padding-left:24px;
margin-top:-38px;
float:left;
}
div#contentSearchUnavailable
{
margin-bottom:2px;
}
div#searchText
{
display:none;
}
div#searchInput
{
padding-left:5px;
padding-top:2px;
width:345px;
float:left;
}
div#searchInput table{
width:364px;
.width:352px;
}
div#oucHeader_oucSearch_oComboSearch table
{
width:272px !important;
}
div#searchAdvancedLink
{
line-height:16px;
.line-height:14px;
.margin:2px 0 0 -6px;
text-align:center;
padding-bottom:3px;
padding-top:2px;
float:left;
}
div.contentSearchAlign
{
text-align:left;
margin-top:2px;
}
div.contentSearchAlign img
{
margin-top:1px;
margin-right:1px;
}
.contentSearchText {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333;
}
a.contentSearchLink{
font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#fff;display:block;
padding:4px 0;
.padding:4px 0;
width:22px;
text-indent:-5000px;
background-image:url(/ecom_theme/img/btn_advancedsearch.gif);
background-repeat: no-repeat;
position:relative;
left:2px;
}
a.contentSearchLink:link, a.contentSearchLink:active, a.contentSearchLink:visited {text-decoration:none;}
a.contentSearchLink:hover{text-decoration:none; color:#fff;}
.contentSearchLink{
display:block;
padding:2px 6px;
margin-top:3px;
}
/***************************************************************************************************************************************/
/*
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{
display:none;
}
div.menuNavigationAlign{}
div#menuNavigationContent {
display:none;
}
div.menuNavigationContentAlign{}
.menuNavigationSeparation{}
#topNavigOptionsButtons{
position:absolute;
margin-left:465px;
margin-top:50px;
.margin-top: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:191px;
float:left; clear:right;
line-height:0;
font-size:0;
}
div.leftMenuAlign {
text-align:right; vertical-align:top;
padding-top:10px;
}
div#leftMenuCategoryDescription
{
display:block;
font-size:12px;
line-height:normal;
}
div#currencySelector {
text-align:left; vertical-align:top;
width:167px;
line-height:0;
font-size:0;
}
div.currencySelectorAlign {
text-align:left; vertical-align:top;
font-size:12px;
padding-top:3px;
padding-left:12px;
padding-bottom:8px;
}
.currencyText {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;
}
table.leftMenuListing{
width:167px;
margin:0px; padding:0px;
margin-bottom:2px;
float:right;
}
table.leftMenuListingCategories{
width:167px;
margin:0px; padding:0px;
}
table.leftMenuListingBrands{
width:167px;
margin:0px; padding:0px;
margin-top:-2px;
}
table.leftMenuListingSeeAllLink{
width:167px;
margin:0px; padding:0px;
margin-bottom:2px;
margin-top:-2px;
}
table.leftMenuListingLogin
{
width:167px;
margin:0px; padding:0px;
margin-bottom:2px;
float:right;
background-color:#464847;
}
td.leftMenuListing
{
background:transparent url(/ecom_theme/img/left-menu-sub-bg.gif) repeat-y 0px 0px;
border:0px;
text-align:left; vertical-align:top;
padding-top: 7px; padding-bottom:5px;
padding-right:3px;
font-size: 12px;
}
table.leftMenuListingLogin td.leftMenuListing
{
background:none;
border:0px;
text-align:left; vertical-align:top;
padding-top:2px;
padding-bottom:4px;
padding-right:3px;
}
div.LeftMenuBullet{
padding-left:21px;
margin:0px;
}
div.LeftMenuNoBullet{
padding-left:21px;
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, div.AccountSelectionIcon, div.BasketSelectionIcon, div.MyGiftCertificate, div.ProductComparisonIcon, div.MyPrintQuoteIcon{
padding-left:21px;
margin:0px;
}
table.leftMenuListingLogin div.LeftMenuNoBullet
{
padding-bottom:12px;
padding-top:7px;
}
table.leftMenuListingLogin div.LeftMenuNoBullet,
table.leftMenuListingLogin div.ProfileIcon,
table.leftMenuListingLogin div.LogoffIcon
{
padding-left:5px;
}
div.DashboardIcon{}
div.MyCartIcon{}
div.PlaceOrderIcon{}
div.OrderExpressIcon{}
div.PreferredListIcon{}
div.ProfileIcon{}
div.OrderHistoryIcon{}
div.FrequentlyOrderedProductIcon{}
div.PriceListIcon{}
div.ReturnIcon{}
div.LogoffIcon{}
div.MyFilesIcon{}
div.AccountSelectionIcon{}
div.BasketSelectionIcon{}
div.MyGiftCertificate{}
div.ProductComparisonIcon{}
a.leftMenuLink{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.leftMenuLink:link, a.leftMenuLink:visited, a.leftMenuLink:active {color:#3a3e41; text-decoration:underline;}
a.leftMenuLink:hover{color:#8b9399; text-decoration:none;}
table.leftMenuListingLogin a.leftMenuLink{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
table.leftMenuListingLogin a.leftMenuLink:link, table.leftMenuListingLogin a.leftMenuLink:visited, table.leftMenuListingLogin a.leftMenuLink:active {color:#ffffff; text-decoration:underline;}
table.leftMenuListingLogin a.leftMenuLink:hover{color:#ffffff; text-decoration:none;}
a.leftMenuSeeAllLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.leftMenuSeeAllLink:link, a.leftMenuSeeAllLink:active, a.leftMenuSeeAllLink:visited {color:#666666; text-decoration:none;}
a.leftMenuSeeAllLink:hover{color:#999999; text-decoration:underline;}
a.leftMenuSpecialLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.leftMenuSpecialLink:link, a.leftMenuSpecialLink:active, a.leftMenuSpecialLink:visited{color:#3a3e41; text-decoration:none;}
a.leftMenuSpecialLink:hover{color:#8b9399; text-decoration:underline;}
table.leftMenuListingLogin a.leftMenuSpecialLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
table.leftMenuListingLogin a.leftMenuSpecialLink:link, table.leftMenuListingLogin a.leftMenuSpecialLink:active, table.leftMenuListingLogin a.leftMenuSpecialLink:visited{color:#ffffff; text-decoration:none;}
table.leftMenuListingLogin a.leftMenuSpecialLink:hover{color:#ffffff; text-decoration:underline;}
.leftMenuImgClosed
{
margin-bottom:2px;
}
/******************************/
div#leftMenu ul#leftMenuSearchInkAndToner,
#oucLeftMenu_oucCategoryQuickSelector_divCategoryQuickSelector
{
float:right;
}
div#leftMenu ul#leftMenuCustom,
div#leftMenu ul#leftMenuSearchInkAndToner
{
margin:0px;
padding:0px;
width:100%;
list-style:none;
}
div#leftMenu ul#leftMenuCustom li,
div#leftMenu ul#leftMenuSearchInkAndToner li
{
margin-bottom:2px;
text-align:right;
}
div#leftMenu ul#leftMenuSearchInkAndToner li a,
div#leftMenu ul#leftMenuCustom li#leftMenuCustomerService a,
div#leftMenu ul#leftMenuCustom li#leftMenuGreenProducts a,
div#leftMenu ul#leftMenuCustom li#leftMenuOrderExpress a
{
width:191px;
height:23px;
text-indent: -9000px;
overflow:hidden;
display:block;
text-align:left;
background-repeat:no-repeat;
background-position:0 -23px;
background-color:Transparent;
}
div#leftMenu ul#leftMenuSearchInkAndToner li a:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuCustomerService a:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuGreenProducts a:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuOrderExpress a:hover
{
background-position:0 0;
}
div#leftMenu ul#leftMenuSearchInkAndToner li a.highlight,
div#leftMenu ul#leftMenuCustom li#leftMenuCustomerService a.highlight,
div#leftMenu ul#leftMenuCustom li#leftMenuGreenProducts a.highlight,
div#leftMenu ul#leftMenuCustom li#leftMenuOrderExpress a.highlight,
div#leftMenu ul#leftMenuSearchInkAndToner li a.highlight:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuCustomerService a.highlight:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuGreenProducts a.highlight:hover,
div#leftMenu ul#leftMenuCustom li#leftMenuOrderExpress a.highlight:hover
{
background-position:0 0;
}
/******************************/
.divContentHelp
{
position:absolute;
top:19px;
right:221px;
width:30px;
z-index:2998;
}
.divContentHelpSmall
{
position:relative;
width:30px;
float:left;
z-index:2998;
display:block;
margin-left:-67px;
margin-top:17px;
}
.divHelpIcon
{
height: 33px;
}
.divLeftMenuHelpPopup
{
background:transparent url('/ecom_theme/img/leftmenu-helparrow.gif?fv=21710A518C0E5656425481E4948DF127-216') no-repeat 100% 0;
padding-right:6px;
left:auto;
width:400px;
overflow:hidden;
position:absolute;
margin-left:-410px;
margin-top:-33px;
}
.divLeftMenuHelpPopupSmall
{
padding-right:6px;
left:auto;
width:100px;
overflow:hidden;
position:absolute;
margin-left:30px;
margin-top:-33px;
}
.divLeftMenuHelpPopup div
{
background-color:#ffffe1;
border:1px solid #c1cfd9;
border-right:0px;
padding:3px;
padding-left:6px;
cursor:help;
}
.divLeftMenuHelpPopupSmall div
{
background-color:#ffffe1;
border:1px solid #c1cfd9;
padding:3px;
padding-left:6px;
cursor:help;
}
/***************************************************************************************************************************************/
/*
Customer Support Section
-----------------------------------------------------
div#customerSupport = Container of Customer support
div.customerSupportAlign = Customer support alignement
.customerSupportText = Text style
a.customerSupportLink = Link style
*/
div#customerSupport {
width:167px;
line-height:normal;
font-size:11px;
margin-top:5px;
margin-bottom:10px;
}
div.customerSupportAlign {
text-align:center; vertical-align:top;
}
.customerSupportText {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333333;
}
a.customerSupportLink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
a.customerSupportLink:link, a.customerSupportLink:active, a.customerSupportLink:visited {color:#333333; text-decoration:none;}
a.customerSupportLink:hover{color:#999999; text-decoration:underline;}
/***************************************************************************************************************************************/
/*
Page Section
-----------------------------------------------------
div#contentPage = Container of all element in the content section
div.contentPageAlign = Alignement of the element in the content section
*/
div#contentPage {
text-align:left; vertical-align:top;
width:731px;
float:left;
clear:both; /* IE */
clear:right; /* FF */
}
div.contentPageAlign {
text-align:left; vertical-align:top;
}
/***************************************************************************************************************************************/
/*
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 {
position:relative;
top:-160px;
.top:-153px;
/*margin-left:-193px;*/
margin-bottom:-22px;
/*.margin-bottom:-55px;*/
height:22px;
width:300px;
}
div.cartInformationAlign {
text-align:left; vertical-align:top;
padding-top:3px;
font-family:arial;
font-size:12px;
color:#fff;
line-height:28px;
}
.cartInformationHighlight{
font-family:arial;
font-size:12px;
color:#fff;
line-height:28px;
}
div#cartInformation img{
margin-top:-2px;
margin-right:4px;
vertical-align:middle;
}
a.cartInformationLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.cartInformationLink:link, a.cartInformationLink:active, a.cartInformationLink:visited {color:#fff; text-decoration:none;}
a.cartInformationLink:hover{text-decoration:underline;}
/***************************************************************************************************************************************/
/*
Specific settings for Content Page Navigation
-----------------------------------------------------
div#contentNavigationTop = Container of top page navigation
div#contentNavigationBottom = Container of bottom page navigation
div.contentNavigationAlign = General alignement
.contentNavigationText = Text style
a.contentNavigationLink = Link style
*/
div#contentNavigationTop, div#contentNavigationBottom{
margin-top:10px; font-size:10px;
margin-bottom:10px;
width:100%;
}
div#contentNavigationBottom
{
float:left;
}
div.contentNavigationAlign{
text-align:left; vertical-align:top;
padding-right:7px;
font-size:12px;
}
.contentNavigationText{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#acacac;
}
a.contentNavigationLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.contentNavigationLink:link, a.contentNavigationLink:active, a.contentNavigationLink:visited {color:#acacac; text-decoration:underline;}
a.contentNavigationLink:hover{text-decoration:none;}
/***************************************************************************************************************************************/
/*
Specific settings for Content Page Title
-----------------------------------------------------
div#contentPageTitle = Container of the page title image
*/
div#contentPageTitle{
width:731px;
}
h1{
width:auto;
color:#404042;
font-family:Arial, Verdana, Helvetica;
font-weight:normal;
font-size:25pt;
line-height:1.3em;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}
div#contentPageTitle h1{
color:#404042;
font-family:Arial, Verdana, Helvetica;
font-weight:bold;
font-size:25pt;
line-height:1.3em;
}
#productComparisonTablePageTitle h1{
margin-top:10px;
margin-bottom:10px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20pt;
line-height:1.3em;
font-weight:700;
color:#404042;
margin:0px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.3em;
font-weight:bold;
color:#404042;
padding:10px 5px 5px 0px;
margin:0px;
}
/***************************************************************************************************************************************/
/*
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 {
font-size:12px; line-height:16px;
}
div.contentPageContentAlign {
text-align:left; vertical-align:top;
}
.pageBodyProduct div#contentPageContent
{
width:609px;
background:#ffffff url(/ecom_theme/img/contentPageContentCenter.gif) repeat-y 0 0;
float:left;
margin-right:5px;
}
.pageBodyProduct div#contentPageContent .contentPageContentAlign
{
padding:5px;
width:599px;
}
.pageBodyProduct div#contentPageContent #contentPageContentTop
{
background:#ffffff url(/ecom_theme/img/contentPageContentTop.gif) repeat-y 0 0;
height:15px;
width:609px;
margin-left:-5px;
margin-top:-5px;
margin-right:-5px;
}
.pageBodyProduct div#contentPageContent #contentPageContentBottom
{
background:#ffffff url(/ecom_theme/img/contentPageContentBottom.gif) repeat-y 0 0;
height:15px;
width:609px;
margin-left:-5px;
margin-bottom:-5px;
margin-right:-5px;
clear:both;
}
.contentText, .contentTextBold, .contentTextHighlight, .contentConfirmationText, .contentTextLighter {
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em;
}
.smallContentText, .smallContentTextHighLight, .smallContentTextBold{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2c2c2c;
}
.contentText,.contentTextBold{color:#2c2c2c;}
.contentTextBold, .smallContentTextBold{font-weight:bold;}
.contentTextHighlight, .smallContentTextHighLight{font-weight:bold; color:#ee1c24; font-family:Helvetica;}
.contentConfirmationText{font-weight:bold; color:#990000;}
.contentTextLighter{color:#999999;}
.contentList{
list-style-type:none;
margin-left:15px;
}
.contentList li{
background-image:url(/ecom_theme/img/content_list_bullet.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:10px;
margin-bottom:10px;
}
.contentList li ul{
margin-top:5px;
margin-left:15px;
}
.contentList li li{
background:none;
padding-left:0px;
}
a.smallContentLink{font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:1.3em; font-weight:normal;}
a.smallContentLink:link, a.smallContentLink:active, a.smallContentLink:visited {color:#2c2c2c; text-decoration:underline;}
a.smallContentLink:hover{color:#818181; text-decoration:none;}
a.contentLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; font-weight:normal;}
a.contentLink:link, a.contentLink:active, a.contentLink:visited {color:#2c2c2c; text-decoration:underline;}
a.contentLink:hover{color:#818181; text-decoration:none;}
a.contentHighlightLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; font-weight:bold;}
a.contentHighlightLink:link, a.contentHighlightLink:active, a.contentHighlightLink:visited {color:#000; text-decoration:underline;}
a.contentHighlightLink:hover{color:#666; text-decoration:none;}
a.contentSeeAllLink{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em;font-weight:normal; line-height:22px;}
a.contentSeeAllLink:link, a.contentSeeAllLink:active, a.contentSeeAllLink:visited {color:#2c2c2c; text-decoration:underline;}
a.contentSeeAllLink:hover{color:#818181; text-decoration:none;}
a.viewMoreDetailsLink{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; font-weight:bold;}
a.viewMoreDetailsLink:link, a.viewMoreDetailsLink:active, a.viewMoreDetailsLink:visited {color:#2c2c2c; text-decoration:underline;}
a.viewMoreDetailsLink:hover{color:#818181; 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: 952px;
}
div.footerAlign
{
border-top:1px solid #e8e8e8;
padding-top:5px;
text-align:right;
vertical-align:top;
}
div#footer div.footerAlign span#oContentHTML_4
{
width:952px;
}
.footerAlign ul
{
list-style:none;
/* margin:0;*/
padding:0;
margin-bottom:3px;
}
/*
div#footer ul li
{
display:inline;
margin-left:6px;
color:#5c7388;
}
div#footer ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#435d76; text-decoration:underline;}
div#footer ul li a:hover{text-decoration:none;}
*/
div#footer p
{
margin:0;
padding:0;
text-align:right;
font-family:arial;
font-size:9px;
margin-right:5px;
margin-top:12px;
}
/*div#footer img{float:left;}*/
.footerText {font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#222222;}
a.footerLink{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
a.footerLink:link, a.footerLink:active, a.footerLink:visited {color:#222222; text-decoration:underline;}
a.footerLink:hover{text-decoration:none;}
.footerSitemap, .footerSitemapFirstLevel{
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#222222; text-decoration:none;
float:left;
text-align:left;
}
.footerSitemap ul{
margin:0;
}
.footerSitemapFirstLevel{
font-weight:bold;
margin-right:80px;
}
.footerSitemapFirstLevel a.footerLink{
font-size:12px;
font-weight:bold;
}
.footerSitemapSecondLevel{
display:block;
margin-left:15px;
margin-top:5px;
font-weight:normal;
font-size:11px;
}
.footerSitemapSecondLevel a.footerLink{
font-weight:normal;
font-size:11px;
}
/***************************************************************************************************************************************/
/*
Specific settings for Bottom Page Frame Section
-----------------------------------------------------
div#contentPageBottomFrame = Container of Bottom Page Frame
div#contentPageBottomFrameSEO = Container of Bottom Page Frame with SEO optimisation (product/categorie title)
*/
div#contentPageBottomFrame{
}
div#contentPageBottomFrameSEO{
width:952px; margin:auto;
text-align:center; vertical-align:top;
margin-top:0px!important;
margin-top:-5px;
font-size:0px;
}
div#contentPageBottomFrameSEO span#lblProductTitleBottom,
div#contentPageBottomFrameSEO span#lblCategoryTitleBottom,
div#contentPageBottomFrameSEO span#lblTitleBottomFrameSEO
{
display:block;
width:952px;
text-align:right;
vertical-align:top;
color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
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, .inputBoxRight, .inputBoxRightDisable, .inputBoxRightError, .inputBoxError, .addressInputBox .cePhoneInput, .addressInputBox .cePhoneInputError{
width:200px; height:39px;
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
border:1px solid #dbdbdb;
text-align:left; vertical-align:middle;
padding-left:5px;
padding-top:2px;
}
.qtyBox, .qtyBoxError {
width:33px; height:21px;
padding-top:2px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
border:1px solid #dbdbdb;
text-align:left; vertical-align:middle;
padding-left:5px;
vertical-align:bottom;
}
#oucOrderInformation_txtRequiredDate_btnCalendarOpen{position:relative!important;top:6px!important;margin-top:-6px!important;}
.inputBox, .inputBoxRight, .inputBoxRightDisable, .qtyBox {background-color:#ffffff;}
.inputBoxError, .inputBoxRightError, .qtyBoxError,.addressInputBox .cePhoneInputError {background-color:#ffefe1;border:1px solid #dbdbdb;}
.inputBoxRight, .inputBoxRightDisable, .inputBoxRightError { text-align:right;}
.inputBoxRightDisable
{
border:1px solid #afafaf;
color:#afafaf;
}
.inputSearchBox, .SearchGood {
width:135px; height:21px;
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
border:1px solid #dbdbdb;
text-align:left; vertical-align:middle;
padding-left:5px;
}
.SearchNotGood {
width:135px; height:21px;
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
text-align:left; vertical-align:middle;
padding-left:5px;
border:1px solid #FF0000;
}
.selectDropDownAuto{
width:auto; height:21px;
border:1px solid #dbdbdb;
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
}
.selectDropDownFix{
width:200px; height:21px;
border:1px solid #dbdbdb;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;
}
#txtAddress1Panel, #txtAddress2Panel, #txtAddress3Panel{
padding-bottom:2px;
}
#txtBasketNewName_txt {
vertical-align: top;
}
/***************************************************************************************************************************************/
/*
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:Arial, Helvetica, sans-serif; font-size: 12px;
}
.bigPriceText, .bigPriceHighlight, .bigPriceLineThrought {
font-family:Helvetica, sans-serif; font-size: 14px; line-height:1.3em;
}
.productCodeText {font-weight:bold; color:#0d0d0d; text-decoration:none;}
.productTitleText {font-weight:bold; color:#0d0d0d; font-size: 16px;}
.smallPriceText {font-weight:bold; color:#0d0d0d;}
.smallPriceHighlight {font-weight:bold; color:#c71012;}
.smallPriceLineThrought {font-weight:bold; color:#0d0d0d; background-image:url(/ecom_theme/img/lineThrought.gif);background-repeat:repeat-x;background-position:left 3px;}
.bigPriceText {font-weight:bold; color:#0d0d0d;}
.bigPriceHighlight {font-weight:bold; color:#c71012;}
.bigPriceLineThrought {font-weight:bold; color:#0d0d0d; 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:100%;}
table.pricePerQtyTable td
{
padding-right:3px;
border-top:#ffffff 1px solid;
padding-left:3px;
font-size:10px;
background:url(/ecom_theme/img/bg-row.jpg) #ffffff repeat-x 0px 0px;
padding-bottom:3px;
vertical-align:middle;
border-left:#e3e3e3 1px solid;
color:#666666;
padding-top:3px;
border-bottom:#e3e3e3 1px solid;
font-family:Arial;
text-align:center;
}
.pricePerQtyAlternateRow1{}
.pricePerQtyAlternateRow2{}
#categoriesContextProducts table.pricePerQtyTable{width:auto;border:0px;}
#categoriesContextProducts table.pricePerQtyTable td .smallPriceHighlight,
#categoriesContextProducts table.pricePerQtyTable td .smallPriceLineThrought{font-size:10px; line-height:12px;background-position:0 1px;}
.smallImageSettings, .bigImageSettings, .smallCartImageSettings{border:0px solid #dadedf;}
.smallImageSettings{}
.bigImageSettings{width:225px;height:225px;}
.smallCartImageSettings{}
.smallCartCouponImageSettings{width:55px; height:39px; border:1px solid #FFFFFF;}
.smallCartGiftCertificateSettings{width:55px;height:55px;}
td.categoryImageAlign{text-align:center; vertical-align:top;}
td.categoryAlign{text-align:left; vertical-align:top;padding-bottom:10px;}
td.categoryAlign .categoryPlusMinus {margin-right:5px;width:10px;height:10px; display:none;}
.categoryTitle{font-family:Arial, Helvetica, sans-serif;font-size:13pt;color:#000000;font-weight:700;}
td.categoryAlign table.categorySubCategoryTable
{
margin-left:15px;
margin-top:3px;
}
td.categoryAlign table.categorySubCategoryTable td
{
background:transparent url(/ecom_theme/img/submenu-puce.gif) no-repeat 0px 7px;
font-size:10px;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
}
td.categoryAlign table.categorySubCategoryTable td a{font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal;}
td.categoryAlign table.categorySubCategoryTable td a:link,
td.categoryAlign table.categorySubCategoryTable td a:active,
td.categoryAlign table.categorySubCategoryTable td a:visited{color:#0066cc;}
td.categoryAlign table.categorySubCategoryTable td a:hover{text-decoration:none;color:#0066cc;}
a.categoryLink{font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal;}
a.categoryLink:link, a.categoryLink:active, a.categoryLink:visited {color:#414143; text-decoration:underline; padding-left:10px;}
a.categoryLink:hover{color:#87878b; text-decoration:underline; padding-left:10px;}
a.productTitleLink {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
a.productTitleLink:link, a.productTitleLink:active, a.productTitleLink:visited {color:#414143; text-decoration:underline;}
a.productTitleLink:hover{color:#87878b; text-decoration:underline;}
#categoriesContextProducts a.productTitleLink {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal;}
#categoriesContextProducts a.productTitleLink:link, #categoriesContextProducts a.productTitleLink:active, #categoriesContextProducts a.productTitleLink:visited {color:#414143; text-decoration:underline;}
#categoriesContextProducts a.productTitleLink:hover{color:#87878b; text-decoration:underline;}
a.productCodeLink {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
a.productCodeLink:link, a.productCodeLink:active, a.productCodeLink:visited {color:#414143; text-decoration:underline;}
a.productCodeLink:hover{color:#87878b; text-decoration:underline;}
a.productListTitleLink {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
a.productListTitleLink:link, a.productListTitleLink:active, a.productListTitleLink:visited {color:#414143; text-decoration:underline;}
a.productListTitleLink:hover{color:#87878b; text-decoration:underline;}
a.productListCodeLink {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
a.productListCodeLink:link, a.productListCodeLink:active, a.productListCodeLink:visited {color:#414143; text-decoration:underline;}
a.productListCodeLink:hover{color:#87878b; text-decoration:underline;}
/***************************************************************************************************************************************/
/*
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:731px; height:auto;
display:table;
margin-bottom:10px;
clear:both;
}
/*Classe pour les borders de la maintable de la page bocancellation.aspx*/
tr.normalRowBackground td.border_top_left,
tr.normalRowBackground td.border_top,
tr.normalRowBackground td.border_top_right,
tr.normalRowBackground td.border_bottom,
tr.normalAlternateRowBackground td.border_top_left,
tr.normalAlternateRowBackground td.border_top,
tr.normalAlternateRowBackground td.border_top_right,
tr.normalAlternateRowBackground td.border_bottom
{
border:1px solid #e1e1e1;
}
/*
*****!!!!� NE PAS MODIFIER!!!!******
classes pour cacher les borders de la maintable de la page bocancellation.aspx
utilit� ->
sert � pouvoir changer seulement les 2 classes ci-dessus
.normalRowBackground td,
.normalAlternateRowBackground td {
border:1px solid #dadfe2;
}
*/
table.mainTable .border_top_left
{
/*border-bottom:0px;*/
border-right:0px;
}
table.mainTable .border_top
{
/*border-bottom:0px;*/
border-right:0px;
border-left:0px;
}
table.mainTable .border_top_right
{
border-bottom:0px;
border-left:0px;
}
table.mainTable .border_bottom
{
border-top:0px;
}
/**********/
/*Ligne de s�paration*/
#Border-Bleu
{
/*Border du | de la ligne de s�paration*/
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
background-color:#F1F5F7;
}
#Border-Blanc
{
/*Border du | de la ligne de s�paration*/
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
}
div.mainTableSP
{
/*Ligne de s�paration*/
background-color:#d3d3d3;
width:667px;
height:1px;
margin:auto;
}
td#Border-Blanc div.mainTableSP, td#Border-Bleu div.mainTableSP
{
width:auto!important;
}
/********
***End***
********/
table.pnlNewProductPromotion {
width:198px;
margin-left:0px;
}
table.pnlNewProductPromotion table{
margin-bottom:10px;
}
td.pnlNewProductPromotionMainTitleImage {
text-align:right;
line-height:0px;
font-size:0px;
height:1px;
background-color:#ffffff;
vertical-align:top;
}
td.mainTitle {
text-align:left; vertical-align:top;
width:100%; height:auto;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#303031;
font-style:italic;
padding-left:5px; padding-top:2px; padding-bottom:2px;
}
td.mainTitleImage {
text-align:left; vertical-align:top;
width:100%; height:1px;
background-color:#ffffff;
line-height:0px;
font-size:0px;
}
td.mainTitleDropdown{
text-align:left; vertical-align:top;
width:100%; height:1px;
background-color:#ffffff;
line-height:0px;
font-size:0px;
}
td.mainTitleImageOpened {
text-align:left; vertical-align:top;
width:100%; height:1px;
background-color:#28282a;
border:1px solid #28282a;
line-height:0px;
font-size:0px;
padding:2px;
cursor:pointer;
}
td.mainTitleImageClosed {
text-align:left; vertical-align:top;
width:100%; height:1px;
background-color:#ebeeee;
border:1px solid #c7c7c7;
line-height:0px;
font-size:0px;
padding:2px;
cursor:pointer;
}
.mainContent, .mainContentCoupon, .bookSpecifiqueSearch{
text-align:left; vertical-align:top;
border:1px solid #e5e5e5;
padding: 5px 5px 5px 5px;
background-color:#fff;
}
.bookSpecifiqueSearch{
/*border-top:0px;*/
padding:15px;
line-height:2em;
margin-top:-6px;
}
.bookSpecifiqueSearch a{
padding:2px 3px;
border:solid 1px #9e9e9e;
border-top:solid 1px #e8e8e8;
border-left:solid 1px #e8e8e8;
background-color:#eee;
font-weight:bold;
}
.bookSpecifiqueSearch a:hover{
color:#871517;
}
.bookSpecifiqueSearch a:active{
border:solid 1px #e8e8e8;
border-top:solid 1px #9e9e9e;
border-left:solid 1px #9e9e9e;
}
.mainContentCheckoutExpress
{
text-align:left; vertical-align:top;
border:1px solid #e5e5e5;
padding: 5px 5px 5px 5px;
background-color:#fff;
}
.mainContentCoupon{
padding:1 4 1 4;
line-height:15px;
margin:13 0 13 0;
}
td.mainContentGrid{
text-align:left; vertical-align:top;
border:1px solid #e5e5e5;
padding: 5px 5px 5px 5px;
}
td.mainContentPackingSlip{
text-align:left; vertical-align:top;
border:1px solid #e5e5e5;
padding: 5px 5px 5px 5px;
background-color:#fff;
}
td.mainContentHighlight{
text-align:left; vertical-align:top;
border:1px solid #e5e5e5;
padding: 5px 5px 5px 5px;
background-color:#ffffe1;
}
div#productInfoImageFrame, div#divProductPictureThumbnails{
width:225px;
float:left;
text-align:center; vertical-align:top;
padding-bottom:15px;
}
div#productInfoImageFrame #productInfoNewProductPromotion
{
position:relative;
width:225px;
/*height:39px;*/
float:left;
z-index:5000;
text-align:center;
margin-top:10px;
}
div#productInfoImageFrame .productInfoGreenProductIcon
{
width:225px;
text-align:right;
height:40px;
position:relative;
margin-bottom:-40px;
float:left;
z-index:5001;
}
div#divProductPictureThumbnails ul{
margin:0px;
padding:0px;
width:198px !important;
width:205px;
list-style:none;
margin-left:7px !important;
margin-left:0px;
}
div#divProductPictureThumbnails ul li{
float:left;
margin-right:5px;
margin-left:5px;
margin-bottom:3px;
}
div#divProductPictureThumbnails ul li img
{
border:1px solid #e2e2e2;
}
.eBookPreviewButton {
padding-top:5px;
padding-bottom:5px;
}
div.productPriceContentFrame{
width:369px;
text-align:left; vertical-align:top;
display:table;
float:left;
margin-right:-5px;
margin-left:5px;
}
div#productInfoContentFrame{
width:599px;
text-align:left; vertical-align:top;
}
div#productInfoContentFrame .mainTable{
width:600px;
}
#oucProductRegrouping_radCustomerRating{
margin-left:265px;
}
div#productInfoButtonAlign{
text-align:left; vertical-align:top;
}
/************************
PRODUCT NAVIGATION
*/
.productNavigationTable{
background-color:#f9f9f9;
border:solid 1px #c8c8ca;
width:169px;
}
.productNavigationTableTitle{
background-color:#6e6f73;
font-size:11px;
line-height:17px;
font-family:Arial, Verdana, Sans serif;
font-weight:bold;
color:#fff;
width:169px;
text-align:center;
}
.navigationTableSep{
background:url(/ecom_theme/img/navigationTableSep.gif) repeat-y;
width:1px;
}
.productNavigationArrows{
font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;
color:#6b6b6b;
}
.normalRowBackground{background-color:#ffffff; cursor:pointer;}
tr.normalAlternateRowBackground{background-color:#efefef; cursor:pointer;}
tr.shippingRow{background-color:#ebeeee;}
tr.rolloverRowBackground{background-color:#ffffe1; cursor:pointer;}
.productRegroupingRowSelected{background-color: #ffffe1;}
.button{
/*margin-bottom: 3px;*/
margin-top:3px;
display: inline-block;
}
/***************************************************************************************************************************************/
/*
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 #e5e5e5;
background-color:#fff;
}
table.tableShippingMethodCarrier td{
padding-top:2px;
padding-bottom:2px;
}
/***************************************************************************************************************************************/
/*** Carrousel ***/
table.hotProductsTable{
float:left;
}
table.mainCarrouselTable{
border:1px solid #e5e5e5;
background-color:#fff;
}
td.carrouselTitleBar{
height:20;
padding:3px;
background-color:#e5e5e5;
}
.carrouselProductAdddedText{
color:#009900;
font-weight:bold;
font-family: 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 {
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
border:1px solid #d3d3d3;
WIDTH: 731px;
background-color:#ffffe1;
}
.pageBodyProduct .MessageTable{width:597px;}
.MessageTable .SuccessMessage {
font-weight:bold;
padding: 5px;
font-size: 12px;
vertical-align: middle;
color: #05580C;
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: 12px;
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: 12px;
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 .WarningMessageWithoutImg {
FONT-WEIGHT:bold;
PADDING-RIGHT: 5px;
PADDING-LEFT: 42px;
FONT-SIZE: 12px;
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;
}
.NormalMessageTable
{
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#cebe8d', Positive='true');
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
WIDTH: 728px;
}
.NormalMessageTable .NormalMessage {
FONT-WEIGHT:normal;
PADDING-RIGHT: 5px;
PADDING-LEFT: 42px;
FONT-SIZE: 12px;
BACKGROUND-IMAGE: url(/ecom_theme/img/NormalMessage.gif);
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: middle;
COLOR: #0d0d0d;
PADDING-TOP: 5px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 42px;
border:1px solid #c1cfd9;
background-color:#f4f8fb;
}
.MessageTable .NormalMessage A {
FONT-WEIGHT:bold;
COLOR: #993300;
TEXT-DECORATION: underline;
}
.MessageTable .CustomMessage {
FONT-WEIGHT:normal;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: middle;
PADDING-TOP: 5px;
HEIGHT: 42px;
border:1px solid #ffe186;
background-color:#ffffe1;
}
/*********** REPEATER *************/
.repeaterMainTable{
width:98%;
}
.repeaterTitle,.repeaterTopLeft,.repeaterTopRight,.repeaterBottomLeft,.repeaterBottomRight, .repeaterMainTable{
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;color:#0d0d0d;font-weight:bold;
}
.repeaterTitle{
}
.repeaterTopLeft{}
.repeaterTopRight{}
.repeaterBottomLeft{}
.repeaterBottomRight{}
.repeaterTableInside{}
.repeaterTopProduct{}
.repeaterBottomProduct{}
/**************************************/
div#oucProductDescription_oTabs
{
margin-bottom:-1px;
.margin-bottom:-3px;
}
#divImportProductList{
/*_margin-top:-24px; IE */
padding-bottom:24px;
}
/***********************************
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);
background-repeat:repeat-x;
margin-bottom:10px;
}
.requiredField
{
color:#d00000;
}
.addressInputBox
{
padding-bottom:4px;
width:200px;
}
.checkoutExpressPage .mainTable
{
width:699px;
margin-bottom:0px;
}
.checkoutExpressPage .mainTable td
{
background:none;
}
.checkoutExpressPage .mainContent
{
border:0px;
border-bottom:1px solid #c1cfd9;
}
.repeaterTopSmall
{
margin-bottom:8px;
}
.repeaterBottomSmall
{
margin-bottom:5px;
}
.checkoutExpressShippingMethodCarrier
{
border:1px solid #e5e5e5;
background-color:#fff;
width:auto;
}
#divShippingContainer .checkoutExpressShippingMethodCarrier{width:100%;}
.addressInputBox .inputBox, .addressInputBox .inputBoxError, .addressInputBox .selectDropDownFix{
width:200px;
}
.addressInputBox .cePhoneInput, .addressInputBox .cePhoneInputError{
width:143px;
}
/***************************************/
/* RSS FEEDS */
/**************************************/
#contentPageContentRSS
{
}
#contentPageContentRSS span
{
background:transparent url(/ecom_theme/img/rss.gif) no-repeat 0 -1px;
padding-left:20px;
font-weight:bold;
font-size:12px;
}
#contentPageContentRSS ul
{
margin:0px;
padding:0px;
list-style:none;
border-top:1px solid #d6dfe6;
border-left:0px;
margin-top:2px;
}
#contentPageContentRSS ul li
{
float:left;
border-left:1px solid #d6dfe6;
padding:5px;
padding-right:10px;
margin-right:1px;
background:transparent url(/ecom_theme/img/bg-rss.gif) no-repeat 0 0;
}
#contentPageContentRSS ul li a
{
display:block;
font-size:11px;
font-family:Arial;
color:#666666;
text-decoration:none;
background:transparent url(/ecom_theme/img/rss-small.gif) no-repeat 0 -1px;
padding-left:18px;
border-bottom:1px dashed #ffffff;
}
#contentPageContentRSS ul li a:hover
{
display:block;
color:#000000;
border-bottom:1px dashed #f69720;
}
/***************************************/
/* CART POPUP BASKET PREVIEW */
/**************************************/
/**************************************/
.divBasketPreviewContainer
{
border:1px solid #464648;
padding:1px;
background-color:#FFFFFF;
position:relative;
}
.divBasketPreviewContainer table th
{
background:#464648 url(/ecom_theme/img/cart-popup-header.gif) repeat-x top;
height:20px;
margin:0px;
color:#666666;
font-size:10px;
font-family:Arial;
text-transform:uppercase;
font-weight:bold;
}
.divBasketPreviewContainer table th .contentTextBold
{
color:#666666;
font-size:10px;
font-family:Arial;
text-transform:uppercase;
font-weight:bold;
}
.divBasketPreviewContainer .divBasketPreviewContainerContent
{
height:120px;
overflow-y:scroll;
overflow-x:none;
}
.divBasketPreviewContainer .divBasketPreviewContainerContent table td
{
border-bottom:1px solid #c1cfd9;
padding-top:2px;
padding-bottom:2px;
}
.divBasketPreviewContainerContent table td
{
border-bottom:1px solid #c1cfd9;
padding-top:2px;
padding-bottom:2px;
}
/***************************************/
/* 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;
width:497px;
margin-left:15px;
background-image:url(/ecom_theme/img/cartPopupArrow.gif);
background-repeat:no-repeat;
padding-top:14px;
}
#divCartPopup #divCartPopupContainer
{
border:1px solid #464648;
padding:1px;
background-color:#FFFFFF;
position:relative;
border-top:none;
}
#divCartPopup #divCartPopupContainer #divCartPopupHeader
{
background:#464648 url(/ecom_theme/img/cart-popup-header.gif) repeat-x top;
font-size:12px;
font-family:Arial;
color:#ffffff;
text-align:left;
padding:0px;
font-weight:700;
border:1px solid #464648;
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;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}
#divCartPopup #divCartPopupContainer #divCartPopupHeader table th
{
background-color:#eeeeee;
font-size:10px;
color:#666666;
font-weight:bold;
height:20px;
margin:0px;
}
#divCartPopup #divCartPopupContainer #divCartPopupFooter
{
width:492px;
background-color:#464648;
font-size:12px;
font-family:Arial;
color:#b3b3b3;
font-weight:700;
border:1px solid #464648;
border-top:none;
}
#divCartPopup #divCartPopupContainer #divCartPopupFooter .smallPriceHighlight
{
color: #e22927;
}
#divCartPopup #divCartPopupContainer #divCartPopupFooter img
{
vertical-align:middle;
}
#divCartPopup #divCartPopupContainer #divCartPopupFooter table th
{
background-color:#eeeeee;
font-size:10px;
color:#666666;
height:20px;
margin:0px;
padding:3px;
padding-right:17px;
font-weight:bold;
}
#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 #464648;
border-right:solid 1px #464648;
margin-top:-4px;
background-color:#ffffff;
}
#divCartPopup #divCartPopupContainer #divCartPopupContent table
{
width:472px;
}
#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:#ee1c24 url(/ecom_theme/img/error2.gif) no-repeat 5px 6px;
padding-left:22px;
width:468px;
.width:490px;
}
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess
{
background-color:#8dc858;
}
#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning img,
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess img
{
margin-right:5px;
}
#divCartPopup #divCartPopupContainer #divCartPopupMsgWarning table td,
#divCartPopup #divCartPopupContainer #divCartPopupMsgSuccess table td
{
text-transform:none;
}
/**************************************
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;
}
/* LEFT MENU */
#leftMenu #divSubscribeNewsletter
{
padding-left:0px;
margin-bottom:0px;
}
#leftMenu #divSubscribeNewsletterContent, #oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
background:none;
border:none;
line-height:18px;
width:157px;
.width:167px;
margin:0px; padding:0px;
margin-bottom:15px;
margin-left:24px;
background:#e8ecf0;
margin-top:-3px !important;
margin-top:0px;
padding-left:10px;
padding-bottom:5px;
}
#oucLeftMenu_oucNewsletterSubscription_divSubscribeNewsletterLinkLeft
{
padding-left:0px;
}
#leftMenu #divSubscribeNewsletterContent .inputBox, #leftMenu #divSubscribeNewsletterContent .inputBoxError
{
width:145px;
}
#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{margin-bottom:20px;}
.productListing li.col2{width:49%;float:left;}
.productListing li.col3{width:32%; float:left;}
.productListing li.col4{width:23%;float:left;}
.productListing{
list-style-type:none;
margin:0;
padding:0;
}
.productListing li.col2, .productListing li.col3, .productListing li.col4{
border:1px solid #E5E5E5;
}
/********************************************************************
3 COLUMNS: DEFAULT DISPLAY OF BUROPLUS PRODUCT LIST
*/
.productListing li.col3{
/*margin-left:4px;
margin-right:4px;
margin-bottom:2px;
margin-top:2px;
background:transparent url(/ecom_theme/img/product-bottom.gif) no-repeat left bottom;*/
}
.productListing li.clear
{
height:1px;
background:none;
width:100%;
}
.productListing li.col2 .mainContent, .productListing li.col3 .mainContent, .productListing li.col4 .mainContent
{
background:none;
background-color:transparent;
border:0px;
}
/*
.productListing li.col3 .mainContent .productListInfoTop
{
width:235px;
background:transparent url(/ecom_theme/img/product-top.gif) no-repeat 0 0;
margin-left:-5px;
margin-right:-5px;
height:14px;
font-size:0px;
line-height:0px;
}
*/
.productListing li.col3 .mainContent .contentText .contentLink
{
font-size:10px;
color:#0f4a96;
}
.sep{
margin-right:10px;
}
.clear{
clear:both;
margin-bottom:10px;
height:0px;
line-height:0px;
font-size:0px;
}
/*************************************************
HOME PAGE CUSTOM CATEGORIES
*/
.pnlCategoryRow{ border-bottom:1px dashed #404042;margin-bottom:10px;}
.pnlCategoryRow .mainTitle{
width:auto;
color:#404042;
font-family:Arial, Verdana, Helvetica;
font-weight:normal;
font-size:20pt;
line-height:1.3em;
font-weight:bold;
font-style:italic;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
}
.productListing .mainTitle{
font-size:14px;
}
.pnlCategoryRow .sectionRepeaterSeparator, .pnlCategoryRow .productListingRepaterContainer{
display:none !important;
}
.pnlCategoryRow #oucHotProducts_divCarrouselFlash
{
background:transparent url(/ecom_theme/img/maincontent-bg.gif) no-repeat center bottom;
padding-bottom:12px;
border:0;
border-top:1px solid #dee4ef;
}
.productListing li.clear{
margin-bottom:0px;
height:0px;
line-height:0px;
font-size:0px;
}
.pnlCategoryRow .productListing li.clear
{
height:0px;
}
.pnlCategoryRow .productListing li
{
border:0px!important;
}
.pnlCategoryRow img
{
display:none;
}
.pnlCategoryRow .productListing li img
{
display:block
}
.pnlCategoryRow a.contentLink
{
font-size:11px;
color:#77808f;
}
.mainTable .mainTable{
margin-bottom:0px;
}
/*********** VALIDATION SUMMARY *************/
#oValidationSummary
{
border:1px solid #aa9754;
background-color:#ffffe1;
padding:5px;
margin-bottom:20px;
margin-top:10px;
margin-right:8px;
font-weight:bold;
font-family:Arial;
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: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;
}
/******************************************************************/
/********** TOP PAGE MENU ********/
#contentMenu
{
float:left;
width:763px;
height:58px;
background:url(/ecom_theme/img/bgNavigation.gif) no-repeat top center;
font-size:0px;
line-height:0px;
text-indent:-4000px; .text-indent:0px;
}
#contentMenu .mainMenuSubLevel{
text-indent:0px;
font-size:0px;
line-height:0px;
}
#contentMenu ul
{
margin:0px;
padding:0px;
list-style:none;
padding-top:18px;
/*margin-top:20px;*/
/* SEE CULTURE */
}
#contentMenu ul li
{
float:left;
}
.mainMenuSubLevel{
position:absolute;
left:auto;
top:auto;
z-index:100000;
display:none;
/*.width:605px;*/
background:#6f7074 url(/ecom_theme/img/menudropdown-bg.gif) repeat-x top left;
}
.mainMenuSubLevel li{
/*clear:both;
width:100%;*/
margin-left:9px;
margin-right:9px;
}
.mainMenuSubLevel li a:link, .mainMenuSubLevel li a:visited, .mainMenuSubLevel li a:active {
display:block;
}
li.mainMenuFirstLevel:hover a#navigOffice{
background-position:bottom;
}
li.mainMenuFirstLevel:hover a#navigAJC{
background-position:bottom;
}
/*li.mainMenuFirstLevel:hover .mainMenuSubLevel{
visibility:visible;
}*/
/* SEE CULTURE */
/******************************/
#leftMenu #logo-division
{
width:100%;
height:94px;
background:url(/ecom_theme/img/logo-buroplus.gif) no-repeat center right;
}
/************* PRODUCT INFO *******************/
div#divProductRegrouping{}
div#divProductRegrouping h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#464648;
padding:10px 5px 5px 0px;
margin:0px;
text-decoration:none;
margin-top:10px;
}
div#divProductRegrouping h3
{
background-color:#d6dfe6;
font-family:Arial;
font-size:11px;
padding:3px;
margin:1px;
color:#666666;
font-weight:normal;
}
div#divProductRegrouping .divProductRegroupingTable
{
margin-bottom:5px;
width:369px;
}
div#divProductRegrouping .divProductRegroupingTable tr
{
/*background:transparent url(/ecom_theme/img/bg-row.jpg) repeat-x 0 0;*/
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct td
{
border-top:0px solid #e6ebee;
border-bottom:0px solid #b5c6cf;
border-right:1px solid #e6ebee;
border-left:1px solid #ffffff;
background:transparent url('/ecom_theme/img/substitute-top-bg.gif?fv=6366A1AEE7780D28CCC46069E1FD9E72-43') repeat-x 0 0;
padding-top:12px;
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct table td
{
background:transparent url(/ecom_theme/img/bg-row.jpg) repeat-x 0 0;
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct td.last
{
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct td.substituteproductfirstcell
{
background:transparent url(/ecom_theme/img/substitute-norm-bg.gif) no-repeat 0 0;
padding-left:20px;
padding-right:10px;
_padding-left:10px; /* IE */
_padding-right:0px; /* IE */
height:70px;
}
div#divProductRegrouping .divProductRegroupingTable .productRegroupingRowSelected td
{
background-color:#ffffe1; background-image:none;
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct td table td
{
border-left:1px solid #d6dfe6;
border-bottom:1px solid #d6dfe6;
border-top:1px solid #d6dfe6;
border-right:0px;
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct.productRegroupingRowSelected td
{
background-color:#ffffe1;
}
div#divProductRegrouping .divProductRegroupingTable tr.substituteproduct.productRegroupingRowSelected td table td
{
background-color:#ffffe1; background-image:none;
}
div#divProductRegrouping .divProductRegroupingTable tr.productRegroupingRowSelected td.substituteproductfirstcell
{
background:transparent url(/ecom_theme/img/substitute-bg.gif) no-repeat 0 0;
}
div#divProductRegrouping .divProductRegroupingTable td
{
background:#ffffff url(/ecom_theme/img/bg-row.jpg) repeat-x 0 0;
border:1px solid #d6dfe6;
border-collapse:collapse;
padding:3px;
text-align:center;
vertical-align:middle;
color:#666666;
font-size:9px;
font-family:Arial;
}
div#divProductRegrouping .divProductRegroupingTable td.last
{
border-left:1px solid #d6dfe6;
border-bottom:1px solid #d6dfe6;
border-right:1px solid #d6dfe6;
padding:5px;
text-align:center;
vertical-align:middle;
color:#666666;
font-size:9px;
font-family:Arial;
}
div#divProductRegrouping .divProductRegroupingTable th
{
border:1px solid #e3e4e6;
border-collapse:collapse;
/*background-image:url(/ecom_theme/img/title-bg.gif);
background-repeat:repeat-x;
background-position:left top;*/
background-color:#f1f1f1;
color:#424345;
padding:5px;
text-align:center;
font-family:arial;
font-size:9pt;
}
div#divProductRegrouping .divProductRegroupingTable .bigPriceLineThrought,
div#divProductRegrouping .divProductRegroupingTable .bigPriceHighlight,
div#divProductRegrouping .divProductRegroupingTable .smallPriceHighlight,
div#divProductRegrouping .divProductRegroupingTable .smallPriceLineThrought
{
font-size:9px;
background-position:0px 1px;
}
.divRegroupingButtonsAlign
{
width:100%;
text-align:right;
}
.divRegroupingButtonsAlign img,
.divRegroupingButtonsAlign input
{
margin-left:5px;
}
.ProductCodeSupplier{
display:block;
word-wrap:break-word;
width:58px;
margin:auto;
}
.substituteproduct .ProductCodeSupplier{
width:48px;
}
.ProductCodeSupplier br{
display:none;
}
div#divProductRegrouping .divProductRegroupingTable .tablePrice td
{
border: 0px!important;
background:none!important;
}
div#divProductRegrouping .divProductRegroupingTable .tablePrice .contentTextLighter
{
font-size:9px;
}
/***** CONTEXT PRODUCTS ************/
div#categoriesContextProducts
{
float:left;
clear:right;
width:117px;
background:#ffffff url(/ecom_theme/img/categoriesContextProductsCenter.gif) repeat-y 0 0;
}
div#categoriesContextProducts div#categoriesContextProductsTop
{
background:#ffffff url(/ecom_theme/img/categoriesContextProductsTop.gif) no-repeat 0 0;
height:11px;
font-size:0px;
}
div#categoriesContextProducts div#categoriesContextProductsBottom
{
background:#ffffff url(/ecom_theme/img/categoriesContextProductsBottom.gif) no-repeat 0 0;
height:11px;
font-size:0px;
}
div#categoriesContextProducts h2
{
font-size:12px;
font-weight:bold;
color:#0f4a96;
text-align:center;
margin:5px;
margin-bottom:10px;
text-transform:none;
}
div#categoriesContextProducts ul
{
margin:0px;
padding:0px;
list-style:none;
/*margin-left:15px;
margin-right:15px;*/
}
div#categoriesContextProducts ul li
{
margin-bottom:10px;
font-size:10px;
text-align:center;
}
div#categoriesContextProducts ul li a
{
font-size:12px;
}
/******************************************************************/
/********** Description Popup Overlay ********/
#descriptionPopupOverlay
{
background-color: #000;
cursor: wait;
}
#descriptionPopupContainer
{
height: 200px;
width: 290px;
background-color: #fff;
border: 3px solid #5a7d9e;
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:#5a7d9e;
color:#fff;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding-top:2px;
padding-right:5px;
}
/******************************************************************/
/********** Product Add Popup Overlay ********/
#productAddConfirmationPopupOverlay
{
background-color: #000;
cursor: wait;
}
#productAddConfirmationPopupContainer
{
width: 380px;
background-color: #fff;
border: 3px solid #5a7d9e;
padding:5px;
border-top-width: 15px;
}
#productAddConfirmationPopupContainer .simplemodal-data
{
text-align:left;
}
#productAddConfirmationPopupContainer #divProductAddConfirmation table
{
width:318px;
}
#productAddConfirmationPopupData
{
}
/******************************************************************/
/********** Order Express Popup Overlay ********/
#orderExpressPopupOverlay
{
background-color: #000;
cursor: wait;
}
#orderExpressPopupContainer
{
width: 350px;
background-color: #fff;
border: 3px solid #5a7d9e;
padding:5px;
border-top-width: 15px;
}
#orderExpressPopupData
{
}
/******************************************************************/
/********** Basket Change Popup Overlay ********/
#basketChangeConfirmationPopupOverlay
{
background-color: #000;
cursor: wait;
}
#basketChangeConfirmationPopupContainer
{
width: 350px;
background-color: #fff;
border: 3px solid #5a7d9e;
padding:5px;
border-top-width: 15px;
}
#basketChangeConfirmationPopupData
{
}
/***************************************/
/************** STORE FINDER ***********/
ul.storeFinder
{
padding:0px;
margin:0px;
width:100%;
list-style:none;
margin-top:5px;
}
ul.storeFinder li
{
width:47%;
float:left;
background-color:#d9e4ee;
list-style:none;
padding:10px;
margin-bottom:10px;
}
ul.storeFinder li.right
{
border-left:1px solid #000000;
}
ul.storeFinder li.clear
{
width:100%;
background-color:Transparent;
padding:0px;
margin:0px;
clear:none;
}
ul.storeFinder li a.contentLink
{
color:#0f4a96;
}
ul.storeFinder li a.contentLink:hover
{
color:#8bc2e9;
}
#divShippingCharges .contentTextHighlight
{
color:#000;
font-family:Arial;
}
/*************************************/
/*********** DEFAULT PAGE ************/
#contentCenter-leftContent
{
float:left;
border-right:1px solid #c1cfd9;
width:338px;
text-align:left;
vertical-align:top;
padding-right:5px;
}
/******* MIDDLE **************/
#contentCenter-middleContent
{
float:left;
border-right:1px solid #c1cfd9;
width:198px;
text-align:left;
vertical-align:top;
padding-left:10px;
padding-right:9px;
}
#contentCenter-middleContent #promotion,
#contentCenter-middleContent #enium
{
text-align:left;
font-family:Arial;
font-size:10px;
width:198px;
}
#contentCenter-middleContent #promotion{margin-bottom:15px;}
#contentCenter-middleContent #promotion a,
#contentCenter-middleContent #enium a
{
display:block;
width:100%;
text-align:center;
font-family:Arial;
font-size:12px;
font-weight:normal;
}
#contentCenter-middleContent #promotion img.smallImageSettings,
#contentCenter-middleContent #enium img.smallImageSettings
{
float:left;
padding-right:7px;
cursor:pointer;
}
#contentCenter-middleContent #promotion .price,
#contentCenter-middleContent #enium .price
{
font-family:Helvetica, Arial;
font-size:20px;
color:#ee1c24;
font-weight:bold;
}
#contentCenter-middleContent #promotion .price sup,
#contentCenter-middleContent #enium .price sup
{
font-size:14px;
}
/********** RIGHT CONTENT **************/
#contentCenter-rightContent
{
float:left;
margin-left:9px;
width:158px;
}
#contentCenter-rightContent ul
{
margin:0px;
padding:0px;
list-style:none;
width:160px;
}
#contentCenter-rightContent ul li
{
float:left;
margin-bottom:9px;
}
#contentCenter-rightContent ul li#findStore a,
#contentCenter-rightContent ul li#onlineCatalog a,
#contentCenter-rightContent ul li#discountCoupon a,
#contentCenter-rightContent ul li#giftCard a
{
display: block;
width:75px;
height:75px;
text-indent:-9000px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 -75px;
}
#contentCenter-rightContent ul li#findStore a:hover,
#contentCenter-rightContent ul li#onlineCatalog a:hover,
#contentCenter-rightContent ul li#discountCoupon a:hover,
#contentCenter-rightContent ul li#giftCard a:hover
{
background-position: 0 0;
}
/****************************************************/
/************** PRODUCT COMPARISON TABLE ***********/
.productComparisonTableBody{}
table.productComparisonTableDisplayVertical{border:1px solid #c1cfd9}
table.productComparisonTableDisplayHorizontal{border:1px solid #c1cfd9}
.productComparisonTableBody #contentPageBottomFrame
{
font-family:arial;
font-size:9px;
float:left;
}
#productComparisonTableContent,
#productComparisonTableMainContent
{
text-align:left;
}
#productComparisonTablePrint
{
text-align:right;
padding-left:20px;
}
#productComparisonTablePageTitle
{
}
#productComparisonTableMainContentCenter
{
/*border:2px solid #c1cfd9;*/
background-color:#FFF;
/*overflow-x:scroll;*/
}
#productComparisonTableMainContentCenter table td.cellSeparation,
#productComparisonTableMainContentCenter table td.cellSeparationFirstCell,
#productComparisonTableMainContentCenter table td.cellSeparationProduct,
#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell
{
border-left:1px dashed #c1cfd9;
border-right:1px solid #fff;
}
#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell, #productComparisonTableMainContentCenter table td.cellSeparationFirstCell{
border-left:none;
width:180px;
}
#productComparisonTableMainContentCenter table.productComparisonTableDisplayHorizontal td.cellSeparation,
#productComparisonTableMainContentCenter table.productComparisonTableDisplayHorizontal td.cellSeparationFirstCell
{
border-bottom:1px dashed #c1cfd9;
}
#productComparisonTableMainContentCenter table td.cellSeparationProduct,
#productComparisonTableMainContentCenter table td.cellSeparationProductFirstCell
{
border-bottom:4px solid #c1cfd9;
background-color:#f4f8fb;
}
#productComparisonTableMainContentCenter table.productComparisonTableDisplayVertical td.cellSeparationProductFirstCell
{
background-color:Transparent;
}
#productComparisonTableMainContentCenter table.productComparisonTableDisplayVertical .mainContent
{
border:0px;
background-color:transparent;
}
#productComparisonTableMainContentCenter .smallImageSettings
{
border:1px solid #c1cfd9;
}
#productComparisonTableMainContentCenter tr.normalRowBackground,
#productComparisonTableMainContentCenter tr.normalAlternateRowBackground
{
cursor:default;
}
.productComparisonTableMainContentCenterVerticalContainer,
.productComparisonTableMainContentCenterHorizontalContainer
{
}
.productComparisonTableMainContentCenterVerticalContainer table
{
width:auto;
}
.removeBtn
{
}
/***********************************************
VERTICAL
**************************************************/
.productComparisonTableMainContentCenterVerticalContainer{
width:9200px; /* d�finir ici le width: 200 X le nombre de produits */
}
.cellSeparationProduct,
.cellSeparationProductFirstCell{
width:200px;
text-align:left;
}
.productComparisonTableDisplayVertical tr.normalRowBackground td,
.productComparisonTableDisplayVertical tr.normalAlternateRowBackground td{
padding:5px;
}
/***************************************/
/************** BTN COMPARE ***********/
.productOptionButtons{
padding:0px;
margin:0px;
list-style-type:none;
margin-top:10px;
}
.productOptionButtons a{
text-align:left !important;
}
.divbtnCompare{
position:absolute;
background-color:#f1f1f1;
border:solid 1px #cccccc;
width:250px;
z-index:1000;
margin-top:3px;
}
.divbtnCompare ul
{
margin:0px;
padding:0px;
list-style:none;
background-image:url(/ecom_theme/img/dropdownContainerBG.gif);
background-repeat:repeat-y;
background-position:top left;
}
.divbtnCompare ul li
{
text-align:left;
background:none;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #ffffff;
margin:0px;
padding-top:4px;
padding-bottom:5px;
padding-right:5px;
padding-left:30px;
}
.divbtnCompare a
{
display:block;
width:100%;
}
.divbtnCompare ul li a{text-align:left !important;}
/*
.divbtnCompare ul ul li a.contentLink
{
padding:5px;
}
*/
.divbtnCompare ul ul
{
border:1px solid #cccccc;
position:absolute;
left:auto;
top:auto;
z-index:1000;
visibility:hidden;
background:#f1f1f1 url(/ecom_theme/img/sub-menu.gif) repeat-y 0 0;
}
.divbtnCompare ul ul li
{
border-top:1px solid #ffffff;
border-bottom:1px solid #cccccc;
text-align:left;
padding:5px;
padding-left:30px;
}
.divbtnCompare ul li:hover ul
{
visibility:visible;
}
/* DROP DOWN ICONS */
.addtoAddCompare, .addtoCompare, .addtoSuggested, .addtoPreferred{
background-image:url(/ecom_theme/img/icons/addtocompareadd.gif);
background-repeat:no-repeat;
background-position:5 5;
}
.addtoAddCompare a, .addtoCompare a, .addtoSuggested a, .addtoPreferred a{
vertical-align:top;
}
.addtoCompare{
background-image:url(/ecom_theme/img/icons/addtocompare.gif);
}
.addtoSuggested{
background-image:url(/ecom_theme/img/icons/addtosuggested.gif);
}
.addtoPreferred{
background-image:url(/ecom_theme/img/icons/addtopreferred.gif);
}
.addtoSuggested{
background-color:#e1e8f0;
border-top:none !important;
padding-top:1px !important;
}
.compareTablePrebuiltSelect a{
background-image:url(/ecom_theme/img/icons/dropdownsublink.gif);
background-repeat:no-repeat;
padding-left:18px;
padding-top:1px;
margin-bottom:1px;
}
.tableGiftCardCompanyListing td
{
padding:5px;
border-bottom:1px solid #e4e4e4;
}
.tableGiftCardCompanyListing td.tdTitle
{
background-color:#afafaf;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
font-weight:700;
}
.productListingIcons{
text-align:center;
font-size:0px;
position:relative;
float:left;
}
.productListingIcons a
{
float:left;
display:block;
width:85px;
height:12px;
clear:both;
}
.productListingIconsGreenProduct
{
text-align:right;
font-size:0px;
position:absolute;
float:left;
margin-bottom:-24px;
width:85px;
}
.productListingIconsGreenProduct a
{
display:block;
width:24px;
height:24px;
float:right;
}
/****************************************/
/****** USERMANAGEMENT PERMISSIONS ******/
.listingSecurityPermissionRulesTable
{
border-left:1px solid #c6d1df;
background-color:#ffffff;
}
.listingSecurityPermissionRulesTable th,
.listingSecurityPermissionRulesTable td
{
padding:5px;
}
.listingSecurityPermissionRulesTable td
{
border-bottom:1px solid #d7dfe9;
border-right:1px solid #d7dfe9;
}
.listingSecurityPermissionRulesTable th
{
background-color:#c0cedc;
color:#666666;
border-right:1px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;
border-top:1px solid #ffffff;
}
.listingSecurityPermissionRulesTable th .contentTextBold
{
color:#666666;
}
.dropdownSelectGroup
{
border:1px solid #b6b6b6;
background-color:#FFFFFF;
position:absolute;
z-index:15000;
padding:5px;
width:210px;
margin-top:-3px;
display:none;
}
.listingSecurityPermissionRulesTable .listingSecurityPermissionRulesTitle
{
background-color:#d9e0e6;
}
.listingSecurityPermissionRulesTable .normalRowBackground,
.listingSecurityPermissionRulesTable .normalAlternateRowBackground,
.listingUserManagementResultsTable .normalRowBackground,
.listingUserManagementResultsTable .normalAlternateRowBackground
{
cursor:auto;
}
.listingSecurityPermissionRulesTable .listingSecurityPermissionRulesTitle td
{
border-bottom:1px solid #dddddd;
border-top:1px solid #dddddd;
color:#8e8e8e;
font-weight:bold;
}
.listingSecurityPermissionRulesTable .listingSecurityPermissionRulesTitle td .contentTextBold
{
color:#8e8e8e;
}
.disabled
{
color:#999;
}
.listingUserManagementResultsTable
{
border:1px solid #c6d1df;
}
.listingUserManagementResultsTable td
{
padding:5px;
border-bottom:1px solid #e5e5e5;
border-top:1px solid #FFFFFF;
}
/***************************************/
/********* CARTRIDGE SEARCH ***********/
#categoryQuickSelectorContainer
{
list-style:none;
margin:0px;
padding:0px;
width:167px;
}
#categoryQuickSelectorContainer .quickSelectorFirst
{
height:6px;
background:#e7edf3 url(/ecom_theme/img/cartridgebg.gif) repeat-x 0px 0px;
}
#categoryQuickSelectorContainer .quickSelectorText
{
background-color:#e7edf3;
color:#0d0d0d;
font-family:Arial;
font-size:12px;
line-height:14px;
padding-top:5px;
padding-bottom:2px;
padding-left:10px;
text-align:left;
}
#categoryQuickSelectorContainer .quickSelectorDropdown
{
margin-bottom:2px;
background-color:#e7edf3;
padding-top:0px;
padding-bottom:2px;
text-align:left;
padding-left:10px;
}
#categoryQuickSelectorContainer .quickSelectorDropdown select
{
width: 145px;
font-size:11px;
}
.quickSelectorButton
{
width:167px;
margin-bottom:2px;
margin-top:0px;
*margin-top:2px;
text-align:center;
background-color:#e7edf3;
padding-top:5px;
padding-bottom:5px;
float:right;
}
/****************************************/
/********CREATE B2B ACCOUNT TABLE********/
.b2bInfoTable
{
border-collapse:collapse;
background-color:#ffffff;
}
.b2bInfoTable th
{
text-align:center;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#ffffe1;
}
.b2bInfoTable td
{
border:solid 1px #9c9c9c;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:center;
}
.productCollapseTable{
margin-bottom:15px;
}
.promotionListTop, .promotionListTop li, .promotionListBottom, .promotionListBottom li{
list-style-type:none;
padding:0;
margin:0;
float:left;
margin-bottom:15px;
}
.promotionListTop{
}
.promotionListTop, .promotionListBottom{
clear:left;
width:100%;
}
.promotionListTop li, .promotionListBottom li
{
float:left;
margin-right:20px;
text-align:center;
width:118px;
height:220px;
}
.promotionListTop li a, .promotionListBottom li a{line-height:18px;}
.productCollapseTable .highlight
{
color:#b3c3e2 !important;
text-decoration:none !important;
cursor:default !important;
}
/******************************************/
/********ADD TO MULTIPLE LIST POPUP** ******/
.divAddToPreferredListOptionPopup
{
width:140px;
overflow:hidden;
position:absolute;
left:auto;
background-color:#ffffff;
border:solid 1px #d1d1d1;
z-index:11001;
margin-top:2px;
.margin-top:0px;
}
.divAddToPreferredListOptionPopup ul li a {
text-align:left;
}
.divRegroupingButtonsAlign .divAddToPreferredListOptionPopup
{
width:170px;
/*margin-left:-20px;*/
margin-top:2px;
}
.divAddToPreferredListOptionPopup ul
{
list-style:none;
margin:0px;
padding:0px;
background-image:url(/ecom_theme/img/dropdownContainerBG.gif);
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;
width:110px;
.width:100%;
background:none;
font-size:12px!important;
color:#0f4a96!important;
text-align:left;
}
.divAddToPreferredListOptionPopup ul li a.contentLink
{
background:transparent url('/ecom_theme/img/icons/addtolist.gif?fv=1294D0B09E263B0EE1722C3274BE0D90-373') no-repeat 6px 4px;
}
.divAddToPreferredListOptionPopup ul li a.contentHighlightLink
{
background:#ffffe1 url('/ecom_theme/img/icons/addtocurrentlist.gif?fv=2958E957E4A1DC4F956A646CA3A2F54C-580') no-repeat 6px 4px;
color:#000!important;
}
.divAddToPreferredListOptionPopup ul li a:hover
{
background-color:#e5eaf1;
color:#476b8e!important;
text-decoration:none!important;
}
.divAddToPreferredListOptionPopup ul li a.contentHighlightLink:hover
{
background-color:#ffffe1;
}
.UMAddUserFullAddressContainer
{
margin-top:112px;
width:100%;
background:transparent url('/ecom_theme/img/address-right-arrow.gif?fv=CEAF7CFB3847D2BB0476A32D414497AE-216') no-repeat 0 0;
padding-left:6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#dae0e4', Positive='true');
}
.UMAddUserFullAddressContainer div
{
text-align:left; vertical-align:top;
border:1px solid #c1cfd9;
border-left:0px;
padding: 5px 5px 5px 5px;
background-color:#f4f8fb;
}
/**************************************/
.contentProductDescriptionNoteText
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-style:italic;
color:#5a7d9e;
background:transparent url('/ecom_theme/img/info-icon.gif?fv=C70B9EE3208E89FD3A2BA2824DBFA690-350') no-repeat 0 3px;
display:block;
padding-left: 18px;
}
/**************************************/
#tdReturnOrderInformationInvoiceStep4 .mainTable,
#tdReturnOrderInformationCreditStep4 .mainTable
{
}
/************************/
/* kZoom */
/************************/
.divProductPictureZoomMainContent
{
text-align:center; vertical-align:top;
padding: 2px 2px 2px 2px;
background-color:#e7edf3;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#2f4762;
padding-left:18px;
}
.divProductPictureZoomMainContent img
{
vertical-align:middle;
}
div.kZoomTitle{}
.kZoomPreview
{
overflow:hidden;
background-color: #FFF;
-moz-opacity:0.6;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index:10;
border-color:#dce4ea;
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 #dce4ea;
background-color: white;
padding: 8px;
text-align:center;
background-image: url(/ecom_theme/img/fr-ca/ajax_loading.gif);
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 #dce4ea;
background-color: #FFF;
}
.tdTitle{
background-color:#7f9ab5;
border-bottom: #e4e4e4 1px solid;
color: #fff;
font-size: 13pt;
font-weight:700;
line-height:16px;
padding:5px;
vertical-align:top;
}
#oucReceipt_oucOrderDetails_oucInvoicePDF_lnkGetPDF{}
/*****************************************************/
.topSellerBooks, .topSellerBooks li{
list-style-type:none;
margin:0;
padding:0;
float:left;
}
.topSellerBooks{
width:167px;
margin-left:24px;
background-color:#e8ebf0;
padding-bottom:10px;
}
.topSellerBooks li{
clear:both;
text-align:center;
margin-left:14px;
width:139px;
background:url(/ecom_theme/img/topsellersSep.gif) repeat-x bottom;
padding-bottom:19px;
padding-top:16px;
}
.topSellerBooks .authorName, .topSellerBooks .productName{
margin-top:7px;
}
/***************************************************/
.bookInformationTable{
width:100%;
margin-top:10px;
}
.bookInformationTable td{
padding:3px;
}
.authorOtherBooks, .authorOtherBooks li{
margin:0;
padding:0;
float:left;
width:33%;
list-style-type:none;
text-align:center;
}
.authorOtherBooks li{
margin-bottom:20px;
}
.authorOtherBooks{
width:579px;
.width:599px;
border:1px solid #e5e5e5;
background-color:#fff;
padding:10px;
padding-bottom:0px;
}
.authorOtherBooks .productlisting li{
background:none;
}
#oucAuthorBook_imgTitle{
margin-top:20px;
}
/*******************************************************
CUSTOM PRODUCT LISTING: GAMES
div#catGamesContainer = Container of animations, used to center
div#societe, div#eveil, div#educatif, div#patience, div#scientifique, div#construction, div#cassetetes, div#bricolage, div#quebecois, div#informatique, div#top10, div#new = Divs containing flash animations for category listing
div#societe,div#patience,div#cassetetes, div#top10 = First animation to the left: remove the margin
*/
div#catGamesContainer
{
text-align:center;
padding-left:18px;
width:671px;
.width:721px;
padding-left:70px;
}
div#societe, div#eveil, div#educatif, div#patience, div#scientifique, div#construction, div#cassetetes, div#bricolage, div#quebecois, div#informatique, div#top10, div#new, div#melimelo{
width:170px;
height:173px;
float:left;
margin-left:50px;
margin-top:20px;
}
div#societe,div#patience,div#cassetetes, div#top10, div#melimelo
{
margin-left:0px;
}
div#societe a, div#eveil a, div#educatif a, div#patience a, div#scientifique a, div#construction a, div#cassetetes a, div#bricolage a, div#quebecois a, div#informatique a, div#top10 a, div#new a, div#melimelo a{
display:block;
width:170px;
height:173px;
text-indent:-5000px;
overflow:hidden;
}
div#societe a{
background-image:url(/ecom_theme/img/games/societe.jpg);
background-repeat:no-repeat;
}
div#eveil a{
background-image:url(/ecom_theme/img/games/eveil.jpg);
background-repeat:no-repeat;
}
div#educatif a{
background-image:url(/ecom_theme/img/games/educatifs.jpg);
background-repeat:no-repeat;
}
div#patience a{
background-image:url(/ecom_theme/img/games/patience.jpg);
background-repeat:no-repeat;
}
div#scientifique a{
background-image:url(/ecom_theme/img/games/scientifiques.jpg);
background-repeat:no-repeat;
}
div#construction a{
background-image:url(/ecom_theme/img/games/construction.jpg);
background-repeat:no-repeat;
}
div#cassetetes a{
background-image:url(/ecom_theme/img/games/cassetete.jpg);
background-repeat:no-repeat;
}
div#melimelo a{
background-image:url(/ecom_theme/img/games/melimelo.jpg);
background-repeat:no-repeat;
}
div#bricolage a{
background-image:url(/ecom_theme/img/games/bricolage.jpg);
background-repeat:no-repeat;
}
div#quebecois a{
background-image:url(/ecom_theme/img/games/quebecois.jpg);
background-repeat:no-repeat;
}
div#informatique a{
background-image:url(/ecom_theme/img/games/informatique.jpg);
background-repeat:no-repeat;
}
div#top10 a{
background-image:url(/ecom_theme/img/games/top10.jpg);
background-repeat:no-repeat;
}
div#new a{
background-image:url(/ecom_theme/img/games/nouveautes.jpg);
background-repeat:no-repeat;
}
.RadWHeaderTopResizer{
line-height:0px;
}
#oContent_1{
margin-top:-40px;
}
#linkPapeterieInformatique, #linkPapeterieEncre, #linkPapeterieAppareils, #linkPapeterieArticles, #linkPapeterieEcriture, #linkPapeterieAmeublement{
display:block;
width:108px;
height:115px;
background-position:top;
background-repeat:no-repeat;
background-image:url(/ecom_theme/img/navigPapeterie3/informatique.gif);
text-indent:-5000px;
overflow:hidden;
}
#linkPapeterieEncre{
background-image:url(/ecom_theme/img/navigPapeterie3/encretoner.gif);
}
#linkPapeterieAppareils{
background-image:url(/ecom_theme/img/navigPapeterie3/appareils.gif);
}
#linkPapeterieArticles{
background-image:url(/ecom_theme/img/navigPapeterie3/articles.gif);
}
#linkPapeterieEcriture{
background-image:url(/ecom_theme/img/navigPapeterie3/ecriture.gif);
}
#linkPapeterieAmeublement{
background-image:url(/ecom_theme/img/navigPapeterie3/ameublement.gif);
}
#linkPapeterieInformatique:hover, #linkPapeterieEncre:hover, #linkPapeterieAppareils:hover, #linkPapeterieArticles:hover, #linkPapeterieEcriture:hover, #linkPapeterieAmeublement:hover{
background-position:bottom;
}
.papeterieNavigTable{
width:100%;
/* background-image:url(/ecom_theme/img/navigPapeterie/tablebg.gif);
background-repeat:repeat-x;
background-position: center;*/
}
.papeterieNavigTable tr td{
padding:0px 3px 40px 3px;
/*background-image:url(/ecom_theme/img/navigPapeterie/tablesectionbg.gif);
background-repeat:no-repeat;
background-position:center right;*/
}
/***************************
FLASH ADS CATEGORY
*/
#divContainerFlashAds{
text-align:center;
}
.noFlashMessage
{
text-align:center;
}
.homePageTitle{
text-transform:uppercase;
font-size:20px;
line-height:26px;
color:#8b0000;
font-family:verdana;
}
.homepageTitle i{
font-weight:bold;
}
/*
GIFTS SECTION
*/
.giftsImagesTable{
width:600px !important;
width:100%;
background-image:url(/ecom_theme/img/bg_giftstableVert.gif);
background-repeat:repeat-y;
background-position:center;
}
.giftsImagesTable td{
background-image:url(/ecom_theme/img/bg_giftstable.gif);
background-repeat:no-repeat;
background-position:bottom center;
text-align:center;
vertical-align:middle;
padding-top:20px;
padding-bottom:20px;
}
/******************************************************************************
BUTTONS FOR PAPETERIE SECTION
*******************************************************************************/
table.papetBtnTable td{
padding:5px 5px 10px 10px;
}
#tdCompleteQuote{
padding-right:20px;
}
#cmdCancelQuotePopComment{
margin-top:30px;
}
#cmdCompleteQuote{
margin-bottom:15px;
}
td.printQuoteSelectContentLeft, td.printQuoteSelectContentRight, td.printQuoteSelectButtonsLeft, td.printQuoteSelectButtonsRight{
border:1px solid #c0c0c0;
border-bottom:none;
padding: 5px 5px 5px 5px;
background-color:#eaeaea;
width:282px;
}
td.printQuoteSelectButtonsLeft, td.printQuoteSelectButtonsRight{
border:1px solid #c0c0c0;
border-top:none;
}
.printQuoteSelectSpacer{
width:10px;
}
.mainContent table.mainTable{
width:100%;
}
.requiredQtyContainer{
display:block;
}
td.contentText{padding-right:5px}
}
/*************************************************
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/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:306px;
.width:330px;
padding:12px;
background-color:#eaf0f8;
border:solid 1px #c6d8f1;
}
.dealerRight
{
float:right;
}
.dealerInformation
{
margin-top:15px;
}
/*****************************/
.divPopupTransfertMsgCover
{
position:absolute;
z-index:600;
background-color:#000;
filter: alpha(opacity=65);
opacity: 0.65;
display:none;
cursor:progress;
}
.divPopupTransfertMsg
{
padding:25px;
width:700px;
text-align:center;
font-size:14px;
color:#000;
font-family:Arial, sans-serif;
position:absolute;
left:50%;
margin:auto;
margin-left:-350px;
border:1px solid #999;
background-color:#fff;
display:none;
z-index:601;
cursor:progress;
}
/***********************************************/
table#tableInformations{
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#2c2c2c;
}
table#tableInformations table{
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#2c2c2c;
}
fieldset{
border:0px;display:block;
}
table.imgEtText{
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#2c2c2c;
width:100%;
margin: auto;
margin-bottom:40px;
}
table.pastilles{
font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.3em; color:#2c2c2c;
width:100%;
}
table.addresseTxt{
color:#a5a5a5;
font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.3em;
width:100%;
}
td.imgAmbi{
text-align: right;
padding-left: 10px;
}
|