/* @override http://shop.lacarotte.be/skin/frontend/base/acumen/css/base.css http://www.lacarotte.be/skin/frontend/base/acumen/css/base.css */ /** * Acumen for Magento 1.4.0.1 * Made by Gravity Department (http://gravitydept.com) * Distributed by ThemeForest (http://themeforest.net) * * @author Brendan Falkowski * @package base_acumen * @copyright Copyright 2010 Brendan Falkowski (http://brendanfalkowski.com) * @license All rights reserved. * @version 1.0.0 */ /*--------------------------------------------------------------------------------------------------*/ /* RESET /*--------------------------------------------------------------------------------------------------*/ @import url(//fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin); * { margin:0; padding:0; outline:0; } body { color:#000; line-height:1; background: url(http://www.studiobreakfast.be/bg.png) repeat; } html, body, img, fieldset, abbr, acronym { border:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /* still need cellspacing=0 in markup */ q:before, q:after { content:""; } /*--------------------------------------------------------------------------------------------------*/ /* COMMON + RESET OVERRIDE /*--------------------------------------------------------------------------------------------------*/ html, body { height:100%; } /* force full height */ body, button, input, select, table, textarea { color: #333; font-family: 'Droid Sans', arial, serif; } a { color: #4d9baf; text-decoration:none; } a:hover { color: #b67316; text-decoration:underline; } a:focus, a:active { color: #a3c31b; } em, i { font-style:italic; } p { line-height: 20px; margin-bottom: 10px; font-size: 13px; } p.short-description { color: #7a7f7f; overflow: hidden; height: 164px; padding-right: 20px; } p.rating-links { display: block; float: left; padding-right: 20px; } strong, b { font-weight:bold; } .align-center { text-align:center; } .align-right { text-align:right; } .nowrap { white-space:nowrap; } .width-full { width:100%; } #filter li { padding-bottom: 5px; color: #c8c4b2; } /*--------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY /*--------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4 { font-family:inherit; font-weight:normal; font-style:normal; } h1 { margin: 20px 0; color: #a3c31b; line-height: 50px; font-size: 36px; } h2 { margin-bottom:12px; font: bold 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #47392f; } h3 { margin-bottom:10px; font: bold 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } h4 { margin-bottom:10px; font-size:12px; line-height:18px; } /*--------------------------------------------------------------------------------------------------*/ /* LAYOUT /*--------------------------------------------------------------------------------------------------*/ body { } #wrapper { width:100%; background: url(../img/layout/to.png) repeat-x; border-top-style: hidden; border-top-color: #f0f0ec; } #wrapper #container { width:960px; margin:0 auto; } #wrapper #container #header { position:relative; background-image: none; padding-top: 20px; } .produit { margin-bottom: 25px; background-repeat: no-repeat; } #wrapper #container .matter { background-color: white; margin-bottom: 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border: 1px solid #edede8; width: 958px; } #wrapper #container #footer { } /*--------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------*/ #phone { float: right; position: absolute; top: 56px; overflow: hidden; right: 124px; } #header a { text-decoration:none; font-size: 13px; } #header #header-bar { height: 45px; background: url(http://www.lacarotte.be/skin/frontend/base/acumen/img/layout/menu.png) repeat-x; margin-bottom: 40px; } #logo { display:block; max-width:300px; min-height:130px; background: url(http://www.lacarotte.be/skin/frontend/base/acumen/img/layout/logo.png) no-repeat; overflow:hidden; padding-bottom: 10px; } #logo h1 { float:left; margin:0; } #logo img { display:block; visibility: hidden; } /* nav & minicart */ .menu { position: absolute; z-index:3; } .menu .liner { background: white;} #nav .menu .liner { background: #2e2a24;} /* */ #nav { position:relative; float:left; } #nav > li { position:relative; float:left; } #nav > li > a { display:block; padding: 10px 20px; color: #fff; font: bold 17px/24px Droid, Arial, sans-serif; border-right: 1px solid #869b0e; } #nav > li .menu { display:none; } #nav > li:hover .menu { display:block; background-color: #84990e; } #nav > li > a:hover, #nav > li:hover > a { color: #202217; background-color: #84990e; } /* brighter on black, #0AD on white */ #nav .menu { left:0; top: 46px; } #nav .menu a { line-height:18px; } #nav .menu.children1 { width:160px; } #nav .menu.children2 { width:160px; } #nav .menu.children3 { width:160px; } #nav .menu.children4 { width:160px; } #nav .menu.children5 { width:160px; } #nav .menu.children6 { width:160px; } #nav .menu.children7 { width:960px; } #nav .menu.children9 { width:160px; } #nav .menu ul.level0 { overflow:hidden; display:block; padding: 15px 10px; } #nav .menu ul.level0 a { color: #ababa4; } #nav .menu ul.level0 a:hover { color: #a9c410; } #nav .menu ul.level0 li.level1 { float:left; width: 119px; margin: 0 0 10px 10px; } #nav .menu ul.level0 li.level1 > a:first-child { display:block; margin-bottom: 5px; color: #e9e9e9; font: bold 12px Droid, Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; } #nav .menu ul.level0 li.level1 > a:first-child:hover { color: #9eb70d; } #nav .menu ul.level0 li.level1 ul.level1 { margin-bottom:10px; } #nav .menu ul.level0 li.level1 ul.level1 a { display:block; font-size:13px; line-height:20px; } #nav .menu ul.level0 li.level1 a.all_level1 { display:block; color: #a3c31b; font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; } #nav .menu ul.level0 li.level1 a.all_level1:hover { color:#0AD; } #nav .menu ul.level2 { display:none; } /* hide deeper layers */ /*#nav .menu > a.all_level0 { display:block; padding:10px 20px; border-top:1px solid #F0F0F0; font-weight:bold; text-transform:uppercase; } */ /* not used */ /* */ #search-form { float:right; margin:10px 10px 0 0; } #search-form label { display:none; } #search-form input { float:left; width:114px; height:24px; padding:0 5px 0 10px; border:0; font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; background: transparent no-repeat 0 -120px; color: white; } #search-form button { float:left; height:24px; width: 30px; padding:0; border:0; background: url(../img/icon/sprite.pn) no-repeat -60px 0; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #search-form button:hover { background-position:-60px -30px; } #search-form button:active { background-position:-60px -60px; } /* */ #account { position:absolute; right:0; top:0; } #account ul.links li { float: right; font-size:12px; line-height:24px; } #account ul.links li a { display:block; padding: 8px 16px; color: #f1f1eb; } #account ul.links li a:hover { color:#0AD; } #account-links { float:right; } #account-links li a { } #account-links li:last-child a {} #account-links a:hover { background: white; } /* */ #mini-cart { float: right; } #mini-cart ul.links li { position:relative; } #mini-cart ul.links > li a { background: #879c0c; } #mini-cart:hover ul.links > li a { background: white; } #mini-cart ul.links > li:last-child a { height: 25px; width: 100px; text-align: left; } #mini-cart .cart-count { position:relative; float:left; display:block; width:24px; height:24px; margin-right:8px; padding-top:1px; background:url(../img/icon/sprite.png) -330px 0 no-repeat; color: #56453a; text-align:center; font: bold 11px/22px "Lucida Grande", Lucida, Verdana, sans-serif; } #mini-cart:hover .cart-count { background-position:-330px -30px; } #mini-cart:active .cart-count { background-position:-330px -60px; } #mini-cart:hover ul.links li a { color:#0AD; } #mini-cart .menu { display:none; right:0; top:40px; width: 255px; font-size:12px; } #mini-cart:hover .menu { display:block; } #mini-cart .menu ol { list-style:none; margin-bottom:0; padding:10px 10px 0; } #mini-cart .menu ol li { overflow:hidden; padding-bottom:10px; font-size:12px; line-height:18px; } #mini-cart .menu ol li * { line-height:15px; } #mini-cart .menu ol li a.product-image { float:left; } #mini-cart .menu ol li .product-details { float:left; width:181px; margin-left:10px; } #mini-cart .menu ol li .product-details a.product-name { color:#0AD; } #mini-cart .menu ol li .product-details a.product-name:hover { color:#48B; } #mini-cart .menu ol li .product-details dl dt { display:inline; } #mini-cart .menu ol li .product-details dl dd { display:inline; padding-right:10px; } #mini-cart .menu ol li .product-details .has-options { color:#909090; } #mini-cart .menu p { margin-bottom:0; } #mini-cart .menu p.empty { padding:8px 10px; font-size:13px; line-height:20px; } #mini-cart .menu .actions { overflow:hidden; padding:10px; border-top:1px solid #F0F0F0; } #mini-cart .menu .actions a.faux-button { } #mini-cart .menu .actions p.last-added { margin-bottom:10px; font-size:12px; line-height:18px; } #mini-cart .menu .summary { padding:10px; border-bottom:1px solid #F0F0F0; } #mini-cart .menu .summary p { font-size:20px; line-height:24px; } #mini-cart .menu .summary p.count { float:right; padding-left:10px; } #mini-cart .menu .summary p.subtotal { } #mini-cart .menu .summary p.subtotal .label { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------*/ #footer p, #footer ul li { margin-bottom:0; font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; } /* */ #footer-bar { height:44px; margin-bottom:30px; background:#000; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } #footer-bar .newsletter { float:left; margin: 10px 10px 10px 14px; } #footer-bar .newsletter form { float:left; } #footer-bar .newsletter form label { float:left; margin-right:10px; color: #e0e0dc; font: 11px/24px "Lucida Grande", Lucida, Verdana, sans-serif; } #footer-bar .newsletter form input { float:left; width:175px; height:24px; padding:0 5px 0 10px; border:0; background:url(../img/icon/sprite.png) 0 -120px no-repeat; font: 11px "Lucida Grande", Lucida, Verdana, sans-serif; } #footer-bar .newsletter form button { float:left; height:24px; width:24px; padding:0; border:0; background:url(../img/icon/sprite.png) -150px 0 no-repeat; text-indent:-9999px; cursor:pointer; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } #footer-bar .newsletter form button:hover { background-position:-150px -30px; } #footer-bar .newsletter form button:active { background-position:-150px -60px; } #footer-bar .newsletter form .validation-advice { float:right; width: 485px; margin-top:0; margin-left:10px; } #footer-bar a.top { float:right; height:24px; padding: 10px 12px 8px 8px; color:#FFF; font-size:12px; line-height:24px; } #footer-bar a.top:hover { text-decoration:none; } #footer-bar a.top span { float:right; display:block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) 0 0 no-repeat; text-indent:-9999px; } #footer-bar a.top:hover span { background-position:0 -30px; } #footer-bar a.top:active span { background-position:0 -60px; } /* */ #closer { padding-bottom:20px; } #closer h2 { margin-bottom:6px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } #closer .footer-links { overflow:hidden; } #closer .footer-links > li { float:left; margin-left:30px; } #closer .footer-links > li:first-child { margin-left:0; } #closer .retail-address { float:left; margin-right:20px; color: #a38571; font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; } #closer .legal p { margin-bottom:0; text-align:right; font: 9px/13px "Lucida Grande", Lucida, Verdana, sans-serif; padding-bottom: 10px; } #closer .legal .terms a { margin-left:5px; } #closer .legal p.made-by { margin-top:18px; color:#909090; } #closer .legal p.made-by a { color:#909090; } #closer .legal p.made-by a:hover { color:#0AD; } /*--------------------------------------------------------------------------------------------------*/ /* FORMS /*--------------------------------------------------------------------------------------------------*/ button { height: 30px; padding: 0 10px; background: #a3c31b; white-space:nowrap; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border-style: none; border-color: #96b41e; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; } button:hover { background: #56453a; cursor:pointer; } button:active { background: #e7941f; } label { font-size: 14px; line-height:20px; color: #56453a; } label abbr { color: #dd8d1d; } select { max-width:300px; font-size:12px; } textarea { max-width:400px; width:200px; padding:5px; } input[type=text], input[type=password], textarea { border:3px solid #F0F0F0; background:#FFF; color:#707070; font-size:13px; } input[type=text], input[type=password] { height:24px; padding:0 5px; } input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color:#0CF; color:#202020; } form .struts li input[type=checkbox] + label, form .struts li input[type=radio] + label { width:auto; max-width:275px; padding-top:0; margin-left:10px; line-height:18px; } .validation-advice { margin-top:5px; color: #fd1b00; font: 13px/22px "Lucida Grande", Lucida, Verdana, sans-serif; } /* Simple Form */ .simple button { margin-top:5px; } .simple .struts li { overflow:hidden; display:block; margin-bottom:15px; } .simple .struts li input[type=radio] { margin-top:2px; } .simple .struts li label { display:block; } .simple .struts li input[type=checkbox], .simple .struts li input[type=radio] { float:left; clear:left; } .simple .struts li input[type=checkbox] + label, .simple .struts li input[type=radio] + label { float:left; } .simple .struts li input[type=password], .simple .struts li input[type=text] { width:230px; } /* Scaffold Form */ .scaffold button { margin-left:130px; } .scaffold .struts { margin-bottom:20px; } .scaffold .struts li { overflow:hidden; display:block; padding:10px 0; border-top:1px solid #F0F0F0; } .scaffold .struts li label { float:left; width:120px; padding:5px 10px 0 0; } .scaffold .struts li select { float:left; margin-top:4px; } .scaffold .struts li textarea { float:left; } .scaffold .struts li .validation-advice { float:left; clear:left; margin-left:130px; } .scaffold .struts li input[type=checkbox], .scaffold .struts li input[type=radio] { float:left; margin-left:130px; } .scaffold .struts li input[type=password], .scaffold .struts li input[type=text] { float:left; width:230px; } .scaffold h2, .scaffold h3 { margin-bottom:10px; font-size:20px; font-weight:normal; line-height:24px; } /* */ ul.formless-struts li { overflow:hidden; display:block; margin-bottom:15px; } ul.formless-struts li input[type=radio] { float:left; clear:left; margin-top:2px; } ul.formless-struts li input[type=radio] + label { float:left; padding-top:0; margin-left:10px; } ul.formless-struts li label { display:block; margin-bottom:5px; font-size:13px; line-height:20px; } ul.formless-struts li input[type=password], ul.formless-struts li input[type=text] { width:200px; } /*--------------------------------------------------------------------------------------------------*/ /* TABLES /*--------------------------------------------------------------------------------------------------*/ table.flex { width: 90%; float: left; margin-left: 20px; } table.flex thead tr { border-top: 2px none #202020; background:#F8F8F8; } table.flex thead tr th { padding:8px 10px; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; white-space:nowrap; } table.flex thead tr th.remove { text-indent:-9999px; } table.flex tbody tr { border-bottom:1px solid #F0F0F0; } table.flex tbody tr:last-child { border-bottom:0; } table.flex tbody tr td { vertical-align:top; padding: 5px 20px 5px 5px; } table.flex tbody tr td:first-child { padding-left:0; } table.flex tbody tr td:last-child { padding-right:0; } table.flex tfoot tr { background:#F8F8F8; } table.flex tfoot tr:first-child { border-top: 1px none #D8D8D8; } table.flex tfoot tr td { padding:8px 10px; } table.flex a.product-image img { width: 55px; height: 55px; } table.flex a.remove { display:block; width:15px; height:15px; margin-top:2px; background:url(../img/icon/delete-large.png) no-repeat 0 0; text-indent:-9999px; } table.flex a.remove:hover { background-position:0 -15px; } table.flex a.remove:active { background-position:0 -30px; } table.flex.compact tbody tr td { padding:10px; } /* */ table.minimal { width:100%; } table.minimal thead tr { border-bottom:1px solid #F0F0F0; } table.minimal thead tr th { padding:10px; font-size:15px; font-weight:bold; white-space:nowrap; } table.minimal tbody tr { border-bottom:1px solid #F0F0F0; } table.minimal tbody tr td { padding:10px; vertical-align:top; } table.minimal tfoot tr th { padding:10px; } table.minimal tfoot tr td { padding:10px; } /* */ table.simple td { vertical-align:top; } /*--------------------------------------------------------------------------------------------------*/ /* RECYCLED CLASSES /*--------------------------------------------------------------------------------------------------*/ a.cvv-what-is-this { margin-left:10px; font-size:12px; line-height:24px; } a.faux-button { display:inline-block; height:30px; padding:0 10px; background: #c8c4b2; color: white; text-decoration:none; white-space:nowrap; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font: normal bold 14px/29px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-color: #c8c4b2; } a.faux-button:hover { background: #56453a; text-decoration:none; cursor:pointer; } a.faux-button:active { border-color:#F00; background:#FFF; } a.product-image img { display:block; border: 1px solid #edece5; } a.product-image:hover img { border-color: #a3c31b; } dl.billing-methods dt { overflow:hidden; margin-bottom:5px; } dl.billing-methods dt input { float:left; margin-top:3px; } dl.billing-methods dt label { float:left; margin-left:10px; font-size:13px; line-height:20px; } dl.billing-methods dd { margin:10px 0 15px 35px; } dl.item-options { margin:5px 0 0 10px; font-size:12px; line-height:18px; } dl.item-options dt { float:left; clear:left; padding-right:5px; } dl.item-options dd { float:left; max-width:75%; margin-bottom:0; } dl.item-options dd .price { padding-left:5px; } dl.item-options dd .price:before { content:"("; } dl.item-options dd .price:after { content:")"; } dl.shipping-methods { font-size:13px; line-height:20px; } dl.shipping-methods dt { margin-bottom:5px; } dl.shipping-methods dd { margin-bottom:15px; } dl.shipping-methods dd ul { margin-left:10px; } dl.shipping-methods dd ul li { overflow:hidden; margin-bottom:5px; } dl.shipping-methods dd ul li input[type=radio] { float:left; margin-top:2px; } dl.shipping-methods dd ul li input[type=radio] + label { float:left; max-width:75%; margin-left:10px; } dl.shipping-methods dd ul li input[type=radio] + label .price { padding-left:5px; color:#909090; } ol.normal { list-style:outside decimal; } ol.reviews li { padding:15px 10px; border-bottom:1px solid #F0F0F0; } ol.reviews li h3 { margin-bottom:2px; font-size:15px; font-weight:bold; text-transform:none; } ol.reviews li .rating-box { float:left; margin:1px 10px 0 0; } ol.reviews li .written { margin-bottom:10px; color: #a3c31b; font-size: 13px; line-height: 23px; font-style: italic; } ul.breadcrumbs { overflow:hidden; } ul.breadcrumbs li { float:left; padding: 8px 0 8px 16px; font-size: 14px; line-height:24px; color: #b7b4a3; } ul.breadcrumbs li span { padding-left:10px; font-size: 15px; color: #a3c31b; } ul.bullet { list-style:outside disc; margin-bottom:22px; } ul.bullet li { margin-left:2em; } ul.messages { margin-bottom:30px; } ul.messages ul li { padding: 10px 20px; } ul.messages li.error-msg { border-left:5px solid #F00; } ul.messages li.notice-msg { } ul.messages li.success-msg { color: #8ca309; font-weight: bold; } ul.tags-list { overflow:hidden; } ul.tags-list li { float:left; margin:0 10px 5px 0; } ul.tags-list a { display:block; } /* */ .address-entry { margin-bottom:10px; } .callout { margin-bottom:30px; padding: 15px; font-size: 13px; line-height: 17px; } #customer-reviews.callout { margin-bottom:30px; padding: 0; font-size: 13px; line-height: 17px; } .callout h2 { margin-bottom:0; border-top: 1px none #cacab8; color: #4a4439; border-bottom: 1px none silver; font: bold 18px Droid, Arial, Helvetica, Geneva, sans-serif; padding: 10px 15px 10px 10px; background-color: #f8f8f8; } .callout h2 span.note { display:block; font-size: 12px; line-height: 18px; font-weight: normal; font-style: normal; } .callout ul.tags-list { margin:15px 10px 10px; } .callout ul.tags-list a { color:#202020; font-size:13px; line-height:20px; } .callout ul.tags-list a:hover { color:#0AD; } .callout .liner { padding-left:10px; } .catalog-no-results, .search-no-results { margin-bottom:30px; } .faq dl { margin-bottom:30px; line-height:20px; } .faq dl dt { font-weight:bold; } .faq dl dd { margin-bottom:20px; } .faq h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .gift-messages-add label { padding-left:10px; font-size:13px; line-height:20px; } .gift-messages { margin-top:15px; } .gift-messages textarea { width:400px; } .legal-content { padding-bottom:20px; } .legal-content h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #C0C0C0; } .magento-notice { padding:10px; background:#F00; color:#FFF; font-size:15px; } .magento-notice p { margin-bottom:0; } .magento-notice strong { padding-right:10px; } .pager ol.pages { list-style:none; float:left; padding:8px 10px; } .pager ol.pages li { float:left; font-size:12px; } .pager ol.pages li * { display:block; width:24px; height:24px; line-height: 24px; text-align:center; font-size: 14px; font-weight: bold; } .pager ol.pages li a { text-decoration: underline; } .pager ol.pages li span.current { font-weight:bold; } .pager ol.pages li a.next, .pager ol.pages li a.next-jump, .pager ol.pages li a.previous, .pager ol.pages li a.previous-jump { background:url(../img/icon/sprite.png) 0 0 no-repeat; text-indent:-9999px; } .pager ol.pages li a.next, .pager ol.pages li a.next-jump { margin-left:5px; } .pager ol.pages li a.previous, .pager ol.pages li a.previous-jump { margin-right:5px; } .pager ol.pages li a.next { background-position:-240px 0; } .pager ol.pages li a.next:hover { background-position:-240px -30px; } .pager ol.pages li a.next:active { background-position:-240px -60px; } .pager ol.pages li a.next-jump { background-position:-270px 0; } .pager ol.pages li a.next-jump:hover { background-position:-270px -30px; } .pager ol.pages li a.next-jump:active { background-position:-270px -60px; } .pager ol.pages li a.previous { background-position:-210px 0; } .pager ol.pages li a.previous:hover { background-position:-210px -30px; } .pager ol.pages li a.previous:active { background-position:-210px -60px; } .pager ol.pages li a.previous-jump { background-position:-180px 0; } .pager ol.pages li a.previous-jump:hover { background-position:-180px -30px; } .pager ol.pages li a.previous-jump:active { background-position:-180px -60px; } .pager p.amount { float:right; margin-bottom:0; padding:8px 10px; font-size:12px; line-height:24px; } .pager-bar-full { height:40px; margin-bottom:30px; border-top:2px solid #202020; background:#F8F8F8; } .pager-bar-full .limiter { float:right; padding:8px 10px; } .payment-icons { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #F0F0F0; } .payment-icons ul { overflow:hidden; } .payment-icons ul li { float:left; width:52px; height:37px; margin-right:10px; background:url(../img/icon/payment-methods.png); text-indent:-9999px; } .payment-icons ul li.visa { background-position:0 0; } .payment-icons ul li.mastercard { background-position:0 -50px; } .payment-icons ul li.discover { background-position:0 -100px; } .payment-icons ul li.amex { background-position:0 -150px; } #payment-tooltip { position:relative; margin-bottom:15px; padding:15px 70px 15px 0; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; } #payment-tooltip button { position:absolute; top:15px; right:0; } #payment-tooltip h3 { margin-bottom:5px; } #payment-tooltip h3 + p { font-size:13px; line-height:20px; } #payment-tooltip h4 { font-weight:bold; } #payment-tooltip h4 + p { font-size:12px; line-height:18px; } #payment-tooltip ul { overflow:hidden; } #payment-tooltip ul li { float:left; width:154px; margin-right:35px; } #payment-tooltip ul li h4, #payment-tooltip ul li p { margin-bottom:0; padding:0 2px; } .price-box { color: #3c3831; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: left; padding-top: 20px; } .price-box p { margin-bottom:0; } .price-box .minimal-price { } .price-box .old-price { font: italic 14px/23px "Droid", Arial, Helvetica, Geneva, sans-serif; margin-bottom: -3px; } .price-box .old-price .price-label { } .price-box .regular-price { } .price-box .special-price { } .price-box .special-price .price-label { display:none; } .product-featured { list-style:none; overflow:hidden; } .product-featured li { float:left; width:130px; padding:0 20px; } .product-featured li a { display:block; } .product-featured li a.product-image { margin-bottom:10px; } .product-featured li a.product-image img { width:126px; height:126px; } .product-featured li a.product-name { font-size:12px; line-height:15px; } .product-featured li .price-box .minimal-price { display:block; } .product-slider-list { list-style:none; overflow:hidden; } .product-slider-list li { float:left; width: 200px; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; margin-right: 25px; } .product-slider-list li:first-child { margin-left:0; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; } .product-slider-list li a.product-image { display:block; margin-bottom:10px; } .product-slider-list li a.product-image img { width: 200px; height: 200px; } .product-slider-list li .price-box { display:none; } .product-grid td { max-width:210px; padding: 0 35px 30px 0; vertical-align:top; } .product-grid td:last-child { padding-right: 20px; } .product-grid td a.product-image { display:block; } .product-grid td a.product-image img { border: 0 solid #efefef; width: 208px; } .product-grid td a.product-name { font: bold 14px Droid, Arial, Helvetica, Geneva, sans-serif; } .product-grid td .price-box { float:right; margin-left:10px; text-align:right; margin-top: -20px; } .product-grid td .price-box .minimal-price, .product-grid td .price-box .old-price { display:none; } .product-list { list-style:none; } .product-list li { overflow:hidden; margin-bottom:30px; } .product-list li a.product-image { float:left; } .product-list li a.product-image img { width:200px; height:200px; } .product-list li .product-details { float:left; width:465px; margin-left:15px; } .product-list li .product-details a.product-name { font-size:20px; line-height:24px; } .product-list li .product-details p.description { margin:11px 0; } .product-list li .price-box .minimal-price, .product-list li .price-box .old-price { display:none; } #product-review-view { margin-bottom:30px; } #product-review-view h2 { margin-bottom:0; } #product-review-view .written { margin-bottom:10px; color:#909090; font-size:12px; } .rating-box { width:65px; height:13px; background:url(../img/icon/sprite.png) 0 -90px no-repeat; } .rating-box .rating { height:100%; background: url(../img/icon/sprite.png) no-repeat 0 -103px; } .ratings { } .ratings .rating-box { float:left; margin: 5px 15px 0 0; } .ratings .rating-links { font-size:12px; line-height:18px; } .toolbar { height:40px; border-top:2px solid #202020; background:#F8F8F8; line-height:24px; } /* */ a.faux-button + a.faux-button, a.faux-button + button, button + button, button + a.faux-button { margin-left:5px; } a.faux-button + a.alt-action, button + a.alt-action { margin-left:10px; font-size:12px; line-height:28px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ADDRESS BOOK /*--------------------------------------------------------------------------------------------------*/ #address-book ol li { margin-bottom:30px; } #address-book .address-default { margin-bottom:30px; } #address-book .address-additional a, #address-book .address-default a { margin-right:5px; font-size:13px; line-height:20px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ADDRESS EDIT /*--------------------------------------------------------------------------------------------------*/ #edit-address-form { margin-bottom:30px; } #edit-address-form p.default-address { margin:0 0 0 130px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - DASHBOARD /*--------------------------------------------------------------------------------------------------*/ ul.dashboard-links { margin:30px 0; border-top: 1px solid #8b8b8b; background:#F8F8F8; } ul.dashboard-links li.current { background: #a3c31b; } ul.dashboard-links li a { display:block; padding:5px 10px; color:#202020; font-size:13px; text-decoration:none; } ul.dashboard-links li a:hover { color:#0AD; background:#F0F0F0; } .dashboard { margin-bottom:20px; font-size:13px; line-height:20px; } .dashboard div.grid { padding:20px 0; border-top:1px solid #F0F0F0; } .dashboard h2 { margin-bottom:24px; } .dashboard h3 { margin-bottom:0; } .dashboard h4 { margin-bottom:0; font-size:13px; font-weight:bold; line-height:20px; } .dashboard p { margin-bottom:0; line-height:20px; } #dashboard-top-bar .limiter { float:right; margin:8px 10px; } #dashboard-bottom-bar { margin-bottom:30px; } #dashboard-bottom-bar .pager .limiter, #dashboard-top-bar .pager p.amount, #dashboard-top-bar .pager ol.pages { display:none; } /* */ #dashboard-account-info dl { } #dashboard-account-info dl dt { float:left; clear:left; width:90px; font-weight:bold; } #dashboard-account-info dl dd { float:left; } #dashboard-newsletter p { margin-bottom:0; } #dashboard-order-history table, #dashboard-order-history table thead tr th { font-size:13px; line-height:20px; } #dashboard-order-history table tbody tr, #dashboard-order-history table thead tr { border-bottom:0; } #dashboard-order-history table tbody tr td, #dashboard-order-history table thead tr th { padding-top:0; padding-bottom:0; } #dashboard-order-history table tbody tr td:first-child, #dashboard-order-history table thead tr th:first-child { padding-left:0; } #dashboard-order-history table tbody tr td:last-child, #dashboard-order-history table thead tr th:last-child { padding-right:0; } #my-recent-reviews li { overflow:hidden; } #my-recent-reviews a { float:left; } #my-recent-reviews .ratings { float:left; margin:1px 10px 0 0; } #my-recent-tags ul { margin-left:10px; } #my-recent-tags ul a { color:#202020; } #my-recent-tags ul a:hover { color:#0AD; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - EDIT INFO /*--------------------------------------------------------------------------------------------------*/ #edit-account-info-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - FORGOT PASSWORD /*--------------------------------------------------------------------------------------------------*/ #forgot-password-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ORDER HISTORY /*--------------------------------------------------------------------------------------------------*/ #order-history-table tbody td { font-size:13px; line-height:28px; } #order-history-table tbody td:first-child { padding-left:10px; } #order-history-table tbody td:last-child { padding-right:10px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - ORDER HISTORY VIEW /*--------------------------------------------------------------------------------------------------*/ .order-view-actions { position:absolute; right:0; top:46px; } #order-view-details { margin-top:15px; } #order-view-details p { font-size:13px; line-height:20px; } #order-view-details p.address-entry { margin-bottom:22px; } #order-view-table { margin-bottom:30px; } #order-view-table tfoot tr:first-child th, #order-view-table tfoot tr:first-child td, #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-top:10px; } #order-view-table tfoot tr:last-child th, #order-view-table tfoot tr:last-child td { padding-bottom:10px; } #order-view-table tfoot tr th, #order-view-table tfoot tr td { padding:0 10px; text-align:right; } .gift-message-history { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - REGISTER /*--------------------------------------------------------------------------------------------------*/ #register-form { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - LOG IN /*--------------------------------------------------------------------------------------------------*/ #account-log-in { margin-bottom:0px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - LOGGED OUT /*--------------------------------------------------------------------------------------------------*/ #logged-out a.faux-button { margin-bottom:30px } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - REVIEWS /*--------------------------------------------------------------------------------------------------*/ #my-reviews-table a.product-name { line-height:28px; } #my-reviews-table .date { line-height:28px } #my-reviews-table .rating-box { margin-top:4px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - TAGS /*--------------------------------------------------------------------------------------------------*/ #my-tags-table a.product-name { font-size:20px; line-height:24px; } .my-tags-actions { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ACCOUNT - WISHLIST /*--------------------------------------------------------------------------------------------------*/ #wishlist-update-form { margin-bottom:30px; } #wishlist-table tbody h2 { margin-bottom:6px; } #wishlist-table tbody div.date-added { color:#909090; font-size:12px; line-height:18px; } #wishlist-table tbody textarea { width:225px; } #wishlist-table tbody a.remove { margin-top:22px; } /*--------------------------------------------------------------------------------------------------*/ /* CART /*--------------------------------------------------------------------------------------------------*/ .cart-no-items { margin-bottom:30px; } #cart-update-form { margin-bottom:30px; } #cart-table { } #cart-table tbody td:last-child { padding-right:10px; } #cart-table tfoot td { text-align:left; } #cart-table a.product-image { float:left; } #cart-table a.remove { margin-top:22px; margin-left: 22px; } #cart-table input.qty { width:35px; } #cart-table .cart-price-wrapper { padding-top:3px; } #cart-table .product-details { float:left; margin:5px 0 0 10px; } #cart-table .product-details a.product-name { padding-top:3px; font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } /* */ #cart-totals-table { width:100%; margin-bottom:30px; } #cart-totals-table tbody tr { border-bottom:1px solid #F0F0F0; font-size:13px; line-height:20px; } #cart-totals-table tbody tr:last-child { border-bottom:0; } #cart-totals-table tfoot tr { border-top:1px solid #D8D8D8; background:#F8F8F8; color: black; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } #cart-totals-table tfoot td { text-transform:uppercase; } #cart-totals-table tfoot td:first-child { text-align:left; } #cart-totals-table tbody th, #cart-totals-table tbody td, #cart-totals-table tfoot th, #cart-totals-table tfoot td { padding:10px; font-size:13px; line-height:20px; } #cart-totals-table td, #cart-totals-table th { text-align:right; } #cart-totals-table tbody td:first-child, #cart-totals-table tbody th:first-child { text-align:left; font-weight:normal; } #cart-checkout-methods button { width:100%; height:48px; margin-bottom:30px; font-size:20px; } #cart-checkout-methods p { margin-bottom:10px; font-size:12px; line-height:18px; } /* */ #coupon-form { margin:5px 10px 30px; } #coupon-form button { margin-left:50px; } #coupon-form li { border-top:0; } #coupon-form li input { width:130px; } #coupon-form li label { width:40px; } #coupon-form li .validation-advice { margin-left:50px; } #coupon-form ul.struts { margin-bottom:10px; } #cart-shipping #co-shipping-method-form { margin-top:15px; } #shipping-zip-form { margin:15px 0 0 10px; } #shipping-zip-form #postcode { width:70px; } /* */ #cross-sell { overflow:hidden; margin-top:30px; } #cross-sell li { float:left; max-width:210px; padding:0 0 30px 30px; } #cross-sell li:first-child { padding-left:0; } #cross-sell li a.product-image { display:block; margin-bottom:10px; } #cross-sell li a.product-image img { width:200px; height:200px; } #cross-sell li a.product-name { float:left; width:150px; } #cross-sell li .price-box { float:right; width:50px; text-align:right; } #cross-sell li a.faux-button { margin-top:10px; } #cross-sell .price-box .minimal-price, #cross-sell .price-box .old-price { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* CATALOG /*--------------------------------------------------------------------------------------------------*/ #category-landing { width: 958px; float: right; } .category-description { margin-bottom:30px; font-size:20px; line-height:24px; } .category-image { overflow:hidden; max-width:100%; margin: 0 0 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-bottom: 10px; } .category-image img { float:left; } #catalog-layered-list { width: 695px; } #catalog-layered-sidebar { } #catalog-no-layered-list { } #catalog-no-layered-sidebar { } /* */ #filter .filters { font-size: 14px; line-height: 18px; } #filter .active { margin:15px 10px 0; } #filter .active a { color:#202020; font-size:12px; line-height:18px; text-decoration:none; } #filter .active a:hover { color:#0AD; } #filter .active h3 { margin-bottom:5px; font-size:13px; font-weight:bold; line-height:22px; text-transform:uppercase; } #filter .active ol { margin-left:10px; padding-bottom:5px; } #filter .active ol li a { display:inline-block; padding-left:20px; background:url(../img/icon/delete-small.png) 0 2px no-repeat; } #filter .active ol li a:hover { background-position:0 -48px; } #filter .active ol li a:active { background-position:0 -98px; } #filter .active a.show-all { margin-left:10px; } #filter dl.inactive { margin:15px 10px 0; } #filter dl.inactive dt { text-transform:uppercase; font: bold 14px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 15px; color: #a3c31b; } #filter dl.inactive dd { margin-bottom:15px; } #filter dl.inactive dd ol { list-style:none; margin: 0 0 15px; list-style-type: none; opacity: 1; list-style-position: inside; text-shadow: #feffff 0 0 0; border-width: 0; } #filter dl.inactive dd ol li a { color:#202020; display: inline; text-decoration:none; } #filter dl.inactive dd ol li a:hover { color: #a3c31b; text-decoration:none; } #filter dl.inactive dd ol li a .count { float:right; padding-left:10px; color:#909090; } #filter dl.inactive dd ol li a:hover .count { color:#202020; } /* */ #options-bar .pager, .pager-bar .limiter, .pager-bar .view-mode, .pager-bar .sort-by { display:none; } .catalog-bar { position:relative; margin-bottom:30px; bborder-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#F8F8F8; width: 695px; } #options-button { display:none; } /* no JavaScript */ .js #options-button { position:absolute; top:0; right:0; display:inline-block; height:24px; padding:8px; color: #56453a; font-size: 13px; line-height:24px; text-decoration:none; } .js #options-button:hover { color:#0AD; background-color:#F0F0F0; text-decoration:none; cursor:pointer; } #options-button .icon { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) -30px 0 no-repeat; text-indent:-9999px; } #options-button:hover .icon { background-position:-30px -30px; } #options-button:active .icon { background-position:-30px -60px; } #options-button.open .icon { background-position:-300px 0; } #options-button.open:hover .icon { background-position:-300px -30px; } #options-button.open:active .icon { background-position:-300px -60px; } #options-bar { height:40px; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; background:#FFF; line-height:24px; } #options-bar h2 { float:left; margin:10px 10px 0; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } .js #options-bar { display:none; } /* hide if JS */ #options-bar a.reverse { display:inline-block; width:24px; height:24px; margin-left:5px; background:url(../img/icon/sprite.png) -120px 0 no-repeat; text-indent:-9999px; } #options-bar a.reverse:hover { background-position:-120px -30px; } #options-bar a.reverse:active { background-position:-120px -60px; } #options-bar label { font-size:12px; } #options-bar .limiter, #options-bar .view-mode, #options-bar .sort-by { float:right; margin:8px 8px 8px 16px; } .pager-bar { height:40px; margin-bottom:30px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; background:#F8F8F8; } /*--------------------------------------------------------------------------------------------------*/ /* CATALOG SEARCH /*--------------------------------------------------------------------------------------------------*/ .catalogsearch-result-index h1.searched { } #popular-searches p { padding:12px 10px 0; font-size:13px; line-height:20px; } /*--------------------------------------------------------------------------------------------------*/ /* CHECKOUT - MULTISHIP /*--------------------------------------------------------------------------------------------------*/ .multiship-progress { overflow:hidden; width:930px; margin-top:30px; border-top:2px solid #202020; background:#F8F8F8; } .multiship-progress li { float:left; width:185px; padding:5px 0; border-left:1px solid #D8D8D8; font-size:13px; text-align:center; } .multiship-progress li:first-child { border-left:0; } .multiship-progress li.active { background-color:#F0F0F0; } .multiship-actions { overflow:hidden; margin-bottom:30px; padding-top:30px; border-top:1px solid #F0F0F0; } .multiship-actions a { float:left; } .multiship-actions button { float:right; height:48px; width:150px; font-size:20px; } .multiship-actions .multiship-ajax-loading { float:right; clear:both; display:inline-block; margin-top:15px; margin-left:10px; padding:3px 0 3px 26px; background:url(../img/icon/ajax-loader.gif) 0 3px no-repeat; font-size:12px; line-height:18px; } /* addresses.phtml */ #multiship-addresses-form #add-address { float:right; } #multiship-addresses-table input.qty { width:35px; } #multiship-addresses-table select { width:450px; max-width:450px; } /* shipping.phtml */ .multiship-address-group h3 { margin:15px 0 10px; } .multiship-address-group table { font-size:13px; line-height:20px; } .multiship-address-group table th { padding-right:20px; } .multiship-address-group .address-entry { font-size:13px; line-height:20px; } /* billing.phtml */ #multishipping-billing-form #payment-tooltip { margin-bottom:0; padding-bottom:0; padding-left:10px; border-bottom:0; } #multishipping-billing-form dl.billing-methods { margin:0 10px; } #multishipping-billing-form input.cvv { width:35px; } #multishipping-billing-form .billing-address { padding:15px 10px 0; font-size:13px; line-height:20px; } #multishipping-billing-form .payment-icons { padding:15px 10px; } /* billing/select.phtml */ ul.multiship-change-billing-address li { padding:15px 0; border-top:1px solid #F0F0F0; } ul.multiship-change-billing-address p.is-default { margin-bottom:0; color:#909090; font-size:12px; line-height:18px; } /* overview.phtml */ #multiship-review-form .grand-total { float:right; margin-right:20px; font-size:20px; line-height:52px; } #multiship-review-form .grand-total .price { padding-left:10px; } #multiship-review-form h3 a, #multiship-review-form h4 a { padding-left:10px; font-size:12px; font-weight:normal; text-transform:capitalize; } #multiship-review-form table, #multiship-review-form .address-entry, #multiship-review-form .payment-method, #multiship-review-form .shipping-method { margin-bottom:0; font-size:13px; line-height:20px; } #multiship-review-billing-info h3 { margin:15px 0 10px; } #multiship-review-shipping-list { } #multiship-review-shipping-list li { margin-top:15px; padding-top:15px; border-top:1px solid #F0F0F0; } #multiship-review-shipping-list li:first-child { margin-top:0; border-top:0; } #multiship-review-shipping-list li h3 { margin-bottom:24px; margin-left:10px; font-size:20px; font-weight:normal; line-height:24px; text-transform:none; } #multiship-review-shipping-list li h4 { margin-bottom:10px; font-size:13px; font-weight:bold; line-height:20px; text-transform:uppercase; } .multiship-review-table tbody td { padding:5px 0; } .multiship-review-table tfoot strong { font-weight:normal; } .multiship-review-table tfoot tr:last-child strong { font-weight:bold; } .multiship-review-table tfoot tr:last-child td { padding-top:5px; } .multiship-review-table tfoot tr:first-child td { padding-top:5px; } .multiship-review-table thead tr th { padding-left:20px; } .multiship-review-table thead tr:last-child th { padding-bottom:5px; } .multiship-review-table thead tr th:first-child { padding-left:0; } .multiship-review-table tbody tr:first-child, .multiship-review-table tfoot tr:first-child { border-top:1px solid #F0F0F0; } .multiship-review-table tfoot td, .multiship-review-table tfoot th { text-align:right; } /* success.phtml */ .checkout-multishipping-success a.faux-button { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* CHECKOUT - ONEPAGE /*--------------------------------------------------------------------------------------------------*/ #opc-steps { list-style:none; margin-bottom:30px; } #opc-steps li .step-title h2 { margin-bottom:0; padding:10px; border-top:1px solid #D8D8D8; background:#F8F8F8; } #opc-steps li .step-title h2 .number { color: #b5b2a3; } #opc-steps li .step-content { padding:20px 10px; } #opc-steps li:first-child .step-title h2 { border-top:2px solid #202020; } #opc-steps li:last-child .step-content { padding-bottom:0; border-bottom:0; } #opc-steps select { max-width:600px; } .opc-ajax-loading { display:inline-block; margin-left:10px; padding:3px 0 3px 26px; background:url(../img/icon/ajax-loader.gif) 0 3px no-repeat; font-size:12px; line-height:18px; } #opc-progress dl { padding: 20px 5px 0 10px; font-size:12px; line-height:18px; } #opc-progress dl dt { margin-bottom:5px; font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif; } #opc-progress dl dt:last-child { margin-bottom:15px; } #opc-progress dl dd { margin:0 0 15px 10px; } #opc-progress dl dd p { margin-bottom:5px; line-height:18px; } #opc-progress dl dd table { font-size:12px; line-height:18px; } #opc-progress dl dd table tr th { padding-right:10px; } #opc-progress dl dt.complete a, #opc-progress dl dt.incomplete span { float:right; margin-left:10px; font-weight:normal; } /* */ #opc-shipping_method .gift-messages-add { margin-bottom:15px; } #opc-shipping_method .gift-messages { margin:0; } #co-payment-form input.cvv { width:35px; } #checkout-review-table { margin-bottom:15px; } #checkout-review-table tfoot td, #checkout-review-table tfoot th { font-weight:normal; } #checkout-review-table tfoot tr:first-child th, #checkout-review-table tfoot tr:first-child td, #checkout-review-table tfoot tr:last-child th, #checkout-review-table tfoot tr:last-child td { padding-top:15px; } #checkout-review-table tfoot tr th, #checkout-review-table tfoot tr td { padding:0 10px; text-align:right; } #review-buttons-container { overflow:hidden; } #review-buttons-container button { float:right; height:48px; width:150px; font-size:20px; } #review-buttons-container .opc-ajax-loading { float:right; clear:both; margin-top:15px; } /*--------------------------------------------------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------------------------------------------------*/ #contact-form { margin-bottom:30px; } #contact-form textarea { width:384px; } /*--------------------------------------------------------------------------------------------------*/ /* POPUP /*--------------------------------------------------------------------------------------------------*/ body.page-popup { background:#FFF; } body.page-popup .popup-container { margin:0 40px 20px; } /*--------------------------------------------------------------------------------------------------*/ /* POPUP - SHIPPING TRACKING /*--------------------------------------------------------------------------------------------------*/ table.shipping-tracking-table { margin-bottom:30px; border:1px solid #F0F0F0; font-size:13px; } table.shipping-tracking-table td { padding:10px; } table.shipping-tracking-table th { padding:10px; font-weight:bold; } /*--------------------------------------------------------------------------------------------------*/ /* PRINT /*--------------------------------------------------------------------------------------------------*/ body.page-print { width:6.5in; margin:20px; background:#FFF; } body.page-print #print-header-table { width:100%; padding-bottom:40px; border-bottom:1px solid #F0F0F0; } body.page-print #print-header-table h1 { margin-bottom:0; } /*--------------------------------------------------------------------------------------------------*/ /* PRINT ORDER /*--------------------------------------------------------------------------------------------------*/ body.sales-order-print h1 { margin:0 0 24px; font-size:20px; line-height:24px; } body.sales-order-print table { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* PRODUCT VIEW /*--------------------------------------------------------------------------------------------------*/ #product-header { margin-bottom: 15px; } .catalog-product-view ul.messages { margin-top:30px; } /* */ #product-media { float: right; width: 550px; display: block; } #product-header.grid { width: 958px; } #product-media ul.more-views { overflow:hidden; display: inline; } #product-media ul.more-views li { float:left; margin: 5px 7px 0 0; } #product-media ul.more-views li:nth-child(5n) { margin-right:0; } #product-media ul.more-views li a.small { display:block; } #product-media ul.more-views li a.small img { } /* */ #product-info { padding-bottom: 20px; padding-top: 30px; background-color: transparent; float: left; width: 330px; padding-left: 20px; height: 350px; } #product-info h1 { margin: 0 0 10px; font: 26px/28px Droid, Arial, Helvetica, Geneva, sans-serif; color: #333; width: 320px; } /* */ #product_addtocart_form { margin-bottom: 5px; width: 350px; margin-top: 5px; } #product_addtocart_form .options { margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; width: 320px; } #product_addtocart_form .options .qty { overflow:hidden; margin-bottom: 5px; padding-top: 5px; border-top: 1px solid #e5e5e5; } #product_addtocart_form .options .qty:last-child { } #product_addtocart_form .options .qty input { float:left; width:35px; font-size: 16px; text-align: center; } #product_addtocart_form .options .qty label { float:left; clear:left; width:85px; padding:5px 5px 0 0; } #product_addtocart_form .options dl { overflow:hidden; margin-bottom:5px; } #product_addtocart_form .options dl dt { float:left; clear:left; width:85px; padding-right:5px; } #product_addtocart_form .options dl dt label { } #product_addtocart_form .options dl dd { float:left; margin-bottom:10px; } #product_addtocart_form .options dl dd select { max-width:260px; } #product_addtocart_form .decision { height: 50px; } #product_addtocart_form .decision button { float: right; margin-right: 31px; } #product_addtocart_form .decision .availability { position: absolute; font-size: 14px; } .in-stock { color: #a9c410; } .out-of-stock { color: #564b4d; } #product_addtocart_form .decision .price-box .regular-price, #product_addtocart_form .decision .price-box .special-price { color: #4d9baf; font: bold 24px/24px Droid, Arial, Helvetica, Geneva, sans-serif; } #super-product-table { font-size:13px; line-height:20px; } #super-product-table thead th { font-weight:bold; } #super-product-table tbody input { width:35px; } #super-product-table tbody td { padding-top:5px; } #super-product-table thead th, #super-product-table tbody td { padding-left:20px; } #super-product-table thead th:first-child, #super-product-table tbody td:first-child { padding-left:0; } .tier-prices { float: right; margin-left:10px; width: 350px; margin-top: 22px; } .tier-prices h3 { margin-bottom: 0; color: #8ca309; font-size: 14px; width: 1px; float: left; visibility: hidden; height: 1px; } .tier-prices ul li { font-size: 14px; line-height: 9px; color: #4d9baf; margin-top: -2px; margin-bottom: 7px; } .tier-prices ul li strong { padding-right:5px; } .product-actions { padding: 15px 5px 10px 0; width: 300px; margin-left: 20px; } .product-actions li { font-size:12px; line-height:18px; } .product-actions li a { display: inline-block; padding-left:18px; background:url(../img/icon/product-actions.png) 0 2px no-repeat; margin-bottom: 5px; margin-top: 14px; font-size: 16px; } .FBConnectButton { float: left; margin-right: 10px; margin-top: 1px; } .product-actions li a:hover { background-position:0 -18px; } .product-actions li a:active { background-position:0 -38px; } /* */ .long-description { margin: 5px 15px 15px; line-height: 18px; font-size: 13px; } .long-description ul { list-style:disc outside; margin-left:2em; } #attributes-table { margin: 0 15px 15px; } #attributes-table th { padding-right: 5px; font-size: 13px; padding-top: 5px; padding-bottom: 5px; color: #4a4439; text-decoration: underline; font-weight: bold; width: 90px; } #tags #add-tag-form { margin-top:15px; padding-left:10px; } #tags p.hint { margin:10px 0 0 10px; color:#909090; font-size:12px; line-height:18px; } #tags ul.product-tags { margin-top:15px; padding-right:10px } #tags ul.product-tags li a { display:block; text-decoration:none; } #tags ul.product-tags li a .count { float:right; display:block; padding-left:10px; color:#909090; } #tags ul.product-tags li a:hover .count { color:#202020; } /* */ #upsell { margin-bottom:30px; width: 930px; } #upsell h2 { margin-bottom:30px; } #related ol { margin:5px 0 10px; } #related ol li { overflow:hidden; padding:10px 0; border-bottom:1px solid #F0F0F0; } #related ol li input { float:left; margin-top:22px; } #related ol li .product { float:left; overflow:hidden; margin-left:15px; } #related ol li .product a.product-image { float:left; width: 100px; height: 100px; } #related ol li .product .product-details { float:left; margin-left:10px; } #related p.instruct { margin-bottom:10px; color:#909090; font-size:12px; line-height:18px; } #related .price-box .minimal-price, #related .price-box .old-price { display:none; } /* */ .catalog-product-view ul.breadcrumbs { display:none; } /*--------------------------------------------------------------------------------------------------*/ /* REVIEWS /*--------------------------------------------------------------------------------------------------*/ #customer-reviews ol.reviews { margin-bottom:30px; } #customer-reviews .no-reviews { margin-top:15px; padding: 0 12px; color: #4d9baf; } #review-form p.reviewing { overflow:hidden; margin:15px 0; font-size:13px; line-height:20px; } #review-form p.reviewing .label { float:left; width:130px; padding-left:10px; } #review-form p.reviewing strong { float:left; width:300px; padding-right:10px; } #review-form ul.struts li { padding-right:10px; padding-left:10px; } #review-form textarea { width:284px; } #review-form button { margin-left:140px; } /*--------------------------------------------------------------------------------------------------*/ /* SEND TO FRIEND /*--------------------------------------------------------------------------------------------------*/ #send-to-friend-form textarea { width:304px; } /*--------------------------------------------------------------------------------------------------*/ /* TAGS /*--------------------------------------------------------------------------------------------------*/ #popular-tags a.all-tags { margin:0 10px; font-size:13px; line-height:20px; } .tag-list-index ul.tags-list { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ABOUT /*--------------------------------------------------------------------------------------------------*/ #about-content { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* ENABLE COOKIES /*--------------------------------------------------------------------------------------------------*/ #enable-cookies p:last-child { margin-bottom:30px; } /*--------------------------------------------------------------------------------------------------*/ /* HOME /*--------------------------------------------------------------------------------------------------*/ /* LoopedSlider required */ #spotlight-slider { position:relative; overflow:hidden; clear:both; width:960px; margin: 0 auto; height: 350px; background: url(../img/layout/shadow.pn) no-repeat 0 bottom; } #spotlight-slider div.slider-box { position:relative; float:left; overflow:hidden; width: 958px; height: 320px; } #spotlight-slider div.slider-box div.slides { position:absolute; left:0; top:0; } /* for DIV slider */ #spotlight-slider div.slider-box ul.slides { list-style:none; position:absolute; left:0; top:0; margin:0; padding:0; } /* for UL slider */ #spotlight-slider .slides .slide { position:absolute; top:0; display:none; width:960px; margin:0; padding:0; } /* LoopedSlider optional */ #spotlight-slider ul.slider-pager { list-style:none; float:right; overflow:hidden; width:161px; } #spotlight-slider ul.slider-pager li { position:relative; margin-top:15px; } #spotlight-slider ul.slider-pager li:first-child { margin-top:0; } #spotlight-slider ul.slider-pager li a { display:block; width:160px; height:70px; } #spotlight-slider ul.slider-pager li .frame { position:absolute; left:0; top:0; z-index:1; display:none; width:160px; height:72px; color: #8b8b8b; opacity: 0.6; background-color: white; } #spotlight-slider ul.slider-pager li.active .frame { display:block; } #spotlight-slider ul.slider-pager li:hover .frame { display:block; border-color: #3a2e25; cursor:pointer; } /* LoopedSlider required */ .half-slider { position:relative; overflow:hidden; clear:both; width: 450px; margin: 0 0 20px 35px; padding-top: 20px; } .half-slider div.slider-box { position:relative; overflow:hidden; width:450px; height:250px; margin:0 auto; } .half-slider div.slides { position:absolute; left:0; top:0; } .half-slider ul.slides { list-style:none; position:absolute; left:0; top:0; margin:0; padding:0; } .half-slider .slides .slide { position:absolute; top:0; display:none; width:900px; margin:0; padding:0; } .half-slider h2 { float:left; } .half-slider .slider-controls { float:left; overflow:hidden; margin-left:15px; } /* LoopedSlider optional */ .half-slider a.next, .half-slider a.previous { float:left; display:block; width:24px; height:24px; margin-right:5px; background:url(../img/icon/sprite.png) 0 0 no-repeat; text-indent:-9999px; } .half-slider a.next { background-position:-240px 0; } .half-slider a.next:hover { background-position:-240px -30px; } .half-slider a.next:active { background-position:-240px -60px; } .half-slider a.previous { background-position:-210px 0; } .half-slider a.previous:hover { background-position:-210px -30px; } .half-slider a.previous:active { background-position:-210px -60px; } /*--------------------------------------------------------------------------------------------------*/ /* PAGE NOT FOUND /*--------------------------------------------------------------------------------------------------*/ #page-not-found { padding-bottom:30px; } .tour-section { margin-bottom: 15px; margin-left: 20px; } .tour-section h3 { color: #a3c31b; font: 15px Georgia, "Times New Roman", Times, serif; margin-top: 10px; } .tour-section h2 { font-size: 22px; } .facebook-login { padding-bottom: 30px; width: 500px; } .facebook-login h2 { padding-left: 40px; background: url(../img/icon/facebook32.png) no-repeat; height: 43px; margin-bottom: 0; } .agree { } .agree label { font-size: 14px; color: #e7941f; margin-left: 10px; } .agree a { color: #e7941f; text-decoration: underline; } p.primaryzoom { display: block; float: right; background-color: #F5F5F5; width: 958px; margin-top: 0; margin-bottom: 0; } .grid { border-bottom: 1px solid #edede8; } p.primaryzoom img { float: right; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-bottom: 5px; } #kiala { width: 960px; height: 650px; } iframe { width: 900px; height: 500px; } /*--------------------------------------------------------------------------------------------------*/ /* COLORS REFERENCE /*--------------------------------------------------------------------------------------------------*/ /* 202020 text F8F8F8 background F0F0F0 1px line D8D8D8 1px line emphasis 0CF button E5FAFF button:hover 0AD link 48B link:hover FFFF80 yellow */ /*--------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY REFERENCE /*--------------------------------------------------------------------------------------------------*/ /* font-size:11px; line-height:16px; font-size:12px; line-height:18px; font-size:13px; line-height:20px; font-size:15px; line-height:22px; base font-size:20px; line-height:24px; font-size:24px; line-height:36px; font-size:50px; line-height:60px; */ .hide { display: none; }