*/
.blockSep{
border:none;
clear:both;
display:block;
}
*+ html .blockSep{
display:none;
}
/**
* Left area : Brand's top 4 products
*/
.stdBrandTopProducts{
float:left;
width:670px;
}
.stdBrandTopProducts .stdBrandTop{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -640px 0;
height:5px;
}
.stdBrandTopProducts .stdBrandContent{
height:419px;
padding:0 10px;
position:relative;
}
.stdBrandTopProducts .stdBrandBottom{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -1310px 0;
height:5px;
}
/**
* Top products carousel
*/
.brandTopProductCarousel{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -2380px -20px;
height:113px;
}
.brandTopProductTitle{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -1983px -26px;
float:left;
height:100px;
width:202px;
}
.brandProductThumbnail{
cursor:pointer;
float:left;
height:107px;
text-align:center;
width:110px;
}
.brandProductThumbnail_over{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -2212px -21px;
}
.brandProductThumbnail .productImg{
border-left:1px solid #d0d7df;
cursor:pointer;
height:65px;
margin:5px auto -4px;
}
.brandProductThumbnail .productImg img{
border:none;
max-height:65px;
max-width:65px;
}
/**
* @bugfix: support of min-height in IE6
*/
*html .brandProductThumbnail .productImg img{
height:65px;
width:65px;
}
.brandProductThumbnail .productPriceTtc{
border-left:1px solid #d0d7df;
margin:-7px auto 0 auto;
padding-top:3px;
}
.brandProductThumbnail.firstItem .productPriceTtc,
.brandProductThumbnail.firstItem .productImg{
border:none;
}
/**
* Top products productsheet
*/
.brandProductSheet .productImg{
cursor:pointer;
float:left;
height:300px;
margin-right:10px;
width:300px;
}
.brandProductSheet .productImg img{
border:none;
max-width:300px;
max-height:300px;
}
/**
* @bugfix: support of min-height in IE6
*/
*html .brandProductSheet .productImg img{
height:300px;
width:300px;
}
.brandProductSheet .productInfos{
float:left;
width:340px;
}
.brandProductSheet .productTitle{
display:block;
font-size:15px;
font-weight:bold;
margin:0;
padding:20px 0 30px;
text-align:left;
}
.productInfosLeftContent{
float:left;
margin:0 5px 0 0;
width:175px;
}
.productInfosLeftContent .productPriceStriked{
color:#000;
display:inline-block;
font-size:24px;
font-weight:bold;
text-decoration:line-through;
width:100%;
}
.productInfosLeftContent .productPriceTtc{
margin:10px 0 0;
}
.productInfosLeftContent .productPaymentFacility{
color:#ff0000;
display:inline-block;
font-size:15px;
font-weight:bold;
height:31px;
line-height:31px;
text-align:center;
}
.productThumbZoomArea{
display:block;
float:left;
height:42px;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
bottom:6px;
left:320px;
}
.productThumbZoom{
background:#eee;
cursor:pointer;
float:left;
padding:0 1px;
}
.productThumbZoom a{
border:1px solid #d0d6df;
float:left;
}
.productThumbZoom a:hover{
border:1px solid #536d8f;
}
.productThumbZoom img{
border:none;
height:40px;
width:40px;
}
.productInfosRightContent{
/* [H39][PF:47965][WI:48355][Pages Marques] Mise en commentaire des prix - [BSC] */
float:right;
width:160px;
}
.productFlag{
float:left;
height:25px;
margin-right:5px;
width:65px;
}
.productFlag img{
border:none;
max-height:25px;
max-width:65px;
}
/**
* @bugfix: support of min-height in IE6
*/
*html .productFlag img{
height:25px;
width:65px;
}
.productLogo{
text-align:right;
}
.productLogo img{
max-width:89px;
border:none;
}
.productDesc{
color:#798da8;
cursor:pointer;
line-height:10px;
margin-top:30px;
}
.productTechnicalDesc{
text-align:right;
margin:7px 0;
}
.productTechnicalDesc a,
.productTechnicalDesc span{
cursor:pointer;
font-weight:bold;
text-decoration:underline;
}
/**
* Tab management styles for labels, labels' texts and content headers.
* It does not define anything for tab content.
*
* Usage :
*
*
*
*
* @section Tab
*/
/* Std001 class only applies when tabs are dynamic (dynamicTabMode) - Std002 is for anchor tabs */
#brandProducts .productTabs100Std001{
margin-bottom:0;
}
#brandProducts .productTabs100Std002{
margin-bottom:10px;
}
/**
* The label area in a tab
*/
.tabLabels {
display: inline-block;
height: auto;
list-style-type: none;
margin:0;
padding:0;
width:990px;
zoom: 1; /* inline-block support for IE @TODO put this in a ie.css file */
*display:inline;
}
/**
* The tab's label
*/
.tabLabel {
background-image: url(https://i2.cdscdn.com/struct/brand/tab-label-border.png);
background-repeat: no-repeat;
background-position: 0 -25px;
cursor: pointer;
color: #3C5080;
display: block;
float: left;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
height: 24px;
margin: 0 0 0 2px;
padding: 0;
}
/**
* The text inside a label
*/
.tabLabelText {
background-image: url(https://i2.cdscdn.com/struct/brand/tab-label-border.png);
background-position: right -25px;
color:#3C5A80; /* Tab's label text standard colour */
display: inline-block;
font-size:12px;
font-weight:bold;
height: 24px;
line-height: 24px;
margin:0;
padding: 0 20px 0 10px;
/* inline-block support for IE @TODO put this in a ie.css file */
zoom: 1;
*display:inline;
}
a.tabLabelText{
text-decoration:none;
}
/**
* The tab content's header
*/
.tabContentHeader {
background:url(https://i2.cdscdn.com/struct/brand/marques.png) -3043px 0;
display:inline-block;
height:9px;
width:990px;
zoom:1; /* inline-block support for IE @TODO put this in a ie.css file */
*display:inline;
}
/**
* The tab content's footer
*/
.tabContentFooter {
background:url(https://i2.cdscdn.com/struct/brand/footer_fullzone.png) no-repeat;
display:inline-block;
height:4px;
width:990px;
zoom:1; /* inline-block support for IE @TODO put this in a ie.css file */
*display:inline;
}
/**
* Active or hovered tab's label
*/
.tabLabel.active,
.tabLabel.hovered {
background-position: 0 0;
height: 24px;
}
/**
* Text in an active or hovered tab's label
*/
.tabLabel.active .tabLabelText,
.tabLabel.hovered .tabLabelText {
background-position: right 0;
}
.active .tabLabelText,
.hovered .tabLabelText{
color:#fff;
}
/**
* Inside Tab content
*/
.stdFullPageContent .background100Std001{
background:#fff url(https://i2.cdscdn.com/struct/brand/background_fullzone.png) repeat-y;
}
.tabProduct033Std001{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
overflow:hidden;
padding:0 4px;
}
/**
* Tab Cell
*/
.tabProduct033Std001 .productCell{
display:block;
float:left;
height:100%;
padding:5px 10px;
width:306px;
}
/*
* Cell separator
*/
.tabProduct033Std001 .meta-sep{
background-color:#d0d7df;
float:left;
height:363px;
margin:5px 0 0;
width:1px;
}
/**
* Brand title with his associated number of products
*/
.tabProduct033Std001 .brandBlockTitle{
background-position:52px -72px;
height:32px;
}
.tabProduct033Std001 .brandBlockTitle h3{
background-position:10px 0;
font-size:14px;
font-weight:bold;
margin:0;
text-align:center;
}
.tabProduct033Std001 .brandBlockTitle i{
font-size:12px;
}
/**
* Main product image, price and description
*/
.mainProductImg{
float:left;
cursor:pointer;
height:65px;
margin:0 10px 10px 0;
width:65px;
}
.mainProductImg img{
max-height:65px;
max-width:65px;
}
/**
* @bugfix: support of min-height in IE6
*/
*html .mainProductImg img{
height:65px;
width:65px;
}
.mainProductDescArea{
float:left;
max-height:70px;
overflow:hidden;
width:230px;
}
.mainProductDescArea a.productTitle{
color:#3C5A80;
display:block;
font-weight:bold;
margin-bottom:5px;
text-decoration:none;
width:200px;
overflow: hidden;
}
.mainProductDescArea a.productTitle:hover{
text-decoration:underline;
}
.mainProductDescArea .productShortDesc{
color:#798da8;
cursor:pointer;
float:left;
font-size:10px;
height:55px;
margin:0 10px 0 0;
padding:0;
width:140px;
}
/**
* @bugfix: support of price with 4 digits in IE7
*/
*+ html .mainProductDescArea .productShortDesc{
margin-right:2px;
}
.mainProductDescArea .productPriceArea{
float:right;
margin:0 10px 0 0;
width:70px;
text-align:right;
}
.mainProductDescArea .productPriceTtc{
text-align:right;
}
.mainProductDescArea .productPriceStriked{
color: #000;
display: block;
font-size:12px;
font-weight:bold;
margin-top:4px;
text-align:right;
text-decoration: line-through;
}
/**
* Secondary products list with titles and prices
*/
.otherProducts{
clear:both;
height:216px;
}
.productListingTop{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -4035px 0;
clear:left;
height:8px;
width:307px;
}
.productListingBottom{
background:url(https://i2.cdscdn.com/struct/brand/marques.png) no-repeat -4342px 0;
height:8px;
margin-bottom:5px;
width:307px;
}
.productListingBg{
background:#eef1f3;
border-right:1px solid #c7ced9;
border-left:1px solid #c7ced9;
padding-right:5px;
width:300px;
}
.productListing{
color:#3C5A80;
height:200px;
margin:0;
overflow:auto;
padding:0 5px 0 10px;
list-style:none;
}
.productListing li{
margin:0;
padding:0 0 6px;
list-style:none;
}
.productListing li a{
color:#3C5A80;
text-decoration:none;
}
.productListing li a:hover{
text-decoration:underline;
}
.productListing li span{
font-weight:bold;
float:right;
}
/**
* Bottom link to see all product's categories
*/
.tabProduct033Std001 .brandTitle{
clear:both;
height:19px;
}
.tabProduct033Std001 .brandTitle a{
font-weight:bold;
text-decoration:underline;
text-transform:lowercase;
}
/************************************************************
* Text Price starts from and legal mention
*/
.priceStartsFromDefault,
.productSizeLegalMention{
color:#ed0000;
display:inline-block;
font-weight:bold;
text-align:right;
}
.productSizeLegalMention{
color:#aab5c4;
text-align:left;
}
.brandProductThumbnail .priceStartsFromDefault{
font-size:9px;
margin-top:-2px;
text-align:center;
}
.tabProduct033Std001 .priceStartsFromDefault{
font-size:9px;
text-align:center;
margin-left: 30px;
}