/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ******************************************************************************************** Reset *********************************************************************************************** */ * { margin:0; padding:0; } body { font:14px/20px 'dinpro-regularregular', Arial, Helvetica, 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:#000000; 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: #F0F0F0;color: #252525;} 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: #252525 !important;color: #FFFFFF !important;} 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:left; 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://gle.dnmdigital.com/skin/frontend/gle/default/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/alert-icon/i_msg-success.png);color:#27ae60;} .note-msg, .notice-msg {background-image: url(http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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;-moz-box-shadow:0 3px 5px rgba(0,0,0,.05);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.05);} .header{font-size: 11px;} .header .item-left{float: left;margin-right: 15px;} .header .item-right{float: right;margin-left: 15px;} /* 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;} /* logo */ .logo {text-align: center;} .logo strong{display:none;} /* Mini Cart =============================================================== */ .shopping_cart {float:right;} .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://gle.dnmdigital.com/skin/frontend/gle/default/images/shopping_bag_icon.png') no-repeat top left;margin-right: 3px;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%;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-top-width: 1px;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;} .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;box-shadow: -1px 2px 8px 0px rgb(226, 226, 226);border-top: none;background-color: #FFFFFF !important;} .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: 13px;} /* 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: 0px;} .products-grid .price-box .price{} .products-grid .ratings {} .products-grid .price-box .price-label{} .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{} /* 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: rgba(228, 228, 228, 0.23);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://gle.dnmdigital.com/skin/frontend/gle/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(http://gle.dnmdigital.com/skin/frontend/gle/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%; /*padding: 5% 35%;*/font-style: italic;} #messages_product_view span {font-size: 18px;} /* ******************************************************************************************** Product page *********************************************************************************************** */ /* Block: Additional Box*/ .product-view .box-additional { margin-top:50px; clear:both;float: left;width: 100%;} .product-view .box-additional:before{display: table;line-height: 0;content: "";} .product-view .box-tabs {} .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: 30px 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: 20px 0px 0px;padding:0px 0px 20px;border-bottom: 1px solid #E4E4E4;} .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 .product-shop .social-link{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding: 13px 0px;text-align:right;} .product-view .product-shop .social-link label{float: left;} .product-view .product-shop .social-link a{color: #666666;margin-left: 15px;font-size: 15px;margin-right: 0px;} .product-view .product-shop .social-link a:hover{color: #1bbeb4;} .product-view .product-shop .social-link a:hover > span.fa{background-color: transparent !important;} .product-view .product-shop .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://gle.dnmdigital.com/skin/frontend/gle/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: 50px;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 .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://gle.dnmdigital.com/skin/frontend/gle/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: 0px;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://gle.dnmdigital.com/skin/frontend/gle/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;} .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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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;} /* ======================================================================================= */ /** * 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-2014 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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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://gle.dnmdigital.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; } .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;} #magestore-bannerslider-popup{ padding: 2px; position: fixed; z-index: 19990; background: #fff; border: 2px; } #magestore-bannerslider-popup-close{ cursor: pointer; height: 22px; width:22px; position: absolute; right: 0px; top: -25px; z-index: 19999; background:url(http://gle.dnmdigital.com/skin/frontend/base/default/css/magestore/bannerslider/image/close-tiny.png) no-repeat center; } #bg_fade { background-color: #000000; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 1000; opacity: 0.7; } /* ******************************************************************************************** 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;} .nav-container #nav a.parent, .nav-container #nav a.topMenu {font-size: 16px;padding: 12px 0px;} /* 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: right; line-height: 49px; z-index: 101; padding-right:15px; } #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; } .more {width:100% !important;} } /* ******************************************************************************************** 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;} } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after, .owl-carousels .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, .owl-carousels .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight, .owl-carousels .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://gle.dnmdigital.com/skin/frontend/gle/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-carousels .owl-wrapper-outer .owl-item {width:24%;float:left;} /* * 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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(http://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(http://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/font/revicons.eot?5510888'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/font/revicons.woff?5510888') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/revolution_slider/font/revicons.ttf?5510888') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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:40px;height:40px;font-size: 14px;text-align: center;line-height: 40px;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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-regular-webfont.eot'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-regular-webfont.woff') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-regular-webfont.ttf') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-medium-webfont.eot'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-medium-webfont.woff') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-medium-webfont.ttf') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-light-webfont.eot'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-light-webfont.woff') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-light-webfont.ttf') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-bold-webfont.eot'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-bold-webfont.woff') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/webfonts/dinpro-bold-webfont.ttf') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/dinpro-black-webfont.eot'); src: url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/dinpro-black-webfont.woff') format('woff'), url('http://gle.dnmdigital.com/skin/frontend/gle/default/fonts/css/dinpro-black-webfont.ttf') format('truetype'), url('http://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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://gle.dnmdigital.com/skin/frontend/gle/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; } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Grid container *********************************************************************************************** */ .container_12 { width:96%; max-width: 960px; } /* 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; } } /* ******************************************************************************************** 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; } } /* ******************************************************************************************** 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:49% !important; margin-left:0%;} /* Remove Right Margin */ .nav .no-right-margin.mobile-grid-half { width:49% !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; } } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** 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;} /* 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; } } /* 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 ======================================================================================= */ /* 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; } } /* 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 */ /** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ /* ========================================================================== Author's custom styles ========================================================================== */ body{font-size:16px; background-color:#fff;min-width: 320px;} body:after{content: ''; display: block; width: 100%; clear: both;} h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0; font-size: 1em;font-style: italic;} p{line-height:1.5em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.02em;font-style: italic;} a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);font-style: italic;} ul {list-style:none; padding:0; margin:0;} img {max-width:100%; height:auto;} input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);} textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;} select > option {padding: 0; -moz-padding:0;} ::-webkit-input-placeholder {color: inherit;} :-moz-placeholder {color: inherit;} ::-moz-placeholder {color: inherit;} :-ms-input-placeholder {color: inherit;} /* ========================================================================== font & font weight related ========================================================================== */ /* PT Sans Narrow & Lato custom fonts */ /* Light - 300 */ /* Regular - 400 */ /* Bold - 700 */ body, input, select, textarea, button {font-family: 'kepler-std-display', serif; font-weight: 400; letter-spacing: 0.008em;} /* ========================================================================== background related ========================================================================== */ /* icons */ .pages .previous, .pages .next, .nextandprevious .prev, .nextandprevious .next {background-image:url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cat-prevnxt.png); background-repeat: no-repeat; background-position: left top; background-size: 32px 64px;} /* base64 embeded images */ .hrdot, .prdspecs li:after, .descontent:before, .descontent:after, .product-view .prdgrpclss:after, .totals .section-line:after, .discount .section-line:after, .opc .step-title:after, .block .block-title:after, .fieldset .legend:after, .box-account .box-head:after, .account-login .section-line:after {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAFElEQVR4AWMAgv8+mYUMMAwiUDAAmQkJCgH/2z4AAAAASUVORK5CYII='); background-repeat: repeat-x; background-position: left center; background-size: contain;} = .cms-home #nav > li {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAApCAMAAADd/YNTAAAABlBMVEVMaXEAAACaXKEdAAAAAXRSTlMAQObYZgAAACFJREFUeNrtkKEJAAAAwvT/p83axOr6GAwO0bHpj39c6AIQqAAMGDkB0wAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: left center; background-size: 8px 20px;} .advancedsearch > a {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAMFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACbsZG/AAAAEHRSTlMAS6xxelERYT1FajQmBVsYwRtVxgAAAI9JREFUeNrlkcsOxCAIAFGK+Pb//3aTthtSlwTO3bkYcS6D8N+EiMcvGGkXE6fztKeZFZGLMqwNdjoOAMd0YAcNCnvgBJWE63Ff37vVM6VkY9RulMgbCFKiMKWn3CVWj5ToFLZKZMdWibTe/RazXBs1aXj9pi3W14nkFDn7xEDDJdLp2WIh8NBiBhcrwOv5AD3hBHlS49yKAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: right center; background-size: 20px 20px;} .quickview a {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAEHRSTlMAFV6p5fEef/+OKm8LRbjEzakutQAAAIBJREFUeAFjIAWMAiGTEKMENDFxj46IDk9UUSaPjllSpR3eyGJsFh1NDAd4IzpeIQle6egwOOwsMKOj5QJcjLujo0NhR0fBjY6OdpyCCO3CfgkzOloVkCx60dELtugXsvXcHq1Vx7Z2hB9AcWimR4dHR+QCNC8lPXF5nUBCsIwCAOEgLzNSv/vvAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: left center; background-size: 20px 20px;} .viewdetails a {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAbklEQVR4AWLwySwEtF+HRgCEMBREW6MzRCqiAkrb89GZu1xmxZqv3oCB1gkUOAUoUKBA4ABR2KkG7sqTAXY1MIqBIfCXQGB1BzIKKBBYKfL2NfCmyJtX/DJQ4G0NzAkUOP9F3eBP0jiBAgUKFPgAZCsrhiAq0ekAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: left center; background-size: 20px 20px;} .footerwishlist .icon-cart:after {background-image:url('http://gle.dnmdigital.com/skin/frontend/gle/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR4AWPwySykCA93A7q7u7UTEhIWgGiSDVi1apW0k5PTQQYGhv8gGsQn2oD9+/eLwDTDMIgPEidowM2bN9n8/Pw2IzQjMEgcJI+sHkMzyM9Imq4AcQCIhomB5JENwaf5BRDbgeRANJiPaQjCgKKioj5smiEY0xCQergBjY2NdUiav4KcjS1wod75ClML1uczmhcA+rMw0VCnVrcAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: left center; background-size: 8px 8px;} .descontent.sdescdetpg {width:100%;padding: 10px 0;margin:0;} /*============================= HEADER ==========================-*/ a{color: #000;} a:hover{color: #ec1f27 !important;} .header-primary{padding: 18px 0 13px;} .logo { margin: 0 auto; width: 260px;} .footer-container.ghs, .dgf{display: none;} .shop{text-align: center;padding: 42px 0 24px;} .shop > p { font-size: 1.2em; font-style: italic; text-transform: uppercase; padding: 0; font-size: 0.94em;} .header-container{box-shadow: none;} .header-container.added .shop, .header-container.added .navmain-container, .footer-container.added, .dgf.added{display: block;} .container_12{max-width: 1284px;} #contscont.container_12{max-width: 1300px;width: 100%;} .navmain-container .no-left-margin.grid_9{width: 100%;} #nav > li:hover > a{color: #000;} #nav li.active > a{color: #000;} .header-primary.header.added{/*padding-top: 13.5%;*/padding-top: 1.5%;} .grid_full.added .logo{width: 260px;} #nav > li > a{letter-spacing: 0.09em; font-size: 1.5em; font-style: italic; text-transform: uppercase;} #nav > li > a{font-size: 2.1em;padding: 12px 10px 20px;} #nav > li:first-child, #nav.smu > li:first-child { padding-left: 0;background: none;} #nav > li{padding: 0 25px 0 33px; background-size: 8px auto} #nav > li:last-child { padding-right: 0;} #nav > li > a:after{ background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/mnu.png") no-repeat left center; background-size: 160px 1px; bottom: 12px; content: ""; height: 2px; left: 10px; position: absolute; width: 0;} #nav > li:hover > a::after, #nav > li.active > a::after{width: 100%;left: 10px;} #nav > li.parent > a::before{border-width: 0px;} #nav > li{float: none;display: inline-block;background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/mnisid.png) no-repeat scroll left center / 4px auto;} #nav{text-align: center;} .nav-container #nav li {float: none;} .procs > li:last-child { display: none;} #nav div.mega-block{box-shadow: none; visibility: visible;opacity: 1;display: none;left: 0 !important ;right: 0;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);padding: 28px 8px;} .navmain-container.indx { border: none; } .navmain-container { border: none;} #nav > li > .mega-block > ul > li{margin-left: 0;} #nav ul.subs li a{font-size: 0.95em;font-weight: 400;font-style: italic; font-family: "Times New Roman", Georgia, Serif;margin-bottom: 0;} .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: #ec1f27;} /*.nav-container #nav .level0 .uppercase {text-transform: uppercase;font-style:italic;}*/ .bannerslider.banner {margin: 0 auto; width: 89%;} .bannercontainer a.skip {background-color: #000000; bottom: 40px; color: #ffffff; font-size: 0.85em; padding: 4px 13px; position: fixed; right: 44px; line-height:1em; z-index: 999;} .bannercontainer a.skip:hover {color: #ec1f27;} .bannerslider.banner.added .owl-wrapper-outer{height: 0 !important;} .bannerslider.banner.added .owl-controls{display: none;} #nav .nav-1 a span.uppercase, #nav .nav-2 a span.uppercase {cursor:default;} #nav ul.level0 .level1 a {text-transform: capitalize;} .bannercontainer.responsive.added{display:block;} .bannercontainer.added .banner.revslider-initialised {height: 0 !important;} .bannercontainer.responsive.added .tparrows { display: none;} .banner.revslider-initialised{-webkit-transition: all 1000ms ease-in-out; -moz-transition: all 1000ms ease-in-out; -ms-transition: all 1000ms ease-in-out; -o-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out;} .mno { padding:107px 0 26px;display: none;} .mno.added{display: block;} .jpj { background-color: #e5e5e5; margin: 0 auto; padding-bottom: 18px; text-align: center; width: 275px;height: 0;font-size: 0} .mno.added .jpj{font-size: 14px;height: auto;} .jpj p { font-size: 1em; padding: 21px 0 3px; text-transform: uppercase;} .jpj h6 { font-size: 1.9em; letter-spacing: 0.06em; margin: 0; text-transform: uppercase;} .jpj h1 { font-size: 4em; font-weight: 700; letter-spacing: 0.06em; margin: 0; padding-top: 6px; text-transform: uppercase;} /*============================================= FOOTER ===========================================*/ .footer-container {background-color: #e5e5e5; text-align: center; float: none; margin-top: 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99;} .footer-container address {font-style: normal;} .footer-bottom-container {background: #e5e5e5;} .footer, .footer a, .footer .accordion .opener{color: #000; letter-spacing: 0.02em;} .footer-bottom address {font-size: 16px;} .footer-bottom address a {color: #000;} .footer-bottom-container a:hover{color: #ec1f27;} .footer-bottom-container p { font-size: 0.63em; letter-spacing: 0.06em; padding: 20px 0px 15px 0; line-height: 1em;} .footer-bottom-container address > a {color: #000; font-size: 0.75em; padding-top: 2px;} .f-left, .left {float: none !important;} .footer-bottom-container address {padding: 0;} .footer-bottom-container address a:hover {color: #ec1f27;} /*========================================== HOME ==========================================*/ .cms-home .footer-container, .cms-home .footer-bottom-container {background:rgba(255, 255, 255, 0.31);} .cms-home .footer-container {opacity: 0; pointer-events: none;} .cms-home .footer-container.added {z-index: 9999; opacity: 1; pointer-events: all;} .cms-home .bannercontainer {max-width: 1200px; margin: 0 auto; padding: 0px 16px;} .cms-home .container_12 {max-width: 100%;} .cms-home .footer-bottom address {font-size: 16px;} .cms-home .footer-bottom address a {color: #000;} .cms-home .footer-bottom address a:hover {color: #ec1f27;} .cms-home #nav > li > a {font-size: 14px;} .cms-home #nav > li {padding: 0 12px;} .cms-home #nav > li > a:after {bottom: 0;} .cms-home #nav > li.myaccli, .cms-home .shopping_cart, .cms-home .footerwishlist {display: none;} .cms-home .tp-bullets {bottom: 10px !important;} .cms-home .tp-bullets {bottom: 10px !important;} /*.cms-home .navmain-container.fixed {position: relative !important;}*/ .tp-leftarrow:hover, .tp-rightarrow:hover {color: #ec1f27; background: rgba(255, 255, 255, 0.8);} /*========================================== INNER COMMON ==========================================*/ .main-container.sticky {padding-top: 45px;} .shopping_cart .icon-cart {vertical-align: middle;} .footer-bottom {padding: 0; position: relative;} .loggedIn .footer-bottom {padding: 0; position: relative; left: 0; right: 0; pointer-events: none;} .loggedIn .footer-bottom address a {pointer-events: all;} .loggedIn .footer-bottom .dropdown {pointer-events: all;} .checkout-onepage-index .footer-container .shopping_cart {float: none;} .page {padding-bottom: 44px;} .nav-container #nav > li > ul.shown-sub:before {display: none;} .nav-container #nav {position: relative; max-width: 1200px; margin: 0 auto;} .nav-container #nav li, .nav-container #nav li:hover {position: static;} /* .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul {top:44px; left: 0; right: 0; position: absolute; display: flex; align-content:flex-start; flex-flow:column wrap; width: 100%; box-sizing: border-box; padding: 20px 20px 10px; height: 200px;margin: 0 auto;max-width: 1100px;} */ .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul {top:44px; left: 0; right: 0; position: absolute; display: block; width: 100%; box-sizing: border-box; padding: 20px 20px 10px; height: auto;margin: 0 auto;max-width: 1100px;} .fixed .nav-container #nav > li ul, .fixed .nav-container #nav > li ul.shown-sub, .fixed .nav-container #nav ul {background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.99);} .nav-container #nav li ul li {display: inline-block; width: 25%; font-style: italic;} .nav-container #nav ul {box-shadow: none; top: 24px;} .nav-container #nav li ul li a {border: none;} .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: #ec1f27; text-indent: 12px; background: none;} .pager .view-mode {position: fixed; z-index: 1002; left: 2%; bottom: 2px;} .pager .view-mode:before {content: 'view by'; float: left; display: block; text-transform: uppercase; font-size: 12px; line-height: 28px; padding-right: 12px;} .pager .view-mode .grid:before {content: '';} .pager .view-mode .list:before {content: '';} .pager .view-mode .grid.grid-mode-active, .pager .view-mode .grid:hover, .pager .view-mode .grid, .pager .view-mode .list {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/view-by-grid.png) no-repeat center top; background-size: 28px 56px;} .pager .view-mode .list {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/view-by-list.png) no-repeat center top; background-size: 28px 56px;} .pager .view-mode .grid.grid-mode-active, .pager .view-mode .grid:hover, .pager .view-mode .list, .pager .view-mode .grid, .pager .view-mode .list, .pager .view-mode .list.list-mode-active {width: 28px; height: 28px; background-color: transparent;} .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-position: center bottom; background-color: transparent;} .shopping_cart .dropdown-menu {} .block-cart.dropdown-menu, .block-cart2.dropdown-menu {bottom: 44px; top: auto; z-index: 1005;} .block-cart.dropdown .dropdown-menu:before, .block-cart2.dropdown .dropdown-menu:before {display: none;} .shopping_cart .actions button, .shopping_cart button.button:hover {background: #fff url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/procd.png) no-repeat right top; background-size: 36px 72px; border: 1px solid #e4e4e4; color: #000; } .shopping_cart .actions button span {background: none; text-transform: uppercase;} .shopping_cart button.button:hover {background-color: #000; background-position: right bottom; color: #fff;} .shopping_cart button.button:hover span {color: #fff;} button.button span span, button.btn-checkout span, button.btn-checkout:hover span {border: none; background: inherit !important; color: inherit !important;} .shopping_cart .dropdown-menu .bag-header {font-size: 12px; font-style: italic;} .footcartcount.shopping_cart {margin-right: 2%;} .footcartcount.shopping_cart .icon-cart {background: #000; padding: 4px 12px; display: inline-block; width: 60px; height: 44px; text-align: center;} .footcartcount.shopping_cart .icon-cart:before, .footcartcount.shopping_cart .icon-cart:after {color: #fff; display: block; line-height: 1em; text-transform: uppercase;} .footcartcount.shopping_cart .icon-cart:before {content: 'enquiry'; font-size:12px;} .footcartcount.shopping_cart .icon-cart:after {content: 'list'; font-size: 22px;} .footcartcount.shopping_cart .itmcount {font-size: 18px; line-height: 1em; margin-top: -6px; padding-left: 6px;} .dropdown-toggle.cover > div {cursor: pointer;} .footerwishlist, .category-clearance-sale.catalog-category-view .footerwishlist {margin-left: 20px;} .footerwishlist .icon-cart {background: none; width: auto; height: 44px;} .footerwishlist .icon-cart:before {content: 'wish list'; text-transform: uppercase; display: inline-block; font-size: 0.75em; line-height: 44px;} .footerwishlist .icon-cart:after {content: ''; display: inline-block; width: 8px; height: 8px; vertical-align: middle; margin-left: 12px;} .footerwishlist .dropdown-menu {right: auto; left: 0; min-width: 300px;} .footerwishlist .mini-products-list li, .footerwishlist .mini-products-list li.item:first-child {padding: 15px; border-bottom: 1px solid #e4e4e4;} .footerwishlist .btn-remove {position: absolute; right: 15px; top: 15px;} .footerwishlist .btn-remove:before, .block-cart .btn-remove:before {content: ''; width: 12px; height: 12px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/del-sml-ico.png) no-repeat center top; background-size: 12px 24px; display: block;} .footerwishlist .btn-remove:hover:before, .block-cart .btn-remove:hover:before {background-position: center bottom; background-color: #000;} .block-cart .btn-edit:before {content: ''; width: 12px; height: 12px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/edit-sml-ico.png) no-repeat center top; background-size: 12px 24px; display: block;} .block-cart .btn-edit:hover:before {background-position: center bottom; background-color: #000;} .footer-bottom.container_12 {max-width: none; width: auto;} .footgotowl {padding: 15px; display: block; text-align: center; clear: both; text-transform: uppercase;} .footgotowl span {padding: 8px 20px; display: block; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/procd.png) no-repeat right top; background-size: 36px 72px; border: 1px solid #e4e4e4;} .footgotowl:hover span {background-position: right bottom; color: #fff; background-color: #000;} .footerwishlist .block-cart2 .actions {clear: both;} .shopping_cart .btn-remove, .shopping_cart .btn-edit {margin: 0px 3px;} .mini-products-list .product-image {width: 120px;} .mini-products-list .product-details {margin-left: 136px;} .mini-products-list .product-name, .mini-products-list .price-box, .shopping_cart .mini-products-list .product-name {font-size: 12px; text-transform: uppercase; font-weight: 400; margin-right: 24px;} .mini-products-list .link-cart, .shopping_cart .dropdown-menu .price {font-weight: 400; text-transform: uppercase; font-size: 12px;} .mini-products-list .link-cart {font-size: 12px; line-height: 12px; padding: 2px 6px; border: 1px solid #e4e4e4; display: inline-block;} .mini-products-list .link-cart:before {content: ''; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-sml-ico.png) no-repeat center top; background-size: 12px 24px; display: inline-block; width: 12px; height: 12px; margin-right: 6px;} .mini-products-list .link-cart:hover {color: #fff; background-color: #000;} .mini-products-list .link-cart:hover:before {background-position: center bottom;} .mini-products-list .price-box, .shopping_cart .dropdown-menu .price {font-style: italic;} .breadcrumbs {padding: 12px 12px 12px 40px; margin-bottom: 0; box-sizing: border-box;} .breadcrumbs a {text-transform: capitalize;} .breadcrumbs li:last-child span {display: none;} .product-view .product-essential {position: relative;} .nextandprevious .prev, .nextandprevious .next {display: none;position: absolute; z-index: 1; top: 38%; text-indent: -1000em; width: 32px; height: 32px;} .nextandprevious .prev {left: -32px; background-position: left bottom;} .nextandprevious .next {right: -32px;} button.button {border: 1px solid #e4e4e4;} button.button span {background: transparent; color: #000;} button.button:hover span {background: transparent; color: #ec1f27;} .page-title, .product-view .product-essential .product-name {background: none;} .toolbar-bottom {margin: 0; clear: none;} .toolbar {position: static;} .pager .pages li a, .pager .view-mode .grid, .pager .view-mode .list {background-color: transparent;} .pager .pages li a, .pager .pages li.current {padding: 0;} .pager .pages li {border: none; float: none;} .old-price .price {text-decoration: none; position: relative; color: #000;} .old-price .price:after {content: ''; display: block; width: 100%; border-bottom: 1px solid #ff0000; position: absolute; top: 48%; left: 0; pointer-events: none;} .availability.out-of-stock span, p.outofstock {float:right;margin-top: -25px;color: #ff0000; font-style: italic; font-weight: 700;font-size: 0.9em;} .products-list .availability {float: right; margin: -10px 0;} .add-to-links li.soldOUT { width: 100%; display: block; color: #ff0000; text-align: center; padding: 4px 0; text-transform: none; font-size: 1.4em; margin-top: -15%; } #fancybox-loading {} div.alert-inner a.continue, div.alert-inner a.cart {background: #fff !important; color: #000 !important; text-transform: uppercase; border: 1px solid #e4e4e4;} div.alert-inner a.continue:hover, div.alert-inner a.cart:hover {background: #000 !important; color: #fff !important; text-transform: uppercase;} .toggleMenu span {text-transform: uppercase; font-style: italic; font-size: 16px;display:none;} .toggleMenu:before {content:'';} /*.messages {display: none;}*/ /*========================================== PRODUCT ==========================================*/ .category-products {position: relative; clear: both;} .pager .pages li a:hover {background-color: transparent;} .pages .previous i, .pages .next i {display: none;} .pages .previous, .pages .next {display: block; text-indent: -1000em; width: 32px; height: 32px; position: absolute; top: 47%;} .pages .previous {background-position: right bottom; left: -32px;} .pages .previous:hover {padding-left: 6px;} .pages .next {right: -32px;} .pages .next:hover {padding-right: 6px; background-position: left top;} /* Advance Filter */ .advancedsearch {float: right; padding-right: 12px;padding-top: 19px;} .advancedsearch:after {content: ''; display: block; width: 100%; clear: both;} .advancedsearch > a {padding-right: 24px; font-size: 0.75em; font-style: italic; text-transform: capitalize; line-height: 24px; display: block;} .advancedsearch a:hover {color: #ec1f27;} #advancesearchflt {position: relative; clear: both; display: none;} #advancesearchflt .currently {float: left; font-size: 12px; margin-top: -36px; position: relative; z-index: 1; margin-right: 60px;} #advancesearchflt .currently .block-title, #advancesearchflt .currently .block-title strong span {margin: 0; display: inline-block; font-size: 12px; vertical-align: middle; font-style: normal;} #advancesearchflt .currently .block-title:after, #advancesearchflt .block .block-title::after {display: none;} #advancesearchflt .currently ol {display: inline-block; vertical-align: middle; margin-left: 12px;} #advancesearchflt .currently li {display: inline-block; padding: 0; white-space: nowrap; vertical-align: middle; margin: 0px 6px; border: none;} #advancesearchflt .actions {position: absolute; right: 160px; top: -42px; margin: 0; padding: 0; font-size: 12px; border: none;} #advancesearchflt .block-layered-nav {position: absolute; left: 0; top: 20px; right: 0; z-index: 2; background: #fff url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/crat-grad-bot.png) no-repeat center bottom; background-size: cover;} #advancesearchflt .btn-remove:hover {color: #d90000;} #advancesearchflt .block-layered-nav .currently .label {display: none;} #narrow-by-list {width: 100%; margin: 0; font-size: 12px;} #narrow-by-list .block .block-title strong span {font-size: 14px;} #narrow-by-list .view.grid_3 {display: inline-block; float: none; vertical-align: top; margin: 0px 2%; width: auto;} #narrow-by-list .block-content li {border: none;} #narrow-by-list .block-title {font-size: 14px; margin-bottom: 12px; margin-top: 20px;} .sale, .new {background: #ec1f27; line-height: 20px !important; min-height: 20px !important; max-height: 20px !important; height: 20px !important;} .category-description {font-style: italic; padding: 0px 12px; margin-bottom: 30px;} .category-description p {font-style: italic;} .catalog-category-view .main {padding-top: 0;} .catalog-category-view .toolbar .pager {border: none;} .catalog-category-view .footerwishlist {margin-left: 170px;} .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1), .columngrid-2col .item:nth-child(2n+1) {clear: none !important;} .columngrid-adaptive.columngrid-2col .item{margin: 0; width: 25%;} .products-grid .product-content-wrapper {position: absolute; left: 0; bottom: 70px; margin-top: 26%; pointer-events: none; z-index: 1; text-align: center; padding: 0px 16px; opacity: 0;} #productcollectionvert .price{ color: #fff;} .columngrid .item:hover .product-content-wrapper {opacity: 1;} .products-grid .product-image-wrapper {padding: 1px;} /* grid view */ .products-grid .product-name {font-size: 1.2em; font-weight: 400; text-transform: capitalize; line-height: 1em; letter-spacing: 2px;} .products-grid .product-name a {color: #fff;} .products-grid .price-box {font-style: italic; color: #fff;} .products-grid .price-box p {display: block; line-height: inherit;} .products-grid .price-box .price {font-size: 15px;} .products-grid .price-box .special-price, .products-grid .price-box .old-price {padding-bottom: 0;} .products-grid .price-box .special-price .prcunt, .products-grid .price-box .special-price .prcunt, .products-grid .price-box .special-price .totdiscount {display: none;} .products-grid .price-box .special-price .prcunts {font-size: 13px;} .products-grid .actions {top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); opacity: 0; pointer-events: none;} .products-grid .actions .add-to-links {pointer-events: all;} .products-grid .old-price .price {color: #999} .products-grid .add-to-links {text-transform: uppercase; font-size: 0.63em;} .products-grid .add-to-links .quickview, .products-grid .add-to-links .viewdetails { bottom: 12px;} .products-grid .addto-links-icons li {border: none;} .products-grid .add-to-links li a.fancybox, .products-grid .add-to-links li a {display: block !important; padding-left: 24px; color: #fff;} .products-grid .add-to-links li a{padding-left: 0;} .products-grid .add-to-links a:hover, .products-grid .add-to-links a.fancybox:hover {color: #ec1f27;} .products-grid .add-to-links {position: absolute; left: 16px; right: 16px; bottom: 6px; float: none;} .products-grid .quickview {float: right;} .products-grid .viewdetails {width:100%; text-align:center;} /* list view */ .products-list {padding: 1px 24px 0px;} .products-list .product-name {font-weight: 400; text-transform: uppercase; font-style: italic;} .products-list .price-box p {padding: 0; font-size: 1em; font-style: italic;} .products-list .price-box .price {font-size: 0.94em; font-style: italic;} .products-list .desc {padding: 0;} .products-list .desc, .products-list .desc p {font-style: italic;} .products-list .desc p {font-size: 12px;} .products-list .link-learn {color: #000; font-size: 12px;} .products-list .link-learn:hover {color: #ec1f27; text-decoration: none;} .products-list .link-learn:before {content: '+'; display: inline-block; background: #fff; color: #000; border: 1px solid #000; text-align: center; margin-right: 6px; line-height: 12px; font-size: 10px; width: 12px; height: 12px; position: relative; top: -2px;} .products-list .link-learn:hover:before {background: #000; color: #fff;} .products-list .product-image {max-width: none;} .products-list .product-image-wrapper {width: 30%; margin-right: 2%; float: left;} .products-list .product-shop {float: left; width: 68%;} .products-list .item {padding: 12px 16px 36px 16px;} .products-list .item:first-child {padding-top: 32px;} .products-list .btn-cart, .add-to-cart .button {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-ico.png) no-repeat left top; background-size: 40px 80px; border: none; max-width: none; width: auto; padding-left: 30px; font-weight: 700; font-style: italic; font-size: 1em;} .products-list .btn-cart:hover, .add-to-cart .button:hover {background-position: left bottom;} .products-list button.button span, .products-list button.button:hover span, .add-to-cart .button.button span, .add-to-cart .button.button:hover span {background-color: transparent !important; color: #000 !important;} .products-list button.button:hover span, .add-to-cart button.button:hover span {color: #ec1f27 !important;} .products-list .item.last {border-bottom: 1px solid #e4e4e4; padding-bottom: 36px;} .products-list .link-wishlist {border: none; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/wish-ico.png) no-repeat left top; background-size: 40px 80px; padding-left: 50px; font-weight: 700; font-style: italic; font-size: 1em;} .products-list .link-wishlist:hover {background-position: left bottom;} .products-list .link-wishlist a {display: block; padding: 10px 0px; text-transform: uppercase; font-size: 14px;} .add-to-cart .button span {} .footerwishlist {float: left;} .product-view {position: relative; clear: both; margin: 12px 24px;} .product-view .back-button {position: absolute; right: -18px; top: -40px;} .product-view .back-button button.button {border: none;} .product-view .back-button span span {text-transform: uppercase; font-style: italic; font-size: 12px;} .product-view .back-button span span:before {content: '< ';} .product-view .product-breadcrum {float: left;} .product-view .product-img-box {width: 60%;} .product-view .product-shop {width: 40%; font-style: italic; padding: 0px 2% 0px 2%;} .product-view .img-box .product-image, .product-view .itemslider-thumbnails {max-width: none;} .product-view .more-views {margin: 0px -2px;} .product-view .more-views .owl-theme .owl-controls .owl-buttons div {width: 24px; height: 24px; background-size: 24px 48px; margin-top: -12px;} .product-image-gallery {} .product-image > a {position: absolute; z-index: 100; right: 10px; bottom: 12px; color: #fff; font-style: italic; font-size: 9px; text-transform: uppercase; padding: 0px 6px;} .product-image > a:after {content: ''; display: inline-block; width: 12px; height: 12px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/prod-fav.png) no-repeat center top; background-size: 12px 24px; margin-left: 6px; vertical-align: middle;} .product-image > a:hover {background: #000; color: #fff;} .prdinfodet {} .detprodcode {font-size: 12px;} .detprodname h1 {text-transform: capitalize; font-size: 24px; font-weight: 400; line-height: 1em;} .detprodcatname h2 {text-transform: capitalize; font-size: 15px; font-weight: 400; line-height: 15px;} .prdoffinfodet {clear: both;} .prdoffinfodet:after {content: ''; display: block; width: 100%; clear: both;} .product-view .prcunt {font-size: 12px;} .prddwnsection {} .quantity_counter {font-style: normal; border: none;} .quantity_counter a {border: 1px solid #cccccc; background: #fff; color: #000; width: 20px; height: 20px; line-height: 20px; padding: 0; font-size: 12px;} .quantity_counter a:hover {background: #000; color: #fff;} .quantity_counter input.qty {border: 1px solid #cccccc; background-color: transparent; margin: 0px 4px; line-height: 20px; height: 22px; font-size: 12px; padding: 0; width: 30px !important;} .prdinformation {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/spec-bot-grad.png) no-repeat center bottom; background-size: contain; padding: 0px 0px 20px 8%;} .prddwnsection {font-size: 12px; text-align: center; padding: 16px 0px;} .prddwnsection a, .prddwnsection span {display: inline-block; vertical-align: middle;} .prddwnsection span {width: 10px; height: 10px; margin: 0px 10px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/bc-part.png) no-repeat center top; background-size: contain;} .pdfdwnbtn:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/dwld-ico.png) no-repeat left top; background-size: 20px 40px; padding-right: 6px; line-height: 20px; text-transform: uppercase; vertical-align: middle;} .pdfdwnbtn:hover:before {background-position: left bottom;} .designerview {clear: both;} .prdspeccontainer {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/sec-top-grad.png) no-repeat center top; background-size: contain; padding: 16px;} .breadcrumbs li span {width: 8px; height: 8px; margin: 0px 4px; display: inline-block; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/bc-part.png) no-repeat center center; background-size: 8px 8px;} .breadcrumbs li span i {display: none;} /* related products */ .box-releted {} .product-view .box-additional {margin: 64px 16px 0px; padding-bottom: 50px;} .box-releted .product-image {display: block; border: 1px solid #e6e6e6; overflow: hidden;} .box-releted .product-image img {} .box-releted .product-name a {text-align: center; font-weight: 400; text-transform: uppercase; display: block; margin-top: 12px; font-size: 12px;} .box-releted .vert {padding-top: 4px;} .box-releted .price-box {text-align: center; font-size: 12px; font-style: italic;} .box-releted .regular-price:after {content: 'per unit'; font-size: 12px;} .section-line, .block .block-title, .peercheckout-title {text-align: left; font-style: italic;} .section-line:before, .block .block-title:before, .peercheckout-title:before {display: none;} .section-line > *, .block .block-title strong span, .peercheckout-title h2 {font-weight: 400; font-size: 1.13em; padding: 0; background: transparent;} .product-view:after {content: ''; display: block; width: 100%; clear: both;} .box-releted .owl-theme .owl-controls .owl-buttons div {margin-top: -42px; } .box-releted .owl-theme .owl-controls .owl-buttons .owl-prev {left: -12px;} .box-releted .owl-theme .owl-controls .owl-buttons .owl-next {right: -28px;} /* quick view popup */ .fancybox-skin {-webkit-border-radius: 0px; border-radius: 0px;} .fancy.product-view .product-essential .product-name {margin: 0px !important; padding: 10px 20px; text-transform: uppercase; border: none; position: fixed !important; left: 0; right: 0; top: 0; background: #000; z-index: 9;} .fancy.product-view .product-essential .product-name h1 {font-weight: 400; line-height: 1em; font-style: italic; color: #fff;} .fancy.product-view .product-essential .product-name h1 a, .fancy.product-view .product-essential .product-name h1 a:hover {color: #fff;} .fancy.product-view .product-img-column {float: none; margin: 0 !important; margin-bottom: 12px !important; margin-top: 40px !important; width: auto !important;} .fancy.product-view .product-shop {float: none; margin: 0 !important; width: auto !important;} .fancybox-close {right: 20px; top: 4px; opacity: 1;} .fancybox-close:after, div.alert-inner button.close:after {content: ''; display: block; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/fbclose.png) no-repeat center bottom; background-size: 36px 72px; width: 36px; height: 36px; right: 12px; top: 12px;} .fancybox-close:before, div.alert-inner button.close i {display: none;} .fancybox-close:hover, div.alert-inner button.close:hover {background-color: #000; opacity: 1;} .fancybox-close:hover:after {background-position: center bottom;} .fancy.product-view {margin: 0;} div.alert-inner button.close {top: 6px; right: 6px; opacity: 1;} div.alert-inner p {background-color: #000; color: #fff; font-style: italic;} /* detail view */ .catalog-product-view .main, .checkout-cart-index .main {padding: 0; margin-top: 24px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top; background-size: cover;} .catalog-product-view .col-main {float: none; display: block; margin: 0;} .prdspeccontainer:after {content: ''; display: block; width: 100%; clear: both;} .itemslider-thumbnails {margin-top: 4px;} .itemslider-thumbnails .item {padding: 0px 2px;} .product-view .short-description {border: none; font-style: italic; padding-bottom: 36px; margin: 20px 16px 0px;} .product-view .short-description h2 {font-size: 16px; font-weight: 400;} .product-view .short-description .std {border: none; font-size: 12px;} .product-view .price-stock {margin: 0; padding-bottom: 0; float: none; border: none;} .product-view .price-stock:after {content: ''; display: block; width: 100%; clear: both; height: 1px; margin-top: 8px;} .product-view .product-shop .price-box {float: none; margin: 0; text-align: right;} .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: 15px;} .product-view .price-box p.special-price, .product-view .price-box p.old-price {display: block; padding: 0;} .product-view .add-to-box {clear: both; padding: 12px 0px; border: none;} .product-view .add-to-cart {float: none; padding-top: 12px;} .product-view .product-shop .price-box .old-price .price {font-size: 15px;} .totdiscount {color: #ff0000; font-size: 11px;} .product-view .totdiscount {display: block;line-height: 0.8em;} .product-view .price {white-space: normal !important;} .product-view .price span {white-space: nowrap;} .proddetp {} .proddetp p {padding: 0; font-size: 9px;} .prdspecs {padding-top: 12px; padding-right: 0;} .product-shop .add-to-cart label {font-size: 12px;} .catalog-product-view .product-shop .btn-cart {float: right; margin-top: -16px; margin-right: -20px;} .ajax-index-options.catalog-product-view .product-shop .btn-cart {margin-top:0px;} .catalog-product-view .product-shop .button.btn-cart span span {padding: 6px 20px;} .catalog-product-view .product-shop .btn-cart span span:before {content: 'Click here to'; display: block; font-size: 10px; line-height: 1em;} .designerview {margin: 0px 16px;} .designerview:after {content: ''; display: block; width: 100%; clear: both;} .designerview > div {display: inline-block; vertical-align: middle; font-style: italic;} .designerimg {width: 24%;} .descontent {width: 60%; margin-left: 2%; margin-right: 3%; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; padding: 20px 3% 20px 4%; border: none; position: relative;} .descontent:before, .descontent:after {content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 0;} .descontent:after {bottom: 0; top: auto;} .designame {margin-bottom: 12px; text-transform: capitalize;} .designame h3 {font-weight: 400; font-size: 24px;} .descontent .shortdesc p, .descontent .detdesc p {font-size: 15px;} .descontent .detdesc {display: none;} .descontent .readmore, .descontent .readless {font-size: 12px; line-height: 12px; cursor: pointer;} .descontent .readmore:before, .descontent .readless:before {content: '+'; display: inline-block; width: 12px; height: 12px; line-height: 12px; font-size: 10px; text-align: center; border: 1px solid #000; margin-right: 6px;} .descontent .readmore:hover:before, .descontent .readless:hover:before {background: #000; color: #fff;} .descontent .readless:before {content: '-';} .prdspecs {} .prdspecs h6 {text-transform: uppercase; font-weight: 400; font-size: 15px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/mnu.png) no-repeat left bottom; line-height: 36px; background-size: contain; margin-bottom: 10px;} .prdspecs li {padding: 6px 0px; font-size: 13px;} .prdspecs li span {display: inline-block; vertical-align: top;} .prdspecs .psleft {width: 50%; padding-right: 2%;} .prdspecs .psrigt {width: 46%;} .prdspecs li:last-child:after {display: none;} .prdspecs li:after {content: ''; display: block; width: 100%; clear: both; height: 1px;} /*========================================== SALE ==========================================*/ .mwidt {display: block; width: 100%;} .grid {width: 100%;} .grid-sizer, .grid-item { width: 24.9%;} .grid-item--width2 { width: 49.8%; } .grid:after {content: ''; display: block; clear: both;} .manimg {padding: 10px 5px;} .sale-product-content-wrapper {padding: 0px 5px;} .salebanimg {padding: 10px 5px 0px;} .sale-product-content {padding-bottom: 16px; position: relative; font-style: italic;} .sale-product-content .totdiscount {position: absolute; right: 0; top: 0;} .sale-product-content .prdcde {font-size: 12px;} .sale-product-content .sale-product-name {text-transform: uppercase; font-weight: 400; font-size: 15px;} .sale-product-content .vert {padding-top: 6px;} .sale-product-content .old-price {padding: 0;} .sale-product-content .price-label {font-size: 11px;} .sale-product-content .prcunt {font-size: 12px;} /*========================================== CART ==========================================*/ .checkout-cart-index .col-main, .checkout-cart-index .shopping_cart {float: none;} .checkout-cart-index .loggedIn .footer-bottom, .checkout-onepage-index .loggedIn .footer-bottom {position: static;} .cart .cart-left-column {float: left; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-top.png) no-repeat center top; background-size: contain;} .cart .cart-right-column {float: right; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-side-grad.png) no-repeat center top; background-size: cover;} .cart .cart-table tbody {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-bot.png) no-repeat center bottom;} .cart .cart-right-column {padding: 16px 2%; box-sizing: border-box;} .cart .page-title {font-style: italic; padding: 0; margin: 0 !important; width: auto; position: static; border: none; padding: 16px 0px;} .cart .page-title h1 {font-size: 12px; line-height: 1em; float: none;} .cart button.button > span {color: #000; background: #fff; text-transform: uppercase;} .cart button.button:hover > span {color: #fff; background: #000;} .cart .cartprdcode {font-size: 10px; line-height: 1em;} .cart .product-name {font-weight: 400; font-style: italic;} .cart .product-name a {font-size: 16px; text-transform: uppercase;} .cart .cart-price {font-style: italic;} .cart .price {font-weight: 400;} .cart-table .price {font-size: 12px;} .cart-table .designame {font-size: 10px; text-transform: uppercase; line-height: 1em;} .cart .discount {margin-top: 36px;} .cart-table .product-image{max-width: 140px; min-width: 140px;} .data-table tfoot tr.last td {padding: 20px 0px;} .cart-table .item-msg {padding: 0; margin: 12px 0px; font-size: 11px; font-weight: 400; font-style: italic; line-height: 1em;} .cart-table thead {font-style: italic;} .cart .totals td, .cart .totals tfoot td {font-style: italic; font-size: 12px; padding: 4px 0px;} .cart .totals td strong {font-weight: 400;} .cart tfoot tr.cartgrdtot td {font-size: 21px;} hr.crtgt {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/mnu.png) no-repeat left bottom; background-size: contain; height: 2px; border: none; margin: 16px 0px;} .validation-advice {font-size: 11px; font-style: italic;} .cart .totals .checkout-types li {margin-bottom: 12px;} .cart .totals .checkout-types li a {font-style: italic; font-size: 12px;} .cart .totals .checkout-types li button.button, .cart .totals .checkout-types li button.button:hover {background: #fff url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/procd.png) no-repeat right top; background-size: 36px 72px; border: 1px solid #e4e4e4; color: #000; } .cart .totals .checkout-types li button.button span {background: none; text-transform: uppercase;color: #000;} .cart .totals .checkout-types li button.button:hover {background-color: #000; background-position: right bottom; color: #ff0000;} .cart .totals .checkout-types li button.button:hover span {color: #ff0000 !important;} .totals .section-line, .discount .section-line, .shipping .section-line {position: relative; margin-bottom: 12px;} .totals .section-line h2, .discount .section-line h2, .shipping .section-line h2 {font-size: 18px; line-height: 1.8em;} .totals .section-line:after, .discount .section-line:after, .shipping .section-line:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;} /* forms */ input.input-text, textarea, .form-list select {border: 1px solid #dadada; box-sizing: border-box; background-color: inherit;} .form-list label, .cart .discount label {font-style: italic;} .fieldset .legend {font-weight: 400; font-style: italic; font-size: 18px; margin-bottom: 32px;} .fieldset .legend:after {content: ''; position: relative; left: 0; right: 0; height: 1px; bottom: -10px; display: block;} .form-list .input-box.selip {position: relative;} .form-list .input-box.selip:after {content: ''; position: absolute; z-index: 1; right: 12px; top: 12px; height: 16px; width: 16px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/sel-dd.png) no-repeat center center; background-size: contain; pointer-events: none;} .data-table thead th {padding: 12px; font-size: 15px; font-weight: 400;} .data-table td span { display: block;} .data-table td .quantity_counter { width: 90px;} .data-table th, .data-table td {padding: 12px;} .data-table .btn-remove, .data-table .link-wishlist, .data-table .btn-remove:hover, .data-table .link-wishlist:hover {width: auto; height: auto; background: transparent; border: none;} .data-table .btn-remove:after, .data-table .link-wishlist:after {content: ''; width: 12px; height: 12px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/del-sml-ico.png) no-repeat center top; background-size: 12px 24px; display: block;} .data-table .btn-remove:hover:after {background-position: center bottom; background-color: #000;} .data-table .link-wishlist:after {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/prod-fav.png) no-repeat center bottom; background-size: 12px 24px;} .data-table .link-wishlist:hover:after {background-position: center top; background-color: #000;} .data-table .btn-remove:before, .data-table .link-wishlist:before {display: none;} .data-table thead th.a-left, .data-table tbody td.a-left {text-align: left!important;} .data-table thead th.a-center, .data-table tbody td.a-center {text-align: center !important;} .data-table thead th.a-right, .data-table tbody td.a-right {text-align: right !important;} .crosssell {float: left; width: 100%; clear: both; margin-bottom: 20px; padding-top: 50px;} /* owl controls */ .owl-theme .owl-controls .owl-buttons .owl-next:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before {display: none;} .owl-theme .owl-controls .owl-buttons div {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cat-prevnxt.png) no-repeat center top; background-size: 32px 64px; width: 32px; height: 32px; background-color: none;} .owl-theme .owl-controls .owl-buttons .owl-prev {background-position: center bottom;} /* bg gradients */ .topgrad, .products-list .item {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/crat-grad-top.png) no-repeat center top; background-size: cover;} .botgrad, .topgrad {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/crat-grad-bot.png) no-repeat center top; background-size: cover;} /*========================================== CHECKOUT ==========================================*/ .checkout-onepage-index .main, .checkout-onepage-success .main, .checkout-cart-index .main, .customer-account-logoutsuccess .main {padding: 0; margin-top: 24px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top; background-size: cover;} .checkout-onepage-index .col-main, .checkout-cart-index .col-main, .customer-account-logoutsuccess .col-main {padding: 0px 2%; box-sizing: border-box;} .checkout-onepage-index .page-title, .checkout-onepage-success .page-title, .checkout-cart-index .page-title, .customer-account-logoutsuccess .page-title {font-style: italic; padding: 0; margin: 0 !important; width: auto; position: static; border: none; padding: 16px 0px;} .checkout-onepage-index .page-title h1, .checkout-onepage-success .page-title h1, .checkout-cart-index .page-title h1, .customer-account-logoutsuccess .page-title h1 {font-size: 12px; line-height: 1em; float: none;} .checkout-onepage-success, .checkout-cart-index, .customer-account-logoutsuccess {font-style: italic;} .checkout-onepage-index .col-main, .checkout-onepage-success .col-main, .customer-account-logoutsuccess .col-main {width: 100%;} .checkout-onepage-success button.button > span, .checkout-onepage-index button.button > span {color: #000; background: #fff; text-transform: uppercase;} .checkout-onepage-success button.button:hover > span, .checkout-onepage-index button.button:hover > span {color: #fff; background: #000;} .buttons-set .back-link a, div.alert a, .buttons-set button.button {border: 1px solid #e4e4e4; text-transform: uppercase; background: #fff;} .buttons-set .back-link a:hover, .buttons-set button.button:hover, .buttons-set button.button:hover span {background: #000; color: #fff;} .block-progress dd.complete .changelink a {color: #ec1f27; font-size: 12px; font-style: italic;} .block-progress .block-content, .sp-methods dt, .sp-methods label {font-style: italic;} address {font-style: italic;} .cart-empty p a, .checkout-onepage-success p a {color: #ec1f27;} .opc .step-title {font-style: italic; background: none; border: none; position: relative;} .opc .step-title:after {content: ''; display: block; left: -30px; height: 1px; bottom: -14px; right: -30px; position: relative;} .opc .active .step-title {background: #000;} .opc .step-title h2 {font-weight: 400;} .order-review {font-style: italic;} .order-review .data-table thead th {font-size: 15px; font-weight: 400; padding: 12px;} .order-review {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-top.png) no-repeat center top; background-size: contain;} .order-review .data-table {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-bot.png) no-repeat center bottom; background-size: contain;} .checkout-onepage-index .order-review .data-table {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-bot.png) no-repeat center bottom; background-size: cover;} .checkout-onepage-index .order-review {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-bot.png) no-repeat center bottom; background-size: cover;} .order-review .data-table th, .order-review .data-table td {font-size: 12px;} .order-review .product-name {font-size: 16px; text-transform: uppercase; font-weight: 400;} .order-review .data-table .cartgrdtot td{font-size: 22px; font-weight: 400; padding: 12px;} .order-review .data-table tfoot span {text-align: right;} .order-review .data-table strong {font-weight: 400;} /* fine print */ .cart .shipping p, .cart .discount label {font-size: 11px; font-style: italic;} /*========================================== DASHBOARD ==========================================*/ .customer-account-index {} .customer-account-index .main, .customer-account-edit .main, .customer-address-index .main, .sales-order-history .main, .wishlist-index-index .main {padding: 0; margin-top: 24px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top; background-size: cover; position: relative;} .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-index .col-main, .sales-order-history .col-main, .wishlist-index-index .col-main {padding: 0px 2%; box-sizing: border-box;} .customer-account-index .page-title, .customer-account-edit .page-title, .customer-address-index .page-title, .sales-order-history .page-title, .wishlist-index-index .page-title {font-style: italic; margin: 0 !important; width: auto; position: static; border: none; padding: 16px; position: absolute; left: 0; right: 0;} .customer-account-index .page-title h1, .customer-account-edit .page-title h1, .customer-address-index .page-title h1, .sales-order-history .page-title h1, .wishlist-index-index .page-title h1 {font-size: 12px; line-height: 1em; float: none;} .customer-account-index .col-left, .customer-account-edit .col-left, .customer-address-index .col-left, .sales-order-history .col-left, .wishlist-index-index .col-left {margin-top: 44px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-side-grad.png) no-repeat center top; background-size: cover; box-sizing: border-box; padding: 24px 12px 20px;} .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-index .col-main, .sales-order-history .col-main, .wishlist-index-index .col-main {margin-top: 44px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-top.png) no-repeat center top; background-size: contain; box-sizing: border-box; padding: 24px 12px 20px;} .block .block-title {} .block .block-title:after {content: ''; display: block; position: relative; left: 0; right: 0; height: 1px; bottom: -10px;} .my-account .fieldset .legend:after {} .block-account li strong, .box-account.box-info .box-content a, .addresses-list ol li a {color: #ec1f27;} .block-account .block-content, .box-content a, .addresses-list li.empty p {font-style: italic;} .box-account .box-head a, .dashboard .box .box-title a {font-size: 12px; font-style: italic;} .box-account .box-head {position: relative; font-style: italic;} .box-account .box-head h2 {font-weight: 400;} .box-account .box-head:after {content: ''; display: block; width: 100%; height: 1px; bottom: -8px; position: relative;} .dashboard .welcome-msg, .addresses-list ol li a {font-style: italic;} .dashboard .welcome-msg p {font-size: 12px;} .dashboard .data-table, .my-account .data-table {font-style: italic; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-grad-top.png) no-repeat center top; background-size: cover;} .dashboard .data-table tbody, .my-account .data-table tbody {font-size: 12px;} .dashboard .box .box-title, .addresses-list h2, .addresses-list h3 {border-top: none; font-style: italic;} .dashboard .box .box-content, .box-account.box-info .box-content a {font-style: italic;} .title-buttons button.button {margin-top: -22px; border: none; font-size: 12px; font-style: italic;} .buttons-set p.required {font-style: italic;} .addresses-list h2 {font-weight: 400;} .my-wishlist .cart-cell {text-align: center;} .my-wishlist .cart-cell .old-price .price {display: inline-block;} .my-wishlist .cart-cell button.button {border: 1px solid #e4e4e4; text-transform: uppercase; background: #fff !important;} .my-wishlist .cart-cell button.button span {background: inherit !important; color: inherit !important; white-space: nowrap;} .my-wishlist .cart-cell button.button:hover span {background: #000 !important; color: #fff !important;} /*========================================== LOGIN/REG ==========================================*/ .blog-index-list .breadcrumbs, .blog-post-view .breadcrumbs, .cms-page-view .breadcrumbs{display:none;} .customer-account-login .main, .customer-account-create .main, .customer-account-forgotpassword .main, .cms-tearms-conditions .main, .cms-privacy-policy-cookie-restriction-mode .main{padding: 0; margin-top: 24px; background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top; background-size: cover;} .customer-account-login .col-main, .customer-account-create .col-main, .customer-account-forgotpassword .col-main, .cms-tearms-conditions .col-main, .cms-privacy-policy-cookie-restriction-mode .col-main {padding: 0px 2%; box-sizing: border-box;} .blog-index-list .main, .blog-post-view .main, .cms-page-view .main {padding-top:50px;} .cms-page-view.cms-news .main {padding-top:0px;} .contacts-index-index .page-title, .blog-post-view .page-title, .blog-index-list .page-title, .cms-page-view .page-title {border-bottom:0;padding-left: 195px;} .blog-post-view .page-title h2, .cms-page-view .page-title h2 {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/mnisid.png) no-repeat scroll left center / 4px auto;} .cms-page-view .std {padding:2%;} .postTitle h3 { padding-bottom: 10px;} .toolbar .pager {border:none;} .contacts-index-index h4, .contacts-index-index h2 {font-weight: 400;font-style: italic;} .postWrapper {padding: 2% 2%;border-bottom:0;margin:0 2%;background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top;background-size: cover;} .blog-post-view .postWrapper{;margin:1% 2%;} /*.postWrapper .peer-wrapper img {width:50%;}*/ .cms-page-view .std h5 {font-weight: 400;} .cms-page-view .std ul {list-style-type: square; padding-left:20px;} .customer-account-login .page-title, .customer-account-create .page-title, .customer-account-forgotpassword .page-title, .cms-tearms-conditions .page-title, .cms-privacy-policy-cookie-restriction-mode .page-title {font-style: italic; padding: 0; margin: 0 !important; width: auto; position: static; border: none; padding: 16px 0px;} .customer-account-login .page-title h1, .customer-account-create .page-title h1, .customer-account-forgotpassword .page-title h1, .cms-tearms-conditions .page-title h1, .cms-privacy-policy-cookie-restriction-mode .page-title h1 {font-size: 16px; line-height: 1em; float: none;} .cms-tearms-conditions .breadcrumbs, .cms-privacy-policy-cookie-restriction-mode .breadcrumbs {display: none;} .cms-tearms-conditions .std, .cms-privacy-policy-cookie-restriction-mode .std {font-style: italic;} .cms-tearms-conditions .std h5, .cms-privacy-policy-cookie-restriction-mode .std h2 {font-weight: 400; padding-bottom: 16px;} .cms-tearms-conditions .std p, .cms-tearms-conditions .std ul, .cms-tearms-conditions .std ol, .cms-privacy-policy-cookie-restriction-mode p, .cms-privacy-policy-cookie-restriction-mode .std ul, .cms-privacy-policy-cookie-restriction-mode .std ol, .cms-privacy-policy-cookie-restriction-mode .std .data-table th, .cms-privacy-policy-cookie-restriction-mode .std .data-table td {font-size: 12px;} .customer-account-create .col-main, .customer-account-forgotpassword .col-main {float: none;} .account-create form {display: block; margin: 0px -12px;} .account-login .no-left-margin, .account-login .no-right-margin, .account-create form {background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/cart-side-grad.png) no-repeat center top; background-size: cover; box-sizing: border-box; padding: 12px 12px 20px;} .account-login .registered-users, .opc .registered-users, .account-login .registered-users .section-line > *, .opc .registered-users .section-line > *, .account-login .peer-cancel-img {background: none;} .account-login .section-line:after {content: ''; display: block; position: relative; width: 100%; height: 1px; bottom: -10px;} .account-login p, .account-login .buttons-set a {font-style: italic;} .account-login button.button {border: 1px solid #e4e4e4; text-transform: uppercase; background: #fff !important;} .account-login button.button span {background: inherit !important; color: inherit !important; white-space: nowrap;} .account-login button.button:hover span {background: #000 !important; color: #fff !important;} /* veeras stuff dont delete */ .new {background: #ec1f27;} .fgh { display: none;} .bgh { margin-top: 15px; padding: 0 8px;} .data-table thead th{border-top: none;} .data-table thead th .nobr{display: block;} .level1.subs.no-both-margin.columngrid.columngrid-1col.grid_12{-moz-column-count: 3;-moz-column-gap: 50px;-webkit-column-count: 3;-webkit-column-gap: 50px;column-count: 3;column-gap: 50px;} .pmg { width: 26%;} .pds { width: 20%;} .data-table th:first-child, .data-table th:last-child{background: none;} .times{font-family: "Times New Roman", Georgia, Serif;} .product-name.times a { display: block;font-style: italic;} .code{font-size: 0.75em;} .nam{font-size: 1.1em;text-transform: uppercase;} .brd{font-size: 0.75em;text-transform: uppercase;} .qtys { width: 18%;} .products-grid.category-products-grid.columngrid.columngrid-adaptive.columngrid-2col.first.last.odd{padding: 20px 24px 0px;} .products-grid li:hover .actions{opacity: 1;} .products-grid .product-content-wrapper.colcs { font-family: times new roman; margin-top: 25%; text-align: center;} .product-content-wrapper.colcs h3 { font-size: 1.3rem; letter-spacing: 0.08em; text-transform: uppercase;} .vert { padding-top: 12px;} .products-grid .add-to-links.ics { bottom: 5px; font-size: 1rem; left: 0; position: absolute; right: 0;padding: 0 12px;} .add-to-links.ics > li { border: none; float: left; width: 50%;} .add-to-links.ics > li > a{display: inline-block;font-size: 1rem;text-transform: uppercase; font-size: 0.75rem; padding-left: 20px;background-repeat: no-repeat; background-position: left center; background-size: 12px auto;} .add-to-links.ics > li > a.dtls {background-image: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/plus.png") ;} .add-to-links.ics > li > a.qck {background-image: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/qview.png") ;} .add-to-links.ics > li:last-child{text-align: right;} .products-grid.columngrid.ban{margin: 0 ;} .product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{box-shadow: none;} .add-to-cart label { display: block; } /*================================================ 1-3-2017 changes ================================================*/ .postContent > p img { display: block; float: left; margin-right: 20px; width: 20%;} .blog-post-view .postContent > p img { display: block; float: left; margin-right: 20px; padding-bottom:20px; width: 100%;} .main-container.col1-layout .main.container_12 .col-main{float: none;} .page-title h1, .page-title h2{ font-size: 24px; font-weight: 400; line-height: 1em; text-transform: uppercase;font-style: italic;} .postTitle h3, .std h4{font-size: 18px; font-weight: 400; line-height: 1em; text-transform: uppercase;font-style: italic;} .postTitle h4{font-size: 12px; font-weight: 400; line-height: 1em; text-transform: uppercase;font-style: italic;} .postDetails{display: none;} .peer-icon-hover:hover .icon, .buttons-set .back-link a:hover, .buttons-set button.button:hover, .buttons-set button.button:hover span{background-color: #808080;} .std ul{padding-top: 20px;} .std li{font-size: 0.9em;line-height: 1em;letter-spacing: 0.02em;font-style: italic;padding-bottom: 8px;} .postContent a.aw-blog-read-more:before{ border: 1px solid #000000; content: "+"; display: inline-block; font-size: 10px; height: 12px; line-height: 12px; margin-right: 6px; text-align: center; width: 12px;} .postContent a.aw-blog-read-more:hover:before{background: #000000 none repeat scroll 0 0; color: #ffffff;} .postContent a.aw-blog-read-more{ cursor: pointer; font-size: 12px; line-height: 12px;color: #252525;font-style: italic;text-decoration: none;} .main{padding-bottom: 40px;} .main-container .main{background: url(http://gle.dnmdigital.com/skin/frontend/gle/default/images/pg-top-grad.png) no-repeat center top; background-size: cover;} /*=================================== 2-5-2017 ===================================*/ .bannercontainer.responsive.hidestart { opacity: 0;position:absolute;top:1px;} .bannercontainer.responsive.videocls { z-index: 300;} div#hmeprntid { position: relative;} .mobile, .mobile-more-views{display: none;} .mobile-more-views #more-images-slider > li{display: inline-block;} .mobile-more-views #more-images-slider > li > a{ background: rgba(0, 0, 0, 0) url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/pagr.png") no-repeat scroll 0 0 / 10px auto; cursor: pointer; display: inline-block; height: 11px; margin: 5px 5px 0; text-indent: -1000em; width: 10px;} .mobile-more-views #more-images-slider > li > a.actv{background-position: center -20px;} .tp-simpleresponsive img{max-width: 100%;} .products-list .prdlistviewsec:before, .products-list .prdlistviewsec:after{content: " "; display: table;} .products-list .prdlistviewsec:after{clear: both;} .products-list .prdlistviewsec{ *zoom: 1; } .products-list .prdlistviewsec .product-name {float: left;} .products-list .prdlistviewsec .price-box { float: right; text-align: right;} .products-list .prdlistviewsec .price-box .special-price > span { display: block;} /*=================================== 6-4-2018 ===================================*/ .cms-home .container_12{max-width: 1218px;position: relative;} .logo{margin: 0;} .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul{ width: 1100px; left: auto; right: 46px; top: 69px;max-width: 1100px;} .header-primary-container.navmain-container{margin-bottom: 0;} .header-primary.header .grid_9.v-grid{vertical-align: bottom;} .nav-container #nav a.parent{padding: 28px 0px;} .sorter, #topnavcntl .pages{display: none;} .toolbar .pager { text-align: center; } .toolbar .pager ol > li, .pages ol > li { display: inline-block; vertical-align: top; padding: 0 3px;} .toolbar .pager ol > li a{font-style: normal;} .pager .pages li.current{background-color: rgba(0,0,0,0);color: #ff0000;padding: 0 3px;} .toolbar .pager ol > li:hover{color: #ff0000;padding: 0 3px;} #topnavcntl { display: inline-block; margin-top: -36px;margin-left: 25px;} #topnavcntl .pager { margin-top: -13px;} #topnavcntl .toolbar { position: relative; top: -10px;} .pager .view-mode { position: static; padding-top: 0; margin-top: -3px;} .previous.i-previous, .next.i-next { margin-top: -10px;position: static;} .toolbar-bottom .toolbar {position: relative;} .pages .next:hover{padding-right: 0;} .pages .previous:hover{padding-left: 0;} .account-create form{margin: 0;} .account-create .fieldset{max-width: 800px;margin: 20px auto 0;} .g-recaptcha { margin-left: -15.5%; float: left; margin-top: -15px;} em.error { color: #ff0000; font-size: 0.7em;} .product-view .box-additional{display: none !important;} .pages { text-align: center; padding-top: 15px;} .products-grid .actions, .products-list .actions { display: block !important; } .cms-kitchens .header-primary-container.navmain-container { position: absolute; width: 100%; z-index: 999; padding: 25px 0 15px;} #hombanr9 { padding: 1px 0 0;} .cms-kitchens .header-primary-container.navmain-container.fixed{position: fixed;} /*============================================= MISC ===========================================*/ .fancybox-opened .fancybox-title{display: none;} /*============================================= CSS HOVER EFFECTS ===========================================*/ .rot360, .fancybox-close:hover:after, div.alert-inner button.close:hover:after {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);} .scal11, .product-view .more-views .owl-theme .owl-controls .owl-buttons div:hover, .box-releted .product-image:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} /*============================================= CSS TRASITION ===========================================*/ .ms500, a, .shop > p, .cms-home .footer-container, .product-content-wrapper, .product-view .more-views .owl-theme .owl-controls .owl-buttons div, .header-primary-container {-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .ms1k, .header-primary.header, .grid_full .logo, .jpj, .bannerslider.banner .owl-wrapper-outer, .fancybox-close:after, .box-releted .product-image img, div.alert-inner button.close:after, .hand1 img {-webkit-transition: all 1000ms ease-in-out;-moz-transition: all 1000ms ease-in-out;-ms-transition: all 1000ms ease-in-out;-o-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out;} .ms2k {-webkit-transition: all 2000ms ease-in-out;-moz-transition: all 2000ms ease-in-out;-ms-transition: all 2000ms ease-in-out;-o-transition: all 2000ms ease-in-out;transition: all 2000ms ease-in-out;} .ms0, #nav div.mega-block, .view-mode a{-webkit-transition: all 0ms ease-in-out;-moz-transition: all 0ms ease-in-out;-ms-transition: all 0ms ease-in-out;-o-transition: all 0ms ease-in-out;transition: all 0ms ease-in-out;} .hand1:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .hand1:hover img{-webkit-filter: brightness(1.15);-moz-filter: brightness(1.15);-ms-filter: brightness(1.15);filter: brightness(1.15);} /* ========================================================================== Misc & browser specific overrides ========================================================================== */ /* safari font subpixel-antialiased or antialiased and flicker fixture */ .safchoppyfix {-webkit-transition: translate3d(0,0,0); -moz-transform: translate3d(0, 0%, 0); -ms-transform: translate3d(0, 0%, 0); -o-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);} .forchoppyfix {-webkit-backface-visibility: hidden;} /* safari choopy fix */ .choppyfix, #head-nav a span, .banitmtit, .hbicut1, .hbicut2, .hbicut3 {-webkit-transform-style: preserve-3d;} /* font rendering fix for safari - thick */ .subpixelthick {-webkit-font-smoothing:subpixel-antialiased;} /* font rendering fix for safari - thin */ .subpixelthin {-webkit-font-smoothing:antialiased;} /* link color fix for devices */ a[href^=tel] {text-decoration:inherit; color: inherit;} /* scroll reveal */ [data-sr]{visibility:hidden} /*********************************************************************************** ******************************Remove after adding cart module ********************** ************************************************************************************/ .checkout-cart-index ul.checkout-types li:nth-child(2) {display:none; } .checkout-cart-index hr.crtgt {background:none;} #checkout-step-billing #co-billing-form .form-list li.control {display:none;} #orimode {position: fixed; z-index: 2000; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(14, 15, 21, 0.93); display: none;} .oriprompt {-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; position: absolute; top: 50%; left: 0; right: 0; padding: 20px;} .oriprompt h3 {color: #fff; text-transform: uppercase; font-size: 1.6em;} .oriprompt p {color: #fff; text-align: center; font-size: 1em;} /* console display & fps */ #dispcon {padding:0px 2px; font-size:0.75em; color:000; position:fixed; bottom:0px; left: 0px; z-index:999; background: rgba(255, 255, 255, 0.8);} #dispcon {pointer-events: none;} /*#dispcon {display: none;}*/ .abttxt h1 { font-size: 1.2em; font-style: italic; font-weight: 500; text-transform: uppercase; padding-bottom: 20px;} .abtpgs .abtban {float: left;width: 30%;} .abtpgs .abttxt {float: left;width: 65%;padding-left: 3%;text-align: justify;} .abtpgs .abttxt {margin-bottom: 20px;} .abtbansign {float:right;} .abtbansign img {width:50%;} .abtbansign p {text-transform: capitalize;} .proddetp p, .add-to-cart .quantity_counter, p.availability-only, .checkout-cart-index .shipping h2, .discount-form, .checkout-cart-index .shipping .shipping-form{display:none !important;} .linedrawing { border: 1px solid #f8f8f8;} span.icon.fa.fa-youtube:hover {background: #e32c28;} span.icon.fa.fa-linkedin-square:hover {background: #0177b5;} .contacts-index-index .col-main a {color:#999999;} .contacts-index-index .col-main a:hover {color:#000;} .contacts-index-index .col-main {width: 96%;padding: 0 2% 2%;} .contacts-index-index .main {padding: 80px 0 0px;} .v1 {text-align:center;} .enqfrmcls {display:none;} .hde {display: block;} .enq {display: inline-block; position: relative;} .enq::before {border-bottom: 1px solid #000;content: "";height: 2px;left: -85px;position: absolute; top: 18px;width: 100%;} .enq::after {border-bottom: 1px solid #000;content: "";height: 2px;position: absolute;right: -91px;top: 18px;width: 100%;} input.input-text.required-entry.error {border-color: #ff0000;} /*======================================== RESPONSIVE(4-5-2017) ========================================*/ /*.actions .button.btn-checkout, .price-box, #cart-sidebar .product-details span,#cart-sidebar .product-details i, .cart-price .price, .subtotal-price {display:none;}*/ .checkout-cart-index .v1 {padding-top: 10px;} .checkout-cart-index .col-main .fieldset {margin: 15px;} .checkout-cart-index .col-main .fieldset em {font-size: 12px; color: #ff0000; font-weight: normal;} .checkout-cart-index .main .buttons-set {margin: 10px 18px;} /* .nav-container #nav li.nav-2 > ul > li, .nav-container #nav li.nav-1 > ul > li { width: 20%; } */ .nav-container #nav li.nav-2 > ul > li, .nav-container #nav li.nav-1 > ul > li { width: 20%; vertical-align: top; } /*.nav-container #nav li.nav-2 > ul{height:236px;}*/ #cart-sidebar .product-details .product-name a {display:block;} .tp-simpleresponsive > ul > li{-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} .header-primary-container { margin-bottom: 20px;} .cms-home #nav > li > a { font-size: 14px;} .container5 { margin: 0 auto; padding: 0 16px; width: 1200px;} .hand { padding-top: 74px;} .hand > h3 { font-size: 1.2em; font-style: italic; letter-spacing: 0.08em; padding-bottom: 0px;font-weight: 400;line-height: 18px;} .hand > p { font-size: 1em; padding-bottom: 25px;} .hands, .frntr1, .model7 { font-size: 0;letter-spacing: 0;text-align: left;} .hands > div, .frntrs, .frntrs > div, .prdct1 { display: inline-block; vertical-align: top;} .hand1 { width: 67%;position: relative;overflow: hidden;} .hand2 { width: 33%;box-sizing: border-box;padding-left: 1px;} .hands2{font-size: 16px;} .code5 { padding-left: 10px;float: left;} .code5 > h3 { font-style: italic;} .code5 > p { font-size: 0.8em; line-height: 1.2em; padding-bottom: 0;} .shop5 { float: right; padding-right: 32px; padding-top: 19px;} .shop5 > p { padding: 0 10px 0 0;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/aro.png") no-repeat scroll right center / 5px auto;} .btm { padding-bottom: 4px;} .hands2:first-child{margin-bottom: 2px;} .hands2:first-child{background-color: #dadbb4;} .hands2:last-child{background-color: #d2e5f5;} .aga { font-size: 16px; padding: 8px 9px 5px 8px; position: absolute; right: 0; top: 21px;background-color: #fff;z-index: 10;} .aga > p { font-size: 0.75em; letter-spacing: 0; line-height: 1.2em; padding-bottom: 0;} .aga > h3 { color: #000000; font-size: 0.95em; font-style: italic;} .frntr { padding-top: 90px;} .frntrs{width: 31%;position: relative;margin-left:3.5%;} .frntrs:first-child{margin-left: 0;} .fimg { width: 52%;overflow: hidden;} .ftxt { font-size: 16px; left: 52%; padding: 11px 10px 5px 15px; position: absolute; top: 0;width: 48%;box-sizing: border-box;bottom: 0;} .new1 { line-height: 0.9em; padding-bottom: 18px;font-size: 0.8em;} .ftxt > h2 { font-style: italic;} .ftxt h2 > span { color: #848484; display: block; font-size: 0.8em; font-style: italic; font-weight: 400; line-height: 0.9em;} .expor { bottom: 0; position: absolute;} .expor > p { padding: 0 17px 0 3px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/aro.png") no-repeat scroll right center / 5px auto;} /*======================================== PRODUCT DETAIL ==========================================*/ /*.container_12{max-width: 96%;}*/ .prdct { padding: 66px 17px 30px 30px;} .prdcts { font-size: 0; letter-spacing: 0;} .prdct1{width: 32%;margin-left: 2%;position: relative;overflow: hidden;} .prdct1:first-child{margin-left: 0;} .prdct > h1 { font-size: 1.1em; font-style: italic; letter-spacing: 0.15em; padding-bottom: 33px;} .relatedprdtxt{position: absolute; text-align: center; top: 100%;opacity: 0;width: 100%;} .prdtxt { box-sizing: border-box; font-size: 16px; padding: 23px 10px 10px; z-index: 10;background-color: #fff;width: 200px;display: inline-block;} .prdct1:hover .relatedprdtxt{opacity: 1;top: 23%;} .prdtxt > h3 { font-size: 1.1em; font-style: italic; font-weight: 400; letter-spacing: 0.15em; padding-bottom: 6px;} .prdtxt > p.explore2 { display: inline-block; padding: 0 17px 0 0;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/aro.png") no-repeat scroll right center / 5px auto;} .prdtxt > p { letter-spacing: 0.04em; padding: 0 10px 10px;} /*================================================= about =================================================*/ .mob44{display: none;} .banr{position: relative;} .bantxt { bottom: 54px; position: absolute; text-align: center; width: 100%; z-index: 10;} .bantxt > h1 { color: #ffffff; font-size: 2.2em; font-style: italic; font-weight: 400;} .container_12.mdl { padding-top: 38px;padding-bottom: 0;} .modl7 { box-sizing: border-box; display: inline-block; overflow: hidden; padding: 0 0 2px 2px; width: 25%;vertical-align: top;} .main.container_12.dtl44 { min-height: auto; padding: 24px 10px; text-align: center;} .dtl4 > li { display: inline-block; font-size: 1.75em; margin-left: 45px; padding-left: 15px; text-transform: uppercase;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/aro1.png") no-repeat scroll left center / 11px auto;padding-bottom: 0;} .dtl4 > li:first-child { margin-left: 0;} .dlts4 { margin: -2px 0 0px; padding: 31px 0 52px; text-align: center;background-color: #eee;} .brnd { padding: 40px 0 40px; text-align: center;} .brnd h4, .aboutusother h1 { font-size: 1.6em; font-style: italic; font-weight: 400; text-transform: none;} .brnds { font-size: 0; letter-spacing: 0; padding-top: 47px;text-align: left;} .brnd4 { box-sizing: border-box; display: inline-block; padding: 0 0 2px 2px; vertical-align: top; width: 16.666%;margin-bottom: 20px;} .brnd4 > img { background-color: #f8f8f8;} /*======================================= EDIT (27-9-2017) =======================================*/ .cms-home .footer-container{opacity: 1;} .cms-page-view .container_full .std { padding: 0;} .abtpgs.clearfix{ width: 96%;max-width: 1284px;margin: 0 auto;padding: 40px 0;} .aboutusother{text-align: center;} .cms-about-us.cms-page-view .main{padding: 0;} .hands2{overflow: hidden;} .hands2 a:hover, .frntrs > a:hover, .prdct1 > a:hover{color: #000 !important;} .modl7 > a, .brnd4 > a { display: block; overflow: hidden;padding: 0 10%;} .flex-control-nav.flex-control-paging{display: none;} .add-to-cart label, .add-to-cart .quantity_counter{display: block !important;} .prdgrpclss { font-size: 0; letter-spacing: 0;} .prdgrpclss > div {display: inline-block; vertical-align: top; box-sizing: border-box;} .prdgrpclss > div.prdinfodet{width: 40%;} .prdgrpclss > div.prdoffinfodet{width: 60%;} .prdoffinfodet > div { font-size: 16px;} .prdgrpclss > div.prdoffinfodet{padding-left: 10px;} div#desktopslider{padding: 0;width: 100%;} .discntsale { padding-top: 90px;} .discntsale .product-view { margin: 0;} .discntsale .product-view .box-additional { margin: 0; } .discntsale .product-view .discntslide{font-size: 0; letter-spacing: 0;} .discntsale .product-view .discntslide > div{width: 18%;display: inline-block;vertical-align: top;margin-left: 2.5%;} .discntsale .product-view .discntslide > div:first-child{margin-left: 0;} .discntsale .product-view .discntslide .product-content-wrapper{font-size: 16px;text-align: center;} .block-related-sliders .product-image-wrapper{border: 1px solid #e3e3e3;} .discntsale .product-view .discntslide .product-content-wrapper .old-price{padding: 10px 0;font-size: 0.7em;} .block-related-sliders .product-image-wrapper .old-price .price, p .priceafterdis{font-size: 0.8em;} .product-image-wrapper{overflow: hidden;} .catalog-category-view #products-list .product-shop-inner .desc.std {width: 55%; float: left; margin-top: -70px;} .catalog-category-view .products-list .prdlistviewsec .price-box { float:right;width: 35%; min-height: 135px;} .hands2 img, .shop5 > p, .expor > p, .fimg > img, .modl7 img, .brnd4 img, .relatedprdtxt, .prdtxt > p.explore2, .product-image-wrapper > a > img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .hands2:hover img, .shop5 > p:hover, .expor > p:hover, .frntrs:hover img, .modl7:hover img, .brnd4:hover img, .prdtxt > p.explore2:hover, .product-image-wrapper > a > img:hover{-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);} .hands2:hover img, .frntrs:hover img, .modl7:hover img, .brnd4:hover img, .product-image-wrapper > a > img:hover{-webkit-filter: brightness(1.15);-moz-filter: brightness(1.15);-ms-filter: brightness(1.15);filter: brightness(1.15);} /*======================================== 6-10-2017 ========================================*/ #mobileslider{display:none;} .flex-direction-nav .flex-next{right: 0px;} .flex-direction-nav .flex-prev{left: 0px;} .hand{padding-top: 0px;} .product-view .prdgrpclss{position: relative;} .product-view .prdgrpclss:after{position: absolute;width: 100%;content: '';left: 0;bottom: 0;width: 100%;height: 1px;} .pager .view-mode{position: static; padding-top: 0; margin-top: -3px;} /*==================================== kitchen - 9-4-2018 =====================================*/ .leichts{font-size: 0;letter-spacing: 0;display: table;} .leichts > div{display: table-cell;vertical-align: top;} .leicnt{font-size: 16px;padding-top: 49px;} .leitxt { width: 53.3%;padding: 7.8% 4% 30px 12.4%;position: relative;background-color: #333333;} .leiimg{width: 46.7%;} .lelog { width: 175px;} .leicnt h2 { color: #fff; font-size: 1.75em; text-transform: uppercase; font-weight: 400; padding-bottom: 10px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/undrlin.png") no-repeat scroll left bottom / 100% 2px;display: inline-block;} .leicnt p { color: #fff; font-size: 1.1em; letter-spacing: 0.035em; padding-top: 14px;} .brnd2 > img, .kitimg img, .tchsimg img { vertical-align: middle;} .brnd2 { position: absolute; bottom: 0; left: 23.4%; width: 116px;} .kitcntnr{width: 1083px;margin: 0 auto;} .leiabts p { font-size: 1.2em; letter-spacing: 0em; line-height: 1.6em;} .leiabts { padding: 71px 0 42px;} .leiabts h2 { font-size: 1.6em; text-transform: uppercase; letter-spacing: 0.04em; padding-bottom: 12px; margin-bottom: 13px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu.png") no-repeat scroll left bottom / 160px 2px;} .kittyp { padding: 40px 0 42px;background-color: #f2f2f2;} .kittyps > h2 { font-size: 1.8em; text-transform: uppercase; font-weight: 400; padding-bottom: 9px; margin-bottom:31px;} .kitopts > li {display: inline-block; vertical-align: top;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnisid.png") no-repeat scroll left 4px / 6px auto;} .kitopts > li > a { display: block; text-transform: capitalize; font-size: 1.38em; padding: 0 18px 7px 33px;} .kitopts > li:first-child > a { padding-left: 0;} .kitopts > li.kitact > a{color: #ec1f27;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu.png") no-repeat scroll left bottom / 80% 2px;} .kitopts { padding-bottom: 14px;} .kitimags { padding: 22px 22px 0 0px; font-size: 0;letter-spacing: 0;background-color: #fff;display: none;} .kitimags:first-child{display: block;} .kitimg { display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; padding-left: 22px; margin-bottom: 22px;} .ktyptxt { font-size: 16px; position: absolute; z-index: -1; left: 22px; top: 13px; right: 22px; text-align: center; padding-top: 32px;bottom: 16px;opacity: 0;background-color: rgba(255,255,255,0.8);} .ktnm { color: #fff; display: inline-block; background-color: #000; text-transform: uppercase; padding: 1px 10px; font-size: 1.15em; letter-spacing: 0;opacity:0;} .kttp {font-size: 1em; letter-spacing: 0; padding: 6px 0 5px;opacity:0;} .ktpls { width: 25px; margin: 0 auto;opacity: 0;} .ktyptxt:after{content: '';position: absolute;bottom: 0;height: 1px;background-color: #ec1f27;left: 0;width: 0;} .kitimg:hover .ktyptxt{z-index: 10;opacity: 1;} .kitimg:hover .ktyptxt:after{width: 100%;} .kitsimgs{position: relative;} .kitimg:hover .ktyptxt p, .kitimg:hover .ktyptxt div{opacity: 1;} .kitftr { padding: 37px 0 46px;background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 51%, rgba(254,254,254,1) 78%, rgba(249,249,249,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(78%, rgba(254,254,254,1)), color-stop(100%, rgba(249,249,249,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 51%, rgba(254,254,254,1) 78%, rgba(249,249,249,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 51%, rgba(254,254,254,1) 78%, rgba(249,249,249,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 51%, rgba(254,254,254,1) 78%, rgba(249,249,249,1) 100%);} .kitfetur > h2 { font-weight: 400; font-size: 1.8em; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 59px; background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu.png") no-repeat scroll left bottom / 100% 2px;display: inline-block;} .ktftrs{font-size: 0;letter-spacing: 0;} .ktftrss{display: inline-block;vertical-align: top;width: 33.333%;box-sizing: border-box;position: relative;} .ftrimg { width: 63px;} .ftrtxt { font-size: 16px; padding: 17px 25px 0 0;} .ftrtxt h3 { font-size: 1.3em; text-transform: uppercase; font-weight: 400; padding-bottom: 10px;} .ftrtxt p { font-size: 1.1em; letter-spacing: 0; line-height: 1.6em; padding: 0;} .ktftrss:nth-child(2) .ftrimg { width: 47px;} .ktftrss:nth-child(3) .ftrimg{width: 47px;} .ktftrss:first-child .ktftrsss{border-left: none;padding-left: 0;} .ktftrsss{border-left: 1px dotted #000;padding-left: 20px;} .touchh { padding: 61px 0 75px;} .touchs { text-align: right; position: relative;} .tchsimg { display: inline-block; width: 74%; box-sizing: border-box; padding: 22px;background-color: #e5e5e5;} .tchtxts { text-align: left; position: absolute; width: 37.5%; left: 0; z-index: 10; top: 56px; box-sizing: border-box;} .tchtxt { padding: 43px 38px 84px 49px;background-color: #f0f0f0;} .tchtxt h3 { font-size: 1.7em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.3em; padding-bottom: 11px; margin-bottom: 15px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu.png") no-repeat scroll left bottom / 100% 2px;display: inline-block;} .tchtxt p { font-size: 0.95em; letter-spacing: 0; line-height: 1.65em;} .gettch { width: 200px; margin: -33px 0 0 48px;} .gettch a { display: block; font-size: 1.2em; padding: 18px 55px 16px 22px; color: #fff; background: #000 url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/tch.png") no-repeat scroll 152px center / 20px auto;} .logo { padding-bottom: 4px;} #MyFiltersDD{margin-right: 25px;} #MyFiltersDD { float: right; padding-top: 15px;} #leftDD { display: inline-block;} .selectDDli { position: relative;} .selectDDli > a { display: block; padding: 8px 23px 8px 15px; font-size: 1em; text-transform: capitalize;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/dwnaro.png") no-repeat scroll right 14px / 12px auto;} .categoryListdds { position: absolute; z-index: 100; display: none; width: 170px; background: #fff;-webkit-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4);box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4);padding: 0;left: -50px;} .innerScroll > a, .innerScrolls > a { display: block; padding: 6px 10px 4px; font-size: 0.9em; text-transform: capitalize;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0 8px;} .innerScroll > a:last-child, .innerScrolls > a:last-child{border-bottom: none;} #MyFiltersDD { float: right; padding-top: 15px;} .slimScrollBar{height: 60px !important;width: 5px !important;border-radius: 10px !important;opacity: 0.6 !important;cursor: pointer;} .ktyptxt{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} .ktyptxt:after{-webkit-transition: all 500ms ease-in-out 500ms;-moz-transition: all 500ms ease-in-out 500ms;-ms-transition: all 500ms ease-in-out 500ms;-o-transition: all 500ms ease-in-out 500ms; transition: all 500ms ease-in-out 500ms;} .ktnm, .kttp, .ktpls{-webkit-transition: all 500ms ease-in-out 1000ms;-moz-transition: all 500ms ease-in-out 1000ms;-ms-transition: all 500ms ease-in-out 1000ms;-o-transition: all 500ms ease-in-out 1000ms; transition: all 500ms ease-in-out 1000ms;} .kitopts > li > a{-webkit-transition: all 0ms ease;-moz-transition: all 0ms ease;-ms-transition: all 0ms ease;-o-transition: all 0ms ease; transition: all 0ms ease;} /*body{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/bg/kitchen.jpg") no-repeat scroll left top / 1437px auto;}*/ /*body{padding-bottom: 1000px;}*/ /*#content{background: none !important;}*/ /*.tchsimg img{opacity: 0;}*/ /*============================================ RESPONSIVE ===========================================*/ @media only screen and (max-width: 1300px){ .dtl4 > li{font-size: 1.2em;} .nav-container #nav li ul li a{padding: 11px 8px;} } @media only screen and (max-width: 1250px){ .leitxt{padding: 20px 15px;} .lelog{width: 125px;} .leicnt{padding-top: 20px;} .brnd2{left: 15px;width: 90px;} } @media only screen and (max-width: 1200px){ .container5{max-width: 100%;box-sizing: border-box;padding: 0 15px;} .hand1, .hand2{width: 100%;padding-left: 0;} .hands2 { display: inline-block; vertical-align: top; width: 50%;} .prdtxt{width: 70%;left: 15%;top: 15%;} .prdct1{width: 33%;margin-left: 0.5%;} /*=================================== 6-4-2018 ===================================*/ .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul{right: 4%;max-width: 1000px;} .kitcntnr{width: 100%;box-sizing: border-box;padding: 0 15px;} #nav > li{padding: 0 16px;} .category-products .product-content-wrapper{font-size: 12px;} } /*=================================== 6-4-2018 ===================================*/ @media only screen and (max-width: 1056px){ .nav-container #nav a.parent{font-size: 15px;} .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul{right: 0;width: 900px;} } @media only screen and (max-width: 1041px){ .nav-container #nav li.nav-2 > ul{height:auto;} .nav-container #nav li.nav-1 > ul{height:auto;} .toggleMenu{height:auto;padding-top: 0 !important;} .fixed .toggleMenu{height:50px;padding-top: 6px !important;} } @media only screen and (max-width: 64em){ .catalog-category-view .special-price .price span.prcunt { float: right;} .catalog-category-view .product-shop-inner .desc.std {width: 100%; float: left; margin-top: 0px;} div#mobileslider, div#desktopslider, .main-container{padding-top: 70px !important;} .hand, .frntr{padding-top: 20px;} .frntrs { margin-bottom: 20px; position: relative; width: 50%;} .prdct1{width: 49%;margin-left: 2%;margin-bottom: 20px;} .prdct1:nth-child(2n+1){margin-left: 0;} .prdtxt{top: 20%;} .prdct{padding: 20px 15px;} .bantxt > h1{font-size: 1.5em;} .container_12{width: 100%;margin: 0 auto;padding: 0 15px;box-sizing: border-box;} .container_12.mdl{padding-top: 20px;} .dlts4{padding: 20px 0;} .dtl4 > li{font-size: 1em;} .dtl4 > li{margin-left: 15px;background-size: 6px auto;} .brnd{padding: 20px 0;} .brnd h4, .aboutusother h1{font-size: 1.2em;} .brnds{padding-top: 20px;} .brnd4{width: 20%;} .prdct1:hover .relatedprdtxt, .prdct1 .relatedprdtxt{opacity: 1;top: 23%;} .price > span{display: inline-block;} .frntrs{margin-left: 0;} .container5.discntsale{padding: 15px;} .discntsale{display: none;} .toggleMenu{display:block;} .toggleMenu:before {content:"\f0c9";} /*=================================== 6-4-2018 ===================================*/ .header-primary-container.navmain-container{width: 100%;} .header-primary.header .grid_9.v-grid{vertical-align: middle;} .nav-container #nav > li ul, .nav-container #nav > li ul.shown-sub, .nav-container #nav ul{width: 100%;} div#mobileslider{ padding-top: 56px !important;} .nav-container #nav{top: 56px;} /*=================================== 9-4-2018 ===================================*/ .leiabts, .kittyp, .kitftr, .touchh{padding: 20px 0;} .leicnt h2, .leiabts h2, .kittyps > h2, .kitfetur > h2, .tchtxt h3{font-size: 1.2em;} .kitopts > li > a, .ftrtxt h3{font-size: 1em;} .leicnt p, .leiabts p, .ftrtxt p, .tchtxt p{font-size: 0.9em;} .kitimags{padding: 15px 15px 0 0;} .kitimg{padding-left: 15px;margin-bottom: 15px;} .tchsimg{padding: 15px;} .tchtxt{padding: 15px 15px 84px 15px;} .kittyps > h2{margin-bottom: 11px;} .kitimg{width: 33.333%;} .price{white-space: normal !important;display: inline-block;} .special-price { text-align: center;} .cms-home .logo, .grid_full.added .logo, .logo{width: 130px !important;padding: 0;} .fixed .logo{width: 110px !important;} .nav-container #nav{top: 56px !important;} /* #topnavcntl .pager{margin: 0 0 0 25px;padding: 12px 0;}*/ /* #topnavcntl .toolbar{top: 0;}*/ /* #topnavcntl{margin: 0;}*/ .products-list .product-name{font-size: 16px;} .special-price{text-align: right;} .catalog-product-view .form-container .main{margin-top: 20px !important;} #form.main-container{padding-top: 20px !important;} .header-container.header4 .header-primary-container{position: fixed;z-index: 9999;background-color: #fff;} #leftDD { display: inline-block;} } @media only screen and (max-width: 56em){ /*=================================== 9-4-2018 ===================================*/ .leichts, .leichts > div{display: block;width: 100%;box-sizing: border-box;} .leitxt{padding-bottom: 0;} .brnd2{position: static;} .tchtxts{width: 50%;top: 25px;} .ktftrss{width: 100%;margin-bottom: 20px;border-bottom: 1px dotted #000;} .ktftrsss{padding: 0;border-left: none;} .ftrtxt p{padding-bottom: 15px;} } @media only screen and (max-width: 48em){ .catalog-category-view .product-shop-inner .desc.std {width: 100%; float: left; margin-top: 0px;} .catalog-category-view .special-price .price span.prcunt { float: right;} .code5 > p{font-size: 0.7em;} .code5 > h3{font-size: 0.85em;} .shop5{padding-right: 12px;} .new1{padding-bottom: 3px;} .prdct1{width: 100%;margin-left: 0;} .prdct1:nth-child(2n+1){margin-left: 0;} .dtl4 > li{font-size: 0.8em;} .brnd4{width: 25%;} .header-container.header4 .toggleMenu { float: right; padding-top: 0;} /*=================================== 9-4-2018 ===================================*/ .kitimg{width: 50%;} .tchsimg{width: 100%;} .tchtxts{position: static;width: 100%;box-sizing: border-box;} .tchtxt{padding-bottom: 44px;} .product-view .product-shop .price-box .old-price{text-align: right;padding-bottom: 6px;} .g-recaptcha{margin-left: -61px;} } @media only screen and (max-width: 39em){ .catalog-category-view .product-shop-inner .desc.std {width: 100%; float: left; margin-top: 0px;} .catalog-category-view .products-list .prdlistviewsec .price-box .special-price {min-height: 210px !important;} .catalog-category-view .products-list .prdlistviewsec .price-box {float:right;width: 100%; } .hands2{width: 100%;} .frntrs{width: 100%;} .new1{padding-bottom: 20%;} .aga{position: static;} .prdtxt{padding-top: 10px;} .prdtxt > h3{font-size: 1em;line-height: 0.8em;} .mob44{display: block;} .desk44{display: none;} .modl7{width: 50%;} .dlts4{text-align: left;} .dtl4 > li{display: block;margin-left: 0;margin-bottom: 10px;} .bantxt > h1{font-size: 1.2em;} .dtl4 > li{font-size: 1em;} .brnd4{width: 33.33%;} #mobileslider{display:block;} #desktopslider{display:none;} .prdct1:hover .relatedprdtxt, .prdct1 .relatedprdtxt{top: 30%;} /*=================================== 9-4-2018 ===================================*/ .kitimg{width: 100%;} .ktyptxt{font-size: 20px;padding-top: 20%;} .kitopts > li > a{padding: 0 15px 7px 20px;} .products-list .prdlistviewsec .price-box, .special-price{text-align: left;} .catalog-category-view .special-price .price span.prcunt{float: left;} .catalog-category-view .products-list .prdlistviewsec .price-box .special-price{min-height: auto !important;} .catalog-category-view #products-list .product-shop-inner .desc.std{margin-top: 0px;width: 100%;} .priceafterdis{display: block;} .prdinformation .priceafterdis, .prdinformation .price, .prdinformation p.special-price{text-align: right;} .catalog-category-view .products-list .prdlistviewsec .price-box{min-height: auto;padding-top: 12px;} .products-list .product-name{margin-bottom: 0;} .catalog-category-view .products-list .prdlistviewsec .price-box{padding-bottom: 12px;} .products-list .desc{margin-bottom: 0;} .products-list li.item:first-child {padding-top:0 !important;margin-top: 0 !important;} #topnavcntl .pager{margin-left: 40px;} } @media only screen and (max-width: 30em){ .catalog-category-view .product-shop-inner .desc.std {width: 100% !important; float: left; margin-top: 0px;} .catalog-category-view .products-list .prdlistviewsec .price-box {float:right;width: 100%; } .ftxt > h2 {font-size: 0.9em; font-style: italic; line-height: 1.3em;} .prdtxt{padding-top: 20px;} .brnd4{width: 50%;} .prdct1:hover .relatedprdtxt, .prdct1 .relatedprdtxt{top: 35%;} #productcollectionvert .price{ color: #000;} #productcollectionvert > span{display: block;} .prdgrpclss > div.prdinfodet, .prdgrpclss > div.prdoffinfodet{width: 100%;text-align: left;} .prdgrpclss > div.prdinfodet{margin-bottom: 10px;} .product-view .product-shop .price-box, .product-view .prdinfodet, .cart .data-table .cartlabel{text-align: left;} .pager .pages{display: none !important;} #bottomnavcntl .pager .pages{display: block!important;} #bottomnavcntl .pager .view-mode{margin-right: 20px;} /* #topnavcntl{margin-top: 0;} #topnavcntl .toolbar{top: 0;} */ .catalog-category-view #products-list .product-shop-inner .desc.std{margin-top: 15px;} .prdinformation .priceafterdis, .prdinformation .price, .prdinformation p.special-price, .product-view .product-shop .price-box .old-price{text-align: left;} #topnavcntl .pager{margin-left: 0 !important;} #topnavcntl{margin-left: 15px;} #MyFiltersDD{margin-right: 15px;} .prdgrpclss > div.prdoffinfodet{padding-left: 0;} .product-view .product-shop .prdgrpclss > div.prdinfodet{width: 40%;} .product-view .product-shop .prdgrpclss > div.prdoffinfodet{width: 60%;} } @media only screen and (max-width: 25em){ .catalog-category-view .products-list .prdlistviewsec .price-box {float:right;width: 100%; } .catalog-category-view .product-shop-inner .desc.std {width: 100%; float: left; margin-top: 0px;} .new1{padding-bottom: 15%;} .products-list .prdlistviewsec .price-box .special-price span { display: block;} /*=================================== 9-4-2018 ===================================*/ .ktyptxt{padding-top: 10%;} } @media only screen and (min-width: 1042px){ .nav-container #nav li.nav-2 > ul > li, .nav-container #nav li.nav-1 > ul > li {display: inline-block !important;} .nav-container #nav li:hover > ul{-moz-transform: translateY(4px);-webkit-transform: translateY(4px);-o-transform: translateY(4px);-ms-transform: translateY(4px);transform: translateY(4px);} /*==================================== GALLERY =====================================*/ .hdr { width: 100%; height: 215px;} .gcntnr9 { padding: 0 18px;} .gals9 { padding: 18px 24px 0;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/assets/newsinner/gbg.jpg") no-repeat scroll left top / 100% auto;} .show9 { float: left; font-size: 0.8em; padding-left: 5px; letter-spacing: 0.084em;} .view9 { float: right; margin-right: 45px; font-size: 0.85em; letter-spacing: 0.06em; padding-left: 15px; background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/view.png") no-repeat scroll left center / 9px auto;} .pecha{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/assets/newsinner/pchabg.jpg") no-repeat scroll left top / 100% auto;padding-bottom: 15px;} .ghed9 { padding-bottom: 13px;} .galsldr9{position: relative;} .nav9 { position: absolute; pointer-events: none; left: -24px; right: -24px; top: 47%; z-index: 150;} .nav9 a{width: 12px;height: 24px;pointer-events: all;background-image: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/nav9.png");background-repeat: no-repeat;background-size: 12px auto;text-indent: -1000em;display: block;} .nav9 a.prv9{float: left;background-position: 0 0;} .nav9 a.nxt9{float: right;background-position: 0 -45px;} .gal9 { padding-bottom: 26px;} .gsld9{width: 100%;} .mob9{display: none;} /*============================================= NEWS AND EVENTS INNER ===========================================*/ .tbmnu9 { float: left; margin-left: 19px;} .tbsmnu > li { display: inline-block; vertical-align: top; margin-left: 5px; padding-left: 13px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu9.png") no-repeat scroll left 3px / 4px auto;} .tbsmnu > li:first-child { margin-left: 0; padding-left: 0;background: none;} .tbsmnu a { display: block; font-size: 0.8em; font-style: normal; letter-spacing: 0.14em;} .back { float: right; text-transform: uppercase; padding-right: 6px;} .back a { font-style: normal; font-size: 0.8em; letter-spacing: 0.08em; padding-left: 13px; display: block;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/back.png") no-repeat scroll left 5px / 8px auto;} .newshd9 { padding-bottom: 14px;} .pcha { display: table-row;} .pechas{display: table;width: 100%;} .pcha > div{display: table-cell;vertical-align: top;} .decor { width: 71.5%;} .imgvid{width: 28.5%;background-color: #f4f4f4;} .decors { padding: 30px 55px 22px 65px; text-align: left;} .dehed h1 { font-weight: 400; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.12em; line-height: 1.2em; padding-right: 100px;} .std p.dat9 { float: right; letter-spacing: 0.06em; padding: 26px 19px 0 0;margin: 0;} .dehed{padding-bottom: 22px;} .pchtxt { padding: 45px 55px 13px 32px;} .pchtxt p { padding-bottom: 25px;} .ivid9 { padding: 33px 10px 0;} .imnu li { display: inline-block; vertical-align: top; padding: 0 14px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu9.png") no-repeat scroll left 5px / 5px auto;position: relative;} .imnu li:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: '';} .imnu li:first-child { margin-left: 0;background: none;} .imnu > li > a { display: block; padding-bottom: 5px;} .imnu li.act9:after, .imnu li:hover:after{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/mnu.png") no-repeat scroll 12px bottom / 45px 1px} .immnu { padding-bottom: 24px;text-align: center;} .sgal9 { font-size: 0; text-align: left; letter-spacing: 0;} .mix:nth-child(3n+1) { margin-left: 0;} .mix { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; margin-bottom: 26px;overflow: hidden;} .pchaban{overflow: hidden;} .thumbsld9 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; background: rgba(0,0,0,0.5);z-index: 500;} .thumbsld9.opn9{z-index: 50; background: #fff;} .thmbsld9 { padding: 30px;font-size: 0;letter-spacing: 0} .tsld { display: inline-block; vertical-align: top; width: 18%; margin-left: 2.5%;margin-bottom: 24px;} .tsld:nth-child(5n+1) { margin-left: 0;} .tsld{text-align:center;} .thumbsld9.opn9 .tsld img{-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} .thumbsld9 .tsld img{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .thumbsld9{-webkit-transition: all 0ms ease-in-out 0ms;-moz-transition: all 0ms ease-in-out 0ms;-ms-transition: all 0ms ease-in-out 0ms;-o-transition: all 0ms ease-in-out 0ms;transition: all 0ms ease-in-out 0ms;} .thumbsld9.opn9{-webkit-transition: all 0ms ease-in-out 500ms;-moz-transition: all 0ms ease-in-out 500ms;-ms-transition: all 0ms ease-in-out 500ms;-o-transition: all 0ms ease-in-out 500ms;transition: all 0ms ease-in-out 500ms;} .mix a > img, .pchaban > img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .tsld img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} /*=================================== NEWS AND EVENTS ===================================*/ .ncntnr { padding: 0 58px; } .evnthd { padding-top: 10px;} .ehd { padding-left: 16px; letter-spacing: 0.06em; float: left;} fltr9 { float: right;} .fltrs9 > li { display: inline-block; vertical-align: top; position: relative;} .fltr9{float: right;} .fltrs9 > li > a { display: block; font-size: 0.8em; line-height: 1em; padding-right: 17px;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/dwnaro9.png") no-repeat scroll 97% 3px / 8px auto;} .evntd9{font-size: 0;letter-spacing: 0;} .smnu9 { display: none; position: absolute; left: -10px; z-index: 100; background-color: rgba(0,0,0,0.8);} .smnu9 > a { padding: 3px 10px; font-size: 0.9em; color: #fff; display: block; text-transform: capitalize;} .evclm9 { display: inline-block; vertical-align: top; width: 24.3%; margin-left: 0.9333%;} .evclm9:first-child{margin-left: 0;} .evtxt9 {font-size: 16px;padding: 8px 15px 33px 8px;} .evdat { font-size: 1em; padding-bottom: 5px; letter-spacing: 0;} .evcnt { font-size: 1.05em; padding-bottom: 7px;} .evred { font-size: 0.82em; padding-left: 13px; background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/red9.png") no-repeat scroll left 2px / 11px auto;} /* ========================================================================== KITCHEN ========================================================================== */ body{margin: 0;} .gal9.kitchen .newshd9 { padding-bottom: 12px; } .gal9.kitchen{padding-bottom: 0px;} .gal9.kitchen .gals9{padding-top: 26px;} .gal9.kitchen .tbsmnu a{font-style: italic;} .leicht { padding: 77px 22px 38px 54px; font-size: 0;letter-spacing: 0} .limg { display: inline-block; vertical-align: top; width: 26%;} .limgs { margin-bottom: 22px;overflow: hidden;} .limgs:last-child { margin-bottom: 0;} .ltxt9 { display: inline-block; vertical-align: top; width: 60%; margin-left: 5.4%; padding-top: 5px;} .ltxt9 h1, .leicht h1 { font-size: 1.2rem; padding-left: 5px; letter-spacing: 0.03em; padding-bottom: 18px;} .ltxt9 p { font-size: 0.9rem; font-style: normal; line-height: 1.3em; padding-bottom: 25px;} .dsingal { text-align: center;padding-top: 61px;} .dcntnr9 { width: 87%; margin: 0 auto;} .dgal9 { width: 100%; font-size: 0; text-align: left;} .dsingal { text-align: center; padding: 61px 0 52px; background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/assets/kitchen/kitbg.jpg") no-repeat scroll left top / 100% auto;} .dcntnr9 { width: 87%; margin: 0 auto;} .dsingl h1 { font-weight: 400; padding-bottom: 54px;font-size: 1.2em;} .dgal9 { width: 100%; font-size: 0; text-align: left; letter-spacing: 0;} .dgals9 { width: 36.5%; display: inline-block; vertical-align: top; margin-left: 0.5%; margin-bottom: 5px;overflow: hidden;} .dgals9:nth-child(3n+1) { margin-left: 0;} .dgals9.dg9 { width: 26%;} .dgald99{position: relative;} .dgald99 .nav9 { left: -40px; right: -40px;} .enqrys9 { padding-top: 31px; background-color: #f8f8f8;} .enqrys9 h1 { text-align: center;font-size: 1.2em; } .enqfrm9 { font-size: 0; padding: 56px 102px 38px 44px;} .enqclm9 { display: inline-block; vertical-align: top; width: 30.5%; margin-left: 4%; margin-bottom: 65px;position: relative;overflow: hidden;} .enqclm9.eful9{width: 100%;margin: 0;} .enqclm9::after{ position: absolute; content: ''; width: 60px; height: 1px; left: -50%; bottom: 0; background-color: #fff;} .enqclm9.ad9::after{left: 150%;} .enqclm9.eful9::after { bottom: 0px;} .enqclm9:first-child { margin-left: 0;} .etxt9 { border-bottom: 1px solid #000 !important; width: 100%; font-style: italic; font-size: 1rem; padding-left: 8px;background-color: rgba(0,0,0,0); } .enqara { border-width: 0 0 1px 0; width: 100%; height: 28px; font-style: italic; border-color: #000; border-style: solid;padding: 6px 15px;} .smt9 { text-align: center; padding-top: 22px;} .smit9 { text-align: center; color: #fff; padding: 6px; font-size: 0.85rem; font-style: italic; font-weight: 400; text-transform: uppercase; width: 100px; cursor: pointer;position: relative;z-index: 10;} .smit9:hover{color: #000;} .smts9 { width: 100px; margin: 0 auto; position: relative;overflow: hidden;} .smts9:before, .smts9:after{width: 100%;height: 100%;position: absolute;content: '';top: 0;} .smts9:before{background-color: #000;left: 0;z-index: 2;} .smts9:after{background-color: #fff;left: -100%;z-index: 2;} .smts9:hover:before{left: 100%;} .smts9:hover:after{left: 0;} .mob99{display: none;} .mixing{display: none;} .mixing:first-child{display: block;} .mixsld{width: 100%;} #banpgr { text-align: center;} #banpgr span { background-color: #000; display: inline-block; border-radius: 50%; margin: 0 4px; cursor: pointer;width: 6px;height: 6px;position: relative;top: 1px;} #banpgr span.cycle-pager-active { width: 8px; height: 8px;top: 0;} .cms-page-view .std{padding: 0;} .galtxtdes { background: #fff; padding: 15px; text-align: center;} .galtxtdes p { font-style: normal; margin: 0; padding: 0;} .mixsld.cycle-slide { visibility: hidden !important;} .mixsld.cycle-slide.cycle-slide-active { visibility: visible !important;} .cms-page-view .std ul.tbsmnu{padding: 0;} #content { background: #fff;} /* .limgs img, .dgals9 img, .smit9, .smts9:before, .smts9:after, .smit9{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .limgs:hover img, .dgals9:hover img{-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);} .limgs:hover img, .dgals9:hover img{-webkit-filter: brightness(1.15);-moz-filter: brightness(1.15);-ms-filter: brightness(1.15);filter: brightness(1.15);} .enqclm9::after{-webkit-transition: all 1500ms ease-in-out;-moz-transition: all 1500ms ease-in-out;-ms-transition: all 1500ms ease-in-out;-o-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;} .g-recaptcha { width: 304px; margin: 0 auto; } */ .limgs img, .dgals9 img, .smit9, .smts9:before, .smts9:after, .smit9, .kimgs img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .limgs:hover img, .dgals9:hover img, .kimg2:hover .kimgs img{-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);} .limgs:hover img, .dgals9:hover img{-webkit-filter: brightness(1.15);-moz-filter: brightness(1.15);-ms-filter: brightness(1.15);filter: brightness(1.15);} .enqclm9::after, .ktxt2{-webkit-transition: all 1500ms ease-in-out;-moz-transition: all 1500ms ease-in-out;-ms-transition: all 1500ms ease-in-out;-o-transition: all 1500ms ease-in-out;transition: all 1500ms ease-in-out;} .kimg2:hover .kimgs img{-webkit-filter: brightness(1.08);-moz-filter: brightness(1.08);-ms-filter: brightness(1.08);filter: brightness(1.08);} a.ovl2{-webkit-transition: all 500ms ease-in-out 1000ms;-moz-transition: all 500ms ease-in-out 1000ms;-ms-transition: all 500ms ease-in-out 1000ms;-o-transition: all 500ms ease-in-out 1000ms;transition: all 500ms ease-in-out 1000ms;} /*====================================== 2-2-2018 ======================================*/ .gals9.k22{padding-top: 52px;} .ktchns2 h1 { text-align: center; color: #232323; font-size: 1.6em; font-weight: 400; letter-spacing: 0.02em;} .ktchns2 h1 span{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/img/kmnu.png") no-repeat scroll 2px bottom / 115px 3px;display: inline-block;padding-bottom: 4px;} .ktchns2 { padding-top: 9px;} .kitimg2 { padding: 39px 0 64px;} .ktimg2 { font-size: 0; width: 90%; margin: 0 auto;letter-spacing: 0;} .kimg2:nth-child(3n+1) { margin-left: 0;margin-bottom: 40px;} .kimg2 { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; position: relative;} .ktxt2 { width: 48%; position: absolute; z-index: 10; left: 24%; bottom: -8.5%;} .kimgs{overflow: hidden;} .kimg2:hover .ktxt2 { bottom: 42%;-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.4);box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.4);} .ovl2 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.7); z-index: 8; opacity: 0;} .kimg2:hover .ovl2{opacity: 1;} #overlay{z-index:999;width:100%;height:100%;top:0;position:fixed;background-color:rgba(0,0,0,.6)}#message{width:400px;color:#000;text-align:center;margin:23% auto 0;padding:10px;background-color:rgba(255,255,255,.8);font-family:'Roboto Condensed',sans-serif;font-weight:400}#message #okbtn{color:#FFF;padding:5px 20px;background:#000} .enqrys9 p {text-align: center;} /* body{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/bg/Kitchen.jpg") no-repeat scroll left top / 1437px auto;} .gals9{background: none;} */ /* ========================================================================== Helper classes ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*============================================ RESPONSIVE ===========================================*/ @media only screen and (max-width: 1200px){ .dehed h1{font-size: 1.2em;} .std p.dat9{padding-top: 30px;} .pchtxt p{font-size: 1em;} .leicht{padding: 77px 0 38px ;} .ncntnr{padding: 0 15px;} } @media only screen and (max-width: 64em){ .view9{margin-right: 0;} .gcntnr9{padding: 0 15px;} .desk99{display: none;} .pechas, .pcha, .pcha > div, .mob99{display: block;} .decor, .imgvid{width: 100%;} .gals9{padding: 18px 24px 0;} .gals9.new8{padding: 5px 0 0;} .decors, .pchtxt, .enqfrm9{padding: 20px 15px;} .dehed h1{font-size: 1em;} .std p.dat9{padding-top: 18px;} .dehed, .immnu, .ltxt9 p, .dsingl h1{padding-bottom: 15px;} .pchtxt p{font-size: 0.9em;padding-bottom: 15px;margin: 0;} .pchtxt, .enqrys9{padding: 20px 0 0;} .ivid9, .smt9{padding: 20px 10px 0;} .mix{margin-bottom: 15px;} .header-container.header1, body.cms-home .header-container.header1{position: fixed !important;top: 0;} .cms-home .logo, .grid_full.added .logo, .logo{top: 10px !important;} .dcntnr9{width: 100%;box-sizing: border-box;padding: 0 15px;} .dgald99{padding:0 25px;} .dgald99 .nav9 { left: 0; right: 0;} .leicht, .dsingal{padding: 20px 10px;} .galtxtdes p{line-height: 1.2em;} .main-container.col2-left-layout, .blog-index-list .main, .blog-post-view .main, .cms-page-view .main{margin-top: 64px;} .ktchns2 h1{font-size: 1.2em;} .kitimg2{padding: 20px 0;} .product-view .box-additional{display: none;} .socialicn{float: right;font-size: 0;} .sicnz > li{display: inline-block;vertical-align: top;} .sicnz > li > a{display: block;width: 25px;height: 25px;position: relative;z-index: 20;} .norml, .hovr{width: 25px;height: 25px;left: 0;top: 0;position: absolute;} .hovr, .sicnz > li > a:hover .norml{opacity: 0;} .sicnz > li > a:hover .hovr{opacity: 1;} .g-recaptcha {margin-left: -61px;} } @media only screen and (max-width: 48em){ .tsld { margin-bottom: 12px;} .thmbsld9{padding: 30px;} .view9{display: none;} .limg, .ltxt9{width: 100%;} .limgs {display: inline-block; vertical-align: top; width: 49%;margin-left: 2%;} .limgs:first-child{margin-left: 0;} .ltxt9{margin: 0;} .evclm9{width: 49%;margin-left: 2%;} .evclm9:first-child{margin-left: 2%;} .evclm9:nth-child(2n+1){margin-left: 0;} } @media only screen and (max-width: 39em){ .desk9{display: none !important;} .mob9{display: block;} .dehed h1{padding-right: 0;} .dehed h1{font-size: 0.9em;} .thmbsld9{padding: 30px 15px 20px;} .tsld{width: 23.5%;margin-left: 2%;} .tsld:nth-child(5n+1){margin-left: 2%;} .tsld:nth-child(4n+1){margin-left: 0;} .tbmnu9{margin-left: 10px;} .tbsmnu a{font-size: 0.75em;letter-spacing: 0.02em} .back a{font-size: 0.75em;background-position: left 6px;} .std p.dat9{padding:15px 0 0 0;float: none;font-size: 0.75em;} .back{padding-top: 15px;} .tbsmnu > li{padding-left: 8px;background-position: left center;background-size: 3px auto;padding-bottom: 0;} .cms-page-view .std ul.tbsmnu {padding-left:15px 0 0 0 !important;} .ltxt9 p:last-child{padding: 0;} .enqclm9{width: 100%;margin-left: 0;margin-bottom: 22px;} .cms-page-view .std ul.tbsmnu{padding: 15px 0 0 !important;} .main-container.col2-left-layout{margin-top: 54px;} /*================================ 2-2-2018 =================================*/ .ktxt2{position: static;margin: 0 auto;} .kimg2{width: 100%;margin-left: 0;margin-bottom: 30px;} .kimg2:hover .ovl2{opacity: 0;} .kimg2:hover .ktxt2{box-shadow: none;} } @media only screen and (max-width: 30em){ .gcntnr9{padding: 0 5px;} .mix{width: 49%;} .mix:nth-child(3n+1){margin-left: 2%;} .mix:nth-child(2n+1){margin-left: 0;} .dehed h1{font-size: 0.84em;} .tsld{width: 32%;margin-left: 2%;} .tsld:nth-child(5n+1){margin-left: 2%;} .tsld:nth-child(4n+1){margin-left: 2%;} .tsld:nth-child(3n+1){margin-left: 0;} .limgs{width: 100%;margin-left: 0;margin-bottom: 15px;} .limgs:last-child{margin-bottom: 15px;} .galtxtdes p{text-align: justify;} .evclm9{width: 100%;margin-left: 0;} .evclm9:first-child{margin-left: 0;} } #close-fixedban, .price-stock .price-box, .price-box span.regular-price {display:none;} #leftDD { display: inline-block;} .selectDDli { position: relative;} .selectDDli > a { display: block; padding: 8px 23px 8px 15px; font-size: 1em; text-transform: capitalize;background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/images/dwnaro.png") no-repeat scroll right 14px / 12px auto;} .categoryListdds { position: absolute; z-index: 100; display: none; width: 170px; background: #fff;-webkit-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4);box-shadow: -1px 1px 7px 0px rgba(0,0,0,0.4);padding: 0;left: -50px;} /*.categoryListdd > li { display: block;padding: 4px 8px;}*/ .innerScroll > a, .innerScrolls > a { display: block; padding: 6px 10px 4px; font-size: 0.9em; text-transform: capitalize;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0 8px;} .innerScroll > a:last-child, .innerScrolls > a:last-child{border-bottom: none;} #MyFiltersDD { float: right; padding-top: 15px;} /*.categoryListdds{max-height: 310px;overflow-y: scroll !important;}*/ .slimScrollBar{height: 60px !important;width: 5px !important;border-radius: 10px !important;opacity: 0.6 !important;cursor: pointer;} .socialicn{float: right;font-size: 0;padding-top: 12px;} .sicnz > li{display: inline-block;vertical-align: top;} .sicnz > li > a{display: block;width: 25px;height: 25px;position: relative;z-index: 20;} .norml, .hovr{width: 25px;height: 25px;left: 0;top: 0;position: absolute;} .hovr, .sicnz > li > a:hover .norml{opacity: 0;} .sicnz > li > a:hover .hovr{opacity: 1;} .footer-container{text-align: left;} .footer-bottom-container{max-width: 1284px;margin: 0 auto;background: none;} .footer-container{background: #fff;z-index: 9999;} .nav-container #nav a, .nav-container #nav a.topMenu{padding: 28px 0;} .g-recaptcha {margin-left: -61px;padding: 0;float: left;display: block;} p > input[type="checkbox"] { margin-left: -23px; } .cms-page-view.cms-kitchensolutions .footer-bottom-container{max-width: 1210px;width: 90%;} /* ******************************************************************************************** Price Slider *********************************************************************************************** */ #priceslider{margin-top: 7px;} .ui-rangeSlider{height: 20px;} .ui-rangeSlider, .ui-rangeSlider-container, .ui-rangeSlider-arrow{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .ui-rangeSlider-withArrows .ui-rangeSlider-container{border-radius: 3px;max-width: 100%;} .ui-rangeSlider-noArrow .ui-rangeSlider-container{-moz-border-radius: 4px;border-radius: 4px;border-left: solid 1px #515862;border-right: solid 1px #515862;} .ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container{border-color: #8490a3;} .ui-rangeSlider-container, .ui-rangeSlider-arrow{height: 7px;} .ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow{border-top-color: #49576b;border-bottom-color: #9ca7b3;} .ui-rangeSlider-container, .ui-rangeSlider-arrow{background: #939393;} .ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow, .ui-rangeSlider-disabled .ui-rangeSlider-label{background: #5bb300;} .ui-rangeSlider-arrow{width:14px;cursor:pointer;} .ui-rangeSlider-leftArrow{border-radius:4px 0 0 4px;border-left: solid 1px #515862;display: none;} .ui-rangeSlider-disabled .ui-rangeSlider-leftArrow{border-left-color: #8792a2; } .ui-rangeSlider-rightArrow{border-radius:0 4px 4px 0;border-right: solid 1px #515862;display: none;} .ui-rangeSlider-disabled .ui-rangeSlider-rightArrow{border-right-color: #8792a2; } .ui-rangeSlider-arrow-inner{position: absolute;top: 50%;border: 10px solid transparent;width:0;height:0;margin-top: -10px;} .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{border-right:10px solid #a4a8b7;left: 0;margin-left: -8px;} .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{border-right:10px solid #b3b6c2;} .ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner, .ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{border-right-color: #bbc0cf;} .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner{border-left:10px solid #a4a8b7;right: 0;margin-right: -8px;} .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{border-left:10px solid #b3b6c2;} .ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner, .ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{border-left-color: #bbc0cf;} .ui-rangeSlider-innerBar{width: 110%;height: 100%;left: -10px;overflow: hidden;} .ui-rangeSlider-bar{background: #1bbeb4;height: 7px;border-radius: 3px;} .ui-rangeSlider-disabled .ui-rangeSlider-bar{background: #939393;} .ui-rangeSlider-handle{width:10px;height:10px;background: #fff;cursor:pointer;border: 5px solid #1bbeb4;border-radius: 50%;top: -7px !important;} .ui-rangeSlider-label{position: static !important;font-size:15px;float: left;margin-top: 30px;margin-bottom: 10px;} .ui-editRangeSlider-inputValue{width: 3.4em;text-align: center;font-size: 15px;border: none;background-color: #F0F0F0;border: 1px solid #E4E4E4;height: 25px;line-height: 25px;} .ui-editRangeSlider-inputValue:hover, .ui-editRangeSlider-inputValue:focus{border-color: #252525;outline: none;} .ui-rangeSlider .ui-ruler-scale{position:absolute;top:0;left:0;bottom:0;right:0;} .ui-rangeSlider .ui-ruler-tick { float: left; } .ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner{color:white;margin-top:1px;border-left: 1px solid white;height:29px;padding-left:2px;position:relative;} .ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label{position:absolute;bottom: 6px;} .ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner{border-left:1px solid white;margin-top: 25px;height: 5px;} .ui-rangeSlider-leftLabel{left: 0px !important;right: auto !important;} .ui-rangeSlider-rightLabel{right: 0px !important;left: auto !important;float: right;} .priceslider-loader-img{background: url("http://gle.dnmdigital.com/skin/frontend/gle/default/priceslider/images/loader.gif") no-repeat scroll center center #000000;border-radius: 6px;height: 44px;left: 50%;margin: -22px 0 0 -22px;opacity: 0.9;position: fixed;top: 50%;width: 44px;z-index: 9999;} #priceslider-button.button span{background-color: transparent;color: #5bb300;font-weight: 700;text-transform: uppercase;} #priceslider-button.button:hover span{color: #3d3d3d;}