/** * @author Benoit Asselin * @version page-catalog.css, 2011/11/22 * @link http://www.agenceici.com */ .content { } table.t-backgrounds .t-background-1 td { height:149px; } table.t-backgrounds .t-background-1 .t-left { width:44%; background-color:#fff; border-top:1px solid #fff; } table.t-backgrounds .t-background-1 .t-right { width:56.5%; background-color:#7f7f75; border-top:1px solid #7f7f75; } table.t-backgrounds .t-background-2 td { height:149px; } table.t-backgrounds .t-background-2 .t-left { width:44%; background-color:#fff; border-top:1px solid #fff; } table.t-backgrounds .t-background-2 .t-right { width:56.5%; background-color:#7f7f75; border-top:1px solid #7f7f75; } table.t-backgrounds .t-background-3 td { height:149px; border-top:1px solid #000; background-color:#fff; } table.t-backgrounds .t-background-3 .t-left { width:44%; } table.t-backgrounds .t-background-3 .t-right { width:56.5%; } div.d-body { width:100%; z-index:32; } div.d-body #eshop { position:absolute; left:44%; top:0; } div.d-body #eshop a.label { display:none; } div.d-body #eshop div.select { left:263px; top:75px; width:194px; z-index:1; } div.d-body #eshop div.select img { width:194px; background:url(../images/interface-1/eshop-select-min.gif) no-repeat; } div.d-body #eshop div.options-cancel { left:-500px; width:800px; height:410px; } div.d-body #eshop div.options { width:192px; height:230px; } div.d-body #eshop a.brands { display:none; } #form-product { display:none; } .content { border-bottom:1px solid #000; height:450px; } .content div.eshop { position:absolute; left:44%; top:0; width:530px; z-index:1; } .content div.eshop a.eshop { position:absolute; left:23px; top:20px; } .content div.eshop a.eshop img { display:block; width:124px; height:34px; background:url(../images/interface-1/eshop-logo-2.png); } .content div.eshop a.more { position:absolute; left:163px; top:30px; } .content div.eshop a.more img { width:14px; height:14px; float:left; background:url(../images/interface-1/button-plus.png); } .content div.eshop a.more span { color:#000; padding-left:5px; text-decoration:underline; } .content div.eshop img.selection { position:absolute; top:75px; } .lang-fr .content div.eshop img.selection { left:123px; width:121px; height:14px; background:url(../images/interface-1/eshop-selection-fr.png); } .lang-en .content div.eshop img.selection { left:111px; width:136px; height:14px; background:url(../images/interface-1/eshop-selection-en.png); } .content div.eshop a.previous { position:absolute; top:75px; width:14px; height:18px; background:url(../images/interface-1/product-category-previous.gif) center no-repeat; } .lang-fr .content div.eshop a.previous { left:104px; } .lang-en .content div.eshop a.previous { left:93px; } .content div.eshop a.next { position:absolute; left:465px; top:75px; width:14px; height:18px; background:url(../images/interface-1/product-category-next.gif) center no-repeat; } #loading { position:absolute; left:0; top:100px; width:44%; height:80px; } #loading span { position:absolute; right:0px; top:0px; width:450px; height:20px; padding-top:60px; background:url(../images/interface-1/loading.gif) 50% 0 no-repeat; text-align:center; font-size:10px; } #category { position:relative; width:100%; } #category .d-left { position:absolute; left:0; top:0; width:44%; height:300px; } #category .d-left img { position:absolute; right:0; top:0; } #category .d-right { position:absolute; right:0; top:0; width:56%; } #category .d-right table.image { position:absolute; left:60px; top:100px; width:470px; height:180px; text-align:center; } #category .d-right table.image td { vertical-align:middle; } #product-and-finish { display:none; position:absolute; width:100%; height:300px; } #product-and-finish .d-left { position:absolute; left:0; top:0; width:44%; height:300px; } #product-and-finish #pf-image-max { position:absolute; right:20px; top:30px; } #product-and-finish #pf-finish-stock-colors { position:absolute; right:20px; top:10px } #product-and-finish #pf-finish-stock { float:left; padding-top:8px; padding-right:6px; } #product-and-finish #pf-finish-colors { float:left; vertical-align:middle; } #product-and-finish #pf-finish-colors img { width:32px; height:32px; margin-left:-1px; cursor:pointer; } #product-and-finish #pf-finish-colors img.normal { background-image:url(../images/interface-1/product-finish-color-0.png); } #product-and-finish #pf-finish-colors img.active { background-image:url(../images/interface-1/product-finish-color-1.png); } #product-and-finish #pf-finish-images { position:absolute; width:272px; right:0; bottom:10px; } #product-and-finish #pf-finish-images ul { width:272px; } #product-and-finish #pf-finish-images li { float:left; margin-right:5px; } #product-and-finish #pf-finish-images li.normal { border:1px solid #fff; background:#fff; padding:1px; } #product-and-finish #pf-finish-images li.active { border:1px solid #000; background:#ccc; padding:1px; } #product-and-finish #pf-finish-images li.normal a, #product-and-finish #pf-finish-images li.active a { display:block; border:1px solid #000; background:#fff; padding:1px 1px 3px 1px; } #product-and-finish #pf-finish-images a { cursor:pointer; } #product-and-finish #pf-finish-images a span { display:block; color:#fff; background:#000; width:14px; text-align:center; font-size:11px; } #product-and-finish #pf-finish-images li.arrow-left a { display:block; padding:2px 4px; } #product-and-finish #pf-finish-images li.arrow-left img { width:14px; height:14px; background:url(../images/interface-1/product-image-arrow-left.gif); } #product-and-finish #pf-finish-images li.arrow-right a { display:block; padding:2px 4px; } #product-and-finish #pf-finish-images li.arrow-right img { width:14px; height:14px; background:url(../images/interface-1/product-image-arrow-right.gif); } #product-and-finish #pf-finish-zoom { position:absolute; right:20px; bottom:10px; } #product-and-finish #pf-finish-zoom img { float:left; margin-right:5px; width:14px; height:14px; background:#fff url(../images/interface-1/button-plus.png); } #product-and-finish #pf-finish-zoom span { color:#000; } #product-and-finish .d-right { position:absolute; right:0; top:0; width:56%; height:300px; } #product-and-finish .d-right div.name { position:absolute; left:96px; width:150px; top:107px; text-align:right; font-size:14px; } #product-and-finish .d-right div.name strong { color:#fff; } #product-and-finish .d-right div.select { position:absolute; left:263px; top:105px; width:194px; z-index:1; } #product-and-finish .d-right div.select .selected { width:184px; height:15px; padding:3px 0 2px 10px; background:#a2a195 url(../images/interface-1/product-finish-select.gif); cursor:pointer; } #product-and-finish .d-right div.select .options-cancel { position:absolute; left:-600px; top:-100px; width:900px; height:300px; background:url(../images/none.gif); } #product-and-finish .d-right div.select .options { position:absolute; left:0; top:20px; width:192px; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; background:#a2a195; overflow:auto; overflow-x:hidden; overflow-y:auto; } #product-and-finish .d-right div.select .options li { border-bottom:1px solid #000; } #product-and-finish .d-right div.select .options li.last { border-bottom:0 none; } #product-and-finish .d-right div.select .options li a { display:block; padding:3px 0 2px 10px; height:15px; color:#000; } #product-and-finish .d-right div.select .options li a:hover { color:#fff; } #product-and-finish #pf-product-price { position:absolute; left:96px; width:150px; top:140px; color:#fff; font-size:24px; text-align:right; } #product-and-finish .d-right a.eur2usd, #product-and-finish .d-right a.usd2eur { position:absolute; left:257px; top:138px; } #product-and-finish .d-right a.eur2usd img { width:49px; height:25px; background:#7f7f75 url(../images/interface-1/product-currency-eur2usd.png); } #product-and-finish .d-right a.usd2eur img { width:49px; height:25px; background:#7f7f75 url(../images/interface-1/product-currency-usd2eur.png); } .currency-eur #product-and-finish .d-right a.usd2eur, .currency-usd #product-and-finish .d-right a.eur2usd { display:none; } #product-and-finish #pf-product-order { position:absolute; left:310px; top:138px; width:151px; height:32px; font-size:11px; padding-right:30px; color:#fff; /*color:#47473c;*/ background:#7f7f75 url(../images/interface-1/product-order.png) no-repeat; border:0 none; } #product-and-finish #pf-finish-stock-0 { display:none; position:absolute; left:320px; top:140px; width:170px; font-size:11px; color:#000; text-decoration:underline; text-align:justify; } #product-and-finish #pf-product-details { position:absolute; left:0; width:100%; overflow:hidden; height:96px; border-bottom:1px solid #7f7f75; } #product-and-finish #pf-product-details-effect { position:absolute; width:100%; /*top:75px;*/ top:0px; } #product-and-finish #pf-product-details label { display:block; width:144px; height:18px; padding:3px 0 0 5px; background:url(../images/interface-1/product-details.gif); cursor:pointer; } #product-and-finish #pf-product-details label img { display:block; float:left; width:14px; height:14px; } #product-and-finish #pf-product-details label img.active { background:url(../images/interface-1/button-plus.png); } #product-and-finish #pf-product-details label img.inactive { background:url(../images/interface-1/button-minus.png); } #product-and-finish #pf-product-details label span { float:left; padding-left:5px; } #product-and-finish #pf-product-details p { background:#a2a195; padding:10px 0 0 30px; height:65px; line-height:13px; } #product-and-finish #pf-product-details p strong { color:#000; font-weight:normal; } #product-and-finish #pf-product-details p span { color:#54544e; } #product-and-finish #pf-product-details.products-in-1-ln { bottom:23px; } #product-and-finish #pf-product-details.products-in-2-ln { bottom:46px; } #product-and-finish #pf-product-details.products-in-3-ln { bottom:69px; } #products-min { position:absolute; left:44%; width:56%; background:#a2a195; } #products-min.products-in-1-ln { top:277px; height:23px; } #products-min.products-in-2-ln { top:254px; height:46px; } #products-min.products-in-3-ln { top:231px; height:69px; } #products-min ul { width:500px; } #products-min li { position:relative; float:left; padding-left:1px; padding-top:1px; cursor:pointer; } #products-min li img { display:block; } #products-min li img.selector { display:block; position:absolute; left:0; top:0; width:42px; height:24px; background:url(../images/interface-1/product-selection-min.png); } #products-med-fix { position:absolute; left:0; top:301px; width:100%; height:149px; overflow:hidden; } #products-med { position:absolute; left:44%; top:0px; margin-left:-272px; width:272px; height:149px; border-bottom:1px solid #000; } #products-med li { position:relative; float:left; width:272px; height:149px; } #products-med img { display:block; width:210px; height:115px; margin:17px auto 0; } #product-selector-display { display:none; } #product-selector-left { position:absolute; left:0%; top:301px; width:44%; margin-left:-272px; height:149px; background:url(../images/interface-1/product-selector-fff-50.png); } #product-selector-right { position:absolute; left:44%; top:301px; width:56%; height:149px; background:url(../images/interface-1/product-selector-fff-50.png); } #product-selector { position:absolute; left:44%; top:301px; margin-left:-272px; width:272px; } #product-selector .selector { position:relative; width:272px; height:149px; } #product-selector #product-selection { position:absolute; left:0; top:-1px; width:272px; height:151px; background:url(../images/interface-1/product-selection.png); } #product-selector #product-previous { position:absolute; left:-24px; top:50px; width:49px; height:49px; background:url(../images/interface-1/product-left-arrow.png); cursor:pointer; } #product-selector #product-previous.down { background:url(../images/interface-1/product-left-arrow-down.png); cursor:pointer; } #product-selector #product-next { position:absolute; right:-24px; top:50px; width:49px; height:49px; background:url(../images/interface-1/product-right-arrow.png); cursor:pointer; } #product-selector #product-next.down { background:url(../images/interface-1/product-right-arrow-down.png); cursor:pointer; } #product-image-zoom { display:none; position:absolute; left:0px; top:-60px; width:100%; height:550px; background:#fff url(../images/interface-1/loading.gif) 50% no-repeat; z-index:320; border-top:1px solid #000; border-bottom:1px solid #000; } #product-image-zoom div.logo { position:absolute; left:10px; top:10px; width:231px; height:18px; background:url(../images/interface-1/product-image-marclebihan.gif) no-repeat; } #product-image-zoom div.close { position:absolute; right:10px; top:10px; height:20px; padding-left:23px; padding-top:2px; background:url(../images/interface-1/product-image-close.gif) no-repeat; cursor:pointer; } #product-image-zoom #product-image-zoom-img { position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-192px; width:700px; height:385px; } #product-image-zoom #product-image-zoom-previous { position:absolute; left:50%; top:50%; margin-left:-450px; margin-top:-25px; width:49px; height:49px; background:url(../images/interface-1/product-left-arrow.png); cursor:pointer; } #product-image-zoom #product-image-zoom-previous.down { background:url(../images/interface-1/product-left-arrow-down.png); cursor:pointer; } #product-image-zoom #product-image-zoom-next { position:absolute; right:50%; top:50%; margin-right:-450px; margin-top:-25px; width:49px; height:49px; background:url(../images/interface-1/product-right-arrow.png); cursor:pointer; } #product-image-zoom #product-image-zoom-next.down { background:url(../images/interface-1/product-right-arrow-down.png); cursor:pointer; }