/* Original template by www.broucek-a-beruska.cz */ * {padding:0; margin:0;} BODY {color: #000; background: url(../img/bg.jpg) 100% 0 no-repeat #000; font-size: 75%; font-family: Arial, sans-serif; text-align: center;} H2 {color: #000; background: url(../img/dot.gif) 0 100% repeat-x; font-size: 160%; margin: 10px 0; padding-bottom: 10px;} H3 {color: #000; 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: #777; background: url(../img/input.gif) no-repeat #fff; border: 1px #888 solid; font-size: 100%; font-family: Arial, sans-serif; padding: 2px 3px; vertical-align: middle;} SELECT {padding: 1px 2px;} A, A:visited {color: #fff;} A:active, A:hover {color: #fff;} /* Layout */ #page {width: 1000px; background: url(../img/bg.gif) no-repeat; margin: 0 auto; text-align: left; position: relative;} #header {height: 216px; background: url(../img/header.png) no-repeat;} #header ul {list-style: none;} #header form {border: none; margin-bottom: 0!important; display: inline;} #header label {margin: 0; float: none;} #logo {width: 415px; height: 110px; overflow: hidden; position: absolute; left: 26px; top: 51px; z-index: 1; margin: 0; text-align: center; font-weight: bold; font-size: 260%; text-decoration: none; display: block;} #logo SPAN {width: 415px; height: 110px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../img/logo.png) no-repeat; display: block; cursor: pointer;} #left_column, #center_column, #right_column {float: left; overflow: hidden;} #left_column {width: 205px; color: #fff; clear:left;} #right_column {width: 205px; color: #fff;} #center_column {width: 590px; background: #fff; min-height: 600px;} #center_column #main {padding: 20px;} #center_column A, #center_column A:visited {color: #000;} #center_column A:active, #center_column A:hover {color: #000;} #left_column .price, #right_column .price {color: #000;} #footer {height: 80px; color: #888; background: url(../img/footer.gif) 0 10px no-repeat #000; clear: both; margin: 0 auto; text-align: center;} #footer P {clear: both; margin: 0;} #footer A {color: #888; text-decoration: none;} #footer A:hover {color: #ccc; text-decoration: none;} #footer .block_various_links {margin: 0 auto; padding-top: 20px;} #footer .block_various_links li {display: inline; border-left: 1px #888 solid; padding: 0 5px 0 7px; line-height: 13px;} #footer .block_various_links li.first_item {border: none; padding-left: 0;} /* External footer links */ #external {color:#595958 ; margin: 0 auto; padding-top: 9px;} #external a {color:#595958; text-decoration: none; font-size: 100%;} #external a:hover {color:#595958;} /* Default block style */ .block {width: 195px; border-bottom: 10px #000 solid;} .block .block_content {font-weight: bold; padding: 15px 10px;} .block h4 {color: #fff; background: url(../img/box_header.gif) no-repeat #333; padding: 9px 10px; text-transform: uppercase; margin: 0;} .block h4 A {color: #fff; text-decoration: none;} .block h4 A:hover {color: #fff; text-decoration: none;} .block ul {list-style: none;} .block ul.tree li {padding-left: 1.2em;} #right_column .block {margin-left: 10px;} /* block top user information */ #header_user {color: #fff; position: absolute; left: 807px; top: 95px;} #header_user LI {background: url(../img/arrow.gif) 0 5px no-repeat; padding: 0 0 3px 10px;} #header_user .ajax_cart_total, #header_user .ajax_cart_no_product {font-weight: bold;} /* Block informations */ #informations_block_left {width: 1000px; height: 36px; background: url(../img/infos.gif) no-repeat #1f1a17; position: absolute; left: 0; top: 170px; z-index: 10;} #informations_block_left .block_content {padding: 12px 0 0 0 !important;} #informations_block_left H4 {display: none;} #informations_block_left LI {background: url(../img/infos_spacer.gif) 100% 50% no-repeat; float: left; padding: 0 15px;} #informations_block_left A {text-decoration: none; text-transform: uppercase; font-weight: bold;} #informations_block_left .selected A, #informations_block_left A:hover {color: #000;} /* Block categories */ #categories_block_left ul {margin: 0; _margin-left: 20px;} #categories_block_left ul ul {margin: 8px 0;} #categories_block_left ul li {background: url(../img/icon/dot.gif) 0 1px no-repeat; font-weight: bold; margin-bottom: 12px; padding: 0 0 0 20px;} #categories_block_left ul li ul li {font-weight:normal; margin-bottom: 2px;} #categories_block_left ul a {text-decoration: none;} #categories_block_left ul a.selected {color: #fdaf14; font-weight: bold;} #categories_block_left span.grower {display:block; float:left; width:12px; height:12px; margin: 1px 0 0 -20px !important;} #categories_block_left span.OPEN {background: url('../img/icon/less.gif') no-repeat;} #categories_block_left span.CLOSE {background: url('../img/icon/more.gif') no-repeat;} /* Manufacturers */ .blockmanufacturer FORM {margin-top: 10px;} .blockmanufacturer SELECT {width: 172px;} .blockmanufacturer ul {margin: 0;} .blockmanufacturer ul li {background: url(../img/icon/dot.gif) 0 1px no-repeat; font-weight: bold; margin-bottom: 12px; padding: 0 0 0 20px;} .blockmanufacturer ul a {text-decoration: none;} /* Suppliers */ .blocksupplier ul {margin: 0;} .blocksupplier ul li {background: url(../img/icon/dot.gif) 0 1px no-repeat; font-weight: bold; margin-bottom: 12px; padding: 0 0 0 20px;} .blocksupplier ul a {text-decoration: none;} /* block top currencies */ #currencies_block_top {color: #fff; position: absolute; right: 45px; top: 145px; z-index: 10;} #currencies_block_top ul li {float:left; margin-right:0.2em;} #currencies_block_top ul li a {display:block; font-size:95%; color: #000; background-color:#ccc; border:#999 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;} /* Google translate */ #gtranslate {position: absolute; left: 800px; top: 144px;} #gtranslate SELECT {width: 80px;} /* block top languages */ #languages_block_top {position: absolute; left: 815px; top: 145px;} #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; right: 60px; top: 110px;} #header_links li {float: left; padding: 0 8px;} /* block top search */ #search_block_top {position: absolute; left: 800px; top: 65px;} #search_block_top p {padding: 0;} #search_block_top input {float: left;} #search_block_top input#search_query {width: 110px; margin: 0 5px;} #search_block_top .submit {width: 21px; height: 21px; background: transparent; border: 0; padding: 0;} /* block left column "Quick search" */ #search_block_left FORM {margin-top: 10px;} #search_block_left LABEL {display: none;} #search_block_left #search_query {width: 130px;} #search_button {display: inline; margin-left: 5px; padding: 0;} /* 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 specials */ .blockspecials li img {margin: 0 7px 10px 0;} /* Block Viewed Products */ #viewed-products_block_left li {height: 90px;} #viewed-products_block_left li img {margin-right: 7px;} /* Block newsletter */ #newsletter_block_left INPUT {width: 165px; } #newsletter_block_left SELECT {width: 132px; 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: 30px !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: #999; font-size: 95%;} .breadcrumb A {color: #999 !important;} .breadcrumb A:hover {color: #000 !important;} .breadcrumb .navigation-pipe {padding: 0 5px;} /* Subcategories */ #subcategories {background: url(../img/dot.gif) 0 100% repeat-x; padding-bottom: 10px;} #subcategories P {margin: 10px 10px 0 0;} #subcategories UL {margin: 10px 0;} #subcategories LI {float: left; background: transparent; padding: 0 8px 0 0; margin-right: 8px; line-height: 20px; border-right: 1px #ccc solid;} /* Sorting */ #productsSortForm {height: 34px; margin: 10px 0; clear: both; background: url(../img/dot.gif) 0 100% repeat-x;} #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 {background: #ccc; border: 1px #999 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; } /* block in the center column */ #center_column p {margin: 0.5em 0;} #center_column div.block {width: 536px; margin:auto;} #center_column div.block h4 {background: transparent url('../img/block_header_large.gif') no-repeat top left; height: 17px; color: white;} /* 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: 10px;} .products_block li.last_item {border: none;} .products_block li img {vertical-align: top; float: left; margin-right: 0.2em;} .products_block p img {float: none; margin: 0 0 0 0.4em;} .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; border-top: 1px solid #000; margin-top: 90px;} .products_block dl dt {margin-top: 0.3em;} .products_block p {margin-top: 0.4em;} .products_block a.button_large {margin: 0.4em auto 0 0;} .products_block ul.product_images li {border: none; float: left; clear: none; margin: 0;2px} .products_block ul.product_images img {margin: 0 1px !important;} /* Special style for block products in center column */ #center_column .products_block {border: none;} #center_column .products_block {color: #595a5e;} #center_column .products_block h4 {line-height: 1.3em;} #center_column .products_block .block_content {background: #E8E8E8 none; padding:0pt;} #center_column .products_block ul li:hover {background-color:#E8E8E8 ; } #center_column .products_block ul li {border-right: 1px solid white; border-bottom:1px solid white; float: left; clear: none; width:133px; background-color: #d0d3d8; padding: 0; margin-top:0;} #center_column .products_block ul .product_accessories_description {margin:0; padding:0;} #center_column .products_block ul .product_accessories_description .product_accessories_price {margin-top:75px !important; margin-top:0px;} #center_column .products_block ul .product_accessories_description {margin:0; padding:0; height:280px;} #center_column .products_block li.last_item_of_line {border-right:none;} #center_column .products_block li.first_item_of_line {clear:both;} #center_column .products_block li.last_line {border-bottom:none;} #center_column .products_block p, #center_column .products_block h5 {margin: 0.5em 0.1em;} #center_column div.products_block h5 {display: block; height: 2.57em;} #center_column div.products_block h5 a {color: #374853; font-size:1.1em;} #center_column div.products_block ul li p {margin:0; padding:0;} #center_column div.products_block p.product_desc {height:9.5em; color: #595a5e;} #center_column div.products_block a.product_image {display: block; background-color: transparent; width: 129px; height: 129px; margin-left:2px;} #center_column div.products_block .product_accessories_description a.product_image {width: 118px; height: 85px;} #center_column div.products_block a.product_description {display: block; width: 118px; height: 50px; margin-left:2px;} #center_column div.products_block a.product_image img {float:none; margin:0;} #center_column div.products_block p.product_desc, #center_column div.products_block h5 {margin-left:0.5em; margin-right:0.5em;} #center_column div.products_block ul li p.product_desc a {font-weight:normal; } #center_column .products_block span.price {text-align: center; font-size: 1.5em; padding: 0.5em 0;} p.price_container {text-align: center;} #center_column .products_block .featured_price {margin-top:2.5em;} #center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {margin: 0.5em auto;} /* Special style for block accessories in center column (product page) */ .products_block.accessories_block .block_content{ background:none; } .products_block.accessories_block p.product_desc { height:6.5em; } .products_block.accessories_block .block_content li{ background:none; } .products_block.accessories_block .block_content li a.product_image, #center_column .products_block.accessories_block .block_content li a.product_description { border-right:1px solid #d0d3d8; font-weight:bolder; } .products_block.accessories_block .block_content li.last_item a.product_image{ border:none; } /* steps (like order step) */ .step {height: 30px; border-bottom: 1px #999 solid; margin: 30px 0 10px 0 !important;} .step LI {background: transparent; margin: 0; padding: 0; float: left;} .step A {width: 105px; color: #000; background: #ccc; 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: #999; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center; text-decoration: none;} .step .step_todo {width: 105px; color: #666; background: #bbb; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center;} /* Special style for block cart*/ #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-left:4px; 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;} #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 #000; 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 #000; 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 #000; font-size: 0.9em; height: 2em;} /* 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 #999;} #cart_summary tfoot tr.cart_total_price td {border-bottom: 1px solid #999;} #cart_summary .price, #cart_summary .price-discount {color: #a72669; 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 #999; } td.cart_product a:hover img {border: 1px solid #000; } td.cart_description a {text-decoration: none; } td.cart_description a:hover {text-decoration: none; } 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: 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 #999; 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 #999; 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: #999;} #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 textarea {margin:0; padding:0; width:528px;} /* product-list.tpl */ #product_list {list-style-type: none;} #product_list li {background: url(../img/dot.gif) 0 100% repeat-x; height:141px; clear:both; margin-bottom:10px;} #product_list a.product_img_link {border: 1px #000 solid; float:left; margin-right:20px;} #product_list a.product_img_link img {vertical-align: bottom;} #product_list h3 {margin:10px 0 20px 0; font-size: 100%;} #product_list .new {background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%; border:1px solid #488C40; color:white; font-size:0.6em; font-weight:bold; margin:0pt 1em 0pt 0pt; padding:0pt 0.4em; text-transform:uppercase; vertical-align:0.3em;} #product_list .product_desc {font-size:95%;} #product_list .center_block {float:left; width:75%;} #product_list .right_block {float:left; width: 10em; text-align:right; margin-left:1em; padding-top: 10px;} #product_list .discount, #product_list .on_sale {color:#fdaf14; text-transform: uppercase; font-weight:bold; display: block;} #product_list .reduction {display: block; margin-bottom: 10px;} #product_list .price {display: block; font-size: 140%; margin-bottom: 20px;} #product_list span.availability {font-size:95%;} #product_list a.button {margin-top:0.5em;} /* Product */ #primary_block #pb-left-column {width:220px; 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: 1px #999 solid;} #primary_block #image-block img#bigpic {cursor:pointer; height:300px; width:300px;} #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 #999; 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 {padding: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; text-align:center;} #primary_block form#buy_block span.discount {color:#f00; text-transform:uppercase; font-weight:bold; text-align:center;} #primary_block form#buy_block span.our_price_display {text-align:center;} #primary_block form#buy_block span#availability_label {float:left; margin-right:1em;} #primary_block form#buy_block label {text-align:right;} #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, #availability_statut LABEL, #product_reference LABEL, #attributes LABEL {margin: 0 10px 0 0;} #attributes SELECT {margin: 0 0 5px 0;} #quantity_wanted {width: 25px; text-align: center;} #usefull_link_block {margin-left: 50px;} /* prices */ #primary_block form#buy_block .price {font-size: 160%; text-align:center; display: block; margin-top: 10px;} #primary_block form#buy_block #old_price {text-align:center; font-size: 120%;} #primary_block form#buy_block span#old_price_display {text-decoration:line-through;} #primary_block form#buy_block span#pretaxe_price, #primary_block form#buy_block p#reduction_percent, #primary_block form#buy_block p.price-ecotax {text-align:center;} /* 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;} /* 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 #999; padding: 0.6em; text-decoration: none;} .payment_module a:hover, .payment_module a:focus, .payment_module a:active {border: 1px solid #000; background-color: #999; color: #374853;} /* addresses */ .addresses label {float: left; margin: 5px 6px 0 0;} .address {border: 1px solid #999; margin: 15px 0; padding: 15px 20px;} .address .address_title {color: #0086e5; margin-bottom: 10px;} .address .address_update {margin-top: 10px;} /* 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: forestgreen; 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 #999 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; color: #000; background: #ccc; 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: #999; margin: 0 2px; padding: 8px 0 7px 0; display: block; text-align: center; text-decoration: none;} /* Sitemap */ .sitemap_block {width: 33%; float: left;} .sitemap_block UL, .categTree UL {margin: 0 0 0 10px;} .sitemap_block LI, .categTree LI {background: url(../img/li.gif) 0 7px no-repeat; padding-left: 10px;} /* 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: #999; border-bottom: 1px #fff solid;} table.std tr.alternate_item td, table.std tr.alternate_item th {background-color: #999; border-bottom: 1px #fff solid;} table.std tbody tr td, table.std tfoot tr td {border-top: 1px solid #999;} 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 #576165; padding: 0.5em; margin: 0 0 0.5em 0;} form.std fieldset {border: 1px solid #999; margin-bottom: 1em; 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: #999; 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: #000;} 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;} 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; border: none; color:#5c676b !important; font-size: 11px!important; font-weight: normal !important; text-align: center; text-transform: uppercase; text-decoration: none!important; cursor: pointer; display: block; line-height: 20px; height: 20px; } /* 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 -40px; cursor:default; color:#000!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:#5c676b!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:#000!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 { color:#000!important; background-position: left -20px; } /* 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:#000!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: 30px; 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: 120px; 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: 180px; background-image: url('../img/button-large.png'); } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium.png'); } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini.png'); } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small.png'); } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large { background-image: url('../img/button-large.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: #383838; font-size: 1.1em; font-weight: bold; white-space:nowrap;} /* Warnings and errors */ .error, .warning, .success {background: #ccc; border: 1px #999 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 */ .transferProduct {border: 1px #777 solid;} /* effect transfer to cart */ .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;} /* 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;} }