/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * @copyright Copyright (c) 2010 template-help.com */ /* CSS Font Px to % Conversion Table 10 77 11 85 12 93 13 100 14 108 15 116 16 123.1 17 131 18 138.5 19 146.5 20 153.9 21 161.6 22 167 23 174 24 182 25 189 26 197 21 22 */ /* Layout ================================================================================= */ body{ background-color: #fff; font-family: 'futura_bookregular', Helvetica,Arial,sans-serif; font-size:14px; line-height: 21px;} .page { width: 960px; margin: 0 auto; padding: 40px 0 0; text-align: left; } .page-print { padding: 20px; text-align: left; background: #fff; } .page-print .print-head { padding-bottom: 20px; } .page-print .page-title { background: 0; padding-left: 0; padding-top: 15px; } .page-print .page-title h2 { color: #000; } .page-print .col2-set { padding: 5px 0; } .page-print .col2-set .col-1, .page-print .col2-set .col-2 { padding: 5px 0; } .page-print h3 { margin-bottom: 10px; } .page-popup { padding: 20px; text-align: left; } .page-popup .page-title { padding-bottom: 10px; } .page-popup .page-title h2 { font-weight: bold; } .page-popup .product-name { margin: 10px 0; } .page-popup button { margin-bottom: 10px; } .page-popup p.a-right, .page-popup .nav { margin: 10px 0; } .page-popup .ratings .rating-box { float: left; margin-right: 5px; } .main { padding: 0px 0 20px; background: #fff; } .col-main .std h1 { color: #000; padding-bottom: 10px; font-weight: normal; } .col-main .std h2 { padding-bottom: 10px; color: #333; } .col-main .std a { text-decoration: underline; } .col-main .std a:hover { text-decoration: none; } .col-main h3 { font-size: 100%; color: #000; padding-bottom: 10px; font-weight: normal; } /* Base Columns */ .col-left { float: left; width: 181px; } .col-main { float: left; width: 752px; } .col-right { float: right; width: 181px; } /* 1 Column Layout */ .col1-layout .col-main { float: none; width: auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; width: 760px; } /*.col2-right-layout .col-main { padding-left: 10px; } .col2-right-layout .page-title { margin-left: -10px; }*/ /* 3 Columns Layout */ .col3-layout .col-main { width: 586px; margin-left: 6px; } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* ======================================================================================= */ /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 93%; line-height: 1.25; text-align: center; color: #2f2f2f; } .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 93%; line-height: 1.15; text-align: center; color: #fff; } /* ======================================================================================= */ /* Header Top ================================================================================ */ .header-top { position: fixed; top: 0; width: 100%; background: #1f1f1f; left: 0px; z-index: 99999; color:#fff;} .fixed-menu { margin: 0 auto; width: 960px; font-size: 10px; padding:5px 0; } .fixed-menu .links { float: right; } .fixed-menu .links { float: right; } .fixed-menu li { display: inline; padding-left: 8px; float: left; } .fixed-menu li a { white-space: nowrap; text-decoration: none; padding-top: 6px; display: inline-block; text-transform: uppercase; color:#fff;} .fixed-menu .links li a:hover { text-decoration: underline; } .top-link-cart { background: transparent url(../images/icn-shopping-bag.png) left top no-repeat; padding-left: 30px; } /* Header Top Social media ================================================================================ */ .fixed-menu .social-media-links .btn a { text-indent: 0px !important; } .fixed-menu .social-media-links { margin-top: 4px; margin-left: 10px;} .fixed-menu .social-media-links li a { padding:0; display: block; width: 23px; height: 23px; background: url(../images/buttons.png) top left no-repeat; } .fixed-menu .social-media-links .icn-facebook a:link, .fixed-menu .social-media-links .icn-facebook a:visited { background-position: -400px -100px; } .fixed-menu .social-media-links .icn-facebook a:hover { background-position: -400px -150px; } .fixed-menu .social-media-links .icn-twitter a:link, .fixed-menu .social-media-links .icn-twitter a:visited { background-position: -450px -100px; } .fixed-menu .social-media-links .icn-twitter a:hover { background-position: -450px -150px; text-decoration: underline; } .fixed-menu .social-media-links .icn-google a:link, .fixed-menu .social-media-links .icn-google a:visited { background-position: -500px -100px; } .fixed-menu .social-media-links .icn-google a:hover { background-position: -500px -150px; text-decoration: underline; } .fixed-menu .social-media-links .icn-instagram a:link, .fixed-menu .social-media-links .icn-instagram a:visited { background-position: -550px -100px; } .fixed-menu .social-media-links .icn-instagram a:hover { background-position: -550px -150px; text-decoration: underline; } .fixed-menu .social-media-links .icn-tumblr a:link, .fixed-menu .social-media-links .icn-tumblr a:visited { background-position: -600px -100px; } .fixed-menu .social-media-links .icn-tumblr a:hover { background-position: -600px -150px; text-decoration: underline; } .fixed-menu .social-media-links .icn-pinterest a:link, .fixed-menu .social-media-links .icn-pinterest a:visited { background-position: -650px -100px; } .fixed-menu .social-media-links .icn-pinterest a:hover { background-position: -650px -150px; text-decoration: underline; } .fixed-menu .social-media-links .icn-blog a:link, .fixed-menu .social-media-links .icn-blog a:visited { background-position: -700px -100px; } .fixed-menu .social-media-links .icn-blog a:hover { background-position: -700px -150px; } /* Header ================================================================================ */ .header-container { } .header .header-block { } .header .header-block .top-border { padding: 20px 0 20px 0; } .header .header-block .top-border .full-width { position: relative; } #logo { float: left; width: 375px; height: 75px; background-position: 0 0; display: block; overflow: hidden; cursor: pointer; background: url(../images/logo.png) 0 0 no-repeat;} #logo span{ position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);} .header .col-2 { width: 56%; float: right; padding-top: 12px; } .header .welcome-msg { font-weight: bold; text-align: right; color: #FFF; padding-top: 3px; } .header .form-language { float: right; padding-left: 27px; } .header .form-language select { width: 82px; } .fixed-menu .top-news-letter fieldset, .header .form-search, .home-news-letter .block-content { width: 184px; height: 23px; padding: 0 3px 0 7px; margin: 1px 0 0; float: right; background: url(../images/top_search_bg.gif) left top no-repeat; } .header .form-search label { display: none; } .header .form-search input, #newsletter-home { width: 150px; height: 15px; border: 0; padding: 0; text-transform: uppercase; color: #8F8F8F; margin-top: -3px; } .header .form-search button { width: 18px; height: 15px !important; overflow: hidden; float: right; } .header .form-search button span { display: none; } .header .search-autocomplete { background: #FFF; border: 1px solid #D8DACD; padding: 10px; z-index: 99999; } .header .search-autocomplete .amount { display: none; } /* Header Right ================================================================================ */ .header-right { width: 260px; padding: 20px 5px 0px 0px; } .header-right #search_mini_form { display: inline-block; float: right; padding-bottom: 5px; } .header-right .header-advisor { display: block; text-align: right; clear: both; float:right; width:300px; } .header-right .header-advisor a { text-decoration: underline; } .header-right .header-advisor a:hover { text-decoration: none; } #nav .menu-contact { float: left; } #nav .menu-contact a { padding: 6px 0px; float: right; } /********** < Countdown */ #countdown_container{ background-color:#b70366; float:left; margin:10px 0 0 140px; width: 150px; padding:5px;} #countdown_heading{ color:#fff; font-size:12px; text-align:center; text-transform:uppercase; margin: 0;} #countdown{background: url(../images/timer_bg.jpg) no-repeat; width:135px; height:15px; padding:14px 0 0 8px;} /********** < Navigation */ #nav { font-size: 16px; padding: 0; float: left; width: 960px; } /* All Levels */ #nav li { text-align: left; position: relative; } #nav li.over { z-index: 999; } #nav li.parent { } #nav li a { display: block; text-decoration: none; text-transform: uppercase; } #nav li a:hover { text-decoration: none; } #nav li a span { display: block; white-space: nowrap; cursor: pointer; } #nav li ul a span { white-space: normal; } /* 1st Level */ #nav li { float: left; } #nav li a { float: left; padding: 6px 9px ; color: #1F1F1F;} #nav li a:hover { color: #1F1F1F; text-decoration: underline; } #nav .nav-1 a{ padding-left:0;} #nav .nav-9 a{ padding-right:0; border:0;} /*#nav li.over a,*/ #nav li.active a { color: #d90479; position: relative;} #nav > li.active > a:after { content: ''; width: 12px; background-color: #fff; height: 12px; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav li.over, #nav li.active { } /* 2nd Level */ #nav ul { position: absolute; width: 15em; top: 33px; left: -10000px; border: 1px solid #efefef; background: #fafafa; } #nav ul li { float: none; border-bottom: 1px solid #efefef; } #nav ul li.last { border-bottom: 0; } #nav ul li a { float: none; padding: 5px 16px !important; font-weight: normal; color: #21201E; text-decoration: none !important; font-size:12px; } #nav ul li a:hover { color:#D90479!important; background: #e9e9e9; text-decoration: none; } /*#nav ul li.active > a,*/ #nav ul li.over > a { color: #D90479 !important; } /* 3rd+ leven */ #nav ul ul { top: 7px; } /* Show Menu */ #nav li.over > ul { left: 0; } #nav li.over > ul li.over > ul { left: 100px; } #nav li.over ul ul { left: -10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ .col-main .product-name {margin-top:10px; text-transform:inherit; padding:0; } .product-name a { text-decoration: none !important; color: #1F1F1F; font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; } .product-name a:hover { text-decoration: underline !important; } /* Form Elements */ input, select, textarea, button { font: 77% Arial, Helvetica, sans-serif; vertical-align: middle; text-transform: none; } input, input.input-text, select, textarea { background: #fff; border: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #828181; } input.input-text:focus, select:focus, textarea:focus { } input.input-text, textarea { padding: 2px; border: solid 1px #ccc; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; width: 13px; height: 13px; border: 0 !important; } input.qty { width: 2.5em; } textarea { overflow: auto; } button.button { background: 0; border: 0; cursor: pointer; overflow: visible; width: auto; font-family: Arial,Helvetica,sans-serif; font-size: 85%; height: 21px !important; } button.button span { margin: 0; display: block; background: url(../images/buttons_left_bg.gif) left top no-repeat !important; height: 21px !important; } button.button span span { display: block; background: url(../images/buttons_right_bg.gif) right top no-repeat !important; padding: 0 8px 0 8px; height: 21px !important; } button.button span span span { display: block; font-weight: bold; color: #FDFDFD; text-transform: uppercase; text-align: center; padding: 3px 5px; height: 15px !important; overflow: hidden !important; white-space: nowrap; background: url(../images/buttons_bg.gif) left top repeat-x !important; line-height: normal; } button.button-add-to-bag span span { display: block; background: url(../images/buttons_right_bag_bg.gif) right top no-repeat !important; padding: 0px 19px 0 8px; height: 21px !important; } #shopping-cart-table button.button span { background: url(../images/buttons_left_bg_dark.png) left top no-repeat !important; height: 21px !important; padding-left: 2px; } #shopping-cart-table button.button span span { background: url(../images/buttons_right_bg_dark.png) right top no-repeat !important; height: 21px !important; padding-right: 4px; } #shopping-cart-table button.button span span span { height: 15px !important; background: url(../images/buttons_bg_dark.png) left top repeat-x !important; } .cart-collaterals .discount button{margin-top:10px;} .button.onestepcheckout-place { height: 76px !important; } .checkout-types button.button { height: 56px !important; } .checkout-types button.button span, .button.onestepcheckout-place span{ background: url(../images/buttons_left_bg_checkout.png) left top no-repeat !important; height: 56px !important; padding-left: 2px; } .checkout-types button.button span span, .button.onestepcheckout-place span span { background: url(../images/buttons_right_bg_checkout.png) right top no-repeat !important; height: 56px !important; padding-right: 4px; } .checkout-types button.button span span span, .button.onestepcheckout-place span span span{ height: 50px !important; background: url(../images/buttons_bg_checkout.png) left top repeat-x !important; padding: 20px; } button.disabled { } button.disabled span { } button.button::-moz-focus-inner { padding: 0; border: 0; } /* Input & Textarea stretched for 100% */ .field-100 { border: 1px solid #888; padding: 2px; overflow: hidden; } .field-100 input.input-text, .field-100 textarea { float: left; width: 100%; margin: 0; padding: 0; border: 0; } /* Form Highlight */ .highlight { } /* Form lists */ fieldset{margin-bottom:20px;} .form-list li { margin: 0 0 5px; } .form-list label { font-weight: bold; } .form-list .input-box { float: left; width: 300px; } .form-list input.input-text, .form-list textarea { width: 250px; } .form-list select { width: 256px; } .form-list li.add-row { border-top: 1px solid #ddd; margin-top: 10px; } .form-list li.add-row .btn-remove { font-size: 0; line-height: 0; padding: 5px 5px 0 0; text-align: right; } .form-list .range input.input-text { width: 96px; } .group-select { } .group-select li { margin: 0 0 5px; } .group-select .input-box { float: left; width: 260px; } .customer-dob { float: none!important; width: auto!important; } .customer-dob > div { float: left; width: 260px;} #checkoutSteps .customer-dob > div { float: left; width: 305px;} .group-select input.input-text, .group-select textarea { width: 120px; } .group-select select { width: 516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width: 250px; } .group-select .input-box select { width: 256px; } .group-select.wide input.input-text, .group-select.wide textarea { width: 510px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px; } .buttons-set .back-link { float: left; } .buttons-set .button { float: right; } .buttons-set2 { clear: both; margin: 5px 0 0; padding: 5px; text-align: right; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; font-size: 77%; line-height: 13px; background: #fff url(../images/validation_advice_bg.gif) 0px 4px no-repeat; color: #f00; margin-top: 5px; padding: 5px 5px 5px 10px; position: relative; z-index: 999; } .validation-failed { border: 1px dashed #f00 !important; background: #faebe7 !important; } .validation-passed { } .required { color: #f00; } p.required { font-size: 77%; text-align: right; } /* Expiration date and cvv number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { width: 12em; margin-right: -14em; display: block; position: relative; } .sp-methods .form-list { } .sp-methods select.month { width: 150px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc; } .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; overflow: hidden; margin: 7px 0 5px !important; padding-left: 0 !important; list-style-type: none !important; } .messages ul { padding-left: 0 !important; list-style-type: none !important; } .messages li { margin: 0 0 10px; } .messages li li { margin: 0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-color: #FAEBE7; background-position: 10px 10px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 8px 32px !important; font-size: 85% !important; margin: 15px 0; line-height: 23px; } .error-msg { border-color: #f16048; background-color: #fff; background-image: url(../images/error_msg_icon.gif); color: #333; } .success-msg { border-color: #446423; background-color: #fff; background-image: url(../images/success_msg_icon.gif); color: #333; } .note-msg, .notice-msg { background-image: url(../images/note_msg_icon.gif); color: #333; } /* BreadCrumbs */ .breadcrumbs { padding:10px 0; position: relative; z-index: 99; border-top:1px solid #1f1f1f; } .breadcrumbs li { display: inline; text-transform: uppercase; } .breadcrumbs li a { color: #828181; text-decoration: none; text-transform: uppercase; font-size: 93%; } .breadcrumbs li a:hover { text-decoration: underline; } .breadcrumbs li strong { color: #1F1F1F; text-transform: uppercase; font-weight: normal; } .breadcrumbs li span { padding: 0 5px; background: url(../images/breadcrumbs_divider.gif) 50% 50% no-repeat; } .separator{ float: left; display: block; margin:0 5px; color:#ccc;} /* Page Heading */ .page-title { padding: 14px; background: #21201E; margin-bottom: 20px; } .page-title h1 { color: #fff !important; font-size: 18px;} .page-title h2 { color: #FDFDFD; font-size: 116%; line-height: 15px; } .title-buttons { text-align: left; margin-bottom: 0px!important; } .title-buttons h1 { float: left; margin-top:17px; } .title-buttons a { color: #FFF; margin-top: 5px; display: block; } .title-buttons button { background: 0 !important; } .title-buttons h2 { margin-top: 4px; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } /* Pager */ .pager { padding: 10px 2px 4px; text-align: center; font-size: 100%; text-transform: none; border-bottom: 1px solid #DBDAD9; } .pager .amount { float: left; } .pager .amount a { } .pager .limiter { float: left; } .pager .limiter select { width: 43px; height: 17px; border: 1px solid #C5C3C3; margin: 0 8px 1px 0; color: #828181; font-size: 85%; } .pager .pages { float: right; } .pager .pages strong { font-weight: normal; } .pager .pages ol { display: inline; } .pager .pages li { display: inline; padding: 0 1px; } .pager .pages li a { color: #1F1F1F; } .pager .pages .current { } .pager .sort-by { float: left;} /* Sorter */ .sorter { padding: 7px 26px 0 0; font-size: 100%; text-transform: none; } .sorter .view-mode { float: left; } .sorter .view-mode strong { font-weight: normal; } .sorter .view-mode a { color: #1F1F1F; } .sorter .sort-by { float: right; } .sorter .sort-by select { width: 84px; height: 17px; border: 1px solid #C5C3C3; margin: 0 19px 1px 0; color: #828181; font-size: 85%; } .sorter .link-feed { } /* Data Table */ .data-table { width: 100%; } .data-table th { padding: 5px; border: 1px solid #E0E0E0; font-weight: bold; white-space: nowrap; background: #E7735A; color: #fff; } .data-table td { padding: 5px; border: 1px solid #E0E0E0; } .data-table thead { } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { background-color: #f6f6f6; } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px; } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td .product-name { font-size: 100%; font-weight: bold; line-height: 1.5; } .data-table td.label, .data-table th.label { font-weight: bold; } .data-table td.value { } /* Tax Details Row */ tr.tax-total { cursor: pointer; } tr.tax-total td { } tr.tax-total .tax-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .tax-collapse { background-position: 0 -53px; } tr.show-details td { } tr.tax-details td { background-color: #f6f6f6; } tr.tax-details-first td { } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { cursor: pointer; } .cart-tax-total { padding-right: 20px; background: url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-total-expanded { background-position: 100% -52px; } /* Lists Decoration */ li.odd { } li.even { } dt.odd, dd.odd { } dt.even, dd.even { } .col-main li.even { background: 0; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ul { list-style: disc outside; } .std ol { list-style: decimal outside; padding-left: 1.5em; } .std ul ul { list-style-type: circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin: .5em 0; } .std dt { font-weight: bold; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Misc */ .link-rss { background: url(../images/icon_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .sidebar .block { margin: 0 0 30px 0; } .sidebar .block .block-title { padding: 10px; margin-bottom: 10px; background: #1f1f1f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMWYxZjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #1f1f1f 1%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#1f1f1f), color-stop(100%,#383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* IE10+ */ background: linear-gradient(135deg, #1f1f1f 1%,#383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#383838',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ color: #fff; font-size: 116%; line-height: 15px; font-weight: normal; margin: 0 0 10px 0; text-transform: uppercase; } .sidebar .block .block-red { background: #B20453; } .sidebar .block .block-title h1 { color: #fff; line-height: 15px; font-size: 14px; } /*.sidebar .block .block-title h3 { color: #fff; font-size: 116%; line-height: 15px; font-weight: normal; margin: 0; }*/ .sidebar .block .block-title a { color: #000; } .sidebar .block h3 { } .sidebar .block .actions { text-align: right; } .sidebar .block .actions a { float: left; } /* Block: Account */ .sidebar .block-account { } /* Block: Currency Switcher */ .sidebar .block-currency { } .sidebar .block-currency select { width: 100%; border: 1px solid #888; } /* Block: Layered Navigation */ .sidebar .block-layered-nav { } .sidebar .block-layered-nav h3 { margin-bottom: 15px; font-size: 100%; } .sidebar .block-layered-nav dt { padding: 3px 5px; color: #333; text-transform: uppercase; } .sidebar .block-layered-nav dd { padding: 9px 15px 11px 5px; } .sidebar .block-layered-nav dd a { } .sidebar .block-layered-nav .price { font-size: 100%; } .sidebar .block-layered-nav .currently { padding-bottom: 10px; } .sidebar .block-layered-nav .currently li { padding-left: 0px; background: none; } .sidebar .block-layered-nav .currently li img { float: right; } .sidebar .block-layered-nav .currently li .label { } .sidebar .block-layered-nav .currently .price { color: #828181; } .sidebar .block-layered-nav .actions { padding: 10px 0px 0px 0; text-align: right; } .sidebar .block-layered-nav .actions a { float: none; color: #1F1F1F; } /* Block: Cart */ .sidebar .block-cart { } .sidebar .block-cart .block-title { background: #21201E; } .sidebar .block-cart .block-content h3 { font-size: 100%; } .sidebar .block-cart .amount { padding: 0 7px 15px; } .sidebar .block-cart .amount a { color: #1F1F1F; text-decoration: none; } .sidebar .block-cart .amount a:hover { text-decoration: underline; } .sidebar .block-cart .subtotal { background: #EDEDED; padding: 3px 5px 5px 7px; } .sidebar .block-cart .actions { padding: 15px 0; } .sidebar .block-cart h3 { margin-bottom: 15px; } .sidebar .mini-products-list li { padding: 0 0 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .sidebar .mini-products-list li.last { padding-bottom: 0; } .sidebar .mini-products-list li.even { background: 0; } .sidebar .mini-products-list .product-image { float: left; width: 67px; border: 1px solid #EDEDED; margin-bottom: 10px; } .sidebar .mini-products-list .product-details { width: 110px; float: right; } .sidebar .mini-products-list .product-details span.title { font-size: 100%; margin: 0 0 5px; display: block; padding-right: 20px; } .sidebar .mini-products-list .product-details span a { color: #1F1F1F; font-size: 100%; text-decoration: none; } .sidebar .mini-products-list .product-details span a:hover { text-decoration: underline; } .sidebar .mini-products-list .product-details .btn-remove { float: right; } .sidebar .mini-products-list .product-details strong { clear: both; } /* Block: Wishlist */ .sidebar .block-wishlist { } .sidebar .block-wishlist .block-content h3 { margin-bottom: 15px; font-size: 100%; } .sidebar .block-wishlist .actions { padding: 15px 0 0; } /* Block: Related */ .sidebar .block-related { } .sidebar .block-related .block-content p a { color: #1F1F1F; } .sidebar .block-related li.products-item { padding: 0 0 17px; } .sidebar .block-related li.even { background: 0; } .sidebar .block-related .checkbox { float: left; } .sidebar .block-related ol { padding-top: 10px; } .sidebar .block-related .item .product-image { float: left; width: 68px; display: block; } .sidebar .block-related .item .product-details { width: 113px; float: left; } .sidebar .block-related .item .product-details .product-name a { font-size: 100%; text-transform: none; font-weight: bold; } .sidebar .block-related .item .add-to-wishlist { padding: 5px 0 0; text-align: right; } .sidebar .block-related .item .add-to-wishlist a { color: #828181; float: none; } /* Block: Compare Products */ .sidebar .block-compare { } .sidebar .block-compare li { padding: 7px 10px 7px 8px; } .sidebar .block-compare li img { float: right; margin: 5px 0 5px 5px; } .sidebar .block-compare li a { color: #828181; text-decoration: none; } .sidebar .block-compare li a:hover { text-decoration: underline; } .sidebar .block-compare .actions { padding: 12px 7px 0 8px; } .sidebar .block-compare .actions button { margin-bottom: 10px; } /* Block: Viewed */ .sidebar .block-recent { } .sidebar .block-recent .block-title { background: #21201E; } .sidebar .block-recent li { padding: 6px 10px 5px 7px; } .sidebar .block-recent li a { color: #828181; text-decoration: none; } .sidebar .block-recent li a:hover { text-decoration: underline; } /* Block: Poll */ .sidebar .block-poll { } .sidebar .block-poll .block-title { background: #21201E; } .sidebar .block-poll h3 { font-size: 100%; } .sidebar .block-poll .radio { float: left; margin: 2px -18px 0 0; } .sidebar .block-poll .label { display: block; margin-left: 18px; } .sidebar .block-poll .answer { float: left; width: 100%; } .sidebar .block-poll .answer span { display: block; width: 90px; } .sidebar .block-poll .votes { font-weight: bold; float: right; width: 65px; margin-top: -15px; } .sidebar .block-poll .block-content ol { margin-top: 15px; margin-left: 7px; } .sidebar .block-poll .block-content ol li { padding-bottom: 5px; color: #828181; } /* Block: Tags */ .sidebar .block-tags ul { font-size: 146%; } .sidebar .block-tags ul, .sidebar .block-tags li { display: inline; line-height: normal; } .sidebar .block-tags li a { color: #828181; text-decoration: none; } .sidebar .block-tags li a:hover { text-decoration: underline; } .sidebar .block-tags .actions { padding-top: 10px; } /* Block: Subscribe */ .sidebar .block-subscribe { } .sidebar .block-subscribe .input-box input { width: 157px; margin: 5px 0 10px; } /* Block: Reorder */ .sidebar .block-reorder { } .sidebar .block-reorder h3 { font-size: 100%; } .sidebar .block-reorder li { padding: 5px 0; } .sidebar .block-reorder li a { text-decoration: none; } .sidebar .block-reorder li a:hover { text-decoration: underline; } .sidebar .block-reorder .checkbox { float: left; margin: 3px -20px 0 0; } .sidebar .block-reorder .label { display: block; margin-left: 20px; } /* Block: Banner */ .sidebar .block-banner { } .sidebar .block-banner .block-content { text-align: center; } /* Block: Checkout Progress */ .sidebar .block-progress { border: 1px solid #B6B6B6; } .sidebar .block-progress .block-title { padding: 8px 11px 10px; background: #F6F6F6; color:#000; } .sidebar .block-progress .block-title h2 { color: #202020; font-size: 123.1%; font-weight: bold; } .sidebar .block-progress .block-content { padding: 14px 10px 20px 11px; } .sidebar .block-progress dl { border-top: 1px solid #B6B6B6; } .sidebar .block-progress dt, .sidebar .block-progress dd { border: 1px solid #B6B6B6; border-top: 0; color: #202020; } .sidebar .block-progress dt { padding: 11px 13px 11px 19px; font-weight: bold; font-size: 100%; } .sidebar .block-progress dd { padding: 27px 40px 26px 20px; font-weight: normal; text-transform: none; font-size: 123.1%; } .sidebar .block-progress dt a { color: #202020; } .sidebar .block-progress dt.complete, .sidebar .block-progress dd.complete { background-color: #FFF; } /* ======================================================================================= */ /* Front Page ========================================================================= */ /* Category Page ========================================================================= */ .category-title { padding: 3px 5px; background: #000; margin-bottom: 25px; } .category-title h2 { color: #FDFDFD; } .category-image { display: block; margin: 20px auto; width: 99%; } /*.category-products { padding: 0 11px; }*/ /* View Type: Grid */ .add-to-links { } .products-grid { width: 100%; margin-bottom: 25px; } .products-grid a, .products-grid a:hover, .products-grid a:active, .products-grid a:focus{ display: block; position: relative;} .products-grid tr.odd { } .products-grid tr.even { } .products-grid td { width: 25%; padding: 10px 5px; text-align: left; } .products-grid .item-grid-wrapper{ position: relative;} .products-grid td.last { border-right: 0; } .products-grid tr.last td { border-bottom: 0; } .products-grid td.empty { } /*.products-grid .product-image { display: block; width: 161px; margin: 0 auto; background: url(../images/background-thumbnail-image.jpg) top left no-repeat; height: 210px; padding-top: 5px; }*/ /*.product-img-box img{-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);}*/ .category-gift-certs .products-grid .product-image, .category-gift-certs .product-view .product-img-box { background: none !important; } .category-gift-certificates .products-grid .product-image, .category-gift-certificates .product-view .product-img-box { background: none !important; } .products-grid .ratings {margin: 0 auto; position: absolute; right: 0; top: 217px; z-index: 999; background: url(../images/transparent-dark-background.png) 0 0 repeat; padding: 5px; left: 0; } .products-grid .ratings .rating-box { float: left; padding: 0; margin:0; } .products-grid .ratings .amount { float: left; margin-left: 5px; display: none; } .products-grid .price-box { margin: 0; } .products-grid button { float: right; } .products-grid .view-detail { width: 80px; margin-right: 5px; float: left; border-right: solid 1px #ccc; } .products-grid .add-to-links { float: left; } .products-grid .add-to-links li { background: none !important; padding-left: 0px !important; } /* View Type: List */ .products-list .item { border-bottom: 1px solid #DBDAD9; padding: 28px 0 30px; } .products-list li.last { border-bottom: 0; } .products-list .product-image { float: left; width: 163px; border: 1px solid #EDEDED; } .products-list .product-shop { float: right; width: 381px; } .products-list .product-shop .product-name { margin-bottom: 10px; } .products-list .product-shop .product-name a { color: #1F1F1F; font-size: 100%; } .products-list .product-shop .price-box { margin: 0 35px 12px 0; float: left; } /* ======================================================================================= */ /* Product View ========================================================================== */ .email-to-friend, .be-the-first { display: block; } .be-the-first{ margin-top:10px;} .product-essential { padding-bottom: 20px; } .product-essential a:link, .product-essential a:visited { text-decoration: underline; } .product-essential a:hover { text-decoration: none; } .product-collateral { } /*#customer-reviews h2, .product-collateral h3 { color: #828181; font-size: 116%; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } */#customer-reviews h2, .product-collateral h2 { font-size: 20px;color: #1F1F1F; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ccc;} /* Product Images */ .product-view .product-img-box { float: left; width: 380px; height: 550px; min-height: 550px; height: auto !important; padding-top: 10px; margin-top: -10px; } .product-view .product-img-box .product-image { border: 1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { text-align: center; padding: 7px 0 15px; text-transform: none; } *html .product-view .product-img-box .zoom-notice { display: none; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(../images/slider_bg.gif) 50% 6px no-repeat; cursor: pointer; } *html .product-view .product-img-box .zoom { display: none; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; visibility: inherit !important; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 35px; height: 22px; background: url(../images/magnifier_handle.gif) 0 5px no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } *html .product-view .product-img-box .more-views { padding-top: 20px; } .more-views { width: 40px; height: 500px; position: absolute; margin-top: -470px; margin-left: 260px; } .product-view .product-img-box .more-views h3 { font-weight: bold; font-size: 100%; margin-bottom: 2px; } .product-view .product-img-box .more-views ul { } .product-view .product-img-box .more-views li { float: left; padding: 1px; margin: 0 0 8px 26px; position: relative; } .product-view .product-img-box .more-views li img { /*border:1px solid #E2E2E2;*/ } .product-image-popup { margin: 0 auto; } .product-image-popup .nav { text-align: center; } .product-image-popup .image { display: block; } .product-image-popup .image-label { } /* Product Shop */ .product-view .product-shop { float: right; width: 360px; } .product-view .product-name h1 { color: #1F1F1F; font-size: 28px; font-weight: normal; text-transform: none; line-height: 30px; } .product-view .product-shop .ratings { padding-bottom: 14px; margin-top:10px; } .product-view .product-shop .ratings .rating-box { margin-bottom: 5px; float: left; } .product-view .product-shop .product-pricing { margin-bottom: 15px; } .product-view .product-shop .product-pricing li { background: #EDEDED; padding: 5px 10px; margin-bottom: 3px; } .product-view .product-shop .product-pricing .price { font-size: 100%; color: #828181; font-weight: bold; } .product-view .product-shop .product-pricing .benefit { color: #1F1F1F; } .product-view .product-shop .price-box {margin: 0 0 15px 0;padding-bottom:15px; clear: both; border-bottom:1px solid #ccc; } .product-view .out-of-stock {clear: both; padding: 20px!important; float: none; } .product-view .product-shop .price-box .price { font-size: 153.9%; } .product-view .product-shop .add-to-box { } .product-view .product-shop .add-to-box .add-to-cart { padding-top: 4px; } .product-view .product-shop .add-to-box .add-to-cart label { margin-top: 2px; margin-bottom: 10px; } .product-view .product-shop .add-to-box .add-to-cart input { width: 40px; height: 15px; border: 1px solid #D9D8D8; } .product-view .product-shop .add-to-box .or { margin: 5px 15px 0 10px; } .product-view .product-shop .add-to-links li { display: block; } .product-view .product-shop .add-to-links li .separator { display: none; } .product-view .description { padding-bottom: 10px; } .product-view .short-description h3 { font-weight: bold; font-size: 100%; margin-bottom: 5px; } .nobr { font-size: 85%; } .review-product-list .col-main .data-table { margin: 10px 0; } .review-product-list .col-main .product-pricing { margin-top: 10px; } /* Rating */ .ratings { padding-bottom: 10px; } .ratings .amount { } .ratings .rating-links { float: left; padding-left: 10px; display: inline-block; font-size: 85%; } .ratings .rating-links .separator { padding: 0 10px; } .ratings .rating-links .last { color: #1F1F1F; } .ratings dt { } .ratings dd { } .rating-box { width: 80px; height: 13px; margin: 0 0 10px; font-size: 0; line-height: 0; background: url(../images/product_rating_blank_star.png) 0 0 repeat-x; position: relative; overflow: hidden; } .rating-box .rating { position: absolute; top: 0; left: 0; height: 13px; background: url(../images/product_rating_full_star.png) 0 100% repeat-x; } .box-reviews .rating-box { margin-bottom: 10px; position:relative; top: 4px; left: 5px;} .catalog-product-view select { visibility: inherit !important; } /* Availability */ .availability { } .availability .in-stock { font-weight: bold; } .availability .out-of-stock { font-weight: bold; color: #fff; } /********** < Product Prices */ .price { white-space: nowrap !important; line-height: normal; font-weight: normal !important; color: #1F1F1F; } .sidebar .price { font-size: 14px; font-weight: bold!important; } .price-box { margin: 10px 0;} .price-box .price { font-weight: bold; } .price-box-bundle { } /* Regular price */ .regular-price { } .regular-price .price { font-weight: bold!important;} /* Old price */ .products-grid .old-price { display: inline;} .old-price .price-label { white-space: nowrap; font-weight: bold; text-transform: uppercase; padding-right: 5px; font-size: 12px;} .old-price .price { font-weight: bold; text-decoration: line-through; color:#999;} /* Special price */ .products-grid .special-price { display: inline; padding-left:5px;} .special-price .price-label { white-space: nowrap; text-transform: uppercase; padding-right: 5px; font-size: 12px;} .special-price .price { color: #C40366; font-weight: bold!important; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } a.minimal-price-link { display: block; } a.minimal-price-link .label { } a.minimal-price-link .price { font-weight: normal; font-size: 100%; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: bold; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { font-weight: bold; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px; } .price-notice .price { font-weight: bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold; } .tier-prices .benefit { } /* Add to Links */ .add-to-links li { display: inline; } .add-to-links .separator { display: inline; padding: 0 5px; background: none !important; } .add-to-links li.last a { color: #1F1F1F; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart .qty { float: left; } .add-to-cart .button { float: left; margin-left: 5px; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; width: 360px; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { } .add-to-box .add-to-links li { background: none; padding-left: 0px; } /* Product Options */ .product-options { clear: both; } .product-options dt { margin-bottom: 5px; } .product-options dt label { font-weight: bold; } .product-options dt .qty-holder { float: right; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd { margin-bottom: 5px; } .product-options dl { width: 210px; float: left; } .product-options dl.last dd.last { } .product-options dd input.input-text { width: 98%; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 200px; margin-right: 5px; } .product-options dd .multiselect option { } .product-options .options-list { } .product-options .options-list input.radio { float: left; margin: 3px -18px 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 5px 0 0; clear: both; } .product-options-bottom { border-bottom: 1px solid #ccc; padding-bottom:15px; } .product-options-bottom .add-to-cart { clear: both; } .product-options-bottom .add-to-cart label { margin-bottom: 10px; } .product-options-bottom .add-to-cart input { margin-top: 1px; } .product-options-bottom .price-box { margin: 10px 0; } .multiselect { height: auto !important; } /* Grouped Product */ .grouped-items { } /* Block: Description */ .product-view .description h2 { padding-bottom: 10px; } /* Block: Additional */ .product-view .additional { border-top: 1px solid #DBDAD9; padding: 27px 0; } .product-view .additional .data-table th { padding: 15px 25px 15px 31px; color: #413B34; } .product-view .additional .data-table td { padding: 12px 30px 14px 18px; } /* Block: Upsell */ .product-view .up-sell { padding: 10px 0; } .product-view .up-sell .products-grid li { width: 25%; float: left; margin: 0; padding: 0 5px; } .product-view .up-sell .products-grid li .price-box { float: none; } .product-view .up-sell .products-grid li .ratings { top:226px; } .product-view .up-sell .products-grid li .ratings .rating-links { display: none; } .product-view .up-sell .products-grid li .ratings .rating-links a { display: block; } .product-view .up-sell .products-grid li .ratings .rating-links .separator { display: none; } /* Block: Tags */ .product-view .tags { border-top: 1px solid #DBDAD9; padding: 27px 0 0; } .product-view .tags h4 { font-weight: normal; font-size: 100%; } .product-view .tags-list { margin: 11px 0 20px; width: 100%; overflow: hidden; font-size: 100%; } .product-view .tags-list li { background: url(../images/tags_divider.gif) right 4px no-repeat; padding-right: 12px; margin-right: 17px; float: left; display: block; white-space: nowrap; } .product-view .tags-list li.last { background: 0; } .product-view .tags-list li a { color: #1F1F1F; } .product-view .tags .form-add-tags label { display: block; margin-bottom: 10px; } .product-view .tags .form-add-tags .input-box { float: left; width: 582px; margin: 0; } .product-view .tags .form-add-tags .input-box input { width: 564px; } .product-view .tags .form-add-tags button.button { float: left; } .product-view .tags .form-add-tags .button { float: left; } .product-view .tags .form-add-tags p { clear: both; } .product-view .tags p { text-transform: none; } /* Block: Reviews */ .product-view .reviews { } /* Block: Add Review */ .product-view .add-review { padding-top: 10px; border-top: 1px solid #DBDAD9; } .product-view .add-review .form-list li { padding-left: 0px; background: none; } .product-view .add-review .product-name span { font-weight: normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ /* Product Tags */ .tags-list { font-size: 123.1%; } .tags-list li { display: inline; line-height: normal; } /* Advanced Search */ .search-summary { padding: 15px 0; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review { } .product-review .product-img-box { float: left; width: 127px; } .product-review .product-img-box .product-image { display: block; border: 1px solid #ddd; padding: 0; margin-bottom: 10px; } .product-review .product-img-box .ratings { margin: 10px 0; } .product-review .product-img-box .ratings .rating-box { margin-bottom: 10px; } .product-review .product-img-box .ratings .rating-links a { display: block; } .product-review .product-img-box .ratings .rating-links .separator { display: none; } .product-review .details { float: right; width: 600px; } .product-review .details dl { margin-bottom: 15px; } .product-review .details dl dt { padding: 10px 0 5px; } .review-customer-view .col-main .product-image-box { width: 160px; float: left; } .review-customer-view .col-main .product-image-box img { margin-bottom: 10px; } .review-customer-view .col-main .product-details { width: 595px; float: right; } .review-customer-view .col-main .data-table { margin: 15px 0; } .review-customer-view .col-main .ratings { margin: 15px 0; } .review-customer-view .col-main .ratings .rating-box { padding: 5px 0; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float: right; text-align: right; } .cart .checkout-types input { height: auto; } /*.cart .checkout-types li button { width: 191px; height: 26px !important; overflow: hidden; background: url(../images/checkout_button.gif) left top no-repeat; } */ .cart .cart-indent { padding: 0 12px 20px 11px; } /* Shopping Cart Table */ .cart-table { margin: 5px 0 15px; } .cart-table th, .cart-table td { border-color: #B6B6B6; } *html .cart-table { border-right: 1px solid #B6B6B6; } *:first-child + html .cart-table { border-right: 1px solid #B6B6B6; } .cart-table .item-msg { font-size: 77%; } .cart-table th { background: #F1F1F1; padding: 8px; text-align: center; font-size: 101%; color: #202020; } .cart-table td { padding: 14px; vertical-align: middle; text-align: center; } .cart-table .product-image { display: block; border: 1px solid #EDEDED; } .cart-table .product-name a { color: #1F1F1F; font-size: 101%; } .cart-table tfoot td { padding: 10px; background: #F1F1F1; } /* Shopping Cart Collateral boxes */ /*.cart .cart-collaterals { float: left; width: 667px; }*/ .cart .cart-collaterals .col-1 { width: 282px; } .cart .cart-collaterals .col-2 { width: 373px; } .cart .crosssell { border: 1px solid #B6B6B6; padding: 14px 8px 0; } .cart .crosssell h3 { color: #202020; font-weight: bold; padding: 0 0 0 8px; text-transform: none; font-size: 116%; } .cart .crosssell li.item { padding: 40px 0; background: url(../images/line_x_divider.gif) left bottom repeat-x; } .cart .crosssell li.last { background: 0; } .cart .crosssell .product-image { float: left; width: 121px; display: block; border: 1px solid #EDEDED; } .cart .crosssell .product-shop { float: right; width: 122px; } .cart .crosssell .product-shop .add-to-links { padding-top: 10px; } .cart .crosssell .product-shop .add-to-links li { display: block; } .cart .crosssell .product-shop .add-to-links .separator { display: none; } .cart .discount { border: 1px solid #B6B6B6; padding: 16px 14px 19px 16px; margin-bottom: 12px; } .cart .discount h3 { color: #202020; font-weight: bold; font-size: 116%; margin-bottom: 10px; } .cart .discount label { color: #202020; display: block; margin-bottom: 5px; } .cart .discount input { width: 205px; margin-right: 12px; } .cart .shipping { border: 1px solid #B6B6B6; padding: 16px 14px 19px 16px; } .cart .shipping h3 { color: #202020; font-weight: bold; font-size: 116%; margin-bottom: 10px; } .cart .shipping p { padding-bottom: 29px; color: #202020; } .cart .shipping label { color: #202020; text-transform: none; /*font-weight: bold; font-size: 116%;*/ } .cart .shipping select { width: 229px; } /*.cart .shipping input { width: 222px; }*/ .cart .shipping li { margin-bottom: 10px; } .cart .shipping .buttons-set { padding-left: 0; } .cart .shipping .buttons-set button { float: none; } /* Shopping Cart Totals */ .cart .totals { float: right; width: 205px; padding: 17px 28px 18px 22px; border: 1px solid #B6B6B6; background: #F1F1F1; } .cart .totals table { width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px; } .cart .totals table th, .cart .totals table .tax-collapse { font-weight: bold; font-size: 116%; font-weight: bold; padding-top: 10px; } .cart .totals .checkout-types { padding-top: 20px; text-align: center; } .cart .totals .checkout-types li button { margin-bottom: 17px; } .cart .totals .checkout-types li { padding-bottom: 10px; } .cart .totals .checkout-types li a { color: #000000; } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; } .item-options dd { padding-left: 10px; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value dl { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .show dl { top: -20px; left: 50%; } .col-left .truncated .show dl { left: 30px; top: 7px; } .col-right .truncated .show dl { left: -240px; top: 7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom: 1px solid #B6B6B6; } .opc .checkbox { width: 14px; height: 14px; } .opc li.section { border: 1px solid #B6B6B6; border-bottom: 0; } .opc .step-title { background-color: #FFFFFF; padding: 8px 18px 8px 34px; } .opc .step-title .number { line-height: 22px; margin-right: 5px; padding: 2px 6px; font-weight: normal; color: #3A4750; border: 1px solid #3A4750; background: #FFFFFF; } .opc .step-title h3 { display: inline; color: #202020; } .opc .allow .step-title { cursor: pointer; } .opc .active { } .opc .active .step-title { background-color: #F6F6F6; cursor: default; } .opc .active .step-title .number { color: #FFFFFF; background: #E7735A; border: 1px solid #D50B08; } .opc .active .step-title h3 { color: #202020; } .opc .step { border-top: 1px solid #B6B6B6; padding: 15px 37px 27px 34px; } .opc .active .step { background-color: #F6F6F6; } .opc .order-review { } .opc .form-list { margin: 10px 0; } .opc label { padding-right: 20px; color: #202020; } #checkout-step-payment { position: relative; } #checkoutSteps #opc-billing .input-box, #checkoutSteps #opc-shipping .input-box { width: 305px; float: left; } #checkoutSteps #opc-billing .input-box input, #checkoutSteps #opc-shipping .input-box input, #checkoutSteps #opc-billing .input-box select, #checkoutSteps #opc-shipping .input-box select { width: 274px !important; } #checkoutSteps .input-box-2 { width: 301px; float: left; } #checkoutSteps .input-box-2 input { width: 294px !important; } #checkoutSteps .input-box-2 select { width: 226px !important; } #checkoutSteps .group-select li li { margin-bottom: 15px; } #checkoutSteps label { padding-bottom: 3px; } #checkoutSteps .group-select li input.input-text { width: 601px; } #checkoutSteps .group-select li select { width: 607px; } #checkoutSteps #opc-billing .customer-name-middlename .name-firstname, #checkoutSteps #opc-shipping .customer-name-middlename .name-firstname { width: 210px !important; } #checkoutSteps #opc-billing .customer-name-middlename .name-firstname input, #checkoutSteps #opc-shipping .customer-name-middlename .name-firstname input { width: 200px !important; } #checkoutSteps #opc-billing .customer-name-middlename .name-middlename, #checkoutSteps #opc-shipping .customer-name-middlename .name-middlename { width: 95px !important; } #checkoutSteps #opc-billing .customer-name-middlename .name-middlename input, #checkoutSteps #opc-shipping .customer-name-middlename .name-middlename input { width: 64px !important; } #checkoutSteps #opc-billing .customer-dob .input-box input { width: 50px !important; } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 20px 20px; margin: 0; text-align: center; } .checkout-progress li { display: inline; width: 15%; text-align: center; color: #FFFFFF; border: 0; padding: 1px 10px 1px 10px; margin-right: 5px; background: #2E2B2A; } .checkout-progress li.active { background: #BF0000; color: #FFFFFF; } .multiple-checkout { position: relative; } .multiple-checkout .grand-total { font-size: 153.9%; text-align: right; } .multiple-checkout .grand-total big { } .multiple-checkout .grand-total .price { } .checkout-multishipping-addresses .col-main .page-title { } .checkout-multishipping-addresses .col-main .page-title h2 { padding: 0; } .checkout-multishipping-addresses .col-main .multiple-checkout h3 { margin: 15px 0; } .checkout-multishipping-addresses .col-main #multiship-addresses-table { border-collapse: collapse; margin-bottom: 10px; } *html .checkout-multishipping-addresses .col-main #multiship-addresses-table { border-right: 1px solid #E0E0E0; } *:first-child + html .checkout-multishipping-addresses .col-main #multiship-addresses-table { border-right: 1px solid #DDDDDD; } .checkout-multishipping-addresses .col-main .multiple-checkout .buttons-set { border: 0; } .checkout-multishipping-addresses .col-main .multiple-checkout .buttons-set button { margin-left: 10px; } .checkout-multishipping-shipping .col-main .page-title { margin-bottom: 15px; } .checkout-multishipping-shipping .col-main .multiple-checkout { width: 100%; } .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set { background: 0; } .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set .col-1 { width: 30%; } .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set .col-2 { width: 68%; } .checkout-multishipping-shipping .col-main .wide .data-table { border-collapse: collapse; margin-top: 15px; } .checkout-multishipping-shipping .col-main .multiple-checkout h3 { border: 1px solid #BEBCB7; border-bottom: 0; margin-bottom: 0; font-size: 100%; padding: 3px; padding-left: 20px; } .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set { border: 1px solid #BEBCB7; padding: 20px; margin-bottom: 15px; } .checkout-multishipping-shipping .col-main .multiple-checkout .buttons-set { border: 0; } .checkout-multishipping-shipping .col-main .multiple-checkout .buttons-set button { margin-left: 10px; } .checkout-multishipping-shipping .col-main .multiple-checkout .col-1 h4 { margin: 10px 0; } .checkout-multishipping-billing .col-main .col2-set { background: 0; border: 1px solid #BEBCB7; padding: 20px; margin-top: 15px; } .checkout-multishipping-billing .col-main .col2-set .col-2 h3 { margin-bottom: 20px; } .checkout-multishipping-billing .col-main .col2-set .col-1 { width: 60%; } .checkout-multishipping-billing .col-main .col2-set .col-2 { width: 38%; } .checkout-multishipping-billing .col-main .buttons-set { padding: 20px 0; border: 0; } .checkout-multishipping-billing .col-main .buttons-set button { margin-left: 15px; } .checkout-multishipping-billing .col-main .col-2 dl dt { padding: 5px 0; } .checkout-multishipping-billing .col-main .col-2 dl dd { padding: 0 0 0 20px; } .checkout-multishipping-billing .col-main .col-2 dd .v-fix { padding-right: 5px; } .checkout-multishipping-billing .col-main .input-box { width: auto; } .checkout-multishipping-billing .col-main .input-box input { width: 250px; } .checkout-multishipping-overview .col-main .page-title { margin-bottom: 15px; } .checkout-multishipping-overview .col-main .col2-set { background: 0; border: 1px solid #4A4A4A; padding: 20px; margin-bottom: 20px; } .checkout-multishipping-overview .col-main .col2-set .col-1 { width: 30%; } .checkout-multishipping-overview .col-main .col2-set .col-2 { width: 68%; } .checkout-multishipping-overview .col-main .multiple-checkout h3 { margin: 10px 0; } .checkout-multishipping-overview .col-main .col2-set h3 { margin: 0; } .checkout-multishipping-overview .col-main .col2-set .data-table { border-collapse: collapse; } .checkout-multishipping-overview .col-main .col2-set .data-table tfoot th, .checkout-multishipping-overview .col-main .col2-set .data-table tfoot td { border-top: 1px solid #BFBFBF; } .checkout-multishipping-overview .col-main .grand-total { margin: 10px 0; } .checkout-multishipping-overview .data-table { margin: 10px 0; } .checkout-multishipping-address-selectbilling .multiple-checkout { padding: 0 10px; } .checkout-multishipping-address-editaddress #form-validate #lastname { width: 251px; } .checkout-multishipping-address-editbilling #form-validate #lastname { width: 251px; } .checkout-multishipping-success .content-box { padding: 30px; } .checkout-multishipping-success .buttons-set { border: 0; } /* Sitemap */ .sitemap { } #lastname { width: 251px !important; } /********** < Common Checkout Styles */ .sp-methods { position: relative; } .sp-methods dt { font-weight: bold; } .sp-methods .price { font-weight: bold; } .checkout-onepage-index .page-title { margin-bottom: 12px; margin-left: 0px; } .checkout-onepage-index .col-main { width: 697px; padding: 0 0 0 11px; } .checkout-onepage-index .col-right { width: 212px; padding: 0 13px 0 0; } .checkout-onepage-index #checkout-payment-method-load dt { padding: 5px 0; } .checkout-onepage-index #checkout-payment-method-load dd { padding: 0 20px; } .please-wait { float: right; padding-right: 50px; } .cvv-what-is-this { cursor: help; margin-left: 5px; } /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; left: 20px; z-index: 1000; top: 15px !important; } .tool-tip .btn-close { text-align: right; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .add-gift-message { margin-top: 15px; } .gift-message-form { border: 1px solid #ddd; background-color: #f5f5f5; } .gift-message-form .inner-box { padding: 5px; height: 300px; overflow: auto; } .gift-message-form .gift-item { } .gift-message-form textarea { width: 510px !important; } .gift-message-form .input-box { display: block; width: 283px !important; } .gift-message-form .input-box input { width: 226px !important; } .gift-message-link { display: block; background: url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row { } .gift-message-row .btn-close { float: right; } .gift-message dt span { font-weight: bold; } /* Checkout Agreements */ .checkout-agreements { } .checkout-agreements li { margin: 10px 0; } .checkout-agreements .agreement-content { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; height: 10em; overflow: auto; } .checkout-agreements .agree { padding: 6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login { } .account-login .new-users { } .account-login .registered-users { } .account-create { } /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard { padding: 0 10px; } .dashboard .welcome-msg { } .dashboard .data-table { margin: 10px 0; } .dashboard .col2-set { padding: 5px 0; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding: 5px 0; } .customer-address-index .col-main .col2-set .col-1 ol li { padding-bottom: 20px; } .wishlist-index-index .col-main table textarea { width: 95% !important; } /* Block: Recent Orders */ .dashboard .recent-orders { margin: 10px 0; } /* Block: Tags */ .dashboard .tags .number { float: left; margin-right: -20px; } .dashboard .tags .details { margin-left: 20px; } /* Block: Reviews */ .dashboard .reviews { padding-bottom: 5px; } /********** Dashboard > */ /* Order View */ .order-info { border: 1px solid #ddd; padding: 5px; margin-bottom: 20px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } /* Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } .input-box-2 { width: 251px; float: left; } .customer-name-middlename .name-firstname { width: 200px !important; } .customer-name-middlename .name-firstname input { width: 190px !important; } .customer-name-middlename .name-middlename { width: 60px !important; } .customer-name-middlename .name-middlename input { width: 50px !important; } .customer-name-middlename .input-box-2 input { width: 250px !important; } .customer-dob .input-box { width: 60px !important; } .customer-dob .input-box input { width: 50px !important; } .catalogsearch-advanced-index #form-validate .range input { width: 150px; } .catalogsearch-advanced-index #form-validate select { padding: 2px; } #my_recent_reviews .number { width: 17px; float: left; } #my_recent_reviews li { padding-bottom: 10px; } #my_recent_reviews .product-name { float: left; width: 480px; } #my_recent_tags li { width: 100%; overflow: hidden; } #my_recent_tags .number { width: 17px; float: left; margin: 0; padding: 0; } #my_recent_tags .details { float: left; width: 480px; margin: 0; padding: 0; } .cms-index-index .col-main .std { margin: 0; } .cms-index-index .col-main .page-title { margin: 0; } .cms-index-index .col-main .products-list { width: 100%; } .cms-index-index .col-main .products-list td { padding: 18px 0 18px 11px; border-bottom: 1px solid #DBDAD9; } .cms-index-index .col-main .products-list td .product-shop { width: 395px; } .sales-order-view .col2-set, .sales-order-invoice .col2-set, .sales-order-shipment .col2-set, .sales-order-creditmemo .col2-set { padding: 5px 0; } .sales-order-view .col2-set .col-1, .sales-order-invoice .col2-set .col-1, .sales-order-shipment .col2-set .col-1, .sales-order-creditmemo .col2-set .col-1, .sales-order-view .col2-set .col-2, .sales-order-invoice .col2-set .col-2, .sales-order-shipment .col2-set .col-2, .sales-order-creditmemo .col2-set .col-2 { padding: 5px 0; } .sales-order-view h3, .sales-order-invoice h3, .sales-order-shipment h3, .sales-order-creditmemo h3, .sales-order-view h4, .sales-order-invoice h4, .sales-order-shipment h4, .sales-order-creditmemo h4 { margin: 15px 0 10px; } .sales-order-view .col-main .page-title a, .sales-order-invoice .col-main .page-title a, .sales-order-shipment .col-main .page-title a, .sales-order-creditmemo .col-main .page-title a { display: block; float: right; margin-top: 3px; } .sales-order-view .col-main .page-title .separator, .sales-order-invoice .col-main .page-title .separator, .sales-order-shipment .col-main .page-title .separator, .sales-order-creditmemo .col-main .page-title .separator { display: block; float: right; margin-top: 3px; color: #FFF; padding: 0 5px; } .review-product-list .col-main .pager, .tag-customer-view .col-main .pager, .review-customer-index .col-main .pager, .sales-order-history .col-main .pager, .catalog-seo-sitemap-product .col-main .pager, .catalog-seo-sitemap-category .col-main .pager { padding: 10px 0; border: 0; } .catalogsearch-advanced-result .products-list li .product-shop { width: 540px; } /* Front Page ================================================================================ */ .cms-index-index .main { } .home-block { } .home-block { } .home-block img { float: left; } .home-block img.left-banner { margin-right: 7px; } .home-block .banner-left { background: url(../images/home_banner_2_light.jpg) left top no-repeat; width: 635px; height: 185px; overflow: hidden; } .home-block .banner-right { width: 315px; text-align: center; } .home-block .banner-right h1 { font-size: 16px; padding-top: 0; color: #000; padding-bottom: 0px; } .home-block .banner-right p { font-size: 85%; color: #000; } .home-block .banner-right .home-news-letter { padding-bottom: 13px; } .home-block .banner-right .home-news-letter{ margin-bottom: 10px; } .home-block .banner-right .home-news-letter, .home-block .banner-right .home-socialmedia { height: 67px; padding: 10px; background:#f9f0eb; -webkit-box-shadow: inset 0px 0px 50px 10px rgba(231, 223,218, 0.9); box-shadow: inset 0px 0px 50px 10px rgba(231, 223,218, 0.9); } .home-news-letter .block-subscribe button { float: right; margin-left: -10px; display: block; text-indent: -9999em; margin-top: -20px; width: 30px; } .newsletter-validate-detail { overflow: hidden; } .home-news-letter .block-content { float: left; margin-left: 55px; } .home-news-letter p { margin-bottom: 5px; } #newsletter-validate-detail #newsletter-home { border: none; } #newsletter-validate-detail #newsletter { border: solid 1px #ccc; text-transform: uppercase; color: #8F8F8F; width: 150px; } #newsletter-validate-detail .button { clear: both; } /* Flash ================================================================================ */ /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { margin-top: 10px; font-size: 11px; margin-bottom: 20px; padding-top:10px;border-top:1px solid #ccc;} .footer .footer-block { } .footer .footer-block .corner-right { } .footer ul { float: left; padding: 0; } .footer ul li { display: inline; padding-right: 5px; } .footer ul li.last { padding-right: 0px; } .footer ul li a { color: #8c8782; text-decoration: none;} .footer ul li a:hover { text-decoration: underline; } .footer .copy { float: right; color: #8C8782;} .footer .store-switcher { margin-top: 10px; } .footer .footer-links { padding: 0 0 25px; width: 100%; overflow: hidden; } .footer .footer-links ul { float: left; } .footer .footer-links ul li { display: block; padding: 0; } .footer .footer-links ul li a { display: block; background: 0; color: #404040; text-decoration: none; padding: 4px 42px 4px 23px; text-transform: uppercase; } .footer .footer-links ul li a:hover { text-decoration: none; color: #FFF; background: url(../images/footer_links_bg.gif) left top repeat-x; } .footer .footer-links ul.links-2 li a { padding-right: 21px; padding-left: 41px; } .footer .footer-links ul.links-3 li a { padding-right: 47px; } .footer .footer-links ul.links-4 li a { padding-right: 20px; } .footer-categories { margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid #ccc;} .footer-categories ul{ float:left; width:140px; margin-right:20px;} .footer-categories li{ float:none; display:block!important} .footer-categories .parent-category{ font-family: 'futura_condensedmedium', Helvetica,Arial,sans-serif; font-size:14px; text-transform:uppercase; color:#000!important;} *html .footer .footer-links { padding: 0 0 10px; } *html .footer .footer-links ul li.last { position: relative; margin-top: -12px; } /* ======================================================================================= */ /* Copyright ================================================================================ */ .button-socialmedia { width: 240px; margin: 0 auto; padding-top: 5px; } /* Buttons ================================================================================ */ .btn { } .btn a { text-indent: -9999em; display: block; background: url(../images/buttons.png) top left no-repeat; } .btn a:hover { cursor: pointer; } .btn-remove { background: url(../images/list_remove_btn.gif)top left no-repeat; display: block; text-indent: -9999em; width: 13px; height: 13px; float: right; margin-top: 2px; } .form-list li.add-row .btn-remove-friend { padding: 0px; } .btn-remove-friend a { display: block; width: 100%; height: 100%; } /* Buttons Links ================================================================================ */ /*.button-sizing-chart{float:right; margin-top:65px; }*/ .button-sizing-chart, .button-sizing-chart-spanx { float: left; margin-left: 10px;} .button-sizing-chart a { background: transparent url(../images/button-size-chart.jpg) top left no-repeat; width: 140px; height: 25px; display: block; text-indent: -9999em; } .button-sizing-chart-spanx a { background: transparent url(../images/button-size-chart-spanx.jpg) top left no-repeat; width: 140px; height: 25px; display: block; text-indent: -9999em; } .button-facebook { float: left; width: 115px; height: 26px; } .button-facebook a { background-position: -400px 0px; height: 26px; } .button-twitter { float: right; width: 110px; height: 26px; } .button-twitter a { background-position: -550px 0px; height: 26px; } .button-get-started { float: left; width: 154px; height: 41px; margin-top: 110px; margin-left: 33px; } .button-get-started a { background-position: -200px 0px; height: 41px; } .button-shape { height: 41px; } .button-shape a { height: 41px; width: 295px; background: url(../images/buttons.png) -700px 0px no-repeat; display: block; color: #fff; font-size: 116%; line-height: 38px; padding-left: 10px; text-transform: uppercase; text-decoration: none !important; } .button-red { width: 83px; height: 20px; margin-bottom: 20px; } .button-red a { background-position: -100px -100px; height: 20px; text-indent: 0em; color: #fff; text-decoration: none !important; text-transform: uppercase; font-size: 85%; line-height: 20px; text-align: center; } .button-view-detail { width: 83px; height: 20px; margin: 0 auto; } .button-view-detail a { background-position: 0px -100px; height: 20px; text-indent: 0em; color: #fff; text-decoration: none !important; text-transform: uppercase; font-size: 85%; line-height: 20px; } .cms-shape-advisor .button-view-detail { margin: 0 auto; float: none; margin-bottom: 20px; } .cms-shape-advisor .button-view-detail a { text-align: center; text-decoration: none; } .button-add-to-cart { text-indent: -9999em; display: block; background: url(../images/buttons.png) left -190px no-repeat; border: none; width: 202px; height: 56px; clear: both; } .button-add-to-cart:hover { background-position: left -266px; cursor: pointer; } /* Buttons Hover ================================================================================ */ .button-get-started a:hover { background-position: -200px -50px; } .button-facebook a:hover { background-position: -400px -50px; } .button-twitter a:hover { background-position: -550px -50px; } .button-shape a:hover { background-position: -700px -50px; text-decoration: none; } /* CMS ================================================================================ */ .anchor { text-indent: -9999em; margin-top: 0px; display: block; position: absolute; margin-top: -100px; } /* Body Shape ================================================================================ */ .cms-page-view .col-main p, .cms-page-view .col-main ul { padding-bottom: 10px; } .cms-page-view .col-main ol li { padding-bottom: 2px; } .cms-page-view .col-main ul li { padding-bottom: 2px; padding-left: 15px; list-style: none; list-style-position: inside; background: #fff url(../images/bullet.jpg) top left no-repeat; } .cms-page-view .col-main .img-box { padding: 10px 45px; float: right; border: solid 1px #ccc; margin: 0px 10px; } .cms-shape-advisor .col-main .img-box { padding: 10px 45px; float: none; border: solid 1px #ccc; width: 100px; margin: 0 auto; margin-bottom: 10px; height: 220px; } .cms-shape-advisor .col-main h2, .cms-shape-advisor .col-main p { text-align: center; } .cms-shape-advisor .col-main p { padding: 0px 20px 0px; min-height: 80px; height: 80px; height: auto !important; } .cms-products .col-main p, .cms-products .col-main ul { padding-bottom: 0px; } /* Banners ================================================================================ */ .top-banner-wrapper { background: #f5f5f5; display: block; padding: 30px 20px ; background: #1f1f1f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMWYxZjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #1f1f1f 1%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#1f1f1f), color-stop(100%,#383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* IE10+ */ background: linear-gradient(135deg, #1f1f1f 1%,#383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#383838',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .top-banner h1{ font-size: 34px; color:#fff; line-height: 31px;} /*.banner-Dress { background: #000 url(../images/banner-dress.jpg) top left; display: block; width: 960px; height: 80px; } .banner-New { background: #000 url(../images/banner-new-release.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Gift { background: #000 url(../images/banner-gift.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Sales { background: #000 url(../images/banner-sale.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Skirts, .categorypath-skirts-cocktail-formal-party-html .top-banner-wrapper, .categorypath-skirts-casual-html .top-banner-wrapper { background: #000 url(../images/banner-skirt.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Accessories, .category-scarves-wraps .top-banner-wrapper, .category-belts .top-banner-wrapper { background: #000 url(../images/banner-accessories.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Trousers, .categorypath-trousers-career-html .top-banner-wrapper, .categorypath-trousers-casual-html .top-banner-wrapper { background: #000 url(../images/banner-pants.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Tops, .categorypath-tops-blouses-cocktail-formal-party-html .top-banner-wrapper, .categorypath-tops-blouses-career-html .top-banner-wrapper, .categorypath-tops-blouses-casual-html .top-banner-wrapper { background: #000 url(../images/banner-tops.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Jackets, .categorypath-jackets-coats-bolero-shrugs-html .top-banner-wrapper, .categorypath-jackets-coats-cardigans-html .top-banner-wrapper, .categorypath-jackets-coats-career-html .top-banner-wrapper { background: #000 url(../images/banner-coat.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Leisurewear, .categorypath-leisurewear-lifestyle-html .top-banner-wrapper, .categorypath-leisurewear-golf-tennis-html .top-banner-wrapper, .categorypath-leisurewear-cycling-html .top-banner-wrapper { background: #000 url(../images/banner-leisure.jpg) top left; display: block; width: 960px; height: 80px; } .blog-index-index .top-banner, .blog-post-view .top-banner { background: #000 url(../images/banner-dress.jpg) top left; display: block; width: 960px; height: 80px; }*/ /* Banners Designer ================================================================================ */ /*.banner-Products-10 { background: #000 url(../images/banner-mio.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-10 .top-banner { display: none; } .banner-Products-11 { background: #000 url(../images/banner-kiyonna.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-11 .top-banner { display: none; } .banner-Products-12 { background: #000 url(../images/banner-igig.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-12 .top-banner { display: none; } .banner-Products-98 { background: #000 url(../images/banner-terry.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-98 .top-banner { display: none; } .banner-Products-100 { background: #000 url(../images/banner-trentacosta.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-100 .top-banner { display: none; } .banner-Products-101 { background: #000 url(../images/banner-zeve.jpg) top left; display: block; width: 960px; height: 80px; } .banner-Products-101 .top-banner { display: none; } */ /* Blog ================================================================================ */ .postDetails { text-align: right; } .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postWrapper .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; text-align: left; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; font-size: 85%; text-align: right; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 10px; } .postContent p { padding-bottom: 20px; } .postDetails { clear: both; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline-block; float: right; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; text-align: right; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 3px 15px 3px; } .blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .blog .menu-categories UL LI { margin-left: 10px; } .blog .menu-recent UL LI { margin-left: 10px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em; } .tag-count-2 { font-size: 1.2em; } .tag-count-3 { font-size: 1.4em; } .tag-count-4 { font-size: 1.6em; } .tag-count-5 { font-size: 1.8em; } .tag-count-6 { font-size: 2em; } .tag-count-7 { font-size: 2em; } .tag-count-8 { font-size: 2em; } .tag-count-9 { font-size: 2em; } .tag-count-10 { font-size: 2em; } .blog .head h4 { background-image: url(../images/icon_blog.png); } .postWrapper .poster { display: inline; } /* Blog ================================================================================ */ #recently-viewed-items .item { padding-bottom: 25px; } #recently-viewed-items .product-desc { padding-left: 5px; } #recently-viewed-items .product-name { font-size: 100%;width: 92px; } #recently-viewed-items .product-price { font-size: 85%; } #recently-viewed-items .product-image img { border: solid 1px #ccc; } /* Shapes Side Bar ================================================================================ */ .block-shape li { background: url(../images/bullets.jpg) left top no-repeat; padding-left: 25px; margin-bottom: 5px; } .bodyshape li { background: url(../images/bullet.jpg) 3px 0px no-repeat; padding-left: 25px; margin-bottom: 5px; } .block-layered-nav .Apple, .block-shape .apple { background-image: url(../images/bullets.jpg); background-position: 3px -12px; } .block-layered-nav .Hourglass, .block-shape .houglass { background-image: url(../images/bullets.jpg); background-position: 3px -43px; } .block-layered-nav .Inverted, .block-shape .inverted-triangle { background-image: url(../images/bullets.jpg); background-position: 3px -88px !important; } .block-layered-nav .Diamond, .block-shape .diamond { background-image: url(../images/bullets.jpg); background-position: 3px -30px; } .block-layered-nav .Rectangle, .block-shape .rectangle { background-image: url(../images/bullets.jpg); background-position: 3px -73px; } .block-layered-nav .Triangle, .block-shape .triangle { background-image: url(../images/bullets.jpg); background-position: 3px -58px; } .block-question li { background: url(../images/bullets.jpg) left top no-repeat; padding-left: 25px; margin-bottom: 5px; } .block-question .phone { background-position: 0px -110px; } .block-question .enquiry { background-position: 0px -130px; } .block-question .enquiry a { text-decoration: underline; } .block-question .enquiry a:hover { text-decoration: none; } /* Product View ================================================================================ */ .product-view ul li { padding-bottom: 2px; padding-left: 15px; list-style: none; list-style-position: inside; background: #fff url(../images/bullet.jpg) top left no-repeat; } .overlay-help { background: url(../images/bullets.jpg) 60px -153px no-repeat; margin: 5px 0; font-size: 12px; text-align: center; } .product-addiotnal-info ul { overflow: hidden; padding-bottom: 10px; } .product-addiotnal-info ul li { list-style: none; float: left; padding-left: 0px; float: left; background: none;} .product-addiotnal-info ul li h2 { display: inline;} .product-addiotnal-info ul li a { text-decoration: underline; } .product-addiotnal-info ul li a:hover { text-decoration: none; } .social-media { padding: 0px; } .social-media .retweet { float: left; width: 65px; padding-right: 5px; } .social-media .facebook { float: left; width: 75px; padding-right: 5px; } .social-media .pin { float: left; width: 45px; padding-right: 5px; } /*.availability { background: #C40366; color: #fff; display: block; float: left; padding: 2px 5px !important; margin: 10px 0px; }*/ .availability { color: #C40366; display: block; float: left; padding: 2px 5px !important; margin: 10px 0px; font-weight: bold; } .social-media .email-to-friend { font-size: 85%; float: left; padding-left: 15px; background: none; width: 90px; } .no-rating { padding-bottom: 20px; } .ratings-table { float: left; } #customer-reviews .ratings-table { float: none; } /* Sizing Chart ================================================================================ */ .sizing-info { padding: 5px; } .sizing-info h2 { margin-bottom: 10px; color: #333; } .sizing-info .page-title h3 { font-size: 100%; } .sizing-info .page-title { margin-bottom: 10px; } .sizing-info h3 { color: #333; font-weight: normal; padding-bottom: 5px; font-size: 93%; padding-bottom:5px;} .sizing-info table { border: solid 1px #ccc; font-size: 93%; margin-bottom:10px;} .sizing-info .intro p { padding-bottom: 10px; } .sizing-info .intro p { padding-bottom: 10px; font-size: 93%; color: #828181; } .sizing-info td{ text-align:center;} /* Hot Items ================================================================================ */ .cms-home .product-image img { padding-left: 5px; } .cms-home #products-grid-table { margin-top: 10px; } .cms-home .products-grid .product-name a { text-decoration: none; } .cms-home .products-grid .product-name a:hover { text-decoration: underline; } .cms-home .products-grid { margin-bottom: 0px; } .cms-home .products-grid td { width: 23%; padding: 20px; } #customer-reviews { padding: 10px; background-color: #f5f5f5; } #customer-reviews dl { padding-bottom: 20px; } #product-options-wrapper ul li { padding: 0px; background: none; float: left; } .contacts-index-index .col-main p { margin-bottom:15px; } .contacts-index-index .col-main p a {text-decoration: underline; } .contacts-index-index .col-main p a:hover {text-decoration: none; } .contacts-index-index .col-main p strong { color: #333; font-weight: normal; width: 90px; float: left; padding: 0px 10px; } .page-title.enquiry { margin-top:40px;} .block-account ul li { padding-bottom: 10px; } .block-account .current strong { font-weight: normal; color: #333; text-decoration: underline; } #customer-reviews dt { padding: 10px 0 5px 0; font-weight: bold; } .products-grid .availability { margin: 0px; position: absolute; top:0; bottom:0; left:0;right: 0; background: url(../images/transparent-dark-background.png) 0 0 repeat; } .products-grid .availability .out-of-stock{ text-align: center; height: 50px; margin-top: 50%; top:-25px;} #wishlist-sidebar .old-price .price-label, #wishlist-sidebar .special-price .price-label { text-align: left; } .clear-cms { clear: both; text-indent: -9999em; height: 0px; } .home-banners { margin-bottom: 7px; } .box-description p { margin-bottom: 5px; } .postTitle h3 { color: #828181; } .check-sizing { clear: both; } .check-sizing span { font-size: 93%; } .check-sizing a:link, .check-sizing a:visited { font-size: 93%; } #sizechart-check { margin-top: -2px; } /* Gift Certificate ================================================================================ */ .gift-card-info { } .gift-card-info .amount { padding: 15px 15px 15px 0px; display: inline-block; } .gift-card-info .send-to { padding-bottom: 5px; } .recipient-for { display: inline-block; padding: 5px 0px 10px; } .recipient-for label { float: left; padding-right: 10px; } .price-range .price { font-size: 85%; color: #828181; } #recipient_info { padding: 5px 0px 0px; } #recipient_message_container { padding-bottom: 20px; } #recipient_info input { margin-bottom: 10px; } #recipient_info input, #recipient_message_container textarea { width: 250px; font-size: 85%; } #recipient_message_container textarea { height: 120px; } #gift-card-message-preview { width: 330px; display: block; white-space: normal; word-wrap: break-word; text-wrap: unrestricted; padding: 20px 20px; color: #1F1F1F; font-size: 108%; } .input-check-box { border: none !important; } .facebook-like { margin-left: 370px; padding-left: 10px; overflow: hidden; position: absolute; } .facebook-like-wrapper { display: block; margin-left: -70px; } /* Header Top ================================================================================ */ .fixed-menu .top-news-letter { padding-top: 4px; } .fixed-menu .top-news-letter input { width: 155px; border: none; text-transform: uppercase; } .fixed-menu .top-news-letter button { display: block; float: right; margin-left: -10px; margin-top: -1px; text-indent: -9999em; width: 24px; background: transparent; border: none; height: 25px; } .fixed-menu .top-news-letter button:hover { cursor: pointer; } .fixed-menu .top-news-letter .heading { font-weight: normal; padding: 4px 5px 0px 0px; display: inline-block; text-transform: uppercase; } /* Bridal ================================================================================ */ .category-bridal .product-img-box { float: left; width: 380px; height: 550px; height: auto !important; background: url(../images/background-thumbnail-large.jpg) top left no-repeat; padding-top: 10px; padding-left: 10px; margin-top: -10px; margin-bottom:10px; padding-bottom:10px;} .category-bridal .main{padding:0px;} .category-bridal .category-products{background: url(../images/pattern.jpg); padding-bottom:40px;} .category-bridal .group-select { padding-top: 0px; } .category-bridal .group-select .input-box { padding-bottom: 5px; } .credit-options { background: url(../images/credit-card-option.jpg) top left; width: 168px; height: 23px; display: block; text-indent: -9999em; } .product-view #requestForm { padding: 10px 10px 20px; display: inline-block; background: #fff; margin-top: 10px; } .product-view .group-select .input-box { margin-right: 20px; margin-bottom: 3px; } .product-view #requestForm #comment { width: 530px !important; } .product-view #requestForm p.required { text-align: left; margin-bottom: 10px; color:#FF0000;} .check-note { font-style: italic; margin-bottom: 15px; font-size: 12px; line-height: 16px; padding-top: 10px; } .refund-info { padding-bottom:10px;} .refund-info h4 { padding-bottom: 10px; } .refund-info p { font-size: 11px; } .input-bridal { width:754px;} .input-box-group{display:inline-block; padding-bottom:10px;} .input-box-narrow { } .group-select .input-bridal .input-box { width: 200px; } .group-select .input-bridal .input-box input { width: 190px; } .group-select .input-bridal .input-box-narrow { width: 135px; } .group-select .input-bridal .dress-size-worn { width: 200px; } .group-select .input-bridal .input-box-narrow input { width: 135px !important; } #requestForm .group-select .input-bridal textarea#comment { width: 600px !important; } .cufon-loading { /* for Cufon.replace('h1') */ visibility: hidden !important; } #requestForm h2{ text-transform:none; font-weight:bold;} #requestForm label{font-weight:bold;} .category-bridal .product-essential p { color:#333;} .category-bridal .refund-info p {padding-left:0px; color:#828181;} .category-bridal .infiniteCarousel .product-name, .category-bridal .infiniteCarousel .short-desc, .category-bridal .infiniteCarousel .view-detail{text-align:center;} .category-bridal .infiniteCarousel .product-name{font-size:116%;} .category-bridal .infiniteCarousel .short-desc{padding-bottom:10px;} .category-bridal .infiniteCarousel .short-desc ul{position:static; width:370px;} .category-bridal .infiniteCarousel .short-desc li{padding:0px; font-size:85%;} .category-bridal .infiniteCarousel .short-desc p{ font-size:93%;} .category-bridal .infiniteCarousel .view-detail a:link, .category-bridal .infiniteCarousel .view-detail a:visited{text-decoration:underline;} .category-bridal .infiniteCarousel .view-detail a:hover{text-decoration:none;} /*Jqueary tab*/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #333; font-size: 12px; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav .tabs-selected a { color: #fff; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 7px; padding-right: 10px; } * > .tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 7px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; background:#E7735A; text-transform:uppercase; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; border:solid 1px #ccc; border-bottom:none; text-transform:uppercase;} .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; color:#fff;} .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { border-top: 1px solid #ccc; padding: 10px 0px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } /*infinity carousel*/ .infiniteCarousel, .infinity-wrapper {width:520px;} .infiniteCarousel { position: relative; background: transparent url(../images/shadow.png) 40px 10px no-repeat; } .infiniteCarousel .wrapper { width: 420px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; margin: 20px 50px; position: absolute; top: 0;} .infiniteCarousel ul a img { /*border: 5px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; */} .infiniteCarousel .wrapper ul { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; } .infiniteCarousel ul li { display: block; float: left; padding: 30px 10px; /*height: 560px;*/ width: 400px; overflow:hidden;} .infiniteCarousel ul li a img { display: block; } .infiniteCarousel .arrow { display: block; height: 80px; width: 50px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999em; position: absolute; top: 37px; cursor: pointer; margin-top:250px; } .infiniteCarousel .forward { background-position: 0 -100px; right: 0; } .infiniteCarousel .back { background-position: 0px 0px; left: 0; } .infiniteCarousel .forward:hover { background-position: 0 -299px; } .infiniteCarousel .back:hover { background-position: 0px -199px; } .infinity-wrapper{display:block; margin:0 auto; } .infiniteCarousel .product-wrapper{display:block; margin:0 auto; width:370px;} .infiniteCarousel, .infiniteCarousel .wrapper, .infinity-wrapper{min-height:775px;} #slideshowWrapper{position:relative;width:960px;height:370px;margin:auto;} ul#slideshow{list-style:none; margin:auto; width:960px; height:370px; overflow:hidden;} #fssList{list-style:none;width:960px; margin:auto;padding:0%; position:absolute; bottom:10px; left:20px; z-index:999; } #fssList li{display:block; float:left; margin-right:5px; list-style:none;outline:none;} #fssList li a{color:#999;text-decoration:none; background-image:url(../images/bullet-nav.png); background-repeat:no-repeat; display:block; float:left; width:20px; height:20px; text-indent:9999px; overflow:hidden;} #fssList li.fssActive a, #fssList li a:hover{font-weight:bold;color:#333; background-image:url(../images/bullet-nav.png); background-repeat:no-repeat; display:block; float:left; width:20px; height:20px; background-position: -20px 0; overflow:hidden;} #slideshowWrapper { width: 960px; height: 370px; background: #21201E; margin-bottom: 10px; } .cart .cart-collaterals .col2-set { float: left; width: 667px; } .size-left{ float: left; margin-bottom:10px; } .description, .short-description{ margin-top:10px; } .element-invisible{ border: 0; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; } .cms-no-route .col-main ul{ float: none!important; margin-left:20px;} .no-route-btn{ display: block; width: 150px; text-align: center; padding: 5px 10px; float: left; margin-right: 10px; background: #C40366; color:#fff; text-decoration: none!important; margin-top:10px;} .no-route-btn:hover{background: #a50356;} /*.top-banner, .block-title h2, .block-title h1, .breadcrumbs strong, .banner-right h1, .page-title h1, .page-title h2, #countdown_heading, #nav > li > a{ }*/ .treeview li{padding: 5px 0; position: relative;} .treeview .expandable-hitarea{position: absolute; margin: 0;left:-30px;top:8px;} .top-banner{font-family: 'futura_lightregular', Helvetica,Arial,sans-serif;} #nav > li > a{ font-family: 'futura_condensedmedium', Helvetica,Arial,sans-serif;} .product-designer{} .js .wrapper{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; display: none; opacity: 0; } .js.wf-active .wrapper{ display: block; animation: fadeIn 1s ease 0 1 normal; -webkit-animation: fadeIn 1s ease 0 1 normal; -moz-animation: fadeIn 1s ease 0 1 normal; -ms-animation: fadeIn 1s ease 0 1 normal; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* Fade in effect /*-----------------------------------------------------------------------------------*/ @-webkit-keyframes fadeIn { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-moz-keyframes fadeIn { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } @-ms-keyframes fadeIn { 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } /* countdown banner /*-----------------------------------------------------------------------------------*/ #slideshowWrapper div#clock { color: white; margin: 20px auto; width: 600px; overflow: hidden; text-align: center; } #slideshowWrapper div#clock p { background: #333; float: left; height: 60px; width: 70px; line-height: 26px; padding-top: 10px; } #slideshowWrapper div#clock p span { display: block; font-size: 40px; font-weight: bold; padding: 5px 0 0; } #slideshowWrapper div#clock div.space { color: #ccc; display: block; line-height:40px; font-size: 40px; float: left; height: 70px; width: 30px; } #slideshowWrapper div#clock { margin:0; position: absolute; top: 155px; left: 53px; } #slideshowWrapper div#clock p { margin:0; background: #c2056c; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } /* countdown header /*-----------------------------------------------------------------------------------*/ .header div#clock { color: white; margin: auto; overflow: hidden; text-align: center; } .header div#clock p { background: #333; float: left; height: 30px; width: 20px; line-height: 17px; font-size: 11px; text-align: center; } .header div#clock p span { display: block; font-size: 20px; font-weight: bold; } .header div#clock div.space { color: #ccc; display: block; line-height:11px; font-size: 20px; float: left; height: 20px; width: 20px; } .header div#clock { margin:0; } .header div#clock p { margin:0; background: transparent; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } /* One step check out tweaks /*-----------------------------------------------------------------------------------*/ .one-step-checkout{ background: transparent !important; border:0!important; padding:0 !important; } .one-step-checkout h1 { font-family: 'futura_lightregular', Helvetica,Arial,sans-serif; background: #f5f5f5; margin-bottom:20px; font-size: 34px; color: #fff; line-height: 31px; display: block; padding: 30px 20px ; background: #1f1f1f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMWYxZjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #1f1f1f 1%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#1f1f1f), color-stop(100%,#383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #1f1f1f 1%,#383838 100%); /* IE10+ */ background: linear-gradient(135deg, #1f1f1f 1%,#383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#383838',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .one-step-checkout .group-select input.input-text, .one-step-checkout .group-select textarea{ width:82%; } .one-step-checkout .customer-dob .dob-day { float: left; width: 20%; } .one-step-checkout .customer-dob .dob-month { float: left; width: 20%; } .one-step-checkout .customer-dob .dob-year { float: left; width: 51%; } .one-step-checkout .data-table th { background: #f5f5f5; color: #828181; } .one-step-checkout #one-step-checkout-form .checkout-review-load .data-table { border-right: 1px solid #BEBCB7 !important; } .box-account { margin-bottom: 20px;} .box-account .box-credit-generate h2, .box-account .credit-payment h2, .credit-payment h4{ color:#000 !important; text-transform: uppercase !important; } .box-account h2, .credit-payment h4{ background-image: none!important; padding-left: 0!important; } .box-account .box-head.credit-payment > a{ float:right; } .data-table th { background: none repeat scroll 0 0 #f5f5f5; color: #828181; } .onestepcheckout-popup-wrapper h1{ color:#000; } .onestepcheckout-popup-wrapper { padding: 20px; } #onestepcheckout-login-popup p.close, #onestepcheckout-toc-popup p.close { right: 20px!important; bottom: 5px!important; }