/** * Simply T-Shirt CSS */ /* tooltip styling */ .tooltip { display:none; background:url(../img/black_arrow.png); height:72px;padding:25px;width:159px; font-size:11px; color:#fff; text-align: center; font-weight: bold; font-size: 16px; z-index: 30; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.3;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} ul,li{ list-style: none; margin: 0; padding:0; } #wrapper{ background: url(../img/body_bg.gif) 0px 119px repeat-x; } body {font-size: 13px; font-family:Arial, Helvetica, sans-serif; } /* special style for home page */ body.pinup{ background-color: #f9d3de; } #home-img{ position: absolute; left: -80px; top: 141px; width: 1177px; height: 540px; } body.pinup #main_center_column{ height: 508px; } body.pinup #footer{ border: 0;} #home-product-link { display: block; height: 229px; left: 389px; position: absolute; text-indent: -9999px; top: 18px; width: 165px; } #cal { display: block; height: 160px; position: absolute; right: 0; text-indent: -9999px; top: 478px; width: 351px; z-index: 20; } #home-video-container{ width: 430px; height: 246px; position: absolute; top: 57px; left: 690px; } body#index #header_user strong{ color: #000; } body#index #footer ul li{ color: #000; } /* calendar */ #kalender td{ font-family: Georgia; font-style: italic; } #kalender td p{ padding: 10px 0 0 0px; } #kalender .months td p{ padding: 0px 0 0 10px; } input{ font-family:Arial, Helvetica, sans-serif; } .container{ width: 960px; margin: 0 auto; position: relative;} .breadcrumb{ display: none; } /* Useful */ .align_right { text-align:right; } .middle { vertical-align: middle; } .align_justify{ text-align: justify; } .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:none; } .clear { clear:left; } br.clear {clear:both; line-height:0; font-size:0; height:0;} /* transfert effect*/ .transferProduct { border: 2px solid #888;} /* send to friend */ #send_friend fieldset {list-style:none; width:300px} #send_friend p { padding:0; margin-bottom:0.5em; width:310px} #send_friend li {list-style:none; width:295px} #send_friend .send_friend_img { text-align:center; padding-bottom:0.5em} /* global style */ a {color: #697681; background:none; text-decoration: none; outline: none; } a:hover {text-decoration: underline;} a img {outline: none; border: none; text-decoration: none;} h2 { font-size: 2em; margin: 0.5em 0 ; font-weight: bold; } h3 { font-size: 1.1em; margin: 1em 0;} h4 { font-size: 1em;} h6{ font-size: 1em; font-weight: bold;} /* global layout */ h1#logo { z-index: 10; position: absolute; left: 0; top: 0; width: 250px; height: 165px; background: url(../img/simply-logo-2010.png) top left no-repeat; text-indent: -9999px; } #header { clear:both; position: relative; background: transparent url(../img/partner_logos.png) right 15px no-repeat; height: 119px; } #top { height: 165px; margin: 0px; } #center_column{ } .sf-contener{ clear: both; } .sf-contener ul ul{ display:none;} .sf-contener ul{ position: absolute; top: 119px; right: 0px; float:right; width: 547px; background-color: #000; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px;} .sf-contener a{ color: #fff; display:block; padding: 2px 1px 0; text-decoration: none; font-size: 14px; text-transform: uppercase; } .sf-contener li{ float: left; margin-left: 30px; height: 22px; overflow:hidden;} /* global form style */ form.std {clear: both;} form.std h3 {color:black; border-bottom:1px solid #ebebeb; font-size:1em; font-weight:bold; text-align:left; padding: 0.5em 0 0.5em 0; margin: 0 0 0.5em 0;} form.std fieldset {border: 1px solid #fff; width:475px; clear:left; margin-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:#cccccc solid 1px;} form.std h4, form.std p {padding: 0.3em 0em; font-weight:normal; color:#3f3f3f; clear: both;} form.std label, form.std p span {float: left; text-align: right; color:#000000; width: 30%; padding-right:0.6em } form.std input, select { } input, textarea, select, span.editable { padding:1px; height:15px; padding-left:5px; color:#261C1C; background:transparent} input, textarea, select {border:#cccccc solid 1px; height:auto; background: #f8f8f8;} input.text {height:18px; padding-left:2px; padding-right:2px; } #identitygender label {margin: 0; float: none;} #required label {color:black; font-weight:bold} #required input {} form.std .checkbox label, form.std .radio label, form.std span.form_info {margin: 0; float: none; text-align: left; border:none} span#security_informations{font-size:0.85em; width:400px; float:left; margin-bottom:0.5em; padding:0.7em; background:#ffffcc; border-top:1px solid #eeef95; border-bottom:1px solid #eeef95} /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display:none; } /* generic style */ /* errors */ .error {background: #FFFFCC; width: 50%; border: 1px solid #EEEF95; color: #da0f00; margin: 1.5em 0 1.5em 0; padding: 0.3em 0.8em 1em;} .error p {background: #FFFFCC; font-weight: bold; text-align:left} .error a{text-align:left; color:#6A5D4A;} .error li {background: #FFFFCC; list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em;} /* warning */ .warning {background:black; width:auto; float:left; margin: 1em 0 1.5em 0; padding:0.2em; color:white; list-style:none; font-weight:bold;} .warning_inline {color:white;} /* success */ .success { color: #000; background-color: #fff; border: 1px dashed green; font-weight: bold; margin: 0.2em 0em; padding: 0.3em 0.8em 1em;} .success_inline {color: #000; font-weight:bold;} /* Header */ #header ul { list-style: none;} /* block top languages */ #header #languages_block_top { top: 15px; left: 444px; position: absolute; } #header #languages_block_top p {clear: left;} #languages_block_top ul#first-languages {float: left; height: 1.5em; width: 5em;} #languages_block_top ul#first-languages li {float:left; margin-right: 0.3em; background:none; text-transform: uppercase; font-size: 10px;} #languages_block_top ul#first-languages li.selected_language {float:left; margin-right: 0.3em;} /* block top user information */ #header_user { position: absolute; top: 15px; left: 547px; text-transform: uppercase; font-size: 10px; } #header_user span { } #header_user div { } #header_user li {float:left; } #header_user .shopping_cart { background:url('../img/icon_cart.gif') 0px 1px no-repeat; padding-left: 18px; color: #697681; } #header_user strong{ color: #F17697; font-weight: normal;} #cart_link{ } /* Default block style */ div.block {margin-bottom: 1em;} div.block ul { list-style: none; background:none} div.block ul.tree li { padding-left:1.2em;} div.block a:hover { text-decoration:none;} #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin:0 0 0 -3px; } div.block .block_content {min-height:20px;} div.block li {padding: 0em 0 0em 0em; list-style-position: outside;} div.block a { } /* myaccount */ #myaccount {margin-top:1.5em; padding-top:0em; list-style:none} #myaccount li a{ text-decoration:none; line-height:23px;} #myaccountnav { margin:1em 0 ; margin-bottom:1.5em; border:none} #myaccountnav ul { padding-left:0.3em; margin-top: 2em; border-bottom:2px solid black;} #myaccountnav li {display:inline; margin-right:0.5em; line-height:28px; background:transparent; } #myaccountnav li a {border:1px solid transparent; padding:5px 12px 6px 11px; } #myaccountnav li a.selected {border:1px solid black; background:black; color: #FFF; text-decoration:none; padding-left:10px; padding-right:11px; } #accountwelcome { padding:0em 1em 1em 0em} #pcheck {padding-left:13.5em;} #pcheck label {color:black; font-weight:bold} #pcheck input { border:none} /* adresse.tpl */ #address_myaccountnav h3 { font-weight:normal; color:#FF6600; width:100%; background:url(../img/dotted.gif) repeat-x bottom; padding-bottom:0.5em} #address_myaccountnav span { font-weight:normal; font-size:11px; } /* Footer */ #footer{ height: 40px; border-top: 1px solid #000; padding: 6px 0; margin-top: 25px; } #footer ul{width: 950px; margin: 0 auto; list-style-type: none; padding: 0;} #footer ul li { margin: 0 3px; float: left; color: #697681; text-transform: uppercase; font-size: 11px; line-height: 2.1em; } /** meta nav **/ #share-fb a{ display: inline-block; background: transparent url(https://www.facebook.com/favicon.ico) left 3px no-repeat; width: 22px; height: 22px; text-indent: -9999px; } /* global table cart */ table.std {width:680px} table.std {border-spacing: 0; border-collapse: collapse; margin:0 0 0em;} table.std td, table.std th {padding: 0.4em 0.5em;} table.std th {white-space:nowrap; text-align:left} table.std tr.alternate_item td, table.std tr.alternate_item th {} table.std thead th{ border-bottom: 2px solid #000; color: #000; padding:0.5em 0 0.5em 0.5em; font-weight:bold; white-space: nowrap;} table.std thead th.cart_product {text-align:left; padding-left:1.6em;} table.std thead th.cart_product h5 span { font-weight:normal} table.std thead th.cart_description { text-align:left; padding-left:1.5em;} table.std thead th.cart_ref{text-align:left; padding-left:0.7em} table.std thead th.cart_unit{text-align:right; padding-right:1.6em} table.std thead th.cart_availability{text-align:center; width:100px } table.std thead th.cart_quantity{text-align:left; padding-left:2em} table.std thead th.last_item { text-align:right; padding-right:1.5em} table.std thead th.carrier_price{ text-align:left; padding-left:0.5em} table.std thead th.total_details{ text-align:right} table.std thead th.history_total_details{ text-align:right; padding-right:0.5em} table.std thead th.item {background-position: -5px 0;} table.std tfoot td {color:black; text-align: right; white-space: nowrap;} #cart_summary tfoot tr.cart_total_price td {color:black; font-size:15px; font-weight:bold; padding:0.4em 1.2em 0.4em 0; background: url(../img/separator.gif) left bottom repeat-x; } tr.cart_item td { padding: 0.5em; background: url(../img/separator.gif) left bottom repeat-x; } td.cart_product { min-width:200px} td.cart_product img { float:left; clear:left; padding-right:1em} td.cart_product a { text-decoration: none;} td.cart_product a:hover { text-decoration: underline; } td.cart_product h5 { font-size:11px;} td.cart_product h5 a {color:black;} td.cart_product .cart_span_attribut { color:#3f3f3f; width:200px; float:left;} td.cart_unit, td.cart_total, td.cart_discount_price {text-align:right; color:#3f3f3f; font-size:12px } td.cart_availability, td.cart_ref { text-align: center;} td.cart_total .price { font-weight: bold;} td.cart_quantity p, td.cart_quantity a {float:left; margin:0; padding:0; display: inline;} td.cart_quantity a.cart_quantity_up { height:8px} .cart_quantity_number {text-align:center; margin:0.6em 0 0 0.5em; color:black; font-weight:bold; float:right} .cart_quantity_delete { float:right} #cart_block_wrapping_cost, #cart_block_shipping_cost , #cart_block_total{ padding-right:1.3em; } #cart_block table#vouchers, #cart_block p#cart-prices {border-top:1px solid white; height: 3em; 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:white; 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-bottom:5px} #cart_block p#cart-buttons a { } #cart_block p#cart-buttons a#button_order_cart { } #cart_block .cart_block_customizations {margin-left: 6px; list-style-type: square;} #cart_block h4{ display: none;} #order tfoot p {margin: 0; float: left; width: 85%;} #order tfoot span {float: right; width: 15%; display: block; } div.table_block {width:580px;} #voucher { float:left;} #voucher h4 {font-size:13px; font-weight:bold; color:#333; margin-top:2em} #voucher p { color:#3f3f3f; padding-right:3em;} #order form#voucher input {border:none; padding:0 0 0 0; color:#3f3f3f; width:170px; height:25px; background:url('../img/voucher-input.gif') no-repeat} #order form#voucher .sub {width:30px; height:27px; border:none; background:url('../img/voucher-bnt.gif') no-repeat; cursor:pointer} #voucher table {width:auto; padding:0; margin-top:0.5em; float:left;} #voucher td {padding:0; height:35px;} #order #gift_div {font-size:13px; float:left; font-weight:bold; color:black; padding:2em 0 0.5em 0} #order div#gift_div { margin-top:3em;} #order .carrier_title{color:black; padding:0; font-weight:bold; font-size:12px} #order #gift_div label{color:black; padding-left:0.5em} #order #gift_div, #order #gift_div textarea{display:block; width:670px; margin:1em 0; padding:0.3em 0; color:#666666;} #order .wrapping_more {background:url(../img/texture.gif); border:none } #order .condition { float:left; width:670px; background:url(../img/separator.gif) top left repeat-x; margin-top:15px; padding:10px 0 10px 10px; margin-bottom:2em} #order .condition h3 { margin:0; padding:0; color: #F17697; margin-bottom:0.5em} #order .condition a { color:#F17697; font-weight:bold; font-size:12px} #order #order_carrier {clear: both; margin: 0em 0.5em 1em 1.4em;} #order #order_carrier, label {background:transparent} #order #order_carrier h4 {width: 50%; display: inline; } #order #order_carrier img {vertical-align: middle; } #order #order_carrier span {margin: 0 0.2em; color:#dd2a81} #order #order_condition_read{ color:#666666; font-weight:bold} #order .tbody_order_carrier { background:url('../img/dotted.gif') repeat-x; width:550px; margin-top:0.6em} p.cart_navigation {width:680px; padding:2em 0 0 0; float:left;} p.order_navigation {width:680px; padding:2em 0 0 0; float:left} p.order_navigation .buttonorder {float: right; cursor: pointer; } p.cart_navigation .buttoncontinu {float: right; } form.std p.cart_navigation span {float:none; text-align:left; width:auto; } p.cart_navigation .buttonnext { float: left; padding-left: 3.5em; padding-right: 2em; background: #000 url('../img/post-nav-previous.gif') 20px 6px no-repeat; } p.order_navigation .buttonnext {float: left; padding:0.5em 2em 0.5em 3.5em; border:1px dashed #ccc; background:url('../img/post-nav-previous.gif') 20px 7px no-repeat} p.order_navigation .buttonconfimation {float: right; padding:0.5em; width:220px; background:black; } #center_column .bntsuivant {float: right; height:20px; padding:0em 0.7em 0.4em 0.6em; width:auto; } #center_column .bntsuivant {float: right; height:20px; padding:0em 0.7em 0.4em 0.6em; width:auto; border-bottom:1px solid #e5edc7; background:#f4f8f9; } #center_column .buttonprecedent {padding-left: 32px; float: left; background:url('../img/post-nav-previous.gif') 10px 7px no-repeat; } /* 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%;} #contact{ width:410px; float:left; margin:0 1em 0 0;} #contact li {list-style:none; color:#da0f00; margin-bottom:1em} #contact label {color:black} #contact select { } #contact textarea { width:400px} #contact input { padding:0.2em 0.2em 0.2em 0.3em; } #contact span { margin-left:13.5em !important; margin-left:13.8em; color:#f6a720; width:auto} #customer_assistance { height:265px; text-align:right; border-left:1px dashed #cccccc; float:right; width:400px; padding-left:4em !important; padding-left:1em} #customer_assistance h3 {color:black; margin:1em 0 0.5em 0; border-bottom:1px solid #cccccc; padding-bottom:0.3em; width:100% } #customer_assistance p { margin:0; padding:0} #customer_assistance a {color: #da0f00; font-size:12px} #customer_assistance a:hover {text-decoration:underline} /* authentication.tpl */ #authentication #create-account_form, #authentication #login_form {width:282px !important; width:10%; height: 25em; clear: none; float: left;} #authentication fieldset {width:273px; margin-right:1.7em; float:left} #authentication h3 { width:260px; margin-bottom:1em; text-transform:uppercase} #authentication #login_form input{ width: 200px;} #authentication #login_form label{ color:black} #authentication #create-account_form { margin-right: 7px;} #authentication #create-account_form input { width:200px} #authentication p.submit {margin-right: 0; text-align:left;} #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;} div#account_creation {float:left; width:550px} #account_creation h3 { width:550px} #account_creation fieldset { width:63%} #account_creation ul { margin-left:15.5em} /* steps (like order step) */ ul.step {list-style:none; width:680px; background-color: #F17697; -moz-border-radius: 4px; margin:1.5em 0 0 0; height:34px;} ul.step a {text-decoration:none; color:#000;} ul.step li {line-height: 34px; width:130px; float:left;font-weight:bold; font-size:11px; text-align: center;} ul.step li.step_current {background: transparent url('../img/step_current.png') no-repeat bottom left; border:none; width: 130px; font-weight:bold; color:black} ul.step li.step_todo {color:#fff;} ul.step li#step_end { width: 137px; } ul.step li#step_end.step_current { height:34px; } #commitment {float:right; width:200px; margin-top:-2.9em; border-left:1px solid #cccccc;} #commitment ul {padding:0.3em 0em 0 1em } #commitment h6 {padding:0.5em 0 0 0; } #commitment h5 {color:black; background:url('../img/black_arrow.gif') left no-repeat; padding-left:1em; margin:0 0 1em 2px; font-weight: bold;} #commitment p { padding-bottom:0.3em} #commitment a { font-weight:bold;} #commitment span {color:black; font-weight:bold} .product_list li {float: left; clear:none; width:218px; padding:0 12px 1 0; position: relative; margin-right: 20px; } .product_list .image_container { background: url('../img/product_list_bg.gif') top left no-repeat; width: 227px; height: 275px; padding: 1px; margin:0; } .product_list p.price{ font-family: Georgia, Times, Serif; font-size: 16px; font-weight: bold; font-style: italic; padding: 0px; padding-bottom: 10px; } .product_list h3 { font-size: 14px; font-weight: normal; margin: 3px 0; padding:0;} .product_list div.category{ position: absolute; top: 20px; right: 10px; width: 57px; height: 57px; text-indent: -9999px; background: transparent url('../img/cat_vneck.png') top left no-repeat; } /** category styles **/ .product_list .cat_tanktop div.category{ background-image: url('../img/cat_tanktop.png'); } .product_list .cat_boatneck div.category{ background-image: url('../img/cat_boatneck.png'); } .product_list .cat_polo div.category{ background-image: url('../img/cat_polo.png'); } .product_list .cat_short-round-neck div.category{ background-image: url('../img/cat_round.png'); } .product_list .cat_short-v-neck div.category{ background-image: url('../img/cat_vneck.png'); } .product_list .cat_long-v-neck div.category{ background-image: url('../img/cat_longv.png'); } .product_list .cat_long-round-neck div.category{ background-image: url('../img/cat_longround.png'); } .cat_t-shirts div.category {} .product_list p.colors{ position: absolute; right: 0; width: 120px; top: 305px; } .product_list p.colors span{ float:left; display:block; width: 8px; height: 12px; margin-left: 4px; } .buyNowBtn { float:right; margin-top:3px; } /* pagination.tpl */ div#ul.pagination {float:left; width:890px} ul.pagination {float:right;} ul.pagination li {display: inline; float: left; margin-right: 0.2em;} ul.pagination li, ul.pagination a, ul.pagination span {color:#3f3f3f; background:white; text-transform:uppercase} ul.pagination a, ul.pagination span {color: #3f3f3f; padding: 0em 0.4em; display: block; padding-top:0.1em} ul.pagination a { text-decoration: none; } ul.pagination li a:hover {color:white; background:black;} ul.pagination li.current span {color:white; background:black} ul.pagination li.truncate {padding: 0.3em; background: none;} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {border:none; background:none; color: #3f3f3f;} #pagination_previous {padding-left: 6px;} #pagination_previous a, #pagination_previous span {border-left: none;} #pagination_next {border:none; background:none} #pagination_next a, #pagination_next span { border-right: none; color: #3f3f3f;} #pagination_next a:hover, #pagination_next span {border:none; color:white; background:black} #pagination_previous a:hover, #pagination_previous a:hover span {border:none; color:white; background:black} li.disabled span {color: #888; background-color: #f1f2f4;} /* product-sort.tpl */ form#productsSortForm select{float:right; border:1px solid #cccccc; color:#3f3f3f; font-size:11px; } form#productsSortForm span{ float:right; height:auto; padding-bottom:3px; border-bottom:1px solid #cccccc;} .select_Sort_ul {float:right; clear:right; background:transparent;} /* history.tpl*/ #block-history table#order-list {border:none; margin-top:0.5em; margin-bottom:0px } #block-history table#order-list thead th {color:f6a720;} #block-history table#order-list td.history_link {white-space: nowrap; text-align: left;} #block-history #block-order-detail{border-top:2px black solid; border-bottom:2px black solid; padding:1em 0 1em 0; margin-top:1em;} #block-history #block-order-detail p {padding:0.5em 0 0.5em 0} #order-detail-content {clear:both; margin-top:1.5em;} #order-detail-content tbody tr{height:3em;} #block-history .tbody_dotted_end {border-bottom:1px solid #cccccc;} #order-detail-content span{ background:none} #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;} #order-detail-dialogue td {border-top:1px solid #cccccc} #order-detail-dialogue span{color:#3f3f3f;} #order-detail-dialogue b{color:#dd2a81; background:none; font-weight:normal} #block-history #block-order-detail h4{ font-size:1.4em; padding-top:0.5em; color:black} #block-history #block-order-detail #sendOrderMessage p{padding:0.3em 4px 00.3em 1px;} #block-history #block-order-detail textarea{ } #ordermsg textarea{margin:0; padding:4px; width:671px;} #block-history #block-order-detail input{ border:none; padding:0.3em; margin-top:1em; color:white; background:black;} #block-history #p_add_message{color:black; padding-bottom:0.5em} /* product.tpl */ #product #footer{ margin-top: 0; } .product_image_container{ } #main_product_image{ float: left; width: 430px; height: 580px; margin-right: 25px;} .main_product_info{ float:left; width: 505px; color: #697681;} div.general_price_info{ float: left; width: 200px; margin-right: 5px; } div.product_description{ float: left; width: 250px; } div.product_description h2{ margin: 0 0 10px ;} .main_product_info .price{ font-size: 16px; font-weight:bold; } a.color_pick {width: 12px; height: 12px; border: 1px solid #fff; cursor: pointer; display:block;} div.color { float:left; padding: 1px; background-color: #ccc; margin-right: 10px; } div.color a.selected{ width: 20px; height: 20px; } div.input label{ float: left; width: 90px; font-weight: bold; font-size: 13px; } div.input .field, div.input select, div.input input{ float:left; } div.input{ margin-bottom: 10px;} div#attr_2{ displaY: none; } .separator{ background: url('../img/separator.gif') bottom left repeat-x; padding-bottom: 15px; margin-bottom: 15px;} .button, .submit input, #add_to_cart { border: 0 !important; background-color: #000 !important; padding: 5px 7px; margin-right:10px; color: #fff !important; -moz-border-radius: 3px; text-transform: uppercase; font-weight: bold; } .tell_a_friend{ margin: 15px 0; } .tell_a_friend a{ padding-left: 30px; background: transparent url('../img/icon_heart.png') top left no-repeat; display:block; height: 25px; } /* views block */ #views_block{ } #thumbs_list{ overflow:hidden; float:left; width: 458px; } #thumbs_list ul{padding-left:0px; list-style-type:none; margin-top: 5px; } #thumbs_list li{float:left; cursor:pointer; width:78px; height:123px; text-align:center; border: 1px solid #ccc; margin-right: 10px; } #view_scroll_left, #view_scroll_right{background: url('../img/scrollbar_left.gif') no-repeat center; text-indent:-3000px; width:9px; height:18px; float:left; margin-top:54px; padding-right: 10px; padding-left: 4px;} #view_scroll_right{background-image: url('../img/scrollbar_right.gif');} span.view_scroll_spacer{float: left; width: 17px; height:80px;} /* adresses.tpl */ /* adresses */ .order_globale_step {width:750px;} .order_globale_step h3 {color:black} .order_globale_step select { background:white} div.addresses {padding:0.6em 0.6em 0.6em 0;} div.addresses h3 { margin: 0;} div.addresses p.checkbox input{margin-top:0!important; margin-top:-3px; border:none} div.addresses .address_select { height:auto; border:1px solid #cccccc; padding-left:0em; background:white} ul.address {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:1em 0 1em 0; position:relative;width:268px;} ul.address li {margin-top: 0.6em;} li.address_title {margin-top: 0!important; color: #374853; font-weight: bold; height:27px; line-height: 1.9em;} ul.item li.address_title {border-bottom:1px solid #cccccc; background:none; color:black; padding:0} ul.alternate_item { margin-left:1.4em;} ul.alternate_item li.address_title { border-bottom:1px solid #cccccc; background:none; color:black; padding:0} li.address_name, li.address_company{ font-weight: bold; color:black; } #center_column .address_update {background: transparent url('../img/address_update.gif') no-repeat 0 0!important; background: transparent url('../img/address_update.gif') no-repeat 0 0; padding-left:1.6em; color: #dd2a81; } #center_column .address_update a {color:black; } #center_column .address_delete{background: transparent url('../img/address_delete.gif') no-repeat 0 0!important; background: transparent url('../img/address_delete.gif') no-repeat 0 0; margin-left: 1.1em; padding-left:1.6em;} #center_column .address_add {clear:left; height:auto !important; height:10px} #center_column .address_add a{background:url('../img/add_adress.gif') no-repeat left; padding-left:1.4em; color:black; text-decoration:none; } #center_column .pcomment { margin:1.5em 0 1em 0; padding-left:1em; float:left; width:80%; background:url('../img/let_comment.gif') no-repeat left;} #center_column textarea {overflow:auto} #center_column input { height:auto} #center_column .radio {border:none} #center_column .checkbox{border:1px solid transparent} #center_column a { text-decoration:none;} #center_column .buttonvalidate {float: left; padding:0.2em; margin-left:148px; border:none; background:black; text-decoration:none; color: #FFF; text-transform:uppercase} #center_column .p_required { color:#f6a720} #center_column .enter_password { border:1px solid #cccccc; width: 200px; padding:0.2em; background:#F6F6F6; color:#3f3f3f} #center_column .submit_password {margin-left:150px; border:none; padding:0.2em; background:black; color: #FFF; text-transform:uppercase} /* 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;} /* order step 3: PAYMENT */ .payment_module {display: block;} #payment_module .h4{background: #f4f8f9; border-top:1pc solid #e5edc7; border-bottom:1pc solid #e5edc7; padding:0.5em} .payment_module img {vertical-align: middle; margin-right: 1em;} .payment_module a {display: block; padding:0.6em 0.6em 1.5em 0.6em; text-decoration: none; width:550px; border-bottom:1px solid #cccccc} .payment_module a:hover, .payment_module a:focus, .payment_module a:active {background-color:#F9F5F5; 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;} input.text{border:1px solid gray} .block_hidden_only_for_screen { display:block; margin-top:1em; } #more_info_sheets #idTab1{ width:440px; margin:auto } * {background:none!important;background-color:white!important;} } /* shopping cart */ #global_cart {float:left; width: 680px; } #global_cart li a {color:#3f3f3f;} #global_cart checkbox{border:none} #global_cart .p_checkbox{ margin-left:16.1em;} #global_cart b{font-size:14px; color:#F17697 } #global_cart select{background:white} #cart_summary tfoot tr td {line-height: 1.5em; color:#3f3f3f; } #cart_summary tfoot tr.cart_total_product td {padding-right:1.5em;} #cart_summary tfoot tr.cart_total_price td {padding:1em 1.5em 0.8em 0; color:#666; text-align:right} #cart_summary tfoot tr.cart_total_delivery td {padding-right:1.5em;} #order #cart_total_wrapping {display: none;} #cart_summary tfoot tr.cart_free_shipping td {padding-right:1.5em;} #cart_summary .price, #cart_summary .price-discount {color:black; text-decoration: none;} #cart_summary .gift-desc {color:#3f3f3f; padding-right:1.5em; text-decoration: none; text-align:right} #cart_summary .gift-price { padding-right:1.5em; text-decoration: none; text-align:right; font-weight:bold;} .checkout_column_left{ float:left; width: 680px; } div.input{ clear:both; width: 530px; height: 30px; } .radiogroup input{ float:none; display: inline; border: none; width: auto; height: auto; background-color: transparent; } /** saferpay **/ .saferpay div.input label{ width: 200px; margin-bottom: 10px; } #ccYear, #ccMonth { width: 30px; } .credit-card-form { float:left; width: 530px;} .radiogroup label{ display:inline; width: auto !important; margin: 0 10px 0 5px;} .saferpay-logo{ width: 150px; float:left; } /** content **/ #simply-t-shirts{ position: relative; height: 580px; width: 960px; } #simply-t-shirts p{ width: 520px; } #simply-t-shirts .image-rotator{ position: absolute; right: 0; top: 0; width: 430px; height: 580px; } #simply-t-shirts .image-rotator img{ position: absolute; top: 0; left: 0; } #cms #center_column h1{ padding-top: 50px; font-weight: bold; margin-bottom: 20px; font-size: 2.5em; } #quality p{ width: 520px; margin-bottom: 50px; } #quality{ height: 580px; background: transparent url('../img/quality/quality_image.jpg') right bottom no-repeat; } body#index #footer{ margin-top: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #short_description_block{ position:relative; } #rabatt-img{ width: 165px; height: 130px; float: left; position:absolute; margin-left:-205px; top: -40px; } .addthis_toolbox { margin:20px 0; } #likeFB { padding-left:50px; }