/** * 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_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ******************************************************************************************** Reset *********************************************************************************************** */ * { margin:0; padding:0; } body { font:400 75%/150% 'Roboto', Arial, Helvetica, sans-serif; color:#333333; text-align:center;background: url("../images/body_bg.jpg") no-repeat fixed center top transparent;} img { border:0; vertical-align:top; max-width:100%; } a { color:#333333; text-decoration:none; } a:hover { text-decoration:none; color:#ee5a38; } :focus { outline:0; } html { font-size:16px;} /* Base */ ::-moz-selection{background: #333333; color: #fff; text-shadow: none;} ::selection{background: #333333; color: #fff; text-shadow: none;} /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em;margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em;} h3 { font-size:1.6666em; line-height:1.2em;} h4 { font-size:1.3333em; line-height:1.25em;} h5 { font-size:1.1666em; line-height:1.1428em;} h6 { font-size:1em; line-height:1.1666em;} /* 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:middle; text-align:left; font-weight:normal; } /* Content */ strong { font-weight: bold; } address { font-style:normal; } 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%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ******************************************************************************************** Layout *********************************************************************************************** */ .wrapper {float: left;width: 100%;} .page { text-align:left;display: inline-block;width: 100%;position: relative;} .page-print {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .page-empty {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: transparent;} .page-popup {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .main-container { background-repeat:repeat; background-position:center top; } .main { padding:25px 0 0px; min-height:370px; clear: both;} /* Decrease padding on home page */ body.cms-index-index .col1-layout .main, body.cms-index-defaultindex .col1-layout .main { padding-top: 0px;position: relative;} body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top: 20px;position: relative;} /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } .category-right .col-left{float: right;} /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; background: #fff;} .col2-right-layout .col-main {} .category-right .col-main{float: left;} /* 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 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /*Category Full*/ .category-full .col-left .block, .category-full .col-left div.custom-block, .category-full .col-main .page-title{display: none;} #oar_widget_orders_and_returns_form .form-alt li{padding:20px 0px 20px 0px;} /* ******************************************************************************************** Global Styles *********************************************************************************************** */ /* Form Elements */ input, select, textarea, button {font:400 14px/21px 'Bender-Italic', Arial, Helvetica, sans-serif;vertical-align:middle;} input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea, input.product-custom-option{background: transparent;border:none;color:#999999;background-color:#e9e9e9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;} input.input-text{height: 47px;} select {height:47px;padding:14px;text-overflow:ellipsis;width: 100%;} select.multiselect {height: auto !important;} input.input-text, textarea {padding:6px;text-overflow:ellipsis;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: transparent !important;} select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #F6F6F6; 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 { width:60px !important; text-align:center;font-size: 16px;} /* Active, Deactive and others */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus{ /*border-color:#ee5a38;*/ color:#333333; outline:none;} input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { max-width: 100%;overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;} button.button span {float:left;display:block;padding:0;font-size:14px;text-align:center; white-space:nowrap;background-color:#ee5a38;color:#FFF;text-transform: uppercase;transition:color 300ms ease-in-out, background-color 300ms ease-in-out;-moz-transition:color 300ms ease-in-out, background-color 300ms ease-in-out;-webkit-transition:color 300ms ease-in-out, background-color 300ms ease-in-out;-o-transition:color 300ms ease-in-out, background-color 300ms ease-in-out;} button.button:hover span, .shopping_cart .actions button.btn-cart:hover span, div.alert-inner a.continue{ background-color:#000000; color:#fff; } .shopping_cart .actions button.btn-cart span, div.alert-inner a.continue{background-color: #e9e9e9;color: #999999;} /* Button Medium */ button.button span span { padding:9px 18px; float: none;white-space: normal;} button.button.btn-medium span span{padding: 9px 20px;} /* Small Button */ button.button.btn-inline span span { padding:6px 15px;} button.button.btn-small span span{padding: 6px 20px;} /* Large Button */ .product-view .product-shop .btn-cart span span, button.btn-checkout span span {padding: 13px 25px;font-size: 1.3em; /*18px*/ } .product-view .box-tags .form-add button.button span span{padding-top: 13px;padding-bottom: 13px;} button.button.btn-large span span{padding: 13px 20px;font-size: 16px;} /* Specific buttons set */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span{min-width: 120px;} /* ******************************************************************************************** Quantity Box *********************************************************************************************** */ .quantity_counter{width: 140px;display: inline-block;text-align: center;} .quantity_counter *{float: left;} .quantity_counter input.qty{margin: 0px 0px;border-style: solid;border-left-width: 2px;border-right-width: 2px;border-bottom: none;border-top: none;border-color: #F6F6F6;} .quantity_counter a{text-align: center;background-color: #e9e9e9;border-radius: 0;box-shadow: none;width: 40px;height: 39px;padding: 4px 0;font-size: 20px;line-height: 39px;font-weight: bold;color: #999;} .quantity_counter a:hover{background-color: #000000;color: #FFF;} /* ******************************************************************************************** Default Margin *********************************************************************************************** */ /* Margin Top */ .martop0{margin-top: 0px !important;} .martop5{margin-top: 5px !important;} .martop10{margin-top: 10px !important;} .martop15{margin-top: 15px !important;} .martop20{margin-top: 20px !important;} .martop25{margin-top: 15px !important;} .martop30{margin-top: 30px !important;} .martop35{margin-top: 35px !important;} .martop40{margin-top: 40px !important;} .martop45{margin-top: 45px !important;} .martop50{margin-top: 50px !important;} /* Margin Bottom */ .marbot0{margin-bottom: 0px !important;} .marbot5{margin-bottom: 5px !important;} .marbot10{margin-bottom: 10px !important;} .marbot15{margin-bottom: 15px !important;} .marbot20{margin-bottom: 20px !important;} .marbot25{margin-bottom: 25px !important;} .marbot30{margin-bottom: 30px !important;} .marbot35{margin-bottom: 35px !important;} .marbot40{margin-bottom: 40px !important;} .marbot45{margin-bottom: 45px !important;} .marbot50{margin-bottom: 50px !important;} /* Margin Left */ .marleft0{margin-left: 0px !important;} .marleft5{margin-left: 5px !important;} .marleft10{margin-left: 10px !important;} .marleft15{margin-left: 15px !important;} .marleft20{margin-left: 20px !important;} .marleft25{margin-left: 25px !important;} .marleft30{margin-left: 30px !important;} .marleft35{margin-left: 35px !important;} .marleft40{margin-left: 40px !important;} .marleft45{margin-left: 45px !important;} .marleft50{margin-left: 50px !important;} /* Margin Right */ .marright0{margin-right: 0px !important;} .marright5{margin-right: 5px !important;} .marright10{margin-right: 10px !important;} .marright15{margin-right: 15px !important;} .marright20{margin-right: 20px !important;} .marright25{margin-right: 25px !important;} .marright30{margin-right: 30px !important;} .marright35{margin-right: 35px !important;} .marright40{margin-right: 40px !important;} .marright45{margin-right: 45px !important;} .marright50{margin-right: 50px !important;} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Theme Background ========================================================= */ /* White Background With Shadow */ .white-bg, .cart-empty{width: 100%;display: inline-block;clear: both;vertical-align: top;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;} .white-bg, .sidebar .block, .toolbar, .opc, .compare-table, .cart-empty, .shopping_cart .dropdown-menu, .cloud-zoom-big{background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);-ms-box-shadow:0 1px 3px rgba(0,0,0,.2);-o-box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);} .white-bg{padding: 0 10px;} /* Background Without White color And Shadow */ body.cms-index-index .col-main > .white-bg, body.cms-index-defaultindex .col-main > .white-bg, body.checkout-onepage-index .col-main > .white-bg, body.checkout-cart-index .col-main > .white-bg, body.catalog-product-view .col-main > .white-bg, body.customer-account-login .col-main > .white-bg, body.checkout-multishipping-login .col-main > .white-bg, body.contacts-index-index .col-main > .white-bg, body.blog-index-list .col-main .toolbar, body.blog-cat-view .col-main .toolbar{background-color: #ffffff;box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;} /* White Background Without Padding */ body.cms-index-index .col-main .white-bg, body.cms-index-defaultindex .col-main .white-bg, body.checkout-onepage-index .col-main .white-bg, body.checkout-cart-index .col-main .white-bg, body.catalog-product-view .col-main .white-bg, body.customer-account-login .col-main > .white-bg, body.checkout-multishipping-login .col-main > .white-bg, body.contacts-index-index .col-main > .white-bg, body.blog-index-list .col-main .toolbar .sorter, body.blog-cat-view .col-main .toolbar .sorter, .cutom-bg{padding: 0px;} /* ******************************************************************************************** Form lists *********************************************************************************************** */ /* Grouped fields */ .form-list li { margin:0 0 20px; } .form-list label { float: left;position: relative;z-index: 0;margin: 0 0 8px 0;font-size: 1.2em;line-height: 1.222em;padding-right: 5px;color: #999999;} .form-list label.required {} .form-list label.required em { float:right; font-style:normal; 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 li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width: 49%;margin-bottom:8px; } .form-list .field + .field{float: right;} .form-list input.input-text { width: 100%; } .form-list textarea { width: 100%; height:10em; } .form-list select { width: 100%; } .form-list li.additional-row { border-top:1px solid #F6F6F6; margin-top:10px; } .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:70px; } .form-list .name-middlename input.input-text { width:49px; } .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:205px; } .form-list .customer-name-prefix-middlename-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:205px; } .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:189px; } .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; } .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:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Buttons set */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set {margin: 0px; margin-top:-10px; } .contacts-index-index .buttons-set button.button{float: left;margin: 0px;} .contacts-index-index .buttons-set .required { text-align:right; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a, div.alert a{display: block;padding: 10px 18px 11px;font-size: 14px;text-align: center;white-space: normal;background-color: #ee5a38;color: #FFF;max-width: 100%;box-sizing: border-box;float: none;text-transform: uppercase;} .buttons-set .back-link a:hover, div.alert a:hover{background-color: #000000;color: #FFF;} .buttons-set .back-link small {display:inline-block;margin-right:5px;} .buttons-set .back-link:hover small {} /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } #oar_widget_orders_and_returns_form .form-list input.input-text, #oar_widget_orders_and_returns_form .form-list select{width: 100% !important;} /* Fieldset */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {margin:0 0 20px;/*padding:30px;*/} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {margin-bottom: 20px;} /* Form Validation */ .validation-advice { clear:both; font-size:13px; line-height:1em; color:#cb2700; margin-top:5px; } .validation-failed { border:1px solid #cb2700 !important; background:#fff !important; } .validation-passed {} p.required { font-size:1em; /*12px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#cb2700; } /* Expiration date and CVV number validation fix */ .v-fix { } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* ******************************************************************************************** Global Messages *********************************************************************************************** */ .success { color:#27ae60; font-weight: bold; } .error { color:#cb2700; font-weight: bold; } .notice { color:#2980b9; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 20px; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .error-msg, .success-msg, .note-msg, .notice-msg {background-position: 20px center !important; background-repeat: no-repeat !important;padding: 26px 25px 26px 70px !important;margin-bottom: 20px;/*border-radius: 5px;*/font-size: 14px;} .error-msg {border-color:#cb2700;background-color:#f8e9e8;background-image:url(../images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(../images/alert-icon/i_msg-success.png);color:#27ae60;} .note-msg, .notice-msg {border-color: #2980b9;background-color: #e6f1f8;background-image: url(../images/alert-icon/i_msg-note.png);color: #2980b9;} /* ******************************************************************************************** BreadCrumbs *********************************************************************************************** */ .breadcrumbs{float: left;width: 100%;padding: 0px 0px 20px;} .breadcrumbs li {display: inline-block; font-size:1.1111em; /*13px*/ } .breadcrumbs a {color: #fff; } .breadcrumbs li span {width:7px;height:5px;margin:6px 6px 0;overflow:hidden;} .breadcrumbs li strong { display:block; color: #fff;} /* ******************************************************************************************** Page Heading *********************************************************************************************** */ .page-title { margin-bottom:20px; } .page-title h1, .page-title h2 {margin-bottom: 0;font-size: 2.5em;line-height: 1.25em;font-weight: normal;} .grid-full .page-title h2{margin-bottom: 0;font-size: 2.5em;line-height: 1.25em;font-weight: normal;color: #d1d1d1;} .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left;line-height: 1.58em;} /* ******************************************************************************************** Toolbar *********************************************************************************************** */ .toolbar {position:relative;} /* Pager */ .pager { border-bottom: 2px solid #F9F9F9;} .pager .pages {display: inline-block;vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li {float: left;margin: 0 4px;} .pager .pages li a {background-color: #e9e9e9;padding: 0px;display: block;} .pager .pages li a:hover, .pager .pages li.current{background-color: #ee5a38;border-color: transparent;} .pager .pages li a:hover, .pager .pages li.current{color: #FFF;} .pager .pages li a.previous, .pager .pages li a.next {overflow: hidden;font-size: 16px;} /* Sorter */ .sorter { padding:0px 0 0px; } /* View mode */ .sorter .view-mode { /*margin-right: 20px; */} .sorter .view-mode label { margin-left: 5px; } .sorter .view-mode .grid, .sorter .view-mode .list {vertical-align: middle;width: 18px;height: 18px;background: url(../images/grid-list.png) no-repeat;display: inline-block;content: ""; margin-left: 5px;} .sorter .view-mode .grid{background-position: left top;} .sorter .view-mode .list{background-position: right top;} .sorter .view-mode .grid:hover, .sorter .view-mode .grid.grid-mode-active{background-position: left bottom;} .sorter .view-mode .list:hover, .sorter .view-mode .list.list-mode-active{background-position: right bottom;} /* Amount */ .pager .amount, .sorter .amount { float:left; margin-right:20px; display: none !important;} /* vertical spacing */ .pager .amount, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by, .sorter .pager{display: inline-block;vertical-align: middle;margin: 0 10px; padding-top:5px; padding-bottom:5px; } /* Sort by */ .sorter .sort-by {height: 30px;} .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {display:inline-block;overflow:hidden;} /* Pager inside toolbar */ .toolbar .pager { border-bottom: none;text-align: center;padding: 0px;margin: 0px;} .toolbar .pager .pages { /*display:inline-block; */} /* Size */ .sorter, .pager { line-height:30px;font-size: 14px;text-align: center;padding: 20px 0px; } /* Important: the same as the height of the form elements */ .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {padding: 0 5px;} .pager .pages li{width: 30px;height: 30px;line-height: 30px;text-align: center;} .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a.previous, .pager .pages li a.next{text-align: center;} /* Limiter */ .pager .limiter{float: left;margin-right: 20px;} .sorter .limiter { } /*Style Dropdown label*/ .limiter label, .sort-by label{float: left;} /*Style Dropdown*/ .limiter .dropdown, .sort-by .dropdown{height: 30px;line-height: 30px;float: left;margin-left: 5px;margin-right: 5px;text-align: left;background-color: #e9e9e9;} .limiter .dropdown-toggle, .sort-by .dropdown-toggle{} .limiter .dropdown-toggle .value, .sort-by .dropdown-toggle .value{border-right: 2px solid #dadada;margin-right: 20px;padding-right: 35px;color: #333333;} .limiter .dropdown-toggle .value:after, .sort-by .dropdown-toggle .value:after{right: -21px;top: 50%;margin-top: -3px;position: absolute;} /*Style Dropdown Menu*/ .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu{background-color: #e9e9e9;border-top: none;min-width: 100%;padding: 0px;top: 100%;width: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .limiter .dropdown .dropdown-menu a, .sort-by .dropdown .dropdown-menu a{padding: 5px 10px;display: block;} /*Style Hover*/ .limiter .dropdown:hover, .sort-by .dropdown:hover{} .limiter .dropdown:hover .dropdown-toggle, .sort-by .dropdown:hover .dropdown-toggle{} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover{background-color: #F5F5F5;} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover, .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected{color: #ee5a38;} /* Toolbar Bottom */ .toolbar-bottom {clear: both;/*float: left;*/width: 100%;margin-top: 2%;} .toolbar-bottom .toolbar { } .toolbar-bottom .toolbar .pager {} .toolbar-bottom .toolbar .pager .pages{} .toolbar-bottom .sorter { } /* ******************************************************************************************** Data Table *********************************************************************************************** */ .data-table { width:100%; } .data-table thead { background:none; } .data-table thead th, .data-table tbody th{ vertical-align: bottom;font-size: 1.2222em;line-height: 1.2222em;color: #999999;} .data-table thead th.wrap { white-space:normal; } .data-table th, .data-table td { padding:20px;border-width: 0px; border-bottom-width: 2px;border-style: solid;border-color: #F6F6F6;} .data-table td{font-size: 14px;} .data-table th .tax-flag { font-weight:normal; } .data-table tfoot tr td{text-align: right !important;} .data-table tfoot tr.last td{border-bottom: none;} .data-table tfoot td.last{border-right: none;/*text-align: left !important;*/} .data-table tfoot tr.last td strong{font-size: 1.3333em;line-height: 1.3333em;} /* Responsive title */ .data-table .cartlabel { display:none; } /* ******************************************************************************************** Generic Info Box *********************************************************************************************** */ .info-box { background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #F6F6F6; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight: bold; } .info-table th { font-weight: bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* ******************************************************************************************** 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/default-icon/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:#F5F5F5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } 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/default-icon/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 dl dt { font-weight: bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Std Misc */ .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; } /* Std Styles Override */ .std .products-grid p { margin-bottom:0; } /* ******************************************************************************************** Misc *********************************************************************************************** */ .link-cart { font-weight: bold; } .link-reorder { font-weight: bold; } .link-print {} .link-rss { white-space:nowrap; } .link-print:before, .link-rss:before{padding-right: 10px;font-family: FontAwesome;font-size: 1.2em;} /* ******************************************************************************************** Common styles for small buttons *********************************************************************************************** */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a, .cart-table .link-wishlist, .peer-cancel-img, #fancybox-close{overflow: hidden;font-family: FontAwesome;font-size: 12px;background-color: #e9e9e9;color: #999999;width: 25px;height: 25px;display: inline-block;line-height: 25px;border-radius: 100%;text-align: center;padding: 0px;} .btn-remove:hover, .btn-remove2:hover, .btn-edit:hover, .tool-tip .btn-close a:hover, .cart-table .link-wishlist:hover, .peer-cancel-img:hover{background-color: #000000;color: #FFFFFF;} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#F6F6F6; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#F6F6F6; text-indent:-9999em; overflow:hidden; } /* ******************************************************************************************** Notices *********************************************************************************************** */ /* Global site notices */ .global-site-notice { background:#F5F5F5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(../images/alert-icon/i_msg-note.png) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ******************************************************************************************** Lists *********************************************************************************************** */ /* Unordered lists */ ul.bullet, ul.disc, ul.list{ margin:0 0 1em; padding:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li a:before{padding-right: 10px;font-family: FontAwesome;} /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* List */ ul.list{list-style:none outside none; } ul.list li { background-image:none; padding-left:0; } /* Nested unordered lists */ ul.bullet ul, ul.disc ul, ul.list ul{ margin-top:0.5em; margin-bottom:0.5em; } ul.bullet li a, ul.disc li a, ul.list li a{display: block;padding: 3px 0px;} ol.ordered-list li a{display: block;padding: 3px 0px;} /* Separator */ ul .separator {border-bottom:1px solid #fff;margin:8px 1px;overflow:hidden;} ul.separator li a{padding: 10px 0px;border-bottom: 1px solid #F6F6F6;} ul.separator li:last-child a, ul.separator li.last a{border-bottom: none;} ul.separator li.first a{padding-top: 0px;} /* ******************************************************************************************** Custom banners *********************************************************************************************** */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } .page-banners .banner { margin-bottom:2%; text-align: center;} .page-banners .banner.last{margin-bottom:0px;} /* ******************************************************************************************** Category Top Banner Elements *********************************************************************************************** */ .category-block-section{ display:block; margin-bottom:2%; position:relative; clear: both;} .center-block { display:block; margin:0 auto;text-align: center; } .left-block { display:block; margin:0 auto;text-align: left; } .right-block { display:block; margin:0 auto;text-align: right; } .category-block-section.content-width, .category-block-section.full-width{margin-bottom: 0px;} /* ******************************************************************************************** Header container *********************************************************************************************** */ .header-container {left: 0;right: 0;z-index: 999;position: relative;} .header-container .header{background:url(../images/head_bg.png) 0 0 repeat;border-radius: 10px;} .header-container .header .separator{float: right;} .header .dropdown, .header .top-links{float: right;font-size: 14px;border-radius: 10px;} .header .links > li > a{line-height: normal;padding: 0px 10px;color:#fff;} .header .item-left{float: left;margin-right: 15px;} .header .item-right{float: right;margin-left: 15px;} /* Header Custom Links */ .custom-links li{line-height: 1.9em;} .custom-links li a{font-size: 15px;/*color: #FFF;*/} /* Header Primary */ .header-primary{position: relative;float: left;width: 100%;} /* Header Secondary */ .header-secondary{position: relative;border-top-style: solid;border-top-color: #F6F6F6;border-top-width: 0px;clear: both;float: left;width: 100%;} /* logo */ .logo {text-align: left;} .logo strong{display:none;} /* Mini cart ========================================== */ .shopping_cart { background-color: #ee5a38;line-height: 4.28em;} .after-mini-cart { clear:both; } /* Mini Cart Title */ .shopping_cart .dropdown-toggle .summary{line-height: normal;vertical-align: middle;padding-right: 60px;} .shopping_cart .dropdown-toggle span.price {font-weight: normal;color: #FFFFFF;font-size: 17px;} .shopping_cart .dropdown-toggle .amount {} .shopping_cart .dropdown-toggle .subtotal {} .shopping_cart .dropdown-toggle .icon { /*padding:0; width:36px; height:36px;*/ } .shopping_cart .icon-cart{background: url(../images/cart-icon.png) no-repeat center left;width: 45px;height: 34px;position: absolute;top: 0;bottom: 0;margin: auto;right: 0;padding-right: 15px;} /* Mini Cart Content */ .shopping_cart .dropdown-menu a{padding: 0px;} .shopping_cart .dropdown-menu .inner {} .shopping_cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } .shopping_cart .dropdown-menu .empty { padding:0px 0; } .shopping_cart .block-subtitle{font-size: 15px;margin-bottom: 10px;} .shopping_cart .dropdown-menu .price{font-weight: normal;font-size: 14px;} .shopping_cart .item-cart-left{display: inline-block;width: 69%;vertical-align: middle;} .shopping_cart .item-cart-right{display: inline-block;width: 29%;vertical-align: middle;} .shopping_cart .mini-products-list li{float: left;width: 100%;} .shopping_cart .btn-remove, .shopping_cart .btn-edit { display: inline-block;margin: 0 1px;} .shopping_cart .product-details strong { font-weight:normal; } .shopping_cart .subtotal{text-align: left;padding: 14px 0px;clear: both;border-top: 2px solid #F6F6F6;margin-top: 14px;float: left;width: 100%;} .shopping_cart .subtotal .label{} .shopping_cart .subtotal .price{color: #ee5a38;font-size: 1.3em;} .shopping_cart .actions{text-align: center;} .shopping_cart .actions button{width: 50%;float: left;} .shopping_cart .actions button span{float: none;} .shopping_cart .truncated { margin-left:0px; } /* Form Search =============================================================== */ .header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text {display: block;height:42px;line-height:42px\9;padding:0px 35px 0 7px; overflow:hidden;text-overflow:ellipsis;} /* Button */ .form-search .button {position:absolute;right:0;top:0;} .form-search button.button span {width: 34px;height: 34px;font-size: 18px;line-height: 32px;} .form-search button.button span i{font-weight: bold;font-style: normal;line-height: normal;} .form-search .button:hover span {} .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete {left:0 !important;top:42px !important;position:relative;z-index:4100 !important;} .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px;} .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Small Search Box */ .search-wrapper-small .form-search .input-text {height:34px;line-height:34px\9;} .search-wrapper-small .form-search select{height:34px;line-height:34px\9;width: 22.5%;padding: 6px 7px;/*border-right: 2px solid #d0d0d0;*/} .search-wrapper-small .form-search .button span {width:34px;height:34px;} .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Inline Search */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Centered Search */ .search-wrapper-centered .form-search { margin:0 auto;width:90%;float: left;} .search-wrapper-centered .form-search .input-text {float:right;width:77%;} /* Nav Maincontainer ================================================================ */ .nav-maincontainer{float: left;width: 100%;} .nav-maincontainer.template{float: none;display: inline-block;clear: both;vertical-align: middle;} .nav-container{} /*Sticy Header */ .nav-maincontainer.fixed{z-index: 999;background:url(../images/nav_bg.png) 0 0 repeat !important;left: 0;right: 0px;margin: 0 auto;border: 1px solid #F6F6F6;border-top:none;position: fixed;top: 0px; } .nav-maincontainer.fixed .mega-container, .nav-maincontainer.fixed .mega-mobile-container{position: relative;} .header-container.header1{} /* Multiple Header ======================================================= */ /* Header Style 1 */ .header-container.header1 .header-secondary{border-top-width: 1px;} .header-container.header1 .search-wrapper-centered .form-search{padding-left: 10px;} /* Header Style 2 */ /*Shopping Cart*/ .header-container.header2 .shopping_cart{position: absolute;right: 0px;bottom: -79px;line-height: normal;z-index: 1000;} .header-container.header2 .shopping_cart .dropdown-toggle.cover > div{padding: 10px;} .header-container.header2 .shopping_cart .dropdown-toggle .summary{padding: 0px;} .header-container.header2 .shopping_cart .dropdown-toggle .summary span.price{display: none;} .header-container.header2 .shopping_cart .dropdown-toggle .count{background-color: #FFF;width: 22px;height: 22px;border-radius: 100%;font-weight: bold;white-space: nowrap;line-height: 22px;text-align: center;overflow: hidden;letter-spacing: 3px;position: absolute;top: 7px;right: 7px;color: #ee5a38;text-indent: 8px;} .header-container.header2 .shopping_cart .icon-cart{position: relative;padding-right: 0px;background-position: center 2px;} /* other changes*/ .header-container.header2 .header-primary{padding: 10px 0px;} .header-container.header2 .header-secondary{border-top-width: 1px;} .header-container.header2 .logo img{max-height: 59px;} .header-container.header2 .form-search select {display: none;} .header-container.header2 .search-wrapper-centered .form-search .input-text{border: 1px solid #F6F6F6;width: 100%;} .header-container.header2 .search-wrapper-small .form-search .button span{background-color: transparent !important;color: #333333;font-size: 14px;} .header-container.header2 .search-wrapper-small .form-search .button span:hover{color: #ee5a38;} .header-container.header2 .header .currency.dropdown, .header-container.header2 .header .language.dropdown {float: left;} .header-container.header2 .search-wrapper-centered .form-search {float: right;} /* Header Style 3 */ .header-container.header3 .logo{text-align: center;} .header-container.header3 .header-primary{padding: 25px 0px;} .header-container.header3 .search-wrapper-centered .form-search{width: 100%;} .header-container.header3 .form-search .input-text{padding: 0px 7px 0 42px;background-color: transparent !important;width: 100%;} .header-container.header3 .form-search select{display: none;} .header-container.header3 .search-wrapper-small .form-search .button span{background-color: transparent !important;color: #333333;font-size: 14px;} .header-container.header3 .search-wrapper-small .form-search .button span:hover{color: #ee5a38;} .header-container.header3 .form-search .button{right: auto;left: 0;} .header-container.header3 .nav-maincontainer{text-align: center;} .header-container.header3 .nav-maincontainer .nav-container{position: relative;} .header-container.header3 #mega-nav > li{float: none;display: inline-table;} .header-container.header3 #nav li{float: none;display: inline-table;} /*Shopping Cart*/ .header-container.header3 .shopping_cart{position: absolute;right: 0px;bottom: -79px;line-height: normal;z-index: 1000;} .header-container.header3 .shopping_cart .dropdown-toggle.cover > div{padding: 10px;} .header-container.header3 .shopping_cart .dropdown-toggle .summary{padding: 0px;} .header-container.header3 .shopping_cart .dropdown-toggle .summary span.price{display: none;} .header-container.header3 .shopping_cart .dropdown-toggle .count{background-color: #FFF;width: 22px;height: 22px;border-radius: 100%;font-weight: bold;white-space: nowrap;line-height: 22px;text-align: center;overflow: hidden;letter-spacing: 3px;position: absolute;top: 7px;right: 7px;color: #ee5a38;text-indent: 8px;} .header-container.header3 .shopping_cart .icon-cart{position: relative;padding-right: 0px;background-position: center 2px;} /* other changes*/ .header-container.header3 .header .currency.dropdown, .header-container.header3 .header .language.dropdown {float: right;} /* Header Style 4 */ .header-container.header4 .logo{text-align: center;} .header-container.header4 .header-primary{padding: 25px 0px;} .header-container.header4 .header .currency.dropdown, .header-container.header4 .header .language.dropdown{float: left;} .header-container.header4 .header-secondary{border-top-width: 1px;} .header-container.header4 .nav-maincontainer{text-align: center;} .header-container.header4 #mega-nav > li{float: none;display: inline-table;} .header-container.header4 #nav li{float: none;display: inline-table;} .header-container.header4 .search-wrapper-centered .form-search{float: right;width: 100%;} .header-container.header4 .form-search .input-text{background-color: transparent !important;width: 100%;} .header-container.header4 .form-search select{display: none;} .header-container.header4 .search-wrapper-small .form-search .button span{background-color: transparent !important;color: #333333;font-size: 14px;} .header-container.header4 .search-wrapper-small .form-search .button span:hover{color: #ee5a38;} /*Shopping Cart*/ .header-container.header4 .shopping_cart{position: absolute;right: 0px;bottom: -79px;line-height: normal;z-index: 1000;} .header-container.header4 .shopping_cart .dropdown-toggle.cover > div{padding: 10px;} .header-container.header4 .shopping_cart .dropdown-toggle .summary{padding: 0px;} .header-container.header4 .shopping_cart .dropdown-toggle .summary span.price{display: none;} .header-container.header4 .shopping_cart .dropdown-toggle .count{background-color: #FFF;width: 22px;height: 22px;border-radius: 100%;font-weight: bold;white-space: nowrap;line-height: 22px;text-align: center;overflow: hidden;letter-spacing: 3px;position: absolute;top: 7px;right: 7px;color: #ee5a38;text-indent: 8px;} .header-container.header4 .shopping_cart .icon-cart{position: relative;padding-right: 0px;background-position: center 2px;} /* Header Style 5 */ .header-container.header5 .logo{text-align: center;} .header-container.header5 .header-primary{padding: 25px 0px;} .header-container.header5 .header .currency.dropdown, .header-container.header5 .header .language.dropdown{float: left;} .header-container.header5 .nav-maincontainer{text-align: center;} .header-container.header5 #mega-nav > li{float: none;display: inline-table;} .header-container.header5 #nav li{float: none;display: inline-table;} .header-container.header5 .search-wrapper-centered .form-search{float: right;width: 100%;} .header-container.header5 .form-search .input-text{background-color: transparent !important;width: 100%;} .header-container.header5 .form-search select{display: none;} .header-container.header5 .search-wrapper-small .form-search .button span{background-color: transparent !important;color: #333333;font-size: 14px;} .header-container.header5 .search-wrapper-small .form-search .button span:hover{color: #ee5a38;} .header-container.header5 .block_header_top, .header-container.header5 .shopping_cart{clear: both;margin-top: 50px;} .header-container.header5 .shopping_cart{background-color: transparent !important;} /* Header Style 6 */ .header-container.header6 .logo img{max-height: 59px;} .header-container.header6 .search-wrapper-centered .form-search{float: right;width: 100%;} .header-container.header6 .form-search .input-text{background-color: transparent !important;width: 100%;} .header-container.header6 .form-search select{display: none;} .header-container.header6 .search-wrapper-small .form-search .button span{background-color: transparent !important;color: #333333;font-size: 14px;} .header-container.header6 .search-wrapper-small .form-search .button span:hover{color: #ee5a38;} /*Shopping Cart*/ .header-container.header6 .shopping_cart{position: absolute;right: 0px;bottom: -79px;line-height: normal;z-index: 1000;} .header-container.header6 .shopping_cart .dropdown-toggle.cover > div{padding: 10px;} .header-container.header6 .shopping_cart .dropdown-toggle .summary{padding: 0px;} .header-container.header6 .shopping_cart .dropdown-toggle .summary span.price{display: none;} .header-container.header6 .shopping_cart .dropdown-toggle .count{background-color: #FFF;width: 22px;height: 22px;border-radius: 100%;font-weight: bold;white-space: nowrap;line-height: 22px;text-align: center;overflow: hidden;letter-spacing: 3px;position: absolute;top: 7px;right: 7px;color: #ee5a38;text-indent: 8px;} .header-container.header6 .shopping_cart .icon-cart{position: relative;padding-right: 0px;background-position: center 2px;} /* other changes*/ .header-container.header6 .header-secondary{border-top-width: 1px;padding: 20px 0px;} .header-container.header6 .header .currency.dropdown, .header-container.header6 .header .language.dropdown {float: left;} /* Header Style 7 */ .header-container.header7 .header-primary{padding: 25px 0px;} .header-container.header7 .header .currency.dropdown, .header-container.header7 .header .language.dropdown{float: right;} .header-container.header7 .search-wrapper-centered .form-search{float: none;} .header-container.header7 .form-search .input-text{width: 100%;} .header-container.header7 .form-search select{display: none;} .header-container.header7 .header-secondary{border-top-width: 1px;} /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Blocks */ .block { margin:0 0 20px; padding: 12px;} .block .block-title {margin-bottom: 20px;} .block .block-title strong {font-weight: inherit;display: block;/*padding: 0px 20px;*/} .block .block-title strong span{border-bottom: 2px solid #F6F6F6;padding-bottom: 10px;display: block;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 14px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ font-size: 1.2em;} .block .block-content li{padding: 5px 0px;} .block .block-content li.item { padding: 14px 0;border-bottom: 2px solid #F6F6F6;} .block .block-content li.item:first-child{padding-top: 0px;} .block .block-content li.item.last, .block .block-content li.item:last-child{padding-bottom: 0px;border-bottom: none;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin: 14px 0 0 0;text-align: right;border-top: 2px solid #F6F6F6;padding-top: 14px;} .block .actions a { float:left; } /* Block lists */ .block-viewed .block-content .product-name, .block-compare .block-content .product-name, .block-compared .block-content .product-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Mini Products List */ .mini-products-list li { padding:14px 0; border-bottom: 2px solid #F6F6F6;} .mini-products-list .product-image { float:left; width:40px; } .mini-products-list .product-details { margin-left:50px; text-align: left;} .mini-products-list .product-details h4 { font-size:1em; font-weight: bold; margin:0; } .mini-products-list li.last{padding-bottom: 0px;border-bottom: none;} .mini-products-list .product-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;} .mini-products-list .price-box{padding: 0px 0px 5px;} .mini-products-list .price-box .price-label{display: none;} /* Block Account */ .block-account li > * {display:block;} .block-account li strong {font-weight: normal;color: #ee5a38;} /* Block: Currency */ .col-left.sidebar .currency{display: none;} /* Block Layered Navigation */ .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* Filters of list */ .block-layered-nav dl, .block-blog dl{ padding-left:0px; padding-top:0px; } .block-layered-nav dt, .block-blog dt{line-height: 1.1111em;font-size: 120%;padding: 0;} .block-layered-nav dd, .block-blog dd{ padding:10px 0 15px 15px; float: left;width: 100%;} .block-layered-nav dd ol li a, .block-blog dd ol li a{display: block;padding: 0px 0px;} .block-layered-nav dd.last, .block-blog dd.last{ border-bottom:none; padding-bottom: 0px;} /* Filters Current*/ .block-layered-nav .currently { /* margin:10px 0; */ } .block-layered-nav .currently .block-subtitle { display:block; padding: 0px 0px 5px; font-weight:normal; } .block-layered-nav .currently ol { /* padding:10px; */ } .block-layered-nav .currently ol li { /* margin-bottom:4px; */ position: relative; position: relative; padding: 10px 0px;} .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; position: absolute; right: 0; top: 50%; margin-top: -12.5px;} .block-layered-nav .actions { /* margin:0; */ } .block-layered-nav .actions a { float:right; } /* Block Category Sidebar Navigation */ /* List items */ #sidenav{} #sidenav li{ padding:0px 0;position:relative;border: none;} #sidenav li.active a{} #sidenav li.last{border:0 none;} #sidenav li:hover{} #sidenav li a{display: block;padding: 14px 0px;border-bottom: 2px solid #F6F6F6;} /*#sidenav li > a span{position: relative;z-index: 2;}*/ #sidenav li.level0:first-child > a{padding-top: 0px;} #sidenav li.level0:last-child > a{} /* List Levels */ #sidenav li ul.level0{display:none;padding-left:15px;} #sidenav li.active ul.level0{display:block;} #sidenav li.active ul.level0 li.active ul.level1{display:block;} #sidenav li.active ul.level0 li.active ul.level1 li.active ul.level2{display:block;} #sidenav li ul.level0 li.last{border:0 none;} /* Level 0 */ #sidenav li.level0 > a{text-transform: uppercase;} /* Level 1 */ #sidenav li ul li ul{ display:none;padding-left:15px;} /*#sidenav li.level1 a{padding-top: 5px;padding-bottom: 5px; }*/ #sidenav li.level1 a.show-cat{} /* List Active Icons */ #sidenav li a.show-cat{text-align: center;position: absolute;top: 0;width: 30px;padding: 0px;border-bottom: none;font-family: FontAwesome;right: 0;font-size: 14px;height: 48px;line-height: 48px;} #sidenav li a.show-cat span.minus{display:none;} #sidenav li a.show-cat.active span.minus{display:inline-block;} #sidenav li a.show-cat.active span.plus{display:none;} #sidenav li a.show-cat span.plus{display:inline-block;} /*Level Active & Hover*/ #sidenav li.active > a, #sidenav li a.show-cat.active{color: #ee5a38;} #sidenav li.level0:first-child > a.show-cat{height: 34px;line-height: 18px;} /* Block: Wishlist */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block Related */ .block-related .block-subtitle {display:none;position:absolute;padding:1em 0;margin:-20px 0 0;border-top:1px solid #F6F6F6;border-bottom:1px solid #F6F6F6;font-weight:normal;z-index:1;} .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } #block-related-slider input.checkbox { float: left;margin: -13px 0 0 10px;position: relative; } .block-related-thumbnails .product-image {float:left;margin-bottom:10px;} .block-related-thumbnails .product-details {margin-left:110px;} .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Block Compare Products */ .compare-table { border:0; margin-bottom: 20px;} .compare-table .btn-remove { vertical-align: middle;} .compare-table .btn-remove:before{margin-right: 8px;margin-left: 8px;} .compare-table tbody tr:hover {/* background-color:#F5F5F5; */} .compare-table .product-shop-row { } .compare-table .product-shop-row th, .compare-table .product-shop-row td { } .compare-table tr.add-to-row { } .compare-table tr.add-to-row:hover { } .compare-table tr th{border-bottom: none;vertical-align: middle;} .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr td{border-left-width: 2px;} .compare-table tr.first td .product-name { margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } .compare-table .price-box .price{font-weight: 500;} /* Compare Table */ .compare-table .product-image img { display:block; } .compare-table .add-to-row td{border-bottom: none;} .compare-table .add-to-row p{display: inline-block;} .compare-table .add-to-links { margin-top:0px; display: inline-block;} .compare-table .add-to-links li { float:none; margin: 0px 0px 0 15px;font-size: 13px;display: inline-block;} .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} .block-compared .product-name{} /* Block: Compare */ .block-compare .product-name{} /* Block Poll */ .block-poll .block-subtitle { } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block Tags */ .block-tags .block-content .tags-list { background:none; border:0; font-size:14px;padding: 0px; } .block-tags .tags-list li{min-height: 30px;display: inline-block;vertical-align: top;line-height: 30px;margin:0px 4px;} .block-tags .tags-list a {display: block;padding: 0 12px;background-color: #e9e9e9;} .block-tags .tags-list a:hover {background-color: #ee5a38;color: #FFF;} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block Subscribe */ .block-subscribe .input-box { margin-top: 5px; position: relative;margin-top: 10px;} .block-subscribe input { width:100%;padding-right: 50px; } .block-subscribe button.button { float:none;position: absolute;top: 0;right: 0; } .block-subscribe button.button span span{width: 47px;height: 47px;line-height: 47px;padding: 0px;font-size: 18px;} /* Block Reorder */ .block-reorder input.checkbox { float:left; margin:3px 0px 0 0; } .block-reorder .product-name { margin-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block Login */ .block-login label { font-weight: bold; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:20px 0 0px; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Quick View */ .quick-view{text-indent: -999em;position: absolute;left: 50%;top: 50%;z-index: 1;margin: -26px 0 0 -26px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform:scale(0) rotate(360deg);-moz-transform:scale(0) rotate(360deg);-o-transform:scale(0) rotate(360deg);transform:scale(0) rotate(360deg);} .products-grid .item:hover .quick-view, .products-list .item:hover .quick-view{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);} .quick-view a{width: 52px;height: 52px; display: block;background: url("../images/ico-quickview.png") no-repeat left top;} /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* View Type: Grid OR View Type: List ======================================================== */ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ margin:0 auto; position:relative; text-align: center;} /* Product Name */ .products-list .product-name, .products-grid .product-name, h3.product-name {} .products-list .product-name, .products-grid .product-name{line-height: 1.3em;} /* Product Price*/ .products-grid .price-box .price, .products-list .price-box .price{font-size: 1.5em;line-height: 1em;} .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price{font-size: 14px;line-height: 1.3em;} /* View Type: Grid ======================================================================= */ .products-grid {} .products-grid .item {position:relative;background-color: #FFFFFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} /*Product Image*/ .products-grid .product-image {display: block;margin-left: auto;margin-right: auto;} /*Product Content*/ .products-grid .product-content-wrapper{padding: 22px 22px;width: 100%;display: inline-block;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-grid .product-content{} .products-grid .product-name { } .products-grid .vert{} .products-grid .price-box { } .products-grid .price-box p{margin-bottom: 0px;} .products-grid .price-box .price{} .products-grid .ratings {} .products-grid .price-box .price-label{display: none;} .products-grid .ratings, .products-grid .no-rating{display: none;} .products-grid .ratings .rating-box{margin-right: 0px;float: none;display: inline-block;} .products-grid .rating-links{display: none;} .products-grid .actions {} .products-grid .availability { float:none; margin:5px 0; } .products-grid div.btn-cart{} .products-grid button.button{} .products-grid button.button span{text-transform: uppercase;} .products-grid button.button span span{padding-top: 13px;padding-bottom: 13px;} .products-grid .add-to-links {} .products-grid .add-to-links li{} /* Display only on hover */ .products-grid .item .display-onhover { display:none; } .products-grid .item:hover .display-onhover{display: block;} /* Product name single line */ .products-grid .product-name.single-line-name{overflow: hidden;} /* Product only in category view */ .category-products-grid .item {zoom:1;transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-moz-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-webkit-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-o-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;} /* Hover effect*/ .category-products-grid .item:hover {z-index:401;} /* Category Full ================================================================================= */ .category-full .col-main, .category-full .col-left{float: none;} .category-full .breadcrumbs{float: none;width: auto;} .category-full .sorter, .category-full .pager, .category-full .breadcrumbs{padding-left: 2%;padding-right: 2%;} /* Block Layered Navigation (Category Full Width Left Siderbar) */ .category-full .col-left .block.block-layered-nav{display: block;padding-top: 20px;padding-bottom: 20px;margin-bottom: 2%;} .category-full .col-left .block.block-layered-nav > .block-content{padding: 0px;} .category-full .col-left .block.block-layered-nav > .block-title{display: none;} .category-full .col-left .block.block-layered-nav .block-content .view{float: left;margin-left: 1%;margin-right: 1%;width: 18%;} .category-full .col-left .block.block-layered-nav .block-content .view:nth-child(5n+1){clear: left !important;} .category-full .col-left .block.block-layered-nav .block-content .view .block-title{border-bottom: none;font-size: 1.1em;margin-bottom: 0px;font-style: italic;} .category-full .col-left .block.block-layered-nav .block-content .view .opener{right: 0;top: 10px;text-indent: 0px;background-color: transparent;color: #333333;width: 21px;height: 21px;line-height: 21px;} .category-full .col-left .block.block-layered-nav .view .block-content{padding: 0px;font-size: inherit;padding-top: 10px;padding-bottom: 10px;} /* Display only Visible on hover */ .visible-onhover{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;} .dropdown:hover .visible-onhover, .products-grid .item:hover .visible-onhover{visibility:visible;opacity:1;transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-moz-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-webkit-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-o-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;} /* View Type: List ======================================================================== */ .products-list .item {position:relative; margin-top: 20px;zoom:1;background-color: #FFFFFF;transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-moz-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-webkit-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;-o-transition:box-shadow 400ms ease-in-out, border-color 400ms ease-in-out;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-list .item:hover {z-index:10;box-shadow:1px 0px 21px 0px rgba(0,0,0,0.21);} .products-list .product-shop {padding: 20px 0px;} .products-list .product-shop-inner { padding: 0 10px;} .products-list .right-column { } .products-list .right-column-inner{padding: 0 10px;} .products-list .product-name { margin: 0 0 5px;font-size: 1.5em;line-height: 1.5em;} .products-list .product-image { display: block;margin-left: auto;margin-right: auto;max-width: 279px;} .products-list .price-box { /*text-align: right;*/} .products-list .price-box .price{font-size: 2.2em;} .products-list .price-box .old-price .price{font-size: 18px;} .products-list .price-box .price-label{display: none;} .products-list .ratings { margin:0px 0 25px; } .products-list .ratings .rating-links .separator, .products-list .ratings .rating-links{display: none;} .products-list .desc { margin:15px 0px;padding: 10px 0px; font-size: 1.2em;line-height: 1.5;} .products-list .link-learn {color: #ee5a38;} .products-list .link-learn:hover{text-decoration: underline;} .products-list .actions{clear: both;} .products-list .btn-cart {width: 96%;max-width: 181px;margin-bottom: 5px;} .products-list .button span { float:none; } .products-list .button span span{padding-top: 13px;padding-bottom: 13px;} .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links {display: inline-block;vertical-align: middle;margin-bottom: 5px;} .products-list .add-to-links li{float: none;display: inline-block;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* List Or Grid Label */ .sale, .new{width: 0;height: 0;position: absolute;top: 0px;z-index: 1;font-size: 9px;color: #FFF;background-color: transparent;visibility:visible;opacity:1;transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-moz-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-webkit-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-o-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;} .sale{border-top: 46px solid #3fe206;border-left: 46px solid transparent;right: 0px;} .sale label{position: absolute;top: -41px;right: 6px;} .new{border-top: 46px solid #8046f7;border-right: 46px solid transparent;left: 0px;} .new label{position: absolute;top: -41px;left: 6px;} .products-grid .item:hover .sale, .products-grid .item:hover .new{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;} .hidden .sale, .hidden .new{display:none;} /* Category Label*/ span.category-label{ padding: 0 6px !important; line-height: 22px;font-size: .91em; font-weight: 700; background-color: #d4515a;color: #ffffff;text-transform: capitalize; position: absolute; font-size: 11px; text-transform: uppercase; transition:background-color 450ms ease-in-out, color 450ms ease-in-out;-moz-transition:background-color 450ms ease-in-out, color 450ms ease-in-out;-webkit-transition:background-color 450ms ease-in-out, color 450ms ease-in-out;-o-transition:background-color 450ms ease-in-out, color 450ms ease-in-out; } /*Menu Category Label (Custom Menu) */ #mega-nav > li > a span.category-label{top: 0px;left: inherit;right: inherit;background-color: transparent !important;color: #ee5a38;padding: 0px !important;} /*Lable Marging Left Side*/ #sidenav li a span.category-label, #mega-nav ul.subs li a span.category-label{ margin-left: 5px;} /*Category Label Hover Effect */ .nav-container #nav li a.over span.category-label, a:hover span.category-label{background-color: #34a994;} /* Product alternative image */ .products-list .product-image .thumbnail, .products-grid .product-image .thumbnail {display: none;} .products-grid .item:hover .product-image .thumbnail, .products-list .item:hover .product-image .thumbnail{display: inline-block;} .products-grid .item:hover .product-image .small-image, .products-list .item:hover .product-image .small-image{display: none;} /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img {-moz-transform: translateZ(0);} /* Product Style 1 */ .products-grid.product-style1 .vert{display: table;position: absolute;top: 24px;right: 24px;width: 85px;height: 85px;border-radius: 100%;background-color: #ee5a38;text-align: center;} .products-grid.product-style1 .price-box { padding: 0px;margin: 0px;display: table-cell;vertical-align: middle;} .products-grid.product-style1 .price-box .price{color: #FFF;} .products-grid.product-style1 .ratings, .products-grid.product-style1 .no-rating{display: block;} .products-grid.product-style1 .ratings {margin: 8px 0px 0px 0px;} .products-grid.product-style1 .add-to-links{float: left;} /* Product Style 2 */ .products-grid.product-style2 .product-content{width: 100%;min-height: 42px;} .products-grid.product-style2 .product-name{display: inline-block;vertical-align: top;width: 69%;} .products-grid.product-style2 .vert{display: inline-block;vertical-align: top;text-align: right;width: 29%;} /* Product Style 3 */ .products-grid.product-style3 .vert{margin-top: 8px;} .products-grid.product-style3 .vert .price-box p{display: inline-block;} .products-grid.product-style3 .vert .price-box .price{font-size: 1.2222em;line-height: 1.2222em;} /* Hover Style 1 */ .category-products-grid.product-hover-style1 .item:hover {box-shadow:1px 0px 21px 0px rgba(0,0,0,0.21);border-color:transparent;} .products-grid.product-hover-style1 .actions { padding: 20px 0 0;width: 100%;text-align: left;float: left;} .products-grid.product-hover-style1 div.btn-cart button.button{float: left;margin-right: 2px;margin-bottom: 2px;} .products-grid.product-hover-style1 .add-to-links li{margin-right: 2px;margin-bottom: 2px;} /* Hover Style 2 */ .products-grid.product-hover-style2 .actions { position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(23, 199, 190, 0.90);text-align: center;} .products-grid.product-hover-style2 .actions-inner{position: absolute;top: 50%;margin-top: -80PX;left: 0;right: 0;} .products-grid.product-hover-style2 button.button{width: 100%;max-width: 170px;} .products-grid.product-hover-style2 button.button span{float: none;padding: 0px;text-align: left;} .products-grid.product-hover-style2 button.button div.icon{text-indent: 0px;width: 47px;height: 47px;line-height: 47px;padding: 0px;vertical-align: inherit;} .products-grid.product-hover-style2 .add-to-links{width: 100%;max-width: 170px;display: inline-block;} .products-grid.product-hover-style2 .add-to-links li{float: none;margin-top: 10px;} .products-grid.product-hover-style2 .add-to-links li a{font-size: 1.2em;display: block;text-transform: uppercase;text-align: left;} .products-grid.product-hover-style2 .quick-view{top: 20%;display: none;} .products-grid.product-hover-style2 .actions, .products-grid.product-hover-style3 .actions{cursor: pointer;} /* Add to links & Add to cart (BG & Color) */ .products-grid.product-hover-style2 button.button span, .products-grid.product-hover-style2 .add-to-links li a{background-color: #000000;color: #FFF;} /*Hover Color*/ .products-grid.product-hover-style2 button.button:hover span, .products-grid.product-hover-style2 .add-to-links li a:hover{background-color: #FFFFFF;color: #000000;} /* Hover Style 3 */ .products-grid.product-hover-style3 .actions { position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.90);text-align: center;} .products-grid.product-hover-style3 .actions-inner{position: absolute;top: 50%;margin-top: -57px;left: 50%;margin-left: -58px;} .products-grid.product-hover-style3 .add-to-links li{margin-top: 20px;} .products-grid.product-hover-style3 .add-to-links li.last{float: right;} .products-grid.product-hover-style3 .addto-links-icons.icon-bg-color span.icon{background-color: #000000;color: #FFF;} .products-grid.product-hover-style3 .addto-links-icons.icon-bg-color span.icon:hover{background-color: #ee5a38;} .products-grid.product-hover-style3 .quick-view{top: 25%;} /* Hover Style 4 */ .products-grid.product-hover-style4 .product-content-wrapper{position: relative;} .products-grid.product-hover-style4 .actions { position: absolute;top: 1px;right: 0;left: 0;bottom: 0;background-color: rgba(255, 255, 255, 1);padding: 22px 22px;} .products-grid.product-hover-style4 .item:hover .actions{} .products-grid.product-hover-style4 .actions-inner{} .products-grid.product-hover-style4 div.btn-cart{display: inline-block;vertical-align: middle;} .products-grid.product-hover-style4 button.button span{background-color: transparent !important;color: #333333;padding-left: 0px;padding-right: 0px;} .products-grid.product-hover-style4 button.button:hover span{background-color: transparent !important;color: #ee5a38;} .products-grid.product-hover-style4 .add-to-links{float: right;} /* ******************************************************************* Product view ******************************************************************* */ /* Rating */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .no-rating{margin: 0px;} .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator {display:inline-block;width:1px;} .ratings dt {} .ratings dd {} .rating-box { width:66px; height:12px; font-size:0; line-height:0; background:url(../images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(../images/ratings.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability Stock */ .availability { margin:0; } .availability span { } .availability.in-stock span {color: #27ae60;} .availability.out-of-stock span { color: #cb2700;} .availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; } .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight: bold;} .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend {display: table-cell;vertical-align: middle;width: 30%;} .email-friend a{} /* Alerts */ .alert-price { margin:0;} .alert-stock { margin:0;} .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(../images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(../images/default-icon/icons.png) 0 -160px no-repeat; } /********** < Product Prices */ /* Product Prices */ .price { white-space:nowrap !important;font-size: 100%;} .price-box { margin: 0; } .price-box .price {} .price-box .price-label {font-size: 13px;font-weight: 400;padding-right: 5px;} /* Common price */ .regular-price .price, .minimal-price .price{color: #ee5a38;} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0;} .old-price .price { color: #a1a1a1;text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#ee5a38; } .special-price .price-excluding-tax .price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#ee5a38; } /* 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 {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight: 500;white-space:nowrap; } .configured-price .price {font-weight: 500;} /* FPT */ .weee { display:block; font-size:11px; } .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: 500;} /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.3333em; font-weight: 500; text-transform:uppercase; white-space:nowrap;} .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; padding:0 0 0 0px; margin:3px 0; } .tier-prices li:before{font-family: FontAwesome;padding-right: 11px;} .tier-prices .benefit { color:#cb2700; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight: 500;} /* Add-to links */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links {margin:0px 0 0; } .add-to-links span.icon{} .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /*Icons Add To Links*/ .addto-links-icons span.icon{width: 50px;height: 47px;line-height: 50px;font-size: 16px;text-indent: 0px;padding: 0px;} .addto-links-icons.icon-bg-color span.icon{background-color: #e9e9e9;color: #999999;} .addto-links-icons.icon-bg-color span.icon:hover{background-color: #ee5a38;color: #FFFFFF;} /* Add to Cart */ .add-to-cart label{font-size: 1.2em;line-height: 1.222em;padding-right: 5px;color: #999;margin-top: -10px;} .add-to-cart .qty { text-align:center; margin-right:10px;margin-bottom: 10px; } .add-to-cart .button { margin-right:10px;text-transform: uppercase; margin-bottom: 10px;} .product-view .add-to-cart { float:left; } .product-view .product-shop .add-to-cart *{display: inline-block;vertical-align: middle;} /* Quantity Counter */ .product-view .product-shop .quantity_counter{margin-bottom: 10px;margin-right: 8px;} /* Product Paypal */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Cart Box Right */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages */ #messages_product_view { margin: 0 auto; width: 98%; } /* ***************************************************************** Product page ****************************************************************** */ /* Block Additional Box*/ .product-view .box-additional { margin-top:20px; } .product-view .box-tabs {/*margin-bottom: 30px;margin-top: 30px;*/} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product Images Box */ .img-box{text-align: center;margin: 0 auto;} .img-box.position-y{padding: 0px;width: 78.9%;float: right;} /* Product Images Column */ .product-view .product-img-column {float:left;position:relative;} .product-view .product-img-column img{display: inline-block !important;} .col3-layout .product-view .product-img-column { float:none; margin:0 auto; display: inline-block;} /* Product Image */ .img-box .product-image {max-width: 588px; margin: 0 auto; position:relative;} .img-box .product-image a{position: initial !important;} .img-box .product-image.product-image-zoom { } .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight: bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .itemslider-thumbnails {margin-left: auto !important; margin-right: auto !important; padding: 0 44px;width: auto !important;margin: 25px 0px;max-width: 500px;} /* count-4 is default */ .itemslider-thumbnails .item {margin: 0px 5px;} /*without margin*/ .itemslider-thumbnails.no-margin{max-width: 588px;padding: 0px;} .itemslider-thumbnails.no-margin .item{padding: 2px 1px;margin: 0px;} /*Vertical thumbnail*/ .itemslider-thumbnails.position-y{width: 19.1% !important;float: left;margin-right: 2% !important;margin: 0px;padding: 0px;} .itemslider-thumbnails.position-y .item{margin:5px 0px;} /*without margin position Y*/ .itemslider-thumbnails.position-y.no-margin{width: 21.1% !important;margin-right: 0% !important;} .itemslider-thumbnails.position-y.no-margin .item{margin: 0px;padding: 1px 2px 1px 0px;} /* Product Shop */ .product-view .product-shop { float: left;padding: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .product-view .product-essential .product-name {margin:0 0 0em; margin-bottom: 20px;} .product-view .product-essential .product-name h1 { margin:0; font-size:16px;line-height: 1.25em;color: #fff;} .product-view .price-stock{/*text-align: right;*/text-align: left;float: left;width: 100%;} .product-view .product-shop .price-box{/*float: left;text-align: left;*/ margin-bottom: 10px;} .product-view .availability{font-size: 1.2em;} .product-view .brand-email{display: table;width: 100%;text-align: right;margin-top: 15px;font-size: 1.2em;float: left;} .product-view .review-sku{/*display: table;*/float: left;width: 100%;/*text-align: right;*/text-align: left;margin-top: 15px;font-size: 1.2em;} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{/*margin: 0px;display: table-cell;vertical-align: middle;width: 30%;*/margin: 0px 0px 10px 0px;} .product-view .product-shop .ratings .rating-links{display: none;} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description {margin: 35px 0px;float: left;width: 100%;font-size: 1.2em;line-height: 1.6em;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Product Brand */ .box-brand {display: table-cell;vertical-align: middle;width: 70%;} .box-brand img {display: block; max-width: 100px;} .box-brand .brand-name {} .box-brand .brand-name .label {} /*Sharing Button*/ .sharing-button {clear: both;} /* Prices For Product Page */ /* Main price */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price {font-size: 2.1111em;} /* Special price */ .product-view .price-box .special-price { white-space:nowrap; } .product-view .price-box .special-price .price-label { white-space:nowrap;display: none; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Old price */ .product-view .product-shop .price-box .old-price .price{font-size: 18px;} .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* price-from price & price-to price */ .product-view .product-shop .price-box .price-from .price, .product-view .product-shop .price-box .price-to .price, .product-view .product-shop .price-box .minimal-price .price{font-size: 1.3em;} /* MSRP price */ .map-popup-msrp .price { display:block; } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } .product-view .price-box p.special-price, .product-view .price-box p.old-price{display: inline-block;padding-right: 5px;} .product-view .price-box-bundle .price-box p{margin-bottom: 5px;} .product-view .price-box-bundle + .price-box{clear: both;} /* Add-to links */ .product-view .action-box { margin:20px 0 0px; } .product-view .product-shop .add-to-links{} .product-view .product-shop .add-to-links li{margin-right: 10px;margin-bottom: 10px;} .product-view .product-shop .add-to-links a:hover{} /* Button container */ .product-view .add-to-box {clear: both;} /* Other elements */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* ************************************************************************* Product options ************************************************************************** */ .product-options { position:relative; margin-bottom:35px;clear: both;font-size: 1.2em;} .product-options dt { } .product-options dt label, .product-options dd .qty-holder label{ display: inline-block;margin: 0 0 5px;line-height: 1.2222em;color: #999;} .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle;padding-right: 5px;margin-bottom: 0px;} .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 20px; } .product-options dl.last dd.last { border-bottom:0;margin-bottom: 0px;} .product-options dd input.input-text, .product-options dd input.product-custom-option{ width:100%; /*98%*/ height: 47px;padding: 13px;} .product-options dd input.qty{height: 35px;width: 50px !important;padding: 7px;} .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:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; height: 47px;padding: 8px;} .product-options dd .multiselect option { padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list input.checkbox { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-5px; font-size: 12px;} /* Product Options Bottom */ .product-options-bottom { margin-top:20px; } .product-options-bottom .price-box{display: none;} .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product */ .product-view .grouped-items-table { margin:0; clear:both;margin-bottom: 15px;} .product-view .grouped-items-table thead th { font-size: 1.1111em;line-height: 1.1111em; padding-top: 0px;} .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:16px; } /* Downloadable product */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } .product-type-data .item-options dd { padding-left:15px; } /* Product collateral blocks (Hide h2 heading which is the same as tab text) */ .box-tabs .panel > h2{display:none; } /* Block Tags */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags h3{font-size: 1.2222em;margin-bottom: 5px;} .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #F6F6F6; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display: block;margin: 0 0 8px;font-size: 1.2222em;line-height: 1.2222em;} .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; } /* Block Reviews */ .product-view .box-reviews { } .product-view .box-reviews dl { margin:0 0 0px; } .product-view .box-reviews dt{} .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dt a { font-size: 1.3em;margin-right: 8px;font-weight: 700;} .product-view .box-reviews dd {margin: 0 0 20px 0px;border-bottom: 2px solid #F6F6F6;padding: 10px 0px 20px;border-top: none;} .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; color: #696e6e;} .product-view .box-reviews .ratings-table { margin:0px 0 8px; } /* Block Add Reviews */ .product-view .form-add {} .product-view .form-add h2 { text-transform:uppercase; } .product-view .form-add h3 { font-size:1.2222em; font-weight:normal; margin-bottom:5px; } .product-view .form-add h3 span { font-weight: bold;} .product-view .form-add h4 { font-size:1.2222em; font-weight:normal; } .product-view .form-add h3, .product-view .form-add h4 { font-family:inherit; } .product-view .form-add .form-list { margin:15px 0 0; } .product-view .form-add .form-list .input-box {} .product-view .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .buttons-set button.button { float:left; margin-left:0; } .product-view .form-add .data-table {box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;background-color: transparent;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { line-height:1em; text-align: center;} .product-view .form-add .data-table th{border-right: none;text-align: left;} .product-view .form-add .data-table td .radio { margin:0; } /* Send a Friend */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* ************************************************************************* Content Styles ************************************************************************** */ .product-name { margin: 0px; font-size: 14px;line-height: 1.2222em;} /* Product Tags */ .tags-list { background:none; border:0; font-size:14px;padding: 0px; } .tags-list li{min-height: 30px;display: inline-block;vertical-align: top;line-height: 30px;margin:5px 4px;} .tags-list a {display: block;padding: 0 12px;background-color: #e9e9e9;} .tags-list a:hover {background-color: #ee5a38;color: #FFF;} /* Advanced Search */ .advanced-search .form-list label { } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {clear:both;} .advanced-search-summary { padding:10px 0px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:0px 0 0; } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 0px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin: 15px 0px;float: left;width: 100%;} .page-sitemap .sitemap li { margin: 3px 3px;display: inline-block;font-size: 13px;} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight: bold;} .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { float: left;padding: 0px;border: none;} /* RSS */ .rss-title h1 { background:url(../images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* ************************************************************************* Shopping Cart ************************************************************************** */ /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table .product-image { width:168px; display:block; margin-left: auto;margin-right: auto;} .cart-table .product-name { margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold;clear: both;} .cart-table .cart-price{font-size: 1.3em;line-height: 1.3em;} .cart-table .subtotal-price .cart-price{font-weight: bold;} .cart-table tfoot td { } .cart-table .btn-edit, .cart-table .btn-remove, .cart-table .link-wishlist{margin:5px 0 0 0px;white-space: nowrap;} /* Table Tfoot Buttons */ .cart-table tfoot td.last {} .cart-table tfoot button {} .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; margin-left: 1%;} /* Cart Collateral blocks */ .cart-collaterals { margin-top:30px; } .cart .cart-left-column > *, .cart .cart-right-column > *, .cart .totals{ margin-bottom:10px; } .cart .cart-right-column { float:right; } /* Crosssell */ .cart .crosssell{clear: both;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:20px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount, .cart .shipping{padding: 20px;} .cart .discount h2, .cart .shipping h2{margin-bottom: 20px;} /* Estimate Shipping */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; font-size: 1.2em;} .cart .shipping .sp-methods { margin:20px 0 0; } /* Discount Codes */ .cart .discount label { display:block; margin:0 0 10px; font-size: 1.2em;} .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Shopping Cart Totals */ .cart .totals {padding: 20px;} .cart .totals table { width:100%; } .cart .totals td {font-size: 1.3333em;line-height: 1.3333em;font-weight: normal;} .cart .totals td:first-child.a-right{text-align: left !important;} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 20px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong {font-size: 1.5em;line-height: 1.4444em; /*18px, 20px*/font-weight: normal;} .cart .totals .checkout-types { border-top: 2px solid #F6F6F6;margin-top: 20px;} .cart .totals .checkout-types li { clear:both; margin:25px 0 0px; } .cart .totals .checkout-types li a{font-size: 1.2em;color: #ee5a38;} .cart .totals .checkout-types li a:hover{text-decoration: underline;} /* Options Tool Tip */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options data table */ .data-table .item-options dt {white-space:normal;} .data-table .item-options dt:before{font-family: FontAwesome;padding-right: 5px;} .data-table .item-options { margin:0 0 0 10px; } /* Tool Tip Options*/ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px;background-color: #FFF;box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);} .truncated .truncated_full_value .item-options > p { font-weight: bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ************************************************************************* Checkout ************************************************************************** */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt {font-weight: 500;font-size: 1.2em;margin:10px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0 15px; } .sp-methods .price { font-weight: bold;} .sp-methods .form-list { margin-top: 20px;} .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle;padding-right: 5px; } .cvv-what-is-this { cursor:help; margin-left: 10px;height: 47px;line-height: 47px;} /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form {position:relative; margin-top: 15px;} .gift-messages-form .product-name{margin-bottom: 10px;} .gift-messages-form p { margin-bottom:20px; } .gift-messages-form label { position:static !important; } .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; } .gift-messages-form .item .number { margin:0; font-weight: bold;text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(../images/default-icon/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight: bold;} .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements {padding: 20px;margin: 20px 0px;} .checkout-agreements li { margin:0 0 20px; } .checkout-agreements li:last-child{margin-bottom: 0px;} .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight: bold;} .checkout-agreements .agreement-content { max-height:250px; overflow:auto;} .opc .checkout-agreements {padding: 15px 30px;margin: 0px;box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;border-radius: 0px;background-color: transparent;} /* Centinel */ .centinel .authentication { border:1px solid #F6F6F6; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .info-set .data-table .item-options { margin:5px 0 0; } /* Generic Info Set */ .multiple-checkout h2, .info-set h2 { /*font-weight: bold;*/ margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size: 1.2222em;font-weight: 500;} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:15px;} .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ee5a38; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /********** Common Checkout Styles > */ /* ******************************************************************************************** One Page Checkout *********************************************************************************************** */ /* Block Progress */ .block-progress .block-content { font-size: 1.3em;} .block-progress dt {line-height:18px;margin:0 0 5px;padding:6px 0 6px 0px;} .block-progress dd {border-top: 0 none;margin: 0 0 6px;font-size: 0.90em;} .block-progress dt.complete {color: #ee5a38;} .block-progress dt.complete a { font-weight:normal; } .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; margin: 0px;} .opc .buttons-set p.required { margin:0; padding:0 0 10px; text-align: left;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait {height: 39px;line-height: 39px;margin-bottom: 5px;} .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; float: left;width: 100%;} .opc .section { margin:0 0 0px; padding:0; clear: both;float: left;width: 100%;border-bottom: 2px solid #F6F6F6;} .opc .step-title { text-align:right;padding: 22px 30px;} .opc .step-title .number { float:left; margin:0 8px 0 0;color: #ee5a38; font-size: 2em;line-height: 1.3333em;font-size: 1.9999em;} .opc .step-title h2 { float:left; margin:0;line-height: 1.3333em;} .opc .step-title a {display: none;margin-top: 6px;display: table-cell;visibility: hidden;opacity: 0;display: none;} .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background-color: #E9E9E9;} .opc .active .step-title {cursor: default;background-color: #000;} .opc .active .step-title h2 {color: #FFFFFF;} .opc .step {padding:30px;position:relative;float: left;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .opc .step .tool-tip { right:30px; } #opc-login .content{min-height: 285px;} #opc-login h3 {margin-bottom: 8px;font-size: 1.5em;color: #ee5a38;} #opc-login strong {font-size: 1.2222em;line-height: 1.2222em;} #opc-login .form-list { margin:25px 0; } #opc-login .form-list li.control { margin-bottom: 10px;} #opc-login .form-list li.control label{color: #333333;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height: 49px;line-height: 49px;} #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight: bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 0px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid; text-align:center; } .checkout-progress li.active { color:#ee5a38; } .multiple-checkout .buttons-set { border-top:2px solid #F6F6F6; margin-top:40px; padding-top:15px; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .box-content{position: relative;} .multiple-checkout .tool-tip { bottom: 0;right: 10px;} .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; font-weight: 500;} /* Step 1 */ #multiship-addresses-table td { } #multiship-addresses-table td select{max-width: 300px;} /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:2px solid #F6F6F6; padding:15px; margin-bottom:0; position:relative; } .multiple-checkout .pointer{display: none;} /* ************************************************************************* Account Login/Create Pages ************************************************************************** */ .account-login h2{margin-bottom: 20px;} .account-login .new-users, .account-login .registered-users { margin-bottom:20px;/* padding: 20px;*/} .account-login .new-users .content, .account-login .registered-users .content{min-height: 287px;} /* Checkout Page And Login Page Buttons-set */ #opc-login .buttons-set, .account-login .buttons-set { clear:none; padding:0; margin:0; margin-top: 10px;} #opc-login p, .account-login p { margin-bottom:20px;font-size: 1.2em;line-height: 1.5em; } #opc-login p.required, .account-login p.required { margin:0; text-align: left;} .account-login .buttons-set button, #opc-login .buttons-set button{display: inline-block;margin-left: 0;margin-right: 30px;float: none;} .account-login .buttons-set a, #opc-login .buttons-set a { margin: 0px 0 0;font-size: 1.2em;color: #ee5a38;float: none !important; display: inline-block;} .account-login .buttons-set a:hover, #opc-login .buttons-set a:hover{text-decoration: underline;} /* Remember Me Popup */ .window-overlay {background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-close-button { display:none; } /* ******************************************************************************************** My Account *********************************************************************************************** */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size: 1.2222em;line-height: 1.2222em;margin-bottom: 5px;} .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* Dashboard Commmon Box */ .box-account { margin:0 0 2em;} .box-account .box-head { padding: 0 0 8px;margin: 0 0 20px;text-align: right;border-bottom: 2px solid #F6F6F6;} .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account .box-head a { float:right; margin-top:3px; } .dashboard .box .box-title {padding: 0 0 8px;margin: 0 0 15px;text-align: right;border-bottom: 2px solid #F6F6F6;} .dashboard .box .box-title h3, .dashboard .box .box-title h4 {float: left;font-weight: normal;margin: 0px;} .box-account.box-info .box-content a, .addresses-list ol li a{color: #ee5a38;margin-top: 5px;display: inline-block;} .box-account.box-info .box-content a:hover, .addresses-list ol li a:hover{text-decoration: underline;} /* Block: Recent Orders */ .dashboard .box-recent {} /* Block Account Information */ .dashboard .box-info h4 { margin-bottom: 10px;margin-top: 5px;line-height: 1.111em;font-size: 1.1111em;} /* Block Reviews */ .dashboard .box-reviews .number { float: left;font-size: 1.1111em;line-height: 23px;padding: 0 8px;background: #000000;color: #FFF;margin-top: 3px;} .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews .details{margin-bottom: 10px;} .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews li.item.last .details{margin-bottom: 0px;} .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block Tags */ .dashboard .box-tags .number { float: left;font-size: 1.1111em;line-height: 23px;padding: 0 8px;background: #000000;color: #FFF;margin-top: 3px;} .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2{padding: 0 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 2px solid #F6F6F6;} .addresses-list h3 {margin-bottom: 10px;margin-top: 5px;} .addresses-list .link-remove:hover { color:#cb2700; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { margin:0 0 1.5em;} .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { margin:0 0 1.5em;} .my-account .pager {text-align: right;padding: 0px;padding-bottom: 10px;margin-top: 10px;margin-bottom: 20px;} .my-account .page-title:first-child + .pager{margin-bottom: 0px;} /* Order View */ .order-info { margin: 0px 0 0px;display: inline-block;width: 100%;} .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight: bold;} .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#F5F5F5; } .order-info li a:hover, .order-info li.current { background-color:#000000;color: #FFF; } .order-date { margin:15px 0; color:#ee5a38; clear:both; } .order-info-box { margin:0 0 2.5em; } .order-info-box .col-1 { } .order-info-box .box .box-title{padding: 0 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 2px solid #F6F6F6;} .order-info-box h2 {margin: 0px;} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right:7px; } .order-items { width:100%; } .order-about h2, .order-items h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight: bold;} .order-items .product-name {margin: 0 0 5px;} .order-items .link-print { font-weight:normal; } .order-items .order-links { text-align: right; } .order-items p .link-print { float:none; } .order-items h2.table-caption a, .order-items h2.sub-title a {font-size:12px;font-weight:normal;text-transform:none;} .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { } .order-items .data-table .grand_total { font-size:1.3333em; } .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-details h2 {padding-bottom: 5px;padding: 0 0 8px;margin: 0 0 0px;text-align: left;border-bottom: 2px solid #F6F6F6;} .order-details h2 .separator { color:#F6F6F6; font-size:12px; } /* Order Comments */ .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight: bold;} .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight: bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .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 { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight: 500;} .page-print h2, .page-print h3 { font-size:13px;font-weight: bold;} .page-print h2.h2 { font-size:16px; font-weight: 500;} .page-print .order-date { border-bottom: 1px Solid #F6F6F6; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* 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 Wishlist */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px;} .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .btn-cart { margin:10px 0 5px; display: inherit;} /* My Tags */ .my-tag-edit { float:left; margin:10px 0 10px; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; } .my-tag-edit .btn-remove span{display: none;} .my-account .page-title:first-child + .my-tag-edit + .clearer + .pager{margin-bottom: 0px;} .my-account .tags-list{margin-top: 10px;margin-bottom: 20px;} #my-tags-table { clear:both; } #my-tags-table td .product-image{ width: 100px;display: block;} #my-tags-table .add-to-links { white-space:nowrap; margin-top: 10px;display: inline-block;width: 100%;} /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:10px 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt {font-size: 13px;font-weight: bold;} .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption {font-weight: bold; font-size:13px; } /* ************************************************************************* MAP Popups ************************************************************************** */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase;width:55px;line-height:15px;padding:2px 8px;} .map-cart-sidebar-total:hover {overflow:visible;white-space:normal;background-color:#fff;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);} .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 {margin:0;overflow:hidden;white-space:nowrap;word-wrap: break-word;text-align:left;text-overflow:ellipsis;} .map-popup-arrow { display:none;} .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup */ .remember-me-popup, .map-popup { background:#fff; text-align:left; } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #F6F6F6; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(../images/default-icon/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Other */ .calendar { z-index:200; } /* ************************************************************************* Footer ************************************************************************** */ .footer-container{ margin-top: 20px; float: left; width: 100%; font-size: 14px;} .footer-container .feature-wrapper.bottom-border, .footer-container .feature-wrapper.top-border{ padding: 0px 0px 10px;margin-bottom: 10px;} .footer-top-border{border-color: #121212;border-top: 1px solid rgba(0, 0, 0, 0.30);float: left;width: 100%;} .footer-bottom-border{border-color: #121212;border-bottom: 1px solid rgba(0, 0, 0, 0.30);float: left;width: 100%;} /* Footer */ .footer{background:url(../images/foot_bg.png) 0 0 no-repeat;float: left;width: 100%;} .footer a, .footer{color: #ffffff;text-decoration: none !important;} .footer a:hover{color: #d1d1d1;} .footer .accordion .block-title{color: #fff;} .footer-container .no-bg{background-color: transparent !important;} /* Footer top */ .footer-top{padding: 20px 25px 30px;float: left;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} /* Footer Primary */ .footer-primary{padding: 20px 25px 30px;float: left;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} /* Subcribe */ .footer .block-subscribe{margin: 0px;padding: 0px;} .footer .block-subscribe .form-subscribe-header{text-align: left;margin-bottom: 20px;font-size: 14px;} .footer .block-subscribe .block-title{display: none;} .footer .block-subscribe .block-content{padding: 0px !important;display: block !important;background-color: transparent;border:none !important;text-align: center;} .footer .block-subscribe .input-box{margin-top: 0px;} .footer .block-subscribe input{background-color: #050506;color: #999999;} /* Footer Secondry */ .footer-secondary{padding: 20px 25px 30px;float: left;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} /* Footer bottom */ .footer-bottom{padding: 20px 25px;background-color: #000009;float: left;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .footer-bottom ul.links{display: inline-block;} .footer-bottom .bugs{display: none;} .footer-bottom address{padding-left: 0.5833em;} /* Widget Latest */ .widget-latest .page-title h2{margin-bottom: 25px;text-align: center;} .widget-latest .postContent{margin-bottom: 0px;padding-bottom: 0px;} .widget-latest .feature.indent{padding-left: 26%;position: relative;} .widget-latest .itemslider .item{margin: 20px 0px;} .widget-latest .block-images{float: left;padding: 0px 15px 10px 0px;} .widget-latest .feature.indent .block-images{margin-left: -26%;position: absolute;top: 0;} .widget-latest p{display: inline;} /*Control*/ .widget-latest .owl-theme .owl-controls .owl-buttons{top: -66px;} /* Scroll to top Button */ a.scrollup {float: right;display: none;font-size: 16px;color: #FFF;z-index: 999;transition:color 300ms ease-in-out;-moz-transition:color 300ms ease-in-out;-webkit-transition:color 300ms ease-in-out;-o-transition:color 300ms ease-in-out;-ms-transition:color 300ms ease-in-out; } a.scrollup:after{content: "";width: 0px;height: 0px;border-style: solid;border-width: 0px 8px 12px 7px;border-color: transparent transparent #FFFFFF transparent;display: inline-block;vertical-align: middle;margin-left: 10px;transition:border-color 300ms ease-in-out;-moz-transition:border-color 300ms ease-in-out;-webkit-transition:border-color 300ms ease-in-out;-o-transition:border-color 300ms ease-in-out;-ms-transition:border-color 300ms ease-in-out;} a.scrollup:hover, a.scrollup:hover:after{text-decoration: none;color: #ee5a38;border-color: transparent transparent #ee5a38 transparent;} a.scrollup:hover{} /* Load More Homepage */ .load-more-holder {margin-top: 20PX;text-align: center;max-width: 370px;margin-left: auto;margin-right: auto;} .load-more-holder a{display: block;padding: 20px 0px;background-color: #FFFFFF;color: #ee5a38;} .load-more-holder a:hover{color: #000;} .load-more-holder span{vertical-align: middle;margin: 0 10px;font-size: 18px;display: inline-block;} .load-more-holder span i{font-style: normal;color: #155753;} .load-more-holder .load-img{display: none;} /* Custom Block On Home Page */ div.custom-block {box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} div.custom-block.facebook .feature .icon{margin: 0px;background-color: #274d99;} /* ******************************************************************************************** 404 Page Not Found *********************************************************************************************** */ /* 404 Page Not Found 1 */ .page-not-found1{text-align: center;} .page-not-found1 .top-below-heading{font-size: 1.2em;} .page-not-found1 .above-heading{font-size: 8.3em;line-height: 1.4em;color: #ee5a38;} .page-not-found1 .bottom-below-heading{font-size: 2em;color: #ee5a38;margin-bottom: 2em;} .page-not-found1 .search-wrapper-centered .form-search{float: none;max-width: 485px;} /* 404 Page Not Found 2 */ .page-not-found2{text-align: left;} .page-not-found2 .above-heading{font-size: 7.5em;line-height: normal;} .page-not-found2 .top-below-heading{font-size: 1.2em;line-height: 1.7em;} .page-not-found2 .bottom-below-heading{font-size: 1.5em;color: #ee5a38;} .page-not-found2 .bottom-below-heading:hover{text-decoration: underline;} /* ************************************************************************* Clears ************************************************************************** */ .clearer{height: 0px;clear: both;float: left;width: 100%;} .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, .col3-layout .product-options-bottom .price-box: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 .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description: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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .clear{clear:both;height: 0px;} /* ======================================================================================= */ .guest-select {width:305px !important;} .f-Black{ display:block; height:30px; width:30px;background-color:#000;} .f-Red{ display:block; height:30px; width:30px;background-color:red;} .f-White{ display:block; height:30px; width:30px; background-color:white;} .f-Blue{ display:block; height:30px; width:30px;background-color:blue;} .f-Grey{ display:block; height:30px; width:30px;background-color:grey;} .f-Purple{ display:block; height:30px; width:30px;background-color:purple;} .f-Pink{ display:block; height:30px; width:30px;background-color:pink;} .f-Yellow{ display:block; height:30px; width:30px;background-color:yellow;} .f-Green{ display:block; height:30px; width:30px;background-color:green;} .f-Gold{ display:block; height:30px; width:30px;background-color:gold;} .f-Brown{ display:block; height:30px; width:30px;background-color:brown;} .f-Orange{ display:block; height:30px; width:30px;background-color:orange;} .f-Khaki{ display:block; height:30px; width:30px;background-color:khaki;} .f-Silver{ display:block; height:30px; width:30px;background-color:silver;} /*Add by diy*/ .newproducts { position:relative;width: 1200px; margin: 0 auto; } .newproducts .last { border-bottom:0; } .newproducts .item { position:relative; float:left; width:220px; background: white; text-align: center; margin: 0 16px 3px 0;} .newproducts .item.last { margin: 0 0 3px 0;} .newproducts .item:hover .product-image { opacity:0.7} .newproducts .product-image { display:block; padding:5px 5px 0; } .newproducts .first .product-image { border-top:0; } .newproducts .last .product-image { border-right:0; } .newproducts .price-box { float:left; width:190px; margin:3px 0 0; } .newproducts button.button { float:right; } .newproducts .product-name { font-size:12px; margin: 0 0 12px 0; } .newproducts .availability { line-height:21px; } .newproducts .actions { bottom:20px; padding: 5px 5px 10px 5px; } .newproducts .new-description { padding: 15px 15px 0; } .newproducts .new-description h2,h3 { font-size:13px; margin-bottom: 1px; text-align: center; height:75px; overflow:hidden; } .newproducts .col2-left-layout .products-grid, .newproducts .col2-right-layout .products-grid { width:684px; margin:0 auto; } .newproducts .col1-layout .products-grid, .newproducts .page-empty .products-grid { width:684px; margin:0 auto; } .newproducts .amount { display: none; } .newproducts .ratings .rating-box { float: none; margin: 0 auto; } .carousel .randomTitle{ font-weight:bold; font-size:16px; color:#ffffff; padding:8px;}