/*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } ol li{ line-height: 26px; margin-left:35px; list-style-position: outside; } small{ font-size: 0.75em; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } .blue1{color:#00AEA5;} .blue2{color:#00ded2;} .whitetext{color:#FFFFFF;} .darkGreyText{ color: #3a3a3a} .redText{color:#c3202a} .scripttext{font-family: 'Kalam', cursive;} /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { -webkit-font-smoothing: antialiased; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #555; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: top center !important; background-repeat: no-repeat !important; } a { text-decoration: none; color: #00aea5; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #3d5054; line-height: 1em; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-top: 10px; line-height: 24px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } .outofstock{border:1px dotted #CCC; background-color:#EEE;padding:1em;font-size: 16px;margin: 20px 0;} input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .clearBoth { clear:both; font-size:0px; line-height:0px; height:0px; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ input.error, textarea.error { border:1px solid #F00 !important; } img { max-width: 100%; height: auto; } #ie8 img { width: auto; } #main-page-wrapper { position: relative; } #container { text-align: left; margin: 0 auto; width: 960px; position: relative; } #main-header { padding: 30px 0 33px; color:#212222} #logo{float: left;max-height: 75px;} .footerlogo{ float: left;max-height:75px; } #top-navigation { float: right; padding-top: 48px; position: relative; } #top-navigation nav { float: left; padding-top: 12px; } #top-navigation li { display: inline-block; } #top-navigation a { font-size: 14px; color: rgb(0, 174, 165); text-decoration: none; padding-left: 19px; display: block; font-weight: 300; } #top-navigation a:hover { } #top-navigation ul > li.current_page_item > a { font-weight: 800; } .et-cart { color: #FFF !important; float: left; position: relative; margin-left: 29px; padding: 10px 40px 11px 38px!important; border: 1px solid #101010; background: rgb(35,34,35); /* Old browsers */ background: -moz-linear-gradient(top, rgba(35,34,35,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,34,35,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(35,34,35,1) 0%,rgba(28,28,28,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232223', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, 0 4px 2px rgba(0,0,0,0.1); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .et-cart:hover { text-decoration: none; background: #282828; background: #04ddcf; /* Old browsers */ background: -moz-linear-gradient(top, #04ddcf 0%, #009e93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04ddcf), color-stop(100%,#009e93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* IE10+ */ background: linear-gradient(to bottom, #04ddcf 0%,#009e93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04ddcf', endColorstr='#009e93',GradientType=0 ); /* IE6-9 */ } .et-cart:before { width: 16px; height: 14px; position: absolute; top: 11px; left: 13px; content: ""; background: url(/Assets/images/et-cart.png) no-repeat; } .et-cart:after { width: 23px; height: 100%; position: absolute; top: 0; right: 7px; content: ""; background: url(/Assets/images/mobile_arrow.png) no-repeat 6px 6px; border-left: 1px solid #151515; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 0 0 rgba(255,255,255,0.1) inset; } #content { background-color: #fff; -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 35px rgba(0,0,0,0.9); box-shadow: 0 0 35px rgba(0,0,0,0.9); } #top-categories { position: relative; z-index:100; background: #222323; border: 1px solid #0d0d0d; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; padding: 1px 0 0 1px; border-left: 0px;} #top-categories .overlay { pointer-events: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); } #top-categories li { display: inline-block; } #top-categories a { font-size: 14px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.8); padding: 25px 15px 25px 15px; display: block; font-weight: 300; } #top-categories > li.current-menu-item > a { font-weight: 800; padding-left:16px;padding-right:15px;} body.home #top-categories:before { width: 100%; height: 14px; position: absolute; bottom: -14px; left: 0; content: ""; background: url(/Assets/images/categories-bg.png) no-repeat; z-index: 4; } .titlesmall{display:none} .homebox{ background-color:#222; padding:10px 60px 7px; color: #9D9C9C; } .baseFooter { padding-bottom:40px; border-top: 3px solid #00AEA5; padding-top:40px; } .basefooterbox{ margin: 0 60px; padding:10px 20px 20px 20px; color:#666; border:1px solid #000; background:#333; margin-bottom:3em; } .contactfooterbox{ margin: 0 40px; padding:0px; color:#666; border:1px solid #000; background:#333; font-size: 1.15em; text-align: center; } .contactfooterbox p{ padding:10px 20px 20px 20px; } #special-offers h1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #special-offers h1, .home-area h1 { background-color: #f8f8f8; text-align: center; font-weight: 300; font-size: 16px; color: #1f1e1e; padding: 23px 10px 21px; text-shadow: 1px 1px 0 rgba(255,255,255,0.8); } #offers li { position: relative; float: left; width: 320px; background: #111; } #offers img { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } #offers li:hover img { opacity: 0.6; } #offers .overlay { -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; -moz-box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; box-shadow: 0 0 50px rgba(0,0,0,0.5) inset; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .offers-description { width: 100%; position: absolute; top: 67px; left: 0; text-align: center; } #offers li h2 { font-family: 'Merriweather Sans', arial, serif; font-size: 30px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); padding-bottom: 7px; } #offers li h2 a { color: #fff; text-decoration: none; } .more-button.small { padding: 6px 12px; font-size: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; left: 0; top: 0; -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 1px 0px rgba(255,255,255,0.3) inset, 0 0 0 4px rgba(0,0,0,0.2); display: inline-block; } .home-area h1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(255,255,255,0.6) inset; } body.home .et-products { padding: 44px 66px 10px 68px; } .et-products li { position: relative; } span.onsale { border: 1px solid #00aea5; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #FFFFFF; font-size: 18px; left: auto; line-height: 40px; margin: 0; min-height: 40px; min-width: 40px; padding: 4px; position: absolute; right: -5px; text-align: center; top: -6px; background: #04ddcf; /* Old browsers */ background: -moz-linear-gradient(top, #04ddcf 0%, #009e93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04ddcf), color-stop(100%,#009e93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* IE10+ */ background: linear-gradient(to bottom, #04ddcf 0%,#009e93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04ddcf', endColorstr='#009e93',GradientType=0 ); /* IE6-9 */ color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2); } .et-products li { float: left; width: 136px; margin: 0 94px 44px 0; text-align: center; } .last { margin-right: 0!important; } .et-products img { padding-bottom: 15px; } .et-products h3 { font-weight: 300; font-size: 16px; padding-bottom: 21px; } .et-products h3 a { text-decoration: none; color: #2e2e2e; } .et-main-price, .read-more, .comment-reply-link, #respond .form-submit #submit, a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, #respond input#submit.alt:hover, #content input.button.alt:hover, a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt { padding: 8px 11px; font-size: 18px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 2px 1px rgba(0,0,0,0.1); display: inline-block; border: 1px solid #00aea5; background: #cff06b; /* Old browsers */ background: rgb(44,104,234); /* Old browsers */ background: #04ddcf; /* Old browsers */ background: -moz-linear-gradient(top, #04ddcf 0%, #009e93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04ddcf), color-stop(100%,#009e93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* IE10+ */ background: linear-gradient(to bottom, #04ddcf 0%,#009e93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04ddcf', endColorstr='#009e93',GradientType=0 ); /* IE6-9 */ } .et-products .et-price-sale img, .et-products .et-main-price img{vertical-align: text-top;padding:0 !important} .et-products li:hover .et-main-price, .read-more:hover, .comment-reply-link:hover, .form-submit #submit:hover { background: #0641c0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjNjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(44,104,234,1) 0%, rgba(84,163,238,1) 65%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,104,234,1)), color-stop(65%,rgba(84,163,238,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(44,104,234,1) 0%,rgba(84,163,238,1) 65%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(44,104,234,1) 0%,rgba(84,163,238,1) 65%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(44,104,234,1) 0%,rgba(84,163,238,1) 65%); /* IE10+ */ background: linear-gradient(to bottom, rgba(44,104,234,1) 0%,rgba(84,163,238,1) 65%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aea5', endColorstr='#54a3ee',GradientType=0 ); /* IE6-8 */ text-decoration: none; } .read-more { float: right; } .entry { margin: /* 0 -53px 45px -65px; */ } .entry .title, .entry-content { /* margin: 0 53px 0 65px; */ } #client-logos { padding: 62px 55px 59px 54px; } #client-logos li { float: left; width: 196px; margin-right: 22px; } #client-logos li:nth-child(4) { margin-right: 0; } #client-logos img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #client-logos li:hover img { opacity: 0.5; } .et-price-button, .et-price-before, .et-price-sale { display: inline-block; } .et-price-before, .et-price-sale { padding: 8px; } .et-price-before { border: 1px solid #d5d6d3; border-right: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #1f1e1e; text-shadow: 1px 1px 1px #fff; -moz-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); -webkit-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ); background: #efefef; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); min-height:24px;vertical-align: text-bottom;color:#333; } .et-price-sale { vertical-align: text-bottom;border: 1px solid #00aea5; margin-left: -4px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #fff; text-shadow: 1px 1px 1px rgba( 0,0,0,0.3 ); -moz-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); -webkit-box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); box-shadow: 0 2px 2px 0px rgba( 0,0,0,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.6 ); background: rgb(30,87,153); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */ } .product.type-product{ width:66% } #mobile-sidebar { position: absolute; top: 0; right: -430px; width: 430px; bottom: 0; height: 100%; background: #1c1c1d; z-index: 30; display: none; border-left: 1px solid #000; -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); padding-top: 50px; } #toggle-sidebar { position: absolute; top: 80px; left: -49px; display: block; width: 49px; height: 41px; cursor: pointer; border: 1px solid #000; border-right: none; -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); background: #292929; background: -moz-linear-gradient(left, #292929 0%, #1c1c1d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#292929), color-stop(100%,#1c1c1d)); background: -webkit-linear-gradient(left, #292929 0%,#1c1c1d 100%); background: -o-linear-gradient(left, #292929 0%,#1c1c1d 100%); background: -ms-linear-gradient(left, #292929 0%,#1c1c1d 100%); background: linear-gradient(to right, #292929 0%,#1c1c1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1d',GradientType=1 ); } .et-sidebar-open #mobile-sidebar { position: absolute; } #toggle-sidebar:before { content: ''; position: absolute; background: url(/Assets/images/mobile_sidebar_icon.png) no-repeat; top: 6px; left: 7px; display: block; width: 34px; height: 29px; } .mobile-block { border-top: 1px solid #111; position: relative; padding: 12px 0 12px 54px; -webkit-box-shadow: inset 0 1px 0 #2a2a2a; -moz-box-shadow: inset 0 1px 0 #2a2a2a; box-shadow: inset 0 1px 0 #2a2a2a; } .mobile-block:last-child { -moz-box-shadow: inset 0 1px 0 #2a2a2a, 0 1px 0 #2a2a2a; -webkit-box-shadow: inset 0 1px 0 #2a2a2a, 0 1px 0 #2a2a2a; box-shadow: inset 0 1px 0 #2a2a2a, 0 1px 0 #2a2a2a; border-bottom: 1px solid #111; } .mobile-block:before { content: ''; position: absolute; top: 22px; left: 22px; display: block; } .mobile-block.mobile-search:before { width: 14px; height: 14px; background: url(/Assets/images/mobile_search_icon.png) no-repeat; } .mobile-block.mobile-cart:before { width: 16px; height: 14px; background: url(/Assets/images/et-cart.png) no-repeat; } /*.mobile-block.mobile-categories:before, .mobile-block.mobile-pages:before { width: 12px; height: 12px; background: url(/Assets/images/mobile_plus_icon.png) no-repeat; top: 15px; }*/ .mobile-block.mobile-categories, .mobile-block.mobile-pages { padding: 0; } .mobile-block.mobile-categories > a, .mobile-block.mobile-pages > a { padding: 12px 0 12px 54px; display: block; } #et-mobile-search { position: relative; text-shadow: 1px 1px 0 #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #101010; -webkit-box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); -moz-box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); box-shadow: 0 1px 0 rgba( 255,255,255,0.1 ); width: 230px; background: #151515; background: -moz-linear-gradient(top, #151515 1%, #1a1a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#151515), color-stop(100%,#1a1a1a)); background: -webkit-linear-gradient(top, #151515 1%,#1a1a1a 100%); background: -o-linear-gradient(top, #151515 1%,#1a1a1a 100%); background: -ms-linear-gradient(top, #151515 1%,#1a1a1a 100%); background: linear-gradient(to bottom, #151515 1%,#1a1a1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#1a1a1a',GradientType=0 ); } .search_input_text { color: #929292; font-family: Georgia, serif; font-size: 12px; font-style: italic; background: none !important; border: none !important; margin-left: 12px !important; } .mobile-search-button { -moz-box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; -webkit-box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; box-shadow: inset 1px 0 0 #292829, inset 0 1px 0 #292829; cursor: pointer; border: none; border-left: 1px solid #151515; text-shadow: 1px 1px 0 #000; position: absolute; top: -2px; right: -2px; font-size: 12px; color: #fff; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 8px 36px 8px 15px; background: #232223; background: -moz-linear-gradient(top, #232223 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232223), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #232223 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #232223 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #232223 0%,#1c1c1c 100%); background: linear-gradient(to bottom, #232223 0%,#1c1c1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232223', endColorstr='#1c1c1c',GradientType=0 ); } .mobile-search-button:before { content: ''; position: absolute; top: 5px; right: 11px; display: block; width: 17px; height: 22px; background: url(/Assets/images/mobile_arrow.png) no-repeat; } .mobile-cart .et-cart { float: none; display: inline-block; margin-left: 0; padding-left: 15px !important; font-size: 12px; padding-right: 50px !important; } .mobile-cart .et-cart:before { display: none; } .mobile-cart .et-cart:after { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: -2px; right: 9px; background: url(/Assets/images/mobile_arrow.png) no-repeat 7px 7px; } .mobile-cart .et-cart span { position: relative; /* left: 14px; */ padding-left: 14px; color: #fff; } /*.mobile-cart .et-cart span:before { content: ''; position: absolute; top: -7px; left: 0; border-left: 1px solid #151515; border-right: 1px solid #292829; width: 0; height: 33px; }*/ .mobile-categories > a, .mobile-pages > a { color: #fff; text-decoration: none; font-size: 16px; text-shadow: 1px 1px 0 #000; } .mobile-categories > a:hover, .mobile-pages > a:hover { color: rgba( 255,255,255,0.9 ); } #content-area { position: relative; padding: 46px 0 55px; } body.home #content-area { border-top: 1px solid #eaeaea; } #content-area:before { content: ''; position: absolute; top: 0; left: 626px; width: 1px; height: 100%; background: #eaeaea; } #main-area { float: left; width: 508px; padding: 0 55px 0 65px; } #main-area h2.title, .page-title, h1.title { font-size: 32px; font-weight: 300; color: #2e2e2e; padding-bottom: 24px; } #main-area h2.title a { color: inherit; text-decoration: none; } #main-area h2.title a:hover { color: #111; } .entry-content { padding-top: 0; /*29px;*/ } body.page .entry-content { padding: 5px; } #main-area p.meta-info { color: #adadad; font-family: Georgia, serif; font-style: italic; margin: -8px 0 -5px; } #main-area p.meta-info a { color: inherit; } #main-area p.meta-info a:hover { color: #111; text-decoration: none; } .term-description { margin-bottom: 10px; } .fullwidth #main-area { float: none; width: auto; padding-right: 65px; } #content-area.fullwidth:before { display: none; } #main-area h1, #main-area h2, #main-area h3, #main-area h4, #main-area h5, #main-area h6 { font-weight: 300; } .et_pt_blogentry a.readmore { text-decoration: none; } div.product form.cart { margin-bottom: 2em; } div.product form.cart div.quantity, #content div.product form.cart div.quantity { margin: -4px 17px 0 0; width: 60px; position: relative; overflow: hidden; zoom: 1; float:left; } div.product form.cart .button { vertical-align: middle; float: left; } .minus, .item-decrement a { display: block; padding: 0; margin: 0; position: absolute; bottom: 0; right: 0; text-align: center; vertical-align: text-top; width: 20px; height: 15px; overflow: visible; text-decoration: none; font-weight: bold; cursor: pointer; line-height: 13px; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #5e5e5e; text-shadow: 0 1px 0 rgba(255,255,255,0.8); border: 1px solid #c8bfc6; background: #f7f6f7; background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#e0dadf)); background: -webkit-linear-gradient(#f7f6f7,#e0dadf); background: -moz-linear-gradient(center top,#f7f6f7 0,#e0dadf 100%); background: -moz-gradient(center top,#f7f6f7 0,#e0dadf 100%); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); } .plus, .item-increment a { display: block; padding: 0; margin: 0; position: absolute; top: 0; right: 0; border-bottom: 0; text-align: center; vertical-align: text-top; width: 20px; height: 15px; overflow: visible; text-decoration: none; font-weight: bold; cursor: pointer; line-height: 13px; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #5e5e5e; text-shadow: 0 1px 0 rgba(255,255,255,0.8); border: 1px solid #c8bfc6; background: #f7f6f7; background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#e0dadf)); background: -webkit-linear-gradient(#f7f6f7,#e0dadf); background: -moz-linear-gradient(center top,#f7f6f7 0,#e0dadf 100%); background: -moz-gradient(center top,#f7f6f7 0,#e0dadf 100%); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1); } input.qty { width: 40px; height: 28px; float: left; padding: 0; text-align: center; border: 1px solid #c8bfc6; border-right: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: inset 0 0 2px 0 #f7f6f7; -webkit-box-shadow: inset 0 0 2px 0 #f7f6f7; -moz-box-shadow: inset 0 0 2px 0 #f7f6f7; font-weight: bold; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #top-categories > li { float: left; display: block; } #top-categories a { position: relative; } #top-categories a, #top-categories a .menu-highlight, #mobile_menu .menu-highlight, #top-navigation a, .et_mobile_menu a { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } #top-categories a .menu-highlight, #mobile_menu .menu-highlight { position: absolute; bottom: 0; left: 0; background: #00aea5; height: 3px; width: 100%; border-top: 1px solid #151515; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); transform: scale(0,1); } #top-categories a:hover .menu-highlight, #mobile_menu a:hover .menu-highlight, #top-categories .current-menu-item > a .menu-highlight { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1); } #top-categories a:hover, #top-categories .current-menu-item > a { -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45); background: #292a29; background: -moz-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0.01))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%); } #top-navigation a { padding-bottom: 10px; } .et_mobile_menu ul { display: block !important; visibility: visible !important; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } #featured { position: relative; } #featured img { width: auto; } #et-slides { width: 960px; height: 500px; background: #111; } .et-slide { position: absolute; top: 0; left: 0; width: 960px; height: 100%; z-index: 2; } .et-slide .description { background-color: rgba(0,0,0,0.4); position: absolute; top: 110px; left: 0; width: 100%; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset; } .et-slide .description hgroup { text-align: center; padding: 29px 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); } .et-slide .description hgroup h1 { font-family: 'Merriweather Sans', arial, serif; font-weight:400;font-size: 60px; } .et-slide .description hgroup h1 a { color: #fff; text-decoration: none; } .et-slide .description hgroup h2 { font-weight: 300; font-size: 30px; color: #fff; margin-top: 20px; } .more-button { padding: 17px 25px; font-size: 24px; font-family: 'Merriweather Sans', arial, serif; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); background: #04ddcf; /* Old browsers */ background: -moz-linear-gradient(top, #04ddcf 0%, #009e93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04ddcf), color-stop(100%,#009e93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #04ddcf 0%,#009e93 100%); /* IE10+ */ background: linear-gradient(to bottom, #04ddcf 0%,#009e93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04ddcf', endColorstr='#009e93',GradientType=0 ); /* IE6-9 */ border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(255,255,255,1) inset, 0 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(255,255,255,1) inset, 0 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(255,255,255,1) inset, 0 0 0 6px rgba(0,0,0,0.2); display: inline-block; } .more-button:hover { text-decoration: none; color: rgba(255,255,255,1); } .et-arrow-prev, .et-arrow-next { position: absolute; top: 50%; padding: 21px 9px; margin-top: -38px; border: 1px solid #000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* opacity: 0; */} .et-arrow-prev { background: rgb(41,41,41); /* Old browsers */ background: -moz-linear-gradient(left, rgba(41,41,41,1) 0%, rgba(17,17,18,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(41,41,41,1)), color-stop(100%,rgba(17,17,18,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(41,41,41,1) 0%,rgba(17,17,18,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#111112',GradientType=1 ); /* IE6-9 */ left: -35px; -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset, -4px 0 3px rgba(0,0,0,0.5); } .et-arrow-next { right: -35px; background: rgb(17,17,18); /* Old browsers */ background: -moz-linear-gradient(left, rgba(17,17,18,1) 0%, rgba(41,41,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(17,17,18,1)), color-stop(100%,rgba(41,41,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(17,17,18,1) 0%,rgba(41,41,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111112', endColorstr='#292929',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); -moz-box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); box-shadow: -1px 1px 0 rgba(255,255,255,0.1) inset, 4px 0 3px rgba(0,0,0,0.5); } .et-arrow-prev span, .et-arrow-next span { width: 24px; height: 35px; display: block; text-indent: -9999px; } .et-arrow-prev span { background: url(/Assets/images/left-arrow.png) no-repeat; } .et-arrow-next span { background: url(/Assets/images/right-arrow.png) no-repeat; } .et-controllers { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; z-index: 3; display:none;} .et-controllers a { background: url(/Assets/images/slide-controller.png) no-repeat; display: inline-block; width: 17px; height: 17px; text-indent: -9999px; margin-right: 4px; z-index: 3; } .et-controllers .et-active-control { background-image: url(/Assets/images/slide-controller-active.png); } #featured:hover .et-arrow-prev, #offers:hover .et-arrow-prev { left: -44px; opacity: 1; } #featured:hover .et-arrow-next, #offers:hover .et-arrow-next { right: -44px; opacity: 1; } .et-slide .description, .et-slide .et-slide-button { -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .et-slide .description { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } .et-slide .et-slide-button { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; position: absolute; bottom: 113px; left: 0; text-align: center; width: 100%; } .et-slide .more-button {opacity:0.85} .et-slide .more-button:hover {opacity:1} .et_slide_transition.et-slide .description { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } .et_slide_transition.et-slide .et-slide-button { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } .et_slide_transition.et-slide .description, .et_slide_transition.et-slide .et-slide-button { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -animation-delay: 0s; } .js .et-slide { display: none; } .js .et-slide:first-child { display: block; } #offers { position: relative; width: auto; height: 200px; } .et-carousel-wrapper { overflow: hidden; position: absolute; z-index: 3; width: 960px; } .et-carousel-wrapper ul { width: 5000%; position: relative; } .et_only_mobile_arrows .et-slider-arrows { display: none; } .images { float: left; margin: 0 30px 10px 0 !important; position: relative; width: 278px !important; } div.product div.summary, #content div.product div.summary { float: right; width: 197px; } h1.product_title { margin-bottom: 15px; } #content div.product p.price, #content div.product p.price del { font-size: 24px; font-weight: 300; } #content div.product p.price del { color: #d9d9d9; margin-right:10px; } #content div.product p.price { margin-bottom: 15px; } .product_meta { line-height: 1.8; clear:both; } .p-tabs{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #eaeaea; margin-bottom: 45px; clear:Both; } div.product .p-tabs ul.tabs, #content div.product .p-tabs ul.tabs { margin: 0; background: #f8f8f8; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } div.product .p-tabs ul.tabs li, #content div.product .p-tabs ul.tabs li, div.product .p-tabs ul.tabs li.active, #content div.product .p-tabs ul.tabs li.active { background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background: none; border-right: 1px solid #eaeaea; padding: 17px 22px; -webkit-box-shadow: 1px 0 0 #fff; -moz-box-shadow: 1px 0 0 #fff; box-shadow: 1px 0 0 #fff; text-shadow: 1px 1px 0 #fff; } div.product .p-tabs ul.tabs li a, #content div.product .p-tabs ul.tabs li a { color: #969696 !important; font-size: 14px; font-weight: 300; } div.product .p-tabs ul.tabs li:before, #content div.product .p-tabs ul.tabs li:before, div.product .p-tabs ul.tabs li:after, #content div.product .p-tabs ul.tabs li:after { display: none; } div.product .p-tabs ul.tabs li.active a, #content div.product .p-tabs ul.tabs li.active a { color: #1f1e1e !important; } div.product .p-tabs .panel, #content div.product .p-tabs .panel { padding: 40px 48px; } #reviews #comments ol.commentlist { list-style: none; } #reviews #comments h2 { padding-bottom: 18px; } #reviews #comments ol.commentlist li .comment-text p.meta { margin: 0; padding-bottom: 10px; } .upsells.products h2, .related.products h2 { font-size: 32px; color: #2e2e2e; margin-bottom: 45px; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #social{ position:absolute; top:20px; right:0px; width:415px; text-align:right; } #social img{ padding-left:30px; } #social #contactnumber{ float:left; font-size:26px;padding-top:5px;color: #000} #social #contactnumber:hover{color:#00aea5; font-weight: bold;} #comment-wrap, #respond { position: relative; padding-top: 45px; } #comment-wrap:before, #respond:before { content: ''; position: absolute; top: 0; left: -64px; right: -54px; width: auto; height: 1px; background: #eaeaea; } .commentlist, #respond { padding-top: 11px; } h1#comments, #reply-title { font-size: 32px; font-weight: 300; color: #2e2e2e; } .comment-body { position: relative; padding: 0 0 0 75px; margin: 25px 0; } .comment_avatar { position: absolute; top: 0; left: 0; } .comment_avatar img { display: block; } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } .comment_postinfo { margin-bottom: 16px; font-weight: 300; } .fn, .fn a { color: #2e2e2e; text-decoration: none; font-size: 24px; } .comment_date { color: #c9c9c9; margin-left: 4px; font: 16px; } .comment-reply-link, .form-submit #submit { float: right; position: relative; padding-right: 12px; } .commentlist .children { padding-left: 87px; } #respond { margin-top: 60px; padding-top: 56px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 89%; } #commentform textarea, #commentform input[type="text"] { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e5e5e5; padding: 13px; color: #2e2e2e; font-size: 14px; font-weight: 300; text-shadow: 1px 1px 0 #fff; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); } #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; letter-spacing: 0; font-family: 'Open Sans', Arial, sans-serif; } .form-submit { text-align: right; } .form-submit input { font-size: 14px; float: none; } .comment #respond, #trackbacks { margin-bottom: 30px; } .comment #respond { padding: 0; margin: 32px 0; } .comment #respond:before { display: none; } #respond .form-submit #submit { float: none; } .pp_woocommerce #respond:before { display: none; } .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } #content-area table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; } #content-area tr th, #content-area thead th { color: #555; font-weight: bold; padding: 9px 24px; border-top: 1px solid #eee;} #content-area tr td { border-top: 1px solid #eee; padding: 6px 24px; } #breadcrumbs { background: #f8f8f8; padding: 23px 23px 23px 27px; border-bottom: 1px solid #eaeaea; -moz-box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; box-shadow: inset 0 -1px 0 #fff, inset 0 1px 0 #fff; text-shadow: 1px 1px 0 #fff; } #breadcrumbs .raquo { position: relative; text-indent: -9999px; display: inline-block; width: 44px; } #breadcrumbs .raquo:before { content: ''; position: absolute; top: -22px; left: 15px; display: block; background: url(/Assets/images/breadcrumbs_separator.png) no-repeat; width: 13px; height: 59px; } #breadcrumbs a { color: #969696; } #breadcrumbs, #breadcrumbs a:hover { color: #1f1e1e; text-decoration: none; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { position: relative; color: #9d9c9c; background: #222222;} .footer-boxes{ box-shadow: 0px 5px 10px #000 } #main-footer:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); */ } .footer-column { float: left; width: 280px; padding: 24px 10px 0; } .footer-column.first { padding-left: 40px; } .footer-column.last { padding-right: 40px; } .footer-widget { padding-bottom: 30px; text-shadow: 1px 1px 0 #111; } .footer-widget a { color: ##00aea5; text-decoration: none; } .footer-widget a:hover { color: #FFFFFF; } .footer-widget a {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;display: block;} .footer-column.first h4.widgettitle { margin-left: -40px; margin-right:0;} .footer-column.last h4.widgettitle { margin-right: -40px; margin-left:0;} h4.widgettitle { font-size: 14px; color: #FFF; border-bottom: 3px solid #00aea5; text-align: center; padding: 0 40px 20px 30px; margin: 0 -30px 25px; text-shadow: 1px 1px 0 #111; } #footer-copyright { font-family: Georgia, serif; font-style: italic; font-size: 14px; color: #606060; margin: -6px 0 -6px; } .footer-widget p { padding:0; } #footer-bottom { color:#212222; text-align: right; padding: 20px 10px; } #footer-bottom p { font-size: 14px; color: #9D9C9C; font-style: italic; } #footer-bottom a { color:#212222; text-shadow:none; font-style: normal; } #footer-bottom p a { color:#9D9C9C; font-weight: 800; font-style: normal; } #main-footer strong {color: #00aea5;} .ABNtext{text-align:center;padding: 0 0 20px;color:#9D9C9C} #footer-widgets{ } #footer-widgets img{ max-width: 260px; } .widget li, .footer-widget li { padding: 0 0 15px 15px; position: relative; } .widget li:before, .footer-widget li:before { content: ''; position: absolute; top: 4px; left: 0; border: 3px solid transparent; border-left-color: #b2d34d; } .footer-widget li ul, .widget li ul { margin: 15px 0 -15px; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 215px; padding: 0 0 0 58px; color: #adadad; } #sidebar a { color: #adadad; } #sidebar a:hover { color: #111; text-decoration: none; } .et-search-form { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #e5e5e5; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1); margin: 13px 0 56px; position: relative; } input.search_input { background: none; border: none; font-weight: 300; color: #adadad; margin: 0; padding: 14px 7px 14px 20px; width: 65%; } .search_submit { top: 16px; right: 16px; position: absolute; } .widget { margin-bottom: 45px; } .widget > ul { margin-top: 10px; } .widget:last-child { margin-bottom: 0; } h4.widget-title { font-weight: 800; font-size: 14px; color: #2e2e2e; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; z-index: 9999; background: #292929; border: 1px solid #151515; -webkit-box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); -moz-box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); box-shadow: 2px 2px 3px rgba( 0,0,0,0.5 ); } .nav li { position: relative; } .nav ul li { float: none; display: block !important; border-bottom: 1px solid #1c1c1c; border-bottom: 1px solid rgba(0,0,0,0.45); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); padding: 2px 0 0 !important; } .nav ul > li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .nav ul a, .et_mobile_menu a { display: block; float: none; padding: 17px 5px 17px 20px !important; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 64px; } .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; } .nav li li { display: block; padding: 0px; height: auto !important; } .nav li ul { width: 228px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .et_mobile_menu a { color: #fff; text-decoration: none; border-bottom: 1px solid #111; -moz-box-shadow: 0 1px 0 #2a2a2a; -webkit-box-shadow: 0 1px 0 #2a2a2a; box-shadow: 0 1px 0 #2a2a2a; } .nav ul li:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(255,255,255,0.06); } .nav ul a:hover, .et_mobile_menu a:hover { background: #313131 !important; background: rgba(255,255,255,0.08) !important; } #top-navigation ul.nav li:hover ul, #top-navigation ul.nav li.sfHover ul { left: 0; top: 28px; } #top-navigation ul.nav > li > ul:before { content: ''; position: absolute; top: -14px; left: 45px; border: 7px solid transparent; border-bottom-color: #292929; } .nav li li:hover ul, ul.nav li li.sfHover ul, #top-navigation ul.nav li li:hover ul, #top-navigation ul.nav li li.sfHover ul { left: 228px; top: -1px; } .et_mobile_menu ul a { padding-left: 40px !important; } .et_mobile_menu ul ul a { padding-left: 70px !important; } .et_mobile_menu ul ul ul a { padding-left: 100px !important; } .et_mobile_menu ul ul ul ul a { padding-left: 130px !important; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 20px 0; } #content-area .wp-pagenavi { text-align: right; margin-top: 25px; } #content-area .wp-pagenavi a, #content-area .wp-pagenavi span { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 1px 1px 0 rgba(255,255,255,0.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 1px 1px 0 rgba(255,255,255,0.7); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #eaeaea; padding: 5px 12px 7px; color: #2e2e2e; text-shadow: 1px 1px 0 #fff; font-weight: 300!important; margin: 0 2px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ } #content-area .wp-pagenavi span.current, #content-area .wp-pagenavi a:hover { text-decoration: none; border: 1px solid #dadada; background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(236,236,236,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ } #content-area .wp-pagenavi span.current { font-weight: 800!important; } #content-area .wp-pagenavi .pages { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .et_embedded_videos { display: none !important; } .et_mobile_menu { display: none; } table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.587em; max-width: 100px; } #content .cart-subtotal td { border-top: none; } .woocommerce-checkout #content .cart-subtotal td { border-top: 1px solid #eee; } table.cart td.actions .button.alt, #content table.cart td.actions .button.alt { margin: 19px 0 9px; } table.shop_table { margin-bottom: 30px !important; } .cart_totals h2, .shipping_calculator h2 { margin-bottom: 10px; } .cart_totals { clear:both; margin-top:15px; float: right; width: 48%; text-align: right; } .et_pt_gallery_entry { margin-left: 58px !important; } .page-template .entry { margin-bottom: 15px; } #image-navigation { padding: 15px 0; } .variations label { top: 4px; position: relative; } .variations select { margin: 0; } .reset_variations { top: 5px; position: relative; font-size: 11px; } div.product div.images img, div.product div.images img, #content div.product div.images img, #content div.product div.images img { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #vtab { margin: auto; width: auto; height: 100%; border-radius: 5px 5px 5px 5px; padding: 5px 5px 5px 0; background: #333333 url("/Assets/images/body-bg-21.jpg") no-repeat center center; } #vtab > ul > li { width: 110px; list-style-type: none; display: block; text-align: center; margin: auto; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative; border-right: none; color: #00aea5; } #vtab > ul > li.selected { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px solid #ddd; border-right: none; z-index: 10; background-color: #fafafa !important; position: relative; color: #000 } #vtab > ul { float: left; width: 110px; text-align: left; display: block; margin: auto 0; padding: 0; position: relative; top: 30px; } #vtab > div { background-color: #fafafa; margin-left: 110px; border: 1px solid #ddd; min-height: 500px; padding: 30px; position: relative; z-index: 9; font-size: 16px; -moz-border-radius: 3px; border-radius: 3px; } #vtab > div > h4 { color: #800; font-size: 1.2em; border-bottom: 1px dotted #800; padding-top: 5px; margin-top: 0; } .mainblock li{ list-style:none; padding-left:25px; background: url(/Assets/images/tick.gif) no-repeat 3px 5px; } .includes{clear:both} .includes li{ list-style:none; padding-left:25px; background: url(/Assets/images/plus.gif) no-repeat 3px 5px; } .imageshot{margin: 0 0 15px 11px;max-width:260px;} .includes .imageshot{float:right;margin: 0 0 15px 15px;max-width:130px;} .price4WD, .priceCAR {font-size:24px;position: absolute; right: 20px;line-height: 28px;} .price4WD {top: 175px;} .priceCAR {top: 125px;} .price4WD img, .priceCAR img{text-align:basline; position: relative; top: 3px;} .priceCAR.wide{width: 220px !important; text-align: center;font-size: 20px;} .enquiery{ background: rgb(76,76,76); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(17,17,17,1) 52%, rgba(17,17,17,1) 76%, rgba(30,30,30,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(52%,rgba(17,17,17,1)), color-stop(76%,rgba(17,17,17,1)), color-stop(91%,rgba(30,30,30,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(17,17,17,1) 52%,rgba(17,17,17,1) 76%,rgba(30,30,30,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(17,17,17,1) 52%,rgba(17,17,17,1) 76%,rgba(30,30,30,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(17,17,17,1) 52%,rgba(17,17,17,1) 76%,rgba(30,30,30,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(17,17,17,1) 52%,rgba(17,17,17,1) 76%,rgba(30,30,30,1) 91%,rgba(19,19,19,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */ border: 1px solid #000; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 1px rgba(0, 0, 0, 0.1); color: #FFFFFF; display: inline-block; font-size: 18px; padding: 8px 11px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } .productblock .enquiery, .serviceblock .enquiery{ font-size: 14px; margin-left: 11px; min-width: 106px; text-align:center; } .enquiery:hover{text-decoration:none} .productblock, .serviceblock{ width:374px; position:relative; float:left; padding: 1em 10px 1em; margin-bottom:20px; border: 1px solid #d4e9eb; } .serviceblock h4{color:black} .productblock{ min-height:220px; clear:left } .productblock:hover, .serviceblock:hover { border: 1px solid #FFF; box-shadow: 1px 1px 15px #999999; } .productblock.last, .serviceblock.last{ margin-left:34px; clear:none; } .productblock .infoblock, .serviceblock .infoblock{ width:145px; margin: 0 15px 0 0; /* float:left; */ } .productblock .content, .serviceblock .content{ margin-left:145px; overflow:hidden; } .serviceblock h4{margin-bottom:0.75em;} .productblock .price4WD, .serviceblock .price4WD { clear:left;right:0;} .productblock .priceCAR, .serviceblock .priceCAR { clear:left; margin-right:15px;right:0;} .productblock .price4WD, .productblock .priceCAR, .serviceblock .price4WD, .serviceblock .priceCAR { margin-bottom:5px; font-size:16px; position:static;min-width:106px;margin-left:11px; text-align: center;} .productblock .price4WD img, .productblock .priceCAR img, .serviceblock .price4WD img, .serviceblock .priceCAR img{vertical-align: text-bottom;} .productblock .infoblock{position:relative;} .productblock .onsale {left:-20px;top:-20px;right:auto} .productblock .et-main-price{margin-bottom: 5px; font-size: 16px; position: static; min-width: 106px; margin-left: 11px; text-align: center; } .serviceblock .infoblock .imageshot, .productblock .infoblock .imageshot{ width:130px; } .serviceblock .contentblockM, .productblock .contentblockM {display:none} #packages .panel{ width:47.5%; margin:0px 4% 30px 0; float:left; position:relative; border: 1px solid #d4e9eb; padding-bottom:50px } #packages .panel.right{margin-right:0;float:right} #packages .mainblock{padding:15px 20px 0; background: #FFF url() no-repeat top center;} #packages .mainblock h1{ background: linear-gradient(to bottom, #04DDCF 0%,#009E93 100%); color: #555; padding: 10px 20px; margin: -21px -21px 20px -21px; } #packages .mainblock h1 span{color:#FFF} /* #packages .mainblock ul {color: #FFF;} #packages .mainblock li{background: url(/Assets/images/tick_white.gif) no-repeat 3px 5px;} */ #packages .imageshot{float:none;display:none;} #packages h1{margin-bottom:20px} #packages .price4WD, #packages .priceCAR {position:static; padding-left:10px; margin-right:15px;width: 88px} #packages .price4WD{margin-left:10px:} #packages .enquiery{margin-left:0px; display:inline-block;text-align:center;line-height: 28px;padding: 8px 11px; font-size: 18px;vertical-align: bottom;float: right;height:29px} #packages h1 span{ float:right; font-size:0.5em; position:relative;top:0.25em;color:#00aea5} #packages .pricing{clear:both;display:block;margin:0;position: absolute;bottom: 15px;} .blockimage, .blockimage:hover{ border: 1px solid #d4e9eb !important;} .blockimage:hover, #packages .panel:hover{box-shadow: 1px 1px 15px #999999;border:1px solid #FFF; background:#FFF url();} /* #packages .panel:hover .mainblock{background: #FFF url(/assets/images/hood3.jpg);} #packages .panel:hover h1{color:#FFF; border-bottom: 1px dotted #666} #packages .panel:hover h1 span{color:#00aea5; text-shadow:none} #packages .panel:hover .mainblock li {background: url(/Assets/images/tick2.gif) no-repeat left center;} */ #priceguide .panel{ width:100%; margin:0px 4% 30px 0; float:left; position:relative; border: 0 solid #d4e9eb; padding-bottom: 75px; } #priceguide .panel.large{border: 1px solid #DDDDDD;} #priceguide .panel.right{margin-right:0;float:right} #priceguide .mainblock{padding:15px 60px 0 85px; background: transparent url() no-repeat top center; font-size:12px;} #priceguide .large .mainblock{ padding:15px 120px 25px 130px; } #priceguide .mainblock::before{ background: transparent url(/assets/shaddow.png) center bottom no-repeat; position:absolute; left:0; right:0; top: 0; height:15px; content: '';background-size: cover; } #priceguide .watermarkImage{ position:absolute; right:0; top: 0; z-index: 0; max-width: 25%; } #priceguide .mainblock h1{ font-weight:700} #priceguide .mainblock h1 span{color:#FFF} #priceguide .mainblock ul {padding:0;} #priceguide .mainblock li{background: url() no-repeat 3px 5px; padding-left: 0em; list-style-type: square; margin-left: 1em; } #priceguide .content p{ line-height: 1.4em; } #priceguide .imageshot{float:none;display:none;} #priceguide h1{margin-bottom:0px; font-size: 1.6em;} #priceguide h2{margin-bottom:1em; font-size: 1.3em} #priceguide .price4WD, #packages .priceCAR {position:static; padding-left:10px; margin-right:15px;width: 88px} #priceguide .price4WD{margin-left:10px:} #priceguide .enquiery{margin-left:0px; display:inline-block;text-align:center;line-height: 28px;padding: 8px 11px; font-size: 18px;vertical-align: bottom;float: right;height:29px} #priceguide h1 span{ float:right; font-size:0.5em; position:relative;top:0.25em;color:#00aea5} #priceguide .title {font-weight:bold;} #priceguide .pricing{clear:both;display:block;margin:0;position: absolute;bottom: 15px;} #priceguide ul{ margin:1em 0;font-weight: bold;} #priceguide a{color:inherit;} #priceguide a:hover{color:inherit;} #priceguide .priceribbon{ display:block; position:absolute; left:7px; top:0; width:46px; font-size:14px; color:#FFF !important; text-align:center; text-shadow: none; padding: 20px 8px 22px 8px; background: transparent url(/assets/price_ribbon.png) center bottom no-repeat; } #priceguide .contact{ display: block; position:absolute; bottom:20px; left:0; right:0; } #priceguide .contact a{ color:#FFF; background-color: #222222 ; /*#ed1c24; */ padding: 10px 20px; border-radius: 6px; margin: 0 auto; display: none; text-align: center; max-width: 160px;font-size:1.25em; } #priceguide .contact a:hover{ color:#FFF; text-decoration: none; } #priceguide .content{position:relative;z-index:1;} #priceguide .panel:hover .contact a{ display: block; } #priceguide .contact:hover{text-decoration: none} .button.item_add { cursor:pointer; } .button.item_add:hover { text-decoration:none; } .simpleCart_items { width:100%; font-family: 'Open Sans', Arial, sans-serif; } .simpleCart_items .headerRow { border:1px solid #CCC; height:40px; line-height:40px; font-weight:bolder; font-size:16px; } .simpleCart_items .headerRow div { } .simpleCart_items .itemRow { clear:both; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; height:57px; line-height:57px; } .simpleCart_items .item-name { display:inline-block; width:30%; } .simpleCart_items .item-price { display:inline-block; width:10%; text-align:center; } .simpleCart_items .item-image { display:inline-block; width:10%; text-align:center; } .simpleCart_items .item-decrement, .simpleCart_items .item-increment { position:relative; display:inline-block; width:20px; height:20px; } .simpleCart_items .itemRow .item-decrement a, .simpleCart_items .itemRow .item-increment a { position:absolute; display:block; width:20px; text-align:center; height:20px; line-height:20px; /*border:1px solid #CCC; background:#CCC; color:#000;*/ text-decoration:none; } .simpleCart_items .itemRow .item-decrement a:hover, .simpleCart_items .itemRow .item-increment a:hover { background:#EEE; } .simpleCart_items .itemRow .item-decrement a { bottom:-17px; left:-20px; } .simpleCart_items .itemRow .item-increment a { top:-8px; left:-40px; } .simpleCart_items .item-quantity { display:inline-block; width:10%; text-align:center; } .simpleCart_items .item-total { display:inline-block; width:10%; text-align:center; float:right; } .simpleCart_items .item-remove { display:inline-block; width:10%; padding-left:20px; } .simpleCart_items .item-remove a { display: block; font-size: 1.0em; height:20px; width:20px; text-align: center; line-height: 20px; text-align:center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: red; text-decoration: none; font-weight: bold; text-indent:-1px; } .et-cart i{font-style: normal;} .simpleCart_items .item-remove a:hover {background-color:red;color:#fff} .simpleCart_checkout { margin-top:15px; cursor:pointer; text-decoration:none; } @media only screen and ( min-width: 1150px ) { .feedback{ position:absolute; right:0; top:250px; width:50px; height:170px; background: transparent url("/Assets/feedback.png") no-repeat top right; z-index:10; } .booktab{ position:absolute; right:0; top:400px; width:50px; height:265px; background: transparent url("/Assets/booknow_grey.png") no-repeat top right; z-index:10; } .swisstab{ position:absolute; left:0; top:250px; width:50px; height:180px; background: transparent url("/Assets/swissvax.png") no-repeat top left; z-index:10; } .painttab{ position:absolute; left:0; top:418px; width:50px; height:265px; background: transparent url("/Assets/paintprotectionaustralia.png") no-repeat top left; z-index:9; } } @media only screen and ( min-width: 961px ) { .et_fullwidth_view .et-products li:nth-child(4n) { margin-right: 0; } .et_fullwidth_view .et-products li:nth-child(4n+1) { clear: both; } .et_includes_sidebar .et-products li:nth-child(3n) { margin-right: 0; } .et_includes_sidebar .et-products li:nth-child(3n+1) { clear: both; } .et_includes_sidebar .et-products li { margin-right: 45px; } #et-search { margin-left: -43px; } #et_pt_portfolio_gallery { margin-right: -30px !important; } .et_pt_portfolio_item { /* margin-left: 38px !important; */ margin-bottom: 13px;} .et_portfolio_small .et_pt_portfolio_item { margin-left: 23px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -46px !important; } .et_portfolio_large .et_pt_portfolio_item { width: 420px !important; margin-left: 26px !important; } } @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } #packages .mainblock {font-size: 12px !important;} #packages .mainblock ul {padding:0 0 0px;} #packages .price4WD, #packages .priceCAR {font-size:20px;padding-left: 14px;text-align:center;width: 84px} /* .serviceblock { width: 100% !important} */ .serviceblock.last {margin-left:0 !important} .serviceblock .content{ float:left;} #packages .panel {padding-bottom: 150px !important} #packages .pricing{ bottom:10px !important; width: 235px;} #packages .enquiery {display:block;width:auto} } @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { #container, #et-slides, .et-slide, .et-carousel-wrapper { width: 704px; /*728px;*/ } .et-cart { position: absolute; top: 60px; right: 0; } #et-slides { height: 456px; } .et-slide .description { top: 95px; } .et-controllers { bottom: 45px; } .et-slide .et-slide-button { bottom: 96px; } #top-categories a{padding:25px 9px} #top-categories > li.current-menu-item > a { font-weight: 400 !important; } #offers { height: 152px; } #offers li { width: 243px; } .offers-description { top: 43px; } .et-products li { margin-right: 80px; } .et_fullwidth_view .et-products li:nth-child(3n) { margin-right: 0; } .et_fullwidth_view .et-products li:nth-child(3n+1) { clear: both; } .et_includes_sidebar .et-products li:nth-child(2n) { margin-right: 0; } .et_includes_sidebar .et-products li:nth-child(2n+1) { clear: both; } #client-logos { padding: 54px 54px 54px 56px; } #client-logos li { width: 124px; margin-right: 40px; } .footer-column { padding-right: 19px; width: 162px; } #content-area:before { left: 482px; } #main-area { width: 362px; } #sidebar { width: 174px; padding-left: 36px; } #breadcrumbs{white-space: nowrap;} .images { width: 160px !important; } div.product div.summary, #content div.product div.summary { width: 165px; } #et_pt_gallery { margin-left: -54px !important; margin-right: -20px !important; } .et_pt_gallery_entry { margin-left: 11px !important; } #et_pt_portfolio_gallery { margin-left: -35px !important; margin-right: -20px !important; } .et_pt_portfolio_item { margin-left: 13px !important; /* width: 201px !important; */;margin-bottom: 13px;} .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -39px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 13px !important; width: 117px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -42px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 9px !important; width: 321px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } .col2-set .col-1, .col2-set .col-1 { width: 100% !important;} .serviceblock{width: 45%;} .serviceblock.last{margin-left:20px} .enquiery{font-size:12px;} .serviceblock .content { clear: left; margin-left: 0; overflow: hidden;} #packages .priceCAR{margin-right:0px;padding: 8px 0;} #packages .price4WD{ margin:0;float:right;} #packages .enquiery {width:100%;float:none;padding:10px 0;margin:10px 0} .priceCAR.wide{width: 100% !important; } .serviceblock .content {clear:none;float:none;} .serviceblock{min-height:0;} .productblock, .serviceblock { width: 256px !important; } .productblock.last, .serviceblock.last { margin-left: 15px !important; } .serviceblock .infoblock .imageshot, .productblock .infoblock .imageshot {width:100px !important; margin: 0 0 3px 0!important} .productblock .et-main-price, .serviceblock .price4WD, .serviceblock .priceCAR{font-size: 15px!important; margin-left:0!important; margin-right:0!important;min-width: 76px!important;} .serviceblock .price4WD{} .productblock .enquiery, .serviceblock .enquiery {font-size: 13px!important; margin: 0!important;min-width: 76px!important;max-width: 76px!important;} .productblock .infoblock, .serviceblock .infoblock {width:105px!important;margin-right: 8px;} .productblock .content, .serviceblock .content {margin-left: 105px!important;} .productblock .content p, .serviceblock .content p{line-height: 18px !important;} } @media only screen and ( max-width: 769px ) { body { overflow-x: hidden; max-width: 100vw;} #logo{width:240px} #social img {padding-left: 10px;} #main-header { padding-top:65px; padding-left: 10px;} #main-area {padding:0 25px !important} .fullwidth #main-area {padding:0 25px !important} #social {width: 370px;} #container, #et-slides, .et-slide, .et-carousel-wrapper { width: auto; margin: 0 0px; } #et-slides { height: 52vw; /*275px;*/ } .entry-content {margin:0 25px} #top-navigation, #top-categories, #sidebar, #content-area:before { display: none; } .et-slide .description { top: 55px; } .et-slide .description hgroup { padding: 15px 10px; } .et-slide .description hgroup h1 { font-size: 36px; } .et-slide .description hgroup h2 { font-size: 18px; } .et-arrow-prev, .et-arrow-next { padding: 26px 2px; z-index: 10000; box-shadow: none;} .et-arrow-prev { left:0px !important; } .et-arrow-next { right:0px !important; } .et-arrow-prev span, .et-arrow-next span { width: 15px; height: 21px; } .et-arrow-prev span { background: url(/Assets/images/small-left-arrow.png) no-repeat; } .et-arrow-next span { background: url(/Assets/images/small-right-arrow.png) no-repeat; } #featured:hover .et-arrow-prev, #offers:hover .et-arrow-prev { left: -22px; } #featured:hover .et-arrow-next, #offers:hover .et-arrow-next { right: -22px; } .more-button { font-size: 24px; padding: 11px 17px; } .et-slide .et-slide-button { bottom: 62px; } .et-controllers { bottom: 26px; } #offers li h2 {font-size: 45px;} .more-button.small {font-size:24px; margin-top: 1em;} .et_pt_portfolio_image h2{width:100% !important; text-align:center;padding:8px 0 !important;} #catagorymenu {left:0 !important;margin: 1em 0} #breadcrumbs{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;} .product.type-product{ width:auto } .imageshot{margin: 0 0 15px 10px;max-width:100%;} #offers { height: 240px; background: #222222;} #offers li { width: 50vw; } #offers li iframe { height: 240px;} .offers-description { top: 46px; } .et-products li { margin-right: 34px; } .et-products li:nth-child(2n) { margin-right: 0; } .et-products li:nth-child(2n+1) { clear: both; } #client-logos { padding: 53px 80px 0 67px; } #client-logos li { width: 124px; margin-right: 40px; padding-bottom: 53px; } #client-logos li:nth-child(2) { margin-right: 0; } #mobile-sidebar { display: block; } #mobile-sidebar, #main-page-wrapper { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .et-sidebar-open #mobile-sidebar { right: 0; } #page-wrap { overflow-x: hidden; /* position: relative;*/ width: 100%; } #main-area { float: none; width: auto; } .entry { margin: 0px; } .entry .title, .entry-content{ margin: 0; } .commentlist .children { padding-left: 0; } #content-area .wp-pagenavi { text-align: center; } #content-area .wp-pagenavi .pages { display: none; } .images { width: 102px !important; margin:0 !important; } div.product div.summary, #content div.product div.summary { width: 100%;float:none; } .plus,.minus{ font-size:24px;width:40px;height:35px;display:inline-block;position:static;vertical-align: text-top;} .buttons_added {width:100% !important;overflow: visible !important;margin: 0 0 10px 0 !important;} .item_Quantity {width:145px !important;margin: 0 !important;height:34px !important; float:none;vertical-align: text-top;} .item_add{width:100%; padding: 10px 0 !important; text-align:center} table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr { max-width: 55px; } .et_pt_gallery_entry { margin-left: 74px !important; } .et_pt_portfolio_item {width:100% !important; float:none !important; margin-bottom: 2em;} .et_pt_portfolio_image img{width:100%} .sitemap-col { float: none !important; width: auto !important; } .et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; margin-left: 17px !important; } .et_portfolio_small .et_pt_portfolio_entry{ float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon{ left: 38px !important;} .et_portfolio_small .et_portfolio_zoom_icon{ left: 77px !important;} #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -23px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; } .et_only_mobile_arrows .et-slider-arrows {display:block;} .col2-set .col-1, .col2-set .col-1 { width: 100% !important;} .serviceblock .infoblock{margin:0} .serviceblock .infoblock .imageshot{width:100%; margin:0} .serviceblock{width: auto;border-bottom: 1px solid #EEEEEE;padding-bottom:1.5em} .serviceblock .content{ margin-left: 160px ; float:none; /* padding-top:20px;clear: both; */} /*.serviceblock.last{margin:0} */ .enquiery {font-size:14px;} .Price.Download2{width:100%;} #packages .panel{clear:both;width:100%;margin:0 0 15px 0;padding-bottom: 70px !important} #packages .mainblock ul {clear:both; margin-left:0; padding-left : 0;} #packages .pricing { bottom:10px !important; width: 350px;} #packages .price4WD, #packages .priceCAR {font-size:14px;padding-left: 14px;} #packages .price4WD{float:left;margin-right:9px !important;} #packages .et-main-price{width:110px;padding: 6px 0;margin: 0 -1px 5px -1px; text-align:center;font-size:20px;} #packages .enquiery{width:110px;padding: 6px 0 6px;margin: 0 -1px 5px -1px; text-align:center; font-size:18px;} .productblock, .productblock .infoblock, .productblock .content{/*clear:both; margin:0; width:auto; */} .productblock .infoblock .imageshot{margin:0;width:100% !important} .productblock .infoblock a{display:block} .productblock .enquiery, .productblock .et-main-price{width:100%;padding: 5px 0;margin: 0 ;} .productblock{clear:both; margin: 0 0 10px 0 !important; min-height:auto; /* width:auto !important; */} .productblock h4{margin-top:10px;} .productblock{padding:10px; border-width:1px} /* .productblock:hover,.serviceblock:hover{ border-width:0 0 1px 0; box-shadow: none;} */ .footer-widget {padding-bottom: 0px;} .footer-column{padding: 0 20px;} .footer-column { padding-left: 40px; /*padding-right: 60px;*/ width: 40% } .footer-column.first { width: 90%; } .footer-column h4.widgettitle { margin-left: -60px; margin-right: -60px; display:none; } #footer-bottom { text-align: center; } #main-footer{padding-top:60px;padding-bottom:20px;} .simpleCart_items{display:table; /* margin-left: -1em; */} /* .simpleCart_items .headerRow .item-price:after{content:"Qty";display: table-cell;} .simpleCart_items .headerRow .item-quantity{display:none} */ .simpleCart_items .headerRow, .simpleCart_items .itemRow {/*display:table-row; */ font-size:0.85em; border: 1px solid #CCC; margin-bottom: -1px;height:auto;padding:5px 0;} .simpleCart_items .headerRow div, .simpleCart_items .itemRow div {display: table-cell;display: table-cell;padding:3px !important;line-height: 1.2em;position:relative;} .simpleCart_items .itemRow{height:auto;padding:5px 0;} .simpleCart_items .item-image, .simpleCart_items div .item-decrement, .simpleCart_items div .item-increment{display:none !important} .simpleCart_items .item-remove{/* width:20px; */} .simpleCart_items .item-total{float:none;} .cart_totals {width:100%;text-align:center;margin-top:0.85em} .cart_totals table{margin:0;} .paypallogo{ position:static!important; width:100%; max-width: 200px;} .serviceblock .price4WD, .serviceblock .priceCAR{ margin-bottom: 5px; font-size: 16px; position: static; margin-left: 0; width:143px; padding: 5px 0; text-align: center; } .enquiery { float:none; padding: 10px 0; margin-left: 0 !important; width:143px; } .serviceblock .priceCAR {margin-top:4px;} .baseFooter { padding-top:20px; padding-bottom:0px; } .basefooterbox{ margin: 40px; padding:10px 10px 30px 10px; color:#666; border:1px solid #000; background:#333; } #priceguide .contact a{ display:block; } } @media only screen and ( max-width: 479px ) { #content{ -webkit-box-shadow: none; */ -moz-box-shadow: none; box-shadow: none; } #main-header {padding-top:75px;} #social #contactnumber {font-size:20px; display:inline-block; margin-right:2em;float: none} #container, #et-slides, .et-slide, .et-carousel-wrapper, #offers li { width: auto; } #et-slides, #offers { } #social {width: 100%; text-align: center;} .et-carousel-wrapper{margin: 0} .et-slide .description hgroup { padding: 10px; } .et-slide .description hgroup h1 { font-size: 24px;margin-top:10px; } .et-slide .description hgroup h2 { font-size: 12px; margin-top:10px;} .more-button { font-size: 14px; padding: 9px 14px; } .et-slide .description { top: 29px; } .et-slide .et-slide-button { bottom: 12px;width:100%; } .et-controllers, #breadcrumbs { display: none; width:auto !important;} #offers li h2 {font-size: 26px;} .more-button.small {font-size:16px; margin-top: 0.25em;} .serviceblock{ border:0 none; padding:0;} #et-slides { } #main-footer{} .footer-column{ padding: 24px 20px 0 !important; } .footer-column h4.widgettitle {display:none;} .offers-description { top: 55px; width: 100vw; } #client-logos { padding: 66px 52px 20px 58px; } #client-logos li { width: 170px; margin-right: 0; padding-bottom: 44px; float: none; } .et-products li { margin-right: 0; } .et-sidebar-open #mobile-sidebar { width: 273px; } .et-arrow-prev,.et-arrow-next {z-index:10000; box-shadow:none;} .et-arrow-prev { left:0;} .et-arrow-next{ right:0;} #content-area .wp-pagenavi { margin: 0 -53px 0 -57px; } .short-description, .product_meta, div.product .p-tabs, #content div.product .p-tabs{ display: none; } .images { float: none !important; width: auto !important; margin-bottom: 40px !important; clear: both !important; } table .product-thumbnail { display: none; } .page .rightmenu{margin-right:0;} .page #catagorymenu{display: none} #main-area table { /* margin-left: -57px; */ } #content div.product form.cart .variations { margin-left: 0; } table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.287em; } .et_pt_gallery_entry { margin-left: 2px !important; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -39px !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; } #et_pt_portfolio_gallery { margin-left: -38px !important; } #et-slides, .et-slide{ margin: 0; } .et-slide .more-button { width: 85%; font-size: 1.4em; } #offers{ overflow: hidden; } #offers li { width: 100%; margin-left: 0px; } #offers img{ max-height: 240px; } .et_portfolio_small .et_pt_portfolio_item { width: 255px !important; margin-left: 0 !important; } .col2-set .col-1, .col2-set .col-1, .col2-set .col-2, .col2-set .col-2 { width: 100% !important; } form .form-row, form .form-row { width: auto !important; float: none !important; } #order_review .shop_table { margin-left: 0; } #social img{width:20px} .serviceblock {border:0 none;} .serviceblock .content{ margin-left: 0 ; padding-top:20px;clear: both;} .serviceblock .infoblock{width:230px;} .enquiery, .serviceblock .price4WD, .serviceblock .priceCAR {width:228px;} .productblock, .productblock .infoblock, .productblock .content{clear:both; margin:0; width:auto; } .productblock .content h4{display:none;} .productblock .contentblockM{display:block; border-top: 1px solid #d4e9eb; padding-top:0.5em;} .productblock{padding:0 0 20px; border-width:1px 0 0 0} .productblock:hover,.serviceblock:hover{ border-width:1px 0 0 0; box-shadow: none;} #packages .pricing { bottom: 10px !important; width: 190px; } #packages .panel{clear:both;width:100% !important;margin:0 0 15px 0;padding-bottom: 210px !important} #packages .price4WD, #packages .priceCAR, #packages .enquiery { width:100%; margin: 5px 0; font-size:22px; padding:10px 0; text-align:center; } #packages .enquiery{ margin-bottom: 15px } .priceCAR.wide {width:190px !important; float: right;} .titlesmall{display:block;border-top: 1px solid #d4e9eb;padding-top:1em; padding-left:60px;} .content .title{display:none;} #priceguide .mainblock h1 , #priceguide .mainblock h2 , .content .redText{padding-left:60px;} .redText .redText{padding-left:0px;} #priceguide .mainblock h1 {padding-top:1em;} #priceguide .panel, #priceguide .panel.right{ width:auto; /* margin-left: -20px; margin-right: -20px; */ margin-bottom: 0px; margin-right: 0px; float:none; } .footer-widget p { text-align: center; } #footer-copyright {margin: 0 auto;} .contactfooterbox{margin: -20px 0 0 0} #priceguide .mainblock{padding: 0px 15px 0 15px !important;} #footer-bottom { text-align: center;line-height: 2em; } #footer-bottom img{display: block;margin: 1em auto;float:none !important} #main-footer{padding-top:30px;padding-bottom:0px;} .footer-column { width: 90% !important; margin: 0 auto; float: initial; text-align:center; } .footer-column.last { margin-right: auto !important; } .baseFooter { padding-top:20px; padding-bottom:0px; } .basefooterbox{ margin: 0; padding:10px 20px 30px 20px; color:#666; border:0px solid #000; border-top-width:1px; background:#333; } .quick-quote { padding-bottom: 30px !important; min-height: auto !important; } }