/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* @import"../css/bootstrap.css"; */ /* Reset ================================================================================= */ * { margin: 0; padding: 0; } html { height: 100%; width: 100%; } .catalog-product-compare-index > div { min-width: 600px; } body { font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; color: #161616; text-align: center; min-width: 320px; background: #D9D9D9; position: relative; -webkit-text-size-adjust: none; } body > .wrapper { position: relative; } .wrapper-tail { } img { border: 0; vertical-align: top; } a { color: #392083; } a:hover { text-decoration: none; color: #2d2d2d; } :focus { outline: 0; } /* Headings */ h1 { font-size: 20px; font-weight: normal; line-height: 1.15; margin-bottom: 0px; } h2 { font-size: 18px; font-weight: normal; line-height: 1.25; margin-bottom: 7px; } h3 { font-size: 16px; font-weight: bold; line-height: 1.25; margin-bottom: 7px; } h4 { font-size: 14px; font-weight: bold; margin-bottom: 7px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 7px; } h6 { font-size: 11px; font-weight: bold; margin-bottom: 7px; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold; } address { font-style: normal; margin-bottom: 5px; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } sup { font-size: 1em; vertical-align: top; } /* Lists */ ul, ol { list-style: none; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { width: 100%; overflow: hidden; } .tail-top { } .page { margin: 0 auto; padding: 0 0 0; text-align: left; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; margin: 0 auto; background: #fff; } .page-popup .ratings .rating-box { float: none; margin: 0 auto 10px; } .main-container { padding: 30px 0; position: relative; z-index: 1; max-width: 1230px; margin: 0 auto; background: #fff; border-radius: 9px; } .main-container .main { } /* Base Columns */ .col-left { float: left; } .col-main { float: left; } .col-right { float: right; } /* 1 Column Layout */ .col1-layout .col-main { float: none; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float: left; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { } .col2-set .col-2 { } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .cart-collaterals .col2-set .col-1, .cart-collaterals .col2-set .col-2 { width: 48%; float: left; } .cart-collaterals .col2-set .col-1 { margin-right: 20px; } .grid_custom_1 { width: 65%; float: left; } .grid_custom_2 { width: 34%; float: right; } .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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; } input.input-text, select, textarea { border: 1px solid #9e9e9e; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input.input-text, textarea { padding: 3px 2px 4px 2px; resize: none; -webkit-appearance: none; border-radius: 0; } select { padding: 2px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select option { padding-right: 10px; } select.multiselect option { border-bottom: 1px solid #ddd; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; } input.qty { color: #392083; width: 40px !important; text-align: center; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ button.button { background: transparent; border: 0; overflow: visible; cursor: pointer; padding: 0; margin: 0; width: auto; } button.button > span { float: left; text-align: center; white-space: nowrap; padding: 0; } button.button span span { padding: 0 10px; display: block; float: left; } button.button > span, .block-wishlist .actions a, .page-sitemap .links a { font-family: 'Fjalla One', sans-serif; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#2A2A2A)); background: -moz-linear-gradient(top, #575757, #2A2A2A); /* firefox 3.6+ */ background: -o-linear-gradient(top, #575757, #2A2A2A); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #575757, #2A2A2A); /* IE10+ */ box-shadow: 0 3px 3px rgba(0,0,0,0.3); color: #fff; font-size: 13px; line-height: 34px; text-transform: uppercase; height: 34px; border-radius: 2px; } button.button:hover > span, .block-wishlist .actions a:hover, .page-sitemap .links a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#3a342b), to(#2b2721)); background: -moz-linear-gradient(top, #3a342b, #2b2721); /* firefox 3.6+ */ background: -o-linear-gradient(top, #3a342b, #2b2721); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a342b, #2b2721); /* IE10+ */ color: #fff; } .page-sitemap .links a { display: inline-block; text-decoration: none; position: relative; text-transform: uppercase; padding: 0px 11px; height: 36px; line-height: 36px; } /********** Button right Contact Form and Account login home *****************/ /*******************************************************/ button.disabled { } button.disabled span { } button.btn-checkout span { } button.btn-checkout span span { } button.btn-checkout.no-checkout { } p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form Highlight */ /* Form lists */ /* Grouped fields */ .form-list li { } .form-list label { float: left; color: #000000; font-weight: bold; position: relative; z-index: 0; display: inline-block; padding-bottom: 5px; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #b15ba9; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; margin-bottom: 7px; width: 260px; } .form-list .field { float: left; width: 360px; } .form-list input.input-text { width: 333px; } .form-list textarea { resize: none; width: 254px; height: 10em; } .form-list select { width: 98%; } .form-list li.wide .input-box { width: 535px; } .form-list li.wide input.input-text { width: 529px; } .form-list li.wide textarea { width: 529px; } .form-list li.wide select { } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 132px; } .form-list .name-middlename input.input-text { width: 104px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 318px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .field.name-suffix { margin-top: 8px; } .field.name-prefix { margin-bottom: 10px } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 230px; } .opc .form-list .customer-name-suffix .name-lastname, .opc .form-list .customer-name-middlename .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-lastname { width: 191px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 202px; } .opc .form-list .customer-name-prefix .name-firstname input.input-text, .opc .form-list .customer-name-suffix .name-lastname input.input-text, .opc .form-list .customer-name-middlename .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 171px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 35px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 213px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px 0 5px 0; } .buttons-set .back-link { float: left; margin-top: 5px; } .buttons-set .back-link a { color: #000; } .buttons-set .back-link a:hover { color: #392083; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 10px; font-size: 12px; color: #b15ba9; } .buttons-set-order { } .fieldset > p { margin-bottom: 10px; } .fieldset .legend { font-weight: bold; font-size: 12px; text-transform: uppercase; position: relative; padding-bottom: 8px; color: #392083; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; font-size: 10px; line-height: 13px; color: #f00; } .validation-failed { border: 1px dashed #f00 !important; background: #faebe7 !important; } .validation-passed { } p.required { font-size: 10px; text-align: right; color: #f00; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #666; } .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; overflow: hidden; } .messages li { margin: 0 0 20px; } .messages li li { margin: 4px 0 3px; } div.alert a { font-size: 12px; color: #392083; padding-left: 5px; } div.alert a:hover { color: #fff; } div.alert { position: fixed; background: #353535; top: 0; left: 50%; width: 333px; margin-left: -220px; padding: 20px 60px; color: #FFF; z-index: 999; font-size: 12px; font-weight: bold; color: #ececec; border-radius: 0 0 3px 3px; text-align: center; } div.alert button { background: url(../images/remove-popup.png) 0 0 no-repeat; width: 9px; height: 9px; position: absolute; right: 20px; top: 45%; border: none; z-index: 9999; } div.alert button:hover { cursor: pointer; background-position: 0 -9px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 7px 6px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 7px 8px 10px 56px !important; font-size: 12px !important; font-weight: bold !important; } .success-msg { border-color: #d3a8d0; } .error-msg { background: url(../images/i_msg-note.png) left -3px no-repeat #e7d6e8; color: #df0505; font-weight: bold; } .success-msg { background-color: #e7d6e8; background-image: url(../images/i_msg-success.png); color: #a43093; font-weight: bold; } .note-msg, .notice-msg { background: url(../images/i_msg-note.png) 7px 6px no-repeat #e7d6e8 !important; border-color: #d3a8d0; color: #a43093; font-weight: bold; } /* BreadCrumbs */ .breadcrumbs { background: #474747; padding: 8px 19px; margin: 0 0 20px; overflow: hidden; border-radius: 6px; } .breadcrumbs li { float: left; color: #8e8d8d; font-family: Arial, sans-serif; } .breadcrumbs li a { text-decoration: none; color: #8e8d8d; } .breadcrumbs li a:hover { color: #b46ceb; } .breadcrumbs li span { display: inline-block; margin: 0 8px 0 6px; } .breadcrumbs li strong { font-weight: normal; color: #b46ceb; } /* Page Heading */ .page-title, .category-title { padding: 0; margin: 0 0 30px; } .category-title { display: block; padding: 17px 20px 17px; background: #474747; border-radius: 9px; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); } .page-title h1, .page-title h2 { font-family: 'Fjalla One', sans-serif; font-size: 20px; line-height: 22px; color: #FFF; text-transform: uppercase; margin: 0; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle, .sub-title { clear: both; } /********************************************************************************* End ********************************************************************************/ /* Pager */ .pager { text-align: center; } .pager .amount { float: left; color: #8a8989; padding-top: 2px; } .pager .amount span { font-weight: bold; color: #392083; } .pager .amount.spinner { padding-top: 13px; } .pager .amount strong { font-weight: normal; color: #383737; display: inline-block; padding-top: 0px; } .pager .amount strong span { font-weight: bold; color: #392083; } .pager .limiter { float: right; min-width: 89px; } .pager .limiter label { color: #8a8989; display: inline-block; padding-top: 2px; padding-right: 6px; float: left; } .pager .pages { margin: 0 135px; } .pager .pages strong { color: #000; padding-right: 3px; } .pager .pages ol { display: inline; } .pager .pages li { display: inline; padding: 0; color: #737373; font-size: 12px; line-height: 15px; font-weight: bold; margin-right: 3px; } .pager .pages li a { text-decoration: none; color: #8a8989; } .pager .pages li a:hover { color: #392083; } .pager .pages .current { color: #392083; } .pager ol > li:first-child > a { text-decoration: none; } .pager ol > li > a { } /* Sorter */ .sorter { } .sorter .view-mode { float: left; font-size: 0; overflow: hidden; height: 24px; width: 150px; padding: 0; } .sorter .view-mode .grid { display: block; float: left; width: 17px; height: 16px; background: url(../images/grid-list.gif) no-repeat left -16px; } .sorter .view-mode a.grid { background-position: 0 0; } .sorter .view-mode a.grid:hover { background-position: 0 -16px; } .sorter .list { display: block; float: left; width: 17px; height: 16px; background: url(../images/grid-list.gif) no-repeat right 0; } .sorter .view-mode strong, .sorter .view-mode a { margin-right: 10px; } .sorter a.list { background: url(../images/grid-list.gif) no-repeat right 0; } .sorter strong.list { background: url(../images/grid-list.gif) no-repeat right -16px; } .sorter a.list:hover { background-position: right -16px; } .sorter .sort-by { float: right; min-width: 152px; } .sorter .sort-by select { margin-right: 15px; } .sorter .sort-by label { display: inline-block; padding-top: 2px; padding-right: 6px; float: left; } .sorter .link-feed { } #easyTooltip { padding: 5px 10px; border: 1px solid #392083; background: #392083; color: #fff; font-size: 12px; text-transform: uppercase; text-transform: none; position: relative; z-index: 99; font-weight: normal; } /* Toolbar */ .toolbar { margin-bottom: 30px; } .toolbar select { text-align: center; min-width: 63px; } .toolbar .pager { border-bottom: 1px solid #ececec; margin-bottom: 10px; padding: 0 0 10px; } .toolbar .sorter { color: #8A8989; padding: 0; } .toolbar-bottom { margin-top: 20px; } /* Data Table */ .data-table { width: 100%; } .data-table th { padding: 12px 15px 12px; border: 1px solid #ececec; font-weight: bold; white-space: nowrap; color: #000; white-space: normal; } .data-table td { padding: 14px 15px 14px; border: 1px solid #ececec; white-space: normal; } .data-table thead { } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.first th.label { } .data-table tr.last { } .data-table tr.odd th.label { } .data-table tr.even { } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { } .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.label, .data-table th.label { font-weight: bold; color: #7e7e7e; } .data-table td.value { } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { list-style: disc outside; padding-left: 18px; margin: 0 0 10px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ul { list-style: disc outside; padding-left: 1.5em; } .std ul li { margin-bottom: 10px; } .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 */ .links li { display: inline; padding-left: 12px; } .links li.first { } .links.LoginLink li.first { padding-left: 0; } .links li.last { padding-bottom: 0; } .links li a { text-decoration: none; } .links li a:hover { color: #000; } .link-cart { font-weight: bold; } .link-cart:hover { text-decoration: underline; } .link-wishlist { font-weight: bold; } .link-reorder { font-weight: bold; } .link-compare { font-weight: bold; } .link-print { background: url(../images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(../images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { display: block; width: 10px; height: 10px; font-size: 0; line-height: 0; background: url(../images/btn_remove.gif) 0 0 no-repeat; font-size: 0; overflow: hidden; margin-left: 13px; } .btn-remove2 { display: inline-block; color: #2d2d2d; width: auto; height: 28px; background: url(../images/cart-delete.png) 0 0 no-repeat; padding: 8px 0 0 41px; } .btn-remove2:hover { background-position: 0 -67px!important; color: #000; } .btn-edit { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(../images/btn_edit.gif) 0 0 no-repeat; font-size: 0; overflow: hidden; margin-left: 2px; } .btn-remove:hover { } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .prod-cart img { border: 1px solid #ededed; } .prod-cart img:hover { border: 1px solid #92b802; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; font-size: 0; overflow: hidden; } /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 12px; 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: 12px; line-height: 1.15; text-align: center; color: #fff; } /* Cookie Notice */ .notice-cookie { border-bottom: 1px solid #cfcfcf; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .notice-cookie .notice-inner { width: 870px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(../images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .notice-cookie .notice-inner p { margin: 0 0 10px; border: 1px dotted #cccc73; padding: 10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Logo ================================================================================ */ .logo { float: left; } .header .logo { float: left; display: block; text-decoration: none !important; } .header>.logo { padding: 6px 0 !important; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; font-size: 0; overflow: hidden; } .header h1.logo { margin: 0; padding: 0; } .header .logo img { max-width: 100%; height: auto; } /* Header ================================================================================ */ .header-container .top-container { clear: both; text-align: right; } .header-container { background: #000; margin-bottom: 30px; min-height: 115px; } .header-container .contact-bar { float: left; height: 55px; line-height: 53px; font-size: 18px; font-family: "Fjalla One", sans-serif; color: #FFF; } .header-container .contact-bar span { color: #a43093; } .header { padding: 0; position: relative; margin: 0 -30px; } .header .quick-access { float: right; width: 548px; } .header .welcome-msg { font-family: 'Georgia'; font-style: italic; float: right; font-size: 14px; line-height: 14px; color: #948f83; margin-bottom: 30px; } .header .welcome-msg a { } .header .links { float: right; text-align: right; } .header .links li { float: left; padding: 0; height: 55px; line-height: 53px; } .header .links li a { display: inline-block; font-family: 'Fjalla One', sans-serif; font-size: 13px; color: #989898; text-transform: uppercase; margin-right: 12px; } .header .links li a:hover { color: #FFF; } .header .links .top-link-cart, .header .links .top-car { } .header .form-search { text-align: right; } #search_mini_form { float: right; clear: right; position: relative; padding: 0; margin: 0; background: #D9D9D9; border-radius: 9px 9px 0 0; padding: 10px 10px 0; } .header .form-search { overflow: hidden; font-size: 16px; line-height: normal; } .header .form-search .input-text { float: left; border: 1px solid #969286; border-top-color: #66635b; border-bottom-color: #d4d2cb; background: #D9D9D9; font-size: 13px; line-height: 14px; color: #363636; padding: 10px; margin-right: 6px; width: 163px; height: 50px; border-radius: 2px 2px 0 0; box-shadow: inset 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.22); } .header .form-search button.button { } .header .form-search button.button > span { background: -webkit-gradient(linear, left top, left bottom, from(#3a342b), to(#2b2721)); background: -moz-linear-gradient(top, #3a342b, #2b2721); /* firefox 3.6+ */ background: -o-linear-gradient(top, #3a342b, #2b2721); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a342b, #2b2721); /* IE10+ */ height: 50px; line-height: 50px; font-size: 19px; } .header .form-search button.button:hover > span { background: #a43093; } .header .form-search label { float: left; margin-left: 17px; display: none; } #select-form { margin-left: 1px; } .header .form-search .search-autocomplete { z-index: 999; font-size: 13px; width: 100%; } .header .form-search .search-autocomplete ul { border: 1px solid #ddd; background-color: #fff; } .header .form-search .search-autocomplete li { padding: 3px; border-bottom: 1px solid #ddd; cursor: pointer; text-align: left; } .header .form-search .search-autocomplete li:hover { background-color: #fafafa; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.selected { } .header-buttons { float: right; } .header-button { float: right; position: relative; width: 42px; } .header-button > a { display: block; background-repeat: no-repeat; height: 20px; } .header-button.currency-list > a, .header-button.lang-list > a { font-family: 'Fjalla One', sans-serif; background-image: url(../images/marker-9.gif); background-position: right 6px; font-size: 13px; line-height: 19px; color: #d3d0c9; text-transform: uppercase; text-align: center; padding: 0; width: 100%; } .header-button.menu-list > a { background-image: url(../images/button-menu.png); background-position: center 7px; } .header-button.lang-list ul { width: 120px; } .header-button.currency-list ul { width: 200px; } .header-button.menu-list ul { width: 150px; } .header-button ul { display: none; background: #392083; text-align: left !important; position: absolute; right: 0px; top: 24px; padding: 0; z-index: 999; } .header-button ul li { float: none !important; display: block; padding-left: 0px; } .header-button ul li a { display: block !important; background: #392083; font-size: 14px; line-height: 17px; color: #fff !important; padding: 5px 10px; min-height: 18px; } .header-button ul li a:hover { background-color: #a43093; } .header-button ul li span { display: none; } .top-login { float: right; display: none; position: relative; overflow: hidden; } .top-login ul { display: block !important; background: none; border: none; padding: 0; position: relative; top: 0; left: 0; } .top-login ul li { padding: 0 !important; } .top-login ul li a { display: block !important; background: url(../images/button-login.png) center 10px no-repeat; font-size: 0; text-align: left !important; padding: 0; height: 38px; } .menu-list { display: none; } /*************Header Cart **********************/ .header-container .top-container { clear: both; text-align: right; } .block-cart-header { float: right; font-size: 13px; line-height: 20px; color: #b2b2b2; background-color: #5a565a; padding: 20px 20px 8px 52px; position: relative; margin: 0 9px 0 0; border-radius: 9px 9px 0 0; height: 32px; background-image: -webkit-linear-gradient(270deg, rgba(167,162,167,1.00) 0%, rgba(90,86,90,1.00) 100%); background-image: -moz-linear-gradient(270deg, rgba(167,162,167,1.00) 0%, rgba(90,86,90,1.00) 100%); background-image: linear-gradient(180deg, rgba(167,162,167,1.00) 0%, rgba(90,86,90,1.00) 100%); } .block-cart-header .block-content { float: left; } .block-cart-header:before { content: '.'; font-size: 0; position: absolute; left: 17px; top: 0; height: 100%; width: 30px; background: url(../images/cart-icon.png) no-repeat left 17px; } .block-cart-header h3 { font-family: 'Fjalla One', sans-serif; font-size: 19px; color: #fff; line-height: 20px; font-weight: normal; float: left; margin: 0 5px 0 0; text-transform: uppercase; } .block-cart-header .summary, .block-cart-header .empty, .block-cart-header .summary .price, .block-cart-header .empty .price, .block-cart-header .summary strong { color: #000; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-weight: normal; } .block-cart-header .amount-2, .block-cart-header .empty { display: block; background: url(../images/arrow.gif) right 8px no-repeat; min-width: 136px; padding-right: 15px; } .block-cart-header .summary:hover, .block-cart-header .empty:hover { cursor: pointer; } .block-cart-header .btn-remove, .block-cart-header .btn-edit { float: right; margin: 0 5px 0 0; } .block-cart-header .truncated { display: none; } .block-cart-header .cart-content { position: absolute; right: 0; top: 57px; z-index: 9; min-width: 280px; width: 100%; display: none; cursor: default; } .block-cart-header .empty .cart-content { background: #A43093; padding: 10px; color: #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px rgba (0, 0, 0, 0.18); -webkit-box-shadow: 0px 0px 5px rgba (0, 0, 0, 0.18); moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; } .block-cart-header .actions { padding: 20px 20px 10px; overflow: hidden; } .block-cart-header .actions button.button { float: left; margin-bottom: 10px; margin-right: 40px; } .block-cart-header .actions button.button+button.button { margin-right: 0; } .block-cart-header .mini-products-list li { background: #f9f9f9; border-top: 1px solid #ececec; clear: both; min-height: 85px; padding: 20px; position: relative; } .block-cart-header .mini-products-list .product-image { width: 70px; border: 1px solid #ededed; } .block-cart-header .mini-products-list .product-details { margin: 0 0 0 80px; overflow: inherit; } .block-cart-header .block-subtitle { color: #fff; padding: 0 20px 11px; } .block-cart-header .product-name { padding-bottom: 0px; width: 54% !important; } .block-cart-header .price { font-weight: bold; color: #392083; } .block-cart-header .subtotal { color: #fff; padding: 15px 20px 0; } .block-cart-header .subtotal, .block-cart-header .block-subtitle, .block-cart-header .actions { background: #38332a; } .block-cart-header .subtotal .label { font-weight: bold; } .block-cart-header .subtotal .price { float: right; color: #fff; } .block-cart-header .mini-products-list .product-image:hover { border-color: #392083 } /********************Header Cart end ***********************/ /************************************ < Navigation in superfish.css ******************************************************************************************************************/ /* Show menu */ .col2-set { width: auto; } /*========================================================================================== Sidebar =============================================================================== */ /* ================================================================================================================================================================================== */ .block { margin: 0 0 20px; } .block.last_block { margin-bottom: 0; } .block .block-title { padding: 16px 20px 13px; background: #392083; border-radius: 9px; margin-bottom: 30px; position: relative; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); } .block .block-title strong { font-family: 'Fjalla One', sans-serif; font-size: 20px; line-height: 22px; color: #fff; text-transform: uppercase; font-weight: normal; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { font-size: 13px; line-height: 16px; color: #2d2d2d; font-weight: normal; text-transform: uppercase; margin-bottom: 14px; } .block .block-content { } .block .block-content li.item { padding: 15px 0; border-bottom: 1px solid #9E9E9E; } .block .block-content li.last { border: 0; } .block .block-content li.item:first-child { padding-top: 0; } .widget.widget-catalogsale-products .block ol li { padding: 20px 0 20px 0; } .widget.widget-catalogsale-products .price-box.map-info { padding: 10px 0 10px 0; } .widget.widget-catalogsale-products .price-box.map-info a { padding-left: 0; } .block .btn-remove, .block .btn-edit { float: right; } .block .actions { padding: 17px 0 0 0; } .block .actions a { display: inline-block; color: #392083; font-weight: bold; text-decoration: underline; margin-left: 10px; } .block .actions a:hover { text-decoration: none; } .block-compare .actions { padding: 20px 0 10px 0; } .block .empty { font-family: Arial, sans-serif; font-style: italic; } .block .price-box.map-info .price { font-size: 13px; font-family: 'Arial' } .block li.odd { } .block li.even { } .sidebar-indent { } /******************************************************************************** Mini Products List ******************************************************************************/ .mini-products-list li { padding: 5px 0; } .mini-products-list .product-control-buttons { overflow: hidden; position: relative; margin-bottom: 5px; } .mini-products-list .product-image { float: left; width: 90px; background: #fff; margin-right: 10px; } .mini-products-list .product-image img { max-width: 100%;height:auto; } .mini-products-list .product-details { padding-top: 10px; overflow: hidden; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } .mini-products-list .product-name { margin-left: 10px; display: block; overflow: hidden; } .block-cart .mini-products-list .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word; } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important; } /* Block: Account */ .block-account ul li { padding-bottom: 5px; } .block-account ul li a { color: #2d2d2d; } .block-account ul li a:hover, .block-account ul li.current { color: #392083 !important; } /* Block: Currency Switcher */ .block-currency { } .block-currency select { width: 100%; border: 1px solid #888; } /******************************************************************************** Block: Layered Navigation ************************************************************************/ .block-layered-nav { font-family: Arial, sans-serif; color: #2D2D2D; } .block-layered-nav dt { border-top: 1px solid #ececec; font-weight: bold; padding-top: 15px; } .block-layered-nav dd { padding: 10px 0 10px 19px; margin-bottom: 15px; } .block-layered-nav dd.odd.last { padding-bottom: 0; margin-bottom: 0; } .block-layered-nav dd li a { color: #2D2D2D; text-decoration: none; } .block-layered-nav dd li a:hover { color: #392083; } .block-layered-nav dd li { color: #392083; background: url(../images/block-layered-nav-marker.gif) 0 8px no-repeat; padding: 0 0 3px 13px; } .block-layered-nav .currently { } .block-layered-nav .btn-remove { float: right; margin: 5px 3px 0 2px; } .block-layered-nav .block-subtitle { } .block-layered-nav .block-content .actions a { color: #363636; text-decoration: none; } .block-layered-nav .block-content .actions a:hover { color: #392083; } .block-layered-nav .block-content .actions { padding-top: 5px; padding-bottom: 10px; } .block-layered-nav #narrow-by-list2 dt { border: none; padding-top: 0; font-size: 14px; } /*********************************************************************** Block: Spacials *********************************************************************************************/ .widget-catalogsale-products { } .widget-catalogsale-products .price-box .price-label { display: none; } .widget-catalogsale-products .block-content-column .products-grid { margin-bottom: 0; } .widget-catalogsale-products .products-grid li.item { background: #e0ddd5; width: 100%; } .widget-catalogsale-products .block-title span.toggle { display: none; } #product_tabs_review_tabbed_contents #review-form h3 span { color: #392083; } /************************************************************************************ Block: Cart ***********************************************************************************/ .block-cart { } .block-cart .block-content li.item.last { padding-bottom: 0; } .block-cart .summary { } .block-cart .amount { border-bottom: 1px solid #9E9E9E; padding-bottom: 12px; margin-bottom: 16px; } .block-cart .amount a { color: #392083; font-weight: bold; } .block-cart .amount a:hover { text-decoration: underline; } .block-cart .subtotal { } .block-cart .subtotal .price { font-weight: bold; color: #000; padding-left: 6px; } .block-cart .subtotal .label { } .block-cart .amount-2 { border-top: 1px solid #ececec; color: #000000; padding-top: 16px; padding-bottom: 17px; } .block-cart .amount-2 a { text-decoration: none; font-weight: bold; color: #392083; } .block-cart .amount-2 a:hover { color: #000000; } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; display: none; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 5px 0; } .block-cart .actions { border-bottom: 1px solid #9E9E9E; padding-bottom: 20px; margin-bottom: 17px; } .block-cart .product-details { text-transform: uppercase; } .block-cart .product-details strong { font-weight: normal; padding: 0 0 0 3px; } .block-cart .product-details .price, .block-related .regular-price .price, .block-wishlist .regular-price .price { font-family: 'Georgia'; font-size: 12px; font-weight: bold; } /**************************************************************************** Block: Wishlist ******************************************************************************************/ .block-wishlist { } .block-wishlist .btn-remove { margin-left: 7px; } .block-wishlist .product-name a { text-decoration: none; } .block-wishlist .block-title small { } .block-wishlist .price-box { float: left; color: #000; } .block-wishlist .link-cart { float: right; text-decoration: underline; margin-top: 5px; margin-left: 5px; } .block-wishlist .link-cart:hover { text-decoration: none; } .block-wishlist .block-content li.item { border-bottom: 1px solid #ececec; padding: 20px 0 20px 0; } .block-wishlist .block-content li.item.last { } .block-wishlist .product-name { } .block-wishlist .actions a { font-size: 12px; line-height: 25px; text-align: center; white-space: nowrap; text-decoration: none; font-weight: normal; margin: 0; padding: 0 10px; height: 25px; color: #fff; } .block-wishlist .actions { padding-bottom: 5px; } /********************************************************************************** Block: Related **********************************************************************************/ .product-image { display: inline-block; } .block-related { } .block-related li { padding: 5px 0; } .block-related input.checkbox { float: left; margin: 5px 5px 0 0; } .block-related .product { overflow: hidden; } .block-related .product .product-image { float: left; } .block-related .product .product-details .regular-price { float: none; } .rel-label { font-size: 12px; color: #333; padding-top: 6px; display: inline-block; } .block-related .link-wishlist { font-size: 12px; font-weight: bold; color: #392083; } .block-related .link-wishlist:hover { text-decoration: underline; color: #000; } .block-related .block-content li.item { padding: 20px 0; } .block-related .block-content li.item:first-child { padding-top: 0; } .block-related .block-content li.item.last { padding-bottom: 10px; } .block-related .product-name { width: 152px; } .block-related .product-name a { color: #2d2d2d; } /******************************************************************* Block: Compare Products ******************************************************************************************/ .block-compare { } .block-compare li { padding: 12px 0; } .block-compare .block-content { } .block-compare .btn-remove { margin-top: 4px; margin-left: 10px; } .block-compare #compare-items { } .block-compare .block-title small { display: none; } .block-compare .product-name a { text-decoration: none; } /********************************************************************* Block: Recently Viewed *************************************************************************************/ .block-viewed { } .block-viewed li a, .block-compared li a { text-decoration: none; display: inline-block; } .block-viewed .block-content li.item:first-child, .block-compared .block-content li.item:first-child { border-top: none; } /********************************************************************* Block: Recently Compared ***********************************************************************************/ .block-compared { } #co-payment-form { width: 100px; } /********************************************************************* Block: Poll **************************************************************************************************/ .block-poll { } .block-poll .block-title strong span { } .block-poll .block-subtitle { font-size: 12px; line-height: 15px; text-transform: none; font-weight: bold; } .block-poll label { line-height: 18px; } .block-poll input.radio { float: left; margin: 2px 0 0 0; } .block-poll .label { display: block; margin-left: 32px; } .block-poll li { padding: 3px 0px 9px 0; } .block-poll .actions { margin: 0px 0 0; text-align: left; padding-top: 10px; padding-bottom: 10px; } .block-poll .answer { float: left; width: 200px; } .block-poll .answer span { display: block; width: 150px; color: #b2b2b2; } .block-poll .votes { font-weight: normal; float: right; width: 70px; text-align: right; color: #392083; } /************************************************************************ Block: Tags **************************************************************************************************/ .block-tags { border: none; } .block-tags ul, .block-tags li { display: inline; } .block-tags .actions a { margin-left: 0; } .block-tags .actions a:hover { } .block-tags .actions { padding-bottom: 5px; } .product-tags li { float: left; margin-right: 7px; } #addTagForm { overflow: hidden; } /* Block: Tags */ /************************************************************************* Block: Subscribe ****************************************************************************************/ .block-subscribe { } .block-subscribe .block-content { } .block-subscribe .form-subscribe-header { display: inline-block; margin-bottom: 8px; } .block-subscribe .input-box { width: 100%; } .block-subscribe .input-box input { width: 100%; padding: 6px; } .block-subscribe .actions { float: left; } /************************************************************************ Block: Reorder *******************************************************************************************/ .block-reorder { } .block-reorder .block-subtitle { } .block-reorder li { padding: 5px 0; } .block-reorder input.checkbox { float: left; margin: 5px 0 0; } .block-reorder .product-name { margin-left: 20px; } .block-reorder .actions { } .block-reorder .actions a { } .block-reorder .actions a:hover { } /*********************************************************************** Block: Banner *********************************************************************************************/ .block-banner { } .block-banner .block-content { text-align: center; padding: 0; border: 0; } /************************************************************************ Block: Login *********************************************************************************************/ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /************************************************************************* Paypal **************************************************************************************************/ .paypal-logo { display: inline-block; margin: 0; text-align: center; overflow: hidden; } .paypal-logo a { float: none; display: inline-block; width: 100px; } .paypal-logo a img { max-width: 100%; height: auto; } /*========================================================================================== End Sidebar ============================================================================ */ /* ================================================================================================================================================================================== */ /* Category Page ========================================================================= */ .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { } .category-description { margin: 0 0 10px; } .category-products { } /****************************************************************************************** View Type: Grid ***************************************************************************/ .col2-left-layout .products-grid, .col2-right-layout .products-grid { } .col1-layout .products-grid { } .products-grid { position: relative; margin-bottom: 30px; } .products-grid.last { margin-bottom: 0; } .price-box.map-info a { text-decoration: none; margin-top: 5px; color: #392083; } .price-box.map-info a:hover { color: #000; } .products-grid.last { border-bottom: 0; } .products-grid li.item { float: left; padding: 19px; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0px 0px 20px rgba(122,97,196,0.75); -moz-box-shadow: inset 0px 0px 20px rgba (122, 97, 196, 0.75); -webkit-box-shadow: inset 0px 0px 20px rgba (122, 97, 196, 0.75); border-radius: 9px; background: #fff;width:30%;margin-right:3%;margin-left:0px; } .cms-home ul.products-grid {padding-left:27px} .products-grid li.last { margin-right: 0; } .products-grid li.first { } .products-grid .product-image { display: block; max-width: 242px; height: auto; margin: 0 auto 15px; text-align: center; } .products-grid .price-box { color: #3A3A3A; overflow: hidden; margin: 0 0 12px; width: 100%; } .products-grid .availability { line-height: 21px; } .products-grid .actions { clear: both; margin: 0; position: relative; } .products-grid .actions > span { position: absolute; left: 0; bottom: -3px; } .products-grid .desc.std strong { color: #392083; } .products-grid .desc.std { overflow: hidden; color: #b2b2b2; padding: 5px 0; } .product-box-2 { background: url(../images/tail-grid-bottom.gif) 0 0 repeat-x #fdfdfd; padding: 16px 18px 0px 18px; margin: 0 -18px; overflow: hidden; position: relative; } .product-box-2 > span { position: absolute; left: 18px; bottom: -3px; } .products-grid .ratings { margin-bottom: 17px; } .products-grid .ratings .amount { } .products-grid .ratings .amount a { color: #392083; text-decoration: none; } .products-grid .ratings .amount a:hover { color: #383737; } .products-grid .minimal-price-link { float: right; } .products-grid .no-rating a { text-decoration: none; color: #383737; padding-top: 0px; display: inline-block; } .products-grid .no-rating a:hover { color: #392083; } .products-grid .no-rating { padding-top: 8px; margin-bottom: 7px } .products-grid .add-to-links { padding-top: 6px; position: relative; } .products-grid .add-to-links li { float: left; } .products-grid .add-to-links li:first-child { margin-right: 19px; } .products-grid button.button { float: left; margin-right: 21px; } .products-grid .desc_grid { margin-bottom: 15px; font-size: 13px; color: #1c1c15; line-height: 18px; font-family: Arial, sans-serif; } .products-grid .desc_grid .learn-more { display: block; font-weight: bold; text-decoration: underline; } .add-to-links { float: left; } /******* Type: List and Grid ********/ .products-grid .product-name, .products-list .product-name { margin: 0 0 20px; } .products-grid .product-name a, .products-list .product-name a { font-family: 'Fjalla One', sans-serif; display: inline-block; font-size: 18px; line-height: 21px; color: #1c1c15; font-weight: normal; text-decoration: none; text-transform: uppercase; } .products-grid .product-name a:hover, .products-list .product-name a:hover { color: #2f2f2f; } .products-grid .product-image img, .products-list .product-image img { max-width: 100%;height:auto; } .products-grid .add-to-links .link-wishlist, .products-list .add-to-links .link-wishlist { background: url(../images/link-wishlist.gif) 0 0 no-repeat; width: 15px; height: 14px; font-size: 0; display: inline-block; } .products-grid .add-to-links .link-wishlist:hover, .products-list .add-to-links .link-wishlist:hover { background-position: 0 -31px; } .products-grid .add-to-links .link-compare, .products-list .add-to-links .link-compare { background: url(../images/link-compare.gif) 0 0 no-repeat; width: 16px; height: 14px; font-size: 0; display: inline-block; } .products-grid .add-to-links .link-compare:hover, .products-list .add-to-links .link-compare:hover { background-position: 0 -31px; } .products-grid .old-price .price-label, .products-list .old-price .price-label, .product-shop .old-price .price-label, .products-grid .special-price .price-label, .products-list .special-price .price-label, .product-shop .special-price .price-label { display: none; } .products-grid .old-price, .products-list .old-price, .product-shop .old-price { float: right; margin-right: 10px; } .products-grid .special-price, .products-list .special-price, .product-shop .special-price { float: left; margin-right: 5px; } .products-grid .old-price .price, .products-list .old-price .price, .product-shop .old-price .price { font-family: 'Fjalla One', sans-serif; font-size: 14px; font-weight: normal; line-height: 24px; color: #2D2D2D; float: left; } .products-grid .special-price .price, .products-list .special-price .price, .product-shop .special-price .price { font-family: 'Fjalla One', sans-serif; font-size: 19px; font-weight: normal; line-height: 20px; color: #ff0c00; } /********************************************************************************************** View Type: List *******************************************************************************************/ .products-list { } .products-list li.item { box-shadow: inset 0px 0px 43px rgba(199,195,183,0.75); -moz-box-shadow: inset 0px 0px 43px rgba (199, 195, 183, 0.75); -webkit-box-shadow: inset 0px 0px 43px rgba (199, 195, 183, 0.75); border-radius: 9px; padding: 15px; margin-bottom: 30px; } .products-list li.item.last { border-bottom: 0; } .products-list .product-image { float: left; width: 210px; height: auto; margin-right: 30px; } .products-list .list-inner { width: 210px; height: 210px; position: relative; float: left; } .products-list .product-shop { overflow: hidden; } .products-list .button { float: left; margin-right: 21px; } .products-list .product-name { } .products-list .price-box { color: #3A3A3A; margin: 12px 0; overflow: hidden; width: 100%; } .products-list .price-box .regular-price { float: left; padding-right: 12px; } .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; margin: 0 0 15px; } .products-list .desc > p { float: left; } .products-list .desc > p strong { color: #392083; } .products-list .desc .link-learn { font-weight: bold; text-decoration: underline; } .products-list .desc .link-learn:hover { color: #392083; } .products-list .add-to-links { padding-top: 4px; } .products-list .add-to-links li:first-child { margin-right: 19px; } .products-list .f-fix { position: relative; } .products-list .f-fix > span { left: 0; position: absolute; bottom: 0px; } .products-list .list-btn { display: inline-block; float: left; } .products-list .add-to-links .separator { display: none; } .products-list .add-to-links li { float: left; } .list-reviews { float: right; width: 285px; text-align: right; } .row-list { width: 100%; position: relative; } .row-list > span { position: absolute; left: 0px; top: 40px; } .products-list .ratings { margin-bottom: 17px; } .products-list .ratings .rating-links a { color: #392083; } .products-list .ratings .rating-links a:hover { color: #383737; } .products-list .no-rating { text-align: right; padding-top: 6px; } .products-list .no-rating a { text-decoration: none; color: #383737; } .products-list .no-rating a:hover { color: #392083; } /* ======================================================================================= */ /******************************************************************************** Product View ========================================================================== */ /****************************************** Rating *****************************/ .ratings { font-size: 12px; line-height: 15px; margin: 5px 0 7px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links a { text-decoration: none; color: #383737; } .ratings .rating-links a:hover { color: #392083; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 91px; height: 14px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; font-size: 0; overflow: hidden; } .rating-box .rating { float: left; height: 14px; background: url(../images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 7px; } .ratings .amount { } .email-friend.left { float: left; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } .review-product-list .col-main .ratings-table th, .review-product-list .col-main .ratings-table td { border: 1px solid #DDDDDD; padding: 7px; } .review-product-list .col-main .ratings-table { margin: 10px 0; } #block-related .price-box.map-info { display: none; } /*************************************** Availability *******************************/ .availability { margin: 0;} .availability span { font-weight: bold; } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820; } .availability-only { margin: 0 0 7px; } .availability-only a { background: url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor: pointer; padding-right: 15px; } .availability-only .expanded { background-position: 100% -15px; } .availability-only strong { } .availability-only-details { margin: 0 0 7px; } .availability-only-details th { background: #f2f2f2; font-size: 10px; padding: 0 8px; } .availability-only-details td { border-bottom: 1px solid #ddd; font-size: 11px; padding: 2px 8px 1px; } .availability-only-details tr.odd td.last { } /* Email to a Friend */ .email-friend { margin-bottom: 5px; } /* Alerts */ .alert-price { } .alert-stock { } /********** < Product Prices */ .price { white-space: nowrap !important; } .price-box { } .price-box .price { font-weight: bold; } /* Regular price */ .regular-price { float: left; display: block; } .regular-price .price { font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 20px; line-height: 22px; color: #2b2721; } /* Old price */ .old-price { } .old-price .price-label { font-weight: bold; white-space: nowrap; } .old-price .price { font-weight: bold; position: relative; white-space: nowrap; } .old-price .price:after { border-bottom: 1px solid #FF0C00; position: absolute; content:""; right: 0; top: 50%; left: 0; } /* Special price */ .special-price { } .special-price .price-label { font-weight: bold; } .special-price .price { font-weight: bold; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: inline-block; color: #392083; margin-top: 2px; } .minimal-price-link:hover { color: #000; } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal; } .minimal-price-link span { display: inline-block; text-decoration: none; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { font-weight: bold; } /* Configured price */ .configured-price { } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold; } /* FPT */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* 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 notice next to the options */ .price-notice { padding-left: 10px; } .price-notice .price { font-weight: bold; } /* Price as configured */ .price-as-configured { color: #3A3A3A; } .price-as-configured .price-label { white-space: nowrap; } .price-box-bundle { } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold; } .tier-prices .benefit { } .tier-prices-grouped { } /* Free Shipping */ .freeShip { font-weight: bold; padding-top: 12px; padding-left: 40px; float: left; color: #ff0c00; font-size: 20px; } .freeShip a {text-decoration: none} .free-ship { font-weight: bold; padding-bottom: 5px; color: #ff0c00; font-size: 14px; } /* Add to Links */ .add-to-links .separator { display: none; } /* Add to Cart */ .add-to-cart .qty-block { float: left; padding-top: 10px; } .add-to-cart label { margin-right: 7px; color: #3a3a3a; } .add-to-cart .qty { border: 1px solid #A4A4A4; font-size: 12px; color: #392083; text-align: center; background: #fff; padding: 3px 6px 4px 7px; } .add-to-cart button.button { float: right; margin-left: 5px; } .add-to-cart .paypal-logo { clear: left; text-align: right; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 46px 5px 0; } .product-view .add-to-cart .paypal-logo { margin: 0; display: none; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; width: 100%; position: relative; } .add-to-box .add-to-cart #ajax_loader { position: absolute; bottom: -22px; right: 0; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left; } .product-view { margin-bottom: 20px; } .product-view .product-name h1 { font-size: 21px; line-height: 24px; color: #392083; font-weight: normal; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; } .catalog-product-view .col-right { padding-top: 0; } .product-view h2 { background: #392083; border-radius: 6px; font-family: 'Fjalla One', sans-serif; font-size: 16px; line-height: 17px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 13px 15px; margin-bottom: 15px; position: relative; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); } .tt { display: block; } .zoom-inner { width: 300px; margin-bottom: 10px; height: 300px; position: relative; } .more-views h2 { display: none; } /*** Product Specifications ***/ .product-collateral .data-table { width: 48.8%; } .product-collateral .data-table td, .product-collateral .data-table th { padding: 2px 15px; color: #2D2D2D; font-weight: normal; border: 1px solid #CCC; } .product-collateral .data-table tr.even { background: #f0eff4; } .product-collateral #product-attribute-specs-table { float: left; } .product-collateral #product-attribute-specs-table-2 { float: right; } .product-collateral .compliance { margin-top: 15px; } .product-collateral .video-description { margin-top: 15px; } /*** Product Collateral **/ .product-essential { margin-bottom: 0px; padding-bottom: 25px; } .product-view .product-essential .product-shop .nobr { margin-bottom: 5px; display: inline-block; } .product-collateral #customer-reviews dl dt { margin-bottom: 5px; } .product-collateral #customer-reviews dl dd { border-bottom: 1px solid #ECECEC; padding-bottom: 10px; margin-bottom: 10px; } .product-collateral #customer-reviews dl dd.last { border: none; padding-bottom: 0; margin-bottom: 0; } .product-collateral #customer-reviews dl dd table { margin-bottom: 5px; } .product-collateral #customer-reviews .pager { margin-bottom: 10px; } .product-collateral #customer-reviews #product-review-table span.nobr { display: block; padding: 0 5px; } .product-collateral #customer-reviews #product-review-table .value { text-align: center; } .product-collateral #customer-reviews #product-review-table { margin-bottom: 20px; } #customer-reviews .form-list label.required { margin-bottom: 5px; } #customer-reviews .form-list textarea { min-width: 332px; max-width: 332px; } .product-collateral .box-collateral { margin-bottom: 40px; } .box-collateral-content { padding: 0 10px; } /* Product Images */ .product-view .product-img-box { float: left; text-align: center; margin-bottom: 30px; width: 310px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { position: relative; height: 308px; width: 308px; border: 1px solid #A4A4A4; overflow: hidden; background: url(../images/opc-ajax-loader.gif) no-repeat center center; } .product-view .product-img-box .product-image #wrap { position: absolute !important; left: 195px; top: 195px !important; height: 106px; width: 106px; } .product-view .product-img-box .product-image .mousetrap { background: url(../images/mousetrap.png) 0 0 no-repeat !important; height: 106px !important; width: 106px !important; z-index: 999 !important; opacity: 0.6; } .product-view .product-img-box .product-image .cloud-zoom { height: 106px; width: 106px; } .product-view .product-img-box .product-image .cloud-zoom img.small { height: 106px; width: 106px; opacity: 0; } .product-view .product-img-box .product-image .cloud-zoom img.big { position: absolute; top: -195px !important; left: -195px !important; background-color: #fff; } .product-view .product-img-box .product-image .cloud-zoom-big { left: -189px !important; top: -189px !important; } .product-view .product-img-box .product-image span { display: block; position: absolute; background: none; top: 0; left: 0; height: 100%; width: 100%; } .product-view .product-img-box .product-image-zoom { position: relative; width: 310px; height: 310px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; width: 310px!important; height: 310px!important; } .product-view .product-img-box .zoom-notice { display: none; text-align: center; } .product-view .product-img-box .zoom { display: none; position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(../images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 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; } .product-view .product-img-box .more-views li a { display: block; border: 1px solid #A4A4A4; } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; } .product-image-popup .image-label { } /* Product Shop */ .product-view .product-shop { float: right; width: 61%; } .product-view .product-shop .ratings { float: left; margin: 0; } .product-view .product-shop .ratings .rating-box { float: none; margin: 0 0 5px; } .col1-layout .product-view .product-shop { float: right; width: 700px; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { margin-bottom: 12px; } .product-view .short-description { margin-bottom: 13px; } .product-view .short-description h2 { display: none; } .product-view .short-description .std { } .product-view .product-shop .product-pricing { margin-bottom: 15px; margin-top: 10px; overflow: hidden; } .product-view .product-shop .product-pricing li { background: #f4f4f4; float: left; clear: left; line-height: 22px; padding: 0 13px; font-size: 11px; margin-bottom: 3px; } .product-view .product-shop .product-pricing li .benefit { } .product-view .product-shop .price-box { float: left; display: inline-block; padding-top: 7px; margin-right: 15px; min-width: 116px; } .product-view .product-shop .price-box .regular-price { } .product-view .product-shop .price-box .regular-price .price { font-size: 22px; line-height: 27px; } .product-view .product-shop .availability { display: block; font-size: medium; font-weight: bold; color: #3a3a3a; margin-bottom: 10px; } .product-view .product-shop .availability span { display: inline-block; font-size: medium; font-weight: bold; color: #b163a7; margin-left: 6px; } .product-view .product-shop .add-to-box { } .product-view .product-shop .add-to-box label { font-size: 11px; } .product-view .add-to-links { width: 100%; border-top: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4; padding: 18px 0; } .product-view .add-to-links li a.link-wishlist { color: #392083; padding-left: 22px; background: url(../images/wishlist.png) left 0px no-repeat; text-decoration: underline; } .product-view .add-to-links li a.link-compare { color: #392083; padding-left: 22px; background: url(../images/compare.png) left 0px no-repeat; text-decoration: underline; } .product-view .add-to-links li a.link-wishlist:hover, .product-view .add-to-links li a.link-compare:hover { color: #888787; text-decoration: none; } .product-view .add-to-links li { margin-top:4px; } .product-view .add-to-links li span img { float: right; margin-left: 10px; margin-top: 4px; } .product-view .add-to-links li:first-child { margin-right: 28px; } .add-to-box .or { display: none; } .row-product { border-bottom: 1px solid #A4A4A4; padding: 15px 0; margin-bottom: 20px; overflow: hidden; width: 100%; } .row-product .no-rating { float: left; background: url(../images/marker-reviews.gif) left 4px no-repeat; padding-left: 22px; } .row-product .no-rating a { text-decoration: underline; color: #3a3a3a; } .row-product .no-rating a:hover { text-decoration: none; color: #392083; } .add-to-links .email-friend { background: url(../images/marker-email.gif) left 4px no-repeat; padding-left: 27px; float: right; } .add-to-links .email-friend a { text-decoration: underline; color: #3a3a3a; } .add-to-links .email-friend a:hover { text-decoration: none; color: #392083; } /* Product Options */ .product-options { overflow: hidden; margin: 10px 0 18px; } .product-options .qty-holder { display: block; padding-top: 10px; } .product-options dl dt { display: block; } .product-options dt label { font-weight: bold; display: inline-block; color: #000000; padding-bottom: 3px; } .product-options dt label em { float: right; color: #392083; } .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: 0px 0 10px 0; display: block; width: 100%; float: left; } .product-options dl.last dd.last { } .product-options .input-box { } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 100%; } .product-options .options-list { } .product-options .options-list li { padding-top: 10px; } .product-options .options-list li:first-child { padding-top: 0; } .product-options .options-list li label { display: inline-block; } .product-options .options-list input.radio { float: left; margin: 2px 0 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px 3px 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; overflow: hidden; width: 100%; text-align: left; font-size: 12px; color: #392083; } .product-shop { position: relative; } .product-view .product-shop .price-box { float: left; margin: 0 25px 10px 0; } .product-shop .price-box.map-info a { float: none; clear: left; padding: 0 !important; margin-bottom: 3px; } .add-to-cart { border-top: 1px solid #A4A4A4; width: 100%; padding: 10px 0; } .add-to-cart button.button > span { font-size: 14px; line-height: 44px; height: 44px; } .product-view .product-options-bottom { } .product-view .product-options-bottom .add-to-links { clear: left; margin: 0px !important; } .product-view .product-options-bottom .price-box { float: none; display: block; padding: 0; margin-right: 0 !important; overflow: hidden; } .product-view .product-options-bottom .price-box .regular-price { display: none; } .product-view .product-options-bottom .price-box .price-as-configured { font-size: 22px; line-height: 27px; } .product-view .product-options-bottom .price-box .price-as-configured .price { font-weight: normal; } .product-view .product-options-bottom .add-to-cart { margin-top: 10px; } .row-product .addthis_toolbox { border-top: 1px solid #ececec; border-bottom: 0; padding-bottom: 0; padding-top: 15px; width: 100%; overflow: hidden; } .review-product-list .row-product .addthis_toolbox { margin-top: 15px; float: left; width: 100%; } .addthis_toolbox { border-bottom: 1px solid #ececec; padding-bottom: 15px; } .addthis_mini_style .addthis_button_pinterest_pinit { margin-top: -1px; } .addthis_mini_style .addthis_button_pinterest_pinit span { height: 20px; } /* Grouped Product */ .product-view .grouped-items-table { } .product-view { position: relative; } .messege-product { background: #FAFAEC; border: 1px solid #FCD344; border-radius: 0 0 3px 3px; color: #392083; font-size: 12px; font-weight: bold; left: 50%; margin-left: -220px; padding: 9px 60px 9px 60px; position: fixed; text-align: center; top: 0; width: 333px; z-index: 999; display: none; } .messege-product.none-messege { display: block; } .messege-product button:hover { background-position: 0 -9px; cursor: pointer; } .messege-product button { background: url(../images/remove-popup-2.png) no-repeat 0 0; border: medium none; height: 9px; position: absolute; right: 20px; top: 12px; width: 9px; z-index: 9999; } #review-form .form-list .input-box { width: auto; } #review-form .form-list input.input-text, #review-form .form-list textarea { width: 100%; } #review-form td.value { text-align: center; } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional { } .product-view .box-additional .data-table td.label, .product-view .box-additional .data-table th.label { padding-left: 10px; width: 50%; } #product-review-table { margin-bottom: 10px; } /* Block: Upsell */ .box-up-sell { border: 1px solid #ededed; padding: 20px; background: #fbfbfb; overflow: hidden; } .box-up-sell h2 { font-size: 14px; text-transform: uppercase; color: #383737; margin-bottom: 20px; } .box-up-sell ul li .product-image { margin-bottom: 15px; display: block; } .box-up-sell ul li .product-image img { max-width: 100%; } .box-up-sell .product-name { margin-bottom: 10px; } .box-up-sell .no-rating { width: 100%; overflow: hidden; } .box-up-sell .price-from { float: left; margin-right: 10px; color: #392083; } .box-up-sell .price-to { color: #392083; } .box-up-sell .no-rating a { display: block; } .box-up-sell .product-name a { text-decoration: none; } .box-up-sell ul { margin-left: 0px; } .products-ups.jcarousel-list .last { margin-right: 25px; } .box-up-sell ul li { float: left; width: 207px!important; border: 1px solid #ededed; background: #fff; margin-right: 25px; padding: 25px; } .box-up-sell ul li.last { margin-right: 0; } .box-up-sell ul li .no-rating { margin-bottom: 0; margin-top: 0px; } .box-up-sell .price-box { margin: 0; display: block; overflow: hidden; } .box-up-sell .price-box .regular-price { float: none; } .box-up-sell .price-box .minimal-price span { color: #392083; font-size: 15px; font-weight: normal; } .box-up-sell ul li .no-rating a { color: #333; } .box-up-sell ul li .no-rating a:hover { color: #392083; } .box-up-sell ul li:first-child { margin-left: 0 } .box-up-sell .products-grid td { margin-right: 11px; width: 204px; } .box-up-sell .rating-box { float: none; margin: 0 0 5px; } .box-up-sell .box-tags .product-tags { overflow: hidden; margin-bottom: 25px; } .box-up-sell .box-tags .product-tags li { display: inline; text-transform: capitalize; background: url(../images/line-2.gif) no-repeat 100% 3px; padding: 0 10px 0 0px; margin: 0 10px 0 0; } .box-up-sell .box-tags .product-tags li.first { padding-left: 0px; } .box-up-sell .box-tags .product-tags li.last { background: none; } .box-up-sell .jcarousel-clip { overflow: hidden; width: 828px; } .box-up-sell .jcarousel-prev, .box-up-sell .jcarousel-next { display: block; position: absolute; height: 31px; width: 31px; top: 20px; cursor: pointer; } .box-up-sell .jcarousel-prev { right: 56px; background: url(../images/upsell-btn.gif) 0 -31px no-repeat; } .box-up-sell .jcarousel-prev.jcarousel-prev-disabled { cursor: default; background-position: 0 0; } .box-up-sell .jcarousel-next { right: 20px; background: url(../images/upsell-btn.gif) right -31px no-repeat; } .box-up-sell .jcarousel-next.jcarousel-next-disabled { cursor: default; background-position: right 0; } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags h3 { font-size: 10px; line-height: normal; margin-bottom: 12px; } .product-view .box-tags .form-add label { display: block; font-size: 12px; font-weight: bold; color: #7d7d7d; margin-bottom: 15px; clear: both; padding-top: 10px; } .tags-list { padding-top: 10px; } .my-tag-edit .btn-remove { float: right; margin: 5px 0 0 5px; } .my-tag-edit { display: inline-block; } #my-tags-table .add-to-links { margin-top: 10px; } .product-view .box-tags .form-add .input-box { float: left; width: 100%; padding-left: 32px; background: url(../images/tag.png) left top no-repeat; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-view .box-tags .form-add input.input-text { width: 100%; border: 1px solid #d4d4d4; background: #fcfcfc; padding: 6px; } .product-view .box-tags .form-add button.button { margin-left: 32px; margin-top: 10px; } .product-view .box-tags .form-add p { clear: both; } .box-collateral.box-tags .note { color: #392083; margin-bottom: 15px; padding-top: 5px; } .video, .map-content { height: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden; } .video iframe { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .map-content { margin-bottom: 30px; padding-bottom: 50%; } .map-content figure iframe { border: none; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /*** My Recent Reviews **/ .dashboard #my_recent_reviews li { padding-bottom: 7px; } .dashboard #my_recent_reviews li .ratings { margin: 0px 0 5px 0; } .dashboard #my_recent_reviews li .ratings strong { margin: 0 5px 0 0; } .dashboard #my_recent_reviews li .ratings .rating-box { margin: 0; } .dashboard #my_recent_reviews li .details .product-name { margin-bottom: 3px; } /* Send a Friend */ .send-friend { } .send-friend .buttons-set button.button { margin-left: 10px; } #product_sendtofriend_form #sender_message { margin-bottom: 20px; resize: none; min-width: 304px; max-width: 373px; width: 373px; } #product_sendtofriend_form .buttons-set { padding-top: 15px; } #product_sendtofriend_form .form-list .field { float: left; width: 361px; } #product_sendtofriend_form .form-list .additional-row > div { width: 380px; } #product_sendtofriend_form .form-list .fields .field:first-child { float: left; width: 402px; } #product_sendtofriend_form .form-list .fields .field input.input-text { width: 373px; } #product_sendtofriend_form .buttons-set { text-align: center; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size: 14px; font-weight: normal; } .product-name a { } /* Product Tags */ .tags-list li { display: inline; font-size: 15px; line-height: normal; margin-right: 10px; } /* Advanced Search */ .advanced-search { } .advanced-search-amount { margin-bottom: 5px; } .advanced-search-summary { padding: 15px 0; } .advanced-search .form-list select { width: 340px; } .advanced-search .form-list label { float: none; } .catalogsearch-advanced-index #advanced-search-list li.even label { display: block; width: 100%; } .form-adv-search { border: 1px solid #ececec; background: url(../images/media/bg-adv-search.gif) left bottom no-repeat #fff; padding: 11px 20px 20px 20px } .form-adv-search .fieldset { border: none; background: none; margin: 0; padding: 0 0 0 0; } .form-adv-search .fieldset h2 { font-size: 12px; text-transform: uppercase; color: #392083; padding: 8px 0 5px 0; } .catalogsearch-advanced-index .col-main { padding-top: 17px; } .form-adv-search .page-title { border-bottom: 1px solid #ececec; padding-bottom: 9px; } .form-adv-search .fieldset .form-list input.input-text { width: 495px; } .form-adv-search .fieldset .form-list .input-range input.input-text { width: 100px!important; } .input-range small { color: #b1b1b1; } .form-adv-search select.multiselect option { border-bottom: none; padding: 2px 5px; color: #7e7e7e; padding-top: 1px; padding-bottom: 1px; } .form-adv-search .multiselect { padding: 5px; height: 94px; } .form-adv-search .buttons-set { padding: 12px 0 0 0; margin-top: 0 } .form-adv-search .buttons-set button.button { float: left; } .form-adv-search .form-list select { width: 500px; } /* CMS */ .cms-page-view .page-title h1 { color: #2D2D2D; } .cms-page-view .page-title { margin-bottom: 14px; } .cms-page-view h2, .cms-page-view h3, .cms-page-view h4 { font-size: 16px; font-weight: normal; } .cms-page-view .std li { margin: 5px; } .cms-page-view .std img { border: 1px solid #9E9E9E; } .cms-page-view .std em, .cms-page-view .std i { color: #707070; } .cms-page-view h3 { font-size: 14px; font-family: 'Fjalla One', sans-serif; } .cms-page-view h4 { font-size: 14px; color: #392083; } .cms-page-view .block-list .block-title { margin-bottom: 5px; } .cms-page-view .block-list .block-content dl dd li { padding: 5px 0 5px 19px; border-bottom: 1px solid #9E9E9E; } .cms-page-view .block-list .block-content dl dd li a { color: #2d2d2d; } .cms-page-view .block-list .block-content dl dd li.current a { font-weight: bold; color: #392083; } /* cms-about-magento-demo-store */ .cms-about-magento-demo-store .page-head { margin: 0 0 10px; padding: 5px 0 8px; } .cms-about-magento-demo-store .page-head h2 { text-transform: uppercase; font-size: 18px; color: #383737; } .cms-about-magento-demo-store .about-col-1, .cms-about-magento-demo-store .about-col-2, .cms-about-magento-demo-store .about-col-3 { float: left; padding: 214px 29px 27px 29px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; margin-left: 2%; } .cms-about-magento-demo-store .about-col-1 { margin-left: 0; } .cms-about-magento-demo-store .about-col-1 { background: url(../images/media/about-11.png) center top no-repeat #f9f9f9; position: relative; z-index: 10 } .cms-about-magento-demo-store .about-col-2 { background: url(../images/media/about-22.png) center top no-repeat #f9f9f9; position: relative; } .cms-about-magento-demo-store .about-col-3 { background: url(../images/media/about-33.png) center top no-repeat #f9f9f9; } .cms-about-magento-demo-store .about-col-1 h3, .cms-about-magento-demo-store .about-col-2 h3, .cms-about-magento-demo-store .about-col-3 h3 { font-size: 12px; text-transform: uppercase; color: #392083; margin-bottom: 12px; } .cms-about-magento-demo-store .about-col-1 p, .cms-about-magento-demo-store .about-col-2 p, .cms-about-magento-demo-store .about-col-3 p { font-size: 12px; color: #392083; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .cms-about-magento-demo-store .about-col-4, .cms-about-magento-demo-store .about-col-5, .cms-about-magento-demo-store .about-col-6 { float: left; width: 32%; margin-left: 2%; } .cms-about-magento-demo-store .about-col-4 { margin-left: 0; } .cms-about-magento-demo-store .about-col-4 h4, .cms-about-magento-demo-store .about-col-5 h4, .cms-about-magento-demo-store .about-col-6 h4 { font-size: 12px; text-transform: uppercase; color: #383737; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid #ececec; } .cms-about-magento-demo-store .about-col-4 p, .cms-about-magento-demo-store .about-col-5 p, .cms-about-magento-demo-store .about-col-6 p { font-size: 12px; color: #392083; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .cms-about-magento-demo-store .about-col-4 ul, .cms-about-magento-demo-store .about-col-5 ul, .cms-about-magento-demo-store .about-col-6 ul { list-style: none; padding: 25px 0 12px 10%; margin: 0 0 0 0; } .cms-about-magento-demo-store .about-col-4 ul li, .cms-about-magento-demo-store .about-col-5 ul li, .cms-about-magento-demo-store .about-col-6 ul li { list-style: none; font-size: 12px; font-style: italic; color: #373737; padding: 0 0 9px 26px; background: url("../images/marker-list-about.png") no-repeat scroll left 4px transparent; } .cms-about-magento-demo-store .about-col-7 h4 { font-size: 12px; text-transform: uppercase; color: #383737; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid #ececec; } .cms-about-magento-demo-store .about-col-7 p { font-size: 12px; color: #392083; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .about-padd { padding-bottom: 25px; } .about-padd-2 { padding-bottom: 30px; } /* customer-service */ .custom-servis-ul, .custom-servis-ul ul { list-style: none; padding: 0!important; margin: 0!important; } .custom-servis-ul ul li { border-bottom: none; padding: 5px 5px 5px 5px; margin-bottom: 3px; padding-left: 23px; color: #7c7c7c; font-weight: bold; } .custom-servis-ul li { border-bottom: 1px solid #ececec; list-style: none; margin-bottom: 20px; padding-bottom: 10px; } .custom-servis-ul li h3 { background: url(../images/icos-set.png) 0 0 no-repeat; font-size: 13px; line-height: 16px; color: #392083; text-transform: uppercase; font-weight: normal; margin-bottom: 13px; padding: 2px 0 8px 46px; } .custom-servis-ul li.item-2 h3 { background-position: 0 -124px; } .custom-servis-ul li.item-3 h3 { background-position: 0 -253px; } .custom-servis-ul li.item-4 h3 { background-position: 0 -377px; } .custom-servis-ul li.item-5 h3 { background-position: 0 -501px; } .custom-servis-ul li.item-6 h3 { background-position: 0 -638px; } .custom-servis-ul li.item-7 h3 { background-position: 0 -764px; } .custom-servis-ul li p { font-size: 12px; color: #8a8989; line-height: 18px; margin-bottom: 10px; } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -47px 0; overflow: hidden; } .page-sitemap .links a span { display: inline-block; padding-right: 29px; } .page-sitemap .sitemap { margin: 12px 0 30px; display: inline-block; } .page-sitemap .sitemap a { } .page-sitemap .page-title { margin-bottom: 25px; } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li a { text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-left: 14px; } .page-sitemap .sitemap li.level-0 { background: url(../images/marker-5.gif) 0 6px no-repeat; margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { text-decoration: none; color: #392083; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-left: 14px; } .page-sitemap .sitemap li.level-0 a:hover { color: #3a3a3a; } .page-sitemap .sitemap li { font-size: 12px; line-height: 18px; } .page-sitemap .sitemap li.level-1 { padding-left: 45px!important; margin-bottom: 10px; margin-top: 10px; background: none; } .page-sitemap .sitemap li.level-1 a { color: #474646; background: none; font-weight: bold; padding-left: 0; text-transform: none; } .page-sitemap .sitemap li.level-2 a, .page-sitemap .sitemap li.level-3 a, .page-sitemap .sitemap li.level-4 a { color: #8a8989; background: none; padding-left: 0; text-transform: none; } .page-sitemap .sitemap li.level-2 { padding-left: 60px!important; } .page-sitemap .sitemap li.level-3 { padding-left: 75px!important; } .page-sitemap .sitemap li.level-4 { padding-left: 100px!important; } .page-sitemap .sitemap li a { display: inline-block; text-decoration: none; } .page-sitemap .pager { border: 1px solid #ececec; margin: 5px 0; padding: 13px 9px 13px 19px; } /* RSS */ .rss-title h1 { padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /* ======================================================================================= */ .form-alt li { overflow: hidden; margin-bottom: 10px; } /* Shopping Cart ========================================================================= */ .cart { } .cart .data-table tfoot .btn-empty > span { color: #323232; padding-left: 17px; padding-right: 11px; border-radius: 2px; height: 31px; line-height: 31px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fdfdfd'); /*IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fdfdfd)); background: -moz-linear-gradient(top, #f1f1f1, #fdfdfd); /*firefox 3.6+ */ background: -o-linear-gradient(top, #f1f1f1, #fdfdfd); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1, #fdfdfd); /* IE10+ */ border-bottom: 1px solid #ececec; } .cart .data-table tfoot .btn-empty:hover > span { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#333333'); /*IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#333333)); background: -moz-linear-gradient(top, #2c2c2c, #333333); /*firefox 3.6+ */ background: -o-linear-gradient(top, #2c2c2c, #333333); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c2c2c, #333333); /* IE10+ */ color: #fff; } .cart .cart-product-block { border-bottom: 1px solid #9e9e9e; position: relative; overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; } .cart-product-block>img, .cart .cart-product-block .product-image { float: left; margin-right: 20px; } .cart .cart-product-block .product-description { overflow: hidden; } .cart .cart-product-block .product-description .product-name { margin-bottom: 11px; } .cart .cart-edit { margin-bottom: 18px; } .cart .cart-edit a { display: inline-block; background: url(../images/edit.png) 0 0 no-repeat; font-size: 12px; line-height: 15px; color: #2d2d2d; text-decoration: none; padding: 7px 0 0 41px; height: 25px; } .cart .cart-edit a:hover { color: #000; background-position: 0 -68px; } .cart .cart-link-wishlist { margin-bottom: 13px; } .cart .cart-price { display: block; margin-bottom: 17px; } .cart .cart-qty { margin-bottom: 15px; } .cart .cart-qty input { text-align: center; } .cart .cart-qty span { margin-right: 10px; } .cart .cart-table-foot { text-align: right; } .cart .cart-table-foot .btn-continue { float: left; } /* Checkout Types */ .cart .checkout-types { float: right; text-align: right; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 0; color: #fff; } .cart .title-buttons .checkout-types li button.button span { background: #d41224; border-radius: 0px; font-size: 12px; padding: 0 12px; height: 31px; line-height: 30px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 25px 0 0px; } .cart .page-title.title-buttons .checkout-types { padding-top: 53px; display: none; } .cart .crosssell { } .cart .crosssell .product-name a { text-decoration: none; font-size: 12px; line-height: 18px; } .cart .col2-set h2 { border-bottom: 2px solid #3A3A3A; font-size: 17px; line-height: 24px; color: #3a3a3a; text-transform: uppercase; padding: 0 0 8px; margin: 0 0 15px; font-weight: bold; } .cart .crosssell .product-image { float: left; width: 110px; height: 110px; border: 1px solid #ededed; margin-right: 10px; } .cart .crosssell .product-image:hover { border: 1px solid #392083; } .cart .crosssell .product-details { overflow: hidden; } .cart .crosssell li.item { border-bottom: 1px solid #eaeaea; padding: 18px 0; margin: 0; } .cart .crosssell li.item.last { margin-bottom: 0; padding-bottom: 0; } .cart .crosssell li.item:first-child { padding-top: 0; } .cart .crosssell li.last { border: none; } .cart .crosssell .product-name { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .cart .crosssell .product-name { margin-bottom: 7px; margin-top: -3px; } .cart .crosssell .price { font-weight: normal; font-size: 13px; } .cart .crosssell .price-box { display: block; overflow: hidden; padding-bottom: 10px; } .cart .crosssell .price-box .regular-price { float: none; } .cart .crosssell .price-box .price-label { display: none; } .cart .crosssell button.btn-cart { float: left; } .cart .crosssell button.btn-cart span { float: none; background: none; font-size: 13px; line-height: 15px; color: #392083; font-weight: normal; text-decoration: underline; padding: 0; height: auto; border: 0; } .cart .crosssell button.btn-cart:hover span { text-decoration: none; } .cart .crosssell .add-to-links { float: right; padding-top: 0; } .cart .crosssell .add-to-links li { float: left; margin-right: 10px; } #shopping-cart-table .product-image { display: inline-block; } .cart-table .price { font-weight: bold; color: #392083; } .cart .crosssell .link-wishlist { background: url(../images/link-wishlist.gif) no-repeat scroll 0 0 transparent; display: inline-block; height: 14px; font-size: 0; width: 15px; } .cart .crosssell .link-wishlist:hover { background-position: 0 -31px; } .cart .crosssell .link-compare { background: url(../images/link-compare.gif) 0 0 no-repeat; width: 16px; height: 14px; font-size: 0; display: inline-block; } .cart .crosssell .link-compare:hover { background-position: 0 -31px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ #discount-coupon-form { display: block; margin-bottom: 20px; } .cart .discount, .cart .shipping { overflow: hidden; } .cart .discount .discount-form button.button { margin-bottom: 5px; margin-right: 5px; clear: right; } .cart .discount .buttons-set { padding-left: 0; padding: 20px 0 0; } .cart .discount .buttons-set button.button { float: left; } .cart .shipping { } .cart .shipping .buttons-set { padding-left: 0px; padding-top: 0px; } .cart .shipping .buttons-set button.button { float: left; } .cart .discount-form label { margin-bottom: 16px; display: block; font-size: 13px; line-height: 19px; text-transform: uppercase; color: #392083; } .cart input, .cart select { text-align: left; } .cart select { } .cart .discount-form .input-box { } .cart .discount-form .input-box input { width: 100%; } .cart .discount-form .buttons-set { margin: 0px 0 0 0; clear: right; overflow: hidden; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping p { font-size: 13px; line-height: 16px; margin-bottom: 12px; text-transform: uppercase; color: #392083; } .cart .shipping label { display: block; font-size: 12px; line-height: normal; margin-bottom: 0px; font-weight: bold; } .cart .shipping .form-list li { margin-bottom: 7px; } .cart .shipping .form-list li input { width: 100%; } .cart .shipping .form-list li select { width: 100%; } .cart .shipping .buttons-set { margin-top: 0; padding-top: 15px; padding-bottom: 10px; } .cart .shipping .sp-methods dd li input { float: left; margin-right: 10px; } .cart .shipping .sp-methods { padding-top: 20px; } .cart .shipping .sp-methods dt { margin-bottom: 10px; } .cart .shipping .sp-methods dd li { margin-bottom: 10px; } /* Shopping Cart Totals */ .cart .totals { background: #cccad3; overflow: hidden; padding: 0px 0px 0px 0px; } .cart .totals table { width: 100%; font-size: 12px; color: #7f7f7f; margin-bottom: 0px; } .cart .totals table tr { border-bottom: 1px solid #FFF; } .cart .totals table th, .cart .totals table td { padding: 7px 11px; font-size: 13px; line-height: 17px; color: #3c3c3c; text-transform: uppercase; vertical-align: middle; width: 50%; } .cart .totals table tr td:first-child { } .cart .totals table strong { font-weight: normal; } .cart .totals table th { font-weight: bold; } .cart .totals table tfoot th { } .cart .totals .price { font-size: 22px; line-height: normal; color: #3c3c3c; display: inline-block; padding: 0; } .cart .totals button.button > span { font-size: 15px; padding: 0 10px; height: 49px; line-height: 49px; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#2A2A2A)); background: -moz-linear-gradient(top, #575757, #2A2A2A); /* firefox 3.6+ */ background: -o-linear-gradient(top, #575757, #2A2A2A); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #575757, #2A2A2A); /* IE10+ */ box-shadow: 0 3px 3px rgba(0,0,0,0.3); } .cart .totals button.button:hover > span { color: #333; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc'); /*IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fcfcfc)); background: -moz-linear-gradient(top, #f1f1f1, #fcfcfc); /*firefox 3.6+ */ background: -o-linear-gradient(top, #f1f1f1, #fcfcfc); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1, #fcfcfc); /* IE10+ */ } .cart-content .cart-indent .actions button:first-child > span,.cart .totals button.btn-proceed-checkout > span, button.btn-cart:not(#aw-afptc-decline) > span {color:#000;background: -webkit-gradient(linear, left top, left bottom, from(#FFCC66), to(#BB9933));background: -moz-linear-gradient(top, #FFCC66, #BB9933);background: -o-linear-gradient(top, #FFCC66, #BB9933);background: -ms-linear-gradient(top, #FFCC66, #BB9933);} .cart-content .cart-indent .actions button:first-child:hover > span,.cart .totals button.btn-proceed-checkout:hover > span, button.btn-cart:not(#aw-afptc-decline):hover > span { color:#FFCC66;background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#555));background: -moz-linear-gradient(top, #222, #555);background: -o-linear-gradient(top, #222, #555);background: -ms-linear-gradient(top, #222, #555);} .checkout-types li { padding-top: 15px; } .checkout-types li:first-child { padding-top: 0; } .checkout-types li a { color: #392083; text-decoration: underline; } .checkout-types li a:hover { text-decoration: none; } .cart .totals .checkout-types { text-align: center; float: none; padding: 15px 11px; } .cart .totals .checkout-types li a { width: auto; } /* Options Tool Tip */ .item-options { margin-bottom: 16px; padding-left: 5px; } .item-options li { } .item-options li em { color: #392083; } .item-options li em .price { text-decoration: underline; } .item-options dt { font-weight: bold; } .item-options dd { padding-left: 10px; } .truncated { padding: 5px 0; width: auto; } .truncated span { cursor: help; } .truncated .truncated_full_value { display: none; padding-top: 5px; top: auto; } .truncated .truncated_full_value .item-options { background: none; border: none; top: 0; left: auto; position: relative; width: auto; } /* ======================================================================================= */ /* Checkout ============================================================================== */ .checkout-multishipping-address-newshipping .form-list li.wide input.input-text { width: 692px; } .checkout-multishipping-address-newshipping .form-list select { width: 337px; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ #checkout-payment-method-load input.input-text { width: 200px; } .sp-methods dt { font-weight: bold; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods select.month { width: 100px; margin-right: 10px; } #payment_form_ccsave #ccsave_cc_type { width: 206px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0 1em; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .please-wait { float: right; margin-right: 5px; } .please-wait img { vertical-align: middle; margin-right: 5px; margin-top: -2px; } .cvv-what-is-this { cursor: help; margin-left: 5px; } /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; z-index: 9999; } .tool-tip .btn-close { text-align: right; } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 9px; height: 9px; background: url(../images/btn_remove.gif) 100% 0 no-repeat; text-align: left; font-size: 0; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages { margin-bottom: 10px; } .gift-messages h3 { font-size: 12px; text-transform: uppercase; color: #392083; padding-top: 10px; } .gift-messages .control label { color: #000; font-weight: bold; } #shipping-method-buttons-container { padding: 10px 0 0 0; } #shipping-method-buttons-container .back-link a { color: #000; } #shipping-method-buttons-container .back-link a:hover { color: #392083; } .gift-messages-form { border: 1px solid #ddd; background-color: #fbfbfb; padding: 10px; } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; color: #000; font-weight: bold; } .gift-messages-form h4 { font-size: 12px; text-transform: uppercase; color: #392083; padding-top: 10px; } .gift-messages-form .whole-order { } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; background: #fff; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .field { margin-bottom: 10px; } .gift-messages-form .item .details .product-name { font-size: 12px; text-transform: uppercase; color: #2f2f2f; } .gift-messages-form .form-list li.wide textarea { max-width: 340px; } .gift-messages-form .inner-box .form-list li.wide textarea { max-width: 333px; } #allow-gift-messages-for-order-container .field { margin-bottom: 10px; } .gift-message-link { display: block; background: url(../images/bkg_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 strong { 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; } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Generic Info Set */ .info-set { } /********** Common Checkout Styles > */ .checkout-onepage-index .page-title { } .checkout-onepage-index .col-main { } .checkout-onepage-index .page-title { margin-bottom: 30px; } .checkout-onepage-index .page-title h1 { border-bottom: 2px solid #3A3A3A; padding-bottom: 6px; } .checkout-onepage-success a { color: #392083; } .checkout-onepage-success a:hover { text-decoration: underline; } /* One Page Checkout */ .block-progress { border: none; margin: 60px 0 0 0; } .block.block-progress .block-title { border-bottom: none; padding: 0; margin-bottom: 10px; } .block.block-progress .block-title .toggle { display: none; } .block.block-progress .block-content { padding: 0 0 0 0; } .block.block-progress .block-title span, .block-progress dt { display: block; background: #757575; font-size: 14px; line-height: 17px; color: #fff; text-transform: none; margin-bottom: 10px; padding: 9px 10px 11px; } .block-progress dt:first-child { border-top: none; } .block-progress dt.complete a { color: #fff; text-decoration: underline; } .block-progress dt.complete a:hover { text-decoration: none; } .block-progress dt.complete .separator { color: #908f8f; margin: 0 8px; } .block-progress dt.complete { position: relative; z-index: 999; } .block-progress dt.complete, .block-progress dd.complete { padding-bottom: 12px; margin-bottom: 10px; } .block-progress dd.complete { border: 1px solid #ececec; color: #8a8989; font-style: italic; padding: 18px 19px 12px 19px; margin-bottom: 10px; } .block-progress dd.complete address { color: #8a8989; font-style: italic; } .opc { position: relative; } .opc li.section { margin-bottom: 10px; } .opc p { margin-bottom: 5px; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; font-size: 12px; color: #000; } .opc .step-title { padding: 4px 5px 6px; text-align: right; background: #3a3a3a; } .opc .step-title .number { float: left; background: #b15ba9; font-size: 17px; line-height: 19px; color: #fff; text-align: center; margin-right: 8px; padding: 4px 0 0; height: 23px; width: 27px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -webkit-background-clip: padding-box; font-weight: bold; } .opc .step-title h2 { float: left; font-size: 14px; line-height: 17px; color: #fff; margin-bottom: 0; padding-top: 5px; } .opc .step-title a { display: none; float: right; } .opc .allow .step-title { cursor: pointer; } .opc label { padding-bottom: 2px; } .opc .input-box { margin-bottom: 15px; } .opc .fields select, .opc .field select { width: 313px; } #checkout-review-table tr { background: none; } #checkout-review-table thead { background: none; } #checkout-review-table th { padding: 12px 20px 12px 20px; font-size: 12px; font-weight: bold; color: #000000; } #checkout-review-table td { border: 1px solid #ececec; background: #none; padding: 15px 20px; } #checkout-review-table td h3 { margin-bottom: 0; font-size: 12px; color: #2f2f2f; text-transform: uppercase; } #checkout-review-table .price { color: #392083; font-weight: bold; } #checkout-review-table th { border: 1px solid #ececec; } #checkout-review-table-wrapper { overflow: hidden; } #checkout-review-table { } #checkout-review-table .item-options { padding-top: 5px; } #checkout-review-table tfoot td { font-weight: bold; color: #000000; text-align: right !important; } #checkout-review-table tfoot td+td { text-align: left !important; } #checkout-review-table tbody .first { } #checkout-review-table tbody tr.last { } #review-buttons-container { padding: 20px 0 0 0; margin: 0 0 0 0; } #review-buttons-container .f-left a { color: #392083; } #review-buttons-container .f-left a:hover { color: #000; } #co-shipping-form { border: 1px solid #ececec; padding: 10px; display: block; } .opc .active { } .opc .active .step-title { cursor: default; background: #392083; } .opc .active .step-title .number { background: #fff; color: #3a3a3a; } .opc .active .step-title h2 { font-size: 12px; line-height: 15px; padding-top: 7px; } #checkout-step-login { } #checkout-step-login h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } #checkout-step-login .col2-set { border: 1px solid #ececec; padding: 20px; position: relative; overflow: hidden; } #checkout-step-login .col2-set .col-1 { float: left; margin-right: 3%; width: 46%; } #checkout-step-login .col2-set .col-2 { float: left; width: 46%; } #checkout-step-login .col2-set .buttons-set { margin: 0; padding: 0; } #checkout-step-login .col2-set > .col-1 h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } #checkout-step-login .col2-set .col-2 h4 { font-size: 12px; text-transform: none; font-weight: normal; color: #2D2D2D; } #checkout-step-login .col-1 .col-1 .buttons-set button.button { float: left; } #checkout-step-login .col-2 .form-list input.input-text { width: 327px; } #checkout-step-login .col-1 .col-1 .buttons-set { padding: 0 0 0 0; margin: 0 0 0 0; } #checkout-step-login .col2-set .col-2 .buttons-set { padding: 0 0 0 0; margin: 0 0 0 0; } #checkout-step-login .col2-set .col-2 .buttons-set .f-left { font-weight: bold; color: #2D2D2D; } #checkout-step-login .col2-set .col-2 .buttons-set .f-left:hover { color: #392083; } #checkout-step-login .form-list li.control input.radio, #checkout-step-login .form-list li.control input.checkbox { margin-right: 6px; margin-top: -3px; } #co-billing-form > fieldset { border: 1px solid #ececec; padding: 10px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .opc .step { padding-top: 10px; position: relative; } .opc .step .tool-tip { right: 20px; top: 20px!important; } .opc .order-review { } .opc .buttons-set { border: 0; } .opc .field { width: 334px; } .opc .fields input, .opc .field input { width: 314px; } .opc .name-lastname, .opc .field-2 { width: 292px; float: left; } .opc .field-2 input { width: 310px; } .opc .field-2 select { width: 315px; } .opc .name-firstname { width: 334px; } .opc .name-firstname input { width: 314px; } .opc .name-middlename { width: 144px; } .opc .name-middlename input { width: 124px!important; } .opc .name-lastname input { } .opc .sp-methods dt { padding: 12px 0; } .opc .sp-methods dt label { color: #000; } #checkout-shipping-method-load .sp-methods dt { font-size: 12px; text-transform: uppercase; color: #392083; } .opc .form-list { margin: 10px 0; } .opc .form-list li.wide input.input-text { width: 649px; } #shipping_method_form h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } #shipping_method_form h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } #multishipping-billing-form h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; margin-bottom: 0; } #multishipping-billing-form .sp-methods dt { font-weight: bold; padding-bottom: 10px; } #multishipping-billing-form .sp-methods .form-list input.input-text { width: 252px; } /* Multiple Addresses Checkout */ .button.multi-btn { float: right; } #checkout-progress-state { overflow: hidden; } .checkout-progress { padding: 0; width: 98%; margin: 0 auto 40px; } .checkout-progress li { float: left; background: url(../images/marker-4.gif) 0 13px no-repeat #9c9c9c; width: 20%; color: #fff; font-weight: bold; padding: 8px 10px 11px 15px; overflow: hidden; white-space: nowrap; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .de-lang-class .checkout-progress li { font-size: 11px; } .checkout-progress li span { display: block; overflow: hidden; } .checkout-progress li.odd { background-color: #777; } .checkout-progress li.active { background: #392083; } .multiple-checkout { position: relative; } .multiple-checkout .sp-methods .input-box .v-fix:first-child { padding-right: 25px; margin-bottom: 10px; } .multiple-checkout .col2-set { width: auto; } .multiple-checkout .page-title { padding-bottom: 10px; margin-bottom: 0; } .multiple-checkout h2 { font-size: 18px; text-transform: uppercase; color: #383737; padding: 10px 0 10px 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout .grand-total big { margin-bottom: 0px; overflow: hidden; display: block; color: #392083; padding-top: 10px; } .multiple-checkout .grand-total .price { } .multiple-checkout .box { margin-bottom: 20px; } .multiple-checkout table { margin-bottom: 10px; } .multiple-checkout table tfoot tr td { color: #000; font-weight: bold; } .multiple-checkout p { margin-bottom: 5px; } .multiple-checkout .col-1.col-narrow, .multiple-checkout .col-2.col-wide { float: left; width: 50%; overflow-x: auto; } .multiple-checkout .box-title h3, .multiple-checkout .col-2.col-wide h3 { font-size: 12px; line-height: normal; } .multiple-checkout .col-2.col-wide .box { margin-left: 100px; } .multiple-checkout h2, .multiple-checkout h3, .multiple-checkout h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } .multiple-checkout h2 { color: #392083; font-size: 15px; } .multiple-checkout .col-2.col-wide table .price { font-weight: bold; color: #392083; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login #login-form .col2-set { } .account-login .new-users .buttons-set { padding-left: 0; } .account-login .new-users .buttons-set button.button { float: left; } .account-login .new-users-wrapper { float: left; margin-bottom: 20px; width: 48%; } .account-login .new-users { background: #ffffff; border: 1px solid #ececec; padding: 20px; min-height: 260px; } .account-login .new-users h2 { padding: 0 0 15px 0; border-bottom: 1px solid #ececec; font-size: 12px; text-transform: uppercase; color: #392083; } .account-login .new-users p { font-size: 12px; color: #7f7f7f; line-height: 18px; padding: 13px 0 12px 0; } .account-login .registered-users-wrapper { float: right; margin-bottom: 20px; width: 50%; } .account-login .registered-users { background: #ffffff; border: 1px solid #ececec; padding: 20px; min-height: 260px; } .account-login .registered-users h2 { padding: 0 0 15px 0; border-bottom: 1px solid #ececec; font-size: 12px; text-transform: uppercase; color: #392083; } .account-login .registered-users p { font-size: 12px; color: #7f7f7f; line-height: 18px; padding: 13px 0 12px 0; } .account-login .registered-users .form-list input.input-text { width: 422px; } .account-login .registered-users p.required { padding: 0px 0 5px 0; color: #B15BA9; } .account-login .registered-users .buttons-set button.button { float: none; } .account-login .registered-users .f-left { float: none!important; display: table; font-size: 12px; font-weight: bold; color: #7f7f7f; text-decoration: none; padding-bottom: 12px; } .account-login .registered-users .f-left:hover { color: #392083; } .account-login .registered-users .buttons-set { clear: both; margin: -19px 0 0 0; padding: 5px 0px 0px 0px; } .account-create form .fieldset:first-child { margin-bottom: 32px; } /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note { } .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc; } .registered-users .captcha-image { } #checkout-step-login .captcha-image { } .captcha-reload { position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(../images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { } .remember-me-popup { } .remember-me-popup h3 { } .remember-me-popup .remember-me-popup-head { } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { } .remember-me-popup .remember-me-popup-body { } .remember-me-popup .remember-me-popup-body a { } /*==================== Remember Me Popup =============================================== */ /*==================== Wishlist Form ========================================== */ #wishlist-view-form #wishlist-table textarea { min-height: 70px; min-width: 99%; max-width: 99%; max-height: 70px; resize: none; margin-top: 10px; } #wishlist-view-form #wishlist-table a { display: inline-block; margin-bottom: 5px; } #wishlist-view-form #wishlist-table .cart-cell a { float: left; clear: left; } #wishlist-view-form #wishlist-table .cart-cell .old-price { float: left; clear: left; } #wishlist-view-form #wishlist-table .product-image img { height: 100px; width: 100px; } #wishlist-view-form #wishlist-table p, #wishlist-view-form #wishlist-table button.button { padding: 0; margin-bottom: 10px; } #wishlist-view-form .buttons-set.buttons-set2 button.button { margin-right: 20px; margin-bottom: 5px; } #wishlist-view-form .button.btn-share { margin-right: 0!important; } /*===================== End ================================================== */ /* My Account ============================================================================= */ .my-account .page-head h1 { font-size: 20px; color: #333; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; } .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account .page-title { } .my-account .page-title button.button { } .my-account #wishlist-table .cart-cell .price-box { display: block; overflow: hidden; width: 100%; padding-bottom: 15px; text-align: left; } .my-account .cart-cell .price-box { display: block; overflow: hidden; width: 100%; padding-bottom: 15px; text-align: center; } .my-account .cart-cell p { padding-top: 5px; } .my-account .add-to-cart-alt input { text-align: center; padding: 4px 2px; margin-bottom: 10px; } .my-account .page-title a { display: inline-block; margin: 5px 10px 0 0; } .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account .pager { margin-bottom: 10px; } .my-account .sub-title { font-size: 12px; padding: 10px 0; } .my-account #form-validate .fieldset { margin: 25px 0px; } .my-account table tr td { vertical-align: middle; } .cart-empty { padding: 0 10px; } .my-account .addresses-list ol li { padding-bottom: 15px; } .my-account table .product-name a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; } .my-account table .product-name a:hover { text-decoration: underline; } .my-account .my-tag-edit .btn-remove { display: inline-block; } #my-tags-table .add-to-links { white-space: nowrap; } .my-account .box-head a { float: right; } .my-account .box-head h2 { float: left; } .my-account .box .box-title { border-bottom: 1px solid #9E9E9E; margin-bottom: 13px; } .my-account .box .box-title h3 { float: left; font-size: 12px; line-height: 18px; text-transform: uppercase; color: #392083; font-weight: normal; margin-bottom: 5px; } .my-account .box .box-title a { float: right; } .my-account .col2-set .col-1 { float: left; width: 47%; } .my-account .col2-set .col-2 { float: right; width: 47%; } .my-account .data-table { margin-bottom: 10px; } .my-account .data-table th, .my-account .data-table td { padding: 10px 12px; } .my-account .data-table .price-excl-tax, .my-account .data-table .price { display: inline; } .my-account #my-orders-table { margin-bottom: 10px; } .my-account #my-orders-table th, .my-account #my-orders-table td.last { text-align: center; } .my-account .order-info li a { text-decoration: underline; } .col-main .block-account { display: none; } /********** < Dashboard */ .dashboard { } .dashboard .welcome-msg { } .dashboard .welcome-msg .hello { margin-bottom: 10px; } .dashboard .data-table { } .dashboard .col2-set { padding: 10px 0 15px; } .dashboard .box-title, .dashboard .box-head { width: 100%; overflow: hidden; margin: 10px 0 0; } .dashboard .box-title { border-bottom: 1px solid #D3D3D3; margin-bottom: 5px; } .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3 { float: left; } .dashboard .box-title h2, .dashboard .box-head h2 { font-size: 12px; line-height: 18px; } .dashboard .box-content h4 { font-size: 14px; } .dashboard .box-title a, .dashboard .box-head a { float: right; } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } .dashboard .box-head a { margin-bottom: 10px; display: inline-block; } /* Block: Account Information */ .dashboard .box-info { } .dashboard .box-info .col2-set { margin-bottom: 10px; } .dashboard .box-info a { display: inline-block; margin-bottom: 10px; text-decoration: underline; } /* Block: Reviews */ .dashboard .number { float: left; font-size: 11px; font-weight: bold; line-height: 1; margin: 3px 10px 0 0; display: block; width: 18px; height: 18px; text-align: center; border: 1px solid #6a6a6a; line-height: 17px } .dashboard .box-reviews #my_recent_reviews h3 { margin-bottom: 5px !important; } .dashboard .box-reviews .details { margin-left: 30px; } /* Block: Tags */ #my_recent_tags > li { padding-bottom: 10px; } .tags li { display: inline; text-transform: capitalize; padding: 0 5px 0 0px; } .tags li a { color: #7f7f7f; } .dashboard .box-tags .details { margin-left: 30px; } /********** Dashboard > */ .block-order-return { border: 1px solid #ececec; padding: 13px 18px 20px 18px; margin-top: 26px; background: url(../images/media/bg-return.gif) no-repeat left bottom #fff; min-height: 345px; } .block-order-return .page-title { border-bottom: 1px solid #ececec; padding-bottom: 8px; margin-bottom: 16px; } .block-order-return label { color: #000000; font-weight: bold; display: inline-block; padding-bottom: 5px; } .block-order-return label em { color: #392083; } .block-order-return .input-box.txt { font-size: 12px; text-transform: uppercase; color: #392083; margin-bottom: 7px; } .block-order-return .form-alt li { margin-bottom: 0px; overflow: inherit; } .block-order-return .input-box.btn { padding-top: 18px; } /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { padding: 5px 0 5px 0; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 0; } .order-info-box { } .order-info-box { margin-top: 15px; } .order-info-box h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } .order-items h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } .order-items { margin-top: 15px; width: 100%; overflow-x: auto; } .col-1.addresses-primary h2 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #333; } .col-1.addresses-primary h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } .col-2.addresses-additional h2 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #333; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Print Pages */ .page-print .print-head { margin-bottom: 20px; } .page-print .col-1, .page-print .col-2 { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; width: 46%; } .page-print h1 { font-size: 25px; line-height: 40px; } .page-print h2 { margin-bottom: 5px; } .page-print th.a-right { text-align: center !important; } /* 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; } /* My Reviews */ #review-form h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #392083; } #review-form h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } .product-review .product-img-box { float: left; margin-right: 15px; } .product-review .product-img-box .product-image { display: block; margin-bottom: 10px; width: 125px; } .product-review .product-img-box .label { text-align: center; font-size: 11px; line-height: 14px; margin: 0; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 auto 3px; } .product-review .product-details { } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* ======================================================================================= */ /* Product Comparison Table */ #product_comparison .product-shop-row td { text-align: center; padding: 18px 30px 30px 30px; } .catalog-product-compare-index { position: absolute; } .catalog-product-compare-index .link-print span { padding-left: 32px; padding-right: 0; text-transform: uppercase; } .catalog-product-compare-index { background: #fff; } .catalog-product-compare-index .buttons-set { clear: both; margin: 0px 0 0; padding: 20px 0px 5px 0px; } .catalog-product-compare-index .buttons-set button.button span { float: left; } .catalog-product-compare-index .buttons-set button.button:hover span span { background-position: 0 0px; } .catalog-product-compare-index .product-name a { font-size: 15px; color: #2f2f2f; } .catalog-product-compare-index .product-name a:hover { color: #392083; } .catalog-product-compare-index .ratings { text-align: center; } .catalog-product-compare-index .regular-price .price { color: #392083; float: none; font-size: 22px; font-weight: normal; } .catalog-product-compare-index td button.button { float: none; } .catalog-product-compare-index td .add-to-links { float: none; width: 100%; padding-top: 12px; } .catalog-product-compare-index td .add-to-links li a { } .catalog-product-compare-index .price-box.left { float: none; width: 100%; text-align: center; } .catalog-product-compare-index .ratings .rating-box { float: none; margin: 0 auto 10px; } .catalog-product-compare-index .page-title { margin: 0 0 10px; padding: 5px 0 0px; } .catalog-product-compare-index .page-title h1 { color: #333; font-size: 20px; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; } .catalog-product-compare-index .price-box { color: #3A3A3A; overflow: hidden; margin: 0 auto 12px; max-width: 160px; } .catalog-product-compare-index .old-price .price-label, .catalog-product-compare-index .special-price .price-label { display: none; } .catalog-product-compare-index .old-price { float: right; margin-right: 10px; } .catalog-product-compare-index .special-price { float: left; margin-right: 5px; } .catalog-product-compare-index .old-price .price { font-family: 'Fjalla One', sans-serif; font-size: 14px; font-weight: normal; line-height: 24px; color: #2D2D2D; float: left; } .catalog-product-compare-index .special-price .price { font-family: 'Fjalla One', sans-serif; font-size: 19px; font-weight: normal; line-height: 20px; color: #ff0c00; } #product_comparison { -webkit-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); -moz-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); } .catalog-product-compare-index .data-table td { padding: 14px 20px 14px 20px; color: #7e7e7e; } .catalog-product-compare-index .data-table th { padding: 14px 20px; font-weight: bold; color: #000000; } .catalog-product-compare-index .btn-remove { display: block; font-size: 0; height: 9px; line-height: 0; margin-left: 2px; overflow: hidden; font-size: 0; width: 9px; } .compare-inner { } .catalog-product-compare-index .data-table tr.even { background: #fefefe; } #product_comparison th { border: 1px solid #ececec; background: none; } #product_comparison td { border: 1px solid #ececec; background: none; color: #7e7e7e; } #product_comparison tr { background: none; } #product_comparison .price-box { padding-top: 10px; padding-bottom: 10px; } #product_comparison .price-box .regular-price { float: none; } #product_comparison .product-shop-row td, #product_comparison .add-to-row td { text-align: center; } #product_comparison .product-shop-row td .product-image { display: inline-block; margin-bottom: 15px; border: 1px solid #ededed; } #product_comparison .product-shop-row td .product-image:hover { border: 1px solid #392083; } #product_comparison .product-name, #product_comparison .price-box, #product_comparison p { margin-bottom: 5px; } #product_comparison .product-shop-row td .add-to-links li, #product_comparison .add-to-row td .add-to-links li { float: none; } /* MAP Popup============================================================================== */ .price-box.map-info .price { font-weight: normal; font-size: 20px; line-height: 22px; color: #3a3a3a; } .product-view .product-shop .price-box.map-info { margin: 0; padding: 0; display: block; } .product-view .product-shop .price-box.map-info .old-price { display: block; margin-bottom: 10px; } .tier-prices.product-pricing a { } .product-view .product-shop .price-box.map-info a { display: inline-block; margin-bottom: 10px; } .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .catalog-product-compare-index .map-popup { min-width: 230px; } .map-popup.displayblock { display: block !important; } .map-popup { display: none; } .map-popup { text-align: left; position: absolute; margin: 12px 0 0; width: 230px; z-index: 100; box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); -moz-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); } .map-popup #map-popup-msrp-box { font-weight: normal; } .map-popup #map-popup-msrp-box strong { font-weight: normal; } .map-popup #map-popup-msrp-box span { font-weight: normal; } .map-popup-heading { background: #C7C3B7; border-bottom: 1px solid #fff; color: #fff; padding: 20px 40px 20px 20px; width: 170px; } .map-popup-heading h2 { font-size: 12px; line-height: 15px; color: #fff; text-align: left; text-overflow: ellipsis; text-transform: uppercase; word-wrap: break-word; margin: 0; } .map-popup-arrow { background: 0; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { background: url(../images/btn_remove3.gif) 0 0 no-repeat; display: block; position: absolute; top: 10px; right: 10px; height: 9px; width: 9px; font-size: 0; } .map-popup-close:hover { } .map-popup-content { background: #C7C3B7; color: #fff; text-align: left; overflow: hidden; padding: 20px; width: 190px; } #map-popup-price-box strong { float: left; margin-right: 7px; } .map-popup .regular-price .price { float: left; font-size: 12px; line-height: 18px; color: #fff; font-weight: bold; } .map-popup-checkout { } .map-popup-checkout form { display: block; overflow: hidden; position: relative; } .map-popup-checkout span { display: block; padding-left: 30px; } .map-popup-checkout .paypal-logo { text-align: left; margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0px 0; } .map-popup-price .price-box .regular-price { margin-right: 7px; } .map-popup-price .minimal-price-link { color: #fff; display: inline-block; text-decoration: underline; margin: 0; } .map-popup-price .minimal-price-link:hover { text-decoration: none; } .map-popup-price .minimal-price-link span { display: inline; } .map-popup-price { overflow: hidden; margin: 8px 0; } .map-popup-text { clear: right; background: #392083; padding: 20px; text-align: left; word-wrap: break-word; color: #fff; line-height: 18px; } .map-popup-only-text { display: none; border-top: 1px solid #d8d8d8; } .contacts-index-index .page-title { margin-bottom: 15px; } /* ======================================================================================= */ /* ==================================back-top ================================================== */ #back-top { position: fixed; bottom: 40px; z-index: 99; left: 50%; margin-left: 635px; display: none; width: 41px; height: 41px; } #back-top a:hover { color: #79ec3e; } #back-top span { width: 41px; height: 41px; display: block; background: url(../images/up-arrow.gif) no-repeat center center #2B2721; border-radius: 50%; } #back-top a:hover span { background-color: #392083; } /* ======================================================================================= */ /* Footer-Newsletter================================================================================ */ .block-subscribe-footer label { font-size: 11px; color: #8d8c8c; margin-bottom: 4px; display: block; } .block-subscribe-footer input.input-text { background: #ccc; padding: 5px 20px 5px 5px; width: 135px; border-radius: 3px; border: 0; color: #8d8c8c; } .block-subscribe-footer .input-box { float: left; width: 160px; } .block-subscribe-footer .actions { float: left; width: 14px; padding: 0; margin-left: -15px; } .block-subscribe-footer .actions .button span { width: 14px; height: 25px; font-size: 0; background: url(../images/btn-newsletter.gif) no-repeat center center; padding: 0; filter: progid:none; /*IE6-9 */ } /* Footer ================================================================================ */ .footer-container { padding: 30px 0; background-color: #161616; max-width: 1230px; margin: 30px auto 10px; border-radius: 9px; background-image: -webkit-linear-gradient(270deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); background-image: -moz-linear-gradient(270deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); background-image: linear-gradient(180deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); box-shadow: 0 4px 4px rgba(0,0,0,0.3); } .footer-container-2 .footer { color: #2b2721; padding-bottom: 30px; margin: 0; } .footer { position: relative; font-size: 13px; } .footer-cols-wrapper { position: relative; overflow: hidden; } .footer address { font-family: Arial, sans-serif; font-size: 12px; color: #392083; float: left; margin: 4px 7px 0 0; } .footer .credit { font-family: Arial, sans-serif; font-size: 12px; color: #1D1D1D; float: left; margin-top: 4px; } .footer .badges { float: right; } .footer .badges ul { list-style: none; margin: 0; padding: 0; float: left; } .footer .badges ul li { float: left; margin-right: 10px; } .footer .badges ul li img { float: none; margin: 0; } .footer .badges img { float: right; margin: 4px 0 0 10px; } .footer h4, .footer .level0>a { font-family: 'Fjalla One', sans-serif; font-size: 16px; line-height: 20px; color: #fff; font-weight: normal; text-transform: uppercase; position: relative; } .footer .footer-col-content { margin-top: 10px; } .footer ul li { display: block; font-family: Arial, sans-serif; color: #FFF; font-size: 12px; } .footer ul li a { font-family: 'Arial', sans-serif; font-size: 11px; display: inline-block; color: #989898; text-decoration: none; line-height: 18px; } .footer .links li { padding-left: 6px; } .footer ul li a:hover { color: #c3a3ff; } .footer-container .bottom-container { text-align: center; } .footer-col, .footer li.level0 { float: left; max-width: 14.8%; padding-right: 34px; } .footer-col, .footer li.contact.last { padding: 0; } .footer .level0 ul { display: block !important; margin-top: 10px; } .footer-col.last { margin-right: 0; } .footer-col.contacts { margin: 0; } .footer-col.contacts span.tel { display: block; font-size: 18px; line-height: 22px; color: #392083; } .footer #nav-footer { background: none !important; border-radius: 0; box-shadow: none !important; margin: 0; } .footer #nav-footer li { border: 0; } .footer #nav-footer li.contact { width: 14.2%; } .footer #nav-footer>li>a { padding: 0; } .footer #nav-footer>li>a>span { background: none !important; padding-right: 0; font-size: 16px !important; } .store-switcher { float: right; margin-top: -24px; } span.toggle { background: url(../images/toogle-button.png) 0 -61px no-repeat; position: absolute; cursor: pointer; right: 10px; top: 0; height: 13px; width: 13px; } span.opened { background-position: 0 0; } .footer .badges .AuthorizeNetSeal { float: left; width: 60px; } .footer .badges .AuthorizeNetSeal img { width: 60px; height: 42px; margin: 0; } .footer .badges .geotrust { float: left; } .footer .badges .geotrust img { margin: 0; } /* ======================================================================================= */ .banners-block { position: relative; overflow: hidden; } .banners-block li { float: left; margin-left: 10px; } .banners-block li:first-child { margin: 0; } .main-banner img { max-width: 100%; } .contact-block { position: relative; overflow: hidden; width: 100%; } .contact-block h2 { float: none; background: none; border: none; border-bottom: 2px solid #3A3A3A; font-size: 17px; line-height: 21px; color: #383737; font-weight: normal; text-transform: uppercase; position: relative; margin: 0 0 16px; padding: 0 0 7px; } .contact-left { width: 25%; float: right; padding-bottom: 20px; } .contact-left h3 { font-size: 13px; line-height: 16px; color: #392083; text-transform: uppercase; font-weight: normal; margin-bottom: 14px; } .contact-left p { font-size: 12px; color: #8a8989; line-height: 17px; } .contact-left ul li { border-bottom: 1px solid #ececec; padding-bottom: 17px; margin-bottom: 17px; } .contact-left ul li.last { border: none; padding: 0; margin: 0; } #contactForm { float: left; width: 73%; } #contactForm .form-list .input-box { width: auto; } #contactForm .fieldset { background: none; border: none; padding: 0; margin: 0; } #contactForm .form-list input.input-text { border-box: border-box; width: 100%; } #contactForm .form-list .field { float: left; width: 33.33%; } #contactForm .form-list .field.first { margin-right: 40px; } #contactForm .form-list li { padding-bottom: 10px; } #contactForm .form-list li.wide textarea { border-box: border-box; width: 100%; resize: none; } #contactForm .form-list li.wide .input-box { width: 100%; } #contactForm .buttons-set button.button { float: left; } #contactForm .buttons-set { margin: 0 0 0 0; padding: 0; } #contactForm .buttons-set p.required { color: #392083; font-size: 12px; margin: 0 0 0px; float: right; padding-left: 15px; padding-top: 5px; } .contact-btn a { display: none; } .contact-btn li { padding: 0; margin: 0; } .container-slider { position: relative; width: 315px; overflow: hidden; max-height: 110px; } .tumbSlider { width: 100%; } .tumbSlider li, .container-slider li { float: left; height: auto; width: 78px !important; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-slider li a { display: block; width: 74px; } .container-slider li img { max-width: 100%; } .container-slider .jcarousel-next, .container-slider .jcarousel-prev { display: none; position: absolute; top: 23px; left: 0; width: 27px; height: 27px; margin-top: 0; font-size: 0; cursor: pointer; z-index: 99; } .container-slider .jcarousel-prev { background: url(../images/prev-sl.png) 50% 50% no-repeat; left: 0; } .container-slider .jcarousel-next { background: url(../images/next-sl.png) 50% 50% no-repeat; right: 20px; left: auto; } .container-slider .jcarousel-next-disabled, .container-slider .jcarousel-prev-disabled { opacity: 0.4; } /* ======================================= Home Page ============================================================== */ .cms-home .main-container { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0; } .home-banner-right { position: relative; } .home-banner-right h1 { font-size: 263px; line-height: 263px; letter-spacing: -16px; font-weight: normal; position: relative; display: inline-block; margin: 0; } .home-banner-right h1 span { font-size: 66px; line-height: 66px; position: absolute; top: 12px; right: -38px; } .home-banner-right h2 { font-size: 64px; font-family: 'Fjalla One', sans-serif; color: #512e91; margin: 0 0 0 10px; text-transform: uppercase; position: relative; float: left; } .home-banner-right h3 { float: left; font-size: 28px; color: #2D2D2D; font-family: 'Fjalla One', sans-serif; font-weight: 400; width: 205px; margin-top: 0px; } .home-banner-right p { font-family: 'Georgia'; font-size: 14px; line-height: 20px; color: #948f83; font-style: italic; padding: 0 5%; margin-bottom: 15px; margin-top: -12px; } .home-banner-right a { clear: both; display: block; margin: 0 auto; width: 126px; padding: 12px 0 21px; } .home-banner-right a span { display: inline-block; font-family: 'Fjalla One', sans-serif; font-size: 21px; text-transform: uppercase; background-color: #161616; background-image: -webkit-linear-gradient(270deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); background-image: -moz-linear-gradient(270deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); background-image: linear-gradient(180deg, rgba(72,72,72,1.00) 0%, rgba(22,22,22,1.00) 100%); box-shadow: 0 4px 4px rgba(0,0,0,0.3); line-height: 38px; border-radius: 3px; color: #fff; letter-spacing: 0; width: 126px; text-align: center; } .banner-block { margin-top: 30px; } .banner-block a { display: block; position: relative; background: #2F2F2F; border-radius: 9px; text-align: right; } .banner-block a img { max-width: 100%; } .banner-block .banner-block-bg { font-family: 'Fjalla One', sans-serif; text-transform: uppercase; margin-left: 6px; margin-top: 10px; letter-spacing: -1px; text-align: left; float: left; } .banner-block h3 { font-size: 26px; line-height: 18px; color: #fff; font-weight: normal; margin: 14px 0 2px; white-space: nowrap; } .banner-block h4 { font-size: 18px; line-height: 20px; color: #8e64db; font-weight: normal; white-space: nowrap; } .banner-block li:first-child h4 { width: 130px; } .banner-block span { display: inline-block; padding: 0 11px; margin-top: 12px; font-size: 16px; text-transform: uppercase; background-color: #fefeff; background: -webkit-gradient(linear, left top, left bottom, from(#dedbe7), to(#fefeff)); background: -moz-linear-gradient(top, #dedbe7, #fefeff); /* firefox 3.6+ */ background: -o-linear-gradient(top, #dedbe7, #fefeff); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dedbe7, #fefeff); /* IE10+ */ line-height: 34px; border-radius: 3px; color: #301d67; letter-spacing: 0; position: absolute; bottom: 13px; left: 13px; white-space: nowrap; } .cms-home .home-banner-right { padding-top: 40px; background: #FFF; border-radius: 9px; } .cms-home .home-banner-right img { width: 100%; } .cms-home .home-seo-content { padding: 20px; background: #FFF; border-radius: 9px; margin-top: 30px; font-family: 'Fjalla One', sans-serif; color: #2D2D2D; } .cms-home .home-seo-content h2 { font-size: 30px; text-transform: uppercase; } .cms-home .home-seo-content p { line-height: 24px; font-size: 14px; font-family: Arial, sans-serif; } .cms-home .products-grid .price-box { float: left; width: auto; } .cms-home .products-grid .actions { clear: inherit; float: right; padding-top: 0; } .cms-home .products-grid button.button { margin: 0; } .cms-home .products-grid .price-box { margin-top: 10px; } /* Clears ================================================================================ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .products-grid .actions:after, .header .row-2:after, .header-buttons:after, .input-box:after, .block-subscribe .block-content:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ /* ======================================================================================= */ /* Client added styles */ /* ======================================================================================= */ /*******************************************************************************************************/ /* STYLES FOR TABLE USE THROUGHOUT SITE */ /*******************************************************************************************************/ .table-container{ overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 900px){ .table-container { overflow: visible; } } #table_style_01 { border: 3px solid #A96CD1; width: 95%; border-collapse:collapse; background-color:#D9D9D9; } #table_style_01 td, #table_style_01 th { border:3px solid #A96CD1; color: #000000; font-weight: bold; text-align: center; } #table_style_01 th { border:3px solid #A96CD1; background-color:#B4B4B4; color: #000000; font-size:12px; } /* FORMAT FOR REFERENCES */ .hanging-indent { text-indent: -25px; padding-left: 25px; } /*******************************************************************************************************/ /* STYLES FOR EMBEDDED YOUTUBE */ /*******************************************************************************************************/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; bottom: 0; width: 90%; height: 90%; } /*******************************************************************************************************/ /* STYLES FOR BORDERS */ /*******************************************************************************************************/ /*borders3:: Controls the border boxes used on the press page.*/ .borders3 { border-color: #663399; border: 3px; border-style: solid; padding: 1% 3% 1% 3%; margin: 0% 5% 0% 5%; } /*borders4:: Controls the border boxes used on the heavy T page.*/ .borders4 { border-color: #663399; border: 3px; border-style: solid; padding: 1% 3% 1% 3%; margin: 0% 5% 0% 5%; } .callout-center {background-color: #D9D; background-image: -moz-linear-gradient(top, #D9D, #D9D); position: relative; color: #000; padding: 10px; border-radius: 10px; margin: 25px auto; min-height: 50px; border: 3px solid #333; max-width:70%;} .callout-left {float: left; background-color: #D9D; background-image: -moz-linear-gradient(top, #D9D, #D9D); position: relative; color: #000; padding: 10px; border-radius: 10px; margin: 25px; min-height: 50px; border: 3px solid #333; max-width:50%;} .callout-right {float: right; background-color: #D9D; background-image: -moz-linear-gradient(top, #D9D, #D9D); position: relative; color: #000; padding: 10px; border-radius: 10px; margin: 25px; min-height: 50px; border: 3px solid #333; max-width:50%;} /*******************************************************************************************************/ /* STYLES FOR SCIENTIFIC STUFF */ /*******************************************************************************************************/ .math-sup { font-size: .7em; vertical-align: super; } td.phytogenesis, tr.phytogenesis td { background-color:#F8DDFF; } div.flirco{ float:left; } div.flirct{ float:right; } table.flir { border-collapse: collapse; max-width:510px; } table.flir td { text-align:center; } table.flir td:first-child { border-left:2px solid black; } table.flir td:last-child { border-right:2px solid black; } table.flir td.light { padding-top:2px; padding-left:5px; padding-right:5px; border-top:1px solid black; font-weight:bold; } table.flir td.temp { padding-left:5px; padding-right:5px; } table.flir td.flirpic { border-bottom:1px solid black; padding-bottom:5px; } table.flir td.flirpic:first-child { padding-left:5px; padding-right:4px; } table.flir td.flirpic:last-child { padding-left:4px; padding-right:6px; } table.flir td.flirpic img { width:100%; height:auto; } table.flir th.colspacer { padding:9px; } table.flir th.spacer { border-top:2px solid black; padding:9px; } table.flir th.comp { text-align:center; font-weight:bold; font-style:italic; font-size:1.1em; border:2px solid black; } table.specGraph { border-spacing:2px; border:1px solid black; border-collapse: separate; margin: 3px; } table.specGraph th { text-align:center; font-weight:bold; border-bottom:1px solid black; } table.specGraph td { padding-right:10px; } div.flirHidden { display:none; } table.border-centered { border:2px solid black; overflow-x:auto; } table.border-centered th { text-align:center; font-weight:bold; border:2px solid black; padding:5px; vertical-align:middle; } table.border-centered td { text-align:center; border:1px solid black; padding:5px; } table.border-centered td.veg { background:#5863FF; color:#FFF; } table.border-centered td.flower { background:#FFA2AC; } .hl-button {float:left;background-color:#CCC;background:linear-gradient(#CCC,#FFF,#CCC);position:relative;color:#000;padding:5px;padding-top:8px;padding-bottom:8px;border-radius:10px;margin-bottom:10px;margin-right:3%;width:45%;text-align:center;font-size:large;} .hl-callout {background-color:#CCC;background:linear-gradient(#CCC,#FFF,#CCC);position:relative;color:#000;padding:5px;padding-top:8px;padding-bottom:8px;border-radius:10px;margin-bottom:10px;margin-right:3%;width:100%;text-align:center;font-size:large;} h3.bighead { font-size:200%; margin-top:20px; } .narrow-screen-only { display:none; } ul#post-list li .post-list-item .featured-image { display:block; width:100%; padding:0px; border:none; margin:0 0 0 0; } ul#post-list li .post-list-item .featured-image a { display:block; width:100%; text-align:left; } ul#post-list li .post-list-item .featured-image a img { width:100%; display:inline-block; min-height:225px;} ul#post-list li .post-list-item { position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; } ul#post-list li .post-list-item .post-info { position:absolute; left:0px; bottom:0px; background:url(../images/post-cont-bg.png) repeat left top; padding:2.5% 2.5% 0px 2.5%; width:95%; } ul#post-list li .post-list-item .post-info h2 { font-family: 'Fjalla One', sans-serif; font-size:30px; line-height:36px; color:#fff; font-weight:400; margin:0px; } ul#post-list li .post-list-item .post-info h2 a { color:#fff; text-transform:uppercase; } ul#post-list li .post-list-item .post-info .post-entry { margin-bottom:0px; } ul#post-list li .post-list-item .post-info .post-entry p { font:normal 14px/24px Arial, Helvetica, sans-serif; color:#fff; } ul#post-list li .post-list-item .post-info .post-entry p a.read_more { font-family: 'Fjalla One', sans-serif; font-size:14px; line-height:24px; font-weight:400; color:#fff; text-decoration:underline; } ul#post-list li .post-list-item .post-info .post-entry p a.read_more:hover { text-decoration:none; } ul#post-list li .post-list-item .post-info p.post-meta { font:normal 14px/24px Arial, Helvetica, sans-serif; color:#d38cbd; font-style:normal; margin-bottom:12px; } .blog-home .post-list .pager .amount { display:none; } .blog-home .post-list .pager .pages strong { display:none; } .blog-home .post-list .top-pager { margin-bottom:20px; } .blog-home .post-list .top-pager .pager { border-bottom:1px solid #9e9e9e; padding:5px 0 10px 0; } .blog-home .post-list .bottom-pager .pager { border-top:1px solid #9e9e9e; padding-top:5px; } .blog-title { display: block; padding: 17px 20px 17px; background: #474747; border-radius: 9px; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); } .post-title { display: block; padding: 17px 20px 17px; background: #474747; border-radius: 9px; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); margin-bottom:20px !important; } .wordpress-post-category-view .page-title { display: block; padding: 17px 20px 17px; background: #474747; border-radius: 9px; box-shadow: 0 5px 5px rgba(0,0,0,0.22); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.22); -webkit-box-shadow: 0 5px 5px rgba(0,0,183,0.22); } .wordpress-post-category-view .pager .amount { display:none; } .block-blog .block-title { margin-bottom:10px; } .block-blog .block-content ul { margin-bottom:10px; } .block-blog .block-content ul li { padding:11px 0 !important; border-bottom:1px solid #9e9e9e; } .block-blog .block-content ul li:first-child { padding-top:0px !important; } .block-blog .block-content ul li.last { border-bottom:1px solid #9e9e9e; } .block-blog .block-content ul li a { font:normal 14px/18px Arial, Helvetica, sans-serif; color:#392083; text-transform:uppercase; padding:0 !important; } .post-view .featured-image { border:none; padding:0px; margin:0px; margin-bottom:10px; } .post-view .featured-image img { max-width:100%; } .sidebar .block-blog-archives .block-content #wp-archive-list li { padding:0px !important; border:none !important; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail h3 { cursor:pointer; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail > h3 { font:normal 14px/40px Arial, Helvetica, sans-serif; color:#392083; margin:0px; border-bottom:1px solid #9e9e9e; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail .month { border-bottom:1px solid #9e9e9e; padding:10px 0; display:none; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail .month .mpnth-detail { display:none; padding-left:19px; padding-top:10px; padding-bottom:10px; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail .month .mpnth-detail a { font:normal 12px/20px Arial, Helvetica, sans-serif; color:#2d2d2d; background:url(../images/arrow.jpg) no-repeat left 8px; padding-left:13px !important; display:block; } .sidebar .block-blog-archives .block-content #wp-archive-list li .year-detail .month h3 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#2d2d2d; margin-bottom:0px; } @font-face{ font-family:phytomax; src:url(/media/Panton-SemiBold.otf); } span.pmf { font-family:phytomax; color:#770077; } @font-face{ font-family:phytomaxbold; src:url(/media/Panton-Bold.otf); } span.pmfb { font-family:phytomaxbold; color:#770077; } #product-options-wrapper dd { border-bottom:1px solid #000; padding-bottom:3px; } div.pmcallout { border:2px solid black;padding:5px;margin-bottom:25px;border-radius:10px;text-align:center; } #bundledmojo_desc_wrapper div.pmcallout { display:none; } .bh1 { font-size: 32px; font-weight: normal; line-height: 1.15; margin-bottom: 0px; } .bh2 { font-size: 24px; font-weight: normal; line-height: 1.25; margin-bottom: 7px; } #bh2 { font-size: 24px; font-weight: normal; line-height: 1.25; margin-bottom: 7px; } .fpmrv { background:#CCF } .fplrf { background:#FCC } .fpmrf { background:#FAA } .fpsrf { background:#F88 } .faqm a {font-size:120%} .faqm li {padding-top:5px;padding-bottom:5px;} .faqm h2 {font-weight:bold} .faqm h3 {font-weight:bold;font-size:110%;font-family:Arial,sans-serif;} @-webkit-keyframes lma1 { 0% {left: 56px;} 30% {left: 160px;} 50% {left: 160px;} 80% {left: 56px;} 100% {left: 56px;} } @keyframes lma1 { 0% {left: 56px;} 30% {left: 160px;} 50% {left: 160px;} 80% {left: 56px;} 100% {left: 56px;} } @-webkit-keyframes lma2 { 0% {left: 0px;} 30% {left: 104px;} 50% {left: 104px;} 80% {left: 0px;} 100% {left: 0px;} } @keyframes lma2 { 0% {left: 0px;} 30% {left: 104px;} 50% {left: 104px;} 80% {left: 0px;} 100% {left: 0px;} }