/* Original template by www.broucek-a-beruska.cz */ * {padding:0; margin:0;} BODY {background: url(../img/bg.gif) 0 100% repeat-x #3D3D3D; font-size: 75%; font-family: Arial, sans-serif; color: #fff; text-align: center;} H2 {color: #fff; border-bottom: 1px #000 solid; font-size: 190%; margin: 10px 0; padding-bottom: 10px; font-weight: normal;} H3 {color: #0083af; font-size: 130%; margin: 10px 0;} H4 {font-size: 100%; margin: 2px 0;} UL {list-style-type: none;} IMG {border: 0; vertical-align: middle;} TABLE {font-size: 100%; border-collapse: collapse;} TD {vertical-align: top; padding: 2px 5px 2px 0;} INPUT, SELECT, TEXTAREA {color: #000; background: #fff; border: 1px #cfcfcf solid; font-size: 100%; font-family: Arial, sans-serif; padding: 2px 3px; vertical-align: middle;} SELECT {padding: 1px 2px;} A, A:visited {color: #a7952f;} A:active, A:hover {color: #fff;} /* Layout */ #page {width: 1000px; margin: 0 auto; text-align: left; position: relative;} #header {height: 192px; background: url(../img/header.jpg) no-repeat #231f20; margin-bottom: 15px;} #header ul {list-style: none;} #header form {border: none; margin-bottom: 0!important; display: inline;} #header label {margin: 0; float: none;} #logo {position: absolute; left: 229px; top: 4px;} #left_column, #center_column, #right_column {float: left; overflow: hidden;} #left_column {width: 210px; clear:left;} #center_column {width: 580px; min-height: 800px;} #right_column {width: 210px;} #footer {color: #a7952f; clear: both; margin: 0 auto; padding: 50px 0 10px 0; text-align: center;} #footer P {clear: both; margin: 0;} #footer A {text-decoration: none;} #footer A:hover {text-decoration: underline;} #footer .block_various_links {margin: 0 auto; padding-top: 43px;} #footer .block_various_links li {display: inline; border-left: 1px #a7952f solid; padding: 0 5px 0 7px; line-height: 13px;} #footer .block_various_links li.first_item {border: none; padding-left: 0;} /* Default block style */ .block {width: 192px; background: url(../img/block.gif) 0 100% no-repeat #000; margin-bottom: 5px;} .block .block_content {padding: 6px 15px 30px 15px;} .block h4 {color: #fff; background: url(../img/block_header.gif) no-repeat #0083af; font-size: 120%; padding: 12px 0 15px 25px; text-transform: uppercase; margin: 0;} .block h4 A {color: #fff; text-decoration: none;} .block h4 A:hover {color: #fff; text-decoration: underline;} .block ul.tree li {padding-left: 1.2em;} #right_column .block {margin-left: 18px;} /* block top user information */ #header_user {color: #fff; position: absolute; right: 20px; top: 159px; text-align: right;} #header_user UL LI {float: right; padding: 3px 0 3px 35px; margin-left: 20px;} #header_user #shopping_cart span.ajax_cart_quantity {margin-left: 10px;} #header_user #shopping_cart {background: url(../img/icon_cart.gif) 0 50% no-repeat;} #header_user #your_account {background: url(../img/icon_user.gif) 0 50% no-repeat;} #header_user #login {background: url(../img/icon_login.gif) 0 50% no-repeat;} #header_user a {color: #fff;} #header_user a:hover {color: #a7952f;} /* Block informations */ #informations_block_left LI {padding: 0 0 10px 0;} #informations_block_left A {text-decoration: none;} #informations_block_left A:hover {text-decoration: underline;} /* Block categories */ #categories_block_left UL UL {margin: 10px;} #categories_block_left UL LI {margin: 0 0 10px 0; padding: 0;} #categories_block_left UL A, #categories_block_left UL A:visited {color: #fff; font-size: 110%; font-weight: bold; text-decoration: none;} #categories_block_left UL A:hover {color: #a7952f; text-decoration: underline;} #categories_block_left UL UL A {font-size: 100%; font-weight: normal; text-decoration: underline;} #categories_block_left UL .selected {color: #a7952f !important;} #categories_block_left UL UL .selected {text-decoration: none; font-weight: normal;} /* Manufacturers */ .blockmanufacturer UL LI {padding: 0 0 10px 0;} .blockmanufacturer FORM {margin: 10px 0;} .blockmanufacturer SELECT {width: 160px;} .blockmanufacturer A {text-decoration: none;} .blockmanufacturer A:hover {text-decoration: underline;} /* block top currencies */ #currencies_block_top {color: #fff; position: absolute; right: 20px; top: 10px;} #currencies_block_top ul li {float:left; margin-right:0.2em;} #currencies_block_top ul li a {display:block; font-size:0.8em; color: #000; background-color:#afaa87; border:#000 1px solid; text-decoration:none; min-width: 1em; padding: 0px 2px 0px 3px; line-height: 1.5em; text-align: center; vertical-align: middle;} #currencies_block_top ul li a:hover, #currencies_block_top ul li.selected a {border: none; color: #fff; background-color: transparent; font-weight: bold; border:1px solid white;} #currencies_block_top p {clear: left;} /* block top languages */ #languages_block_top {position: absolute; right: 50px; top: 10px;} #languages_block_top p {clear: left;} #languages_block_top ul#first-languages {float: left; height: 1.5em; width: 8em;} #languages_block_top ul#first-languages li {float:left; margin-right: 0.3em;} #languages_block_top ul#first-languages li.selected_language {float:left; margin-right: 0.3em;} /* top links */ #header_links {position: absolute; left: 200px; top: 160px;} #header_links li {float: left; padding: 0 8px;} #header_links a {color: #fff;} #header_links a:hover {color: #a7952f;} /* block top search */ #search_block_top {position: absolute; left: 25px; top: 159px;} #search_block_top p {padding: 0;} #search_block_top label {display: none;} #search_block_top input {float: left; border: 0;} #search_block_top input#search_query {width: 115px; padding-bottom: 3px;} #search_block_top .button {width: 24px; height: 20px; background: transparent; padding: 0; margin-left: -1px;} /* block left column "Quick search" */ #search_block_left FORM {margin-top: 10px;} #search_block_left LABEL {display: none;} #search_block_left #search_query {width: 110px;} #search_button {display: inline; margin-left: 5px; padding: 0;} /* block myaccount */ div.myaccount li {margin-bottom: 10px;} div.myaccount ul.bullet .icon {display: none; } /* Block tags */ .tags_block p {text-align: justify; font-size:0.9em;} .tags_block p a {margin: 0 0.1em; line-height: 1.5em;} a.tag_level3 {font-size: 1.8em; font-weight: bold;} a.tag_level2 {font-size: 1.4em;} a.tag_level1 {font-size: 1em;} /* Block new products */ #new-products_block_right li {margin-bottom: 10px;} #new-products_block_right li a {font-weight: bold; display: block;} /* Block specials */ .blockspecials li img {margin: 0 7px 10px 0;} /* Block Viewed Products */ #viewed-products_block_left li {height: 120px;} #viewed-products_block_left li img {margin-right: 7px;} /* Block newsletter */ #newsletter_block_left INPUT {width: 135px;} #newsletter_block_left SELECT {width: 102px; vertical-align: middle; float: left; margin: 0 8px 0 0;} #newsletter_block_left P {margin: 0 0 10px 0;} #newsletter_block_left .button_mini {width: 34px !important; background-color: transparent;} /* Block editorial */ .editorial_block {margin-bottom: 2em;} .editorial_block p {text-align: justify; padding-top: 0.4em;} #editorial_block_center p {padding-left:0px;} /* Block advertising */ .advertising_block {text-align: center; margin-bottom: 30px;} /* Block RSS */ #rss_block_left p {margin:0.5em 0; text-align:center; } /* Block logo payment */ .paiement_logo_block {width: 191px; text-align: center; margin: 10px 0;} .paiement_logo_block a {text-decoration: none; } .paiement_logo_block img {margin: 0 0.5em; } /* Breadcrumbs */ .breadcrumb {color: #aaa; font-size: 95%;} .breadcrumb A {color: #aaa;} .breadcrumb A:hover {color: #fff !important;} .breadcrumb .navigation-pipe {padding: 0 5px;} /* Subcategories */ #subcategories {border-bottom: 1px #000 solid; padding-bottom: 10px;} #subcategories P {margin: 10px 0 0 10px; float: left;} #subcategories UL {margin: 10px 0; float: left;} #subcategories LI {float: left; background: #eee; margin: 0 10px 10px 0; padding: 10px; line-height: 13px; text-align: center;} #subcategories IMG {margin-bottom: 7px;} /* Sorting */ #productsSortForm {height: 34px; margin: 10px 0; clear: both; border-bottom: 1px #000 solid; padding-right: 10px;} #productsSortForm SELECT, LABEL {float: right;} #productsSortForm LABEL {margin: 5px 10px 0 0;} /* Pagination */ #pagination {height: 30px; clear: both;} #pagination UL {float: left; margin: 10px 0 0 0 !important; padding: 0;} #pagination LI {background: transparent; margin: 0; padding: 0; float: left;} #pagination LI SPAN {padding: 3px 7px; display: block;} #pagination A {color: #000; background: #afaa87; border: 1px #000 solid; margin: 0 10px 0 0; padding: 2px 7px; display: block; text-decoration: none;} #pagination A:hover {color: #fff; background: #444; border: 1px #000 solid;} #pagination .current {font-weight: bold; background: transparent; border: 0; margin-right: 10px;} #pagination .current SPAN {padding: 3px;} #pagination FORM {float: right; margin-top: 7px;} #pagination FORM .button_mini {margin-left: 10px;} #pagination .truncate {margin-right: 10px;} #pagination INPUT, #pagination SELECT {float: right; margin-right: 10px; vertical-align: middle;} /* Products category */ #productscategory {margin:2em auto 0pt; height:120px; width:100%;} #productscategory_noscroll {margin:2em auto 0pt; height:120px; width:100%;} #productscategory_list {overflow:hidden; float:left; width:96%;} #productscategory_list ul {padding-left:0px; list-style-type:none;} #productscategory_list li {float:left; margin:0 3px; cursor:pointer; text-align:center; width:100px; overflow:hidden;} #productscategory_scroll_left, #productscategory_scroll_right {background: url('../img/thumbs_left.gif') no-repeat center; text-indent:-3000px; display:block; width:9px; height:18px; float:left; margin-top:30px;} #productscategory_scroll_right {background-image: url('../img/thumbs_right.gif');} /* 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; } /* Styles for products blocks */ /* block products (new, features, viewed, etc...) on left and right column */ .products_block li {clear: left; margin-top: 0.2em;} .products_block li.item img {margin-right: 5px;} .products_block li.last_item {border: none;} .products_block li img {vertical-align: top; float: left; margin-right: 0.2em; border: 2px #a7952f solid;} .products_block p img {float: none; margin: 0 0 0 0.4em; border: 0;} .products_block li h5 {display: inline; font-size: 0.9em;} .products_block li p a {font-weight: bold; font-size: 0.8em;} .products_block dl {clear: both; padding: 0.2em 0.4em;} .products_block dl dt {margin-top: 0.3em; color: #595a5e;} .products_block p {margin-top: 0.4em;} .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;} /* steps (like order step) */ .step {height: 30px; border-bottom: 1px #000 solid; margin: 10px 0 !important;} .step LI {background: transparent; margin: 0; padding: 0; float: left;} .step A {width: 105px; background: #000; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center;} .step A:hover, .step .step_current {width: 105px; color: #fff !important; background: #afaa87; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center; text-decoration: none;} .step .step_todo {width: 105px; color: #888; background: #2f2f2f; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center;} /* Special style for block cart*/ #cart_block {background: url(../img/block_cart.gif) 0 100% no-repeat #911; margin-bottom: 12px;} #cart_block .block_content {padding-bottom: 15px;} #cart_block h4 {background: url(../img/block_cart_header.gif) no-repeat #202020; padding: 6px 0 13px 25px;} #cart_block h4 span {text-transform:none; font-size:0.8em; cursor:pointer; background-repeat:no-repeat; background-position:left top; padding-left:10px;} #cart_block h4 span#block_cart_collapse {background-image: url('../img/icon/sort_asc_white.gif'); } #cart_block h4 span#block_cart_expand {background-image: url('../img/icon/sort_desc_white.gif'); } #cart_block #cart_block_no_products {margin: 0.5em 0; } #cart_block dl dt a, #cart_block dl dt span.quantity-formated {float: left;} #cart_block dl {font-size: 0.9em;} #cart_block dt {padding-top:0.4em; height:1.2em;} #cart_block dl span.quantity-formated {padding-right:0.3em;} #cart_block dt, #cart_block dd {clear: both; margin-top:0.2em;} #cart_block dt {width: 175px;} #cart_block dd {width: 155px;} #cart_block dd {margin-left:1em; margin-right:1em; font-style:italic;} #cart_block dl dt a {font-weight: bold;} #cart_block a.ajax_cart_block_remove_link {width:11px; height:13px; margin-right: 15px; float:right; font-size:0; display:block; background: transparent url('../img/icon/delete.gif') no-repeat left bottom;} #cart_block a.ajax_cart_block_remove_link:hover {text-decoration:none;} #cart_block p {clear: both;} #cart_block p span {clear: right; float: left; text-align: right;} #cart_block li {clear: both;} #cart_block span.price {color: #fff; float: right;} #cart_block dl span.price {font-weight: normal; color: #fff; float: right; margin-right: 8px;} #cart_block_wrapping_cost, #cart_block_shipping_cost, #cart_block_total {padding-right:1.3em;} #cart_block table#vouchers {margin-top:0.5em; border-top:1px solid white; height: 3em; padding-top:0.4em; margin-bottom:0.5em; clear:both;} #cart_block p#cart-prices {margin-top:0.5em; border-top:1px solid white; height: 4em; padding-top:0.4em; margin-bottom:0.5em; clear:both;} #cart_block table#vouchers td {padding:0; border:0; height:1.5em;} #cart_block table#vouchers td.price {color:#fff; font-size:1em; font-weight:normal; width:37%; text-align:right;} #cart_block table#vouchers td.delete {width:9%; text-align:right;} #cart_block table#vouchers td.delete img {margin:0;} #cart_block p#cart-buttons {height: 1.6em; margin:0 -0.3em;} #cart_block p#cart-buttons a {float: left;} #cart_block p#cart-buttons a#button_order_cart {float: right;} #cart_block .cart_block_customizations {margin-left: 6px; list-style-type: square;} #cart_block #cart-price-precisions {margin-top:0.5em; padding-top: 0.4em; border-top:1px solid white; font-size: 0.9em; height: 2em;} #cart_block .button_small {background-image: url('../img/button-cart.png');} #cart_block .exclusive {background-image: url('../img/button-cart_exclusive.png');} /* authentication.tpl */ #authentication #create-account_form, #authentication #login_form {width: 49%; height: 25em; clear: none; float: left;} #authentication #create-account_form h4 {height: 3.4em; padding:0.3em 3em 0 0em;} #authentication #create-account_form p.text, #authentication #login_form p.text {height: 3.4em; padding-left:0; padding-right:0;} #authentication #create-account_form {margin-right: 7px;} #authentication #create-account_form p.text {text-align:left; width:100px;} #authentication #create-account_form p.text label {width:100px;} #authentication input#SubmitCreate, #authentication input#SubmitLogin {margin:0;} #authentication p.submit {margin-right: 0; text-align:left; padding-left:17% !important;} #authentication p.lost_password {padding-left:4em;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height:18em;} #authentication p.submit span {padding-right:0.5em;} #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;} table.cart_last_product_content {margin:5px 0px 10px 10px;} 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 #000;} #cart_summary tfoot tr.cart_total_price td {border-bottom: 1px solid #000;} #cart_summary .price, #cart_summary .price-discount {color: #fff; 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 #a7952f;} td.cart_product a:hover img {border: 1px solid #000;} td.cart_description a {text-decoration: none;} td.cart_description a:hover {text-decoration: underline; } 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; } tr.cart_item td.cart_total {padding-right: 0.5em; } td.cart_quantity {width: 6.3em; text-align: right;} td.cart_quantity p, td.cart_quantity a {float: left;} td.cart_quantity p {padding-right: 10px;} td.cart_quantity a.cart_quantity_up {margin-right: 2px;} td.cart_quantity a.cart_quantity_down {} 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 #000; 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 form#voucher label {float: left; margin: 6px 6px 0 0;} #order #order_carrier {clear: both; margin-top: 1em; border: 1px solid #000; 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 #gift_div {display:none;} #order #gift_div label, #order #gift_div textarea {display:block; width:100%; margin:1em 0;} /* contact-form.tpl */ #contact-form #center_column form input#email, #contact-form #center_column form select#id_contact, #contact-form #center_column form textarea#message {width: 50%;} form.std p.desc_contact span.like_input {width: 366px; text-align: left;} /* history.tpl*/ .color-myaccount {} #block-history table#order-list {border:none;} #block-history table#order-list thead th {} #block-history table#order-list thead th {color:white;} #block-history table#order-list tbody {} #block-history table#order-list tbody tr td {background-color: #000;} #block-history table#order-list td.history_link {white-space: nowrap; text-align: right;} #block-history #block-order-detail {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 p {margin: 10px 0;} #ordermsg textarea {margin:0; padding:0; width:528px;} /* Product list */ #product_list {margin: 0 !important; position: relative;} #product_list LI {width: 184px; height: 290px; background: url(../img/product_bottom.jpg) 0 100% no-repeat #afaa87; float: left; margin: 0 4px 10px 4px; padding: 0; text-align: center; overflow: hidden;} #product_list H3 {height: 45px; background: url(../img/product.jpg) no-repeat; font-weight: bold; border: 0; font-size: 120%; margin: 0; padding: 0 10px;} #product_list H3 A {color: #000; display: block; padding: 16px 0 7px 0;} #product_list H3 A:hover {color: #990404;} #product_list .product_img_link {display: block; padding: 10px 0;} #product_list .product_img_link IMG {margin: 0 auto; border: 1px #000 solid;} #product_list .new {color: #000; display: block; font-weight: bold; margin: 5px 0;} #product_list .product_desc {padding: 0 10px; text-align: left;} #product_list .discount {color: #990404; font-weight: bold; margin-bottom: 0;} #product_list .prices {height: 50px; overflow: hidden;} #product_list .price {color: #990404; display: block;} #product_list .button {width: 62px; background: url(../img/view.gif) 50% 50% no-repeat; font-size: 110% !important; display: block; text-align: center; padding: 5px 0; float: right; margin-right: 15px; _margin-right: 10px;} #product_list .exclusive {width: 62px; background: url(../img/cart.gif) 50% 50% no-repeat; font-size: 110% !important; display: block; text-align: center; padding: 5px 0; float: left; margin-left: 15px; _margin-left: 10px;} #product_list .button:hover, #product_list .exclusive:hover {text-decoration: underline !important;} /* Product */ #primary_block #pb-left-column {width:200px; float:left; margin-left:1.1em;} #primary_block #pb-right-column {width:300px; float:left;} #primary_block #image-block {height:315px; width:300px;} #primary_block #image-block IMG {border: 2px #a7952f solid;} #primary_block #image-block img#bigpic {cursor:pointer; height:300px; width:300px;} #primary_block ul#usefull_link_block {display: none;} #primary_block #short_description_block {padding:0.7em; margin-bottom:1.5em;} #color_picker p {margin: 0 0 0.4em 0; padding: 0 0 0 0;} #color_picker {padding: 0.7em; margin-bottom: 1.5em;} #color_to_pick_list {} #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 #000; 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 0;} #primary_block #short_description_content {margin-bottom:0.5em;} #primary_block form#buy_block {padding:0 0.7em 0.7em 0.7em;} #primary_block form#buy_block p {padding:0; margin-top:0;} #primary_block form#buy_block img.on_sale_img {float:left;} #primary_block form#buy_block span.on_sale {color:#f00; text-transform:uppercase; font-weight:bold;} #primary_block form#buy_block span.discount {color:#f00; text-transform:uppercase; font-weight:bold;} #primary_block form#buy_block span.our_price_display {} #primary_block form#buy_block span#availability_label {float:left; margin-right:1em;} #primary_block form#buy_block label {} #primary_block form#buy_block label, #primary_block form#buy_block select {display:block; width:47%; float:left;} #primary_block div#attributes p, #quantity_wanted_p {clear: left;} #quantity_wanted_p LABEL, #attributes LABEL {margin: 3px 10px 0 0;} #attributes SELECT {margin: 0 0 5px 0;} #quantity_wanted {width: 25px; text-align: center;} /* prices */ #primary_block form#buy_block p.price {font-size:190%; margin-bottom: 20px;} #primary_block form#buy_block span#pretaxe_price {font-size:0.75em;} #primary_block form#buy_block p#old_price {font-size:0.8em; text-decoration:line-through;} #primary_block form#buy_block p#reduction_percent {color:#f00; font-size:0.75em;} #primary_block form#buy_block p.price-ecotax {font-size:0.75em;} /* views block */ #views_block {margin:0pt auto; width: 274px;} #thumbs_list {overflow:hidden; float:left; width: 240px;} #thumbs_list ul {padding-left:0px; list-style-type:none; margin-top: 5px;} #thumbs_list li {float:left; cursor:pointer; width: 80px; height: 80px;} #view_scroll_left, #view_scroll_right {background: url('../img/thumbs_left.gif') no-repeat center; text-indent:-3000px; width:9px; height:13px; float:left; margin-top:30px; padding-right: 4px; padding-left: 4px;} #view_scroll_right {background-image: url('../img/thumbs_right.gif');} span.view_scroll_spacer {float: left; width: 17px; height: 80px;} /* module reversoform*/ .account_creation #reverso-form {width: 100%} .account_creation #reverso-form label {width: 250px; text-align: left; margin-left: 10px} .account_creation #reverso-form label#legend_reverso {clear: both; width: 100%; font-size: 10px; text-align: left} .account_creation #reverso-form input#reverso_form {margin-top: 20px} /* order step 3: PAYMENT */ .payment_module {display: block; margin: 5px 0;} .payment_module img {vertical-align: middle; margin-right: 1em;} .payment_module a {display: block; background: #333; border: 1px solid #000; padding: 0.6em; text-decoration: none;} .payment_module a:hover, .payment_module a:focus, .payment_module a:active {border: 1px solid #000; background: #afaa87; color: #fff;} /* addresses */ .addresses label {float: left; margin: 5px 6px 0 0;} .address {border: 1px solid #000; margin: 15px 0; padding: 15px 20px;} .address .address_title {color: #a7952f; margin-bottom: 10px;} .address .address_update {margin-top: 10px;} .addresses .checkbox input {margin-top: 5px;} /* 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;} /* Product rating */ .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 0;} .star_on a {background-position: 0 -16px;} .star_hover a, .star a:hover {background-position: 0 -32px;} .confirmation {color: #0f0; font-weight: bold;} .pack_content {margin: 10px 0 10px 0;} .pack_price {float: right; margin-right:3px; font-size: 12px;} /* Tabs */ .idTabs {height: 30px; border-bottom: 1px #000 solid; margin: 30px 0 10px 0 !important;} .idTabs LI {background: transparent; margin: 0; padding: 0; float: left; white-space: nowrap;} .idTabs LI A {width: 130px; background: #000; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center;} .idTabs LI A:hover, .idTabs LI A.selected {width: 130px; color: #fff !important; background: #afaa87; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center; text-decoration: none;} /* Sitemap */ .sitemap_block {width: 33%; float: left;} /* 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: #000;} table.std tr.alternate_item td, table.std tr.alternate_item th {background-color: #2f2f2f;} table.std tbody tr td, table.std tfoot tr td {border-top: 1px solid #000;} table.std thead th {height:24px; color: #fff; background: #2f2f2f; font-weight: bold; text-align: left; white-space: nowrap;} table.std thead th.first_item {background-position: top left;} table.std thead th.last_item {background-position: top right;} table.std thead th.item {background-position: -5px 0;} table.std tfoot td {text-align: right; white-space: nowrap;} /* global form style */ form.std {clear: both;} form.std h3 {color: #fff; font-size: 1.4em; font-weight: normal; background-color: #2f2f2f; border-bottom: 1px solid #000; padding: 0.5em; margin: 0 0 0.5em 0;} form.std fieldset {border: 1px solid #000; margin: 1em 0; padding-bottom: 1em;} form.std fieldset legend {padding: 0.3em 0.6em; margin: 1em 0 1em 0.5em; font-size: 1.6em; font-weight: 100; border-color: #000; border-style: solid; border-width: 1px;} form.std h4, form.std p {padding: 0.3em 1em !important; clear: both; font-weight: normal;} form.std label, form.std p span {float: left; text-align: right; width: 30%; padding-left: 12px;} form.std p span.like_input {width: auto; margin-left:0.7em;} form.std input, form.std textarea, form.std select {margin: 0 0 0 10px;} input[type="text"], input[type="password"] {width: 200px;} input.text {height:18px; padding-left:2px; padding-right:2px;} .checkbox input, .radio input {border: 0;} form.std .checkbox label, form.std .radio label, form.std span.form_info {margin: 0; float: none; text-align: left;} .required sup {color: #fff;} form.std p.checkbox {padding-left: 30%;} form.std p.submit {padding-left:31%!important; margin-bottom: 1.5em;} #center_column form.std p.submit2 {padding-left:170px; margin-bottom: 1.5em;} .checkbox {height: 15px;} .checkbox input, .checkbox label {float: left; margin-right: 7px;} condition_title, .carrier_title {clear: both; margin: 20px 0 5px 0;} /* 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 { background-repeat: no-repeat; background-position: top left; background-color: transparent !important; border: none; color:#fff!important; font-weight: bold; font-size: 11px!important; text-align: center; text-decoration: none!important; cursor: pointer; display: block; line-height: 22px; height: 22px; } /* 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-position: left -36px; cursor:default; color:#888!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:#488c40!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-position: left -22px; } /* 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!important; } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { width: 34px; background-image: url('../img/button-mini.png'); } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { width: 60px; background-image: url('../img/button-small.png'); } input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { width: 100px; background-image: url('../img/button-medium.png'); } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large { width: 157px; background-image: url('../img/button-large.png'); } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png'); } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.png'); } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.png'); } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large { background-image: url('../img/button-large_exclusive.png'); } /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display:none; } /* generic style */ .price-discount {text-decoration: line-through;} .price-pretax {color: gray;} .price-ecotax {color: #dfdfdf;} img.icon {margin-right: 0.5em; vertical-align: middle;} .price, .price-shipping, .price-wrapping {color: #fff; font-size: 125%; font-weight: bold; white-space:nowrap;} /* Warnings and errors */ .error, .warning, .success {background: #afaa87; border: 1px #000 solid; margin: 10px 0; padding: 10px 15px;} .error p {font-weight: bold;} .error li {list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em;} .warning_inline {color: #f00; font-weight: bold;} .success_inline {font-weight: bold;} /* Other useful */ .my_account LI {background: transparent !important; padding: 3px 10px !important;} .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;} .cleaner {clear: both; margin: 12px 30px;} /* new clearfix */ .clearfix:after {clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: ".";} * html .clearfix {zoom: 1} *:first-child+html .clearfix {zoom: 1} #page .rte {background: transparent none repeat scroll 0 0} /* module paypalapi */ .paypalapi_about {text-align: justify} .paypalapi_about ul {padding-left: 20px} /* cms pages */ #cms div.content_only {text-align: left; padding: 10px} /* 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;} }