body{font-family: 'Lato', sans-serif;}

a[href^=tel]{color:inherit !important; text-decoration:none !important;}

.desktophidden{display: none;}
.mobilehidden{display: block;}
.printhidden{display: block;}
.printonly{display: none;}

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; color: #5D99C7; font-weight: normal; margin-top: 0;}
h1 {font-size: 2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;;}
h3 span{color: #97B93F;}

ul, p, ol{line-height: 1.8em; color: #0A090A; font-weight: 300; margin-bottom: 1.5em;}

a{color: #5D99C7;}
a:hover{opacity: 0.8;}

p.navheader {display: none;}

ul, ol{padding: 0 0 10px 20px;}
ul.inlinelist{margin: 0; }
ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;}

#gridoverlay{position: absolute; left: 50%; top: 20px; margin: 0 0 0 -490px; display: none;}
#printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;}

ul#sitemap li a {text-decoration:none;}

.centre{text-align: center;}

img.left{float: left; margin: 0 1em 1em 0;}
img.right{float: right; margin: 0 0 1em 1em;}

.build-query{background-color: #FFA0A0; padding: 1%; font-size: 0.8em;}

/* Invisible Separator */
.invisiblesep{clear: both;}

/* Image Styles */
img.LEFT{float: left; margin: 0 15px 15px 0;}
img.RIGHT{float: right; margin: 0 0 15px 15px;}
img.CENTRE{text-align: center; display: block; margin: 10px auto;}
img.INLINE {display: inline; margin: 15px 0 15px 0;}

.imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;}
.imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;}

.wrapper {width: 960px;}

/* Skip Navigation */
.skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;}
.skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;}

/* Main Page Sections */
.wrapper{margin: 0 auto; position: relative;}

/* Header container */
.header-container{min-height: 250px}
.header-container .wrapper .c12{min-height: 250px;}
.header-container .wrapper img.logo{position: absolute; left: 50%; margin-left: -101px; cursor: pointer; top: -10px; }
.header-container .wrapper form{display: none;}
.header-container .telephone-display{background-color: rgba(255, 255, 255, 0.65);}
.header-container .telephone-display .wrapper{text-align: right;}
.header-container .telephone-display .wrapper p{margin: 3px 0; color: #2f378a; font-weight:600; height: 37px; padding-top: 7px;}

/* Menu container */
.header-container ul{padding: 0; margin: 0; width: 100%; text-align: left; position: absolute; bottom: 1px; left: 10px;}
.header-container ul li{width: auto; padding: 0; font-size: 0.7rem; display: inline; margin: 0; padding: 0;}
.header-container ul li a{display: inline; padding: 7px 15px; margin: 0 2px 0 0; color: #fff; text-decoration: none; background-color: #2f378a; border-radius: 5px 5px 0 0;}
.header-container ul li a:hover{color: #fff; background-color: #2D9ECE;}
/* .header-container ul li.selected a{color: #fff; background-color: #2D9ECE;} */

.header-container ul li#menu_consultancy-home a {background:#2f378a; font-size: 0.9rem; font-weight: 500;}
.header-container ul li#menu_equipment-home a {background:#50b8a4; font-size: 0.9rem; font-weight: 500;}

.gradient{background: transparent url("../images/gradient.png") repeat-x bottom left;}

#sitesearchform {display:block !important; width:200px; position:absolute; right:0; bottom:-37px; z-index:3000}

/* Menu container */
.menu-container #mainmenu{padding: 0; margin: 5px 0; width: 100%; text-align: left;}
.menu-container #mainmenu li{width: auto; padding: 0; font-size: 0.7rem; position: relative; display: inline; margin: 0; padding: 0; border-right: 1px solid #b3b3b2;}
.menu-container #mainmenu li:first-child{margin-left: -15px;}
.menu-container #mainmenu li a{display: inline; padding: 7px 15px; font-weight: 400; text-transform: uppercase; margin: 0; color: #727b83; text-decoration: none;}
.menu-container #mainmenu li a:hover{color: #b3b3b2;}
.menu-container #mainmenu li.selected a{color: #b3b3b2;}
.menu-container #mainmenu li.lastitem{border: none;}

/* Level 2 */
.menu-container #mainmenu li ul{display: none; position: absolute; left: 10px; margin: 0; margin-top:-10px; padding: 10px 0 0 0; z-index: 10001}
.menu-container #mainmenu li.hover li a{/*background: rgba(69,69,69,0.9);*/ background: none;}
.menu-container #mainmenu li ul li{background: rgba(69,69,69,0.9); display: block; width: 200px; margin: 0; padding: 0 0 0 10px; z-index: 10002; }
.menu-container #mainmenu li ul li:first-child{margin-left: 0;}
.menu-container #mainmenu li ul li a{color:#fff; display: block; margin: 0; padding: 5px;}
.menu-container #mainmenu li ul li:hover {background-color: rgb(3, 40, 66); background-color: rgba(3, 40, 66, 0.8);}
.menu-container #mainmenu li ul li a:hover {/*background-color: rgb(0, 168, 236); background-color: rgba(0, 168, 236, 0.8);*/ color:#fff}
.menu-container #mainmenu li.selected ul li:hover {background-color: rgb(3, 40, 66); background-color: rgba(3, 40, 66, 0.8);}
.menu-container #mainmenu li.selected ul li a:hover {background-color:none; border-color:transparent;}
.menu-container #mainmenu li.selected ul li a { color: #fff; background:transparent;}
.menu-container #mainmenu li.selected ul li.selected {background-color: rgb(3, 40, 66); background-color: rgba(3, 40, 66, 0.8);}
.menu-container #mainmenu li.selected ul li.selected a {color: #fff; border:none;}
.menu-container #mainmenu li:hover ul{display: block;}
.menu-container #mainmenu li ul li:last-child a {border-bottom:none}

/* Level 3 */
.menu-container #mainmenu li ul li ul {display:none !important; padding:0;}
.menu-container #mainmenu li ul li ul li{display:block; float:none; margin:0;}
.menu-container #mainmenu li.selected ul li.hover ul{display:block !important; position:absolute; z-index:10003; top: 10px; left: 211px;}
.menu-container #mainmenu li.hover ul li.hover ul{display:block !important; position:absolute; z-index:10003; top: 10px; left: 211px;}


/* Main container */
.main-container{color: #AAA; min-height:100px;}
.main-container .wrapper{text-align: left; margin:0 auto; padding: 0;  background:url('../images/container-watermark.png') no-repeat right bottom;}
.page-index .main-container .wrapper{background-color: transparent;}
.main-container .wrapper img{max-width: 100%;}
.main-container ul, .main-container p, .main-container ol{line-height: 1.3rem; margin-bottom: 10px; font-size: 0.9rem; color: #494949}
.main-container .wrapper ul {list-style: none; padding-left: 0;}
.main-container .wrapper ul li{background: transparent url("../images/list-item.png") no-repeat 0 1px; padding-left: 25px;}

.main-container .wrapper ul.nobullets li{background:none !important; padding-left:0 !important;}

.main-container .wrapper h1{color: #727b83; padding-bottom: 20px; font-weight: 300; text-transform: uppercase; background: transparent url("../images/heading-underline.jpg") no-repeat bottom left;}
.main-container .wrapper h2{color: #727b83; font-size: 1.6rem; padding-bottom: 20px; padding-top: 20px; font-weight: 300; text-transform: uppercase; background: transparent url("../images/heading-underline.jpg") no-repeat bottom left;}
.main-container .wrapper h3{color: #727b83; font-size: 1.3rem; padding-bottom: 20px; font-weight: 300; text-transform: uppercase; background: transparent url("../images/heading-underline.jpg") no-repeat bottom left;}
.main-container .wrapper h4{color: #727b83; font-size: 1.2rem; padding-bottom: 20px; font-weight: 300; text-transform: uppercase; background: transparent url("../images/heading-underline.jpg") no-repeat bottom left;}

.main-container .wrapper form label {color:#494949; font-size:0.8em}
.main-container .wrapper form input {color:#494949; font-size:0.8em}
.main-container .wrapper form select {color:#494949; font-size:0.8em}

body.page-booking-request #contactform {}
body.page-booking-request #contactform textarea {height:150px; min-height:100px; padding-top:10px; padding-left:10px;}

body.page-search .main-container .wrapper ul li {border-bottom:1px solid #eaeaea; margin-bottom:10px; padding:20px 0}
body.page-search .main-container .wrapper ul li p a {font-size:1.2em; text-decoration:none; margin-top:20px; display:block;}

/* PDF Download Button */ 
.product-download-pdf {border:1px solid #ccc; border-radius:5px; text-align:center; background:#eaeaea; cursor:pointer; margin-bottom:20px !important;}
.product-download-pdf:hover {opacity:0.8;}
.product-download-pdf a { text-decoration:none; font-weight:500; color:#36B19C; display:block; padding:5px;}

.page-download-pdf {width:220px; position: absolute; right: 10px; z-index:3000; border:1px solid #ccc; border-radius:5px; text-align:center; background:#eaeaea; cursor:pointer; margin-bottom:20px !important;}
.page-download-pdf:hover {opacity:0.8;}
.page-download-pdf a { text-decoration:none; font-weight:500; color:#36B19C; display:block; padding:5px;}

/* Get in touch */
.get-in-touch{border: 1px solid #ddd; position: relative; padding: 120px 30px 30px 30px; margin-bottom:20px; border-width: 1px 1px 0 1px; background: #fff url("../images/background-getintouch.jpg") repeat-x bottom left;}
.get-in-touch img{position: absolute; top: 20px; right: 20px;}
.get-in-touch h3{text-transform: none !important; margin-top:10px;}
.get-in-touch p{text-transform: uppercase; font-size: 0.8rem}
.get-in-touch p.telephone{text-transform: none; font-size: 1.3rem}
.get-in-touch p.telephone strong {display:inline-block; margin-top:10px; font-size: 1.1em;}

/* Category - Product List */
.product-list .product{border-bottom: 1px solid #ccc; margin: 0 0 40px 0; padding: 10px 20px 30px 200px; position: relative; min-height: 180px}
.product-list .product h4{font-weight: 100; font-size: 1.8em; margin-bottom: 5px}
.product-list .product h4 a{text-decoration: none; color: #727b83;}

.product-list .product p.product-description {font-size: 0.9rem;}

.product-list .product .product-image{position: absolute; top: 0; left: 0;}
.product-list .product .product-image a {display: block;}
.product-list .product .product-image a img{max-width: 190px; max-height: 200px}
.product-list .product .viewmore{position: absolute; bottom: 10px; left: 200px;}
.product-list .product .viewmore a{background-color: #727b83; text-decoration: none; font-weight: 300; border-radius: 2px; color: #fff; text-transform: uppercase; padding: 8px 20px}

/* Warning Message */
.main-container .wrapper p.warning {width: 96%; padding: 2%; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.main-container .wrapper p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;}
.main-container .wrapper p.success {background-color: #0A0; border:2px solid #090; color: #FFF !important;}
.main-container .wrapper p.warning a{color: #FFF;}

/* Tables */
.main-container table{background-color: #FFF; width: 100%; box-shadow: 0px 1px 3px 1px #A1A1A1; margin-bottom: 30px;}
.main-container table td, .main-container table th{padding: 10px 0 10px 15px; color: #274C55; font-size: 0.95em;}
.main-container table td.centercell, .main-container table th.centercell{text-align: center;}
.main-container table td a{text-decoration: none;}
.main-container table thead tr td, .main-container table thead tr th{color: #2F758E; border-bottom: 2px solid #EEE; font-size: 1.1em;} 

/* Contact form */
.contact-form .c4-left{float: left; width: 31%; margin-right: 1%;}
.contact-form .c8-right{float: left; width: 67%; margin-left: 1%;}
.contact-form textarea{min-height: 239px; max-height: 239px;}

/* Footer */
.footer-container{background: #68717b url("../images/background-footer.jpg") no-repeat; background-size: cover; padding: 20px 0 0 0}
.footer-container .wrapper{margin: 0 auto;}
.footer-container .wrapper .c3 {padding-top:5px;}
.footer-container .wrapper h3 {font-size:1.3em; color:#fff; letter-spacing: -0.6px; margin-bottom: 5px;}
.footer-container .wrapper p{margin-bottom: 2px; font-size: 0.8rem; color: #fff; line-height: 1.2rem; margin-top: 0;}
.footer-container .wrapper .left p {font-size:1.05em; line-height:1.5em}
.footer-container .wrapper .middle h3 {margin-left:30px;}
.footer-container .wrapper .middle p {margin-left:30px;}
.footer-container .wrapper .right h3 {margin-left:60px;}
.footer-container .wrapper .right p {margin-left:60px;}
.footer-container .wrapper p a{color: #fff; text-decoration: none;}
.footer-container .date-display{background-color: rgba(58, 61, 63, 0.65); margin-top: 20px;}
.footer-container .date-display .wrapper{text-align: right;}
.footer-container .date-display .wrapper p{margin: 5px 0}
.footer-container .date-display p.web-design-link{text-align: right; margin: 0 0 15px 0; font-size: 0.8rem;}
.footer-container .date-display p.web-design-link a{color: #FFF; display: block; text-decoration: none;}
.footer-container .date-display p.web-design-link a:hover{text-decoration: underline;}

body.page-index .footer-container{background: #68717b url("../images/background-footer-landingpage.jpg") no-repeat; background-size: cover; padding: 20px 0 0 0}
body.page-index .footer-container .wrapper{margin: 0 auto; height:188px;}
body.page-index .footer-container .wrapper .c3 {padding-top:5px;}
body.page-index .footer-container .wrapper h3 {font-size:1.3em; color:#fff; letter-spacing: -0.6px; margin-bottom: 5px;}
body.page-index .footer-container .wrapper p{margin-bottom: 2px; font-size: 0.8rem; color: #fff; line-height: 1.2rem; margin-top: 0;}
body.page-index .footer-container .wrapper .left p {font-size:1.05em; line-height:1.5em}
body.page-index .footer-container .wrapper .middle h3 {margin-left:30px;}
body.page-index .footer-container .wrapper .middle p {margin-left:30px;}
body.page-index .footer-container .wrapper .right h3 {margin-left:60px;}
body.page-index .footer-container .wrapper .right p {margin-left:60px;}
body.page-index .footer-container .wrapper p a{color: #fff; text-decoration: none;}
body.page-index .footer-container .date-display{background-color: rgba(46, 58, 72, 0.65); margin-top: 20px;}
body.page-index .footer-container .date-display .wrapper{text-align: right;  height:96px;}
body.page-index .footer-container .date-display .wrapper p{margin: 20px 0 5px 0; font-size:0.85em}
body.page-index .footer-container .date-display .wrapper p.web-design-link{margin: 5px 0 5px 0;}