/* global style */ * { padding:0; margin:0; } body { color: #333; text-align:center; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; background:#fff;} a { color: #000; text-decoration: none; outline: none;} a:hover { color: #C50000; text-decoration:underline; } p a { color: #C50000; } a img { outline: none; border: none; text-decoration: none; } input, textarea, select, span.editable { font-size: 1em; margin: 0px; vertical-align: top; outline: none; font-family: Arial, Helvetica, Sans-Serif;} input, textarea, select { border: 1px solid #bdc2c9; } input:focus { outline: 0; outline-offset: 0; } input.text { height:18px; padding-left:2px; padding-right:2px; } h1, h2, h3, h4, h5, h6 {display: block; color: #000; padding: 0px; margin: 0.5em 0; line-height:1.6em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif;} h1 { font-size: 1.4em;} h2 { font-size: 1.2em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } /**************** global layout ***************/ .bg { margin: 5px 0px; background: url(../img_ds/bg_center.png) top center repeat-y; } .bg_top { background: url(../img_ds/bg_top.png) top center no-repeat; } .bg_bottom { padding-bottom: 7px; background: url(../img_ds/bg_bottom.png) bottom center no-repeat;} #page { width: 1003px; margin: 0 auto 2px; text-align:left;} #left_column, #center_column, #right_column { float:left; } #left_column { clear:left; width:185px; padding-right:20px; padding-left:4px; } #center_column { width: 584px; margin: 0 0 30px 0; position: relative; color: #333;} #right_column { width: 185px; padding-left: 20px;} /**************** header ***************/ #header { position: relative; height: 250px; color: #fff; background: url(../img_ds/header.jpg) 0px 39px no-repeat; } #header a { color: #fff;} #header #logo { position: absolute; top: 45px; left: 10px; height:120px; width:180px; } #header #store_links { position: absolute; top: 11px; left: 0px;} #header #store_links a { float:left; height: 20px; padding: 8px 0px 0px 38px; margin-right: 3px; width: 68px; color: #585858; font-size:11px; background: url(../img_ds/store_links.png) 0px 0px no-repeat;} #header #store_links a:hover { color: #434343;} #header #store_links a.bleaf { background-position: 0px -40px; } #header #store_links a.dshoes { background-position: 0px -80px; padding-left:25px; width: 82px; color: #fff; text-decoration: none !important;} #header #store_links a.dwinkel { background-position: 0px -40px; padding-left:35px; width: 82px; } #header_text { color: #6C6C6C; width:670px; padding-top: 12px;font-size: 0.95em; line-height: 1.1em; display:none;} #header_text a { color: #000;} #header_text a:hover { color: #c50000; text-decoration: underline;} #header .tel { position:absolute; right:5px; top:10px; width:171px; height:26px; background: url(../img_ds/tel.png) no-repeat;} #header .top_links { position:absolute; top:19px; left:345px;} #header .top_links a.third { padding-right: 20px; background: url(../img_ds/icons.png) no-repeat 100% -120px;} #header .top_links a { display:inline-block; color:#101010; padding-left:12px; margin-right:10px; background: url(../img_ds/top_link.png) no-repeat 0 2px;} /* block top languages */ #header #languages_block_top { margin: 17px 8px 0px 0px; float: left; display:none;} #header #languages_block_top p { display:none; } #languages_block_top ul#first-languages { float: left;} #languages_block_top ul#first-languages li { float:left; margin-right: 5px; background: none; list-style: none;} /* top menu */ #menu_top { position: absolute; top: 188px; left: 10px;} #menu_top a, #menu_top span { display: inline-block; color: #242323; text-decoration: none;} #menu_top a.home_link { display: block; float:left; width:24px; height: 24px; margin-top:7px; background: url(../img_ds/top_bar.png) no-repeat; } #menu_top #menu_links { float:left; margin-left: 3px;} #menu_top #menu_links a { float:left; padding-right: 1px; background: url(../img_ds/menu_line.png) right no-repeat;} #menu_top #menu_links a span { padding: 11px 6px 0px 6px; height: 25px;font-family: Verdana;} #menu_top #menu_links a.last { background:none;} #menu_top #menu_links a:hover span { background: url(../img_ds/menu_bg.png) 0px 0px repeat-x;} #menu_top #menu_links a.active span{ background: url(../img_ds/menu_bg.png) 0px -40px repeat-x; color: #fff;} /* search block */ #search_block_top { position: absolute; top: 196px; right: 10px; width: 300px; text-align:right; } #search_block_top input{ display:inline-block; height:22px; border:none; background: url(../img_ds/top_bar.png) -30px 0px no-repeat;} #search_block_top input.search_query { width: 180px; height:22px; padding-left:10px; padding-right:10px;} #search_block_top input.search_button { width: 78px; cursor: pointer; background-position: -240px 0px; } /* user info */ #header_user .user_account { position: absolute; top: 85px; left: 825px;} #header_user .user_welcome { position: absolute; top: 117px; left: 825px;} #header_user .user_logout { position: absolute; top: 163px; right: 5px;} #header_user span { font-weight: bold; } /* header links */ #header_links div { position: absolute; padding-left: 15px; background: url(../img_ds/icons.png) 0px 3px no-repeat;} #header_links .link_sitemap { top: 53px; left: 825px;} #header_links .link_bookmark { top: 85px; left: 898px; background-position: 0px -13px;} #header_currencies { position: absolute; top: 53px; right: 5px;} #header_currencies div {float:right;} #header_currencies .currencies a{ float:right; font-size: 0.9em; margin-left: 3px; padding: 0px 3px; border: 1px solid #fff;} #header_currencies .currencies a.selected { border: none; } .breadcrumb { position: absolute; top: -21px; left: -205px; color: #c50000;} .breadcrumb .navigation-pipe { padding: 0 0.3em; color: #666;} .breadcrumb a {color:#666;} /**************** blocks ***************/ #left_column .block, #right_column .block { margin-bottom: 1em;border: 1px solid #E0E0E0; background: url(../img_ds/block_head_bg.png);} .block h4 { color: #000; font-size:1.2em; line-height: 1.5em; padding: 0px 5px; margin: 0px; border-bottom: 1px solid #E0E0E0; background: url(../img_ds/icons.png) 100% -131px no-repeat;} .block a, .block h4 a:hover { color: #000; } .block a:hover { color: #C50000; } .block ul, .block li, .block dt, .block p { list-style: none; margin:0px; padding:0px; } .block .block_content { background: #fff; padding:7px 2px 3px;} .block .decs_content {padding:3px 5px 3px; line-height:1.5em; color:#777;} /* social links*/ #social_links { padding-bottom: 5px; } #social_links table { width:100%; } #social_links td { vertical-align: bottom; } #social_links a, #social_links a:hover { text-decoration: none; line-height: 0px; cursor: pointer;} /* manufacturer */ .blockmanufacturer .block_content {} .blockmanufacturer ul, .blocksupplier select { width: 100%; margin: 0;} .blockmanufacturer ul li {} .blockmanufacturer ul li a { display:block; padding: 2px 0px 2px 16px; background: url(../img_ds/icons_menu.png) 5px -43px no-repeat;} /* categories */ #categories_block_left .block_content { padding: 10px 7px; background: #fff url(../img_ds/block_bg.png) repeat-x;} #categories_block_left ul.tree { padding:0px; } #categories_block_left ul.tree li { padding:0px; margin:0px; border:none; background: none; } #categories_block_left ul.tree a { display:block; padding: 2px 0px 2px 11px; background: url(../img_ds/icons_menu.png) 0px -43px no-repeat;} #categories_block_left ul.tree a.selected { color: #c50000; background-position: 0px -143px; } #categories_block_left ul.tree ul{ padding-left: 13px; } #categories_block_left ul.tree ul a{ padding-left: 15px; background-position: 0px 6px; } #categories_block_left ul.tree ul a.selected { background-position: 0px -94px; } /* Block tags */ .tags_block p { text-align: center; } .tags_block p a { color: #535353; margin: 0px; padding: 0px 2px; line-height: 1.5em; } .tags_block p a:hover { color: white !important; background: #535353; text-decoration: none; } a.tag_level3 { font-size: 1.8em; font-weight:bold;} a.tag_level2 { font-size: 1.4em;} a.tag_level1 { font-size: 1em;} /* Top 10 */ .top_products .block_content { padding: 10px 5px;} .top_products .prod_item { clear:both;padding:3px 0px; border-bottom: 1px dashed #bbb; } .top_products span { display:inline-block; width:30px; vertical-align: top; color: #000;} .top_products a { display:inline-block; width:140px; vertical-align: top; } .top_products a:hover { text-decoration: none;} .top_products h4 a:hover { text-decoration: underline;} /* Cart block */ #cart_block h4 { background-position: 98% -27px;} #cart_block .block_content { padding: 7px 0px;} #cart_block_no_products { padding: 0px 0px 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd;} #cart_block .products { padding: 0px 0px 10px 5px; margin-bottom: 10px; border-bottom: 1px solid #ddd;} #cart_block .products dt { padding-left:8px; padding-top:7px; background: url(../img_ds/icons.png) 0px -147px no-repeat;} #cart_block .products dd { padding-left:25px;} #cart_block .products dd a { color: #c50000;} #cart_block .products a, #cart_block .products span { display:inline-block; vertical-align:top;} #cart_block .products .quantity-formated{ min-width:15px;} #cart_block .products a { max-width:100px; color: #c50000;} #cart_block span.price { text-align:right; font-weight:bold; min-width:43px; color:#000; font-size:1em;} #cart_block .products span.price { float:right; padding-right: 5px;} #cart_block #cart-prices { padding:0px 5px 20px 15px; color: #000;} #cart_block #cart-prices span{ display:inline-block; padding-bottom:3px; width:49%;} #cart_block #cart-buttons a {display:inline-block; text-decoration:none; margin-left:5px;} #cart_block #cart-buttons a span {display:inline-block; padding:2px 20px 2px 5px; color: #fff; text-decoration:none; background: url(../img_ds/icons.png) 100% -60px no-repeat;} #cart_block a.button_gray { background: url(../img_ds/bg_grey.png);} #cart_block a.button_red { background: url(../img_ds/bg_red.png); } #cart_block #cart-buttons a.button_red span{ background-position: 100% -46px; width:90px;} #cart_block a.button_gray:hover { background: #424242;} #cart_block a.button_red:hover { background: #c50000; } /* My Account block */ div.myaccount .block_content { padding: 10px 7px; background: #fff url(../img_ds/block_bg2.png) repeat-x;} div.myaccount ul.bullet li { padding: 2px 0px 2px 11px; background: url(../img_ds/icons.png) 0px -155px no-repeat;} div.myaccount ul.bullet .icon { display: none; } div.myaccount p.logout { text-align:right;} /* block products (new, features, viewed, etc...) on left and right column */ .products_block .block_content { padding: 10px 2px 10px 7px; } .products_block li { clear: left; padding-top: 0.2em; } .products_block li.item img { margin-right: 5px;} .products_block li a.prod_img { display:inline-block; width:80px; vertical-align:top; _overflow:hidden; zoom:1; *display:inline;} .products_block li.last_item { border: none; } .products_block li img { vertical-align: top; float: left; } .products_block p img { float: none; margin: 0 0 0 0.4em; } .products_block li h5 { display: inline; font-size:1em; line-height: 1.3em; font-weight: bold;} .products_block li p { display:inline-block; width:90px; vertical-align:top; color:#000; _overflow:hidden; zoom:1; *display:inline;} .products_block li p a { font-weight: bold; } .products_block dl { clear: both; } .products_block dl dt { color: #000; font-weight: bold; border-top: 1px dashed #bbb; padding-top:7px;margin-top:7px; margin-right:5px;} .products_block dl dt.first_item { border:none;} .products_block a.button_large { margin: 0.4em 0.4em 0 0.4em; } .products_block ul.product_images li { border: none; float: left; clear: none; } .products_block .bullet {margin-left: 5px; vertical-align:middle;} .products_block a.view {font-weight:normal; float: right; padding:5px;} /* Block Viewed Products */ div#viewed-products_block_left div.block_content { padding:2px 2px; } div#viewed-products_block_left div.block_content ul.products li { height:100px; padding-top:7px; padding-left:5px; border-top: 1px solid #eee;} div#viewed-products_block_left div.block_content ul.products li.first_item { border:none;} /* Block logo payment */ div.paiement_logo_block .block_content{ text-align: center; background: #EDEDED;} div.paiement_logo_block a { text-decoration: none; } div.paiement_logo_block img { margin: 0 0.5em; } /* Block editorial */ .editorial_block .rte{ background:transparent none repeat scroll 0 0;} .editorial_block .rte p { margin-top: 0 !important; } .editorial_block h2 { padding: 0px; margin: 0px; font-size:16px !important;} .editorial_block p { padding:0px; margin:0px; color: #333;} /* Newsletter block */ .newsletter p { padding: 3px 0px;} .newsletter_email { width: 172px;} .newsletter_action { width: 130px;} .newsletter_button {float: right; height:18px;} /**************** FOOTER ***************/ #footer { clear: both; position: relative; height: 200px; padding-top: 25px; color: #fff; background: url(../img_ds/footer.jpg) no-repeat; } #footer .footer_blocks { overflow:hidden;} #footer a, #footer a:hover { color: #fff; } #footer .block { width: 200px; float: left; padding-left: 50px; } #footer .block h4 { background: none; border: none; color: #fff; font-weight: bold; } #footer .block_content { background: none; } #footer li {padding: 2px 0px 3px 0px; } #footer .copy { position: absolute; top: 185px; right:0; width: 100%; text-align: center; } #footer .block_various_links { list-style: none; } #footer .block_various_links li a{ text-decoration:none; } #footer .block_various_links li { display: inline; border-left: 1px solid #888; padding: 0px 2px 0px 4px; } #footer .block_various_links li.first_item { border: none; padding-left: 0px; } /**************** CENTER blocks ***************/ /* block in the center column */ #center_column div.block { margin:auto;} /**************** CONTENT ***************/ #center_column h2 { font-size:18px; margin-top:0px; margin-bottom:15px; line-height: 1.3em;} #center_column h2 span{ font-size: 11px; } #center_column p { margin: 0.5em 0; line-height: 1.4;} /* buttons */ .ds_button { position:relative; display: inline-block; width: auto; margin-top:6px; padding-right: 13px; background: url(../img_ds/ds_button_r.png) 100% 0px no-repeat; cursor:pointer;} .ds_button span { position: relative; display: inline-block; min-width:120px; width: auto;padding: 0px 7px 5px 20px; line-height: 2.2em; color: #444; font-weight: bold; text-align: center; background: url(../img_ds/ds_button_l.png) 0px 0px no-repeat;} .ds_button b.pin { background: url(../img_ds/pin.png) no-repeat; width:28px; height:16px;} .ds_button:hover{ background-position: 100% -40px; text-decoration:none;} .ds_button:hover span { background-position: 0px -40px; color: #222; text-decoration:none;} .ds_button_red { background-position: 100% -80px;} .ds_button_grey {} .ds_button_red span { background-position: 0px -80px; padding-bottom:0px; color: #fff;} .ds_button_red:hover { background-position: 100% -110px;} .ds_button_red:hover span { background-position: 0px -110px; color: #fff;} .ds_button b { position: absolute; top:5px; right: 0px; display: inline-block; width:16px; height:16px; background: url(../img_ds/icons.png) -6px -275px no-repeat; } .ds_button b.wl { background-position: 0px -300px;} .ds_button b.cart{ background-position: 0px -330px;} .ds_submit {display:inline-block; text-decoration:none; background: url(../img_ds/bg_grey.png);} .ds_submit span {display:inline-block;color: #fff; width:auto; white-space:nowrap; padding:2px 25px 2px 8px !important; text-decoration:none; background: url(../img_ds/icons.png) 100% -60px no-repeat;} .ds_submit_red { background: url(../img_ds/bg_red.png); } .ds_submit_red span{ background-position: 100% -46px;} .ds_submit:hover { background: #424242;} .ds_submit_red:hover { background: #c50000; } /* errors */ .error { border: 1px solid #c50000; font-weight:bold; background-color: #f5f5f5; color: #c50000; margin: 0.5em 0; padding: 0.5em 1em;} .error p { font-weight: bold; } .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em;} .warning { color: black; background-color: #f5f5f5; border: 1px dashed #Fa0; font-weight: bold; margin: 0.5em 0; padding: 0.5em 1em;} .warning_inline { color:#da0f00; font-weight:bold;} .success { color: green; background-color: #f5f5f5; border: 1px dashed green; font-weight: bold; margin: 0.5em 0; padding: 0.5em 1em;} .success_inline { color:green; font-weight:bold; } /* category.tpl */ .cat_desc { line-height: 1.4; margin-bottom:15px;} .cat_list .cat_item { display:inline-block; width:180px; margin-right: 18px; margin-bottom: 15px; _overflow:hidden; zoom:1; *display:inline;} .cat_list .last_item { margin-right: 0px;} .cat_list .cat_item a { display: block; text-align: center; color: #000; font-weight:bold;} .cat_list .cat_item a:hover { color: #c50000;} .cat_list .cat_item .cat_img_link { display:inline-block; position:relative; } .cat_list .cat_item .cat_img_link img { border: 1px solid #E0E0E0; } .cat_list .cat_item .cat_name { position:absolute; display:inline-block; top: 100px; left: 0px; padding: 0px 35px 0px 10px; line-height: 31px; font-size: 1.3em; color: #fff; white-space: nowrap; font-weight: normal; background: url(../img_ds/category_title.png) right;} .cat_list .cat_item .cat_name:hover { text-decoration: underline;} #scenes { margin-bottom: 15px;} /* product navigation */ .prod_nav { width:100%; margin: 0px 0 0 0; margin-top: -15px; font-size: 0.95em; color:#666; border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .prod_nav td{ padding:1px 0px;} .prod_nav a, .prod_nav span.truncate { color: #666;} .prod_nav a:hover, .prod_nav span { color: #c50000;} .prod_nav .pager a { color: #c50000; text-decoration: underline;} .prod_nav select { vertical-align: middle; margin: 0px; font-size: 0.95em;} .prod_nav .ico { display:inline-block; width: 7px; height:1em; vertical-align:middle;background: url(../img_ds/icons.png) 0px -199px no-repeat;} .prod_nav .asc { background-position: 0px -219px;} .prod_nav .prev { background-position: 0px -253px;} .prod_nav .next { background-position: 0px -238px;} /* product list*/ .prod_list { position:relative; margin-bottom: 20px; margin-left:-3px; margin-top:15px; text-align: center;} .prod_list .prod_item { position:relative; text-align: left; display:inline-block; width:160px; height:253px; margin:0px -3px 0 0; padding:12px 17px 0; vertical-align: top; _overflow:hidden; zoom:1; *display:inline;} .prod_list .prod_item:hover { background: url(../img_ds/prod_h.png) no-repeat -2px 0px;} .prod_list .prod_item .ds_button span { width: 120px;} .prod_list .third { margin-right:0px;} .prod_list .product_img_link { display:block; width:130px; margin: 0 auto; text-align: center;} .prod_list .new { position:absolute; top:5px; left: 10px; color: #c50000; font-size: 0.9em;} .prod_list h3 { font-size: 1em; line-height:1.3em; margin:2px 0px 3px 0px; font-weight:bold; white-space:nowrap;} .prod_list a{ color: #000;} .prod_list a:hover{ color: #c50000; } .prod_list .prod_info { margin-bottom:4px; padding-bottom:2px; width:148px; border-bottom:1px solid #DDDDDD; height:15px; } .prod_list .product_desc { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .product_price label { display: inline-block; width:65px; color: #777;} .product_price span.old_price { font-weight:bold; color: #777; text-decoration: line-through; } .product_price span.price { font-weight:bold; font-size: 1.6em; color: #c50000; } .product_price span.price .btw { color:#CCCCCC; display:block; font-size:9px; padding-left:83px; text-align:left;} .one_price { padding:7px 0 8px} .ico_question { display:block; float:right; width:16px; height:16px; background: url(../img_ds/icons.png) 100% -360px no-repeat;} /* product.tpl */ #primary_block h2 { position:relative; margin-top: -5px;} #primary_block #pb-right-column{ width:310px; float:left;} #primary_block #image-block{ height:302px; width:303px; text-align: center; border:#ddd solid 1px; } #primary_block #image-block img#bigpic{ cursor:pointer; } #primary_block #pb-left-column{ float:left; margin-left:1.1em; width:260px;} #primary_block #short_description_block{ margin-bottom:15px;} #primary_block .price_block { min-height: 26px; } #primary_block .price_block td.price_link { vertical-align:bottom !important; width:100x;} #primary_block .price_block td.price_link a { display:inline-block; width:32px; height: 32px; padding-right: 25px;} #primary_block .price_block td.price_link a.thuiswinkel { background: url(../img_ds/thuiswinkel.png) 0px 1px no-repeat; } #primary_block .price_block td.price_link a.safe2shop { background: url(../img_ds/safe2shop.png) no-repeat; } #primary_block .product_price { padding-left: 0px;} #primary_block .product_price label { color: #000; width:82px;} #primary_block .gray_block { padding: 10px 6px; margin-top:6px; border: 1px solid #d0d0d0; background: #FAF9F9;} #primary_block .gray_block p { margin: 0px;} #primary_block .nogray_block { margin-top: 15px; } #primary_block .nogray_block .thuis .ico_question { margin-left: 5px;} #primary_block .nogray_block .thuis a.coll { margin-bottom: 10px; text-align: right; width:147px; display: inline-block; color: #666;} #primary_block .nogray_block .thuis a.coll:hover { color: #c50000;} #primary_block .nogray_block .thuis a.coll2{ width:105px; } #primary_block .nogray_block .thuis .addthis_toolbox { padding-left: 8px; display: block;} #primary_block .prod_buttons .ds_button{ margin-top: 12px;} #primary_block .prod_buttons .ds_button span{ width: 222px;} #primary_block #color_picker p { margin: 0 0 0.4em 0; padding: 0 0 0 0;} #primary_block #color_picker { padding: 0.7em; border: 1px #d0d3d8 solid; margin-bottom: 1.5em;} #primary_block #color_to_pick_list li { display: inline; float: left; margin: 0 0.4em 0.4em 0;} #primary_block a.color_pick {display: block; width: 20px; height: 20px; border: 1px solid #666; cursor: pointer;} #primary_block a.color_pick:hover { border: 1px solid #000;} #primary_block #image-block img#bigpic.jqzoom{cursor:crosshair;position:relative;} #primary_block p.buttons_bottom_block{ margin:0; } #primary_block p.buttons_bottom_block a, #primary_block p.buttons_bottom_block input { margin:0.9em auto 0 auto; } #primary_block #short_description_content{ margin-bottom:0.5em;} #primary_block form#buy_block span#availability_label{ float:left; margin-right:1em;} #primary_block form#buy_block label{text-align:right; display:block; width:30%; float:left; padding-right:5px; } #primary_block form#buy_block select{display:block; width:66%; float:left;} #primary_block div#attributes p, #quantity_wanted_p{clear: left; height:2em;} .fb_like {padding-top: 5px;} /* views block */ #thumbs_list ul{ padding: 0px; margin:0px; list-style-type:none; margin-top: 5px;} #thumbs_list li{ float:left; cursor:pointer; width: 55px; height: 55px; border: 1px solid #ddd; margin: 0px 5px 5px 0px;} #thumbs_list li img{ width: 55px;height: 55px; } /* Tabs */ ul.idTabs { list-style-type:none; border-bottom:solid 1px #d5d5d5; height:28px; margin-top:1em;} ul.idTabs li { float:left; margin-right:1px; background: url(../img_ds/tab_l.png) top left no-repeat;} ul.idTabs li a { display:block; min-width:80px; height:19px; padding:8px 30px 0px 30px; font-size: 0.95em; font-weight:bold; color:#666; text-align:center; text-decoration:none; background: url(../img_ds/tab_r.png) top right no-repeat; } ul.idTabs li a.selected, ul.idTabs li a:hover { height:20px; color: #222;} div.sheets{clear:both; padding:1em 0;} #more_info_sheets ul li{ margin-bottom:0.4em; } .comments td{ padding:5px;} .comments .name { font-weight:bold;} .comments .date { font-size: 0.9em; color: #777;} /* category Products block */ #productscategory{ position: relative; margin:2em auto 0pt;height:180px; width:100%;} #productscategory_noscroll{ margin:1em auto 0pt; height:165px; width:100%;} #productscategory_list{ overflow:hidden; width:520px; margin: 0 auto;} #productscategory_list ul{ padding-left:0px; list-style-type:none;} #productscategory_list li{ float:left; margin:0px 0px; cursor:pointer; text-align:center; width:170px;padding-top:1px; height:160px; overflow:hidden; } #productscategory_list li:hover {background: url(../img_ds/prod_cat_h.png) top left no-repeat;} #productscategory_list a { color: #000; font-weight:bold;} #productscategory_list a:hover { color: #c50000;} #productscategory_scroll_left, #productscategory_scroll_right{ display:block; position: absolute; top:60px; width:25px; height:25px; text-indent:-3000px; background:url(../img_ds/nav.png) -50px 0 no-repeat;} #productscategory_scroll_right { right: 0px; background-position: 0 0;} #productscategory_scroll_right:hover { background-position: 0px -50px;} #productscategory_scroll_left { left: 0px; } #productscategory_scroll_left:hover { background-position:-50px -50px;} /* manufacturer */ .manufacturers_list .item { width: 180px; height: 210px; float: left; text-align: center;} .manufacturers_list .ds_button span { min-width: 90px;} .manufacturers_list h3 { font-size: 1em; font-weight: bold; line-height: 1.3em;} /* advice form */ .advice { width:500px; height: 450px; margin:15px 20px; text-align: left;} .advice_product { color: #c50000; font-size: 1.2em;} .advice_form td { vertical-align: top; text-align: left; padding: 8px;} .advice_form label { white-space: nowrap; color: #000;} .advice_form .input_format { border: 1px solid #ddd; width: 400px; padding: 2px;} .advice_form .input_captcha { width: 60px;} .advice_form img { border: 1px solid #ddd; } .advice_form .button { float: right; color: #000; background: #ddd; height: 22px;} .advice_form .button:hover { color: #000; background: #d1d1d1;} .advice .success_ok { margin: 10px 0px 30px 20px; padding: 2px 0px 2px 35px; font-size:1.2em; background: url(../img_ds/ok.png) left no-repeat;} .advice .success_text { padding: 5px 10px; background: #E0FBD8; } /* share discount */ .share_discount { overflow: hidden;} .sd_info { height: 180px; padding: 10px 185px 0px 15px; font-family: Verdana; background: url(../img_ds/discount_box.png) no-repeat;} .sd_info h2{ color: #DD1913; font-size: 1.9em !important; font-family: Verdana;} .sd_info .text{ line-height: 1.7em; color: #000; padding-bottom: 10px;} .sd_info .code span { color: #DD1913;} .sd_info .code u { color: #000; font-size: 1.9em;} .sd_block { border: 1px solid #E2E2E2; margin-bottom: 15px; background: #EAEAEA url(../img_ds/discount_block_bg.png) top repeat-x;} .sd_block .title { height: 27px; padding: 4px 0px 0px 10px; color: #393939; font-size: 18px; border-bottom: 1px solid #E2E2E2; background: #f2f2f2 url(../img_ds/discount_block_title.png) left repeat-x;} .sd_block .block { padding: 10px; } .sd_social { width: 240px; float: left;} .sd_social .sd_block .block { padding-bottom: 0px;} .sd_button { display:block; border: 1px solid #E2E2E2; margin-bottom: 10px; background: #fff url(../img_ds/discount_button.png) top repeat-x;} .sd_button:hover { background-position: 0px -60px;} .sd_button span { display: block; height: 40px; width: 100%; opacity: 1 !important; background: url(../img_ds/discount_logos.png) 50% 100px no-repeat;} .sd_social .addthis_button_gmail span { background-position: 50% -95px; } .sd_social .addthis_button_yahoomail span { background-position: 50% -42px; } .sd_social .addthis_button_hotmail span { background-position: 50% 9px; } .sd_social .addthis_button_hyves span { background-position: 50% -145px; } .sd_social .addthis_button_facebook span { background-position: 50% -195px; } .sd_social .addthis_button_twitter span { background-position: 50% -245px; } .sd_mail { width: 327px; float: right; background: #EAEAEA url(../img_ds/discount_block_bg.png) top repeat-x;} .sd_mail .block { padding: 5px 10px;} .sd_mail .gray { color: #999;} .sd_mail form { margin: 0px; padding: 0px;} .sd_mail table{ margin: 0px;} .sd_mail table td{ padding: 4px 0px;} .sd_mail label { color: #000;} .sd_mail .input_format { height: 20px; padding-left: 6px; width: 268px; border: 1px solid #E2E2E2; background: url(../img_ds/input_bg.png) top left no-repeat;} .sd_mail textarea.input_format { height: 125px; padding:4px 6px; width: 290px;} .sd_mail .button_red { height: 37px; width: 250px; margin: 0px; color: #fff; font-size: 1.2em; cursor: pointer; border: none; background: url(../img_ds/discount_button_red.png) 0px -1px no-repeat;} .sd_mail .button_red:hover { background-position: 0px -41px;} .share_discount .error a { display: none;} /* Useful */ .float_right { float:right; } .align_center { text-align:center; } .align_right { text-align:right; } .middle { vertical-align: middle; } .align_justify{ text-align: justify; } .uppercase { text-transform:uppercase; } .hidden, .collapsed, .block_hidden_only_for_screen { display:none; } .wrap { white-space: normal; } .bold { font-weight: bold; } .strike { text-decoration:line-through; } .italic { font-style: italic; } .top { vertical-align: top; } .span_link { cursor:pointer; } .span_link:hover { text-decoration:underline; } .clear { clear:both; } br.clear { clear:both; line-height:0; font-size:0; height:0; } noscript ul {list-style-type:none; background:black; color:white; padding:10px; border:1px solid gray;} /* Footer links */ ul.footer_links{ list-style-type:none; clear:both; height:2em; margin-top:2em; } ul.footer_links li{ float:left; margin-right:2em; height:2em; } ul.footer_links li a{ text-decoration:none; } ul.footer_links li a:hover{ color:black; } ul.footer_links li img.icon{ vertical-align:-2px; } /* transfert effect*/ .transferProduct { border: 2px solid #888; } /* simple list inline */ ul.inline_list{ list-style-type:none; margin-top: 1em; } ul.inline_list li { float:left; text-align:center; } ul.inline_list li img{ display:block; } ul.half { width: 45%; margin-right: 1em; float: left; } /* Category tree (i.e. in sitemap) */ div.tree_top { background:url('../img/sitemap-top.gif') no-repeat -1px -3px; padding-left:24px; padding-bottom:5px; padding-top:3px; } ul.tree, ul.tree ul{ list-style-type:none; } ul.tree li{ padding-left:1.2em; border-left:1px gray dotted; background:url(../img/sitemap-horizontal.gif) no-repeat left 10px; margin-left:1em; } ul.tree a{ padding-left:0.2em; } ul.tree a.selected{ font-weight:bold; } ul.tree li.last{ background:url(../img/sitemap-last.gif) no-repeat -12px -2px; border:none; } span.grower{ cursor:pointer; } /* global RTE fields */ div.rte, .mceContentBody { text-align:left; background:white; color:black; } div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td, .mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 { margin: 0.75em 0 0.3em 0; color: #374853; } div.rte h1, .mceContentBody h1 { font-size: 25px; font-weight:bold; } div.rte h2, .mceContentBody h2 { font-size: 20px; background:none; text-transform:none; } div.rte h3, .mceContentBody h3 {font-size: 16px;} div.rte h4, .mceContentBody h4 {font-size: 14px;} div.rte h5,.mceContentBody h5 {font-size: 12px;} div.rte h6, div.rte h6 {font-size: 8px;} div.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em; } div.rte ul, .mceContentBody ul{ list-style-type:square; margin-left:10px; } div.rte strong, .mceContentBody strong { font-weight:bold; } div.rte em, .mceContentBody em { font-style:italic; } /* tables still need 'cellspacing="0"' in the markup */ div.rte table,.mceContentBody table { border-collapse: separate; border-spacing: 1px; width:auto; } div.rte caption, div.rte th, div.rte td, div.rte table, .mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table { text-align: left; font-weight: normal; background:none; height:inherit; border:1px #e5e6e7 solid; text-align:center; } div.rte th, .mceContentBody th { padding-left:1em; padding-right:1em; background:#e5e6e7; } div.rte p, .mceContentBody p { margin:0.5em 0pt; } /* /global RTE fields */ /* global table style */ div.table_block { padding-bottom:6px; margin:0 auto 2em; } table.std { border-spacing: 0; border-collapse: collapse; width:100%; } table.std td, table.std th { padding: 0.4em 0.5em; } table.std th { white-space:nowrap; } table.std tr.item td, table.std tr.item th { background-color: white; } table.std tr.alternate_item td, table.std tr.alternate_item th { background-color: #f6f6f6; } table.std tbody tr td, table.std tfoot tr td { border-top: 1px solid #bdc2c9; } table.std thead th { background: url(../img_ds/block_head_bg.png); border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; height:24px; color: #374853; font-weight: bold; text-align: left; white-space: nowrap; } table.std thead th.first_item { border-left: 1px solid #E0E0E0; } table.std thead th.last_item { border-right: 1px solid #E0E0E0; } table.std tfoot td { color: #374853; text-align: right; white-space: nowrap; } /* /global table style */ /* global form style */ form.std { clear: both; } form.std .box_number, form.std .box_gif { position:absolute;top:-20px; left:-20px; width:38px; padding-top:4px; height:38px; color:#c50000; font-size:2em; text-align:center; font-weight:bold; background: url(../img_ds/circle.png) no-repeat ; } form.std .box_number, x:-moz-any-link, x:default {top:-30px; left:-30px;} /* firefox fix*/ form.std h3 { color: #555; font-size: 1.2em; font-weight:bold; border-bottom: 1px solid #d0d1d5; padding-bottom: 0.2em; margin: 0 0 0.2em 0;} form.std .winkelen { text-align:right; overflow:hidden;} form.std .winkelen a { float:left;} form.std .winkelen em {color:#c50000; font-style:normal;} form.std fieldset, form.std .accountblock, form.std .accountblock_box { position:relative; border: 1px solid #d0d3d8; background: #FAF9F9; margin-bottom: 1em; padding: 1em;} form.std .accountblock_box { margin-bottom:45px;} form.std .accountblock_block { overflow:hidden;} form.std .accountblock_box .box_number { } form.std .accountblock_box h3 { margin-bottom:25px; border-style:none;} form.std .accountblock_box .optioneel { color:#c50000;} form.std .accountblock_left { float:left;width:178px;} form.std .accountblock_left ul { margin:0; padding:0; list-style:none; } form.std .accountblock_left ul a { display:block;padding:2px 11px 2px 0px; background:url("../img_ds/icons_menu.png") no-repeat scroll 100% -143px ; } form.std .accountblock_left img { display:block; border:1px solid #ddd;} form.std .accountblock_right { float:right; width:370px;} #center_column form.std .accountblock_right p { margin:0 0 10px 0;} form.std .accountblock_right .table_block { padding:3px 10px 6px; background:#fff; -moz-box-shadow: 0px 0px 13px #ccc; -webkit-box-shadow:0px 0px 13px #ccc; box-shadow:0px 0px 13px #ccc;} form.std .accountblock_right table { border-collapse:collapse; } form.std .accountblock_right tr { border-bottom:1px solid #000; padding:0 10px;} form.std .accountblock_right td { padding:5px 0; } form.std .accountblock_right .small_grey { display:block; color:#777; font-size:0.9em;} form.std .accountblock_right .ds_button_red {float:right;} form.std .accountblock { margin-bottom:45px; } form.std .accountblock .box_number { top:-21px; left:-19px;} form.std .accountblock .box_gif { top:-21px; left:auto; right:-10px; width:55px; height:52px; background: url(../img_ds/bow.png) no-repeat 100% 0;} form.std .accountblock fieldset { border-style:none; background:none; padding:0; margin:0;} form.std .accountblock fieldset p.checkbox { padding-left: 5%;} form.std #alr_fieldset, form.std #delivery_address_form, form.std #carrier_selection, form.std .account_creation {margin-bottom:45px;} form.std .close{ position:absolute; top:0px; right: 10px;} form.std p.huisnummer {margin-bottom:0.5em 0; overflow:hidden;} form.std p.huisnummer sup { float:left; padding-left:2px;} form.std p.huisnummer .huisnummer_label { float:left; width:15%;} form.std p.huisnummer input {float:left;} form.std p.huisnummer input.huisnummer_text { width:90px;} form.std fieldset legend { padding: 0.3em 0.6em; margin: 1em 0 1em 0.5em; font-size: 1.6em; font-weight: 100; border-color: #d0d1d5; border-style: solid; border-width: 1px; } form.std h4, form.std p { clear: both;} form.std label, form.std p span { float: left; text-align: right; width: 30%; padding-right: 5px; } form.std p span.like_input { width: auto; margin-left:0.7em; } form.std .checkbox label, form.std .radio label, form.std span.form_info { margin: 0; float: none; text-align: left; } .checkbox input, .radio input { border: none; } .required sup { color: #da0f00; } form.std p.checkbox { padding-left: 30%; } form.std p.submit { padding-left: 30px; margin-bottom: 1.5em; } #center_column form.std p.submit2 { padding-left:170px; margin-bottom: 1.5em; } /* START OF BUTTONS SECTION * -tags : input, a, span * -sizes : mini, small, normal, large * -types : button, exlusive * -status : normal, hover, disabled * -rule : the span.button is a a.button disabled */ /* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { border: none; padding: 2px 8px; color: white; text-align: center; text-decoration: none; cursor: pointer; display: inline-block; line-height: 18px; height: 18px; background: url(../img_ds/bg_grey.png); } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { padding-bottom:2px; } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { background: #666; cursor:default; color:#ccc!important; } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color:white!important; } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color:#ccc!important; } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { background: #424242; } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { color:white ; background: #c50000; } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive, input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini, input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small, input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large { background: url(../img_ds/bg_red.png); } input.exclusive, input.exclusive_large, input.button_large {height: 22px;} /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display:none; } /* generic style */ ul.bullet li, .block ul.bullet li { padding-left: 2em; background: transparent url('../img/bullet.gif') no-repeat 0.6em 0.5em; list-style-type:none; } .price-discount { text-decoration: line-through; } .price-pretax { color: gray; } .price-ecotax { color:#488c40; } img.icon { margin-right: 0.5em; vertical-align: middle; } .price, .price-shipping, .price-wrapping { color: #c50000; font-size: 1.1em; font-weight: bold; white-space:nowrap; } /* pagination.tpl */ div.pagination { margin: 1em 0; } ul.pagination { list-style: none; float: left; } ul.pagination li { display: inline; float: left; margin-right: 0.3em; } ul.pagination li, ul.pagination a, ul.pagination span { font-weight: bold; color: #374853; } ul.pagination a, ul.pagination span { border: 1px solid #888; padding: 0em 0.4em; display: block; line-height: 17px; background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right; } ul.pagination a { text-decoration: none; } ul.pagination li.current span { background-color: #595a5e; background-image: url('../img/pagination-bg-current.gif'); color: white; border: 1px solid #595a5e; } ul.pagination li.truncate { padding: 0.3em; background: none; } #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { background-image: url('../img/pagination-prevnext-bg.gif'); border: none; line-height: 19px; border-color: #d0d1d5; border-style: solid; border-width: 0 1px; } #pagination_previous { background: transparent url('../img/pagination-prev-border.gif') no-repeat top left; padding-left: 6px; } #pagination_previous a, #pagination_previous span { border-left: none; } #pagination_next { background: transparent url('../img/pagination-next-border.gif') no-repeat top right; padding-right: 6px; } #pagination_next a, #pagination_next span { border-right: none; } li.disabled span { color: #888; background-color: #f1f2f4; } form.pagination { text-align: right; } form.pagination label { line-height: 1.4em; vertical-align: bottom; float:right; margin-left: 0.3em; } form.pagination select { float:right; } form.pagination select option{ font-size: 0.9em; padding-right: 1em; } form.pagination input{ float:right; } /* product-sort.tpl */ form#productsSortForm p{ height: 1em; margin: 0.5em 0 0 0; } form#productsSortForm p label, form#productsSortForm p select{ float:right; } form#productsSortForm p select{ font-size:1em; } /* block left column "Quick search" */ #search_block_left input { margin: 2px 0px 0px 0px; } #search_block_left #search_query { width: 11em; } #search_button { display: inline; } /* Block specials */ .blockspecials ul { height: 8em; } .blockspecials li { float: left; clear: none; width: 48%; } .blockspecials p.product_image { margin-right: 0.3em; } .blockspecials p { padding: 0.3em 0 0 0; margin: 0; text-align: center; clear: both; } .blockspecials p a { margin: 0 auto; } /* Block RSS */ div#rss_block_left p { margin:0.5em 0; text-align:center; } /* Block advertising */ .advertising_block { width: 191px; margin-bottom: 1em; text-align: center; } /* steps (like order step) */ ul.step { background: transparent url('../img/step_start.gif') no-repeat bottom left; list-style: none; margin:0.8em auto 2em; padding-left: 40px; height: 25px; width:465px; } ul.step li { height: 25px; float: left; width: 100px; text-align: center; background: transparent url('../img/step_standard.gif') no-repeat bottom left; } ul.step li.step_current { background: transparent url('../img/step_current.gif') no-repeat bottom left; font-weight:bold; } ul.step li.step_todo { font-style:italic; } ul.step li#step_end { width: 40px; } ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left; } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left; } ul#order_step { background-color: white; } /* authentication.tpl */ #authentication #create-account_form, #authentication #login_form { width: 49%; height: 25em; clear: none; float: left; } #authentication #create-account_form { margin-right: 7px; } #authentication #create-account_form input, #authentication #login_form input{ width:190px; padding:1px 2px;} #authentication #create-account_form p.text, #authentication #login_form p.text{padding:10px 0px 0px 30px; text-align:left;} #authentication #create-account_form span, #authentication #login_form span { width:auto; } #authentication #create-account_form p.text label{ width:100px;} #authentication input#SubmitCreate, #authentication input#SubmitLogin{ margin:0; } #authentication p.submit { text-align:right; padding-right: 39px;padding-top: 15px;} #authentication p.lost_password { padding:10px 0 0 30px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { height:18em;} #authentication #create-account_form label, #authentication #login_form label { float: none; clear: both; display: block; text-align: left; width: 100%; margin-bottom: 0.3em;} form#account-creation_form input.text, form#account-creation_form #id_country, form#account-creation_form #id_state, #authentication textarea { width:17em; } /* my-account.tpl */ #my-account #center_column ul { margin: 2em 0; } #my-account #center_column li { list-style: none; margin: 2em 1.5em; } /* discount.tpl */ td.discount_value { white-space: nowrap; } /* shopping cart */ table.cart_last_product { width:300px; margin-left:130px; } table.cart_last_product_content { margin:5px 0px 10px 130px; } p.cart_navigation { padding: 1em 0!important; } p.cart_navigation .button, p.cart_navigation .button_large { float: left; } p.cart_navigation .exclusive, p.cart_navigation .exclusive_large { float: right; } p.cart_navigation_extra { text-align:center; width:auto; } form.std p.cart_navigation span { float:none; text-align:left; width:auto; } #cart_summary tfoot tr td { border-top: none; line-height: 1.5em; } #cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #bdc2c9; } #cart_summary tfoot tr.cart_total_price td { border-bottom: 2px solid #bdc2c9; } #cart_summary .price, #cart_summary .price-discount { color: #595A5E; font-size: 1em; text-decoration: none; } tr.cart_item td { padding: 0.5em 0; } td.cart_product a { margin: 0 0.6em; } td.cart_product a img { border: 1px solid #d0d1d5; } td.cart_product a:hover img { border: 1px solid #888; } td.cart_description a {color:#C50000; text-decoration: underline; } td.cart_description a:hover {color:#000; text-decoration:none;} td.cart_description h5 a, td.cart_ref, td.cart_total { color: #595a5e; } td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right; } td.cart_availability, td.cart_ref { text-align: center; } td.cart_total .price { font-weight: bold; } tr.cart_item td.cart_unit { padding-right: 1em; } td.cart_quantity { width: 5.5em; text-align: right; } td.cart_quantity p, td.cart_quantity a { float: left; display: inline; } td.cart_quantity p { padding-right: 0.3em; } td.cart_quantity .icon { margin-top: 0.6em; } td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down { display: block; } tr.cart_free_shipping { white-space: normal; } #order tfoot p { margin: 0; float: left; width: 85%; } #order tfoot span { float: right; width: 15%; display: block; } tr.cart_total_price { font-weight: bold; } #order form#voucher fieldset { border: 1px solid #bdc2c9; padding: 0.7em; } #order form#voucher h4, #order form#voucher p, #order form#voucher .button { display: inline; } #order form#voucher h4 { float: left; line-height: 1.5em; margin-right: 6em; } #order #order_carrier { clear: both; margin-top: 1em; border: 1px solid #bdc2c9; padding: 0.5em; } #order #order_carrier h4 { width: 50%; display: inline; } #order #order_carrier img { vertical-align: middle; } #order #order_carrier span { margin: 0 0.2em; } #order #order_payment { clear: both; margin-top: 1em; border: 1px solid #bdc2c9; padding: 0.5em; } #order #order_payment h4 { width: 50%; display: inline; } #order #order_payment span { margin: 0 0.2em; } #order #gift_div{ display:none; } #order #gift_div label, #order #gift_div textarea{ display:block; width:100%; margin:1em 0; float: none; } /* contact-form.tpl */ body#contact-form div#center_column form input#email, body#contact-form div#center_column form select#id_contact, body#contact-form div#center_column form textarea#message{ width: 50%; } form.std p.desc_contact span.like_input { width: 366px; text-align: left; } /* history.tpl*/ #block-history table#order-list td.history_link { white-space: nowrap; text-align: right;} #block-history #block-order-detail { border-top:1px #ccc solid; border-bottom:1px #ddd solid; padding:0.5em;} #block-history #block-order-detail p { padding-left :0; padding-right :0;} #order-detail-content { clear:both; margin-top:1.5em; } #order-detail-content tbody tr{ height:3em; } #order-detail-content tfoot td{ border:none; } #order-detail-content table td input.order_qte_input{ display:none; } #order-detail-content table td.order_cb input{ border: none; } #order-detail-content table td span.order_qte_span{ width: 100%; display:block; } #block-history #block-order-detail h4{ font-size:1.4em; } #block-history #block-order-detail #sendOrderMessage p{ padding:0pt 4px 0pt 1px; } #block-history #block-order-detail textarea{ margin:0 auto; width:100%; } #ordermsg textarea{ margin:0; padding:0; width:528px; } /* sitemap.tpl */ #sitemap_content{ margin-left:5em; } div.sitemap_block{ padding:0; float:left; width:30%; } div.sitemap_block ul{ text-align:left; } div.sitemap_block h3, .categTree h3{ margin-top:1em; margin-bottom:1em; } div.categTree { margin-top:25px; margin-bottom:1em; margin-left:5em; } /* manufacturers-list.tpl && suppliers-list.tpl */ ul#manufacturers_list, ul#suppliers_list {margin-top:1em; list-style-type:none;} ul#suppliers_list li, ul#manufacturers_list li { padding:0; margin-bottom:1em; width: 140px; float: left; text-align:center; border: 1px solid red;} ul#suppliers_list li h3, ul#manufacturers_list li h3{ margin:0.4em 0; } ul#suppliers_list .left_side, ul#manufacturers_list .left_side{ float:left; width:75%; } ul#suppliers_list .logo, ul#manufacturers_list .logo{ border: solid 1px #d0d3d8; float:left; margin-right:0.6em; } ul#suppliers_list li p.description, ul#manufacturers_list li p.description{ font-size:0.92em; } ul#suppliers_list li .right_side, ul#manufacturers_list li .right_side { float:right; text-align:right; } ul#suppliers_list .right_side span, ul#manufacturers_list .right_side span{ font-size:1.7em; color:#da0f00; } ul#suppliers_list li a.button, ul#manufacturers_list li a.button{ margin-top: 4em; } /* adresses */ div.addresses { border: 1px solid #d0d3d8; padding: 0.6em; position:relative; } div.addresses h3 { margin: 0; } div.addresses p.checkbox input{ margin-top:0!important; margin-top:-3px; } ul.address { background-color:white; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0.25em; padding-bottom:0.6em; margin-bottom:1em; position:relative; width:268px; } ul.address li { padding-left: 1.4em; margin-top: 0.6em; } li.address_title { margin-top: 0!important; background-color: #d0d1d5; color: #374853; font-weight: bold; line-height: 2em; } ul.item li.address_title, ul.alternate_item li.address_title { background: url(../img_ds/block_bg.png); border-bottom: 1px solid #ddd; } li.address_name, li.address_update a, li.address_delete a { color: #666; } li.address_name, li.address_company { font-weight: bold; } li.address_update, li.address_delete { background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.5em!important; background: transparent url('../img/bullet_myaccount.gif') no-repeat 0 0.4em; margin-left: 1.4em; } #center_column .address_add { padding: 1em 0; } /* conditions & legal */ ul.shop_info { list-style-type: square!important; list-style-position:inside; padding: 0.6em; margin-top: 0.6em; margin-left: 2em; border: 1px solid #888; } ul.shop_info li { padding-left: 0.5em!important; padding-bottom: 0.5em!important; } /* conditions.tpl */ #conditions #right_column { display: none; } #conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left; } #conditions #center_column { width: 730px; text-align: justify; } #conditions #center_column ul, #conditions #center_column ol { margin-left: 2em; padding: 0.6em; } #conditions #center_column ul { list-style-type: circle; } #conditions #center_column li { padding-bottom: 0.5em; } #conditions #center_column { line-height: 1.3em; } /* identity.tpl */ p#security_informations{ font-size:0.85em; margin: 0 3em; } /* order step 3: PAYMENT */ .payment_module { display: block; } .payment_module img { vertical-align: middle; margin-right: 1em; } .payment_module a { display: block; border: 1px solid #595a5e; padding: 0.6em; text-decoration: none; } .payment_module a:hover, .payment_module a:focus, .payment_module a:active { border: 1px solid #488c40; background-color: #e5e6e7; color: #374853; } /* Printable version */ @media print { div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br { display:none; } div#center_column {width:100%} input.text{border:1px solid gray} .block_hidden_only_for_screen { display:block; margin-top:1em; } #more_info_sheets #idTab1{ width:530px; } * {background:none!important;background-color:white!important;} } /* Customizable product */ #customization_block { width: 556px; } .customization_block_title { margin: 4px 4px 4px 2px; } #customization_block ul { margin: 6px 6px 0px 6px; } .customization_block_input { vertical-align: inherit; } img.customization_delete_icon { margin: 2px; } li.customizationUploadLine { clear: left; padding: 4px; display: block; } div.customizationUploadBrowse { float: left; } div.customizationUploadBrowseDescription { padding: 6px; } img.customizationUploaded { margin: 2px; border: 1px solid #888888; } ul.customizationUploaded { list-style-type: none; margin-left: 4px; } ul.customizationUploaded li { display: inline; } ul.customizationUploaded a { text-decoration: none; } div.customizationUploaded { clear: left; } div.deletePictureUploaded { float: right; } div.deleteCustomizableProduct { float: right; } ul.typedText { padding-left: 6px; list-style-type: none; } /* module blockmenutop */ #menu-top { clear:both; width:100%; height:40px; } #menu-top dl{ float:left; position:relative; padding-right:10px; } #menu-top dl dt{ line-height:30px; height:30px; } #menu-top dl dt a{ text-decoration:none; background:#eeeeee; display:block; height:30px; width:100px; padding-left:5px; padding-right:5px; } #menu-top dl dt a:hover{ background:#ccc; } #menu-top dl:hover dd{ display:block; } #menu-top dl dd{ display:none; position:absolute; width:100px; } #menu-top dl dd ul{ width:100%; text-align:left; background:#cccccc; } #menu-top dl dd ul li a{ display:block; background:#eee; width:100%; text-decoration:none; padding:10px; } #menu-top dl dd ul li a:hover{ background:#ccc; } /* module blockwishlist */ #wishlist_block #wishlist_block_list dl.products { border-bottom: 1px solid #fff; margin: 0 0 5px 0; padding: 0 0 5px 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dt a.cart_block_product_name { font-weight:bold; } #wishlist_block div.block_content #wishlist_block_list dl.products dt { padding: 4px 0 4px 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dt a.ajax_cart_block_remove_link { float: right; margin:0px 0 0 0; } #wishlist_block div.block_content #wishlist_block_list dl.products dd{ font-style: italic; margin: 0 0 0 10px; } #wishlist_block div.block_content p select#wishlists{ width: 140px; } #wishlist_block div.block_content p a.exclusive{ margin: 5px auto 0 auto; } /* mywishlist */ div#mywishlist div#block-order-detail form.wl_send fieldset p input{ margin-left:60px; } div#mywishlist div#block-order-detail { margin-top: 10px; display: block; } div#mywishlist form.std fieldset label { text-align:left; width: 20%; } div#mywishlist form.std fieldset input#submitWishlist { display: inline; } div#mywishlist table.std thead th.mywishlist_first{ text-align: center; width: 40px; } div#mywishlist table.std thead th.mywishlist_second{ text-align: center; width: 80px; } div#mywishlist table.std thead th.first_item, div#mywishlist table.std tbody tr td{ width: 200px; } div#mywishlist div#block-order-detail { margin-top: 10px; } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0; } div#mywishlist #hideBoughtProducts,div#mywishlist #showBoughtProducts{ float:left; margin:-18px 0 0 5px; } div#mywishlist #showBoughtProducts, div#mywishlist #hideBoughtProductsInfos, div#mywishlist #hideSendWishlist{ display:none; } div#mywishlist #showBoughtProductsInfos, div#mywishlist #hideBoughtProductsInfos{ float:right; margin:-18px 118px 0 0; } div#mywishlist #showSendWishlist, div#mywishlist #hideSendWishlist, div#mywishlist div#block-order-detail ul li a.exclusive { float:right; margin:-18px 0px 0 0; } div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center; } div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px; } div#mywishlist div#block-order-detail table.wlp_bought_infos{ margin:0 0 0 10px; } div#mywishlist div#block-order-detail ul li img { float:left; } /* View wishlish */ #view_wishlist #featured-products_block_center ul div li a img { float: left; } #view_wishlist #featured-products_block_center ul div li a, #view_wishlist #featured-products_block_center ul div li span { text-decoration: none; float: left; } #view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail, div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-left: 30px; float: left; } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom:5px; } #view_wishlist #featured-products_block_center ul div li a.exclusive, #view_wishlist #featured-products_block_center ul div li span.exclusive { margin-left:55px; } #view_wishlist #featured-products_block_center ul div li.address_name input.text { color: #999; font-weight: bold; font-size: 11px; border:0; } /* module productcomments */ .rating { cursor: pointer; margin: 2em; clear: both; display: block; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } .cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } .cancel, .cancel a {background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px;} .star, .star a {background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0px;} .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; } div.star_on a{ background-position: 0 -16px; } div.star_hover a, div.star a:hover{ background-position: 0 -32px; } .pack_content{ margin: 10px 0 10px 0; } .pack_price { float: right; margin-right:3px; font-size: 12px; } .confirmation { color: forestgreen; font-weight: bold;} #page .rte { background:transparent none repeat scroll 0 0; } #showcase { height:208px; overflow:hidden; position:relative; } #showcase ul { display:block; width:100%; position:absolute; } #showcase li { display:block; list-style:none outside none; margin:0; position:relative; } #showcase ul.links { z-index:40; height: 27px; background:#fff; bottom: 0px; left: 0px; width:584px; } #showcase ul.links li { float:left; border-right:1px solid #fff; cursor:pointer; text-align:center; background: url(../img_ds/slideshow_li.png) no-repeat; } #showcase ul.links li.current {width:145px;background: url(../img_ds/slideshow_current.gif) no-repeat;} #showcase ul.links li.current a {padding:5px 0 0 0px;} #showcase ul.links a {display:block; padding:5px 1px 0 0px; width:143px; height:22px; color:#555; font-size:1.2em;} #showcase ul.links img { display:none; } #showcase ul.links li.current a { color:#fff;} #showcase ul.links li.current img { border: 2px solid #ccc;} #showcase ul.output { left:0px; width:100%; z-index:20; } #showcase ul.output li a { display: block; height: 181px; position: relative; } #showcase ul.output img { display:block; z-index:1; width:580px; } #showcase ul.output a { cursor:pointer; display:block; } #showcase ul.output .text { background:none repeat scroll 0 0 #555; bottom:0px; color:#FFFFFF; cursor:pointer; font-size:1.1em; opacity:0.7; padding:0 5px; line-height:1.3em; position:absolute; width:570px; z-index:20; } #showcase ul.output a.view { background: url(../img_ds/but_next.png) no-repeat; text-indent: -999px; position: absolute; width: 52px; height: 27px; right: -1px; top: 49%; z-index: 20; text-decoration: none !important; } #showcase a:hover, #showcase a:hover .text { text-decoration:none; } #showcase a .text:hover { text-decoration:underline; } #showcase .text b { font-size:1.4em; font-weight:normal; } #showcase .text b span { font-size:0.9em; } .rte1 {max-width:900px;} .addthis_toolbox .hover_effect { width: 240px; padding: 10px 0 0px 0px; /* border: 0px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } .addthis_toolbox .hover_effect div { float: left; width: 24px; } .addthis_toolbox .hover_effect a { /*border: 2px solid #fff;*/ padding: 3px 2px 3px 22px; position: relative; text-decoration: none; border: 1px solid #faf9f9; display: inline-block; height: 17px; } .addthis_toolbox .hover_effect a:hover { border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; text-decoration: none; } .addthis_toolbox .hover_effect span { position: absolute; width: 16px; height: 16px; margin: 1px 0px 0px 3px; top: 2px; left: 1px; } .comments { margin-bottom:15px;}