/** * 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 *********************************************************************************************** */ @font-face { font-family: 'montserratblack'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-black-webfont.svg#montserratblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextra_bold'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratsemi_bold'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratultra_light'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg'); font-weight: normal; font-style: normal; } * { margin:0; padding:0; word-wrap: break-word; } body { font:14px/20px "montserratlight",sans-serif; color:#252525; text-align:center;} img { border:0; vertical-align:top; max-width:100%; } a { color:#252525; text-decoration:none; } a:hover { text-decoration:none; color:#1bbeb4; } :focus { outline:0; } html { font-size:16px} /* Base */ ::-moz-selection { background: #252525; color: #fff; text-shadow: none; } ::selection { background: #252525; color: #fff; text-shadow: none; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; text-shadow: 0px 0px 0px; } h1 { font-size: 30px;line-height: 42px; } h2 { font-size: 24px;line-height: 32px; } h3 { font-size: 18px;line-height: 24px; } h4 { font-size: 16px;line-height: 20px; } h5 { font-size: 14px;line-height: 18px; } h6 { font-size: 12px;line-height: 16px; } /* 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:12px; } sup { font-size:12px; 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; } /*Blockquote*/ blockquote {border-left: 0;padding: 10px 0;padding-bottom: 0px !important;margin-bottom: 0px !important;} blockquote, blockquote p {font-size: 18px;line-height: 28px;font-style: italic;} blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p {font-size: 12px;line-height: 18px;} blockquote.blockquote2, blockquote.blockquote2 p {font-size: 14px;line-height: 22px;} blockquote.pullquote {border-left: 1px dotted #E4E4E4;padding: 0 0 0 20px;} /*Highlighted Text*/ .highlighted{padding: 1px 3px;border-radius: 1px;margin-right: 2px;color: #fff;background-color: #1bbeb4;} /* ******************************************************************************************** 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 {overflow: hidden;clear: both;} .main { padding:125px 0 0px; min-height:400px; clear: both;position: relative;} body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top: 40px;position: relative;} /* Decrease padding on home page */ body.cms-index-index .col1-layout .main, body.cms-index-defaultindex .col1-layout .main { padding-top: 0px;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; } .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{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-size: 14px;font-family: 'dinpro-regularregular', Arial, Helvetica, sans-serif;vertical-align:middle;} input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea, input.product-custom-option{border:none;color:#252525;background-color: #F0F0F0;border: 1px solid #E4E4E4;-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: 40px;line-height: 23px\9;} select {height:40px;padding:8px 10px;text-overflow:ellipsis;width: 100%;} select.multiselect {height: auto !important;} input.input-text, textarea {padding:8px 10px;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 #E4E4E4; 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;} /* Active, Deactive and others */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus{ border-color:#252525; 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;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 span span{border-bottom: 1px solid #E4E4E4;} button.button span, div.alert-inner a.continue{background-color: #333;color: #fff; font-weight: bold;} button.button:hover span, div.alert-inner a.continue:hover{ background-color:#1bbeb4; color:#FFFFFF; } button.btn-checkout span, button.btn-cart span, div.alert-inner a.cart, .account-login .buttons-set button span, #opc-login .buttons-set button span{background-color: #333 !important;color: #FFFFFF !important; font-weight: bold;} button.btn-checkout:hover span, button.btn-cart:hover span, div.alert-inner a.cart:hover, .account-login .buttons-set button:hover span, #opc-login .buttons-set button:hover span{ background-color:#1bbeb4 !important; color:#FFFFFF !important; } /* Button Medium */ button.button span span { padding: 11px 20px; float: none;white-space: normal;} button.button.btn-medium span span{padding: 11px 20px;} /* Button Small */ button.button.btn-inline span span { padding:6px 15px;} button.button.btn-small span span{padding: 6px 20px;} /* Button Large */ button.button.btn-large span span{padding: 14px 20px;font-size: 16px;} /* Perticular Buttons */ .account-login .buttons-set button span span, .opc .buttons-set button span span, .account-create .buttons-set button span span, .customer-account-forgotpassword .buttons-set button span span, #oar_widget_orders_and_returns_form .buttons-set button span span, .contacts-index-index .buttons-set .button span span{min-width: 120px;} /* ******************************************************************************************** Quantity Box *********************************************************************************************** */ .quantity_counter{width: 114px;display: inline-block;text-align: center;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-right-width: 1px;border-bottom-width: 1px;} .quantity_counter *{float: left;} .quantity_counter input.qty{margin: 0px 0px;border-style: solid;border-left-width: 1px;border-right-width: 1px;border-bottom: none;border-top: none;width: 38px !important;border-color: #E4E4E4;height: 39px;} .quantity_counter a{text-align: center;background-color: #F0F0F0;border-radius: 0;box-shadow: none;width: 38px;height: 31px;padding: 4px 0;font-size: 20px;line-height: 30px;font-weight: bold;} .quantity_counter a:hover{background-color: #1bbeb4;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: 25px !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; }*/ /* ******************************************************************************************** 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;padding-right: 5px;} .form-list label.required {} .form-list label.required em { float:right;font-style:normal;top:0;right:-8px;position:absolute; } .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 #E4E4E4; 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 .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a, div.alert a{display: block;padding: 9px 20px;font-size: 14px;text-align: center;white-space: normal;max-width: 100%;box-sizing: border-box;float: none;border-bottom: 1px solid #E4E4E4;} .buttons-set .back-link a{background-color: #F0F0F0;color: #252525;} .buttons-set .back-link a:hover{background-color: #1bbeb4;color: #FFF;} .buttons-set .back-link small {display:inline-block;margin-right:5px;} .buttons-set .back-link:hover small {} .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; } /* 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;} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {margin-bottom: 20px;} /* Form Validation */ .validation-advice { clear:both; color:#cb2700; margin-top:5px; } .validation-failed { border:1px solid #cb2700 !important; background:#fff !important; } .validation-passed {} p.required { font-size:12px;text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* ******************************************************************************************** Global Messages *********************************************************************************************** */ .success { color:#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;font-size: 14px;} .error-msg {border-color:#cb2700;background-color:#f8e9e8;background-image:url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/alert-icon/i_msg-success.png);color:#27ae60;} .note-msg, .notice-msg {border-color: #2980b9;background-color: #e6f1f8;background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/alert-icon/i_msg-note.png);color: #2980b9;} /* ******************************************************************************************** BreadCrumbs *********************************************************************************************** */ .breadcrumbs{float: left;width: 100%;margin-bottom: 10px;} .breadcrumbs li {display: inline-block; font-size: 11px;} .breadcrumbs a {} .breadcrumbs li span {width:7px;height:5px;margin:6px 6px 0;overflow:hidden;} .breadcrumbs li strong { display:block; } /* ******************************************************************************************** Page Heading *********************************************************************************************** */ .page-title { margin-bottom:20px; } .page-title h1, .page-title h2 {margin-bottom: 0;font-size: 24px;line-height: 34px;font-weight: normal;} .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: 36px;} /* ******************************************************************************************** Toolbar *********************************************************************************************** */ .toolbar {position:relative;} /* Pager */ .pager { } .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;line-height: 16px;text-align: center;border: 1px solid #E4E4E4;} .pager .pages li a {padding: 0px;display: block;} .pager .pages li a, .pager .pages li.current{padding: 11px 16px;} .toolbar .pager {border-top: 1px solid #E4E4E4;text-align: right;padding: 0px;margin: 15px 0 0% 0;padding-top: 15px;} .category-products .toolbar .pager{margin-bottom: -2%;} .toolbar .pager .pages { } /* Pager Hover Elements */ .pager .pages li a, .pager .view-mode .grid, .pager .view-mode .list{background-color: #F0F0F0;} .pager .pages li a:hover, .pager .pages li.current .pager .pages li a:hover, .pager .pages li.current, .pager .view-mode .grid:hover, .pager .view-mode .grid.grid-mode-active, .pager .view-mode .list:hover, .pager .view-mode .list.list-mode-active{background-color: #1bbeb4;color: #FFF;} /* View mode */ .pager .view-mode { /*margin-right: 20px; */} .pager .view-mode label { margin-left: 5px; } .pager .view-mode .grid, .pager .view-mode .list {vertical-align: middle;display: inline-block;font-family: FontAwesome;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 21px;font-weight: normal;} /* Amount */ .pager .amount, .sorter .amount { float:left;margin-bottom: 5px;} /* vertical spacing */ .sorter .item-left, .pager .item-left, .sorter .item-right, .pager .pages{padding-top:5px;padding-bottom:5px; } /*Item Elements*/ .sorter .item-left, .pager .item-left{float: left;text-align: left;} .sorter .item-right{float: right;} /* Limiter */ .pager .limiter{clear: both;} .sorter .limiter { clear: both;} /*Style limiter*/ .limiter a{padding: 0 2px;} .limiter a:last-child > span{display: none;} .limiter a, .limiter span.sep{color: #666666;} .limiter a:hover, .limiter a.selected{color: #1bbeb4;} /*Style Sort By*/ .sort-by select{max-width: 100%;width: auto;padding-right: 70px;margin: 0px 5px 0px 20px;} .sort-by select, .sort-by a{display: inline-block;vertical-align: middle;cursor: pointer;} /* Toolbar Bottom */ .toolbar-bottom {clear: both;width: 100%;margin-top: 3%;} .toolbar-bottom .toolbar { } .toolbar-bottom .toolbar .pager {margin-bottom: 0%;} .toolbar-bottom .toolbar .pager .pages{} .toolbar-bottom .sorter {display: none;} /* ******************************************************************************************** Data Table *********************************************************************************************** */ .data-table { width:100%; } .data-table thead { background:none; } .data-table thead th{padding: 12px 20px;border-top-width: 1px;} .data-table thead th, .data-table tbody th{ vertical-align: middle;} .data-table thead th.wrap { white-space:normal; } .data-table th, .data-table td { padding:30px 20px;border-width: 0px; border-bottom-width: 1px;border-style: solid;border-color: #E4E4E4;text-align: left !important;} .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{} /* Responsive Tile*/ .data-table .cartlabel { display:none; } /* ******************************************************************************************** Generic Info Box *********************************************************************************************** */ .info-box { background:#fff url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #E4E4E4; 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(http://cadencewatch.com/skin/frontend/neighborhood/default/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(http://cadencewatch.com/skin/frontend/neighborhood/default/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;} /* ******************************************************************************************** Common styles for small buttons *********************************************************************************************** */ /* Generic Button Style */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a, .cart-table .link-wishlist, .compare-table .link-wishlist, .peer-cancel-img, #fancybox-close{overflow: hidden;font-family: FontAwesome;font-size: 12px;display: inline-block;text-align: center;padding: 0px;} /* Hover Style*/ .btn-remove:hover, .btn-remove2:hover, .btn-edit:hover, .tool-tip .btn-close a:hover, .cart-table .link-wishlist:hover, .compare-table .link-wishlist:hover, .peer-cancel-img:hover{color: #1bbeb4;} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#E4E4E4; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#E4E4E4; 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(http://cadencewatch.com/skin/frontend/neighborhood/default/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:after{float: right;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 #E4E4E4;margin:8px 1px;overflow:hidden;} ul.separator li a{padding: 6px 0px;border-bottom: 1px solid #444444;} 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;} .page-banners .banner p{text-align: left;} /* ******************************************************************************************** Bannerslider Block *********************************************************************************************** */ .slider-banners {-webkit-backface-visibility: hidden; margin-bottom:0.1%;} .slider-banners .banner {margin-bottom:2%; text-align: center; position:relative;} .slider-banners .banner.last{margin-bottom:0px;} .slider-banners a.banner, .slider-banners .banner a { display:block; } /* ******************************************************************************************** Category Top Banner Elements *********************************************************************************************** */ .category-block-section{clear: both;} .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:20px; position:relative; } .horizontal-section {} .landing-page .center-block { display:block; margin:0 auto; } /* Templete Width */ .content-width .horizontal-section, .content-width .vertical-section{margin-bottom:40px;} .full-width .horizontal-section, .full-width .vertical-section{margin-bottom: 0px;float: left;width: 100%;} /* ******************************************************************************************** Header container *********************************************************************************************** */ .header-container {background-color: #FFFFFF;left: 0;right: 0;z-index: 999;position: relative; border-bottom: 2px solid #cdcdcd; margin: 0 0 10px; padding: 0;} .header{font-size: 11px;} .header .item-left{float: left;margin-right: 15px;} .header .item-right{float: none;margin-left: 0; text-align: center;} /* Header Top */ .header-top-container{background-color: #252525;} .header-top, .header-top a{color: #999999;line-height: 30px;} /* Social Link */ .header .social-link a{font-size: 15px;margin-left: 10px;margin-right: 0px;} .header .social-link a:hover{opacity: 0.7;} .header .social-link a:hover span{background-color: transparent !important;} /* Header Primary */ .header-primary-container{} .header-primary{padding: 33px 0px;} .header .dropdown{float: left;} .header .dropdown .dropdown-toggle{background-color: transparent !important;} .top-links{float: right; line-height: 42px;} /* logo */ .logo {text-align: left;} .logo strong{display:none;} .logo img{width: 120px; height: auto;} .header-container .logo{margin-top: -7px;} /* Mini Cart =============================================================== */ .shopping_cart {float:right; margin: 0 -15px 0 0;} .after-mini-cart { clear:both; } /* Mini Cart Title */ .shopping_cart .dropdown-toggle .summary{} .shopping_cart .dropdown-toggle span.price {} .shopping_cart .dropdown-toggle .amount {} .shopping_cart .dropdown-toggle .subtotal {} .shopping_cart .icon-cart{background: transparent url('http://cadencewatch.com/skin/frontend/neighborhood/default/images/shopping_bag_icon.png') no-repeat top left;margin-right: 0;width: 14px;height: 16px;vertical-align: -4px;} /* Mini Cart Content */ .shopping_cart .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .shopping_cart .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .shopping_cart .mini-products-list .product-name{padding-right: 50px;font-weight: bold;font-size: 12px;line-height: 20px;} .shopping_cart .dropdown-menu a{padding: 0px;background-color: transparent !important;} .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 .button-set{position: absolute;top: 17px;right: 15px;} .shopping_cart .btn-remove, .shopping_cart .btn-edit { margin: 0 5px;line-height: normal;} .shopping_cart .subtotal{text-align: left;padding: 14px 0px;clear: both;margin-top: 14px;float: left;width: 100%;display: none;} .shopping_cart .subtotal .label{} .shopping_cart .subtotal .price{color: #1bbeb4;} .shopping_cart .actions{text-align: center;padding: 15px;clear: both;} .shopping_cart .actions button{width: 100%;} .shopping_cart .actions button.btn-checkout{margin-top: 10px;} .shopping_cart .actions button span{float: none;text-align: left;font-size: 13px;} .shopping_cart .actions button span span{} .shopping_cart .truncated { margin-left:0px; } /* Wishlist =============================================================== */ .wishlist{float: right;} /* Wishlist Title */ .wishlist .icon-wishlist{margin-right: 2px;} /* Wishlist content */ .wishlist .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .wishlist .dropdown-menu a{background-color: transparent !important;} .wishlist .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .wishlist .mini-products-list .product-name{padding-right: 20px;font-weight: bold;font-size: 12px;line-height: 20px;} .wishlist .btn-remove{position: absolute;top: 19px;right: 15px;line-height: normal;text-align: right;} .wishlist .mini-products-list .price-box p{margin-top: 0px;font-size: 14px;} .wishlist .actions{text-align: center;padding: 15px;clear: both;} .wishlist .actions button{width: 100%;} .wishlist .actions button span{float: none;text-align: left;font-size: 13px;} /* Form Search =============================================================== */ .quick-search{float: right;} #search_mini_form { clear:both; display:block; } .form-search { position:relative;z-index: 1; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text {width: 100%;display: block;height:56px;line-height:56px\9;padding:0px 10px; overflow:hidden;text-overflow:ellipsis;border: none;background-color: transparent !important;} /* Button */ .form-search .button {display: block;line-height: 44px;} .form-search button.button span {border-bottom: none;background-color: transparent !important;color: #252525;} .form-search button.button span i{} .form-search:hover .button span {background-color: transparent !important;color: #1bbeb4;} .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete {left:0 !important; /*Fix for IE*/top:100% !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; } /* Nav Maincontainer =============================================================== */ .navmain-container{float: left;width: 100%; -webkit-backface-visibility: hidden;-o-backface-visibility: hidden; margin: 0; padding: 20px 0 0; /*border-top: 5px solid #1c1c1c;*/} .nav-container.template{float: none;display: inline-block;clear: both;vertical-align: middle;} .nav{position: relative;} .nav *{} /* Sticy Header */ .navmain-container.fixed{z-index: 9999;left: 0;right: 0px;margin: 0 auto;opacity: 1;position: fixed;top: 0px;border-bottom: 1px solid #E4E4E4;border-top: none;background-color: #FFFFFF !important; padding-top: 10px;} .header-primary-container.fixed .header-primary{padding: 0px;background-color: transparent !important;} /* Multiple Header =============================================================== */ /* Header Style 2 */ .header-container.header2 .logo{text-align: left;} .header-container.header2 .dropdown {float: right;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 3 */ .header-container.header3 .logo{text-align: right;} .header-container.header3 .top-links {float: left;} .header-container.header3 .currency.dropdown, .header-container.header3 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 4 */ .header-container.header4 .header-primary-container{background-color: transparent;} .header-container.header4 .navmain-container{border-top-width: 0px;} .header-container.header4 .logo{text-align: left;} .header-container.header4 .header-primary .dropdown{float: right;font-size: 14px;} .header-container.header4 .currency.dropdown, .header-container.header4 .language.dropdown{border-left-width: 0px;} .header-container.header4 .currency.dropdown .dropdown-toggle, .header-container.header4 .language.dropdown .dropdown-toggle, .header-container.header4 .links > li > a{line-height: 30px;} .header-container.header4 .language .dropdown-menu a, .header-container.header4 .currency .dropdown-menu a{line-height: 20px;} .header-container.header4 .mega-container{width: auto;float: right;} .header-container.header4 .nav-container{width: auto;float: right;} /* Header Style 5 */ .header-container.header5 .header-primary-container{background-color: transparent;} .header-container.header5 .navmain-container{border-top-width: 0px;} .header-container.header5 .logo{text-align: right;} .header-container.header5 .header-primary .dropdown{float: left;font-size: 14px;} .header-container.header5 .currency.dropdown, .header-container.header5 .language.dropdown{border-left-width: 0px;} .header-container.header5 .currency.dropdown .dropdown-toggle, .header-container.header5 .language.dropdown .dropdown-toggle, .header-container.header5 .links > li > a{line-height: 30px;} .header-container.header5 .language .dropdown-menu a, .header-container.header5 .currency .dropdown-menu a{line-height: 20px;} .header-container.header5 .mega-container{width: auto;float: left;} .header-container.header5 .nav-container{width: auto;float: left;} /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Blocks */ .block { margin:0 0 35px;} .block .block-title {} .block .block-title strong {font-weight: normal;display: block;} .block .block-title strong span{} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 15px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ } .block .block-content li{border-bottom: 1px solid #E4E4E4;padding: 7px 0px;} .block .block-content li.item { padding: 8px 0;margin: 0px;} .block .block-content li:first-child{padding-top: 0px;} .block .block-content li.last, .block .block-content li:last-child{padding-bottom: 0px;border-bottom: none;} .block .block-content .mini-products-list li.item{padding: 10px 0px;border-bottom: none;} .block .block-content .mini-products-list li.item:first-child{padding-top: 0px;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right;margin-left: 10px; } .block .btn-edit { float:right; } .block .actions { margin: 8px 0 0 0;text-align: right;border-top: 1px solid #E4E4E4;padding-top: 15px;float: left;width: 100%;} .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 {position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;float: left;width: 100%;padding: 10px 0px;margin-left: 0px !important;margin-right: 0px !important;} .mini-products-list li.item:first-child{padding-top: 0px;} .mini-products-list .product-image { float:left; width:72px; } .mini-products-list .product-details { margin-left:82px; text-align: left;} .mini-products-list .product-details h4 { font-weight: bold; margin:0; } .mini-products-list li.last{} .mini-products-list .product-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;}/*Single Line Name*/ .mini-products-list .price-box{padding: 2px 0px 7px;} .mini-products-list .price-box p{display: inline-block;margin-bottom: 0px;} .mini-products-list .price-box .price-label{display: none;} /* Block: Account */ .block-account .block-title {} .block-account .block-content { } .block-account .block-content ul { } .block-account li > * {display:block;} .block-account li strong {font-weight: normal;color: #1bbeb4;} /* Block: Currency */ .col-left.sidebar .currency{display: none;} /* Block: Layered Navigation */ .block-layered-nav .block-content { } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } .block-layered-nav li{text-align: right;} .block-layered-nav li a{float: left;} /* Filters of list */ .block-layered-nav dl, .block-blog dl{ padding-left:0px; padding-top:0px; } .block-layered-nav dt, .block-blog dt{font-size: 120%;padding: 0;} .block-layered-nav dd, .block-blog dd{ padding:0px 0 35px 0px; float: left;width: 100%;} .block-layered-nav dd ol li a, .block-blog dd ol li a{} .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; padding: 10px 0px;*/} .block-layered-nav .currently ol li span{float: left;} .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove {} .block-layered-nav .actions { /* margin:0; */ } .block-layered-nav .actions a { float:right; } /* List items */ .block-blog{margin-bottom: 0px;} /* Block: Category Sidebar Navigation */ /* List items */ #sidenav{} #sidenav li{ position:relative;position: relative;border-bottom: none;padding: 0px;} #sidenav li.active a{} #sidenav li.last{border:0 none;} #sidenav li:hover{} #sidenav li a{display: block;border-bottom: 1px solid #E4E4E4;padding: 8px 0px;} #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{} /* Level 1 */ #sidenav li ul li ul{ display:none;padding-left:15px;} #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: 36px;line-height: 36px;} #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: #1bbeb4;} #sidenav li.level0:first-child > a.show-cat{height: 28px;line-height: 28px;} /* Block: Related */ #block-related-slider input.checkbox { float: left;margin: -13px 0 0 10px;position: relative; } /* Block: Compare Products */ .compare-table { border:0; margin-bottom: 20px;} .compare-table .btn-remove { vertical-align: middle;} .compare-table .btn-remove:before{margin-right: 15px;margin-left: 15px;} .compare-table a.link-wishlist:before { margin-right: 13px;margin-left: 13px;} .compare-table tbody tr:hover {} .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-width: 1px;} .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr td{border-width: 1px;} .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{} .compare-table .add-to-row p{display: inline-block;vertical-align: middle;} .compare-table .add-to-links { margin-top:0px; display: inline-block;vertical-align: middle;} .compare-table .add-to-links li {margin: 0px 0px 0 10px;} /* 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:4px -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 { } .block-tags .tags-list li{border-bottom: none;padding: 0px;} .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .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;line-height: 5px\9;} .block-subscribe input { width:100%;padding-right: 50px;height: 32px;line-height: 32px; } .block-subscribe button.button { float:none;position: absolute;top: 0;right: 0; } .block-subscribe button.button span{border-bottom: none;background-color: transparent !important;} .block-subscribe button.button:hover span{color: #1bbeb4;background-color: transparent !important;} .block-subscribe button.button span span{width: 32px;height: 32px;line-height: 32px;padding: 0px;} /* 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; } /* Block: Review */ .block-reviews .ratings, .block-reviews .no-rating{margin: 0px;} .block-reviews .rating-links{display: none;} /*Block: Paypal */ .sidebar .paypal-logo { display:block; margin:0px 0 35px; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* View Type: Grid OR View Type: List =============================================================== */ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ margin:0 auto; position:relative; overflow: hidden;} /* Product Price */ .products-grid .price-box .price, .products-list .price-box .price{font-size: 18px;} .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price{font-size: 11px;} /* Add To Cart (Button) */ .products-grid button.button span, .products-list button.button span, .add-to-cart .button.button span{background-color: #252525 !important;color: #bebebe !important;text-transform: uppercase;float: none;text-align: left;border-bottom: none;} .products-grid button.button:hover span, .products-list button.button:hover span, .add-to-cart .button.button:hover span{background-color: #252525 !important;color: #1bbeb4 !important;} .products-grid button.button span span, .products-list button.button span span, .add-to-cart .button.button span span{padding: 11px 20px;border-bottom: none;line-height: 18px;} /* View Type: Grid =============================================================== */ .new-product .new{display: none;} .products-grid {} .products-grid .item {position:relative;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;} /*Product Image*/ .products-grid .product-image {display: block;margin-left: auto;margin-right: auto;} /*Product Content*/ .products-grid .product-content-wrapper{margin-top: 20px;width: 100%;display: inline-block;zoom:1;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 { margin-bottom: 4px;} .products-grid .vert{} .products-grid .price-box { } .products-grid .price-box p{margin-bottom: 0; display: inline-block; vertical-align: top; margin-right: 10px;} .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 {position: absolute;bottom: 0;left: 0;right: 0;bottom: -80px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;z-index: 1;} .products-grid .item:hover .actions{bottom: 0;} .products-grid .availability { float:none; margin:5px 0; } .products-grid div.btn-cart{position: absolute;left: 0;right: 0;} .products-grid button.button{width:100%;} .products-grid .add-to-links {float: right;position: relative;} .products-grid .add-to-links li{} .products-grid .price-box .price.pre-order{display: none;} /* 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;white-space: nowrap;text-overflow: ellipsis;} /* 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{} /* Block Layered Navigation (Category Full Width Left Siderbar) */ .category-full .col-left .block.block-layered-nav{display: block;margin-bottom: 0px;} .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{} .category-full .col-left .block.block-layered-nav .block-content .view .block-title{} .category-full .col-left .block.block-layered-nav .block-content .view .opener{right: 0;top: 0px;text-indent: 0px;background-color: #FFFFFF;width: 20px;height: 20px;line-height: 24px;text-align: right;} .category-full .col-left .block.block-layered-nav .view .block-content{padding: 0px;font-size: inherit;padding-top: 0px;padding-bottom: 20px;} /* 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;} .visible-onhover:hover{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;padding-bottom: 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;border-bottom-width: 1px;} .products-list .item.last{border-bottom: none;padding-bottom: 0px;} .products-list .product-image-wrapper{margin-right: 1%;} .products-list .product-name { margin: 0 0 8px;font-size: 24px;line-height: 32px;} .products-list .product-image { display: block;margin-left: auto;margin-right: auto;max-width: 280px;} .products-list .price-box .price{font-size: 24px;} .products-list .price-box .old-price .price{font-size: 16px;} .products-list .price-box .price-label{} .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; line-height: 1.5;} .products-list .link-learn {color: #1bbeb4;} .products-list .link-learn:hover{text-decoration: underline;} .products-list .actions{clear: both;} .products-list .btn-cart {width: 100%;max-width: 181px;margin-bottom: 5px;float: left;} .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links {float: left;margin-bottom: 5px;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* List Or Grid Label */ .sale, .new{ color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 120px; z-index: 1; min-width: auto!important; height: 26px!important; min-height: 26px!important; max-height: 26px!important; margin: 0!important; border-radius: 0; top: 16px!important; left: auto; text-transform: uppercase; font-size: 11px; line-height: 28px; font-family: 'dinpromedium'; } .sale{ background-color: #ef3f32; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: -31px!important; } .new{ background: #07c1b6; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); right: -31px!important; } .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: #07c1b6; 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; } span.category-label:before{ position: absolute; left: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; border-top-color: #07c1b6; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } /* Menu Category Label (Custom Menu) */ #mega-nav > li > a span.category-label{top: -15px;} /* Lable Marging Left Side */ #sidenav li a span.category-label, #mega-nav ul.subs li a span.category-label{margin-left: 5px;} #sidenav li a span.category-label:before, #mega-nav ul.subs li a span.category-label:before{display: none;} /* Category Label Hover Effect */ .nav-container #nav li a.over span.category-label, a:hover span.category-label, #mega-nav > li:hover > a span.category-label{color: #FFF;background-color: #ef3f32;} a:hover span.category-label:before, .nav-container #nav li a.over span.category-label:before, #mega-nav > li:hover > a span.category-label:before{border-top-color:#ef3f32;} /* Product Alternative Image =============================================================== */ .products-grid .item .product-image img{ display: block; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; margin-left: auto; margin-right: auto; } .products-grid .item:hover .product-image .small-image{ -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .products-grid .item .product-image .thumbnail{ position: absolute; left: 0; right: 0; } .products-grid .item:hover .product-image .thumbnail{ -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } /* ******************************************************************************************** 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(http://cadencewatch.com/skin/frontend/neighborhood/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/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(http://cadencewatch.com/skin/frontend/neighborhood/default/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(http://cadencewatch.com/skin/frontend/neighborhood/default/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 {} /* 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(http://cadencewatch.com/skin/frontend/neighborhood/default/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/default-icon/icons.png) 0 -160px no-repeat; } /********** < Product Prices */ .price { white-space:nowrap !important;font-size: 100%;text-shadow: 0px 0px 0px;} .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: #1bbeb4;*/} /* 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:#1bbeb4;*/ } /* 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:#1bbeb4; */} /* 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 { } .price-excl-tax .label { white-space:nowrap; } .price-excl-tax .price { } /* Incl tax (for order tables) */ .price-incl-tax { } .price-incl-tax .label { white-space:nowrap; } .price-incl-tax .price { 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: 18px;font-weight: 700;white-space: nowrap;} /* Price as bundle */ .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:0 0 30px; 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; } /*Icons Add To Links*/ .addto-links-icons li{border-left: 1px solid #444444;} .addto-links-icons span.icon{text-indent: 0px;background-color: #252525;color: #bebebe;width: 40px;height: 40px;line-height: 40px;text-align: center;} .addto-links-icons span.icon:hover{color: #1bbeb4;} /* Add to Cart */ .add-to-cart label{padding-right: 5px;margin-top: -10px;display: none !important;} .add-to-cart .qty { text-align:center; margin-right:10px;margin-bottom: 10px; } .add-to-cart .button {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: 7px;} /* 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:40px; clear:both;float: left;width: 100%;} .product-view .box-additional:before{display: table;line-height: 0;content: "";} .product-view .box-tabs {margin-top: 0;} .product-view .box-tabs .panel > h2{display:none; } .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;display: block;position:relative;} .img-box .product-image a{overflow: hidden;} .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;width: auto !important;margin: 0 0px 0 0px;max-width: 588px;} .itemslider-thumbnails .item {margin: 0px auto;padding-bottom: 5px;max-width: 70px;} /* 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: 0px 0px 0 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: 24px;line-height: 34px;} .col3-layout .product-view .product-shop{padding: 30px 0px 0px 0px;} .product-view .price-stock{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding-bottom: 30px;margin-bottom: 30px;} .product-view .product-shop .price-box{float: left;margin-right: 20px;} .product-view .availability{float: right;} .product-view .product-shop .product-meta{width: 100%;float: left;border-bottom: 1px solid #E4E4E4;margin: 20px 0px 0px;padding:0px 0px 30px;} .product-view .product-shop .product-meta > *{margin-top: 10px;} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{margin: 10px 0px 0px 0px;line-height: 20px;} .product-view .product-shop .ratings .rating-box{margin-top: 4px;} .product-view .product-shop .ratings .rating-links{} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description {float: left;width: 100%;line-height: 22px;margin: 15px 0 0;padding:0;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Product Brand */ .box-brand img {display: block;max-width: 120px;} .box-brand a{display: inline-block;vertical-align: middle;} .box-brand label{display: inline-block;vertical-align: top;} /* Social Link */ .product-view .social-link{float: right;width: 83%;border-bottom: 1px solid #E4E4E4; border-top: 1px solid #E4E4E4; margin-top: 15px; padding: 13px 0px;text-align:right;} .product-view .social-link label{float: left;} .product-view .social-link a{color: #666666;margin-left: 15px;font-size: 15px;margin-right: 0px;} .product-view .social-link a:hover{color: #1bbeb4;} .product-view .social-link a:hover > span.fa{background-color: transparent !important;} .product-view .social-link a .tooltip:after{right: 5px;} /* Price 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: 24px;} /* 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 */ .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: 16px;} /* 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 product options box or Add-to-cart 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{float: left;} .product-view .product-shop .add-to-links li{margin-bottom: 10px;} .product-view .product-shop .add-to-links a:hover{} /* Button container */ .product-view .add-to-box, .product-shop .product-options-bottom{clear: both;border-bottom: 1px solid #E4E4E4;padding-bottom: 20px;} /* Product third Column */ .product-view .product-third-column {padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* 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:30px;clear: both;} .product-options dt { } .product-options dt label, .product-options dd .qty-holder label{ display: inline-block;margin: 0 0 5px;} .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: 40px;padding: 8px 10px;} .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: 40px;padding: 8px 10px;} .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:-5px 0 30px; 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 {} .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; padding: 20px;} .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; } /* Block: Tags */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags h3{margin-bottom: 5px;} .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #E4E4E4; } .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;} .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; /*11px*/ } /* 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; margin-right:10px; } .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dt a {margin-right: 8px;font-weight: 700;} .product-view .box-reviews dd {margin: 0 0 20px 0px;border-bottom: 1px solid #E4E4E4;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-weight:normal; margin-bottom:5px; } .product-view .form-add h3 span { font-weight: bold;} .product-view .form-add h4 { font-weight:normal; } .product-view .form-add h3, .product-view .form-add h4 {font-size: 14px;} .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 { text-align: center !important;padding: 12px 20px;} .product-view .form-add .data-table th{border-right: none;text-align: left !important;} .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: 18px;text-shadow: 0px 0px 0px;} .product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{-webkit-box-shadow: 0 8px 6px -7px #999;-moz-box-shadow: 0 8px 6px -7px #999;box-shadow: 0 8px 6px -7px #999;} .scale-on-hover{display: block;overflow: hidden;} .scale-on-hover img{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-backface-visibility:visible;-o-backface-visibility: visible;-ms-backface-visibility: visible;-moz-backface-visibility: visible;backface-visibility: visible;} .scale-on-hover:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} /* Product Tags */ .tags-list { background:none; border:0;padding: 0px; } .tags-list li{display: inline-block;vertical-align: top;margin:0px 4px 4px 0px;} .tags-list a {display: block;padding: 6px 8px;border: 1px solid #E4E4E4;border-radius: 3px;font-size: 14px !important;} .tags-list a:hover {background-color: #1bbeb4;color: #FFF;border-color: transparent;} /* 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;} .page-sitemap .pager .pages{float: left;clear: both;} /* RSS */ .rss-title h1 { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* ******************************************************************************************** Shopping Cart *********************************************************************************************** */ .cart-empty p {border-top: 1px solid #E4E4E4;padding: 10px 0px;} .cart-empty p a{border-bottom: 1px dotted;} /* 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:120px; 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{} .cart-table .subtotal-price .cart-price{font-weight: bold;} .cart-table tfoot td { } /* Dart Table (Buttons Small) */ .data-table .btn-edit, .data-table .btn-remove, .data-table .btn-remove2, .data-table .link-wishlist{margin: 5px 0 0 0px;white-space: nowrap;font-size: 14px;font-weight: normal;background-color: #F0F0F0;width: 40px;height: 39px;line-height: 39px;border-bottom: 1px solid #E4E4E4;} /* Hover Buttons */ .data-table .btn-edit:hover, .data-table .btn-remove:hover, .data-table .btn-remove2:hover, .data-table .link-wishlist:hover{background-color: #1bbeb4;color: #FFF;} /* 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%;} /* Crosssell */ .cart .crosssell{clear: both;margin-top: 15px;clear: both;float: left;width: 100%;} /* 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{margin-top: 50px; } .cart .shipping{margin-top: 30px;} .cart .discount h2, .cart .shipping h2{} /* Estimate Shipping */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:20px 0 0; } /* Discount Codes */ .cart .discount label { display:block; margin:0 0 10px;} .cart .discount .giftvoucher label{display: inline-block;} .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Shopping Cart Totals */ .cart .totals {} .cart .totals table { width:100%; } .cart .totals td {font-weight: normal;padding-bottom: 10px;} .cart .totals td:first-child.a-right{text-align: left !important;} .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 10px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong {} .cart .totals .checkout-types { margin-top: 10px;} .cart .totals .checkout-types li {clear: both;margin: 0px 0 10px;} .cart .totals .checkout-types li button.button{width: 100%;} .cart .totals .checkout-types li button.button span{float: none;text-align: left;} .cart .totals .checkout-types li a{border-bottom: 1px dotted;padding-bottom: 3px;} .cart .totals .checkout-types li a:hover{} /* Options ToolTip */ .item-options { line-height:15px; font-size: 12px;} .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; font-weight: 700;} /* 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;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 li {} .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;margin-right: 5px;max-width: 20px;} .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(http://cadencewatch.com/skin/frontend/neighborhood/default/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 {} .centinel .authentication { border:1px solid #E4E4E4; 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 {margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:16px;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:14px;} .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:14px; 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:#1bbeb4; 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{float: left;width: 100%;margin-bottom: 0;margin-top: 40px;border-top: 1px solid #E4E4E4;padding-top: 40px;} .block-progress .block-title { } .block-progress .block-title strong {} .block-progress .block-content { margin-bottom: 35px;} .block-progress dt {} .block-progress dd {border-top: 0 none;margin: 0 0 0px;font-size: 0.90em;} .block-progress dt.complete {} .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress dd.complete .separator{} .block-progress dd.complete .changelink{float: left;width: 100%;} .block-progress dd.complete .changelink a{color: #1bbeb4;border-bottom: 1px dotted;padding-bottom: 3px;margin-top: 15px;float: left;} .block-progress dd.complete .changelink a:hover{border-bottom: 1px solid transparent;} .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: 40px;line-height: 40px;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%;} .opc .step-title { text-align: right;padding: 15px 30px;background-color: #F0F0F0;border-bottom: 1px solid #E4E4E4;margin-bottom: 10px;} .opc .step-title .number {float: left;margin: 0 8px 0 0;font-size: 18px;line-height: 20px;} .opc .step-title h2 {float: left;margin: 0;font-size: 18px;line-height: 20px;} .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 {} .opc .allow .step-title:hover { } .opc .allow .step-title h2 {} .opc .allow .step-title a {} .opc .active .step-title {cursor: default;background-color: #252525;color: #FFF;} .opc .active .step-title .number { } .opc .active .step-title h2 {} .opc .active .step-title a { } .opc .step {padding:20px 0px 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 #checkout-step-login.step{padding-bottom: 10px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login .content{min-height: 287px;} #opc-login h3 {} #opc-login strong {} #opc-login .form-list { margin:20px 0; } #opc-login .form-list li.control { margin-bottom: 10px;} #opc-login .form-list li.control label{} #opc-login .buttons-set { padding:0; } #opc-review{border-bottom: none;} #opc-review .step { padding-left: 0;padding-right: 0;padding-bottom: 0px;} #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 15px 0px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait {} #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight: bold; text-align:center; padding:10px 10px 0; } .opc .gift-messages-form { } .opc .gift-messages-form .inner-box { overflow:visible; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 0px; margin:0px 0 25px; float: left;width: 100%;} .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:#1bbeb4; } .multiple-checkout .page-title { } .multiple-checkout .buttons-set { border-top: 1px solid #E4E4E4;padding: 30px 0px 0px;margin-bottom: 0px;float: left;width: 100%;} .multiple-checkout .data-table thead tr { } .multiple-checkout .data-table thead th { } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .box-content{position: relative;} .multiple-checkout .tool-tip { bottom: 0;right: 10px;} .multiple-checkout .col2-set .col-1 {} .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { 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: bold;font-size: 16px;} /* Step 1 */ #multiship-addresses-table td { } #multiship-addresses-table td select{min-width: 200px;max-width: 100%;} /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #E4E4E4; padding:15px; margin-bottom:0; position:relative; } .multiple-checkout .pointer{display: none;} /* ******************************************************************************************** Account Login/Create Pages *********************************************************************************************** */ .account-login .new-users, .opc .new-users, .account-login .registered-users, .opc .registered-users{ margin-bottom:20px; padding: 20px;} .account-login .new-users .content, .account-login .registered-users .content{min-height: 287px;} /* Registered Users */ .account-login .registered-users, .opc .registered-users, .account-login .registered-users .section-line > *, .opc .registered-users .section-line > *, .account-login .peer-cancel-img{background-color: #F0F0F0;} /* 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;} #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;float: none !important;display: inline-block;} /* 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 {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 {margin: 0 0 20px;text-align: right;} .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: 8px 0 8px;margin: 0 0 15px;text-align: right;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .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: #1bbeb4;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 {} .dashboard .box-info h4 {margin-bottom: 10px;margin-top: 5px;} /* Block: Reviews */ .dashboard .box-reviews .box-head{} .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float: left;padding: 0 8px;background: #252525;color: #FFF;margin-top: 3px;} .dashboard .box-reviews .details {margin-bottom: 10px; margin-left:38px; } .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-account.box-tags{border-top: 1px solid #E4E4E4;padding-top: 2em;} .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float: left;padding: 0 8px;background: #252525;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: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .addresses-list h3 {margin-bottom: 10px;margin-top: 5px;} .addresses-list address { } .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;margin-top: 15px;margin-bottom: 20px;} .my-account .page-title:first-child + .pager{margin-bottom: 15px;margin-top: -5px;} /* 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:#252525;color: #FFF; } .order-date { margin:15px 0; color:#1bbeb4; clear:both; } .order-info-box { margin:0 0 2.5em; } .order-info-box .col-1 { } .order-info-box .box .box-title{padding: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .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 { 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, .order-items h2.table-caption a, .order-items h2.sub-title a {font-size:12px;font-weight:normal;text-transform:none;} .order-items .order-comments h2 {} .order-details h2 {margin: 0 0 20px;text-align: left;} .order-details h2 .separator { color:#E4E4E4; 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: 24px;line-height: 34px;} .page-print h2 {font-size: 16px;line-height: 20px; padding: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .page-print h3 {} .page-print .order-date { } .page-print .col2-set { margin:0 0 30px; } /* 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 auto 5px;width: 113px;} .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 { /*float:none; */} #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { } .my-wishlist .btn-cart { margin:10px 0 5px; display: inherit;} /* My Tags */ .my-tag-edit { float:left; margin:0px 0 00px; } .my-tag-edit .btn-remove { float:right; margin:0px 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;margin-top: 5px;} .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 td .ratings, #my-tags-table td .no-rating{margin: 5px 0;} #my-tags-table td .ratings .rating-box{margin-top: 3px;} #my-tags-table .add-to-links { white-space:nowrap; margin-top: 5px;display: inline-block;width: 100%;} #my-tags-table .add-to-links .link-wishlist{padding: 5px 10px;} /* My Reviews */ #my-reviews-table td {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px;margin: 0 auto; } .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 Popup *********************************************************************************************** */ .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 #E4E4E4; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:18px; /*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(http://cadencewatch.com/skin/frontend/neighborhood/default/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; } /* calendar */ .calendar { z-index:200; } /* ******************************************************************************************** Footer *********************************************************************************************** */ .footer-container{margin-top: 50px;float: left;width: 100%;} /*Div Background Color Remove*/ .footer-container .no-bg{background-color: transparent !important;} .footer-top-border{border-top: 1px solid #444444;float: left;width: 100%;padding-top: 20px;margin-top: 20px;} .footer-bottom-border{border-bottom: 1px solid #444444;float: left;width: 100%;padding-bottom: 20px;margin-bottom: 20px; text-align: center;} .footer-container, .footer .section-line > *, .footer .accordion .opener, .footer .accordion .opener:hover{background-color: #252525;} /* Footer */ .footer, .footer a, .footer .accordion .opener{color: #bebebe;} .footer a:hover{color: #1bbeb4;} /* Footer Primary */ .footer-primary-container{} .footer-primary{padding: 40px 0px;} .footer .block-title{color: #999999;} /* Footer bottom */ .footer-bottom-container{background-color: #000000;} .footer-bottom{padding: 15px 0px;} .footer-bottom ul{display: inline-block;vertical-align: middle;} .footer-bottom ul li{display: inline-block;} .footer-bottom ul li a{line-height: 26px;padding: 0 5px;} .footer-bottom .bugs{display: none;} .footer-bottom address{padding-left: 5px;font-size: 12px;} .footer-bottom address a{color: #FFF;} .footer-bottom address a:hover{color: #1bbeb4;} /* Subcribe */ .footer .block-subscribe{margin: 0px;padding: 0px;} .footer .block-subscribe .form-subscribe-header{text-align: left;margin-bottom: 10px;} .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{border: none;} /* Scroll Back to top Button */ a.scrollup {float: right;display: none;font-size: 14px;color: #FFF;z-index: 999;} a.scrollup:hover{color: #1bbeb4;} /* ******************************************************************************************** 404 Page Not Found *********************************************************************************************** */ /* 404 Page Not Found 1 */ .page-not-found1{} .page-not-found1 .above-text{font-size: 18px;line-height: 26px;} /* 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 .below-text{font-size: 18px;line-height: 26px;} /* ******************************************************************************************** Tooltip *********************************************************************************************** */ .tooltip_container{position: relative;z-index: 1;display: inline-block;} .reletive{position: relative;} .tooltip{ background: #F0F0F0; color: #252525; font-size: 14px; margin-bottom: 10px; padding: 4px 9px; position: absolute; white-space: nowrap; opacity: 0; visibility: hidden; bottom: 100%; right: 0%; -webkit-transform: translate(0%,-15px); -moz-transform: translate(0%,-15px); -o-transform: translate(0%,-15px); -ms-transform: translate(0%,-15px); transform: translate(0%,-15px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .tooltip:after{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-top: 5px solid #606366; border-right: 6px solid transparent; position: absolute; bottom: -5px; right: 13px; margin-left: -6px; } .tooltip_container:hover .tooltip{ -webkit-transform: translate(0%,0px); -moz-transform: translate(0%,0px); -o-transform: translate(0%,0px); -ms-transform: translate(0%,0px); transform: translate(0%,0px); opacity: 1 !important; visibility: visible; } /* ******************************************************************************************** Impact Custom Block *********************************************************************************************** */ .spb_impact_text{ background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/nhood_impact_bkg.png); background-repeat: repeat; background-position: center top; background-size: auto; float: left; width: 100%; padding-top: 20px !important; padding-bottom: 20px !important; } .impact-text-wrap{position:relative;} .spb_call_text{float: left;padding-right: 30px;} .spb_call_text > *{margin: 10px 0px;} .impact-text-arrow{ position: absolute; right: 0; top: 50%; margin-top: -20px; max-width: 12%; font-size: 42px; } .impact-text-arrow *{font-style: normal !important;} /* ******************************************************************************************** Fixed Background Image *********************************************************************************************** */ .fixed-bgimg{ float: left; width: 100%; padding-top: 80px; padding-bottom: 80px; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/fixed-bgimg.png); border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /* ******************************************************************************************** Custom Gray BG *********************************************************************************************** */ .custom_bg{ background-color: #f7f7f7; padding-top: 80px; padding-bottom: 80px; } .alt-bg{ padding-top: 80px; padding-bottom: 80px; } /* ******************************************************************************************** Clears *********************************************************************************************** */ .clear, .clearer{clear:both;} .clear:after, .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; } .guest-select {width:305px !important;} /*see all button*/ .seeAllShop{text-align: center; overflow: hidden; clear: both; margin: 50px 0 70px;} .seeAllShop a{background: #252525; padding: 8px 40px; font-size: 14px; color: #fff; display: inline-block; text-transform: uppercase; line-height: normal;} .seeAllShop a:hover{color: #1bbeb4;} /*product detail customization*/ .product-meta{display: none;} .resp-tabs-container .std li{list-style: inside none disc;} /*====home shop category====*/ .ShopCategories{margin: 0 -0.5%; text-align: center; text-transform: uppercase;} .ShopCategories h2{font-family: "montserratultra_light"; font-size: 26.67px; margin: 0 0 60px;} .ShopCategories .ShopCateItem{ margin-bottom: 30px; position: relative; margin-left: 0.5%; margin-right: 0.5%;} .ShopCategories .ShopCateItem img{width: 100%;} .ShopCategories .Catdetail{margin: 10px 0 0 0;} .ShopCategories .Catdetail a.cateTitle{ font-size: 13.33px;} .ShopCategories .Catdetail a:last-child{font-family: 'montserratultra_light'; font-size: 16.67px; border-bottom: 1px solid #000; padding:0 5px;} .ShopCategories .Catdetail a.shopNow:hover{border-bottom-color: #1bbeb4;} .ShopCategories .Catdetail h4{font-family: 'montserratsemi_bold'; font-size: 20px; margin: 15px 0; text-transform: none;} .ShopCategories .ShopCateItem .shopCateTitle{color: #fff;font-family: "Montserrat",sans-serif;font-size: 32px; left: 0; width: 100%; text-align: center; letter-spacing: 0;position: absolute;text-transform: uppercase; top: 0; padding: 0; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out;-ms-transition: background 400ms ease-in-out;-o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; line-height: 30px;} .ShopCategories .ShopCateItem .shopCateTitle .innerTitle{display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center;} .ShopCategories .ShopCateItem .shopCateTitle .innerTitle span{display: table-cell; vertical-align: middle; text-align: center;} .ShopCategories .ShopCateItem:hover .shopCateTitle{background: rgba(0,0,0,0.5);} /*checkout quality assurance*/ .qualityAssurance {clear: both;margin-bottom: 30px;overflow: hidden;} .qualityAssurance .section-line{margin-bottom: 5px;} .qualityAssurance .section-line h2{font-size: 13px; text-transform: uppercase;} .qualityAssuranceItem p{font-size: 12px; text-align: center;} /*hide content in blog list page*/ /*.blog-index-list .toolbar .sorter .amount , */ .blog-index-list .sorter .sort-by.item-right , .blog-index-list .sorter .limiter , .postWrapper + .toolbar{display: none;} .category-left #sidenav li{/*display: none;*/} .category-left #sidenav li.active , .category-left #sidenav li.active a.show-cat.active + ul li{display: block;} .banner-slider .caption{display: none;} /*instagram fan pics*/ .instraGramUser{text-align: center; margin: 0 0 10px;} .instraGramUser a{font-size: 16px;} .cms-home .popupContent{position: fixed; top: 8%;} /*custom newsletter*/ .block-subscribe.signUpForCoupon .input-box{float: left; width: 20%;} /*========= CadenceWatch page =======*/ .CadenceWatch{} .CadenceWatch ul{margin: 0 -1%; padding: 0;} .CadenceWatch li{margin-bottom: 30px;} .cms-cadence-watch .CadenceWatch li{min-height: 280px;} /*popup style*/ #jquery-overlay {position: fixed;top: 0;left: 0;z-index: 1111;width: 100%;height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 11111;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box {font-size: 10px;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em; } /*custom popup style*/ .popupContent , .OverLayBg{display: none;} .OverLayBg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1111; left: 0; top: 0;} .popupContent{position: fixed; width: 80%; background: #fff; z-index: 11111; left: 10%; top: 8%;} .popupContent > img{ float: left; max-width: 50%;} .popupContent .contentRightPopup{box-sizing: border-box;float: right;padding: 20px 40px 40px 20px;width: 45%; margin: 20px 2% 0 0; text-align: center;} .popupContent .contentRightPopup a.disable{pointer-events: none;} .popupContent .contentRightPopup img{max-width: 250px;} .popupContent .contentRightPopup .proName{font-size: 20px;margin: 20px 0;text-transform: uppercase;} .popupContent .Close {border: 2px solid #fff;border-radius: 50%;color: #fff;cursor: pointer;font-size: 20px;font-weight: bold;height: 40px;left: 48%; line-height: 35px;position: absolute;text-align: center;top: -50px;width: 40px;} .popupContent .proButton a{background: #1e1e1e;color: #fff;padding: 10px 20px; display: inline-block; text-transform: uppercase;} .popupContent .proButton a.disable{background: #ccc;} .creditInsta{margin: 10px 0 0 0;} /*==== related product in product detail page ===*/ #block-related-slider .actions , #block-related-slider .sale , #block-related-slider .new{display: none;} #block-related-slider .product-image{box-shadow: none; border: 1px solid #dadada;} #block-related-slider .product-image-wrapper{box-shadow: none;} #block-related-slider .product-content-wrapper{margin: 0;} #block-related-slider .item{text-align: center;} #block-related-slider .single-line-name{font-size: 14px;} #block-related-slider .price-box{margin: 0; float: none;} #block-related-slider .special-price .price , #block-related-slider .regular-price .price{font-size: 18px;} #block-related-slider .old-price .price{font-size: 13px;} /*=== bestseller in homepage ===*/ .new-product .btn-cart .button.button span span{padding: 11px 10px; font-size: 11px;} .cms-home .new-product .itemslider{margin-left: -5px;} .cms-home .new-product .itemslider .item{margin-left: 5px !important;} /*======== checkout user login option =======*/ #checkout-step-login .new-users .content{min-height: 338px;} #checkout-step-login .registered-users {background: none;} #checkout-step-login .registered-users .section-line h3{background: #fff;} #checkout-step-login .new-users , #checkout-step-login .new-users .section-line h3{background: #f0f0f0;} #checkout-step-login .registered-users .section-line{margin-bottom: 0;} #checkout-step-login .registered-users .content{min-height: 0;} #checkout-step-login .registered-users .buttons-set{margin: 0;} #checkout-step-login .registered-users ul.form-list{margin: 10px 0 0;} #checkout-step-login .registered-users ul.form-list li{margin-bottom: 10px;} #checkout-step-login .registered-users ul.form-list li label{margin: 0 0 3px 0;} .registrationNotes {margin: 5px 0 0;} .registrationNotes .button{margin: 10px 0 0 0;} .registrationNotes .button span span{background: #333; color: #fff; min-width: 120px; font-weight: bold;} .registrationNotes .button:hover span span{background: #1bbeb4;} /*billing with middle name*/ .customer-name-middlename{} .customer-name-middlename > div{width: 33.33% !important; box-sizing: border-box; padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left !important;} .customer-name-middlename > div:last-child{padding-right: 0;} .customer-name-middlename > div .input-box > input{width: 100% !important;} /*red continue in checkout*/ #opc-login .buttons-set button.continueRed, #opc-login .buttons-set button.continueRed span, #opc-login .buttons-set button.continueRed span span , button.continueRed , button.continueRed span{background: #ff0000 !important;} #opc-login .buttons-set button.continueRed:hover, #opc-login .buttons-set button.continueRed span:hover, #opc-login .buttons-set button.continueRed span span:hover{background: #333 !important;} button.btn-proceed-checkout.btn-checkout span{background: #ff0000 !important;} /*=== product ===*/ .catalog-product-view .main {padding-top: 15px;} .product-name1 h1 {border-bottom: 1px solid #dadada;color: #1bbeb4;margin-bottom: 25px;padding-bottom: 10px;} /*.catalog-product-view .fancybox-overlay.fancybox-overlay-fixed{display: none !important;}*/ /*more view image*/ .more-views ul{} .more-views ul li{border: 1px solid #e4e4e4; margin-bottom: 12px !important; padding-top: 5px;} .more-views .product-image{box-shadow: none;} /*== category page ==*/ .catalog-category-view .main{padding-top: 0;} .category-image{text-align: center; margin: 0 0 10px;} .category-image img{max-width: 100%;} /*====== FAQ , About , Shipping , Warranty , Terms , #cadence =======*/ .cms-shipping .main , .cms-faqs .main , .cms-about-us .main , .cms-cadence-watch .main , .cms-warranty .main , .cms-terms-conditions .main{padding-top: 40px;} .pageBannerContainer .pageBannerImg {text-align: center;} .pageBannerContainer .pageBannerImg img{max-width: 100%;} /*===== custome header =====*/ .top-links.links-separators .links > li > a{line-height: normal; font-size: 13.33px;} .top-links.links-separators .links > li.last > a{border-right: 1px solid #96ceff; padding-right: 10px;} .top-links{ line-height: 20px; margin: -1px 0 0;} .navmain-container .shopping_cart{height: 20px; margin: 0 -15px 0 0;} .navmain-container .shopping_cart .dropdown-toggle , .navmain-container .quick-search .dropdown-toggle{height: 20px; line-height: 20px;} .navmain-container .quick-search .dropdown-toggle .button{line-height: 20px; padding: 0 8px !important;} .shopping_cart .dropdown-toggle.cover > div{padding: 0px 8px !important;} .navmain-container .quick-search{height: 20px; margin: -1px 0 0;} .bannerslider.banner {padding-bottom: 10px;} .bannerslider.banner .item img {border-bottom: 1px solid #c3c2c2;} /*======= newsletter popup =======*/ #thanksOverLay{display: none;} #thankPopup{display: none;} #loader_image{display: none; position: fixed;z-index: 11000; text-align: center; top: 40%;left: 48%; width: auto;} .thanksOverLay{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 1111; } .thankPopup{background: #ff9934; color: #fff; padding: 10px; width: 780px; position: fixed; top: 10%; left: 20%; z-index: 11111; text-align: center;} .thankpopupContent{border: 1px solid #feffff; padding: 60px 0 40px;} .thankpopupContent p{font-size: 24px; line-height: 30px;} .thankpopupContent p strong{} .thanksLogo{margin: 50px 0 0;} .continueShopping{overflow: hidden; clear: both; margin-top: 50px;} .continueShopping a{border: 1px solid #fff;color: #fff;font-size: 20px;padding: 5px 30px;text-transform: uppercase; display: inline-block;} .popUpNewsLetter{background: #fff; max-width: 440px; bottom: 0; right: 0; padding: 50px 60px 40px; position: fixed; width: 100%; z-index: 1111; } .popUpNewsLetter .BeforeFooterNewsletter h4{margin-bottom: 30px;} .popUpNewsLetter .BeforeFooterNewsletter{margin: 0; padding: 0; width: 100%;} .closeNewsletter{font-size: 20px;padding: 5px;position: absolute;right: 20px;top: 10px; cursor: pointer;} /*============ before footer newsletter ===========*/ .BeforeFooterNewsletter{text-align: center; text-transform: uppercase; width: 40%; margin: 60px auto 70px;} .BeforeFooterNewsletter h2{font-family: "montserratregular"; margin-bottom: 20px;} .BeforeFooterNewsletter h4{margin-bottom: 50px;} .BeforeFooterNewsletter input{display: block; width: 100%; border-width: 0 0 1px; background: none; } .BeforeFooterNewsletter button{background: #000; color: #fff; font-size: 11px; padding:17px 70px; margin: 40px 0 0; display: inline-block; transition: all 0.4s ease 0.1s; -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s;} .BeforeFooterNewsletter button:hover , .BeforeFooterNewsletter button:focus{background: #1bbeb4;} /*=========== welcome banner ==============*/ .welcomeImage{text-align: center;} .welcomeImage ul{} .welcomeImage ul li{display: inline-block; width: 49.7%;} .welcomeImage ul li img{max-width: 100%;} .welcomeImage ul li:first-child{margin-right: 0.3%} /*================== pages design ===============*/ .pageDetail{margin-bottom: 20px; overflow: hidden; clear: both;} .pageDetail .heading{float: left; padding-right: 2%; width: 25%; text-align: right;} .pageDetail .heading h2{} .pageDetail .detailParagraph{width: 72%; float: left;} .pageDetail .detailParagraph ul{} .pageDetail .detailParagraph ul li{list-style: inside none disc; margin-bottom: 10px;} /*====== home page best seller ======*/ .bestSellerContainer{} .bestSellerContainer h2{font-family: "montserratultra_light"; font-size: 26.67px; margin: 0 0 60px; text-align: center; text-transform: uppercase;} .bestSellerContainer .products-grid .item{padding-bottom: 27px; text-align: center;} .bestSellerContainer .products-grid .actions , .bestSellerContainer .products-grid div.btn-cart{bottom: 0;} .bestSellerContainer .product-image-wrapper{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: unset;} .product-image-wrapper .sale , .product-image-wrapper .new , .bestSellerContainer .add-to-links.addto-links-icons {display: none;} .bestSellerContainer button.button{} .bestSellerContainer .products-grid div.btn-cart button span{background: #000 !important; color: #fff !important; line-height: 27px; display: inline-block; } .bestSellerContainer button.button span span{padding: 0 10px !important; font-size: 15.5px !important; font-weight: normal;} .bestSellerContainer .products-grid .price-box{margin-bottom: 5px;} .bestSellerContainer .product-name{font-size: 13.33px; font-family: "montserratultra_light"; text-transform: uppercase;} .bestSellerContainer .products-grid .price-box .price{font-size: 16.67px;} .bestSellerContainer .products-grid .vert{margin: 10px 0 0;} /*child category*/ .childCategory{font-family: 'montserratultra_light'; text-align: center; margin: 0 0 10px;} .childCategory a{text-transform: capitalize; display: inline-block; margin: 0 15px; border-bottom: 1px solid transparent; transition: all 400ms ease-in-out 100ms; -webkit-transition: all 400ms ease-in-out 100ms; -moz-transition: all 400ms ease-in-out 100ms;-ms-transition: all 400ms ease-in-out 100ms;} .childCategory a:hover{border-color: #666; color: #252525;} .childCategory a:last-child{} /*========= custom post page ========*/ .blog-post-view .main.container_12{width: 60%;} .blog-post-view .col-main .page-title{display: none;} .blog-post-view .postTitle{text-align: center; font-family: "montserratsemi_bold";} .blog-post-view .postTitle h3{font-size: 30px;} .blog-post-view .postTitle h4{font-family: "montserratlight";} .colorAttr{font-weight: bold; text-transform: uppercase; padding-top: 15px;} .product-special-gift-card .product-view .box-tabs{display: none;} /*==== home promo images ====*/ .winterWatch{margin: 30px 0 105px;} .giftHim{margin: 50px 0 150px;} .giftHim p{font-size: 21.67px; margin: 15px 0 0 0; font-family: "montserratultra_light";} .giftHim p span{color: #ff0000;} .PromoHomeImg{text-align: center;} .PromoHomeImg img{max-width: 100%;} /*====== top header =====*/ .saleTopHeading{ color: #fff;font-size: 18px;line-height: normal;padding: 10px 0;text-align: center; text-transform: uppercase;} /* ======================================================================================= */ .header-top .grid_full .footer-primary-container{display:none;} .belt_detail { float: left; text-align: center; margin: 30px 0 0; } .belt_product .inner > a { float: left; margin-right: 30px; } .belt_product.grid_12 { font-family: Adobe Caslon Pro; margin: 40px auto; overflow: hidden; } .belt_detail > h2 { font-family: Adobe Caslon Pro; font-size: 32px; font-weight: bold; line-height: normal; } .belt_detail > p { font-size: 16px; font-weight: 600; margin-bottom: 20px; } .belt_product .grid_5 > a { display: block; width: 280px; } .belt_product.grid_12 > .inner { margin: 0 auto; overflow: hidden; width: 90%; } .belt_detail.grid_7 .button.btn-cart.ajx-cart span { font-size: 18px; text-transform: uppercase } .belt_product .btn-cart { padding-top: 5px; } .belt_product .inner > .grid_5 { width: 35%; } .belt_product.grid_12 .belt_detail.grid_7 { width: 61%; } /** * 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@magento.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.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://cadencewatch.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* ******************************************************************************************** Blog *********************************************************************************************** */ .postWrapper { clear: both; border-bottom: 1px solid #E4E4E4; padding-bottom: 20px; margin-bottom: 25px; } .postWrapper.widget-latest{ /*padding-top: 10px;*/ /*margin-top: 10px;*/ } .postTitle { } .postTitle h3{ } .postTitle h4 { margin: -5px 0 10px; font-size: 14px; line-height: 1.4545em; } .postContent { padding-bottom: 10px; margin: 0px; padding: 0px; } .postContent p{ margin-bottom: 10px; } .postDetails { padding: 10px 0px 0px; } .postDetails a{ color: #1bbeb4; margin-right: 5px; } .postDetails a:hover, .postContent a.aw-blog-read-more:hover{ text-decoration: underline; } .postContent a.aw-blog-read-more{ color: #1bbeb4; padding-left: 20px; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .postContent .tags { font-weight: bold; padding-top: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding: 0 2px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .block-blog .menu-categories { } .block-blog .view:last-child{ margin-bottom: 0px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } #postComment .input-box{margin-bottom: 20px;} .widget-latest .peer-wrapper .img-box {width: auto;margin-right: 0px;float: none;max-width: none;} /** * Pre-Orders * * @category: Aitoc * @package: Aitoc_Aitpreorder * @version 1.2.9 * @license: n/a * @copyright: Copyright (c) 2015 AITOC, Inc. (http://www.aitoc.com) */ .product-options p.required { margin-bottom:0; padding:15px 0 0; position:static } /*! * Bootstrap v3.3.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ .gift-card *{box-sizing: border-box;} .gift-card button *{box-sizing: content-box;} .gift-card .row { margin-right: -10px; margin-left: -10px; } .gift-card .col-xs-1,.gift-card .col-xs-2,.gift-card .col-xs-3,.gift-card .col-xs-4,.gift-card .col-xs-5,.gift-card .col-xs-6,.gift-card .col-xs-7,.gift-card .col-xs-8,.gift-card .col-xs-9,.gift-card .col-xs-10,.gift-card .col-xs-11,.gift-card .col-xs-12 { float: left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } .gift-card .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .gift-card .table > thead > tr > th, .gift-card .table > tbody > tr > th, .gift-card .table > tfoot > tr > th, .gift-card .table > thead > tr > td, .gift-card .table > tbody > tr > td, .gift-card .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .gift-card .table > thead > tr > th { vertical-align: middle; border-bottom: 2px solid #ddd; } .gift-card .table > caption + thead > tr:first-child > th, .gift-card .table > colgroup + thead > tr:first-child > th, .gift-card .table > thead:first-child > tr:first-child > th, .gift-card .table > caption + thead > tr:first-child > td, .gift-card .table > colgroup + thead > tr:first-child > td, .gift-card .table > thead:first-child > tr:first-child > td { border-top: 0; } .gift-card .table > tbody + tbody { border-top: 2px solid #ddd; } .gift-card .table .table { background-color: #fff; } .gift-card .table-condensed > thead > tr > th, .gift-card .table-condensed > tbody > tr > th, .gift-card .table-condensed > tfoot > tr > th, .gift-card .table-condensed > thead > tr > td, .gift-card .table-condensed > tbody > tr > td, .gift-card .table-condensed > tfoot > tr > td { padding: 5px; } .gift-card .table-bordered { border: 1px solid #ddd; } .gift-card .table-bordered > thead > tr > th, .gift-card .table-bordered > tbody > tr > th, .gift-card .table-bordered > tfoot > tr > th, .gift-card .table-bordered > thead > tr > td, .gift-card .table-bordered > tbody > tr > td, .gift-card .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .gift-card .table-bordered > thead > tr > th, .gift-card .table-bordered > thead > tr > td { border-bottom-width: 2px; } .gift-card .table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; } .gift-card .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .gift-card table col[class*="col-"] { position: static; display: table-column; float: none; } .gift-card table td[class*="col-"], .gift-card table th[class*="col-"] { position: static; display: table-cell; float: none; } .gift-card .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .gift-card .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .gift-card .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .gift-card .table-responsive > .table-bordered { border: 0; } .gift-card .table-responsive > .table-bordered > thead > tr > th:first-child, .gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child, .gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child, .gift-card .table-responsive > .table-bordered > thead > tr > td:first-child, .gift-card .table-responsive > .table-bordered > tbody > tr > td:first-child, .gift-card .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .gift-card .table-responsive > .table-bordered > thead > tr > th:last-child, .gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child, .gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child, .gift-card .table-responsive > .table-bordered > thead > tr > td:last-child, .gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child, .gift-card .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .gift-card .table-responsive > .table-bordered > tbody > tr:last-child > th, .gift-card .table-responsive > .table-bordered > tfoot > tr:last-child > th, .gift-card .table-responsive > .table-bordered > tbody > tr:last-child > td, .gift-card .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .gift-card input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gift-card input[type="radio"], .gift-card input[type="checkbox"] { margin: 3px 0 0; margin-top: 1px \9; line-height: normal; } .gift-card input[type="file"] { display: block; } .gift-card input[type="range"] { display: block; width: 100%; } .gift-card select[multiple], .gift-card select[size] { height: auto; } .gift-card input[type="file"]:focus, .gift-card input[type="radio"]:focus, .gift-card input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .gift-card output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .gift-card .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .gift-card .form-control:focus { border-color: #66afe9; outline:none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .gift-card .form-control::-moz-placeholder { color: #999; opacity: 1; } .gift-card .form-control:-ms-input-placeholder { color: #999; } .gift-card .form-control::-webkit-input-placeholder { color: #999; } .gift-card .form-control[disabled], .gift-card .form-control[readonly], .gift-card textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } .gift-card input[type="date"], .gift-card input[type="time"], .gift-card input[type="datetime-local"], .gift-card input[type="month"] { line-height: 34px; line-height: 1.42857143 \0; } .gift-card input[type="date"].input-sm, .gift-card input[type="time"].input-sm, .gift-card input[type="datetime-local"].input-sm, .gift-card input[type="month"].input-sm { line-height: 30px; line-height: 1.5 \0; } .gift-card input[type="date"].input-lg, .gift-card input[type="time"].input-lg, .gift-card input[type="datetime-local"].input-lg, .gift-card input[type="month"].input-lg { line-height: 46px; line-height: 1.33 \0; } _:-ms-fullscreen, :root input[type="date"], _:-ms-fullscreen, :root input[type="time"], _:-ms-fullscreen, :root input[type="datetime-local"], _:-ms-fullscreen, :root input[type="month"] { line-height: 1.42857143; } _:-ms-fullscreen.input-sm, :root input[type="date"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="time"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="datetime-local"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="month"].input-sm { line-height: 1.5; } _:-ms-fullscreen.input-lg, :root input[type="date"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="time"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="datetime-local"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="month"].input-lg { line-height: 1.33; } .gift-card .form-group { margin-bottom: 10px; float:left; width:100%; text-align: left; } .gift-card .radio, .gift-card .checkbox { position: relative; display: block; margin-top: 5px; margin-bottom: 5px; } .gift-card .radio label, .gift-card .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .gift-card .radio input[type="radio"], .gift-card .radio-inline input[type="radio"], .gift-card .checkbox input[type="checkbox"], .gift-card .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -19px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .gift-card .radio-inline, .gift-card .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .gift-card .form-group label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .gift-card .hide{display:none;} .gift-card .disabled{ opacity: 0.3; filter: alpha(opacity=30); cursor: default; } .gift-card .text-left { text-align: left; } .gift-card .text-right { text-align: right; } .gift-card .text-center { text-align: center; } .gift-card .text-justify { text-align: justify; } .gift-card .text-nowrap { white-space: nowrap; } .gift-card .text-lowercase { text-transform: lowercase; } .gift-card .text-uppercase { text-transform: uppercase; } .gift-card .text-capitalize { text-transform: capitalize; } /** * Giftvoucher reward template */ .dialog.giftcard-preview-template-dialog{ left: 50% !important; margin-left: -330px !important; } .input-select.validation-failed { border-color: red; } span#giftvoucher_wait{ color: #2F2F2F; } .giftvoucher-discount-code{ color: #008000; } .giftvoucher-discount-code button{ border: medium none; background: none repeat scroll 0 0 transparent; } .giftvoucher-discount-code button:hover{ cursor: pointer; } .giftvoucher-media{ border: 2px solid #F7F9F9; } .giftvoucher-media .giftmedia{ border-bottom: 2px solid #F7F9F9; padding: 7px; color: #F18200; font-size: 15px; } #giftmedia pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .giftvoucher-media .giftmedia-image{ overflow: hidden; width: 265px; position: relative; } .giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc { font-size: 0.9em; font-style: italic; color: #080; margin-top: -5px; } .giftvoucher-product-info #message{ width: 100%; height: 88px; } .giftvoucher-product-info #recipient_address{ width: 325px; height: 57px; } .giftvoucher-product-info #recipient_email, .giftvoucher-product-info #recipient_name, .giftvoucher-product-info #customer_name{ width: 100%; } #giftvoucher-result{ font-size: 15px; } #giftvoucher-result label{ width: 160px; } /* Search Grid Style */ .data-table .giftvoucher-grid-title th{ background-image: none; border-bottom: 1px solid #C2D3E0; } .data-table .giftvoucher-grid-search th{ vertical-align: top; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{ padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{ width: 97%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{ float: left; padding-bottom: 2px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{ min-width: 121px; min-height: 18px; margin-bottom: 3px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{ display: block; width: 36px; float: left; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{ width: 15px; height: 15px; cursor: pointer; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{ float: right; width: 50px; padding: 1px; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ width: 100%; } .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price, .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{ min-width: 100px; } .giftvoucher-search-button { padding-bottom: 5px; text-align: right; } /* End Search */ .customer-account-giftcard .balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } .customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{ background-color: #F6B26B; } .customer-account-giftcard .account-balance{ overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted black; } /*Hai.Tran*/ .giftcard-preview-template-dialog .top, .giftcard-preview-template-dialog .bot{ display: none; } .giftcard-preview-template-dialog .dialog_e, .giftcard-preview-template-dialog .dialog_w { width: 0; } .giftcard-preview-template-dialog .dialog_close{ display: none; } .giftcard-preview-template-dialog .dialog_content{ background-color: transparent !important; color: #2f2f2f !important; font: 12px/1.55 Arial, Helvetica, sans-serif; } .gift-active{ border: 2px solid rgb(228,121,17) !important; } div.egcSwatch-arrow { /* display: none;*/ position: absolute; height: 11px; top: -2px; left: 1px; width: 100%; background-position: center top; background-repeat: no-repeat; clear: both; /* z-index: 10;*/ background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/down-arrow.png); } #giftcard-template-show-images:hover #giftcard-template-next{ background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/arrow-slide-right.png); } #giftcard-template-show-images:hover #giftcard-template-prev{ background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/arrow-slide-left.png); } /*#giftcard-template-next:hover{ background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png); } #giftcard-template-prev:hover{ background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png); }*/ /** Media Library **/ .uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ } .uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; } .uploader .file-row .file-info { float:left; } /*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; } .uploader .file-row .file-info-size { width: 20%; }*/ .uploader .file-row-info { margin: 0 0 0 10px; } .uploader .file-row-info .file-info-name { font-weight:bold; } .uploader .file-row .progress-text { float:right; font-weight:bold; } .uploader .file-row .delete-button { float:right; } .uploader .buttons { float:left; } .uploader .flex { float:right; } .uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; } .uploader .error { border:1px solid #aa1717; background-color:#ffe6de; } .uploader .error .progress-text { padding-right:10px; } .uploader .complete { border:1px solid #90c898; background-color:#e5ffed; } #amount_range{ width: 160px; } #popup-giftcard{ position: fixed; z-index: 10000; width: 600px; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; text-align: left; } #bg-fade{ background: #000; position: absolute; z-index: 9999; width: 100%; min-height: 800px; float: left; top: 0; left: 0; opacity: 0.8; filter:alpha(opacity=80); } #giftvoucher-view-condition { float: left; clear:both; } .calendar{ z-index: 99999; } .calendar .button{ display: table-cell; } /* stee */ .ajax-file-upload-progress { width: 95% !important; } .ajax-file-upload-green { display: none !important; } .ajax-file-upload-abort { display: none !important; } .ajax-file-upload-statusbar { width: 88% !important; } /****************************Template 02 _ top*************************************/ #giftcard-template-top{ overflow:hidden; max-height: 550px; font-size: 14px; width: 100%; height: 365px; } #giftcard-template-top .giftcard-template-content{ margin-left:0px; padding: 0; position: relative; } #giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{ height: 190px; background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } #giftcard-template-top .giftcard-template-content-temp2{ padding-top: 0px; background-repeat: repeat; background-size: 100% } .logo-title.logo-title-top { padding-left: 15px; float: left; height: 84px; } .logo-title.logo-title-top img{ float: left; border-radius: 0px 0px 5px 5px; max-height: 70px; background-position: 15px 0px !important; } .name-value-top{ float: left; width: 100%; background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/bkg-title.png') no-repeat; background-size: 103% 105%; margin-top: 55px; height: 50px; position: absolute; bottom: 0; } .name-value-top .giftcard-title{ float: left; font-size: 20px; font-family: 'Open Sans', sans-serif; margin-left: 15px; line-height: 48px; font-weight: 600; } #giftcard-template-top .giftcard-value{ float: right; padding-left: 20px; background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center; height: 50px; } .name-value-top .giftcard-value .giftcard-text-color{ float: left; font-size: 12px; padding-top: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .name-value-top .giftcard-value .giftcard-price-change { float: right; margin-left: 15px; font-size: 26px; font-family: 'Open Sans', sans-serif; font-weight: bold; } .name-value-top .value-price span { margin-right: 5px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 12px; margin-top: -3px; } .name-value-top .giftcard-value .giftcard-price-change .price { margin-right: 10px; font-size: 26px; font-family: 'Open Sans', sans-serif; } .giftcard-date-top{ width: 59%; float:left; padding-top: 10px; } .giftcard-date-top .giftcard-from-to{ float: left; font-size: 16px; color: #636363 !important; font-family: 'Open Sans', sans-serif; margin-left: 15px; } .giftcard-date-top .giftcard-from-to .giftcard-from{ float: left; max-height: 25px; } .giftcard-date-top .giftcard-from-to .giftcard-text-color, .giftcard-date-top .giftcard-from-to .giftcard-style-color{ font-family: 'Open Sans', sans-serif; font-size: 16px; } .giftcard-information { float: left; clear: both; width: 342px; margin-top: 8px; margin-left: 15px; } .giftcard-date-top .giftcard-barcode { float: right; text-align: right; padding-right: 15px; } .giftcard-date-top span.giftcard-barcode img { max-width: 100%; float: right; height: 40px; } .giftcard-date-top .giftcard-barcode { padding-right: 15px; margin-top: -10px; } .giftcard-date-top .giftcard-from-to .giftcard-style-color{ color: orange; font-size: 16px } .giftcard-date-top .giftcard-to{ margin-left:0px; max-height: 25px; float:left; clear:both; } .giftcard-date-top .giftcard-number .giftcard-style-color{ color: orange; font-weight: bold; font-family: 'Open Sans', sans-serif; font-style: italic; line-height: 30px; } .name-value-top .value-price{ float: right; line-height: 55px; } .giftcard-date-top .giftcard-message{ padding: 6px; padding-bottom: 14px; padding-top: 3px; height: 80px; vertical-align: middle; background: #fff; border-radius: 5px; border:1px solid #cecece; text-align: left; } .barcode-note .giftcard-code{ float: right; margin-right: 15px; } .barcode-note .barcode{ text-align: right; float: right; width: 158px; height: 40px; } .barcode-note .barcode img{ height: 40px; max-width: 100%; float: right; } .giftcard-date-top .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } .barcode-note .giftcard-note{ margin-top: 5px; float: right; width: 215px; text-align: right; overflow: hidden; height: 90px; position: absolute; bottom: 10px; } .barcode-note .giftcard-note .giftcard-text-color{ font-size: 12px; margin: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #timezone_to_send{visibility: visible !important;} #giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;} #giftcard-template-top .giftcard-template-content{ width:100%; background-size:100% auto !important; float: left; height: 175px; } #giftcard-template-top .giftcard-title-top{ width:100%; position: relative; } .hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important} #giftcard-template-top .title{width:60% !important;} #giftcard-template-top .barcode-note{ width: 230px; float: right; margin-top: 5px; position: relative; height: 170px; } #giftcard-template-top .giftcard-value-bottom {display: none} /*---Detail Template 3---*/ @import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600); #giftcard-template-back .giftcard-template-content{display: none; height: 0px} .title-value.giftcard-logo-background { float: left; width: 100%; background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/bkg-title.png') no-repeat; height: 50px; background-size: 100%; } .giftcard-logo-background .giftcard-value-color { float: right; background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center; height: 50px; text-align: right; padding-right: 15px; padding-left: 20px; line-height: 48px; } .from-to-barcode-background{ float: left; width: 100%; margin-bottom: 5px; } .giftcard-change-image-background-popup .giftcard-logo { float: left; height: 84px; margin-left: 15px; } .giftcard-change-image-background-popup .giftcard-logo img { margin-bottom: 15px; border-radius: 0px 0px 5px 5px; max-height: 70px; float: left; } .giftcard-logo-background .giftcard-text-color { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding-right: 10px; } .giftcard-logo-background .giftcard-style-color.giftcard-price-change { font-size: 26px; margin-top: 6px; } .giftcard-logo-background .giftcard-style-color.giftcard-price-change .price { font-family: 'Open Sans', sans-serif; font-weight: bold; float: right; line-height: 52px; } .giftcard-logo-background .giftcard-title { float: left; font-size: 20px; font-family: 'Open Sans', sans-serif; margin-left: 15px; line-height: 52px; font-weight: 600; } .from-to-barcode-background .from-to { font-size: 16px; font-family: 'Open Sans', sans-serif; float: left; margin-left: 15px; } .from-to-barcode-background .from-to .giftcard-form{ float: left; text-align: left; margin-top: 10px; } .from-to-barcode-background .from-to .giftcard-to { float: left; text-align: left; clear: both; } .giftcard-text { height: 90px; } .from-to-barcode-background span img { height: 40px; max-width: 100%; } .from-to-barcode-background .from-to .giftcard-text-color { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; } .from-to-barcode-background .from-to .giftcard-style-color{ font-size: 16px; font-family: 'Open Sans', sans-serif; } .giftcard-box-background{ overflow: hidden; width: 95%; margin: 0 auto; } .giftcard-box-background .giftcard-text-box{ background: #fff; border-radius: 5px; border:1px solid #cccccc; padding: 0; padding-bottom: 10px; padding-top: 3px; display:table-cell; vertical-align: middle; } .giftcard-box-background .giftcard-text-color.giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; font-family: 'Open Sans', sans-serif; padding: 0px 5px; color: black !important; } .from-to-barcode-background .giftcard-barcode{ float: right; margin-right: 15px; } .from-to-barcode-background .giftcard-barcode .giftcard-style-color{ color: orange; font-weight: bold; font-size:15px; font-family: 'Open Sans', sans-serif; } .from-to-barcode-background .giftcard-barcode .giftcard-style-color{ font-size: 14px; line-height: 30px; color: orange; font-weight: bold; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-note-background{ // margin-top: 8px; float:left; box-sizing: content-box; overflow: hidden; text-align: center; vertical-align: middle; margin-top: 8px; height: 30px } .giftcard-note-background .form-note{ width: 100%; margin: 0 auto; } .giftcard-note-background .giftcard-text-color{ font-size: 12px; line-height: 15px; margin: 0; font-family: 'Open Sans', sans-serif; text-align: left; padding: 0 15px; font-weight: 600; max-height: 33px; overflow: hidden; } #giftcard-template-back {width: 100% ;float: left; position: relative} #giftcard-template-back .giftcard-change-image-background-popup{ width: 100%; top: 0%; } .giftcard-box-background .giftcard-text-box { display: inherit !important; background-size: 100% !important; width: 100% !important; height: 98px; text-align: left; } .giftcard-box-background { width: 93% !important; height: 95px; padding: 5px 3%; margin-top: 0px !important; box-sizing: content-box; float: left; } .from-to-barcode-background .giftcard-number{ float: right; text-align: right; } .from-to-barcode-background .giftcard-barcode span.barcode { float: right; } /*****template 03 width devices*******/ .giftcard-change-image-background-popup img#img-type-background{ position: relative; top: 0; z-index: 10; left:0; } #giftcard-template-back img#img-type-background{width: 100%} #giftcard-preview-template img#img-type-background{width: 100%} #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{ width: 100% !important; top: 0%; position: absolute; } .giftcard-product-media{ float:Left; width:600px; height: 365px; transform-origin: top left; -webkit-transform-origin: top left; } .product-img-box { // overflow: hidden\0; } #close-popup-giftcard { background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/images/giftvoucher/close.png') no-repeat; width: 35px; height: 35px; position: absolute; top: -25px; right: -25px; } #giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;} /****************************Template 01 _ left*************************************/ .giftvoucher-product-info{overflow: hidden} #giftcard-template-left{ overflow:hidden; width: 655px; font-size: 14px; float:left; background-size: 100% 100%; } #giftcard-preview-template .giftcard_value-color .giftcard-text-color{ padding-right: 10px; margin-top: 15px; } /*#giftcard-preview-template-content {float: left;overflow: hidden;}*/ .dialog.giftcard-preview-template-dialog .dialog_e{background:none;} .giftcard-template-content-left,.giftcard-change-image{ width: 275px; height: 365px; display:block; float: left; background-position: center; background-repeat: no-repeat; background-size: 275px 400px; } .logo1 { width: 100%; height: 50px; margin-top: -7px;} #giftcard-template-left .giftcard-title { font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-top: 10px !important; margin-left: 10px !important; } .giftcard-from{ margin-right: 15px; overflow: hidden; display: table-cell; float: left; margin-bottom: 5px; } .giftcard-from-to .giftcard-style-color{ color: orange; font-size:16px; font-family: 'Open Sans', sans-serif; } .giftcard-to{max-height: 25px;} .giftcard-box{overflow: hidden;margin-top: 10px;} .giftcard-box .giftcard-text-box{ display: block; border-radius: 5px; border: 1px solid #cccccc; padding: 0 6px; height: 90px; vertical-align: middle; background:#fff; margin-top: 10px; text-align: left; } .giftcard_value .giftcard-text-color{ float: left; padding-right: 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; } #giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{ padding-right: 10px; margin-top: 10px; } .giftcard_value .giftcard-style-color{ float: left; clear: both; } .giftcard_value .giftcard-style-color .price{ font-size: 22px; font-family: 'Open Sans', sans-serif; /* color: orange; */ font-weight: bold; } .giftcard-number{ width: 100%; float: right; text-align: right; margin-bottom: 5px; } .giftcard-number .giftcard-style-color{ color: orange; font-weight: 600; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-custom-message{ margin: 0; white-space: pre-wrap; max-height: 85px; overflow: hidden; font-size: 11px; } .giftcard-barcode .giftcard-style-color{ font-size: 14px; color: orange; font-weight: 600; font-family: 'Open Sans', sans-serif; font-style: italic; } .giftcard-text{ overflow: hidden; vertical-align: bottom; height: 70px; } .giftcard-text .giftcard-text-color{ font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: left; } #giftcard-template-show-images .gift-active{overflow:hidden} #giftcard-template-show-images .gift-active img{ display:inline;} /******************Detail giftcard by Crystal****************/ #giftcard-template-left .giftcard-template-content { background-position: 0; background-size: 100%; width: 350px; display: block; margin-left: 0; float: right; height: 365px; background-repeat: repeat; box-sizing: content-box; } #giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;} #giftcard-template-left .giftcard-from-to .giftcard-text-color { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; } #giftcard-template-left{width: 100% !important} #giftcard-template-left .giftcard-change-image { width:250px; background-position:inherit !important; background-size: 100% 100% !important; height:365px; padding-bottom: 0; position: relative; } .giftcard-change-image img{ height: 63px; max-width: 100%; display: inline; } .giftcard-change-image img#img-type-left{ position: relative; top: 0; z-index: 10; left:0; } .giftcard-template-content-left .giftcard-logo{ position: absolute; top: 280px; text-align: center; width: 100%; } /*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/ #giftcard-template-left .giftcard-template-content div.giftcard-style-color{ margin: 15px 10px 0 15px; text-align: left; } #giftcard-template-left .giftcard-template-content div.giftcard_value{ float: left; } #giftcard-template-left .giftcard-template-content div.giftcard-code{ float: right; width: 200px; margin-top: -5px; } #giftcard-template-left .giftcard-template-content .value-barcode { width: 320px; float: left; margin: 15px; margin-bottom: 10px; } #giftcard-template-left .giftcard-template-content div.giftcard-from-to, #giftcard-template-left .giftcard-template-content div.giftcard-box, #giftcard-template-left .giftcard-template-content div.giftcard-text{ width: 320px; float: left; margin:0 15px; } #giftcard-template-left .giftcard-barcode { float: right; width: 177px; text-align: right; } #giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;} #giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;} #giftcard-template-show-images {overflow: hidden;position: relative;height: 60px;} #giftcard-template-show-images .images-for-slide{ float:left; position: absolute; height: 60px; left: 0; } .giftcard-template-control{ z-index: 10; position: absolute; top: 10px; width: 27px; height: 31px; background: url("http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/icon-nav.png") left 1px no-repeat transparent; text-decoration: none !important; outline: none !important; } #giftcard-template-prev{left:0;} #giftcard-template-next{ right: 0; background: url("http://cadencewatch.com/skin/frontend/neighborhood/default/css/magestore/giftvoucher/icon-nav.png") left -41px no-repeat transparent; } /***************checkout cart by Sally***************/ .gift-card .discount{display: inline-block;width: 100%;} .gift-card .discount .form-group label{display: inline;} .discount .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} /*************shopping cart by Sally*************/ .discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: -1px;margin-left: 0px;} .giftvoucher-discount-code img{display:inline} /************my account by Sally***********/ .gift-card .table .col-xs-12 .label{float:left; margin-bottom: 5px;} .gift-card .table .col-xs-12 .v-middle{float:left;margin-top: 3px;margin-left: 3px;} /***********View giftcard*************/ #giftcard_history_table .item-hidden{display:none;} .giftvoucher-index-email .form-list li{width:100%; float: left;} /******History balance*******/ .dialog.giftcard-preview-template-dialog .dialog_w{background: none;} /*---End Detail Popup Template 1---*/ .gift-card .sub-title{ font-size: 17px; text-transform: none; font-weight: 600; margin: 0 0 5px; padding:0; } .gift-card label em{ color: red; font-weight: normal; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; } /***********End Detail Popup Template 3*************/ /******************Send email***************/ .giftvoucher-product-info .giftcard-date-box img {display: inline;vertical-align: middle;} .giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;} .giftcard-date-box button span{padding-left: 0 !important} .add-to-box {clear: both} .giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%} .giftvoucher-product-info .validation-advice{float: left; clear: both;} .recipient_email, .message, .recipient_ship_form {float:left; clear:both;} /******************End***********************/ /***************checkout cart by Sally***************/ .fieldset .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .giftcard_change img{display:inline;} .fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} .fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;} .fieldset .sp-methods{float:left; clear:both; width: 100% !important;} .credit_input img {display:inline;} .credit_input .input-text{width:68px !important;} .notice-msg li{font-weight:700;} .giftvoucher-index-index .pager{margin-top:7px;} /*************shopping cart by Sally*************/ .discount-form.giftvoucher #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;} .discount-form .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: 5px;margin-left: 0px; float:left} .giftvoucher-discount-code img{display:inline;} dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{margin:5px 0;} #payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;} li.giftvoucher-discount-code strong{float:none;} .giftcard-code-hidden{display:none;} /* ----- Simple template ------ */ #giftcard-template-simple{ width:600px; float:left; background:#fff; border-radius: 3px; border: 1px solid #ddd; } #giftcard-template-simple .simple-top{ padding: 6px 6px 10px; float:left; width: 100%; } .giftcard-template-content-simple{ float: left; width: 100%; height: 310px; } #giftcard-template-simple .simple-content-top{margin:0;} .simple-content-top .simple-logo{ min-height: 85px; display:flex; } #giftcard-template-simple img{margin:auto;} .simple-bottom{ float: left; width: 100%; padding: 6px; border-top: 1px solid #ddd; min-height: 90px; } .two-border{ border-left:1px solid #ddd; border-right: 1px solid #dddddd; } .no-right{border-left:1px solid #ddd;} .giftcard-number .giftcard-style-color{ font-size: 16px; } .value-price .giftcard-text-color{ font-size: 36px; line-height: 1; } .simple-barcode img{ height: 35px; margin:auto; } .simple-content-top .simple-logo img{max-height: 100px;max-width:100%;} #giftcard-template-simple .form-group.giftcard-value, #giftcard-template-simple .form-group.giftcard-number{margin:5px 0;} .simple-bottom .giftcard-custom-message{ width: 100%; float: left; margin: 0; padding: 10px; font-size: 14px; color: #444; line-height: 18px; } #giftcard-template-simple .giftcard-template-content-simple{ background-size: 100% auto; } #giftcard-template-simple .logo-title{ padding: 0; float: none; height: auto; } #giftcard-template-simple img{ display: inline; max-height: 90px; max-width: 180px; } #giftcard-template-simple .simple-barcode{ min-height: 85px; display:flex; } #giftcard-template-simple .simple-content-top .col-xs-4,#giftcard-template-simple .simple-content-top .col-xs-6{ height:90px; } #giftcard-template-simple .giftcard-number .giftcard-style-color{ font-style: normal;} #giftcard-template-simple .giftcard-change-image{background-size:100%;} /* ------ END -------- */ @media (max-width:1199px){ /**********add giftcard************/ #gift-voucher-code{width:65% !important;} } /**********add giftcard by Sally************/ #gift-voucher-code{width:90% !important;} #giftcard-template-left .giftcard-template-content .hidden-giftcard { height: 65px !important; } #giftcard-template-left .hidden-content {height: auto} @media (max-width:990px){ /************my account***********/ /*view giftcard*/ /**********check giftcard************/ } @media (max-width:880px){ /************my account***********/ /**********add giftcard************/ #gift-voucher-code{width:100% !important;} } @media only screen and (max-width: 770px){ /************my account by Sally***********/ /**********add giftcard by Sally************/ .col-main .giftvoucher-fieldset .input-box input[type=text]{width:365px !important;} } @media (max-width:640px){ /************my account by Sally***********/ } @media (max-width:533px){ /**********add giftcard by Sally************/ .buttons-set button{margin-bottom:3px;} #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;} } @media (max-width:440px){ /**********check giftcard by Sally************/ .page-title h1{font-size:18px !important;} /* My account */ .balance .button{float:none !important; width:185px !important;} .giftvoucher-search-button{text-align:left !important;} .button{padding:5px !important;} /*my account*/ #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;} } @media (max-width:420px){ /***************checkout cart by Sally***************/ .giftcard{display:block;} } /* ******************************************************************************************** Horizontal Menu *********************************************************************************************** */ #mega-nav, #mega-nav div.mega-block, #mega-nav ul { list-style: none outside none; padding: 0; } .mega-mobile-container { display: none; } .mega-container{ float: left; width: 100%; } .mega-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} #mega-nav { float: left; width: 100%; text-align: center; } #mega-nav div.mega-block { background-color: #FFFFFF; left:0; padding: 2%; position: absolute; top: 30px; max-width: 100%; display: none/9; display: none !important; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav li:hover div.mega-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav > li { display: inline-block; text-align: left; } #mega-nav > li > a { padding: 0 10px 10px; display: block; text-decoration: none; white-space: normal; font-size: 13.33px; position: relative } #mega-nav > li:hover > a, #mega-nav li.active > a{ color: #1bbeb4; } #mega-nav > li.parent > a:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; bottom: 0px; left: 0px; right: 0; margin: 0 auto; width: 0; height: 0; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav > li.parent:hover > a:before{ z-index: 1000; display: block/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Second level */ #mega-nav ul.subs{ } #mega-nav ul.subs > li { /*display: inline-block;*/ /*float: none;*/ vertical-align: top; margin-top: 0; padding-bottom: 15px; } #mega-nav ul.subs li img{ display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 10px; } #mega-nav ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading{ } #mega-nav ul.subs li a { font-size: 16px; display: inline-block; vertical-align: middle; margin-bottom: 10px; font-weight: bold; } #mega-nav ul.subs > li > a:hover{ color: #1bbeb4; } /* Third level */ #mega-nav ul.subs ul{ /*margin-top: 10px;*/ } #mega-nav ul.subs li li{ /*padding: 5px 0px;*/ float: left; width: 100%; } #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-separators .links a, #mega-nav .mega-block .show-separators .label{ font-size: 14px; font-weight: 400; } #mega-nav ul.subs li li a { } #mega-nav ul.subs li li a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; } #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-separators .links a:hover{ color: #1bbeb4; } /*Mega Custom Block*/ .custom-block-top, .custom-block-bottom, .custom-block-right, .custom-block-left, #mega-nav ul.subs{ margin-top: 10px; margin-bottom: 1%; } /* Static block's content - basic formatting */ #mega-nav .mega-block .header-mega-dropdown-wrapper .heading { margin:0px 0 10px; } #mega-nav .mega-block .header-mega-dropdown-wrapper p { margin:10px 0; } #mega-nav .mega-block .header-mega-dropdown-wrapper img{margin-bottom: 10px;} #mega-nav .mega-block .section-hr{} /* ******************************************************************************************** Vertical Menu *********************************************************************************************** */ #mega-nav .megamenu-vertical{ position: relative; } #mega-nav .megamenu-vertical .mega-block{ padding: 0px; left: 0px !important; background-color: transparent !important; } #mega-nav .megamenu-vertical ul{ width: 210px; float: left; background-color: #FFFFFF; } #mega-nav .megamenu-vertical ul.subs{ margin: 0px; } #mega-nav .megamenu-vertical ul.subs li a:before{ display: none; } #mega-nav .megamenu-vertical ul.subs li ul:before{ content: " "; display: block; border-bottom: 8px solid transparent; border-left: none; border-right: 8px solid #E4E4E4; border-top: 8px solid transparent; position: absolute; left: -8px; top: 12px; width: 0; height: 0; margin: 0 auto; display: none; } #mega-nav .megamenu-vertical ul.subs ul{ margin: 0px; position: absolute; top: 0; left: 210px; z-index: 10000; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav .megamenu-vertical ul.subs li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav .megamenu-vertical ul.subs li{ padding: 0px; float: left; width: 100%; position: relative; } #mega-nav .megamenu-vertical ul.subs li a{ display: block; margin: 0px; padding: 10px 15px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #E4E4E4; } #mega-nav .megamenu-vertical ul.subs li:hover > a{ color: #1bbeb4; background-color: #252525; } #mega-nav .megamenu-vertical ul.subs li a span.category-label{margin-left: 0px;right: 10px;} #mega-nav .megamenu-vertical ul.subs li a span.category-label:before{display: none;} /* ******************************************************************************************** Mobile Menu Css *********************************************************************************************** */ #cssmenu { width: auto; } #cssmenu #mobile-menu{ position: absolute; left: 0px; right: 0px; z-index: 40001; display: block; text-align: left; top: 100%; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); } #cssmenu ul{ margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; } #cssmenu ul li{ position: relative; } #cssmenu ul li a { padding: 15px 50px 15px 20px; display: block; background-color: #FFFFFF; border-bottom: 1px solid #E4E4E4; font-size: 14px; color: #252525 !important; } #cssmenu ul li a:hover{ background-color: #252525 !important; color: #1bbeb4 !important; } #cssmenu #mobile-menu .open{ position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; font-size: 14px; text-align: center; line-height: 49px; } #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active{ color: #1bbeb4; } #cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none; } #cssmenu ul ul { display: none; } /*Second Level*/ #cssmenu #mobile-menu ul > li > a{ padding-left: 30px; } /*Third Level*/ #cssmenu #mobile-menu ul ul > li > a{ padding-left: 40px; } /* Responsive rules ============================================ */ @media all and (max-width : 1279px) { #mega-nav > li > a{ } } @media all and (max-width : 1041px) { .nav-maincontainer.sticky{ display: none !important; } .mega-container { display: none; } .mega-mobile-container { display: block; } } /* ******************************************************************************************** Navigation *********************************************************************************************** */ @media only screen and (min-width: 1042px) { /* Default Navigation ***********/ .nav-container{} .nav-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .nav-container #nav {text-transform:capitalize;} .nav-container #nav ul.level0 { position:absolute; z-index: 1501;} .nav-container #nav li{float: left;text-align:left;} .nav-container #nav li:hover{} .nav-container #nav li, .nav-container #nav li:hover{position: relative;} .nav-container #nav a{text-decoration:none;font-size: 14px;display: block;position: relative;font-weight: normal;padding: 12px 10px;} .nav-container #nav li a.over, .nav-container #nav li.hover > a, .nav-container #nav a:hover, .nav-container #nav li.active a.level-top{color: #1bbeb4;} /* 2nd Level */ .nav-container #nav ul { position:absolute; width:210px; top:44px; z-index: 10000; background-color: #FFFFFF; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-container #nav li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .nav-container #nav > li > ul.shown-sub:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: 20px; } .nav-container #nav div ul { position:static; width:auto; } .nav-container #nav li ul li{float: none !important;display: inherit !important;} .nav-container #nav li ul li a{line-height: normal;display: block;padding: 11px 15px;border-bottom: 1px solid #E4E4E4;} .nav-container #nav li ul li.last > a{border-bottom: none;} .nav-container #nav li ul li a span{} .nav-container #nav li ul li a span.errow{} .nav-container #nav li ul li a.over, .nav-container #nav li ul li a:hover, .nav-container #nav li ul li.hover > a{color: #1bbeb4;background-color: #252525;} .nav-container #nav li ul li ,.nav-container #nav li ul li:hover{margin:0px;} .nav-container #nav li ul li:last-child a{} .nav-container #nav li ul li.last a{} .nav-container #nav li ul li a span{} /* Category Label */ .nav-container #nav > li > a span.category-label{top: -15px;} .nav-container #nav li ul li a span.category-label{margin-left: 0px;right: 10px;} .nav-container #nav li ul li a span.category-label:before{display: none;} /* 3rd+ Level */ .nav-container #nav ul ul, .nav-container #nav ul div { top:0px; margin-top: 0px;} .nav-container #nav ul span, .nav-container #nav ul li.last li span {} .nav-container #nav li ul li ul {left:210px;} .nav-container #nav li ul.shown-sub, #nav li .shown-sub {} .nav-container #nav li ul.shown-sub {} } /* Responsive Menu ======================================================================== */ @media screen and (max-width: 1041px) { .nav-maincontainer.sticky{ display: none !important; } .toggleMenu { height: 44px; font-weight: normal; line-height: 44px; font-size: 17px; float: left; } .toggleMenu.active, .toggleMenu:hover{ color: #1bbeb4; } .toggleMenu:before{ font-family: FontAwesome; padding-right: 13px; } .header-container.header4 .toggleMenu{ float: right; } #nav { list-style: none; position: absolute; z-index: 999; margin-top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 0 auto; left: 0; right: 0; text-align: left !important; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); top: 44px; } #nav:before, #nav:after { content: " "; display: table; } #nav:after { clear: both; } #nav ul { list-style: none; width: 9em; background: none !important; } #nav a { padding: 15px 50px 15px 20px; margin-right: 0px; display: block; text-decoration: none; font-size: 14px; color: #252525 !important; } #nav a, #nav a.over, #nav li.active a.level-top{ background-color: #FFFFFF !important; } #nav a:hover, #nav li.active a.level-top:hover{ background-color: #252525 !important; color: #1bbeb4 !important; } .nav-container #nav.color > li > a{ padding: 15px 50px 15px 20px; } .nav-container #nav a span.category-label{ right: 60px; } .nav-container #nav a span.category-label:before{ display: none; } #nav li { position: relative; float: none !important; display: inherit !important; } #nav li a{ border-bottom: 1px solid #E4E4E4 !important; } #nav > li { float: left; list-style-type:none; } #nav > li > .parent { background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png"); background-repeat: no-repeat; background-position: right; } #nav > li > a { display: block; } #nav > li > a:active{ } #nav li ul { position: absolute; left: -9999px; } #nav > li.hover > ul { left: 0; } #nav li li.hover ul { left: 100%; top: 0; } #nav li li a { display: block; position: relative; z-index:100; padding-left: 30px; text-decoration:none; } #nav li li li a { padding-left: 40px; z-index:200; } #nav .active { display: block; } #nav > li > .parent { background-position: 95% 50%; } #nav > li > .parent { background-image: none; } #nav li .more { position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; font-size: 14px; text-align: center; line-height: 49px; z-index: 101; } #nav li:hover > .more, #nav li .more:hover, #nav li.hover > .more{ color: #1bbeb4; } #nav ul { display: block; width: 100%; } #nav > li.hover > ul , #nav li li.hover ul { position: static; } } /* ******************************************************************************************** Side Nav ( Display Only Desktop Width ) *********************************************************************************************** */ /* Sidenav Popup */ #side-nav .sidemenu-block { background-color: #FFFFFF; left:50%; padding: 2%; position: absolute; top: 0px; min-width: 750px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #side-nav li:hover .sidemenu-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #side-nav .sidemenu-block:before{ content: " "; display: block; border-bottom: 7px solid transparent; border-right: 7px solid #E4E4E4; border-top: 7px solid transparent; position: absolute; left: -7px; top: 12px; width: 0; height: 0; margin: 0 auto; } #side-nav li:first-child .sidemenu-block:before{ top: 6px; } /* First Level */ #side-nav { } #side-nav li{ position: relative; } #side-nav > li{ padding: 0px; } #side-nav > li > a{ /*border-bottom: 1px solid #D9D9D9;*/ padding: 8px 0; } #side-nav > li:first-child > a{ padding-top: 0px; } #side-nav > li.last > a, #side-nav > li:last-child > a{ padding-bottom: 0px; border-bottom: none; } #side-nav li a{ display: block; } #side-nav > li:hover > a, #side-nav > li.active > a{ color: #1bbeb4; } /* Seconnd Level */ #side-nav ul.subs{ margin-top: 10px; } #side-nav ul.subs li{ padding: 0px; border-bottom: none; } #side-nav ul.subs li a{ display: inline-block; } #side-nav ul.subs > li { margin-left: 1%; margin-right: 1%; vertical-align: top; margin-top: 0; padding-bottom: 15px; } #side-nav ul.subs > li > a { font-size: 16px; margin-bottom: 10px; font-weight: bold; } /* Third Level */ #side-nav ul.subs li li a{ font-size: 14px; margin-bottom: 10px; font-weight: 400; } #side-nav ul.subs li a:hover{ color: #1bbeb4; } /* Fourth Level */ #side-nav ul.subs ul ul { margin-left: 10px; } #side-nav ul.subs li li li a{ /*color: #BBBBBB;*/ font-size: 12px; margin-bottom: 5px; } #side-nav ul.subs li li a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1024px) { /* Sidenav ======================================================================================= */ /* Hide Sidenav */ .block.block-sidenav{display: none;} } .fancy.product-view .product-img-column{width: 48% !important;margin-left: 0% !important;margin-right: 1% !important;margin-bottom: 0px !important;} .fancy.product-view .img-box{width: auto;} .fancy.product-view .img-box.position-y{width: 78.9%;} .fancy.product-view .product-shop{padding: 0px; width: 50% !important; margin-left: 1% !important; margin-right: 0% !important;margin-bottom: 0px !important;} .fancy.product-view .itemslider-thumbnails{margin-bottom: 0px !important;} .fancy.product-view .product-essential .product-name{margin: -20px -20px 20px -20px !important;padding: 20px;position: relative !important;width: auto;left: 0;right: 0;} .fancy.product-view .product-essential .product-name h1{padding-right: 30px;font-size: 22px;} .fancy.product-view .product-shop .ratings .rating-links{display: none;} #fancybox-wrap #fancybox-frame .page-empty{padding: 0px;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } /*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_sprite.png'); }*/ #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; /*background-position: 0 -108px;*/ background: url(http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_loading.gif) center center no-repeat #000; opacity: 0.8; cursor: pointer; z-index: 8060; border-radius: 6px; width: 44px; height: 44px; } /*.fancybox-close {*/ /* position: absolute;*/ /* top: -18px;*/ /* right: -18px;*/ /* width: 36px;*/ /* height: 36px;*/ /* cursor: pointer;*/ /* z-index: 8040;*/ /*}*/ .fancybox-close { position: absolute; top: 27px; font-size: 30px; right: 35px; cursor: pointer; z-index: 8040; opacity: 0.2; filter: alpha(opacity=20); color: #252525; } .fancybox-close:before{ content: "\f00d"; font-family: FontAwesome; font-size: 30px; } .fancybox-close:hover{ opacity: .4; filter: alpha(opacity=40); color: #252525; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; /*background: url('http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_overlay.png');*/ background: rgba(0, 0, 0, 0.80) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* ******************************************************************************************** Ajex Add To Cart Popup *********************************************************************************************** */ .ajaxcartpro_progress{ position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background: url(http://cadencewatch.com/skin/frontend/neighborhood/default/ajaxcart/images/fancybox_loading.gif) center center no-repeat #000; width: 44px; height: 44px; z-index: 9999; opacity: 0.9; border-radius: 6px; } #multiproduct-loader .ajaxcartpro_progress{ position: inherit; margin: 0px; display: inline-block; } div.alert{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.80); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; z-index: 1000; } div.alert-inner { position: absolute; right: 50%; margin: auto; text-align: left; z-index: 10010; border-top: none; width: 400px; bottom: 0; height: 160px; max-width: 100%; background-color: #FFFFFF; top: 50%; margin-top: -80px; left: 50%; margin-left: -200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } /*Use Only IE 7+*/ .ie8 div.alert-inner{position: fixed;top: 50%;left: 50%;margin: -68px 0 0 -200px;z-index: 9999;} div.alert-inner p{ background-color: #F0F0F0; border-bottom: 1px solid #E4E4E4; padding: 20px; padding-right: 40px; } div.alert-inner p strong{ padding-right: 2px; } div.alert-inner button.close{ position: absolute; top: 20px; right: 20px; cursor: pointer; border: none; border-radius: 100%; font-size: 20px; background-color: transparent; color: #252525; opacity: 0.2; } div.alert-inner button.close:hover{ opacity: .4; filter: alpha(opacity=40); } div.alert-inner .alertcontent{ text-align: center; position: absolute; left: 20px; right: 20px; bottom: 20px; } div.alert-inner a{ float: left; cursor: pointer; } div.alert-inner a.cart{ float: right; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(http://cadencewatch.com/skin/frontend/neighborhood/default/slider/images/grabbing.png) 8 8, move; width: 16px; height: 16px; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ /* ******************************************************************************************** Itemslider *********************************************************************************************** */ .itemslider {width:auto;margin-left:-20px;} /* Items */ .itemslider .item {margin: 0 1px 0px 20px !important;} .owl-theme .owl-controls{ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ outline: 0; text-align: center; display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 100%; text-decoration: none; text-align: center; float: left; background-color: #252525; position: absolute; top: 50%; color: #FFFFFF; margin-top: -17px; font-size: 14px; font-family: FontAwesome; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .owl-theme:hover .owl-controls .owl-buttons div{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;text-indent: -2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-prev{left: 3px;} .owl-theme .owl-controls .owl-buttons .owl-prev:hover{} .owl-theme .owl-controls .owl-buttons .owl-prev.disabled {} .owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;text-indent: 2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-next{right: -17px;} .owl-theme .owl-controls .owl-buttons .owl-next:hover{} .owl-theme .owl-controls .owl-buttons .owl-next.disabled {} /*Sidebar Control*/ .sidebar .itemslider .item{margin: 0px;text-align: center;border-right: none;border-left:none;} .sidebar .owl-theme .owl-controls .owl-buttons .owl-prev{} .sidebar .owl-theme .owl-controls .owl-buttons .owl-next{} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ /*filter: Alpha(Opacity=100);IE7 fix*/ /*opacity: 1;*/ text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page{ cursor: pointer; position: relative; background: white; width: 10px; height: 10px; line-height: 10px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-bottom: 13px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ font-size: 8px; display: block; } /* preloading images */ .owl-item.loading{ background: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/opc-ajax-loader.gif) center center no-repeat; z-index: 9999; opacity: 0.9; height: 10px; margin: 20px auto 0 auto; } /*Banner Elements*/ .banner .item{ text-align: center; } .banner .item a{ position: relative; z-index: 1; display: block; } /*Banner control*/ .banner .owl-theme .owl-controls .owl-buttons div{ background-color: #FFFFFF; color: #252525; } .banner .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .banner .owl-theme .owl-controls .owl-buttons .owl-prev { left: 30px; } .banner .owl-theme .owl-controls .owl-buttons .owl-next { right: 30px; } /*Banner pagination*/ .banner .owl-pagination{ position: absolute; left: 0; right: 0; bottom: 0px; } .banner .owl-theme .owl-controls .owl-pagination{ opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .banner .owl-theme:hover .owl-controls .owl-pagination{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /*Banner caption*/ .banner-slider .caption{ display:block; position:absolute; bottom:0; padding:0; text-align: left; z-index: 1; width:38%; margin: 6%; } .banner-slider .caption .heading{ padding:0.25em; font-weight:normal; clear: both; border-top: 2px solid; border-bottom: 2px solid; margin-bottom: 15px; } .banner-slider .caption p{ clear: left; padding: 0.25em 0.5em; margin-bottom: 10px; font-size: 14px; line-height: 20px; } .banner-slider .caption button.button{ border-bottom: none; margin: 0.25em 0.5em; clear:left; } .banner-slider .caption button.button span{ background-color: #252525; color: #FFF; } .banner-slider .caption button.button:hover span{ color: #1bbeb4; } /* Floating (Left) */ .banner-slider .caption.left > * { text-align:left; float:left !important; } /* Floating (Right) */ .banner-slider .caption.right > * { text-align:right; float:right !important; } /*Product View Direction*/ .itemslider-thumbnails .owl-controls .owl-buttons{} .itemslider-thumbnails .owl-controls .owl-buttons div{} .itemslider-thumbnails .owl-controls .owl-buttons .owl-prev{left: 0;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-next{right: 0;} /*without margin*/ .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-prev{} .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-next{} /*Brand View Direction*/ #brand.owl-theme{} #brand.owl-theme .owl-wrapper-outer{box-sizing: border-box;} #brand.owl-theme .owl-wrapper{display: table !important;} /*Brand Slder Align Center Image*/ #brand.itemslider .owl-item{ float: none; display: table-cell; vertical-align: middle; } #brand.itemslider .item{text-align: center;margin-top: 0px;margin-bottom: 0px;border-right: none;border-left: none;} /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .bannercontainer {width:100%;position:relative;padding:0; } .banner{width:100%;position:relative; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } /*.tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ /*.tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } /*.tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { /*color:#ff7302;*/ text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { /*color:#ffa902;*/ } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - NEW TEXT-SIZE CAPTIONS - **********************************/ .xx_small_text{font-size: 12px; line-height: 18px;} .x_small_text{font-size: 16px; line-height: 22px;} .small_text {font-size: 18px; line-height: 24px;} .medium_text {font-size: 20px; line-height: 26px;} .large_text {font-size: 24px; line-height: 30px;} .x_large_text {font-size: 30px; line-height: 36px;} .xx_large_text {font-size: 40px; line-height: 46px;} .very_large_text {font-size: 60px; line-height: 66px;} .extra_large_text {font-size: 70px; line-height: 76px;} /********************************* - NEW TEXT COLOUR CAPTIONS - **********************************/ .clr_white{color: #fff;} .clr_black{color: #000;} .clr_red{color: #ff0000;} .clr_orange{color: #ff3333;} .clr_blue{color: #3a56e9;} .clr_green{color: #028935;} .clr_lightblue{color: #379adc;} .clr_white:hover{color: #fff;} .clr_black:hover{color: #000;} .clr_red:hover{color: #ff0000;} .clr_orange:hover{color: #ff3333;} .clr_blue:hover{color: #3a56e9;} .clr_green:hover{color: #028935;} .clr_lightblue:hover{color: #379adc;} .bg_white{background: #fff;} .bg_black{background: #000;} .bg_red{background: #ff0000;} .bg_orange{background: #ff3333;} .bg_blue{background: #3a56e9;} .bg_green{background: #028935;} .bg_lightblue{background: #379adc;} /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:11px 20px; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;*/ } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/images/gradient/g40.png) repeat-x top;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; margin: 0; width: auto; bottom: auto; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullcoveredvideo video, .fullscreenvideo video { background: #000;} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;} .html5vid .tp-revstop { display:none;} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; float: none; display: inline-block; background: #FFFFFF; margin: 0px 7px 13px 0px; width: 10px; height: 10px; line-height: 10px; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.default, .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; text-align: center; background-color: #FFFFFF; color: #252525; font-size: 14px; font-family: FontAwesome; width: 34px; height: 34px; line-height: 34px; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .tp-leftarrow:hover, .tp-rightarrow:hover { color: #1bbeb4;} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/timer.png);position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/coloredbg.png) repeat;} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.eot?5510888'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.woff?5510888') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.ttf?5510888') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/revolution_slider/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /** Copyright (c) 2014 BrightPoint Consulting, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* ******************************************************************************************** Radial Progress *********************************************************************************************** */ .radial > div{ position: relative; margin: 0 auto; width: 170px; height: 210px; margin-bottom: 10px; line-height: 170px; } .radial .fa{line-height: inherit;text-indent: 8px;} .radial-svg { position: absolute; top: 0; left: 0; } .background { fill: #FFFFFF; fill-opacity: 0.01; } .component { fill: #1bbeb4; opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .arc { stroke-weight:0.1; fill: #1bbeb4; } .arc2 { stroke-weight:0.1; fill: #252525; } .radial .label{text-anchor:middle;font-size: 18px !important;fill:#1bbeb4;} /* ******************************************************************************************** Accordion *********************************************************************************************** */ .accordion { position:relative; } .accordion .block-title{font-size: 16px;line-height: 20px;} /* Accordion Opner */ .accordion .opener { position: absolute; right: 0; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 34px; height: 34px; border-radius: 3px; font-size: 16px; text-align: center; line-height: 36px; text-indent: 4px; z-index: 2; } .accordion .opener:hover { color: #1bbeb4; } .footer .accordion .opener{ top: -5px; text-align: right; } /* ******************************************************************************************** Dropdown *********************************************************************************************** */ .dropdown { position:relative; border-width: 0px;border-style: solid;border-color: #E4E4E4;border-left-width: 1px;} .dropdown{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .dropdown:hover {} .language.dropdown, .quick-search.dropdown{border-left-width: 0px;} .header .language.dropdown .dropdown-toggle.cover > div{padding-left: 0px;} /* Dropdown toggle ======================================================== */ .dropdown-toggle {display:block;cursor:default;line-height: 25px;} .dropdown-toggle * { display:inline-block;vertical-align: middle; } .shopping_cart .dropdown-toggle, .quick-search .dropdown-toggle, .wishlist .dropdown-toggle{line-height: 42px;height: 44px;} /* Toggle Cover Div */ .dropdown-toggle.cover > div { padding: 0 10px;cursor: default;display: inherit;} /* Specific Div Style For Cover Div */ .shopping_cart .dropdown-toggle.cover > div, .quick-search .dropdown-toggle.cover > button, .wishlist .dropdown-toggle.cover > div{padding: 0px 15px;} /* Toggle Value*/ .dropdown-toggle .value {position: relative;} .dropdown-toggle .value:after{display: inline-block;margin-left: 4px;content: "\f107";font-family: FontAwesome;font-size: 12px;} .dropdown:hover .dropdown-toggle .value:after{content: "\f106";} /* Dropdown menu ======================================================== */ .dropdown-menu { z-index: 10; text-align: left; font-size: 12px; list-style: none; background-color: #FFFFFF; position: absolute; right: 0; top: 100%; min-width: 174px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dropdown-menu.left-hand { left:0; right:auto; } .dropdown:hover .dropdown-menu{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .shopping_cart .dropdown-menu{min-width: 300px;} .quick-search .dropdown-menu{min-width: 250px;} .wishlist .dropdown-menu{min-width: 260px;} .dropdown .dropdown-menu:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: auto; right: 20px; } .dropdown-menu.left-hand:before { left: 20px; right: auto; } .quick-search .dropdown-menu:before{right: 12px;} /* Use Only For Currency Or Language ===================================================== */ .language .dropdown-menu a, .currency .dropdown-menu a{color: #666666;padding: 8px 12px;display: block;white-space: nowrap;border-bottom: 1px solid #E4E4E4;} .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover{background: #252525;color: #1bbeb4;} .language .dropdown-menu a.selected, .currency .dropdown-menu a.selected{background: #252525;color: #FFFFFF;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* ******************************************************************************************** FLUID baseline GRID *********************************************************************************************** */ /* Containers ========================================================================= */ .container_12 { margin-left:auto; margin-right:auto; } .pull-container { width:102%; margin-left:-1%; } .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid >> Global ========================================================================= */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { display:inline; float: left; /*position: relative;*/ margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ========================================================================= */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Grid >> 12 Columns ========================================================================= */ .grid_1 { width:6.33%; } .grid_2 { width:14.66%; } .grid_3 { width:23%; } .grid_4 { width:31.33%; } .grid_5 { width:39.67%; } .grid_6 { width:48%; } .grid_7 { width:56.33%; } .grid_8 { width:64.67%; } .grid_9 { width:73%; } .grid_10 { width:81.33%; } .grid_11 { width:89.67%; } .grid_12, .grid_full { width:98%; } /* Grid >> Children (Left ~ First) (Remove Left Margin) ========================================================================= */ .no-left-margin.grid_1 { margin-left:0; width:7.33%; } .no-left-margin.grid_2 { margin-left:0; width:15.66%; } .no-left-margin.grid_3 { margin-left:0; width:24%; } .no-left-margin.grid_4 { margin-left:0; width:32.33%; } .no-left-margin.grid_5 { margin-left:0; width:40.67%; } .no-left-margin.grid_6 { margin-left:0; width:49%; } .no-left-margin.grid_7 { margin-left:0; width:57.33%; } .no-left-margin.grid_8 { margin-left:0; width:65.67%; } .no-left-margin.grid_9 { margin-left:0; width:74%; } .no-left-margin.grid_10 { margin-left:0; width:82.33%; } .no-left-margin.grid_11 { margin-left:0; width:90.67%; } .no-left-margin.grid_12, .no-left-margin.grid_full { margin-left:0; width:99%; } /* Grid >> Children (Right ~ Last) (Remove Right Margin) ========================================================================= */ .no-right-margin.grid_1 { margin-right:0; width:7.33%; } .no-right-margin.grid_2 { margin-right:0; width:15.66%; } .no-right-margin.grid_3 { margin-right:0; width:24%; } .no-right-margin.grid_4 { margin-right:0; width:32.33%; } .no-right-margin.grid_5 { margin-right:0; width:40.67%; } .no-right-margin.grid_6 { margin-right:0; width:49%; } .no-right-margin.grid_7 { margin-right:0; width:57.33%; } .no-right-margin.grid_8 { margin-right:0; width:65.67%; } .no-right-margin.grid_9 { margin-right:0; width:74%; } .no-right-margin.grid_10 { margin-right:0; width:82.33%; } .no-right-margin.grid_11 { margin-right:0; width:90.67%; } .no-right-margin.grid_12, .no-right-margin.grid_full { margin-right:0; width:99%; } /* Grid >> Children (Left ~ First, Right ~ Last) (Remove Both Margin) ========================================================================= */ .no-both-margin.grid_1 { margin-left:0; margin-right:0; width:8.33%; } .no-both-margin.grid_2 { margin-left:0; margin-right:0; width:16.66%; } .no-both-margin.grid_3 { margin-left:0; margin-right:0; width:25%; } .no-both-margin.grid_4 { margin-left:0; margin-right:0; width:33.33%; } .no-both-margin.grid_5 { margin-left:0; margin-right:0; width:41.67%; } .no-both-margin.grid_6 { margin-left:0; margin-right:0; width:50%; } .no-both-margin.grid_7 { margin-left:0; margin-right:0; width:58.33%; } .no-both-margin.grid_8 { margin-left:0; margin-right:0; width:66.67%; } .no-both-margin.grid_9 { margin-left:0; margin-right:0; width:75%; } .no-both-margin.grid_10 { margin-left:0; margin-right:0; width:83.33%; } .no-both-margin.grid_11 { margin-left:0; margin-right:0; width:91.67%; } .no-both-margin.grid_12, .no-both-margin.grid_full { margin-left:0; margin-right:0; width:100%; } /* Grid >> Children (3 Columns Layout) (Remove Both margin) ========================================================================= */ .col3-layout .col-main .grid_1, .col3-layout .col-main .grid_2, .col3-layout .col-main .grid_3, .col3-layout .col-main .grid_4, .col3-layout .col-main .grid_5, .col3-layout .col-main .grid_6, .col3-layout .col-main .grid_7, .col3-layout .col-main .grid_8, .col3-layout .col-main .grid_9, .col3-layout .col-main .grid_10, .col3-layout .col-main .grid_11, .col3-layout .col-main .grid_12, .col3-layout .col-main .grid_full { margin-left:0; margin-right:0; width:100%; } /* Clear Floated Elements ========================================================================= */ /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /* ******************************************************************************************** Full Width Elements (Div under container display in full width) *********************************************************************************************** */ .page-title, .product-view .product-essential .product-name{ margin-top: 0; margin-bottom: 40px !important; position: absolute; padding-top: 25px; padding-bottom: 25px; border-top: 0!important; background-image: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/vertical-line_bkg.png); background-repeat: repeat; background-position: center top; background-size: auto; top: 0px; clear:both; max-width: 100%; left: 1%; right: 1%; } .page-title, .product-view .product-essential .product-name, .alt-bg{ width: 1176px; border-bottom: 1px solid #E4E4E4; max-width: 100%; } .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -180px!important; padding-left: 180px; padding-right: 180px; } /* Full Width Elements Responsive */ @media only screen and (min-width: 1200px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ padding-left: 180px; padding-right: 180px; } } @media only screen and (min-width: 1500px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -720px!important; padding-left: 720px; padding-right: 720px; } } @media only screen and (min-width: 1980px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -820px!important; padding-left: 820px; padding-right: 820px; } } /* Secondary headings */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend, .multiple-checkout h2, .postTitle h2, /* Account headings */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2{font-size: 18px;line-height: 24px;} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2, .addresses-list h2{font-size: 16px;line-height: 20px;} /* Third */ .dashboard .box-info h4, .addresses-list h3{font-size: 14px;line-height:18px;} /* ******************************************************************************************** Vertically Centered *********************************************************************************************** */ /* Vertically aligned content */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Vertically aligned grid */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } .product-tabs-content .v-grid-container{ display: table; width: 100%; } .product-tabs-content .v-grid{ float:none; display:table-cell; vertical-align:middle; } /* ******************************************************************************************** Section Heading *********************************************************************************************** */ .section-title{text-align: center;} /* Style For Section Title Box */ .section-line, .block .block-title, .peercheckout-title{font-weight: normal;margin-top: 0;position: relative;margin-bottom: 20px;text-align: center;clear: both;} /* Title Left Or Right Sep.. */ .section-line:before, .block .block-title:before, .peercheckout-title:before{content: "";display: block;border-top: 2px solid #444;width: 100%;height: 2px;position: absolute;top: 50%;z-index: 1;} /* Style For Section Title */ .section-line > *, .block .block-title strong span, .peercheckout-title h2{font-size: 16px;padding: 0 10px;position: relative;display: inline-block;z-index: 1;background-color: #FFFFFF;margin-bottom: 0px;line-height: 20px;text-shadow: 0px 0px 0px;} .section-line h2:first-letter{text-transform: uppercase;} /* Common hr */ .section-hr{clear: both;display: block;font-size: 0;line-height: 0;height: 0;margin: 0 0 10px;padding: 10px 0 0;background: none;border-bottom: 1px solid #E4E4E4;text-indent: -9999em;overflow: hidden;} .horizontal-break {height: 2px;width: 50px;margin: 20px auto 25px;background-color: #e4e4e4;} /* ******************************************************************************************** Vertical links *********************************************************************************************** */ /* Basic Style */ .links > li > a { padding:0 5px;line-height: 26px; } .links > li > a:hover{color: #1bbeb4;} /* Basic links, no separators */ .links > li { display: inline-block; vertical-align: middle;} .links > li > a { display:block;} /* Links With Separators (Position Right) */ .links-separators .links > li { margin-left:-3px;} .links-separators .links > li > a {padding: 0 10px;border-color: #E4E4E4;border-width: 0px;border-style: solid;border-right-width: 1px;} .links-separators .links > li.last > a { border-right: none; padding-right: 0px;} .links-separators .links > li.first > a{} .links-separators .links > li.hide-separator > a { border-right: none;} .links-separators .links > li.separator-left > a { border-left-width: 1px;border-right-width: 0px; } /* Links With Separators (Position Left) */ .links-separators-left .links > li { margin-left:-3px; } .links-separators-left .links > li > a {padding: 0 10px;border-color: #E4E4E4;border-width: 0px;border-style: solid;border-left-width: 1px;} .links-separators-left .links > li.first > a {border-left: none; padding-left: 0px;} .links-separators-left .links > li.hide-separator > a { border-left:none; } .links-separators-left .links > li.separator-right > a { border-left-width: 0px;border-right-width: 1px; } /* ******************************************************************************************** Hide Elements *********************************************************************************************** */ /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* ******************************************************************************************** Peer Icons *********************************************************************************************** */ .peer-icon .icon{width:45px;height:45px;font-size: 14px;text-align: center;line-height: 45px;text-indent: 4px;background-color: #F0F0F0;color: #252525;display: inline-block;} .peer-icon.large .icon{width:60px;height:60px;font-size: 24px;text-align: center;line-height: 60px;} .peer-icon .icon.i-digit, .peer-icon .icon.i-letter {font-size: 16px;line-height: 40px;font-weight: 700;text-align: center;text-indent: 0px;} .peer-icon.large .icon.i-digit, .peer-icon.large .icon.i-letter{font-size: 24px;line-height: 60px;font-weight: normal;} /* Peerwrapper Icon */ .peer-wrapper .icon{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .icon{margin: 0px 0px 10px 15px;float: right;} /* Customize Peer Icons =============================================================== */ /* Icons without background color */ .peer-icon.no-bg-color .icon { background-color: transparent; } .peer-icon.force-no-bg-color .icon { background-color: transparent !important; } /* Display All icons square */ .peer-icon-square .icon { border-radius: 0px; } /* Display All icons round */ .peer-icon-round .icon { border-radius: 3px; } /* Display All icons circle */ .peer-icon-circle .icon { border-radius: 100%; } /* Display Icon Hover Style*/ .peer-icon-hover:hover .icon{background-color:#1bbeb4;color: #FFF;} /* Peer Wrapper */ .peer-wrapper{margin-bottom: 2%;} .peer-wrapper:after{content: "";display: block;overflow: hidden;visibility: hidden;clear: both;zoom: 1;} .peer-wrapper .img-box{margin: 0px 15px 10px 0px;float: left;width: 30%;max-width: 300px;} .peer-wrapper.right .img-box{margin: 0px 0px 10px 15px;float: right;} .grid-col2-main .peer-wrapper .img-box{width: 50%;} .peer-wrapper .img-autosize{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .img-autosize{margin: 0px 0px 10px 15px;float: right;} .peer-wrapper.left{float: none !important;} .peer-wrapper.right{float: none !important;} .peer-wrapper.first { margin-top:0px; } .peer-wrapper.last { margin-bottom:0px; } /* Peer Headings */ .peer-wrapper .below-heading {margin: -5px 0 10px;color: #999999;} .peer-wrapper .above-heading {color: #999999;line-height: 20px;} .peer-wrapper p{margin-bottom: 10px;} .peer-wrapper a.go{border-bottom: 1px dotted;padding-bottom: 3px;display: inline-block;} .peer-wrapper a.go:hover{} .peer-wrapper a i, .peer-wrapper a em{font-style: normal;} /* Peer Indent */ .peer-wrapper.indent .peer-content{ overflow: hidden;zoom: 1;} /* Peer Centered */ .peer-wrapper.center { text-align: center;} .peer-wrapper.center .icon {float: none;margin: 0 0 10px;} /* ******************************************************************************************** Social Link Icons *********************************************************************************************** */ .social-link a{margin-right: 10px;margin-bottom: 5px;} .social-link a .icon{font-size: 19px;} .social-link a:hover .icon{color: #FFFFFF !important;} .social-link a:hover .fa-facebook{background-color: #3b5998!important;} .social-link a:hover .fa-twitter{background-color: #00aced!important;} .social-link a:hover .fa-google-plus{background-color: #dd4b39!important;} .social-link a:hover .fa-rss{background-color: #FF7600!important;} .social-link a:hover .fa-pinterest{background-color: #cb2128!important;} .social-link a:hover .fa-instagram{background-color: #3f729b!important;} .social-link a:hover .fa-linkedin{background-color: #007fb1!important;} .social-link a:hover .fa-vimeo-square{background-color: #1ab7ea!important;} .social-link a:hover .fa-youtube-play{background-color: #ff3333!important;} .social-link a:hover .fa-flickr{background-color: #0063db!important;} .social-link a:hover .fa-envelope-o {background-color: #7f7f7f!important;} /* ******************************************************************************************** Columngrid *********************************************************************************************** */ .products-grid.columngrid{margin-left: -1%;margin-right: -1%;} .columngrid .item {float:left;margin-left:1%;margin-right:1%;margin-top:4%;} /* ******************************************************************************************** Columngrid Item *********************************************************************************************** */ /* Column grid: 1 column */ .columngrid-1col .item { width:98%; } /* Column grid: 2 columns */ .columngrid-2col .item { width:48%; } .columngrid-2col .item:nth-child(2n+1) { clear:left; } /* Column grid: 3 columns */ .columngrid-3col .item { width:31.3333%; } .columngrid-3col .item:nth-child(3n+1) { clear:left; } /* Column grid: 4 columns */ .columngrid-4col .item { width:23%; } .columngrid-4col .item:nth-child(4n+1) { clear:left; } /* Column grid: 5 columns */ .columngrid-5col .item { width:18%; } .columngrid-5col .item:nth-child(5n+1) { clear:left; } /* Column grid: 6 columns */ .columngrid-6col .item { width:14.6666%; } .columngrid-6col .item:nth-child(6n+1) { clear:left; } /* Column grid: 7 columns */ .columngrid-7col .item { width:12.2857%; } .columngrid-7col .item:nth-child(7n+1) { clear:left; } /* Column grid: 8 columns */ .columngrid-8col .item { width:10.5%; } .columngrid-8col .item:nth-child(8n+1) { clear:left; } /* ******************************************************************************************** Tabs *********************************************************************************************** */ ul.resp-tabs-list{ margin: 0px; padding: 0px; } .resp-tabs-list li { display: inline-block; padding: 15px 20px; font-size: 16px; margin: 0; list-style: none; cursor: pointer; border: 1px solid #E4E4E4; float: left; border-bottom: none; } .resp-tabs-list li:hover, .resp-tab-active{ color: #1bbeb4; } .resp-tab-active { margin-bottom: -1px !important; padding: 15px 20px 16px!important; background-color: #FFF; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 20px; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border-width: 1px; border-style: solid; border-color: #E4E4E4; } .resp-tab-content > h2:first-child{ display: none; } h2.resp-accordion { font-size: 16px; border-top: 1px solid #E4E4E4; margin: 0px; padding: 9px 0px; } h2.resp-tab-active { padding: 9px 0px !important } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } /* Vertical tabs ======================================================= */ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } .resp-arrow { font-family: FontAwesome; float: right; margin-top: 2px; } h2.resp-tab-active span.resp-arrow { } /* Accordion styles ======================================================= */ h2.resp-tab-active {} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {} .resp-easy-accordion .resp-tab-content:last-child {} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {} /* Here your can change the breakpoint to set the accordion, when screen resolution changed */ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; background-color: transparent !important; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-tab-content{ padding: 6px 0px 15px; border: none; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } } /* Product 3 Coulmn */ .col3-layout ul.resp-tabs-list{display: none;} .col3-layout h2.resp-accordion {display: block;} .col3-layout .resp-tab-content{border-top-width: 0px;padding: 6px 0px 15px;border: none;} /* ******************************************************************************************** Transitions *********************************************************************************************** */ /* Links */ a, .load-more-holder span i{ transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, .load-more-holder a:hover span i{ transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* sorter view mode */ .sorter .view-mode .grid, .sorter .view-mode .list, /* Back link */ .buttons-set .back-link a, div.alert a, /* Add-to links */ .add-to-links a, .addto-links-icons span.icon, /*Quick View*/ .quick-view a, /* Accordion: opener */ .accordion .opener, /* Scroll to top */ .scrollup, /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, .quantity_counter, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .resp-tabs-list li, /* OPC accordion */ .opc .step-title, /* Structural elements */ .block-layered-nav dd li, /* Grid */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-box, /* Forms */ .form-search .input-text, /* Main menu */ #nav > li, /* Misc */ .header .logo, /* Peer Icons */ .peer-icon-hover .icon, .social-link a .icon { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* ******************************************************************************************** Font Awesome *********************************************************************************************** */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal !important; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before, .cart-table .link-wishlist:before, .compare-table .link-wishlist:before{ content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before{ content: "\f009"; } .fa-th:before, .pager .view-mode .grid:before{ content: "\f00a"; } .fa-th-list:before{ content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before, .btn-remove:before, .btn-remove2:before, .tool-tip .btn-close a:before, .lb-data .lb-close:before, .peer-cancel-img:before, #fancybox-close:before{ content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before, .link-print:before{ content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before, .btn-edit:before{ content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before{ content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before, .tp-leftarrow:before{ content: "\f053"; } .fa-chevron-right:before, .owl-theme .owl-controls .owl-buttons .owl-next:before, .tp-rightarrow:before{ content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before, .accordion .opener:before, #cssmenu #mobile-menu .open:before, .resp-arrow:before, #nav li .more:before{ content: "\f067"; } .fa-minus:before, .accordion.active .opener:before, h2.resp-tab-active span.resp-arrow:before, #cssmenu #mobile-menu .open.active:before, #nav li.hover > .more:before{ content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before{ content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before, .link-rss:before{ content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before, .pager .view-mode .list:before, #menu-button a:before, .toggleMenu:before{ content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before{ content: "\f104"; } .fa-angle-right:before, ul.bullet li a:after, .data-table .item-options dt:before, .tier-prices li:before{ content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .more-views.position-x .fa-angle-up:before{ content: "\f104"; } .more-views.position-x .fa-angle-down:before { content: "\f105"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /* ******************************************************************************************** Theme Fonts Kit *********************************************************************************************** */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 18, 2014 */ @font-face { font-family: 'dinpro-regularregular'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-regular-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-regular-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-regular-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-regular-webfont.svg#dinpro-regularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinpromedium'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-medium-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-medium-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-medium-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-medium-webfont.svg#dinpromedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinprolight'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-light-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-light-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-light-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-light-webfont.svg#dinprolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinprobold'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-bold-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-bold-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-bold-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/webfonts/dinpro-bold-webfont.svg#dinprobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinproblack'; src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/dinpro-black-webfont.eot'); src: url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/dinpro-black-webfont.woff') format('woff'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/dinpro-black-webfont.ttf') format('truetype'), url('http://cadencewatch.com/skin/frontend/neighborhood/default/fonts/css/dinpro-black-webfont.svg#dinproblack') format('svg'); font-weight: normal; font-style: normal; } /* ******************************************************************************************** Update Version 1.1 *********************************************************************************************** */ /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Filters current */ .block-layered-nav .currently + .actions {margin-bottom: 35px;} /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* Subcategories Category */ .subcategories .item{width:23%;margin: 0 1%;text-align: center;float: left;margin-bottom: 4%;} .subcategories .product-name{font-size: 16px;font-weight: bold;} .subcategories .item:nth-child(4n+1) { clear:left; } /*.category-main .category-image{display: none;}*/ .subcategories .category-image {margin-bottom: 10px;display: block;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* Lable Marging Left Side */ #side-nav li a span.category-label{margin-left: 5px;} #side-nav li a span.category-label:before{display: none;} /*.header1 .quick-search .dropdown-menu{position: relative; opacity: 1; float: left;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0);} .header1 .form-search .input-text{height: 40px;}.header1 .quick-search .dropdown-menu:before{display: none;} .header1 .quick-search .dropdown-toggle{float: right;} .header1 .quick-search{webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);box-shadow: 0 0 5px -1px rgba(0,0,0,.2);}*/ /* ******************************************************************************************** Update Version 1.2 *********************************************************************************************** */ /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #E4E4E4; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(http://cadencewatch.com/skin/frontend/neighborhood/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #F0F0F0; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list{ margin: 0px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list{ margin: 0 -1%; } #narrow-by-list dd .configurable-swatch-list li { margin: 3px 1%; width: 48%; border: none; padding: 0px; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 0px; text-align: left; margin-bottom: 0px; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #1bbeb4; } #narrow-by-list dd .swatch-label { border-color: #E4E4E4; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #1bbeb4; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #1bbeb4; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* ============================================ * * Zoom * ============================================ */ .product-image-gallery { position: relative; overflow: hidden; } .product-img-box .product-image img { max-width: 100%; /*max-height: 750px;*/ margin: 0px auto; } .product-view .product-image-gallery .gallery-image { display: none !important; } .product-view .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("http://cadencewatch.com/skin/frontend/neighborhood/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-view .product-image-thumbs a img{ display: block !important; } .zoomContainer{ z-index: 1; } .itemslider-thumbnails .item{ max-width: none; padding-left: 5px; padding-right: 5px; } /* ******************************************************************************************** Grid container *********************************************************************************************** */ .container_12 {width:96%; max-width: 1200px;} /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE works fine without this fix. */ .ie8 .container_12 { max-width:1200px; } /* ******************************************************************************************** Desktop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container_12 { max-width:1200px; } /* Hide */ .hide-below-1280 { display:inherit !important; } } @media only screen and (max-width: 1041px) { .container_12 {width:96%; } } /* ******************************************************************************************** Design for a width of less than 1024 px *********************************************************************************************** */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container_12 { max-width:737px; } /* Hide */ .hide-below-960 { display:none !important; } /*header*/ .navmain-container .no-left-margin.grid_2{width: 25%;} .navmain-container .no-left-margin.grid_7{margin-left: 5%; width: 10%;} .navmain-container .no-right-margin.grid_3{width: 55%;} } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Containers (Display full width and add side padding) */ .container_12 { width:92%; padding-left:2%; padding-right:2%; } .pull-container { width:100%; margin-left:auto; } /* Grid >> Global (Remove both margin and display full width ) */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { width:100% !important; margin-left:0; margin-right:0; } .no-both-margin.mobile-grid-half img{margin: 0 auto; display:table;} /* Vertically aligned grid ======================================================================================= */ .v-grid-container { display:block; } .v-grid { float:left; display:block; width:100%; } } /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container_12 { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Mobile Grid Half Units Avalaible */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px *********************************************************************************************** */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container_12 { max-width:590px; } } /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Containers (Display full width and add side padding) */ .container_12 { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Mobile Grid Half Units Avalaible (Use Onlye Header Nav) */ .nav .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .nav .no-left-margin.mobile-grid-half { width:10% !important; margin-left:0%;} /* Remove Right Margin */ .nav .no-right-margin.mobile-grid-half { width:85% !important;margin-right:0%; } /* Remove Both Margin */ .nav .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of 320px *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* .container_12 { max-width:301px; } */ /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { /* .container_12 { max-width:226px; } */ .container_12 { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /* ******************************************************************************************** Desktop, laptop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Column grid ======================================================================================= */ /* Column grid: 1 columns */ .columngrid-adaptive.columngrid-1col .item { width:48%; clear:none !important; } .columngrid-adaptive.columngrid-1col .item:nth-child(2n+1) { clear:left !important; } /* Column grid: 2 columns */ .columngrid-adaptive.columngrid-2col .item { width:31.3333%; clear:none !important; } .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Column grid: 3 columns */ .columngrid-adaptive.columngrid-3col .item { width:23%; clear:none !important; } .columngrid-adaptive.columngrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Column grid: 4 columns */ .columngrid-adaptive.columngrid-4col .item { width:18%; clear:none !important; } .columngrid-adaptive.columngrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Column grid: 5 columns */ .columngrid-adaptive.columngrid-5col .item { width:14.6666%; clear:none !important; } .columngrid-adaptive.columngrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Column grid: 6 columns */ .columngrid-adaptive.columngrid-6col .item { width:12.2857%; clear:none !important; } .columngrid-adaptive.columngrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Column grid: 7 columns */ .columngrid-adaptive.columngrid-7col .item { width:10.5%; clear:none !important; } .columngrid-adaptive.columngrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Banner Slider Caption ======================================================================================= */ .banner-slider .caption .heading { font-size:40px; line-height: 46px;} .banner-slider .caption p { font-size:20px; line-height: 30px;} /* Cart ======================================================================================= */ .cart-table .product-image { max-width:70px; } /* Misc ======================================================================================= */ /* Mini cart */ .after-mini-cart { clear:none; } } /* ******************************************************************************************** Design for a width of 960-1280 px *********************************************************************************************** */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1041px) { /* Products grid ======================================================================================= */ .products-grid .item .visible-onhover {visibility: visible;opacity: 1;} .products-grid .item .fancybox { display: none !important; } /* Disable hover effect ======================================================================================= */ /* Show elements normally displayed only on hover */ .category-products-grid .item .display-onhover {display: block !important;} /* Show elements normally displayed only on hover (Add to links & Add to cart) */ .products-grid .actions{bottom: 0px;} /* Product alter images normally displayed on hover */ .products-grid .item:hover .product-image .small-image, .products-grid .item:hover .product-image .thumbnail{ -webkit-transform: translate3d(0,0%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); } /* Slider controls ======================================================================================= */ /* Show elements normally displayed only on hover */ .owl-theme .owl-controls .owl-buttons div, .owl-theme:hover .owl-controls .owl-buttons div {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);} /* Header Style 5 ======================================================================================= */ /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:auto;left:0;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:auto;left:11px;} } /* ******************************************************************************************** Mobile, small old desktop - design for a width of less than 960px *********************************************************************************************** */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Header Dropdown Elements ======================================================================================= */ /* All elements increase horizontal spacing */ .shopping_cart .dropdown-toggle.cover > div, .quick-search .dropdown-toggle.cover > div, .wishlist .dropdown-toggle.cover > div {padding: 0px 11px;} /* Wishlist (Remove item count div) */ .wishlist .count{display:none;} /* Shopping Cart ======================================================================================= */ .cart .cart-left-column, .cart .cart-right-column{width:100% !important;margin-left:0% !important;margin-right:0% !important;} .cart .cart-right-column{margin-top: 50px;} /* Banner Slider Caption ======================================================================================= */ .banner-slider .caption {display: none !important;} } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes ======================================================================================= */ .nobr { white-space:normal !important; } /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } } /* ******************************************************************************************** All desktop - design for a width of 768px and wider *********************************************************************************************** */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-accordion .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-accordion .block-content { display:block !important; } /* Always show when not on mobile */ .accordion .block-content{display: none;} } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Disable display banner with header ======================================================================================= */ body.cms-index-index .header-container, body.cms-index-defaultindex .header-container, body.cms-home .header-container {position: relative !important;} .ShopCategories{margin: 0;} /* Header ======================================================================================= */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo ======================================================================================= */ .logo { width:80%; margin-left:auto; margin-right:auto; text-align: center !important; margin-top: 15px; margin-bottom: 15px;} /* Other ======================================================================================= */ .header{text-align: center;} .header-primary{padding:15px 0px;} /* Header elements - align center */ .header .dropdown, .header .top-links{display: inline-block;float: none;margin-left: -3px;} /* Wishlist (Display on item count div) */ .wishlist .count{display: inline-block;} /* Header Style 2 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header2 .top-links{float:left;} .header-container.header2 .currency.dropdown, .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 0px;border-right-width: 0px;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand, .header-container.header2 .language.dropdown .dropdown-menu.left-hand{left: auto;right: 0;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header2 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .dropdown{float:left;} .header-container.header3 .top-links{float:right;} .header-container.header3 .currency.dropdown{border-right-width: 0px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown{float:left;} .header-container.header4 .header-primary .dropdown{float:right;} .header-container.header4 .top-links{float:right;} /* Responsive Menu */ .header-container.header4 .toggleMenu{float:left;} .header-container.header4 .nav-container{float:none;} .header-container.header4 #cssmenu #mobile-menu, .header-container.header4 #nav{left:0px;right:0px;} .header-container.header4 #cssmenu, .header-container.header4 .nav-container{position: relative;} /* Header Style 5 ======================================================================================= */ /* All elements - align center */ .header-container.header5 .header .item-left, .header-container.header5 .header .item-right, .header-container.header5 .header .dropdown{display:inline-block;float:none;vertical-align: middle;} /* Responsive menu */ .header-container.header5 .nav{text-align:right;} .header-container.header5 .toggleMenu{float:left;} .header-container.header5 .nav-container{float:none;} /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:0;left:auto;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:11px;left:auto;} /* Resposive Menu */ .header-container.header5 #cssmenu, .header-container.header5 .nav-container{position: relative;} /* Category view ======================================================================================= */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { margin-left: auto !important;margin-right: auto !important;float:none;} .products-list .product-image-wrapper, .products-list .product-image{max-width:300px;display: block;} .products-list .product-shop{padding-top: 20px;float:left;} /* Toolbar ======================================================================================= */ /* Increase vertical spacing */ .my-account .pager{margin-top: 0px;} /* Footer ======================================================================================= */ /* Footer Bottom */ .footer-bottom{text-align:center;} .footer-bottom address{margin-top:10px;} /* Page heading with RSS link ======================================================================================= */ .page-title { } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Cart ======================================================================================= */ /* Buttons below table: align center */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{ text-align:center !important; padding:0;} .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{ display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* Products Page ======================================================================================= */ /* Product primary column */ .product-view .product-shop{padding: 30px 0px 0 0px;} /* Product third column */ .product-view .product-third-column{padding: 30px 0px 0 0px;} /* Tables ======================================================================================= */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:10px; } /* Tables Formatting ======================================================================================= */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{ display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .data-table tbody{ background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{ border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{ border-bottom:1px solid #E4E4E4 !important; margin-bottom:20px; } .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom: none !important;margin-bottom: 0px;} .cart .data-table tfoot tr.last{margin-bottom: 20px;} .data-table .product-name{display: inline;} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display: inline-block;} .multiple-checkout .data-table td select{width: 100%;} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{ font-weight:bold; } /* Responsive label */ .data-table .cartlabel {display: inline-block;width: 30%;min-width: 100px;max-width: 140px;margin-right: 10px;vertical-align: top;} /* Table item options */ .data-table .item-options{margin: 5px 0 0 0px;} /* Forms Elements ======================================================================================= */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; width: 100%;} /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-content { display:none; } .accordion .block-content{display: none;} .mobile-accordion { position:relative; } /* Grid and basic layout ======================================================================================= */ /* Margin for col-left and col-right */ .col-left, .col-right{margin-top:20px} /* Magento utility classes ======================================================================================= */ .nobr { white-space:normal !important; } /*=== product detail page ===*/ .more-views{} .more-views ul{} .more-views ul li{} } /* end: width < 768px */ /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* end: 480 <= width < 768px */ /* ******************************************************************************************** Design for a width of 640px *********************************************************************************************** */ /* 640 <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 640 <= width < 768px */ /* ******************************************************************************************** Design for a width of less than 640px *********************************************************************************************** */ /* width < 640px */ @media only screen and (max-width: 639px) { /* Header ======================================================================================= */ .navmain-container{padding: 0;} .header-container{margin: 0;} .header-container .logo{margin-top: 5px;} .nav .no-right-margin.mobile-grid-half.mainMenu{width: 20% !important;} .nav .no-right-margin.mobile-grid-half.TopLinksSection{width: 75% !important; margin: 13px 0 0; } /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:0px;left:auto;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Multiple Checkout Button Set (display backlink with button full width) ======================================================================================= */ .multiple-checkout .buttons-set .back-link, .multiple-checkout .buttons-set .back-link + button.button, .multiple-checkout .buttons-set .back-link + button.button span{float:none;} .multiple-checkout .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} /* Title Buttons ======================================================================================= */ .title-buttons button{margin-left: 0em;width: 100%;margin-top: 5px;} .title-buttons button.button span{float:none;} /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } #checkout-step-login .new-users .content{min-height: 0;} .block-subscribe.signUpForCoupon .input-box{width: auto; clear: both; float: none;} /*==== instagram fan pics ====*/ .popupContent{position: fixed; top: 11%;} .popupContent > img{display: none; } .popupContent .contentRightPopup{float: none; padding: 20px 20px 40px; width: auto; margin:0;} .popupContent .contentRightPopup img{max-width: 100%;} .cms-home .popupContent{top: 10%;} .popupContent .Close{left: 45%; top: -11%;} /*====== welcome banner =======*/ .welcomeImage ul li{width: auto; display: block; margin-bottom: 10px;} .welcomeImage ul li:first-child{margin-right: 0;} /*======== best seller ======*/ .bestSellerContainer h2{font-size: 1.7em; margin: 0 0 20px;} /*===== shop category ======*/ .ShopCategories h2{font-size: 1.7em; margin: 0 0 20px;} /*====== BeforeFooterNewsletter ======*/ .BeforeFooterNewsletter{width: auto; margin: 10px auto 0px;} /*====== child category section ======*/ .childCategory{display: none;} /*product page*/ .product-view .social-link{ width: 100%; margin-top: 25px; } .customer-name-middlename > div{float: none !important; width: 100% !important;} /*======= cms pages ======*/ .pageDetail .heading , .pageDetail .detailParagraph{float: none; width: auto; text-align: left; padding: 0;} /*====== newsletter popup ======*/ .popUpNewsLetter{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 10px; top: 0; max-width: 100%; left: 0;} .BeforeFooterNewsletter button{display: block; margin: 20px auto 0; height: 40px; padding: 0 !important; line-height: 40px; width: 100%;} .popUpNewsLetter .BeforeFooterNewsletter h4{margin-bottom: 20px;} } /* end: width < 640px */ /* ******************************************************************************************** Design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Subcategories Category ======================================================================================= */ .subcategories .item{width:31.3333%;} .subcategories .item:nth-child(3n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* end: 480 <= width < 640px */ /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Header ======================================================================================= */ /* Shopping cart dropdown*/ .shopping_cart .dropdown-menu{min-width: 265px;} /* Block header top */ .header .item-left, .header .item-right{margin-left:0px;margin-right:0px;display: inline-block;float: none;margin-left: -3px;} /* Header elements - align center */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Ajex Cart Popup ======================================================================================= */ div.alert-inner{display: inherit;bottom: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;max-width: 96%;left: 0;right: 0;margin: -80px auto 0px;} div.alert-inner .alertcontent{position: initial; padding-top: 15px;} div.alert-inner a{float: none !important;cursor: pointer;margin: 5px 5px;display: inline-block;vertical-align: top;} /* Product Page ======================================================================================= */ /* Reviews */ .product-view .form-add .data-table th{font-size: inherit;font-weight: bold;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { padding:6px 1px; } .product-view .form-add .form-list input.input-text, .product-view .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar ======================================================================================= */ /* All elements - align center */ .sorter, .pager {text-align: center !important;} .sorter *, .pager *{display:inline-block !important;float:none !important;text-align:center !important;} /* Account ======================================================================================= */ /* Product Review Detail*/ .product-review .product-img-box{width: auto;float: none;} .product-review .product-details{margin: 0 0px 20px 0px;} /* Grid elements ======================================================================================= */ .col2-set .col-1, .col2-set .col-2 { width:100%; margin-bottom: 20px;} /* Subcategories Category ======================================================================================= */ .subcategories .item{width:48%;} .subcategories .item:nth-child(2n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* end: width < 480px */ /* ******************************************************************************************** Design for a width of 320px (mobile - portrait) *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* end: 320px <= width < 480px */ /* ******************************************************************************************** Design for a width of less than 380px *********************************************************************************************** */ /* width < 380px */ @media only screen and (max-width: 396px) { /* Header ======================================================================================= */ /* Header Dropdown */ .currency .dropdown-menu.left-hand {min-width: 130px;} /* Catalog Search */ .quick-search .dropdown-menu{ min-width: 180px;} /* Header Style 2 ======================================================================================= */ .header-container.header2 .header .top-links, .header-container.header2 .header .dropdown{float:none;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-right-width: 0px;border-left-width: 1px;} .header-container.header2 .language.dropdown .dropdown-toggle.cover > div{padding-left: 10px;} .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 10px;} .header-container.header2 .links-separators .links > li.last > a{padding-right: 10px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .top-links, .header-container.header3 .header .dropdown{float:none;} .header-container.header3 .currency.dropdown{border-right-width: 1px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown, .header-container.header4 .top-links{float:none;} .header-container.header4 .header-primary .dropdown{float:right;} /* Products list ======================================================================================= */ .products-list .btn-cart{width:auto;max-width: none;} /* Button Set (display backlink with button full width) ======================================================================================= */ .buttons-set .back-link, .buttons-set .back-link + button.button, .buttons-set .back-link + button.button span{float:none;} .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} .opc .buttons-set .back-link + button.button + .please-wait{width: 100%;text-align: center;margin-right: 0px;} /* Shopping Cart & Wishlist Button (Display same as button set) */ .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{width: 100%;margin: 0 0 5px 0px !important;} .cart-table tfoot button.button span, .my-wishlist .buttons-set button.button span{float:none;} /* Column grid ======================================================================================= */ /* Show 1 column */ .columngrid.columngrid-adaptive .item { width:98%; clear:none !important; } } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Header ======================================================================================= */ /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:auto;left:0;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{right:auto;left:20px;} /* Banner ======================================================================================= */ .banner .owl-pagination { display:none; } /* Deprecated */ } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of 240px (small mobile) *********************************************************************************************** */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* end: 240px <= width < 320px */ /* ******************************************************************************************** Design for a width of lass than 240px *********************************************************************************************** */ /* width < 240px */ @media only screen and (max-width: 239px) { } /* end: width < 240px */ /* --------------------- Custom Css On 21 August 2015------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .social-link a { margin-right: 5px; margin-bottom: 5px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .belt_detail > h2 { font-size: 27px; } .belt_detail { text-align: center; } .belt_product .grid_5 > a { width: 100%; } }