/* Theme Name: Verosol v2 Author: Ari Rizos (Modified from Wispa theme) Author URI: http://wispa.com.au/ Description: Responsive theme for verosol australia Version: 2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ========================================================================== normalize.css ========================================================================== */ /*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* ========================================================================== reset ========================================================================== */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix,:first-child+html .clearfix{zoom:1}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%} .ir {text-decoration:-9999em; font-size:0; line-height:0; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } :focus {outline:none;} input, textarea { -webkit-appearance: none; border-radius: 0; } /* ========================================================================== core ========================================================================== */ @font-face { font-family: 'droid_serifitalic'; src: url('css/droidserif-italic-webfont.eot'); src: url('css/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('css/droidserif-italic-webfont.woff') format('woff'), url('css/droidserif-italic-webfont.ttf') format('truetype'), url('css/droidserif-italic-webfont.svg#droid_serifitalic') format('svg'); font-weight: normal; font-style: normal; } body { font-size:13px; line-height:17px; font-family:"Hind", Arial; color:#000; background:#fff; } .browser-outdated { color:#fff; background-color:#ff0000; display:block; position:fixed; top:0; left:0; width:100%; } .browser-outdated span { padding:5px 10px; display:block; font-size:13px; line-height:15px; } .mobile-landscape-only, .mobile-portrait-only {display:none;} .mobile-only { display:none !important; } nav li { float:left; } a img {display:block} .mbottom-10 { margin-bottom:10px;} .mbottom-20 { margin-bottom:20px;} a { color:#000; text-decoration:underline; } p { margin:0 0 15px; } a:active,a:focus { outline: none; } .print-only { display:none; } .print-logo { background-color:#fff;} .print-logo img { margin:0 auto 20px; display:block;} .hidden { display:none;} input[type=text], input[type=password], input[type=email], input[type=submit], textarea { border:0; } input[type=text], input[type=password], input[type=email], textarea { border:1px solid #cccccc; padding:5px;font-family:"Hind"; font-size:14px; line-height:14px; } label { font-family:"Hind"; font-size:12px; line-height:14px; } input[type=submit], button { background-color:#d67e43; color:#fff; text-transform:uppercase; font-family:"Hind"; font-size:15px; line-height:28px; height:28px; border:0;padding-left:15px; padding-right:15px;} input[type=submit]:focus, input[type=submit]:hover, button:focus, button:hover { background-color:#c06a31; } span.error { display:block; color:red; font-size:12px; line-height:12px; margin-top:3px;} input.error { border-color:red} .error, .error a { color:red;} div.error-message-form { color:red} .wpcf7-list-item-label {/*display: none*/} .page-template-template-order-form-php .wpcf7-list-item-label {display: none} a.more {text-decoration:none; color:#d67e43; } a.more:focus, a.more:hover {text-decoration:underline;} .error.error-border { padding:5px 10px; border:1px solid #D9534F; background-color:#D9534F; color:#fff;} a.btn-dark { color:#fff; background-color:#2a2b2a; font-family:"Hind"; font-size:15px; line-height:18px; padding:5px 8px; text-decoration:none; text-transform:uppercase } a.btn-dark:focus, a.btn-dark:hover { background-color:#696969; } a.btn-green { color:#fff; background-color:#d67e43; font-family:"Hind"; font-size:15px; line-height:18px; padding:5px 8px; text-decoration:none;text-transform:uppercase } a.btn-green:focus, a.btn-green:hover { background-color:#c06a31; } small {font-size:11px; line-height:13px;} .back-to-top {float:right;margin-top:10px;text-decoration:none;} /*====================================================================== Theme my login ======================================================================*/ .tml-error-wrapper .error { padding:5px 10px; border:1px solid red; background-color:#D9534F; color:#fff; } .login p.message { background:none; border:none; color:#000; padding:0;} /*====================================================================== WYSIWYG ======================================================================*/ .wysiwyg {margin-bottom:20px;} .wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6 { font-family:"Hind" } .wysiwyg h1 { font-size:25px; line-height:26px; margin-bottom:10px; } .wysiwyg h2 { font-size:22px; line-height:24px; margin-bottom:10px; } .wysiwyg h3 { font-size:15px; line-height:16px; margin-bottom:10px; } .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-size:13px; line-height:17px; margin-bottom:10px; } .wysiwyg ul { list-style:disc; margin:0 0 20px 20px;} .wysiwyg ol { list-style:decimal; margin:0 0 20px 20px;} /*====================================================================== Selectric ======================================================================*/ .selectricWrapper { position: relative; margin: 0 0 1px; cursor: pointer; } .selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectricOpen { z-index: 9999; } .selectricHideSelect { position: relative; overflow: hidden; } .selectricHideSelect select { position: absolute; left: -100%; } .selectric { position: relative; } .selectricOpen .selectric { border-color: #CCC; z-index: 9999; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px; } .selectric .button { position:absolute; right:8px; top:11px; height:30px; width: 30px; color: #BBB; text-align: center; font: normal 18px/30px sans-serif; text-indent:-9999em; width:13px; height:8px; background:url(images/dropdown-arrow-down.png) no-repeat 0 0; } .selectricHover .selectric { border-color: #CCC; } .selectricHover .selectric .button { color: #888; } .selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #F9F9F9; font-size:12px; border: 1px solid #CCC; z-index: 9998; box-shadow: 0 0 10px -6px; /* margin: -1px 0; */ } .selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; min-height: 20px; line-height:15px; font-size: 12px; } .selectricOpen .selectricItems { display: block; } .selectricItems li { padding: 5px; cursor: pointer; display: block; color: #333333; margin:0 !important; } .selectricItems li.selected { background: #7ab85d; color: #fff; } .selectricItems li:hover { background: #7ab85d; color: #fff; } .selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; } /*====================================================================== JQuery UI Datepicker ======================================================================*/ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#d67e43; color:#fff;} #accordion .ui-state-active, #accordion .ui-widget-content #accordion .ui-state-active, #accordion .ui-widget-header .ui-state-active {background-color:#ccc} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border-color:#ccc;} #accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default {background-color:#fff;} #accordion .ui-state-hover a, #accordion .ui-state-hover a:hover, #accordion .ui-state-hover a:link, #accordion .ui-state-hover a:visited, #accordion .ui-state-focus a, #accordion .ui-state-focus a:hover, #accordion .ui-state-focus a:link, #accordion .ui-state-focus a:visited{color:#000; } #accordion .ui-accordion-header.ui-state-active, #accordion .ui-accordion-header.ui-state-hover {background-color:#d67e43} #accordion .ui-state-active a, #accordion .ui-state-active a:link, #accordion .ui-state-active a:visited, #accordion .ui-state-hover a, #accordion .ui-state-hover a:link, #accordion .ui-state-hover a:visited {color:#fff} #accordion .ui-state-default.ui-state-active .ui-icon, #accordion .ui-state-default.ui-state-hover .ui-icon { background-image: url("css/images/ui-icons_fff_256x240.png");} .ui-widget-content {color:#000;} #accordion .ui-state-default .ui-icon {background-image: url("css/images/ui-icons_222222_256x240.png");} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#000;} /*====================================================================== Tooltop ======================================================================*/ .tooltipsy { padding: 5px 8px; color: #fff; background-color: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border:1px solid #bdbdbd; position: relative; color:#4a4a4a; font-size:9px; line-height:11px; max-width:250px; } .tip-arrow { background:url(images/tooltip-arrow.png) no-repeat 0 0; width:8px; height:8px; position:absolute; left:48%; top:-6px;z-index:999999999999;} .page-wrapper { position: relative; } .top-band { width: 100%; position: absolute; top:0; } .header-container .topheader, .top-band { height: 43px; line-height: 43px; background-color: #313130; } .header-container .topheader .top-menu li { float: right; } .header-container .topheader .top-navbar-left li { float: left; } .header-container .topheader .top-navbar-left li i, .header-container .topheader .top-navbar-left li a, .topheader > ul.top-menu > li > a { font-size:13px; line-height:19px; text-transform:capitalize; color: #fff; text-decoration: none; padding: 0 0 0 15px;} .header-container .topheader .top-navbar-left li a { padding-left: 5px; } .header-container .topheader .top-navbar-left li:hover i, .header-container .topheader .top-navbar-left li:hover a, .topheader > ul.top-menu > li > a:hover { color: #d67e43; } .header-container, .footer-container { min-width:969px; background-color: #20201e;} .header-container .logo { margin:23px 0 20px; background:url(images/logo-verosol.png) no-repeat; background-size: cover; width:132px; height:85px; display:inline-block; } .header-container, .main-container, .footer-container {margin:0 auto; } .header-container {background:rgba(32,32,30,0.95);} .header-container { height:auto; } .header-container header, .footer-container footer { max-width:940px; margin:0 auto; padding:0 10px;} nav li a {text-decoration:none; } .header-container header { position:relative; } .welcome {position:absolute; top:10px; right:0;} .welcome p {margin-bottom:0;} .search-wrapper {position:absolute; right:0; top:20px; border-top:1px solid #ccccca; border-left:1px solid #ccccca; border-bottom:1px solid #ccccca; height:31px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .search-wrapper.active { border-color:#d67e43; } .search-wrapper input[type=text] { border:none; margin:5px; float:left; height:22px; line-height:22px; width:140px; padding:0; background:none;} .search-wrapper .btn-search {background:url(images/btn-search.png) no-repeat 0 0; height:32px; width:31px; border:none; float:left;} header.loggedin .search-wrapper { top:34px;} .search-wrapper.active .btn-search { background-position: 0 -40px;} .btn-mobile-mainnav { display:none; } nav.mainnav { font-family:"Hind"; position:relative; text-align: right; float: right; width: 700px; height: 125px; line-height: 125px; margin-right: 45px;} nav.mainnav li { margin-left:34px; display: inline-block;} nav.mainnav > ul > li > a { font-size:19px; text-transform:capitalize; color: #fff;} nav.mainnav > ul > li > a:hover, .icon-warranty small { color: #d67e43 !important; } nav.mainnav > ul > li.current-menu-item > a, nav.mainnav > ul > li.current-menu-ancestor > a { margin-right:0;} nav.mainnav > ul > li > ul > li > a { font-size:19px; padding:12px 35px 12px 25px; color:#fff; } nav.mainnav > ul > li > ul > li, nav.mainnav > ul > li > ul > li:hover { display: block; } nav.mainnav > ul > li > ul > li > a:focus, nav.mainnav > ul > li > ul > li > a:hover, nav.mainnav > ul > li > ul > li.current-menu-item > a { color:#fff; } nav.mainnav > ul ul li { margin-left:0; } nav.mainnav li:first-child { margin-left:0 } nav.mainnav .sf-navbar { margin-bottom:0; } nav.mainnav .current_page_ancestor > .current_page_ancestor > a, nav.mainnav .sub-menu > .current-menu-parent a {color:#fff;} .login-panel{ display:none; position:absolute; top:40px; right:0; border:1px solid #DADADA; width:182px; background:#fff; padding:18px 15px 15px; -webkit-box-shadow:0 0 4px 0 rgba(188, 188, 188, 0.9);-moz-box-shadow:0 0 4px 0 rgba(188, 188, 188, 0.9); box-shadow:0 0 4px 0 rgba(188, 188, 188, 0.9); margin-top:11px; z-index:100; } .login-panel.arrow { background:url(images/login-panel-arrow.png) no-repeat 0 0; position:absolute; top:-10px; right:37px; width:16px; height:11px;} .login-panelli { margin:20px 0 0 0; } .login-panelli:first-child { margin-top:0; } .login-panelinput { width:170px;} .login-panelinput.btn-submit { width:182px; } .login-panel.link-forgot-pwd { margin:5px 0 0; } .login-panel.link-forgot-pwd a { color:#d67e43; font-size:12px; line-height:12px; text-align:center; text-decoration:underline; display:block; } .sf-navbar > li.item-contact > ul { min-width:23.5em;} .sf-navbar > li.item-media > ul { min-width:23.5em;} .btn-mobile-mainnav { background:url(images/mobile/btn-mainnav.png) no-repeat 0 0; width:30px; height:25px } .footer-container footer { font-size:11px; font-size:13px; font-family:"Hind"; color:#fff; } .footer-container { border-top:1px solid #ccc; } .footer-container footer a { color:#fff; } .home .footer-container { position:fixed; z-index:50; bottom:0; left:0; width:100%; border-top:none; } .home { min-height:600px;} .home .content-wrapper { min-height:300px; } .footer-bottom { /*opacity:0.85; filter:alpha(opacity=85);*/ padding:40px 20px 20px; } .footer-nav li { float:left; background:url(images/footer-seperator.png) no-repeat 0 0; margin-left:10px;padding-left:10px; } .footer-nav li a:hover { color:#d67e43; } .footer-nav li:first-child { background:none; margin-left:0; padding-left:0; } .footer-nav li.logo-env img { top:-10px; position:relative; } .footer-nav li.logo-env li {background:none;} .invisible-bg {display:none;} .home .invisible-bg {display:block; } span.underline { background:url(images/action-nav-underline.png) no-repeat 0 bottom; text-transform:uppercase; padding-bottom:5px; } .action-nav-left {background:blue;position:absolute;right:0;width:100px;} .action-nav-wrapper {margin-bottom:-1px;} nav.action-nav ul { width:940px; margin:0 auto;background:none;} nav.action-nav li.active { position:relative; top:-110px;/*transition:all 0.5s linear 0s*/} nav.action-nav li:first-child {border-left:none;} nav.action-nav li {width:310px;position:relative;height:100px;z-index:200;text-align: center;} nav.action-nav li .hidden-wrapper {overflow:hidden;height:100px; width:310px;position:absolute;top:0;left:0;} nav.action-nav li .item { padding:31px 0; text-align:center; cursor:pointer;background:#20201e; opacity:0.85; width: 310px; filter:alpha(opacity=85); color: #fff; } nav.action-nav li .item .icon { padding-left:48px; line-height:38px; height:38px; display:inline-block; } nav.action-nav li.active {background:#fff; opacity:0.85; filter:alpha(opacity=85);} nav.action-nav li .item-action .icon { background-position-y:-100px;} nav.action-nav li .item .icon span { font-family:"Hind"; font-size:12px; line-height:15px;text-transform:uppercase } nav.action-nav li .item .icon-environment {background:url(images/icon-env.png) no-repeat 0 0;} nav.action-nav li .item .icon-warranty {background:url(images/icon-warranty-7.png) no-repeat 0 0;} nav.action-nav li .item .icon-spotlight {background:url(images/icon-spotlight.png) no-repeat 0 0;} nav.action-nav li .item .icon-quote {background:url(images/icon-quote.png) no-repeat 0 0;} nav.action-nav li .item .icon-findus {background:url(images/icon-find-us.png) no-repeat 0 0;} nav.action-nav li .item .icon-products {background:url(images/icon-products.png) no-repeat 0 0;} nav.action-nav li.border {width:1px;background-color:#d9d9d8; height:100px; /*margin-left:-1px;*/} nav.action-nav li .action-more { height:0; background:#fff; position:absolute; cursor:pointer; } nav.action-nav li .action-more img {width:310px;} nav.action-nav li.hover .icon span { color: #d67e43; padding-bottom: 5px; } nav.action-nav li.hover .item .icon {background-position:0 -100px;} nav.footer-nav {margin-top:9px;} nav.footer-nav li { font-size:11px; line-height:13px; } nav.footer-nav li ul {position:relative; top:-4px;} .footer-bottom .wrapper { position:relative; } .footer-bottom {position:relative;z-index:2000;} .home .footer-bottom {position:fixed;width:100%;height:200px} .footer-container { margin-top:50px;} .home .footer-container { min-height:193px; margin-top:0;} nav.social-links { position:absolute; right:0; top:-5px; } nav.social-links li {margin-left:5px; } nav.social-links li a { background:url(images/social-icons.png) no-repeat 0 0; height:25px; width:25px; display:block } nav.social-links li a:focus, nav.social-links li a:hover { background-position:-25px 0; } nav.social-links li a.icon-twitter { background-position:0 -25px;} nav.social-links li a.icon-twitter:focus, nav.social-links li a.icon-twitter:hover{ background-position:-25px -25px;} nav.social-links li a.icon-linkedin { background-position:0 -50px;} nav.social-links li a.icon-linkedin:focus, nav.social-links li a.icon-linkedin:hover{ background-position:-25px -50px;} nav.social-links li a.icon-pinterest { background-position:0 -75px;} nav.social-links li a.icon-pinterest:focus, nav.social-links li a.icon-pinterest:hover{ background-position:-25px -75px;} nav.social-links li a.icon-youtube { background-position:0 -100px;} nav.social-links li a.icon-youtube:focus, nav.social-links li a.icon-youtube:hover{ background-position:-25px -100px;} .btn-close { border:1px solid #666; height:24px; width:24px; font-size:11px; line-height:24px; text-align:center; display:inline-block;position:absolute; right:4px; top:4px; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; z-index:10; } .btn-close .fa-times { font-size:15px; line-height:24px; color:#666666; } .btn-close:focus, .btn-close:hover { border-color:#d67e43; } .btn-close:focus .fa-times, .btn-close:hover .fa-times { color:#d67e43; } /* ========================================================================== background ========================================================================== */ .invisible-bg {width:100%;height:193px;overflow:hidden;bottom:0; left:0; position:absolute;} .home .invisible-bg { position:fixed;} .invisible-inner {position:relative; width:940px; margin:0 auto;} .outter-left { position:absolute; left:-2000px; top:0;width:2000px; height:100px;background:#fff; opacity:0.85; filter:alpha(opacity=85); } .outter-right {position:absolute; left:939px; top:0;width:2000px; height:100px;background:#fff; opacity:0.85; filter:alpha(opacity=85);} .small-nav { position:absolute; right:0; top:2px; text-transform:uppercase; } .small-nav a { text-decoration:none; color:#2b2b2b; font-family:"Hind"; font-size:12px;} .small-nav li:focus, .small-nav li:hover, .small-nav li.current { } .small-nav li { float:left; margin-left:37px;} .small-nav li:first-child { margin-left:0; } .small-nav .icon { padding-left:24px; height:23px; line-height:23px; display:inline-block; } /*.small-nav .icon-quote { background:url(images/icon-smallnav-quote.png) no-repeat 0 0; }*/ .small-nav .icon-quote { padding-left: 0 !important; } .small-nav .icon-findus { background:url(images/icon-smallnav-findus.png) no-repeat 0 0; } .small-nav .icon-quote:focus, .small-nav .icon-quote:hover, .small-nav .icon-findus:focus, .small-nav .icon-findus:hover, .small-nav li.current .icon { background-position:0 -50px; } .small-nav .fa-camera { font-size:18px; line-height:18px; margin-right:10px; } .small-nav.nav-submit-case .icon { padding-left:0 } .small-nav.nav-submit-case li:focus, .small-nav.nav-submit-case li:hover { background-position:30px bottom} /* ========================================================================== isotope ========================================================================== */ #container { border:none; padding:0; margin:0 -4px; } .element { webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:4px; position:relative; cursor:pointer} .variable-sizes .element.element-landscape { width:464px; height:168px; } .variable-sizes .element.element-square { width:228px; height:168px; } .variable-sizes .element.element-portrait { width:228px; height:344px; } .element .overlay-text { display:none} .element.current .overlay-text { display:block} .element .overlay-text h3, .element .overlay-text h4 { display:block; position:static; } .element .overlay-text h3 { font-size:14px; line-height:16px; font-family:"Hind"; padding:5px; margin-right:10px; } .element .overlay-text h4 { font-size:12px; line-height:14px; color:#666666; padding:0 5px;font-family:"Hind"; font-weight:normal; margin-bottom:6px;} .element img { position:absolute; top:0; left:0; z-index:1; } .element .overlay-text { background:rgba(255, 255, 255, 0.8) url(images/casestudy-zoom.png) no-repeat right top; position:absolute; bottom:10px; left:0; z-index:10; width:100%; min-height:55px; } /* ========================================================================== Case studies ========================================================================== */ .filter { width:435px; float:right} .filter .lbl { float:left; margin-right:5px; font-family:"Hind"; } .filter .dropdown-country { border-left:1px solid #ccc; height:30px; margin-top:-5px; padding-left:10px; float:right; } .filter .dropdown-type {height:30px; margin-top:-5px; } .filter .dropdown-country .selectricWrapper {width:142px;} .filter a.link-checkbox {text-decoration:none; margin-right:20px; float:left; } .filter .checkbox-border { border:1px solid #959595; width:16px; display:inline-block;text-align:center; margin-right:5px;} .filter .fa-check { color:#d67e43; visibility:hidden } .filter .active .fa-check { visibility:visible; } .casestudies-detail { position:relative; background:#fff; padding-bottom:20px; } .casestudies-detail .casestudies-detail-left { float:left; width:466px; } .casestudies-detail .casestudies-detail-right { float:right; position:relative; width:445px; padding-right:10px; padding-top:15px; } .casestudies-detail-right h2 { font-size:18px; line-height:20px; margin-bottom:5px; font-weight:normal; color:#d67e43; } .hero-wrapper {height:476px; overflow: hidden;} .hero-wrapper img.hero {width:100%} .list-case-detail li > span { float:left; width:130px; padding-left:5px; padding-right:15px; } .list-case-detail li span.qty { float:right} .list-case-detail p { float:left; width:290px; margin-bottom:0px; } .list-case-detail li { border-bottom:1px solid #d8d8d8; padding:3px 0;} .list-case-detail {clear:both; margin:20px 0 15px; } .list-case-detail li.alt-1 {background-color:#e7ffdb;} .case-thumbnail {margin:10px 0 0;} .case-thumbnail li {margin-left:8px; float:left;} .case-thumbnail li:first-child, .case-thumbnail li.first-child { margin-left:0;} .icon-link {color:#919191;text-decoration:none; vertical-align:top;font-size:11px; line-height:18px;} .icon-link .fa { vertical-align:top; margin-right:5px; font-size:18px; } .icon-link.icon-link-highlight .fa {color:#d67e43;} .icon-link.link-highlight {color:#d67e43;} a.icon-link:focus, a.icon-link:hover { color:#d67e43; } .list-pdf a {text-decoration:none; line-height:15px;} .list-pdf li {margin-bottom:5px; padding-left:20px} .list-pdf .fa {margin-right:5px;color:#919191; font-size:15px; line-height:15px; margin-left:-20px;} .list-pdf a:focus,.list-pdf a:hover {text-decoration:underline;} ul.share-bar { margin:5px 0 20px;} ul.share-bar > li {margin-left:20px; float:left; position:relative} ul.share-bar > li:first-child { margin-left:0; } ul.share-bar > li a.icon-link { font-size:12px; line-height:18px; } ul.share-bar .share-panel { -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); padding:5px 10px 8px; display:none; position:absolute; top:22px; width:75px; background:#fff; z-index:20; } ul.share-bar .share-panel li { display:block; float:none; } ul.share-bar .share-panel li .fa { margin-right:5px;} ul.share-bar .share-panel li a { text-decoration:none; font-size:12px; line-height:18px;color:#919191;} .rating-wrapper { margin-top:40px; } .rating-wrapper img { margin-right:30px;} .view-all-case { display:inline-block; float:right; background-color:#d67e43; color:#fff; padding:5px 8px;; text-decoration:none; } .view-all-case:focus, .view-all-case:hover {background-color:#919191;} /* iCheck */ /* iCheck plugin Minimal skin, black ----------------------------------- */ .icheckbox_minimal, .iradio_minimal { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 18px; height: 18px; background: url(images/minimal.png) no-repeat; border: none; cursor: pointer; } .icheckbox_minimal { background-position: 0 0; } .icheckbox_minimal.hover { background-position: -20px 0; } .icheckbox_minimal.checked { background-position: -40px 0; } .icheckbox_minimal.disabled { background-position: -60px 0; cursor: default; } .icheckbox_minimal.checked.disabled { background-position: -80px 0; } .iradio_minimal { background-position: -100px 0; } .iradio_minimal.hover { background-position: -120px 0; } .iradio_minimal.checked { background-position: -140px 0; } .iradio_minimal.disabled { background-position: -160px 0; cursor: default; } .iradio_minimal.checked.disabled { background-position: -180px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_minimal, .iradio_minimal { background-image: url(images/minimal@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } .wpcf7-not-valid-tip {display:none !important;} input.wpcf7-not-valid, .wpcf7-not-valid .selectric, textarea.wpcf7-not-valid { border-color:red !important; } span.wpcf7-list-item {margin-left:0;} div.wpcf7-validation-errors {border:none; padding:5px 10px; border:1px solid red; background-color:#D9534F; color:#fff;} div.wpcf7-mail-sent-ok {background:#d67e43; color:#fff} div.wpcf7-mail-sent-ok { border: none !important; } /* ========================================================================== supersized ========================================================================== */ #supersized { background-color:#fff; } #supersized li { background-color:#fff; } #progress-back { display:none !important; } #controls-wrapper { top:34%; width:auto; left:50%; background:none; height:auto !important; } #controls-wrapper #controls { margin-left:-370px; background-color:rgba(255, 255, 255, 0.8); filter:alpha(opacity=80); color:#000; width:700px; min-height:175px; padding:20px; cursor:pointer; height:auto !important;} #slidecaption { text-shadow:none; color:#000; margin:0 auto; float:none; } #slidecaption h3 { font-family:"Hind"; letter-spacing:6px; text-align:center; text-transform:uppercase; font-size:35px; line-height:38px; float:none; margin-top:47px; margin-bottom:15px; } #slidecaption p { background:url(images/carousel-underline.gif) no-repeat center 0; font-family:'Hind'; text-align:center; font-size:24px; line-height:26px; padding-top:20px; margin-bottom:35px; } #slidecounter, #thumb-list, #thumb-tray { display:none !important; } #prevslide, #nextslide { height:96px; width:51px; } #prevslide:hover, #nextslide:hover { background-position:0 -100px; } #supersized-loader { visibility:hidden;} .home #supersized-loader { visibility:visible; } .superslide-nav-wrapper { left:50%; margin-left:-485px; position:absolute; top:42%; width:970px;} /* #prevslide, #nextslide { display:none !important; top:50%px; } */ /* .superslide-nav-wrapper #prevslide, .superslide-nav-wrapper #nextslide { display:block !important; } .superslide-nav-wrapper { width:960px; position:relative; height:300px; margin:0 auto; } */ .content-container > .wrapper { width:940px; padding:20px 10px; margin:0 auto; } .content-container > .wrapper { min-height:400px;} /* ========================================================================== Fancybox ========================================================================== */ .fancybox-skin { webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } /* theme-my-login */ #fancybox-content h1 { font-size:40px; font-style:normal; color:#1e1e1e; margin-bottom:10px; } .logged-in .content .inner { width:auto !important; } .login-right { border-left:1px dashed #bcbcbc;padding-left:25px; margin-left:25px; float:left; position:relative; } #theme-my-login.onpage label { width:100px;} #theme-my-login.onpage .tml-action-links { margin-bottom:10px } #theme-my-login label { display:inline-block; margin-bottom:3px; margin-right:10px; width:60px; } #panel-login { width:410px;} .login.login-box.onpage p label{ width:80px; } #theme-my-login input[type="text"], #theme-my-login input[type="password"] { display:inline; } #panel-login h1 {margin-bottom:10px;} #theme-my-login .forgetmenot label { width:75%} #theme-my-login p { display:block; } #theme-my-login .link-forgotten-password { font-size:11px} #theme-my-login .lostpwd {margin-left:73px;} #theme-my-login .tml-action-links li { display:inline; margin-right:10px; } #theme-my-login .tml-action-links li a { color:#1e1e1e; text-decoration:underline; } #theme-my-login #loginform .submit {margin-left:73px} /*.module-signin-register { width:610px; }*/ #theme-my-login p.forgetmenot { margin:15px 0 5px 73px;; } #theme-my-login .form-table label { width:100%; } .module-signin-register #theme-my-login #loginform input[type="text"],.module-signin-register #theme-my-login #loginform input[type="password"]{ width:230px } .module-signin-register #theme-my-login input[type="text"], #theme-my-login .module-signin-register input[type="password"], #theme-my-login .module-signin-register textarea { width:200px } #theme-my-login h3 { font-family:Hind; font-size:16px; line-height:20px; margin-bottom:5px; text-transform:uppercase; } #theme-my-login #registerform ul{ margin-bottom:8px; } .module-signin-register ul li { float:left; margin-right:5px; } .module-signin-register ul li.last-child, .module-signin-register ul li:last-child{ margin-right:0px; } .module-signin-register #loginform ul li { float:none; margin-right:0; margin-bottom:8px; } #theme-my-login #registerform input[type="text"], #theme-my-login #registerform input[type="password"] { width:178px; } #fancybox-content #theme-my-login .tml-action-links { display:none; } #theme-my-login .mandatory{ border:1px solid red;} #theme-my-login #resetpasswordform label { width:135px; } #theme-my-login #resetpasswordform .tml-action-links { clear:both; margin-top:20px; } .module-signin-register .btn-submit { font-size:15px; line-height:15px; padding:0 20px;} #theme-my-login #resetpasswordform .form-indent { margin-left:146px;} #theme-my-login #loginform .tml-action-links {margin-left:73px;font-size:11px;} h1.page-title { font-size:24px;line-height:20px; font-family:"Hind"; color:#2b2b2b; text-transform:uppercase; font-weight: bold; } .page-title-container { padding-bottom:15px; margin-bottom:20px; position:relative; } .page-title-container.greyline {border-bottom:1px solid #ccc;} .page-title-container .contact-num { position:absolute; right:0; top:0; font-size:14px; } .page-title-container .contact-num .fa-phone { margin-right:5px; font-size:12px; line-height:12px;} .page-title-container .contact-num span.phone, .page-title-container .contact-num span.phone a { font-size:24px; line-height:24px; color:#d67e43; font-family: "Hind"; text-decoration: none;} .breadcrumb-wrapper { position:relative; border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:20px; } .breadcrumb-wrapper .cart-mini { position:absolute; right:5px; top:-3px; } .breadcrumb-wrapper .cart-mini a { position: relative; top: -3px; } .breadcrumb-wrapper.breadcrumb-wrapper-sub {/*padding-bottom:13px; margin-top:-5px;*/} .cart-mini { font-size:14px;} .cart-mini .fa-shopping-cart { font-size:22px; line-height:22px; color:#5f5c5c; margin-left:3px; } .cart-mini .cart-num { display:inline; top:-3px; position:relative; } .checkbox-wrapper { font-size:12px; line-height:12px; margin-right:3px; } .cart-mini .cart-num span {background-color:#d67e43; margin-left:-1px; color:#fff; font-size:14px; padding:2px 3px; min-width:15px; text-align:center; display:inline-block;} .cart-mini .fa-caret-left {color:#d67e43; } .breadcrumb { font-size:14px; line-height:16px; font-family:"Hind";} .breadcrumb.has-mini-cart {margin-right:160px} .breadcrumb-wrapper.breadcrumb-wrapper-sub .breadcrumb {font-size:14px; line-height:14px; } .breadcrumb li { float:left; border-left:1px solid #000; padding:0 10px; margin-bottom:10px; } .breadcrumb li:first-child { padding-left:0; border-left:none; } .breadcrumb li a { text-decoration:none; } .breadcrumb li a:focus, .breadcrumb li a:hover, .breadcrumb li a.current { color:#d67e43;} .breadcrumb li a.current { font-weight:bold; } .breadcrumb li.current-menu-item a { color:#d67e43;} .breadcrumb li.current-menu-item a { font-weight:bold; } .beadcrumb-sub {margin-top:20px; display:none;} .page-breadcrumb { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; } .ui-widget-content {border-color:#ccc;} /* ========================================================================== Products Landing ========================================================================== */ ul.list-col4 { margin:0 -10px; } ul.list-col4 li { margin:0 10px 40px; float:left; /*border-bottom:1px solid #c8c8c8;*/ width:220px;} ul.list-products h3 {} ul.list-products li a { text-decoration:none; } ul.list-products li a img { width:100%;border:1px solid #fff;} ul.list-products li a.current img {border-color:#d67e43; } ul.list-products li h3 { text-align:center; font-family:"Hind"; font-size:15px; line-height:15px; margin:12px 0 5px; text-transform:uppercase; border-bottom:1px solid #ccc; padding-bottom:9px;} ul.list-products li .excerpt {margin-bottom:10px; height:33px; overflow:hidden;font-size:12px; line-height:15px; text-align:center; } ul.list-products li a.current { color:#d67e43; } /* ul.list-products li.btn-warranty {margin:0 auto;float:none; } .btn-warranty { text-transform:uppercase;margin:0 auto; border:1px solid #000; margin:0 auto !important; padding:8px 5px 8px; clear:both; text-align:center; width:200px; float:none; clear:both; float:none; margin-bottom:40px; color:#2b2b2b; font-size:12px; line-height:12px; font-family:"Hind"; } .btn-warranty .num { font-size:24px; line-height:24px; font-family:"Hind"; background:url(images/action-nav-underline.png) no-repeat 0 bottom; height:27px; display:inline-block; }*/ .prod-banner {width:960px; border-top:1px solid #ccc; padding-top:20px;} .prod-banner a {float:left;} .prod-banner .banner-warranty {margin-right:20px;} /* ========================================================================== Product ========================================================================== */ ul.hero-col2 {margin:0 -4px; margin-bottom:20px; } ul.hero-col2 li { float:left; margin:0 4px; } .hero-container { position:relative; height:365px; margin-bottom:17px; } .hero-caption { background-color:rgba(255, 255, 255, 0.8); padding:40px 0 40px; position:absolute; top:40px; left:50%; width:500px; margin-left:-250px; text-align:center; } .hero-caption h2 { text-transform:uppercase; font-size:32px; line-height:35px; font-family:"Hind"; margin-bottom:15px; letter-spacing:6px;} .hero-caption h5 { background:url("images/carousel-underline.gif") no-repeat scroll center 0 rgba(0, 0, 0, 0); font-family: 'Hind'; font-size: 21px; line-height: 22px; padding-top: 18px; text-align: center; } .products-sub { margin:0 -10px; } .products-sub article {float:left; margin:0 10px 18px; background:#fff; width:298px; border:1px solid #ccc;} .products-sub article h3 {margin:10px; font-size:16px; line-height:18px; min-height:36px;} .products-sub article a { text-decoration:none; color:#5f5c5c; } .products-sub article .thumbnail {width:298px; overflow:hidden} .products-sub article .thumbnail img {/*width:100%;*/margin:0 auto; min-height: 211px;} .system-tile.current {border-color:#d67e43;} .system-tile.current .system-detail {color:#d67e43;} .products-sub article .links-wrapper { padding:8px 10px; font-size:11px; line-height:11px; position:relative; min-height:45px} .products-sub article .links-wrapper li { margin-bottom:3px;} .products-sub .link-list .fa { width:18px; margin-right:10px; } .products-sub .fa-envelope { font-size:18px; line-height:18px; } .products-sub .link-list .fa { font-size:18px; line-height:18px; text-align:center; } .fabrics-sub { margin:0 -13px; } .fabrics-sub article {float:left; margin:0 10px 18px; background:#fff; border:1px solid #ccc; position:relative; width:298px;} .fabrics-sub article h3 {margin:10px; font-size:15px; line-height:17px; } .fabrics-sub article h3 a { color:#000; } .fabrics-sub article a { text-decoration:none; color:#919191; } .fabrics-sub article .links-wrapper { padding:8px 10px; font-size:11px; line-height:11px; position:relative; min-height:64px} .fabrics-sub article .links-wrapper li { margin-bottom:3px;} .fabrics-sub article .fa { width:18px; margin-right:10px; text-align:center;} .fabrics-sub article.current { border:1px solid #d67e43; } .fabrics-sub article.current-selected, .products-sub article.current-selected { border:1px solid #d67e43 !important; } .fabrics-sub article.current-selected .arrow, .products-sub article.current-selected .arrow {background:url(images/box-selected-green-arrow.png) no-repeat 0 0; position:absolute; bottom:-19px; left:50%; width:37px; height:22px; margin-left:-18px; } .fabrics-sub .button-wrapper { text-align:center; } .fabrics-sub .button-wrapper a { margin:0 12px; } .fabrics-sub .button-wrapper .btn-dark .fa { margin-right:8px; } .fabrics-sub .button-wrapper .btn-green .fa { margin-left:8px; } .order-fabric-selection { padding:10px 10px 30px; position:relative; clear:both; } .order-fabric-selection h2 { font-family:"Hind"; font-size:18px; line-height:18px; border-bottom:1px solid #ccc; display:block; padding:0 0 8px; margin-bottom:15px; } .order-fabric-selection .btn-close { line-height:20px; height:20px; webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; width:20px; right:10px; } .order-fabric-selection .btn-close .fa-times { line-height:20px; } .order-fabric-selection .error { margin-bottom:10px;} .list-fabric-thumbnail { margin:0 -20px; } .list-fabric-thumbnail li { float:left; width:120px; margin:0 20px 20px; } .list-fabric-thumbnail li a { text-decoration:none; display:block; text-align:center; } .fabric-thumbnail-wrapper {position:relative; height:110px; display:block; } .list-fabric-thumbnail h4 {min-height:34px;} .fabric-thumbnail-wrapper .arrow-overlay { height:9px; background:url(images/arrow-overlay-none.png) no-repeat 50% 0; position:absolute; bottom:0; left:0; width:100%; } .active .fabric-thumbnail-wrapper .arrow-overlay { background:url(images/arrow-overlay.png) no-repeat 50% 0; } .corner-bg {display:none; background:url(images/green-corner.png) no-repeat 0 0; width:47px; height:33px; } .corner-bg .fa {color:#fff; position:absolute; right:5px; top:4px;} .active .corner-bg {position:absolute;display:block;top:0;right:0;} .list-fabric-thumbnail .active h4 { color:#d67e43; font-family:"Hind";} .product-details-panel {border-bottom:1px solid #666666; position:relative; margin:0px 10px 30px; padding:20px 10px;} .product-details-panel .thumbnail {position:relative; z-index:20; float:left; margin-right:20px;} .product-details-panel .product-details-panel-right {float:left; width:480px} .product-details-panel h3 {text-transform:uppercase; font-family:"Hind"; color:#000; font-size:19px; line-height:20px;margin:0px 0 15px; border-bottom:1px solid #666666; padding-bottom:10px} .product-details-panel .btn-dark {position:absolute; bottom:65px; left:710px; width:210px; text-align:center} .product-details-panel .btn-green {position:absolute; bottom:25px; left:710px; width:210px; text-align:center } .product-details-panel .btn-close {top:15px; right:15px;} .product-details-panel a.link-pricelist span { font-size:17px; line-height:14px; font-family:"Hind"; margin-right:4px; width:23px; text-align:center;display:inline-block} .product-details-panel .link-list li {margin-bottom:10px} .product-details-panel .link-list li:last-child, .product-details-panel .link-list li.last-child {margin-bottom:0px} .product-details-panel .description {min-height:262px} .products-care .care-info { float:left; width:550px; } .products-care .care-info h2 { font-size:18px; line-height:20px; margin-bottom:20px; } .products-care .care-info .wysiwyg {margin-bottom:30px;} .products-care .sidebar-right { float:right; width:346px; } .products-care .care-video {border:1px solid #d67e43;width:346px;height:260px; margin-bottom:20px;} .contact-widget {border:1px solid #c5c5c5;padding:12px 18px;} .contact-widget h3 {color:#d67e43; font-size:18px;line-height:20px; margin-bottom:20px;font-family:"Hind";text-transform:uppercase; } .contact-widget .contact-method li {margin:0 0 10px;float:none;} .ontact-widget .phone {font-size:16px;} .order-sample-left { width:450px; float:left;} .order-sample {font-size:14px; line-height:14px;} .order-sample h2 { font-size:18px; line-height:18px; } .order-sample article {padding:12px 0;border-bottom:1px solid #ccc; display:table; } .order-sample article.subhead { border-top:1px solid #ccc; padding:8px 0; } .order-sample .order-sample-left h2 { margin-bottom:45px; } .order-sample .order-sample-right { float:right; width:455px; } .order-sample .order-sample-right h2 { margin-bottom:25px; } .order-sample .subhead .col-color { float:left; } .order-sample .col-remove .btn-close { position:static; width:14px; height:14px;-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; line-height:14px; border-width:2px; border-color:#d67e43; } .order-sample .button-wrapper {margin-top:40px;} .order-sample .col-remove .btn-close .fa{ font-size:12px; line-height:12px; color:#d67e43; } .order-sample .col-color { width:75px;display:table-cell; } .order-sample .subhead .col-details { float:left; width:375px; } .order-sample .col-details { display:table-cell; } .order-sample .col-detail-1 { display:table-cell; vertical-align:middle; width:105px; padding-right:10px;} .order-sample .col-detail-2 { display:table-cell; vertical-align:middle; width:260px; } .order-sample .col-remove { display:table-cell; vertical-align:middle; width:90px; } .order-sample .col-remove a {color:#d67e43; text-decoration:none;} .order-sample .col-color img {border:1px solid #969093; width:30px; } .order-sample .checkbox-wrapper { margin-right:-20px; } .form-detail > li > ul { margin: 0 -7px;} .form-detail > li { margin-bottom:20px; } .form-detail .dropdown { border:1px solid #ccc; } .form-detail .dropdown.error { border:1px solid red; } .form-detail .dropdown.wpcf7-not-valid { border:1px solid red; } .form-detail > li > ul > li { width:220px; float:left; margin:0 7px; } .form-detail .meta { font-size:12px; line-height:12px; } .form-detail label { display:block; margin-bottom:5px; } .form-detail label.label-sub {font-weight:normal;font-family:"Hind";} .form-detail input[type=text],.form-detail input[type=email] { width:208px; } .form-detail > li > ul > li.single-col {float:none;width:100%;} .form-two-col .form-left {width:460px; float:left;} .form-two-col .form-right { float:right; width:455px; } .form-two-col h2 { font-size:18px; line-height:18px; margin-bottom:20px; } .checkbox-wrapper {float:left;} .form-two-col .selectric .label { padding:4px 6px;} .form-two-col .selectric .button { top:9px; } .form-section { border-bottom:1px solid #ccc; margin-bottom:20px;padding-bottom:10px;} .form-two-col-horizontal .form-left,.form-two-col-horizontal .form-right { width:450px; float:left;} .form-two-col-horizontal .form-left { margin-right:40px} .form-two-col-horizontal .form-detail.form-labelside label {display:inline-block; width:110px; margin-right:10px; text-align:right; margin-bottom:0; vertical-align:middle} .form-two-col-horizontal .form-detail.form-labelside .dropdown { width:290px; display:inline-block; vertical-align:middle; } .form-two-col-horizontal .form-detail.form-labelside input[type=file] {margin-bottom:5px;} .form-two-col-horizontal .form-detail > li { margin-bottom:15px; } .form-two-col-horizontal .form-hint { margin:0 0 3px; display:block; font-size:12px} .form-two-col-horizontal .form-detail > li > ul { display:inline-block; /* width:300px;*/ margin:0;} .form-two-col-horizontal .form-detail.form-labelside input[type="text"],.form-two-col-horizontal .form-detail.form-labelside input[type="email"] { width:280px;} .form-two-col-horizontal select { width:293px;} .form-detail .float label {float:left;margin-top:4px;} .form-detail .float.float-select label {margin-top:8px;} .form-two-col-horizontal .form-detail.form-labelside .field-wrapper {display:inline-block;float:left;width:250px;} .form-two-col-horizontal .form-detail.form-labeltop .field-wrapper {display:inline-block;float:left;width:100%;} .form-two-col-horizontal .lbl-has-sub {vertical-align:top; } .form-two-col-horizontal ul.sub li {margin-bottom:8px;} .form-two-col-horizontal ul.sub li:last-child, .form-two-col-horizontal ul.sub li.last-child {margin-bottom:0;} .form-two-col-horizontal .form-detail > li > ul > li { /*width: 400px;*/ float:none; margin: 0 0 15px 0;} .btn-right { float:right;} .page-template-template-submit-case-studies-php .btn-right{ margin-right:38px;} .form-detail .add-remove-wrapper {text-align:right; } .form-two-col-horizontal .form-detail > li > ul > li.remove-wrapper { margin-bottom:5px;} .form-detail .add-remove-wrapper a { text-decoration:none; margin-right:40px; } .form-detail .remove-wrapper a .fa {line-height:8px;} label > span { font-size:11px; line-height:14px; clear:both; font-family:"Hind";} .form-horizontal label { display:inline-block; width:120px; vertical-align:middle;} .form-horizontal li {margin-bottom:10px;} .form-horizontal p.submit {margin-top:20px;margin-left:122px;} .form-horizontal .form-indent {margin-left:122px;} .form-horizontal .btn-submit {font-size:12px;} .form-horizontal .dropdown { border:1px solid #ccc;display:inline-block; width:120px; vertical-align:middle;} .dropdown-wpcf7-wrapper {display:inline-block; width:120px; vertical-align:middle;} #lostpasswordform, #resetpasswordform {margin-top:40px;} #lostpasswordform #user_login { width:250px} #resetpasswordform label { width:130px;} #resetpasswordform .form-horizontal p.submit {margin-left:147px;} #resetpasswordform .indicator-hint {font-size:11px;} /* label text-align right */ .form-horizontal.form-horizontal-1 label {text-align:right;margin-right:10px;} .form-horizontal.form-horizontal-1 input[type=text], .form-horizontal.form-horizontal-1 input[type="email"]{ width:250px;} .form-horizontal.form-horizontal-1 .dropdown { width:260px;} .form-horizontal.form-horizontal-1 textarea { width:250px;height:120px;} .form-horizontal p.submit {margin-left:122px; } .form-detail .radio-wrapper li { float:left;} .radio-wrapper label {text-align:left !important;} .form-labelside .form-detail .radio-wrapper li { width:110px;} .float-radio > label {display:inline-block;} .float-radio > .radio-wrapper {display:inline-block !important; float:none !important; vertical-align:middle } .email-spec-form {width:420px;margin-right:0} .email-spec-form h2 {font-size:19px; line-height:20px; font-family:"Hind"; margin-bottom:15px;} .email-spec-form h2 span {font-size:14px;font-family:"Hind";} .email-spec-form .button-wrapper a { display:inline-block; } .email-spec-form textarea { height:80px;} .email-spec-form .btn-green {margin-right:10px;} .email-spec-form .btn {font-size:13px; padding:5px 16px;} /* ========================================================================== Submit case studies ========================================================================== */ .submit-case-studies { margin-bottom:30px;} .submit-case-studies h3 { font-size:15px; line-height:18px; font-family:"Hind"; margin-bottom:15px;} .submit-case-studies-top { border-bottom:1px solid #ccc; padding-bottom:20px; } .submit-case-studies.form-two-col-horizontal .form-detail > li > ul.product-details {width:100%;margin-bottom:10px;} .submit-case-studies.form-two-col-horizontal .form-detail > li > ul.product-details li {width:auto;} .submit-case-studies textarea { height:70px; } .page-template-template-submit-case-studies-php .button-wrapper {margin-bottom:20px;} .page-template-template-submit-case-studies-php #email_ver_error {margin-left:120px;margin-top:3px;} #verosol_add_case_study_form .form-two-col-horizontal .form-detail.form-labelside .field-wrapper {width:295px;} /* ========================================================================== Send Enquiry ========================================================================== */ h3.subtitle {font-size:15px; line-height:18px; font-family:"Hind"; margin-bottom:15px;} h4.subtitle {font-size:14px; line-height:18px; font-family:"Hind"; } .form-two-col-horizontal .form-detail.form-labeltop label { display:block;margin-bottom:5px;width:100%;} .form-two-col-horizontal .form-detail > li > .full {width:100%;display:block;} .form-two-col-horizontal .form-detail > li > .full .wpcf7-list-item{clear:both; display:block;} .page-template-template-send-enquiry-php .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {color:red;} .wpcf7-list-item-label {font-size:12px; } .page-template-template-send-enquiry-php .ajax-loader {margin:6px 5px 0 0; float:right;} .send-enquiry .form-detail label {margin-top:8px;} .send-enquiry .area-code, .send-enquiry .phone-num {float:left;} .send-enquiry .area-code select{width:80px;} .ui-autocomplete a {text-decoration:none; font-size:12px; line-height:15px;padding:2px;display:block;font-family: "Hind", Arial;} .ui-autocomplete a:hover {background:#d67e43 !important; border:none !important; } .fleft {float:left;} .form-two-col-horizontal .form-detail.form-labelside .area-code .dropdown {width:80px; margin-right:10px} .field-wrap {display:inline;} .form-two-col-horizontal .form-detail.form-labelside .area-code .label {padding:4px 6px;} .form-two-col-horizontal .form-detail.form-labelside .phone-num input[type=text]{width:188px; float:left;} .form-two-col-horizontal .form-detail > li > .half li, .form-two-col-horizontal .form-detail > li > .half .wpcf7-list-item {width:110px; display:inline-block; width:210px;} .form-two-col-horizontal .form-detail > li ul.half p, .form-two-col-horizontal .form-detail > li ul.full p {margin:0;} .form-two-col-horizontal .form-detail.form-labeltop > li > ul > li { margin:0;width:auto; } .form-two-col-horizontal .form-detail.form-labeltop > li ul.half li { float:left; width:210px; } .form-two-col-horizontal .form-detail.form-labelside > li ul.half li label {text-align:left;} .form-two-col-horizontal .form-detail.form-labelside > li ul.half li { float:left; width:210px;} .verosol-contact {margin-top:25px; border-top:1px solid #ccc; padding-top:20px;} .verosol-contact.no-border {border:none;padding-top:0; margin-top:10px;} .verosol-contact h3.subtitle { font-size:18px; line-height:20px; font-family:"Hind"; text-transform:uppercase; margin-bottom:20px;} .verosol-contact .fa { font-size:15px; line-height:15px; } .verosol-contact .contact-method .fa-phone {font-size:22px;width:30px;text-align:center;line-height:30px} .verosol-contact .contact-method {margin-bottom:15px;} .verosol-contact .contact-method li {float:none; margin:0 0 10px 0} .verosol-contact .contact-method .phone { line-height:30px; position:relative; top:-5px;/* vertical-align: top*/} .verosol-contact .contact-method .phone i { font-size:16px;} .verosol-contact .contact-method .bg-circle i, .verosol-contact .contact-method .bg-circle i.fa-envelope-o {font-size:15px;} .verosol-contact .contact-method .bg-circle { -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; width:30px; height:30px;} .verosol-contact .col-left, .verosol-contact .col-right { float: left; width: 450px;} .verosol-contact .col-left {margin-right:40px;} .verosol-contact .col-left p {font-size:15px; line-height:18px;} .verosol-contact p a { color:#d67e43; text-decoration: none;} .verosol-contact .contact-info .map {float:right; margin:-15px 20px 0 0;} .verosol-contact .contact-info .map img { display:block;} .page-template-template-media-enquiries-php .verosol-contact { border-top:none; margin-top:0; padding-top:0;clear:both; } .page-template-template-media-enquiries-php .verosol-contact .col-left, .page-template-template-media-enquiries-php .verosol-contact .col-right { float:none; margin:0; width:100%;} .page-template-template-media-enquiries-php .verosol-contact .col-left { margin-bottom:20px;} .page-template-template-media-enquiries-php .verosol-contact .contact-method li { float:left; margin-right:20px; width:185px} .page-template-template-media-enquiries-php .verosol-contact .contact-method li.first-child, .page-template-template-media-enquiries-php .verosol-contact .contact-method li:first-child {width:380px;} .phone b.label {font-weight:normal; text-transform:none;} .single-product_category .verosol-contact .contact-method .phone b, .page-template-template-media-enquiries-php .verosol-contact .contact-method .phone b {font-weight:normal;} .single-product_category .verosol-contact .contact-method .phone b {font-size:14px;} .single-product_category .verosol-contact .contact-method .phone i, .page-template-template-media-enquiries-php .verosol-contact .contact-method .phone i { color:#d67e43; font-family:"Hind"; font-size:24px; line-height:25px;} .page-template-template-media-enquiries-php .verosol-contact .contact-info {margin-top:40px;} .page-template-template-media-enquiries-php .verosol-contact .contact-info .map {margin-right:0; width:125px; float:none; margin-top:0;} .page-template-template-media-enquiries-php .verosol-contact .contact-info article { float:left; margin-right:120px;width:185px;} .page-template-template-media-enquiries-php .verosol-contact .contact-info article:last-child, .page-template-template-media-enquiries-php .verosol-contact .contact-info article.last-child {margin-right:0;} .single .contact-method .phone {font-size: 16px;} .loadmore {text-align:center;margin-top:30px;display:blockl} .loadmore .loadmore {display:inline-block} /* ========================================================================== Order form ========================================================================== */ /*.online-form.form-two-col-horizontal .form-detail.form-labelside .field-wrapper {width:328px;}*/ .online-form.form-two-col-horizontal .form-detail.form-labelside .field-wrapper {width:315px;float:left;} .form-two-col-horizontal .form-detail.form-labelside .half-vertical { float:left; width:150px;} .form-two-col-horizontal .form-detail.form-labelside .half-vertical li {display:block;} .form-two-col-horizontal .form-detail.form-labelside .half-vertical li label {text-align:left;width:80px;} .form-two-col-horizontal .form-detail.form-labeltop .half-vertical { float:left; width:215px;} .online-form .mini-dropdown-wrapper .half-vertical > li { margin-bottom:3px} .send-enquiry .comments {margin-top:5px;display:block;} .send-enquiry .comments textarea { height:80px;width:425px;} .ios .mini-dropdown-wrapper label { margin-top:6px !important;} .mini-dropdown-wrapper label {display:inline !important; vertical-align:middle;font-family:"Hind";} .online-form .dropdown-mini {display:inline-block; width:47px !important;margin-right:5px; float:left;} .online-form .dropdown-mini select {width:47px;} .page-template-template-service-enquiry-form-php .mini-dropdown-wrapper { margin-bottom:10px;} .dropdown-mini .selectric .button {top:6px;} .dropdown-mini .selectric .label {padding:0 6px;margin-right:20px;vertical-align:middle; font-size:11px;} .dropdown-mini .selectricItems li {padding:1px 5px;} .online-form-site-info.form-two-col-horizontal .form-detail.form-labelside label { width:165px} .online-form-site-info.form-two-col-horizontal .form-detail.form-labelside label.label-sub {width:90px; margin-right:0; margin-top:0;} .online-form-site-info.form-two-col-horizontal .form-detail.form-labelside .radio-wrapper label.label-sub { width:70px;} .form-detail .radio-wrapper li {width:110px !important;} .online-form.online-form-site-info.form-two-col-horizontal .form-detail.form-labelside .field-wrapper {width:300px;} .online-form.online-form-site-info.form-two-col-horizontal .form-detail.form-labelside .float-radio .radio-wrapper.field-wrapper { width:280px;} .online-form.form-two-col-horizontal .form-detail.form-labelside label {width:140px} .online-form.form-two-col-horizontal .form-detail.form-labelside label.label-align-top {margin-top:0;} .online-form.form-two-col-horizontal .form-detail.form-labelside input[type="text"].areacode {margin:0 10px; width:20px;} .online-form.form-two-col-horizontal .form-detail.form-labelside input[type="text"].phone {width:208px; margin-left:10px;} .retailer-details {position:relative; margin:0 -40px; background-color:#ebf1ee; padding:30px 50px;} .retailer-details .completedby {position:absolute; bottom:0; right:40px; width:450px;} .retailer-details .completedby li {margin:0;} .retailer-details .completedby .field-wrapper {width:293px !important;} .retailer-details .button-wrapper { position:absolute; bottom:20px; right:40px;} .completedby {position:absolute; right:30px; top:30px;} .retailer-details-wrapper { margin-left:35px;} .service-description textarea {height:80px;} /* ========================================================================== Competiton form ========================================================================== */ .page-template-template-competition-php .banner {width:100%} .page-template-template-competition-php .li-error, .page-template-template-competition-php .li-error a {color:red;} .page-template-template-competition-php .button-wrapper {margin-top:20px;} .competition-form {border-top:1px solid #ccc; margin-top:20px;padding-top:20px;} .competition-form .checkbox-row {padding-left:130px;} .competition-form.form-two-col-horizontal .form-left {margin-right:20px;} .competition-form.form-two-col-horizontal .form-detail.form-labelside label {width:120px;} .competition-form .wpcf7-list-item-label {margin-left:5px;float:left;width:270px;margin-top:-3px;} .competition-form .icheckbox_minimal {float:left;} .page-template-template-competition-php .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {color:red;} /* ========================================================================== Resource Corner ========================================================================== */ .knowledge-centre-top { width:705px; margin:40px auto 40px; color:#252122; font-size:18px; line-height:25px;} .knowledge-centre-top .welcome { font-size:18px; line-height:20px; font-family:"Hind"; min-height:22px;} .knowledge-centre-top h1.knowledge-centre-heading { font-size:58px;line-height:70px; position:relative;font-family:Hind;margin-bottom:30px; } .knowledge-centre-heading .line { width:66px; height:8px; background-color:#d67e43; position: absolute; left:517px; top:70px;} .color-highlight {color:#d67e43;} .knowledge-item a { text-decoration:none; padding:20px; width:258px; height:170px; } .knowledge-item .knowledge-item-style-3 a { width:160px; height:auto; } .knowledge-item .knowledge-item-style-1 a { color:#fff;display:block;} .knowledge-item .knowledge-item-style-2 a { color:#fff;display:block;height:132px;} .knowledge-item .knowledge-item-style-1 li { background:#484b46; color:#fff; min-height:170px} .knowledge-item .knowledge-item-style-1.knowledge-item-style-3 li { background:#484b46; color:#fff; min-height:auto;} .knowledge-item .icon-5 {border:3px solid #FFF;width:55px;height:59px;font-size:36px;display:inline-block;line-height:59px;margin-top:8px;margin-bottom:16px;clear:both} .knowledge-item .knowledge-item-style-1 li:focus, .knowledge-item .knowledge-item-style-1 li:hover { background-color:#d67e43; border-color:#d67e43; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .knowledge-item span.h3 { font-size:18px; line-height:20px; margin:5px 0 15px; display:block;} .knowledge-item li { float:left; margin:0 10px 20px; border:1px solid #484b46; text-align:center; cursor:pointer;position:relative; } .knowledge-item { margin:0 -10px 0px; } .knowledge-item li p { margin-bottom:0; font-size:14px; line-height:17px;} .knowledge-item .fa { font-size:78px; line-height:80px; margin-bottom:10px; } .knowledge-item .knowledge-item-style-2 .fa { font-size:32px; line-height:46px; color:#fff; } .knowledge-item .big-icon { font-size:44px; line-height:46px;margin-bottom:10px; color:#fff; } .knowledge-item .big-icon.big-icon-5 { display:inline-block; border:2px solid #231f20; color:#d67e43; width:37px; font-size:30px; line-height:32px; width:33px;} .knowledge-item .knowledge-item-style-2 li {color:#716d6e; background-color: #484b46} .knowledge-item .knowledge-item-style-2 span.h3 { color:#fff; font-weight:bold; display:block; } .knowledge-item .knowledge-item-style-2 li { border:1px solid #c0c0c0; } .knowledge-item .knowledge-item-style-2 li:focus, .knowledge-item .knowledge-item-style-2 li:hover { border-color:#d67e43; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .knowledge-item .knowledge-item-style-2 li:focus a, .knowledge-item .knowledge-item-style-2 li:hover a, .knowledge-item .knowledge-item-style-2 li:focus .fa, .knowledge-item .knowledge-item-style-2 li:hover .fa, .knowledge-item .knowledge-item-style-2 li:focus span.h3, .knowledge-item .knowledge-item-style-2 li:hover span.h3, .knowledge-item .knowledge-item-style-2 li:focus .big-icon, .knowledge-item .knowledge-item-style-2 li:hover .big-icon{ color:#fff; background-color:#d67e43; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .knowledge-item-bar { text-align:center; background-color:#c2c2c2; border:1px solid #c0c0c0; padding:15px 0; font-size:15px; line-height:16px; font-family:'Hind'; cursor:pointer; display:block; text-decoration:none;} .knowledge-item-bar .num {border: 2px solid #000;margin:0 5px; display:inline-block;font-size:24px; line-height:24px; margin:0 5px; padding:5px 10px;/*vertical-align:middle;*/} .knowledge-item-bar:focus, .knowledge-item-bar:hover { background:#d67e43; border-color:#d67e43; color:#fff; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;} .knowledge-item .fa { display:block;} .knowledge-item .info {display:block;} .knowledge-item-bar:hover .num {border-color:#fff;} .knowledge-item .fa.fa-chevron-right { font-size:12px !important; line-height:12px !important; position:absolute; right:20px; top:50%; margin-top:-2px !important; color:#5ba536 !important; } /* ========================================================================== Spec ========================================================================== */ .matrix-wrapper { float:left; width:700px; margin-bottom:15px;} .title-spec { font-size:18px; line-height:22px; min-width:295px; padding-left:10px; float:left;font-family:"Hind";} .matrix-header { float:right;margin-top:-10px;} .matrix-header li { float:left; width:83px; text-align:center; font-size:13px; line-height:15px; font-family:"Hind"; padding-bottom:15px;padding-top:10px;} .matrix-header li.seperator {width:1px;} .matrix-header .tablet { display:none;} .matrix-header li.current { background:#e1ffd2; margin-left:-1px; margin-right:-1px;width:77px} .matrix-content-wrapper article ul { float:right; } .matrix-content-wrapper article h5 { float:left; min-width:295px; padding-left:10px;padding-top:13px; } .matrix-content-wrapper article h5.sub-head {padding:13px 0 13px 10px; } .matrix-content-wrapper article ul li { float:left; text-align:center; width:83px; padding-top:13px; padding-bottom:13px; min-height:18px;} .matrix-content-wrapper li.seperator {width:1px;background:url(images/matrix-seperator.png) no-repeat 0 13px;} .matrix-content-wrapper article ul li.current{ background:#e1ffd2; margin-left:-1px; margin-right:-1px;width:77px;z-index:22; position:relative} .matrix-content-wrapper article {border-bottom:1px solid #e2e2e2; } .matrix-content-wrapper article.empty li { height:20px} .matrix-content-wrapper article.empty li.seperator {background:none;} .matrix-content-wrapper .fa { color:#d67e43; font-size:15px;} .matrix-content-wrapper .fa:focus, .matrix-content-wrapper .fa:hover {color:#b5b5b5} .matrix-content-wrapper .sub-head { font-size:15px; } .matrix-content-wrapper .back-to-top {margin-top:15px;} .matrix-content-wrapper .back-to-top .fa {color:#000; margin-right:5px;} .matrix-content-wrapper .back-to-top:focus, .matrix-content-wrapper .back-to-top:hover, .matrix-content-wrapper .back-to-top:focus .fa, .matrix-content-wrapper .back-to-top:hover .fa{color:#d67e43;} #item-motorisation .sidenav-sub { display:none; } span.empty {color:#8a8a8a;} /* ========================================================================== Media ========================================================================== */ .media-preview { float:right; padding:10px; background-color:#eaeaea; width:280px; } .media-preview-img { margin-bottom:15px;} .media-preview-content {padding:5px; font-size:14px; line-height:16px;} .media-preview-content h4 {font-weight:bold; font-size:16px; line-height:18px;} .media-preview-content span.meta {display:block; color:#7F7F7F; font-size:11px; line-height:11px; margin-bottom:12px;} .media-preview-content p {margin-bottom:10px;} .media-preview-content a { color:#d67e43; text-decoration:none; } .media-left {float:left; width:615px;} .list-media-updates { float:left; width:615px; } .list-media-updates figure {float:left;margin-right:15px;} .list-media-updates article { width:605px; float:left; padding:0; margin-bottom:40px;} .list-media-updates article h3, .list-media-updates article h3 a { font-size:16px; line-height:18px; color:#d67e43; text-decoration:none; font-weight:bold; } .list-media-updates article h3 { margin-bottom:15px;} .list-media-updates article .meta {font-size:12px;line-height:13px; display:block; color:#000; font-weight:normal; margin-top:5px; } .list-media-updates article .link-more { font-size:14px; line-height:16px; color:#d67e43; text-decoration:none; } .list-media-updates article .content { width:475px; float:left;} .list-media-updates article .link-more:focus, .list-media-updates article .link-more:hover { text-decoration:underline; } .list-media-updates article p { margin-bottom:0; } .list-media-updates article .wysiwyg p { margin-bottom:20px;} .sidenav { float:left; margin-right:20px; width:215px; margin-top:-10px;} .sidenav li {display:block; padding-bottom:10px; float:none; padding-top:10px; } .sidenav li:first-child.current, .sidenav li.first-child.current { border-top:none;} .sidenav li.current { border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;} .sidenav li.current > a { color:#d67e43;} .sidenav-sub {margin:10px 0 0 20px; display:none} .sidenav li.current .sidenav-sub {display:block;} .sidenav-sub li {padding:5px 0} .sidenav-sub li a:focus, .sidenav-sub li a:hover{color:#d67e43;} .image-gallery-wrapper { width:700px; float:left; } .list-image-gallery {margin:0 -10px; } .image-gallery-wrapper .info-large { padding:20px; text-align:center; margin-bottom:20px; } .image-gallery-wrapper article { margin:0 10px 15px; width:220px; float:left; } .image-action-wrapper {position:relative; padding:10px 10px 5px; } .image-action-wrapper ul li { margin-bottom:5px;} .image-action-wrapper ul li:last-child, .image-action-wrapper ul li.last-child { margin-bottom:0;} .image-action-wrapper .icon-zoom { position:absolute; top:11px; right:5px; } .location-wrapper .hidedesktop { display: none; } /* ========================================================================== Competition ========================================================================== */ .list-prize figure {float:left;margin-right:15px;} .list-prize article {margin-bottom:20px; float:left; width:470px;} .list-prize article h3 { font-size:16px; line-height:18px; color:#d67e43; text-decoration:none; font-weight:bold; margin-bottom:10px; } .list-prize .desc {float:left; width:245px} .list-prize .desc2 {font-size:14px; line-height:18px;} /* ========================================================================== Dealer Locator ========================================================================== */ .two-col-wrapper .col-left, .two-col-wrapper .col-right { width:460px; } .location-wrapper {background-color:#e4e5e4; padding:10px;} .location-wrapper .lbl2 {margin:10px 0 0;} .two-col-wrapper .col-left {float:left; } .two-col-wrapper .col-right {float:right;} .contact-method .bg-circle { border:1px solid #000; width:36px; height:36px; -webkit-border-radius:36px; -moz-border-radius:36px; border-radius:36px; display:inline-block; margin-right:5px;text-align:center } .contact-method .bg-circle i {font-size:20px; font-size:22px; margin:8px;} .contact-method .bg-circle i.fa-envelope-o {font-size:20px; } .contact-method li { float:left; margin-left:40px; text-transform: uppercase; } .contact-method li a { text-decoration: none; font-size:14px; font-family:"Hind"; } .contact-method li a:focus, .contact-method li a:hover {color:#d67e43} .contact-method li:first-child { margin-left:0; } .contact-method li a:focus .bg-circle, .contact-method li a:hover .bg-circle { border-color:#d67e43; } .location-input { width:254px; } .find-panal label{display:block;margin-bottom:5px;} .location-wrapper .or { float:left; line-height:32px; width:40px; text-align:center} .location-wrapper input[type=text] { border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:20px; font-family:"Hind"; width:300px; height:20px; float:left; font-size:13px;} .location-wrapper .dropdown-state { width:138px; border:1px solid #ccc; background-color:#fff; float:left;} .location-wrapper .dropdown-area {border:1px solid #ccc; background-color:#fff;width:200px;} .location-wrapper .fa-location-arrow {color:#d67e43} .ios .dropdown {border:none; background:none;} .ios select {margin-top:-3px} .ios .location-wrapper .dropdown-state { border:none; background:none; } .ios select{ margin-top:5px;} .location-wrapper .dropdown-state select {width:138px; } .location-wrapper .dropdown-state .selectricWrapper { width:auto; } .dealer-filter input.btn-go, a.btn-go, .btn-go-now { background-color:#d67e43; color:#fff; border:none; font-family:"Hind"; font-size:14px; line-height:32px; height:32px; padding:0 15px; margin-top:0px;} a.btn-go, a.btn-go-now { display: block; } .dealer-filter label {margin-bottom:6px;} .google-map-container { width:460px; height:550px; margin-bottom:18px;} .google-map-container.google-map-dealer { margin-top:-80px;} .dealer-form { margin-bottom:10px; float:left; width:334px } .location-error {text-align:right; display:none;} .dealer-form.international {float:none; width:auto;margin-bottom:20px;} .filter.dealer-filter { padding:10px 0 15px; margin-left:10px;margin-bottom:5px; float:left; width:115px;} .location-wrapper .link-current-location .fa { color:#d67e43; margin-right:3px;} .location-wrapper .link-current-location { text-align:right;margin:10px 0; } .location-wrapper .link-current-location:focus .fa, .location-wrapper .link-current-location:hover .fa { color:#d67e43; text-decoration:none; } .filter.dealer-filter a.link-checkbox { margin-bottom:5px;} .find-panal .col-left { border-bottom:1px solid #ccc} .location-list article { border-bottom:1px solid #ccc; border-right:1px solid #fff;border-left:1px solid #fff; /*border-top:1px solid #fff;*/padding:10px; font-size:12px; position:relative; } .location-list article.current {border:1px solid #d67e43; margin-top:-1px;} .location-list article.current-selected {border:1px solid #d67e43 !important; } .location-list article.highlighted {background-color:#E4E5E4;} .location-list .distance {color:#7f7f7f; position:absolute; bottom:10px; right:114px; text-align:right;} .location-list .col-indicator { width:25px; float:left; } .location-list .col-indicator span { background-color:#d67e43; color:#fff; font-family:"Hind"; font-size:10px; line-height:11px; min-width:14px; display:inline-block; line-height:14px; text-align:center; } .location-list .col-indicator span.showroom { background-color:#000;} .location-list .col-indicator span.dealer { background-color:#606060;} .location-list .dealer-type-mobile { display:none;} .location-list .col-address { width:220px; float:left; margin-right:9px; } .location-list .col-address a:focus, .location-list .col-address a:hover { text-decoration:underline; } .location-list .col-address p { margin-bottom:0px;} .location-list .col-address h4 {font-family:"Hind";font-size:14px; line-height:16px; margin-bottom:5px; } .location-list .col-address h4 a {color:#000;} .location-list .col-address h4 a:focus, .location-list .col-address h4 a:hover {text-decoration:none;} .location-list .col-address a { color:#d67e43; text-decoration:none; } .location-list .col-type { width:80px; float:left; margin-right:9px; font-size:10px; line-height:12px; color:#7f7f7f; text-align:right;} .location-list .col-type a { color:#7f7f7f; text-decoration:none;} .location-list .col-type .border-circle, .legend-map .border-circle { border:1px solid #7F7F7F; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; width:13px; height:13px; display:inline-block; text-align:center; color:#7F7F7F; } .location-list .col-type .fa {margin-left:1px;line-height:13px;} .location-list .col-phone { width:95px; float:left; font-family:"Hind";font-size:14px; line-height:16px; text-align:right; } .location-list .link-direction { background:url(images/icon-direction.png) no-repeat 0 0; padding-left:15px; position:absolute; bottom:10px; right:10px; text-decoration:none; color:#d67e43; } .location-list .link-direction:focus, .location-list .link-direction:hover { text-decoration:underline; } .info-large a { color:#d67e43; text-decoration:none; } .info-large a:focus, .info-large a:hover {text-decoration:underline;} .info-large { font-size:18px; line-height:21px; } .page-template-template-dealer-locator-php .info-large {padding-top:30px; } .legend-map {margin-bottom:10px;font-size:11px;} .legend-map li { margin-left:23px; float:left; padding-left:18px; } .legend-map li.first-child, .legend-map li:first-child { margin-left:0;} .legend-map .icon-pin-black { background:url(images/pin/pin-black-small.png) no-repeat 0 0;} .legend-map .icon-pin-green { background:url(images/pin/pin-green-small.png) no-repeat 0 0;} .legend-map .icon-pin-grey { background:url(images/pin/pin-grey-small.png) no-repeat 0 0;} .legend-map .icon-pin-red { background:url(images/pin/pin-red-small.png) no-repeat 0 0;} .legend-map a { text-decoration:none; } .legend-map .border-circle {top:1px; position:relative; } .legend-map .fa-info {font-size:10px;line-height:10px; position:relative; top: -2px;} /* international dealer */ .page-template-template-find-us-php .col-type {display:none; } .page-template-template-find-us-php .find-panal .col-left {border:none;} .internation-location-list.location-list .col-phone { width:175px;} .international-location-wrapper .title-find { float:left; margin: 6px 0 0; font-family:"Hind"; } .international-location-wrapper .dropdown-state {float:right; width:235px;} /* ========================================================================== Who we are ========================================================================== */ .big-heading { font-size:30px; line-height:32px; margin-bottom:25px;} .big-heading .first-row { text-transform:uppercase;display:block;} .big-heading .underline {clear:both; font-size:80px;line-height:84px; background:url(images/big-heading-underline-desktop.gif) no-repeat 5px bottom; display:block} .who-we-are .intro { font-size:24px; line-height:28px; margin-bottom:38px; } .who-we-are .thumbnail {float:left; margin-right:30px; width:320px} .who-we-are .thumbnail img {height:auto;} .who-we-are .description {float:left; width:500px; font-size:15px; line-height:20px;} .who-we-are .description h3 {color:#d67e43; font-size:23px;line-height:28px;margin-bottom:20px;} .who-we-are .description h3 span {margin-top:5px;display:block; font-size:13px; line-height:15px;} .who-we-are .last-height {min-height:255px;} .next-section {display:none; margin-top:50px; text-align:right; margin-right:35px; } .next-section { font-size:14px; line-height:20px;} .next-section .label {float:left;margin-right:10px;} .next-section a {text-decoration:none;text-align:right;display:inline-block;color:#454545;} .next-section a:focus, .next-section a:hover {color:#d67e43; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;} .flexslider .slides .next-section img {width:28px;float:right;margin-top:20px;} .next-section .label span {text-transform:uppercase; font-weight:bold; font-size:23px; line-height:27px;display:block;} .who-we-are .flex-direction-nav a {opacity:1 !important;} .who-we-are .flex-direction-nav a.flex-disabled {opacity:0 !important;} .who-we-are article {margin-bottom:25px; margin-left:50px;} .who-we-are .flexslider { border:none;box-shadow:none;border-radius:0;} .who-we-are .flex-direction-nav .flex-prev, .who-we-are .flex-direction-nav .flex-next { width:21px;height:21px;text-indent:-9999px !important;font-size:0; line-height:0;} .who-we-are .flex-prev {background:url(images/carousel-previous.png) no-repeat 0 0; left:0 !important;} .who-we-are .flexslider:hover .flex-next {right:0;} .who-we-are .flexslider:hover .flex-next {background-position:0 -27px;} .who-we-are .flex-next {background:url(images/carousel-next.png) no-repeat 0 0; right:0 !important;} .who-we-are .flex-direction-nav a.flex-next:before {content:none;} .who-we-are .flex-control-paging li a {background:url(images/carousel-dots.png) no-repeat 0 0;width:11px;height:11px;} .who-we-are .flex-control-paging li a:focus, .who-we-are .flex-control-paging li a:hover, .who-we-are .flex-control-paging li a.flex-active {background-position:0 -13px;} .ie7 .header-container, .ie8 .header-container { background:url(images/white-overlay.png); border-bottom:1px solid #ccc;} .ie7 .hero-caption, .ie7 .element .overlay-text, .ie8 .hero-caption, .ie8 .element .overlay-text, .ie7 #controls-wrapper #controls, .ie8 #controls-wrapper #controls { background:url(images/white-overlay.png); } .ie7 nav.action-nav li.hover, .ie8 nav.action-nav li.hover { position:relative; top:-110px; color: #d67e43;} .ie7 nav.action-nav li.hover .hidden-wrapper, .ie8 nav.action-nav li.hover .hidden-wrapper { height:210px !important; } .ie7 nav.action-nav li.hover .action-more, .ie8 nav.action-nav li.hover .action-more { height:110px; } ul.share-bar .share-panel { border:1px solid #ccc;} textarea { width:280px;} /* full width background */ #full-width .full-header-bg { height:520px; position:absolute; z-index:-1; top:0; left:0; width:100%; overflow:hidden; text-align:center} #full-width .full-header-bg img { position:relative; left:50%; margin-left:-2500px; } #supersized {display:none;} .home #supersized { display:block;} .dev { position:fixed;left:0; top:0; width:5px; height:5px; z-index:100000; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { /* background: transparent !important;*/ color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } .print-only { display:block; } .header-container {background:#fff;} .header-container .search-wrapper, .header-container .mainnav, .action-nav-wrapper, .header-container, .social-links, .isotope, .btn-close{display:none;} } /* .current-menu-ancestor ul.sub-menu{ display:block} .current-menu-item ul.sub-menu{ display:block} .sf-menu li.current-menu-parent ul.sub-menu, .sf-menu li.current-parent-item ul.sub-menu {display:block !important;} .sf-menu li.current-menu-parent ul.sub-menu .sub-menu, .sf-menu li.current-menu-parent ul.sub-menu > ul.sub-menu { display: none !important; } */ .ui-autocomplete { max-height: 100px; width: 280px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; width: 280px; } .ui-autocomplete .ui-menu-item { cursor: pointer; cursor: hand; } .capture-access { display: none; } .ajax-loader { background: url(images/ajax-loader.gif) no-repeat top left; width: 32px; height: 32px; margin: 10px; } .showroom-row { background: #e4e5e4; } .location-list .showroom-row .col-type a, .location-list .showroom-row .col-type .border-circle, .legend-map .border-circle { } .formblock { } .formblock .left-block { width: 35%; float: left; } .formblock .right-block { float: left; width: 65%; } .formblock h4.subtitle { font-weight: bold; } .formblock article { margin-left: 0; } .page-template-template-contact-ss .full-header-bg img { margin-left: -1900px !important; } .page-template-template-dealer-returns .full-header-bg img { margin-left: -1900px !important; } .nobull article ul { list-style: none; margin: 0; } .nobull article h2.title-spec{ padding-top: 13px; } .nobull .matrix-wrapper { width: 100%; } .searchform { position: relative; } input.searchbox { width: 98%; display: inline-block; margin: 0 0 10px; padding: 5px 0 5px 2%; background-color: #6b6b6b; color: #fff; border-color: #313130; height: 25px; } .searchform button.btnsearch { position: absolute; right: 0; top: 5px; text-indent: -99999; background-color: #6b6b6b; color:#c06a31; } .searchToggle { position: absolute; font-size: 20px; color: #fff; right: 0; line-height: 135px; padding: 0 5px; top: 0px; }