html { overflow-y: scroll; }
html, input, textarea, select, button {
-webkit-font-smoothing: antialiased;
}
body,ul,div,a,td,h1,h2,h3,select { margin:0px; padding:0px; }
body { width: 100%; min-width: 1020px; padding:0px; font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color: black; }
.mainBody { margin: auto; width: 1020px; padding:0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
h1 { font-weight: bold; color: black; font-size: 38px; clear: both;}
h1 span.unbold { font-weight: normal; }
.catalog h1 { font-weight: bold; color: black; font-size: 40px; clear: both; line-height: 36px; padding: 6px 0px 8px 0px; text-transform: uppercase; }
h2 { font-size: 22px; color: black; margin: 0px 0px 5px 0px; padding: 0px; clear: both; }
h3 { font-weight:normal; }
h1 a, h1 a:hover, h1 a:visited, h1 a:link { color: inherit; font-weight: inherit; text-decoration: inherit; font-size: inherit; }
a.inherit { color: inherit; font-weight: inherit; text-decoration: inherit; font-size: inherit; }
a { transition: color 1s ease-out; }
a:hover { transition: color 0.2s ease-out; }
div.left { float: left; }
div.right { float: right; }
div#content div#main { float: left; width: 100%; }
div#content div#main.wide { width: 1020px; }
div#content div#right { float: right; padding: 10px 10px 0px 0px; }
/* ZipCityHint classes */
.popupinput { }
.zipCityPopUpListItem { font-size: 14px; font-weight: 300; padding-left: 4px; }
.clientPrice, .totalPrice, .emv, .deltaPrice { white-space: nowrap; }
.clientPrice, .emv, .deltaPrice { letter-spacing: -0.03em; }
.decimalPercents {
font-size: 0.7em;
font-weight: normal;
padding-left: 0px;
padding-right: 3px;
letter-spacing: 0px;
line-height: 0.5em;
}
input[type=search], form#search input { font-size: 14px; width: 158px; padding-left: 4px; }
span.highlight { color: #EF3B33; }
span.highlight.positive { color: #4caf50; }
span.normal { font-weight: normal; }
span.light { font-weight: 300; }
.block { display: block; }
.nowrap { white-space: nowrap; }
a.action { color: #5D77B9; text-decoration: underline; font-size: 12px; font-weight: normal; }
/* --------------------------------------------------------------------- */
.catalog { font-family: 'Roboto Condensed', Arial; font-size: 11px; color: #666; width: 100%; box-sizing: border-box; padding: 0px 10px 0px 10px; float: left; }
.catalog.wide { width: 100%; }
.catalog a { color: #666; text-decoration: none; cursor: pointer; }
.catalog a visited { color:#666; }
.catalog img { border:none; }
.catalog .listHeader { font-weight: bold; color: black; font-size: 40px; clear: both; }
.catalog .left { float: left; width: 170px; min-height: 10px; margin-right: 30px; padding: 0px; }
.catalog.home .left { width: 172px; margin-right: 30px; }
.catalog .center { overflow: visible; float: left; width: 800px; }
.catalog .right { float: right; text-align: left; width: 100px; padding: 0px; margin: 0px; clear: none;}
.comparator { position: absolute; top: -8px; right: 10px; padding: 5px 10px 5px 10px; background: #212022; border: 1px dotted #999; z-index: 100; }
.carpage .comparator { display: none; }
.comparator.fixed { position: fixed; top: 0px; margin-top: 42px; margin-right: -500px; right: 50%; }
.comparator a.action.compare { color: #fff; text-decoration: underline; font-size: 18px; float: left; }
.comparator a.action.clear {
color: #fff; text-decoration: underline; font-size: 18px; float: left;
background: url(../img/websites/int/pictos/do/menu_btn_delete_01a_hover.png) 0px 6px no-repeat; background-size: 14px;
padding: 0px 0px 0px 18px; margin-left: 5px;
}
.comparator a.action.add.submenu, .comparator a.action.clear.submenu { float: right; clear: both; margin-top: 2px; background: none; padding-left: 0px; }
.comparator .count { float: left; font-size: 18px; color: #ddd; font-weight: 300; margin: 0px 5px 0px 10px; }
.comparator a.action.add {
float: left; background: url(../img/websites/int/pictos/do/btn_plus_16px_01a_white.png) 0px 5px no-repeat;
padding: 0px 0px 0px 20px; margin-left: 10px;
color: #fff; text-decoration: underline; font-size: 18px;
}
.order .add-to-compare { display: none; }
.add-to-compare {
position: absolute !important; left: -20px; top: 7px; min-width: 20px; min-height: 25px;
z-index: 10;
opacity: 0.8; cursor: pointer;
}
.alts .add-to-compare { opacity: 0.4; }
.alts .add-to-compare { left: -20px; top: 7px; }
.altcarnugget .add-to-compare { right: -4px; top: -18px; left: initial; bottom: initial; z-index: 100; }
.add-to-compare.selected { opacity: 1; }
.add-to-compare:hover { opacity: 1; }
.add-to-compare input { float: left; width: 15px; height: 15px; margin: 0px 0px 0px 0px; cursor: pointer; }
.btn.action.compare {
background: #212022; padding: 10px 20px 10px 20px; font-size: 16px; color: white; text-decoration: none; position: absolute; z-index: 101;
cursor: pointer; box-shadow: 0px 0px 5px 2px #666; left: 10px; top: -5px; min-width: 100px; width: auto !important; text-align: left !important; float: none !important;
}
.catalog .models { padding: 5px 0px 20px 0px; font-size: 20px; font-weight: bold; color: #000; }
.catalog .models .title { padding: 0px 0px 5px 0px; font-size: 26px; }
.catalog .models .model a { color:#333; font-weight: normal; display:block; text-transform: uppercase; font-size: 18px; line-height: 20px; padding: 0px 0px 0px 4px; }
.catalog .models .model a:hover { color:red; }
.icon.promo, .icon.mpromo, .tagblock > .header .icon.mpromo { background: url(../img/websites/int/pictos/tags/picto_cial_b_bon_plan_01a.png) center center no-repeat; }
.icon.gooddeal { background: url(../img/websites/int/pictos/tags/picto_cial_b_bon_plan_01a.png) center center no-repeat; }
.icon.hot { background: url(../img/websites/int/pictos/tags/picto_cial_b_flame_01a.png) center center no-repeat; }
.icon.bestsale { background: url(../img/websites/int/pictos/picto_best_sellers_01a.png) center center no-repeat; }
.tagblock {
float: left; width: 100%; border-right: none; margin-top: 0px; box-sizing: border-box; position: relative;
}
.home .tagblock {
margin-top: 20px;
}
.tagblock > .header { float: left; clear: both; width: 100%; padding: 5px 0px 5px 0px; text-align: center; }
.tagblock > .header a:hover { color: red; }
.tagblock > .header a { color: black; overflow: hidden; display: inline-block; width: 100%; }
.tagblock > .header .title {
float: left; font-weight: bold; color: #000; font-size: 32px; text-transform: uppercase;
padding: 0px 0px 0px 0px; width: 100%; text-align: center;
}
.tagblock > .header .url { font-size:14px; font-weight: normal; margin-top:12px; margin-left:10px; float:left; color:#5D77B9; text-decoration:underline; }
.tagblock > .header .icon { width: 65px; height: 45px; float: left; }
.tagblock > .content { float: left; clear: both; width: 99.7%; overflow: hidden; }
.tagblock > .content > .nuggetList { overflow: visible; white-space: nowrap; display: inline-block; }
.tagblock .prev-btn {
position: absolute; left: 0px; top: 70px; width: 62px; height: 250px; background: url(../img/websites/int/arrows/arrow_gradient_left_01a.png) 0px 0px no-repeat; cursor: pointer;
display: none;
}
.tagblock .next-btn {
position: absolute; right: 0px; top: 70px; width: 62px; height: 250px; background: url(../img/websites/int/arrows/arrow_gradient_right_01a.png) 0px 0px no-repeat; cursor: pointer;
display: block;
}
.catalog .breadcrumb.first.decorative { color: #A8A9AD; font-weight: normal; }
.catalog .breadcrumb.first.decorative h1 { color: #A8A9AD; font-weight: normal; font-size: 24px; }
.catalog .breadcrumb.decorative {
float: left; font-size: 24px; padding: 0px;
margin: 0px 0px 6px 0px; color: #444;
font-weight: bold; line-height: 20px; overflow: visible;
padding-top: 5px;
margin-top: -5px;
}
.catalog .breadcrumb.decorative.delimiter { color: #A8A9AD; padding: 0px 5px 0px 5px; font-weight: normal; font-size: 30px; line-height: 16px; margin: 0px; }
.selectedFilters {
float: left; margin: 0px 0px 8px 0px; clear: both;
width: 100%; border: 1px solid #666; box-sizing: border-box;
padding: 6px 6px 6px 6px;
}
.selectedFilters .title { float: left; color: #666; font-weight: 300; font-size: 14px; line-height: 15px; width: 92px; }
.selectedFilters .items { float: left; padding: 0px; margin: 0px 0px -6px 0px; width: 693px; }
.selectedFilters .selectedFilter {
float: left;
font-size: 18px;
color: black;
font-weight: normal;
padding: 2px 6px 2px 6px;
border: 1px solid #ddd;
border-radius: 5px;
margin: 0px 6px 6px 0px;
background: #BDBEC1;
cursor: pointer;
}
.selectedFilters .selectedFilter > span { float: left; display: inline-block; }
.selectedFilters .selectedFilter > img { padding: 4px 0px 0px 6px; margin: 0px 0px 0px 0px; float: left; display: inline-block; }
.shortcuts { float: left; display: inline-block; padding: 0px; font-size: 18px; }
.shortcuts .shortcut { float: left; display: inline-block; margin-top: 2px; }
.shortcuts .shortcut a { font-size: 18px; font-weight: 300; }
.shortcuts .shortcut span { font-size: 18px; font-weight: 300; margin-left: 2px; display: inline-block; }
.shortcuts span.delimiter { float: left; display: inline-block; font-size: 18px; font-weight: 300; margin: 2px 5px 0px 5px; }
#breadcrumb a { text-decoration: underline; }
.stock-bg, .stock.bg { background-color: #ffad33; }
.stock-color, .stock.color, a.stock-color { color: #ffad33; }
.configurable-bg, .configurable.bg { background-color: #b7b8ab; }
.configurable-color, .configurable.color, a.configurable-color { color: #b7b8ab; }
.configurable.textcolor { color: #919284; white-space: nowrap; }
.stock.textcolor { color: #ff9900; white-space: nowrap; }
/* nuggets */
.catalog .content { padding: 0px 0px 0px 3px;}
.catalog .nuggetList {}
.nuggetList .nugget
{
cursor:pointer;
background: white;
border: 1px solid #ccc;
width: 180px;
height: 260px;
margin: 5px 0px 5px 0px;
padding: 0px;
float:left;
position: relative;
color: #231F20;
}
.nuggetList .nugget.red {
background: white;
}
.nuggetList .nugget.flash {
background: white;
width: 180px;
height: 240px;
margin: 5px 0px 5px 0px;
border: 1px solid #f00;
}
div.reference { font-size: 12px; color: #666; clear: both; padding: 5px 0px 0px 0px; }
h1 div.reference { font-weight: 300; clear: none; display: inline-block; padding: 0px; font-size: 0.4em; }
.nuggetList > .space { width: 10px; float: left; }
.nuggetList .nugget .header { position: absolute; float: left; top: 128px; left: 8px; }
.nuggetList .nugget > div.makelogo { width: 80px; height: 35px; position: absolute; top: 5px; left: 5px; z-index: 1; }
.nuggetList .nugget .header .make { font-size: 18px; line-height: 16px; font-weight: bold; text-transform: capitalize; max-width: 170px; text-overflow: ellipsis; overflow: hidden; }
.nuggetList .nugget .header .make a { color: inherit; }
.nuggetList .nugget .weeks { font-size: 14px; font-weight: bold; text-transform: uppercase; max-width: 180px; position: absolute; bottom: 81px; left: 8px; color: #F16723; }
.nuggetList .nugget .version { font-weight: normal; color: #aaa; font-size: 14px; width: 173px; white-space: normal; height: 30px; line-height: 13px; padding-top: 2px; overflow: hidden; }
.nuggetList .nugget .descr { margin-bottom: 5px; color: black; }
.nuggetList .nugget img.photo { position: absolute; top: 30px; left: 8px; float: left; z-index: 0; }
.nuggetList .nugget .showDetails { position: absolute; bottom: 45px; right: 15px; background: #A8A9AD; padding: 1px 8px 1px 8px; float: left; border-radius: 4px; }
.nuggetList .nugget .showDetails a { color: white; font-weight: bold; font-size: 14px;}
.nuggetList .nugget .fuelBlock {
position: absolute; bottom: 58px; left: 6px;
}
.fuelBlock {
font-size: 11px; float: left; border: 1px solid #dedede;
border-radius: 2px; padding: 0px 0px 0px 0px; white-space: nowrap;
}
.fuelBlock span.comment { font-weight: normal; color: #999; padding-right: 5px;}
.fuelBlock .consumption { float: left; width: 70px; font-weight: bold; border-right: 1px solid #dedede; text-align: center; }
.fuelBlock .co2 { float: left; width: 60px; font-weight: bold; border-right: 1px solid #dedede; text-align: center; }
.fuelBlock .energyLevel {
float: left; width: 35px; font-weight: bold; text-align: center; font-size: 10px; padding-top: 2px;
background: url(../img/websites/french/label_energy_24x10px_01a.png) 4px 4px no-repeat;
}
.nuggetList .nugget .stock {
position: absolute; top: 8px; right: 4px; width: auto; height: 18px;
padding: 0px 0px 0px 2px;
background-color: rgba(255,255,255,0.8);
}
.nuggetList .nugget .stock .icon {
background: url(../img/websites/int/pictos/picto_stock_01a_s_yellow.png) 0px 0px no-repeat;
background-size: 14px;
width: 17px; height: 16px; float: left;
}
.nuggetList .nugget .tag { width: 40px; height: 25px; bottom: 85px; right: 10px; position: absolute; z-index: 1000; }
.tag.hot { background: url(../img/websites/int/pictos/tags/picto_cial_s_flame_01a.png) center center no-repeat; }
.tag.promo, .tag.mpromo { background: url(../img/websites/int/pictos/tags/picto_cial_s_bon_plan_01a.png) center center no-repeat; }
.tag.flash { background: url(../img/websites/int/pictos/tags/picto_cial_s_flash_01a.png) center center no-repeat; }
.tag.gooddeal { background: url(../img/websites/int/pictos/tags/picto_cial_s_bon_plan_01a.png) center center no-repeat; }
.nuggetList .nugget .discount { position: absolute; bottom: -1px; right: -1px; background: #EE1C25; padding: 2px 2px 3px 10px; }
.nuggetList .nugget .discount.showWhenB2B { background: #003399; }
.nuggetList .nugget .discount .value { font-size: 24px; font-weight: bold; color: white; }
.nuggetList .nugget .crossout { position: absolute; bottom: 31px; left: 8px; }
.nuggetList .nugget .emv { font-size: 18px; font-weight: normal; position: absolute; bottom: 28px; left: 8px; color: #aaa; }
.nuggetList .nugget .clientPrice { font-size: 24px; font-weight: bold; position: absolute; bottom: 2px; left: 8px; color: #555; }
.nuggetList .nugget .deltaPrice { font-size: 24px; font-weight: bold; position: absolute; bottom: 2px; left: 8px; color: #369; }
.nuggetList .nugget .specs td.label { width: auto; }
.nuggetList .nuggetList .summary { clear: both; }
.nuggetList .nugget:hover { background: white; }
.nuggetList .nugget:hover .clientPrice { color: #231F20; }
.nuggetList .nugget:hover .version { color: #666; }
/* ---------------------------------- */
.selection .nuggetList { padding-top: 35px; padding-bottom: 0px; float: left; width: 100%; text-align: justify; margin: 0px; }
.selection .nuggetList:after { content: ""; width: 100%; display: inline-block; }
.selection .nuggetList .nugget {
margin: 0px 0px 0px 0px;
display: inline-block; float: none;
background: white;
width: 190px;
height: 230px;
text-align: left;
}
.selection .nuggetList .nugget .title {
background: #A8A9AD; color: white; font-size: 16px; font-weight: 300; text-align: center; float: left;
border: 1px solid #999;
padding: 1px 0px 4px 0px;
position: absolute; left: -1px; top: -28px;
width: 190px;
z-index: 100;
white-space: nowrap;
}
.selection .nuggetList .nugget .header { position: absolute; float: left; top: 105px; left: 10px; }
.selection .nuggetList .nugget .discount { position: absolute; bottom: 5px; left: 10px; background: none; padding: 0px; }
.selection .nuggetList .nugget img { left: 15px; }
.selection .nuggetList .nugget .discount .value { font-size: 30px; font-weight: bold; color: black; letter-spacing: -1px; }
.selection .nuggetList .nugget .clientPrice { font-size: 30px; font-weight: bold; position: absolute; bottom: 5px; left: 10px; color: black; letter-spacing: -1px; }
.selection .nuggetList .nugget .deltaPrice { font-size: 30px; font-weight: bold; position: absolute; bottom: 5px; left: 10px; color: black; letter-spacing: -1px; }
.selection .nuggetList .nugget .cons { font-size: 30px; font-weight: bold; position: absolute; bottom: 5px; left: 10px; color: black; letter-spacing: -1px; }
.selection .nuggetList .nugget .title.economie.de { font-size:15px; padding-top: 4px; height: 22px; }
.selection .nuggetList .nugget .title.flash { background: #F79025; }
.selection .nuggetList .nugget .fuelBlock { bottom: 53px; left: 10px; }
.selection .nuggetList .nugget.our .icon { background: url(../img/websites/french/picto_best_choice_01a.png) top left no-repeat; width: 50px; height: 45px; position: absolute; bottom: 3px; right: 11px; }
.selection .nuggetList .nugget.bestDiscount .icon { background: url(../img/websites/french/picto_best_discount_01a.png) top left no-repeat; width: 60px; height: 45px; position: absolute; bottom: 2px; right: 16px; }
.selection .nuggetList .nugget.bestPrice .icon { background: url(../img/websites/french/picto_best_price_01a.png) top left no-repeat; width: 60px; height: 45px; position: absolute; bottom: 2px; right: 10px; }
.selection .nuggetList .nugget.bestPrice .icon.chf { background: url(../img/websites/ch/picto_best_price_01a.png) top left no-repeat; width: 60px; height: 45px; position: absolute; bottom: 2px; right: 10px; }
.selection .nuggetList .nugget.economie .icon { background: url(../img/websites/french/picto_best_save_money_01a.png) top left no-repeat; width: 50px; height: 45px; position: absolute; bottom: 3px; right: 10px; }
.selection .nuggetList .nugget.co2 .icon { background: url(../img/websites/french/picto_best_save_money_01a.png) top left no-repeat; width: 50px; height: 45px; position: absolute; bottom: 3px; right: 10px; }
.selection .nuggetList .nugget.bestSale .icon { background: url(../img/websites/french/picto_best_sellers_01a.png) top left no-repeat; width: 45px; height: 49px; position: absolute; bottom: 2px; right: 15px; }
.selection .nuggetList .nugget.gooddeal .icon { background: url(../img/websites/int/pictos/tags/picto_cial_b_bon_plan_01a.png) top left no-repeat; width: 45px; height: 45px; position: absolute; bottom: 3px; right: 16px; }
.selection .nuggetList .nugget .showDetails { position: absolute; bottom: 15px; right: 15px; background: #A8A9AD; padding: 1px 8px 1px 8px; float: left; border-radius: 4px; }
.selection .nuggetList .nugget.our .discount { position: absolute; bottom: 25px; left: 75px;}
.selection .nuggetList .nugget.our .discount .value { font-size: 18px; font-weight: bold; color: black; }
.selection .nuggetList .nugget.our .crossout { position: absolute; bottom: 28px; left: 12px; }
.selection .nuggetList .nugget.our .emv { font-size: 18px; font-weight: normal; position: absolute; bottom: 25px; left: 12px; color: #999; }
.selection .nuggetList .nugget.our .clientPrice { font-size: 24px; font-weight: bold; position: absolute; bottom: 0px; left: 10px; }
.selection .nuggetList .nugget.gooddeal .discount { position: absolute; bottom: 25px; left: 75px;}
.selection .nuggetList .nugget.gooddeal .discount .value { font-size: 18px; font-weight: bold; color: black; }
.selection .nuggetList .nugget.gooddeal .crossout { position: absolute; bottom: 28px; left: 12px; }
.selection .nuggetList .nugget.gooddeal .emv { font-size: 18px; font-weight: normal; position: absolute; bottom: 25px; left: 12px; color: #999; }
.selection .nuggetList .nugget.gooddeal .clientPrice { font-size: 24px; font-weight: bold; position: absolute; bottom: 0px; left: 10px; }
/* ---------------------------------- */
.catalog.makes .left { padding-top: 43px; }
.catalog.makes a.action { font-size: 16px; }
.catalog.makes .hline { width: 100%; border-top: 1px solid #ccc; height: 2px; float: left; clear: both; margin: 10px 0px 10px 0px; }
.makeNuggets { float: left; width: 100%; }
.makeNuggets:after { content: ""; width: 100%; display: inline-block; }
.makeNuggets .nugget.make {
cursor:pointer;
background: white;
width: 180px;
height: 216px;
margin: 0px 8px 10px 0px;
padding:5px;
display: inline-block;
position: relative;
color: #231F20;
border: 1px solid #aaa;
text-align: left;
}
.makeNuggets .nugget.make.bestsale { margin-top: 25px; margin-bottom: 20px; }
.makeNuggets .nugget.make h2 { position: absolute; top: 105px; left: 10px; color: black; line-height: 20px; margin: 0px; padding: 0px; }
.makeNuggets .nugget.make h2 .make { font-weight: normal; font-size: 18px; display: block; color: #666; font-weight: 300; }
.makeNuggets .nugget.make h2 .model { font-weight: bold; font-size: 24px; display: block; max-width: 180px; }
.makeNuggets .nugget.make img.photo { position: absolute; top: 10px; left: 10px; float: left; width: 147px; }
.makeNuggets .nugget.make .clientPrice { font-size: 14px; font-weight: normal; color: #666; position: absolute; bottom: 10px; left: 10px; line-height: 18px; }
.makeNuggets .nugget.make .clientPrice .value { font-size: 24px; color: black; font-weight: 400; }
.makeNuggets .nugget.make .discount { font-size: 14px; font-weight: normal; color: #EF3B33; position: absolute; bottom: 7px; padding-bottom:3px; right: 10px; line-height: 18px; text-align: right; }
.makeNuggets .nugget.make .discount .value { font-size: 24px; color: #EF3B33; font-weight: 400; }
.makeNuggets .nugget.make .title {
background: #A8A9AD; color: white; font-size: 16px; font-weight: 300; text-align: center; float: left;
border: 1px solid #999;
padding: 1px 0px 4px 0px;
position: absolute; left: -1px; top: -27px;
width: 190px; height: 20px;
z-index: 100;
}
.makeNuggets .nugget.make .bestSale1 { position: absolute; top: 100px; left: 145px; width: 50px; height: 50px; z-index: 1000; background: url(../img/websites/int/pictos/picto_best_sellers_01a.png) no-repeat; }
.makeNuggets .nugget.make .bestSale2 { position: absolute; top: 100px; left: 145px; width: 50px; height: 50px; z-index: 1000; background: url(../img/websites/int/pictos/picto_best_sellers_02a.png) no-repeat; }
.makeNuggets .nugget.make .bestSale3 { position: absolute; top: 100px; left: 145px; width: 50px; height: 50px; z-index: 1000; background: url(../img/websites/int/pictos/picto_best_sellers_03a.png) no-repeat; }
/* ---------------------------------- */
.head { width: 1020px; font-family: 'Roboto Condensed'; float: left; }
body > .topline { position: relative; width: 100%; left: 0px; top: 0px; height: 24px; background: #ECECED; }
.head .header { height: 126px; background: url(../img/websites/int/ills/dct_pvm_autos_2015_500px_01a.png) 520px 30px no-repeat; position: relative; z-index: 10; }
.head .header .phone { position: absolute; top: -21px; right: 5px; }
.head .header a.mmlogo {
position: absolute; width: 380px; height: 80px; left: 10px; top: 45px;
background: url(../img/websites/fr/logos/dct_pvm_logo_94_single_fr_rgb_w-auto_x_h-61.png) 0px 0px no-repeat;
}
.head.fr-CH .header a.mmlogo { background: url(../img/websites/sr/logos/dct_pvm_logo_94_single_sr_rgb_w-auto_x_h-61.png) 0px 0px no-repeat; }
.head.de-CH .header a.mmlogo { background: url(../img/websites/sa/logos/dct_pvm_logo_94_single_sa_rgb_w-auto_x_h-61.png) 0px 0px no-repeat; }
.head.de-DE .header a.mmlogo { background: url(../img/websites/de/logos/dct_pvm_logo_94_single_de_rgb_w-auto_x_h-61.png) 0px 0px no-repeat; }
.head .header #selectedMarket { position: absolute; left: 2px; top: -23px; cursor: pointer; font-size: 15px; color: #888; }
div.markets {
position: absolute; bottom: 4px; right: 10px;
font-size: 12px; color: #888; font-weight: normal;
max-width: 200px; white-space: nowrap;
}
div.markets a, div.languages a { color: #888; font-size: 12px; font-weight: normal; }
div.languages a { font-size: 14px; }
div.markets a.selected, div.markets a.selected:visited { font-weight: normal; color: #333; text-decoration: underline; }
div.languages a.selected, div.languages a.selected:visited { font-weight: bold; color: #333; text-decoration: none; }
div.markets a:hover, div.markets a:hover:visited, div.languages a:hover, div.languages a:hover:visited { text-decoration: underline; color: #333; }
div.markets a:visited, div.languages a:visited { color: inherit; font-size: inherit; }
div.markets .delimiter, div.languages .delimiter { font-weight: normal; color: #999; font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px; }
div.languages {
position: absolute; top: 1px; left: 1px;
font-size: 14px; color: #888; font-weight: normal;
max-width: 200px; white-space: nowrap;
}
.head .header img.flag { padding: 0px 3px 0px 0px; }
.head .main { float: left; margin-bottom: 2px;}
.mainBody > div.bg { background: url(../img/websites/french/top_menu_bg_01a.png) repeat-x; width: 1020px; height: 300px; position: absolute; z-index: -1000; top: 125px; }
.head .menu { float: left; width: 1000px; background: url(../img/websites/french/top_menu_off_01a.png) repeat-x; margin: 10px 10px 0px 10px; height: 54px; color: white; position: relative; }
.head .menu ul { list-style-type: none; float: left; padding: 0px; margin: 0px; width: 800px; }
.head .menu.large ul { width: 100%; }
.head .menu li {
font-size: 21px; color: white; text-align: center;
font-weight: normal; overflow: visible; padding: 0px;
display: inline; float: left;
height: 44px;
}
.head .menu li .selected {
background: url(../img/websites/french/top_menu_underline_red_01a.png) no-repeat 15px 0px;
overflow: visible; height: 13px; width: 140px;
position: absolute; z-index: 0; left: 0px; top: 34px;
pointer-events: none;
}
.head .menu li:first-child { width: 180px; }
.head .menu li:first-child a { padding-left: 30px; }
.head .menu li:first-child .selected { left: 15px; }
.head .menu li.current a { text-decoration: none; color: black; float: left; cursor: default; }
.head .menu li.current a:hover { text-decoration: none; }
.head .menu li.current { background: url(../img/websites/french/top_menu_on_01a.png) repeat-x; color: black; position: relative; z-index: 0; }
.head .menu li a { color: white; text-decoration: none; font-size: 17px; display: block; padding: 8px 10px; float: left; margin: auto;}
.head .menu li a:hover { text-decoration: none; }
.head .menu li a:visited { color: inherit; }
.head .menu .search { float: right; padding: 11px 10px 9px 10px; display: block; }
.head .menu .search.toggle {
position: absolute; background: url(../img/websites/int/pictos/picto_loupe_04a.png) top right no-repeat; right: 10px; top: 10px;
width: 50px; height: 30px; cursor: pointer;
}
.head .menu .search.collapsed {
display: none;
padding: 0px;
position: absolute; right: 10px; top: 15px;
}
.head .menu .search.collapsed form#search {
position: absolute; right: -8px; top: 25px;
padding: 8px; background: #fff;
box-shadow: 0px 0px 10px 1px #666;
}
.head .menu .search.collapsed form#search input { font-size: 16px; width: 200px; }
.head .menu li.black.current { background: #333; color: white;}
.head .menu li.right {}
.head .menu.garagist { height: 54px; }
.head .menu.garagist ul { width: 100%; }
.head .menu.garagist li.deltaonline { width: 188px; color: white; text-align: center; float: right; overflow: hidden; border-left: 1px solid #ECECED; }
.head .menu.garagist li.deltaonline.current { background: #4D4D4F; border: none; }
.head .menu.garagist li.deltaonline.current a { color: white; }
.head .menu.garagist li.deltaonline a { float: none; }
.head .menu.garagist li.deltaonline .selected { left: 15px; }
.head .menu.garagist .search { display: none; }
#header .header .login {
position: absolute; top: -30px; right: 185px; color: #333;
font-weight: bold; float: right; text-align: right; padding: 8px 5px 5px 5px;
background: none;
}
#header .header .login > div { display: block; float: left; }
#header .header .login a, #header .login a:visited { text-decoration: none; color: #496FAA; font-size: 14px; font-weight: normal; }
#header .header .login a:hover {text-decoration: underline;}
#header .header .login .expand-btn { cursor: pointer; margin: 0px 0px 0px 4px; }
#header .header .login div.name { font-size: 14px; color: #333; font-weight: normal; float: left; margin: 0px 2px 0px 2px; }
#header .header .login div.welcome { font-size: 14px; margin: 0px 8px 0px 0px; color: #496FAA; font-weight: 300; float: left; }
#header .header .login div.delimiter { color: #ccc; font-size: 14px; font-weight: 300; text-align: center; float: left; width: 10px; margin: -1px 0px 0px 0px; }
#header .header .login div.control { float: left; margin: 0px 2px 0px 2px; }
form.clientForm { float: left; width: 100%; }
form.clientForm .input { width: 100%; float: left; text-align: center; margin: 2px 0px 2px 0px; }
form.clientForm .input label { float: left; text-align: left; color: #777; font-size: 14px; width: 100%; }
form.clientForm .input label.radio { color: #000; }
form.clientForm input { width: 97%; padding: 1px 0px 1px 4px; font-size: 14px; }
form.clientForm.edit input { background-color: #F3F3F4; font-weight: bolder; }
form.clientForm input.error, form.clientForm textarea.error, form.clientForm select.error { border: 1px solid #f99; }
form.clientForm input[type=checkbox] { width: 15px; float: left; }
form.clientForm input[type=submit] {
width: 100%; background: #71B854; color: white; font-weight: bold; font-size: 16px; padding: 2px 0px 4px 0px;
border: 1px outset #71B854; cursor: pointer; border-radius: 4px; margin: 0px;
}
form.clientForm input[type=submit]:hover { border: 1px solid #71B854; }
form.clientForm .submit { width: 100%; float: left; text-align: center; margin: 5px 0px 5px 0px; }
form.clientForm .submit .btn.cancel {
float: right; padding: 2px 20px 4px 20px; color: white; background: #999; font-size: 16px; font-weight: bold; border-radius: 4px; border: 1px outset #999; box-sizing: border-box;
cursor: pointer;
}
form.clientForm .register { width: 100%; float: left; cursor: pointer; text-align: center; margin: 5px 0px 5px 0px; }
form.clientForm .register a { font-size: 16px; }
form.clientForm .facebook { float: left; text-align: center; cursor: pointer; width: 100%; margin: 5px 0px 5px 0px; }
form.clientForm .hline { border: 1px dashed #dfdfdf; width: 100%; float: left; }
form.clientForm div.error, .container div.error { font-size: 14px; color: #ff0000; padding: 4px 0px 4px 0px; font-weight: normal; width: 100%; line-height: 1.1em; text-align: left; }
div.error a.action { color: inherit; text-decoration: underline; font-weight: bold; clear: both; float: left; }
#userActionsContainer {
display: none; width: 250px; position: absolute; top: 30px; right: 0px; float: left; padding: 15px 20px 10px 20px; border: 1px solid #ccc; background: white; box-shadow: 2px 5px 10px 1px #999;
}
#userActionsContainer div.action { width: 100%; float: left; cursor: pointer; text-align: right; margin: 5px 0px 5px 0px; }
#userActionsContainer div.action a, #userActionsContainer div.action a.action { font-size: 16px; }
#loginPopupContainer {
display: none; width: 250px; position: absolute; top: 30px; right: 0px;
float: left; padding: 15px 20px 10px 20px; border: 1px solid #ccc;
background: white; box-shadow: 2px 5px 10px 1px #999;
z-index: 9999;
}
/* search */
.catalog .search {
width: 560px; float: left; padding: 20px 10px 20px 20px;
background: #E7E7E8;
position: relative;
}
.catalog .search .header { float: left; clear: both; width: 100%; padding: 2px 0px 4px 0px; }
.catalog .search .searchHeader { font-size: 17px; color: white; font-weight: normal; padding: 0px 0px 8px 0px; float: left; }
.catalog .search.left {
width: 150px; float: left;
padding: 5px 10px 10px 10px;
margin-top: 30px;
background: #EEEFEF;
position: relative;
border-radius: 5px;
box-shadow: 0px 2px 15px #555;
background: #1D1C1E;
background: -webkit-linear-gradient(#3e3d40, #000000);
background: -o-linear-gradient(#3e3d40, #000000);
background: -moz-linear-gradient(#3e3d40, #000000);
background: linear-gradient(#3e3d40, #000000);
}
.catalog .search a.action { color: #7E92CA; text-decoration: underline; font-weight: normal; font-size: 16px; display: block; }
.catalog .search a.action.reset { background: url(../img/websites/int/btns/btn_reset_blue_light_off.png) 0px 0px no-repeat; padding-left: 24px; }
/*.catalog .search a.action.more { background: url(../img/websites/int/btns/btn_reset_blue_light_off.png) 0px 0px no-repeat; padding-left: 24px; }*/
/*.catalog .search a.action.less { background: url(../img/websites/int/btns/btn_reset_blue_light_off.png) 0px 0px no-repeat; padding-left: 24px; }*/
.catalog .search a.action.less { padding: 0px 0px 6px 0px; }
.catalog .search.left.fixed { position: fixed; top: 20px; margin: 0px 0px 0px 0px; }
.catalog .search.left form { float: left; }
.catalog .search.left .filterMessage {
clear: both;
float: left;
padding: 20px 5px 0px 5px;
font-size: 14px;
color: #999;
background: #fff;
margin: 10px -10px -20px -10px;
text-align: center;
line-height: 16px;
width: 160px;
}
.catalog .search.left .filterMessage img { padding-top: 2px; }
.catalog .search .fields {
float:left; vertical-align: middle;
}
img.filterBg.small { position:absolute; top:-9px; left:-10px; z-index:-1000; display: block; }
img.filterBg.big { position:absolute; top:-5px; left:-9px; z-index:-1000; display: block; }
input, select {
font-family: 'Roboto Condensed', Arial; border:1px solid #aaa; background-color: #fff;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #777799;
font-weight: 300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777799;
font-weight: 300;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777799;
font-weight: 300;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #777799;
font-weight: 300;
}
input.placeholdersjs, .catalog .search .fields input.placeholdersjs, .catalog .search.left .fields input.placeholdersjs { color: #777799; font-weight: 300; }
.catalog .search .fields .field { position: relative; float: left; clear: both; width: 100%; }
.catalog .search .more-filters-btn {
display: block; float: left; clear: both;
font-size: 16px; width: 100%; padding: 0px 0px 0px 0px;
}
.catalog .search .more-filters-btn a { font-size: inherit; width: 100%; text-align: center; overflow: hidden; display: block; }
.catalog .search .fields .field.advanced { }
.catalog .search .fields .field.advanced .remove-filter-btn { display: block; }
.catalog .search .fields .field.advanced.hidden { display: none; }
.catalog .search .fields .field.advanced.hidden .remove-filter-btn { display: none; }
.catalog .search .fields .remove-filter-btn {
width: 20px; height: 20px; float: left; cursor: pointer; position: absolute; right: 17px; top: 2px;
background: url(../img/websites/int/btns/close_button_16px_black_bdr.png) center center no-repeat; z-index: 10;
}
.catalog .search .fields input, .catalog .search .fields select {
font-size: 16px; font-weight: normal; width:170px; height:25px; line-height:24px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 2px; color: #333;
}
.catalog .search .fields select.highlighted {
height:26px; border: 1px solid #99a;
}
.catalog .search.left .fields input, .catalog .search.left .fields select {
width:149px; height: 25px; line-height:24px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 2px; color: black;
}
.catalog .search.left .fields select.toselect {
color: #000;
background: #fff;
font-weight: 300;
}
.catalog .search.left .fields select.selected {
font-weight: bold;
background: #fff;
color: #000;
}
.catalog .search.left .fields input {
width: 141px;
padding: 0px 0px 0px 6px;
}
.catalog .search.left .fields .rangefilter { font-size: 14px; }
.catalog .search.left .fields .rangefilter input { width: 65px; }
.catalog .search .fields select option[default] { color: #ccc; font-weight: normal; }
.catalog .search .fields select[disabled] {
color: #888;
font-weight: 300;
background-color: #ccc;
border-color: #ccc;
}
.catalog .search .fields select option { color: black; font-weight: normal; }
.catalog .search .fields .firstInput {
position: absolute;
left:167px;
top:28px;
}
.catalog .search .fields .secondInput {
position: absolute;
left:354px;
top:28px;
}
.catalog .search .fields .label { color: #666; }
.catalog .search .fields input#gsearch { width: 105px; float: left; }
.catalog .search .submit { float: right; padding-left:1px; vertical-align: middle;}
.catalog .search .submit input.submit { cursor:pointer; border:0px; color: white; background: #EF3B33; width: 32px; height:26px; padding: 0px; border-radius: 4px; }
.catalog .search .searchResult{ padding-top: 3px; padding-left: 400px; clear:both; font-size: 12px; color: #0E3E9E; font-weight: bold; }
.catalog .search .advancedSearch { color: #5D77B9; font-size: 14px; font-weight: bold; float: left; }
.catalog .emptyListMessage { font-size: 20px; font-weight: normal; float: left; clear: both; padding: 20px 0px 10px 0px; }
.catalog .emptyListMessage a { font-size: 20px; }
.catalog .search.left .fields select[name=tag], .catalog .search.left .fields .field[name=tag] .remove-filter-btn { display: none; }
/*.catalog .search.left .fields select[name=availability] { display: none; }*/
.catalog .search .resetFilter { float: right; padding: 2px 0px 0px 0px; }
.catalog .search input.special-filter, .catalog .search select.special-filter { }
/* ---------------------------------- */
.catalog .makes.selection { width: 100%; float: left; margin: 10px 0px 10px 0px; }
.catalog .models.selection { width: 100%; float: left; margin: 10px 0px 10px 0px; }
.catalog .values.selection { width: 100%; float: left; margin: 10px 0px 10px 0px; text-align: center; }
.catalog .selection .col5 { width: 20%; float: left; text-align: left; }
.catalog .selection .col4 { width: 25%; float: left; text-align: left; }
.catalog .selection a.make {
color: #4e5f79; display:block; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 300;
margin: 0px 4px 4px 0px;
padding: 6px 0px 6px 6px;
}
.catalog .selection a.model {
height: 55px; width: 190px; float: left;
color: #000; display:block; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: bold;
margin: 0px 4px 4px 0px; border: 1px solid #9FAFC4; text-align: left;
padding: 10px 2px 2px 2px; overflow: hidden;
position: relative;
}
.catalog .selection a.model img.photo { width: 80px; height: auto; float: left; padding: 0px 4px 0px 4px; }
.catalog .selection a.model span.make { display: block; font-size: 12px; font-weight: 300; line-height: 14px; color: #999; text-transform: uppercase; }
.catalog .selection a.model span.model { width: 101px; display: inline-block; overflow: hidden; }
.catalog .selection a.model span.model.long { font-size: 13px; line-height: 1.1em; }
.catalog .selection a.model .discount {
width: 101px; display: inline-block; overflow: hidden; font-size: 12px; color: #ff0000; font-weight: 300; text-transform: uppercase;
position: absolute; bottom: 5px; right: 5px;
}.catalog .selection a.model .discount .value { font-weight: bold; font-size: 16px; }
.catalog .selection a.choice {
color: #3d5f79; display: inline-block; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: bold;
margin: 0px 3px 4px 3px; border: 1px solid #3d5f79; text-align: center;
padding: 6px 0px 6px 4px; background: #fafafa; min-width: 186px; overflow: hidden;
}
.catalog .selection a:hover { color: red; }
.catalog .selection a.highlight { font-weight: bold; }
/* ---------------------------------- */
.list { background-color: white; padding: 0px; width:100%; border: none; float: left; }
.list-separator { width: 100%; float: left; clear: both; padding: 20px 0px 20px 0px; }
.list-separator .count { font-weight: bold; display: inline-block; position: relative; }
.list-separator.empty { padding: 10px 0px 10px 0px; }
.list-separator.more.stock { font-size: 20px; font-weight: 300; text-align: center; padding: 10px 0px 10px 0px; }
.list-separator.more.stock a {
font-size: 20px; padding: 4px 15px 4px 15px; color: white; font-weight: 400; margin: 0px 0px 0px 20px;
}
.list-separator.more.stock .count
{
padding: 10px 0px 10px 50px;
background: url(../img/websites/int/pictos/picto_stock_01a_m_yellow.png) 0px 0px no-repeat;
}
.list-separator.more.configurable .count
{
padding: 10px 0px 10px 50px;
background: url(../img/websites/int/pictos/picto_configure_01a_m_warm_gray.png) 0px 0px no-repeat;
}
.list-separator.more.configurable { font-size: 20px; font-weight: 300; text-align: center; padding: 10px 0px 10px 0px; }
.list-separator.more.configurable a { font-size: 20px; padding: 4px 15px 4px 15px; color: white; font-weight: 400; margin: 0px 0px 0px 20px; }
.list-separator.switch { margin: 4px 0px 4px 0px; padding: 0px; }
.list-separator.switch a { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 70px; }
.list-separator.switch .btn { display: inline-block; color: white; padding: 2px 15px 2px 15px; margin-left: 20px; }
.list-separator.switch.stock { font-size: 20px; font-weight: 300; text-align: center; width: 100%; background: #FFEDD2; }
.list-separator.switch.stock a {
font-size: 20px; font-weight: 400; width: 100%; float: left;
background: url(../img/websites/french/ttls/ttl_stock_01a.png) 20px 10px no-repeat;
}
.list-separator.switch.stock a .icon
{
width: 40px; height: 40px; display: inline-block; padding: 0px; margin: 0px 10px 0px 0px;
background: url(../img/websites/int/pictos/picto_stock_01a_m_yellow.png) 0px 0px no-repeat;
position: absolute; top: -7px; left: -50px;
}
.list-separator.switch.configurable { font-size: 20px; font-weight: 300; text-align: center; width: 100%; background: #EEEFE3; }
.list-separator.switch.configurable a {
font-size: 20px; font-weight: 400; width: 100%; float: left;
background: url(../img/websites/french/ttls/ttl_configure_01a.png) 20px 8px no-repeat; }
.list-separator.switch.configurable a .icon
{
width: 40px; height: 40px; display: inline-block; padding: 0px; margin: 0px 10px 0px 0px;
background: url(../img/websites/int/pictos/picto_configure_01a_m_warm_gray.png) 0px 0px no-repeat;
position: absolute; top: -7px; left: -50px;
}
.list-separator.switch.configurable .btn { }
.list-separator.switch.stock .btn { }
.list .hline { width: 100%; border-top: 1px solid #ccc; height: 4px; float: left; clear: both; }
.list .sort {
background: #E7E7E8; padding: 4px 5px 4px 5px; border: none;
font-size: 14px; color: black; float: left; width: 99%; margin: 0px; height: 24px;
}
.list .sort.stock { color: #ff9900; background: none; border-bottom: 3px solid #ffad33; padding-left: 0px; margin-bottom: 5px; }
.list .sort.configurable { color: #919284; background: none; border-bottom: 3px solid #b7b8ab; padding-left: 0px; margin-bottom: 5px; }
.list .sort form { padding: 0px; margin: 0px; float: left; position: absolute; }
.list .sort select { width: 150px; border: 1px solid #ccc; font-size: 14px; }
.list .sort div.title {
float: left; padding: 0px 0px 0px 2px; font-size: 20px; line-height: 22px; width: 70%; font-weight: 300;
}
.list .sort.stock div.title { background: url(../img/websites/int/pictos/picto_stock_01a_s_yellow.png) 0px 4px no-repeat; padding-left: 20px; }
.list .sort.configurable div.title { background: url(../img/websites/int/pictos/picto_configure_01a_s_warm_gray.png) 0px 4px no-repeat; padding-left: 20px; }
.list .sort div.mode { float: right; padding: 2px; color: inherit;font-weight: 300; }
.list .sort div.mode a, .list .sort div.mode a.action { font-size: 14px; color: inherit; }
.list .header {
height: 25px; clear: both; border-bottom: 1px #ccc solid;
color: #666; font-size: 12px; float: left;
width: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;
font-weight: 300;
}
.list .header .highlight {
font-weight: bold; color: black; padding-left: 14px;
box-sizing: border-box;
background: url(../img/websites/int/pictos/picto_sort_triangle_t_01.svg) 0px 3px no-repeat;
background-size: 12px 12px;
}
.list .header .highlight.desc {
background: url(../img/websites/int/pictos/picto_sort_triangle_b_01.svg) 0px 3px no-repeat;
background-size: 12px 12px;
}
.list .header .highlight.clientPrice {
background-position: 5px 2px;
}
.list .header .highlight.desc.clientPrice {
background-position: 5px 2px;
}
.list .item {
min-height: 42px; max-height: 90px; clear: both; color: #444;
margin: 0px 0px 0px 0px; padding: 3px 0px 2px 0px; border-bottom: 1px solid #ccc;
width: 100%; float: left; overflow: visible;
}
.list.alts .item.configuration { }
.list.alts .item.configuration { position: relative; }
.list.alts .item.configuration span.infotip.configuration {
background: url(../img/websites/int/pictos/do/picto_alt_blue_15px.png) center center no-repeat;
position: absolute; top: 30px; left: -5px; opacity: 0.8;
}
.list.alts .item.configuration span.infotip.configuration:hover { opacity: 1; }
.list .item a, .list .item div a { text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; }
.list .item a:hover { text-decoration: underline; }
.list .item a:visited { color: inherit; }
.list .item > div, .list .header > div { padding: 0px 4px 0px 0px;}
.list .header .sortable { cursor: pointer; }
.list .photo { width: 80px; float: left; }
.list .item .photo img { width: 74px; max-height: 50px; }
.list.alts .photo { width: 50px; }
.list.alts .item .photo img { width: 50px; max-height: 50px; }
.list .title { width: 138px; float: left; }
.list.alts .title { width: 120px; }
.carpage .top .list.alts .header .title { line-height: inherit; }
.list .item .title { color: black; font-size: 15px; font-weight: bold; line-height: 1.2em; }
.list .item .title .engine { font-size: 12px; line-height: 13px; color: #5D77B9; clear: both; font-weight: 400; padding: 1px 0px 0px 0px; }
.list .item .clearance { background:url(../img/websites/int/pictos/do/picto_star_destock_15x14_01a.png) no-repeat; width:16px; height:16px;position:absolute; left:65px; }
.list .version { width: 120px; float: left; overflow: hidden; }
.list .item .version { font-size: 14px; line-height: 15px; padding-top: 2px; font-weight: normal; }
.list.conf .version { width: 485px; }
.list .item .version .color { font-size: 12px; padding-top: 3px; color: #888; float: left; max-height: 60px; }
.list .item .version .color > div { float: left; clear: both; }
.list .item .version .color .extc { }
.list .item .version .color .intc { }
.list.conf .item .version .color { font-size:14px; color:#333; }
.list.conf .item .version .color .extc { background-position: 0px 2px; }
.list.conf .item .version .color .intc { background-position: 0px 2px; }
.list.conf .item .version .color .opts { padding-left: 14px; font-weight: 300; }
.list .energy { width: 60px; float: left; overflow: hidden; }
.list .item .energy { }
.list .item .energy .fuel { clear: both; font-size: 12px; line-height: 13px; padding-top: 3px; color: #999; text-transform: uppercase;}
.list .item .energy .power, .list .item .title .power { font-size: 12px; color: #aaa; clear: both; float: left; font-weight: 300; }
.list .item .energy .consumption { font-size: 12px; color: #333; clear: both; float: left; font-weight: 300; }
.list .item .energy .co2 { font-size: 12px; color: #333; clear: both; float: left; font-weight: 300; }
.list .item .energy .energyLevel {
float: left; width: 35px; font-weight: bold; text-align: center; font-size: 12px; padding-top: 1px;
background: url(../img/websites/french/label_energy_24x10px_01a.png) 4px 4px no-repeat;
}
.list .body { width: 71px; float: left; overflow: hidden; }
.list .item .body { font-size: 13px; line-height: 13px; padding-top: 3px; }
.list .gear { width: 80px; float: left; overflow: hidden; }
.list .item .gear { font-size: 13px; line-height: 13px; padding-top: 3px; }
.list.alts .gear { width: 74px; }
.list .availability { width: 70px; float: left; overflow: hidden; }
.list.conf .availability { width: 90px; }
.list.alts .availability { width: 60px; }
.list .item .availability { font-size: 10px; line-height: 11px; color: #333; padding-top: 8px; text-transform: uppercase; }
.list .item .availability img { margin: 0px 3px 0px 0px; float: left; }
.avl.picto { display: inline-block; float: left; width: 14px; height: 13px; }
.avl.picto.configurable { background: url(../img/websites/int/pictos/picto_configure_01a_s_warm_gray.png) 0px 0px no-repeat; background-size: 12px; }
.avl.picto.stock { background: url(../img/websites/int/pictos/picto_stock_01a_s_yellow.png) 0px 0px no-repeat; background-size: 12px; }
.list .item .avl.picto { margin-top: -1px; }
.line .avl.picto { margin-top: 2px; }
.list .discount { width: 65px; float: left; text-align: right; }
.list.alts .discount { }
.list .item .discount { font-size: 18px; color: #EF3B33; padding-top: 0px; font-weight: normal; }
.showWhenB2B { display: none; }
.hideWhenB2B { display: initial; }
td.hideWhenB2B, th.hideWhenB2B { display: table-cell; }
.b2bswitch-btn { display: block; float: right; width: 185px; height: 30px; position: relative; }
.b2bswitch-btn .text { float: left; color: #003399; font-size: 18px; background: url(../img/websites/int/pictos/do/contact_list_b2b_small.png) 0px 3px no-repeat; padding-left: 22px; }
.b2bswitch-btn .text.b2c { float: left; color: #EF3B33; font-size: 18px; background: url(../img/websites/int/pictos/do/contacts_list_contact_inactive_01a.png) 0px -1px no-repeat; padding-left: 14px; }
.de-CH .b2bswitch-btn .text, .de-DE .b2bswitch-btn .text { font-size: 16px; margin-top: 1px; }
.de-CH .b2bswitch-btn .text.b2c, .de-DE .b2bswitch-btn .text.b2c { font-size: 16px; margin-top: 1px; }
.b2bswitch-btn input.cmn-toggle-round + label {
left: 130px; top: -3px; height: 25px; width: 55px;
-webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;
}
.b2bswitch-btn input.cmn-toggle-round + label:before {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.b2bswitch-btn input.cmn-toggle-round + label:after {
width: 29px;
}
.b2bswitch-btn input.cmn-toggle-round:checked + label:after {
margin-left: 29px;
}
.b2bswitch-btn .infotip { background-position: 6px 6px; position: absolute; right: 60px; top: 0px; }
.list .emv { display: none; width: 70px; float: left; text-align: center; }
.list .margin { width: 75px; float: left; text-align: right; }
.list .item .margin { font-size: 18px; color: #003399; padding-top: 0px; font-weight: normal; }
.list .header .margin a { color: #003399; font-size: 1em; }
.list .header .margin { text-align: center; }
.list .item .margin span.comment { font-size: 0.8em; display: block; margin: 0px; line-height: 1em; }
.list .deltaPrice { display: none; width: 70px; float: left; text-align: center; }
.list .header .deltaPrice { text-align: right; }
.list .header .deltaPrice a { color: #003399; font-size: 1em;}
.list .item .deltaPrice { font-size: 18px; color: #003399; padding-top: 0px; font-weight: bold; white-space: nowrap; text-align: right; }
.list .clientPrice { width: 80px; float: left; text-align: center; }
.list .item .clientPrice { font-size: 18px; color: black; padding-top: 0px; font-weight: bold; white-space: nowrap; text-align: right; }
.list .item .clientPrice .comment {
font-size: 12px; color: black; font-weight: 300; clear: both; line-height: 12px;
width: 100%; white-space: normal; text-align: right;
}
.list .item .deltaPrice .comment {
font-size: 12px; color: #003399; font-weight: 300; clear: both; line-height: 12px;
width: 100%; white-space: normal; text-align: right;
}
.list .options { float: left; width: 40px; }
.list .item .options { font-size: 14px; color: black; white-space: nowrap; text-align: right; padding-top: 1px; }
.list .tag { width: 40px; float: left; padding: 0px; }
.list .item > .tag { height: 20px; margin-top: 1px; }
.list .item > .tag > .tag { background-position: center top; height: 25px; text-align: center; text-transform: uppercase; }
.list .item > .tag > .tag > div { margin: 22px 0px 0px 0px; font-size: 10px; line-height: 10px; font-weight: lighter; }
.list .credit { width: 40px; float: left; }
.list .leasing { width: 40px; float: left; }
.list .item span.comment { color: inherit; font-weight: 300; }
/* advanced list */
.list.advanced .item {
height: 110px;
max-height: 110px;
position: relative;
width: 802px;
margin: 5px 0px 0px 0px;
border: none;
background: url(../img/websites/int/bgs/car_nugget_wide.png) bottom right no-repeat;
}
.list.advanced .item .photo { position: absolute; left: 0px; top: 10px;}
.list.advanced .item .title { position: absolute; left: 170px; top: 0px; text-transform: uppercase; font-size: 22px; width: 600px; }
.list.advanced .item .version { position: absolute; left: 170px; top: 26px; width: 600px; }
.list.advanced .item .version span.engine { font-size: 16px; font-weight: normal; float: left; color: #5D77B9; }
.list.advanced .item .version span.trim { font-size: 16px; font-weight: normal; color: #888; float: left; margin-left: 5px; }
.list.advanced .item .clientPrice { position: absolute; right: 5px; top: -2px; font-size: 22px; padding: 0px; text-align: right; width: 80px; color: #000; }
.list.advanced .item .emv { position: absolute; right: 5px; bottom: 63px; text-align: right; width: 150px; color: #aaa; font-size: 11px; line-height: 12px;}
.list.advanced .item .emv span.value { font-size: 16px; color: #666; }
.list.advanced .item .crossout { position: absolute; bottom: 62px; right: 7px; }
.list.advanced .item .discount { position: absolute; right: 0px; bottom: 0px; width: 70px; text-align: right; color: white; font-size: 24px; font-weight: bold; }
.list.advanced .item .economy { position: absolute; right: 5px; bottom: 36px; text-align: right; width: 150px; color: #aaa; font-size: 11px; line-height: 12px;}
.list.advanced .item .economy span.value { font-size: 16px; font-weight: bold; color: #666; }
.list.advanced .item .tag { position: absolute; right: 55px; top: 1px; }
.list.advanced .item .energy { position: absolute; left: 170px; top: 44px; line-height: 12px; }
.list.advanced .item .energy .fuel { font-size: 10px; }
.list.advanced .item .energy .power { font-size: 12px; color: #999; }
.list.advanced .item .body { position: absolute; left: 240px; top: 44px; }
.list.advanced .item .gear { position: absolute; left: 330px; top: 44px; }
.list.advanced .item .availability { position: absolute; left: 420px; top: 44px; padding-top: 5px; }
.list.advanced .item .origin { position: absolute; left: 130px; top: 6px; }
.list.advanced .item .rank { position: absolute; right: 170px; top: 3px; font-size: 12px; color: #333; font-weight: lighter; }
.list.advanced .item .fuelBlock { position: absolute; left: 170px; bottom: 15px; }
.list.advanced .item .color { position: absolute; left: 510px; top: 46px; width: 210px; line-height: 13px; font-size:12px; color: #333; }
.list.advanced .item .equipTags { position: absolute; bottom: 9px; left: 355px; }
.list.advanced .item .equipTags .equipTag { float:left; margin:0px 5px 0px 0px; height: 30px; min-width: 30px; max-width: 40px; }
.equipTag.t-6seats { background: url(../img/websites/int/pictos/tags/equipment/6_places.gif) left center no-repeat; width: 31px; }
.equipTag.t-7seats { background: url(../img/websites/int/pictos/tags/equipment/7_places.gif) left center no-repeat; width: 31px; }
.equipTag.t-4x4 { background: url(../img/websites/int/pictos/tags/equipment/4x4.gif) left center no-repeat; width: 34px; }
.equipTag.t-Automatic { background: url(../img/websites/int/pictos/tags/equipment/boite_automatique.gif) left center no-repeat; width: 21px; }
.equipTag.t-Climate { background: url(../img/websites/int/pictos/tags/equipment/climatisation.gif) left center no-repeat; width: 23px; }
.equipTag.t-GPS { background: url(../img/websites/int/pictos/tags/equipment/gps.gif) left center no-repeat; width: 27px; }
.equipTag.t-Bluetooth { background: url(../img/websites/int/pictos/tags/equipment/bluetooth.gif) left center no-repeat; width: 18px; }
.equipTag.t-Xenon { background: url(../img/websites/int/pictos/tags/equipment/phares_xenon.gif) left center no-repeat; width: 40px; }
.equipTag.t-SeatHeating { background: url(../img/websites/int/pictos/tags/equipment/sieges_chauffants.gif) left center no-repeat; width: 24px; }
.equipTag.t-Leather { background: url(../img/websites/int/pictos/tags/equipment/interieur_cuir.gif) left center no-repeat; width: 21px; }
.equipTag.t-ParkAssist { background: url(../img/websites/int/pictos/tags/equipment/radar_de_recul.gif) left center no-repeat; width: 19px; }
span.rankMake { color: #111; padding: 0px 3px 0px 0px; }
span.rankModel { color: #111; padding: 0px 3px 0px 0px; }
span.rankVersion { color: #111; padding: 0px 0px 0px 0px; }
a.large { font-size: 30px; font-weight: bold; color: #5D77B9; text-decoration: underline; }
a.normal { font-size: 14px; font-weight: bold; color: #5D77B9; text-decoration: underline; }
#header, #content, #footer, #hero { width: 1020px; margin: 0px auto; position:relative; }
#header { z-index: 2;}
#content { z-index: 1;}
#footer {
clear: both; float: left; width: 980px; background: #E8E9EB; position: relative;
padding: 20px 20px 20px 20px;
margin: 40px 0px 0px 0px;
overflow: hidden;;
}
#footer div.column { float: left; width: 250px; border: none; padding: 0px 0px 0px 0px; }
#footer div.column.last { width: 165px; float: right; }
#footer div.column .title { font-size: 12px; color: #888; padding: 0px 0px 10px 0px; float: left; }
#footer div.column .link { clear: both; float: left; padding: 0px 0px 2px 0px; width: 100%; white-space: nowrap; }
#footer div.column .link a { font-size: 12px; color: #333; float: left; }
#footer div.hline { width: 1020px; height: 1px; background: #D2D3D5; float: left; position: absolute; top: 0px; left: 0px; z-index: 0; }
#footer div.vline { width: 2px; height: 400px; background: #fff; float: left; position: absolute; top: -2px; right: 210px; z-index: 1000; }
#footer .copyright { font-size: 11px; color: #aaa; position: absolute; bottom: 4px; left: 20px; }
#footer input { padding: 1px 0px 1px 2px; font-size: 14px; color: #111; width: 130px; height: 18px; float: left;}
#footer input.submitEmail {
width: 24px; height: 20px;
border: none;
background: url(../img/websites/french/btn_ok_off.png) top left no-repeat;
margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px;
cursor: pointer;
}
#footer .siteplan { position: absolute; bottom: 4px; right: 230px; }
#footer .siteplan a { font-size: 12px; color: #888; float: left; }
/* content */
#content { background-color: transparent; float: left; }
#breadcrumb { font-size: 14px; margin: 4px 0px 0px 0px;color: #666; width:100%; }
#breadcrumb a { color: #b1b3b4; text-decoration: underline; }
#breadcrumb a:hover { color: Red; }
#breadcrumb a.active { color: #58585a; font-weight: bolder; }
.carpage #breadcrumb { font-size: 14px; margin: 4px 0px 0px 0px;color: #666; width:79%; float: left; }
#breadcrumb.large { font-weight: lighter !important; font-weight: 300; font-size: 24px; color: #b1b3b4; text-transform: uppercase; }
#breadcrumb.large.padded { padding-top: 20px; }
#breadcrumb.large a { text-decoration: none; }
#breadcrumb.large .leaf { color: #58585a; font-weight: bolder; }
#content div.leftMenu { padding: 30px 30px 18px 9px; width: 177px; float: left; display: block; min-height: 100%; height: auto !important; }
#content div.leftMenu div.menuTitle { padding: 1px 3px 2px 5px; margin-bottom: 16px; font-size: 18px; font-weight: 700; font-weight: bolder; color: #eceded; background: #9c9e9f; }
#content div.leftMenu div.menuItem { margin: 0px 0px 0px 5px; font-size: 16px; color: #000; font-weight: 300; }
#content div.leftMenu div.menuItem a { color: #000; text-decoration: none; }
#content div.leftMenu div.menuItem a:hover { color: #ff0000; }
#content div.leftMenu div.menuItem.sub1 { padding-left: 10px; }
#content div.leftMenu div.menuItem.active a { color: #58585a; font-weight: bold; }
.namevalue td { border-bottom: 1px solid #ccc; width:70%; }
.namevalue td.label { width:30%; color:#666; vertical-align: top; }
input[type=text], textarea { width: 100%; }
.listcount { font-size: 14px; padding: 10px 10px 0px 0px; text-align: right; float: right; }
.listcount b { color: Red; }
.listpages { font-size: 18px; padding: 10px 0px 0px 0px; text-align: right; float: right; font-weight: normal; color: #666; }
.listpages > div { float: left; margin: 0px 4px 0px 4px; }
.listpages a { color: #5D77B9; float: left; margin: 0px 3px 0px 3px; padding: 0px 3px 0px 3px; letter-spacing: -1px; }
.listpages a.page.current { color: #f33; font-weight: normal; font-size: 20px; cursor: default; margin-top: -2px; letter-spacing: -2px; }
.listpages a.page.current:hover { text-decoration: none; }
.listpages a:hover { text-decoration: underline; }
.listpages a.next, .listpages a.prev {}
/* ------------------------------ */
/* BANNER / GALERY SLIDER */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
ul.rslides_tabs { position: absolute; z-index: 10; bottom: 10px; left: 490px; list-style: none; float: left; padding: 0px; margin: 0px; }
.rslides_tabs li {
float: left; clear: none; padding: 0px 0px 0px 0px;
margin: 0px 2px 0px 2px; background: #ccc;
border-radius: 10px; height: 10px; width: 10px;
text-align: center;
background: url(../img/websites/french/circle_01a.png) left top no-repeat;
}
.rslides_tabs li.rslides_here {
border: 1px solid white; margin: -1px 1px 0px 1px;
}
.rslides_tabs li a { padding: 0px 3px 0px 3px; margin: 0px; float: left; color: #fff; text-decoration: none; font-size: 8px; opacity: 0; filter: alpha(opacity=0); }
a.rslides_nav {
width: 55px; height: 70px;
position: absolute; z-index: 100; top: 130px;
text-decoration: none;
}
a.rslides_nav:hover,a.rslides_nav:visited { text-decoration: none; color: inherit; }
a.rslides_nav.next { background: url(../img/websites/int/arrows/arrow_white_right_01a.png) 0px 0px no-repeat; right: 0px; }
a.rslides_nav.prev { background: url(../img/websites/int/arrows/arrow_white_left_01a.png) 0px 0px no-repeat; left: 0px; }
/* ----------------------------- */
div.banner.buyanewcar { width: 200px; float: left; padding: 0px; margin: 0px; }
div.leftMenu div.banner.buyanewcar { width: 200px; float: left; padding: 0px; margin: 0px 0px 0px -11px; }
div.banner.buyanewcar > div { float: left; }
div.banner.buyanewcar .top { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_01_top_01a.png) no-repeat; width: 200px; height: 210px; }
div.banner.buyanewcar .middle { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_01_middle_01a_off.png) no-repeat; width: 200px; height: 114px; }
div.banner.buyanewcar .middle:hover, div.banner.buyanewcar .middle.hovered { background: url(../img/websites/french/mm_ads/dct_mm_ad_01_middle_01a_on.png) no-repeat; }
div.banner.buyanewcar .bottom { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_01_bottom_01a.png) no-repeat; width: 200px; height: 316px; }
div.banner.buyanewcar.de .top { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_01_top_01a.png) no-repeat; width: 200px; height: 180px; }
div.banner.buyanewcar.de .middle { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_01_middle_01a_off.png) no-repeat; width: 200px; height: 148px; }
div.banner.buyanewcar.de .middle:hover, div.banner.buyanewcar.de .middle.hovered { background: url(../img/websites/german/mm_ads/dct_mm_ad_01_middle_01a_on.png) no-repeat; }
div.banner.buyanewcar.de .bottom { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_01_bottom_01a.png) no-repeat; width: 200px; height: 312px; }
div.banner.buydisponible { width: 200px; float: left; padding: 0px; margin: 0px; }
div.leftMenu div.banner.buydisponible { width: 200px; float: left; padding: 0px; margin: 0px 0px 0px -11px; }
div.banner.buydisponible > div { float: left; }
div.banner.buydisponible .bottom { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_03_bottom_01a.png) no-repeat; width: 200px; height: 370px; }
div.banner.buydisponible .top { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_03_top_01a_off.png) no-repeat; width: 200px; height: 270px; }
div.banner.buydisponible .top:hover, div.banner.buydisponible .top.hovered { background: url(../img/websites/french/mm_ads/dct_mm_ad_03_top_01a_on.png) no-repeat; }
div.banner.buydisponible.de .bottom { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_03_bottom_01a.png) no-repeat; width: 200px; height: 370px; }
div.banner.buydisponible.de .top { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_03_top_01a_off.png) no-repeat; width: 200px; height: 270px; }
div.banner.buydisponible.de .top:hover, div.banner.buydisponible.de .top.hovered { background: url(../img/websites/german/mm_ads/dct_mm_ad_03_top_01a_on.png) no-repeat; }
div.banner.economy { width: 180px; float: left; padding: 0px; margin: 10px 0px 0px 10px; }
div.banner.economy .middle { padding: 0px; margin: 0px; background: url(../img/websites/french/mm_ads/dct_mm_ad_02_eco_01a_off.png) no-repeat; width: 180px; height: 170px; }
div.banner.economy .middle:hover { background: url(../img/websites/french/mm_ads/dct_mm_ad_02_eco_01a_on.png) no-repeat; }
div.banner.economy.de .middle { padding: 0px; margin: 0px; background: url(../img/websites/german/mm_ads/dct_mm_ad_02_eco_01a_off.png) no-repeat; width: 180px; height: 170px; }
div.banner.economy.de .middle:hover { background: url(../img/websites/german/mm_ads/dct_mm_ad_02_eco_01a_on.png) no-repeat; }
div.banner.economy.co2 .middle { background: url(../img/websites/french/mm_ads/dct_mm_ad_02_co2_01a_off.png) no-repeat; }
div.banner.economy.co2 .middle:hover { background: url(../img/websites/french/mm_ads/dct_mm_ad_02_co2_01a_on.png) no-repeat; }
div.banner.economy.co2.de .middle { background: url(../img/websites/german/mm_ads/dct_mm_ad_02_co2_01a_off.png) no-repeat; }
div.banner.economy.co2.de .middle:hover { background: url(../img/websites/german/mm_ads/dct_mm_ad_02_co2_01a_on.png) no-repeat; }
div.banner.selection { width: 180px; float: left; margin: 30px 0px 0px 10px; }
div.banner.selection .title.economie { background-color: #5CAD33; }
div.banner.selection .title.co2 { background-color: #5CAD33; }
div.banner.selection .title.co2.de { font-size: 13px; }
div.banner.selection .title.gooddeal { background-color: #dd0000; }
div.legal { float: left; width: 100%; clear: both; font-size: 12px; color: #666; }
/* TABS */
.tab_container { width: 100%; position: relative; }
.tab-buttons-panel { width: 100%; float: left; background: white; white-space: nowrap; }
.tab-buttons-panel ul { margin: 0; padding: 0px; list-style: none; }
.tab_container .leftBorder {
left: 0px; top: 37px; position: absolute;
background: url(../img/websites/french/car_tabs_middle_left_01b.png) no-repeat top left;
width: 2px; height: 160px;
}
.tab_container .rightBorder {
right: 0px; top: 37px; position: absolute;
background: url(../img/websites/french/car_tabs_middle_right_01b.png) no-repeat top right;
width: 2px; height: 160px;
}
.tab-buttons-panel li {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
border-color: black;
border-style: solid;
border-width: 0px 0px 0px 0px;
background: white;
}
.tab-buttons-panel li.right {
float: right;
}
.tab-buttons-panel li span {
float: left;
height: 37px;
}
.tab-buttons-panel li span.left {
background: none;
width: 0px;
}
.tab-buttons-panel li span.right {
background: url(../img/websites/french/car_tabs_offoff_01b.png) no-repeat right top;
width: 50px;
}
.tab-buttons-panel li span.center {
color: white;
display: block;
background: url(../img/websites/french/car_tabs_off_01b.png) repeat-x left top;
padding: 6px 20px 0px 20px;
font-weight: normal;
font-size: 14px;
text-align: center;
}
.tab-buttons-panel li.left span.left {
background: url(../img/websites/french/car_tabs_left_off_01b.png) no-repeat left top;
border-width: 0px 0px 0px 0px;
width: 10px;
}
.tab-buttons-panel li.right span.right {
background: url(../img/websites/french/car_tabs_right_off_01b.png) no-repeat right top;
border-width: 0px 0px 0px 0px;
width: 10px;
}
.tab-buttons-panel li.right.tab-show span.right {
background: url(../img/websites/french/car_tabs_right_on_01b.png) no-repeat right top;
border-width: 0px 0px 0px 0px;
width: 10px;
}
.tab-buttons-panel li.left.tab-show span.left {
background: url(../img/websites/french/car_tabs_left_on_01b.png) no-repeat left top;
border-width: 0px 0px 0px 0px;
width: 10px;
}
.tab-buttons-panel li.tab-show span.left {
background: url(../img/websites/french/car_tabs_offon_01b.png) no-repeat left top;
width: 50px;
}
.tab-buttons-panel li.tab-show span.right {
background: url(../img/websites/french/car_tabs_onoff_01b.png) no-repeat right top;
width: 50px;
}
.tab-buttons-panel li.tab-show span.center {
color: black;
display: block;
background: url(../img/websites/french/car_tabs_on_01b.png) repeat-x left top;
padding: 6px 20px 0px 20px;
font-weight: bold;
font-size: 14px;
}
.tab-content
{
clear:both;
border: none;
background: white;
display: none;
padding: 2px;
padding-bottom: 0px;
}
.tab-content-show {
display: block;
overflow: hidden;
}
.tab-content-panel-border {
margin: 0px;
overflow: hidden;
}
.tab-content-panel {
padding: 0px 20px 20px 20px;
background-color: white;
overflow: hidden;
}
/* ---------------------------- */
/* IE 10 styles ------------------------------ */
.ie10 select, .ie10 select option {
font-family: Arial, Helvetica;
font-size: 14px;
font-weight: normal;
height: 22px;
margin: 0px;
}
.ie10 .list .sort select { font-size: 14px; }
.ie10 .catalog .search .fields select {
font-size: 14px; line-height: normal; font-weight: normal; color: #111; margin: 2px 15px 0px 0px;
}
.ie10 .catalog .search .fields select.highlighted {
height:24px;
}
.ie10 .catalog .search.left .fields select {
color: black;
}
.ie10 .catalog .search.left .fields select {
height:22px; line-height:normal; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 2px; color: black;
}
.ie10 .catalog .search.left .fields select.toselect { color: #222; }
.ie10 .catalog .search .fields select option[default] { color: #666; font-weight: normal; }
.ie10 .catalog .search .fields select[disabled] { color: #bbb; font-weight: 300; background-color: #f3f3f3; border-color: #ddd; }
.ie10 .catalog .search .fields select option { color: black; font-weight: normal; }