body{font-family: Verdana;}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; 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; margin-bottom: 1.5em;}

p a, li a {color:#808080; border-bottom:1px solid #2A5A8A; text-decoration:none; padding-bottom:0;}

p.navheader {display: none;}

blockquote{font-size: 1rem; color: #008d50; font-weight: normal; font-style: italic;}

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;}

ul.paging{margin: 0; padding: 0; border: 1px solid #AAA; border-width: 1px 0;}
ul.paging li{display: inline-block; padding: 2px 10px 2px 0; margin-bottom: 0; list-style-type: none;}
ul.paging li a{text-decoration: none;}
ul.paging li a:hover{text-decoration: underline;}
ul.paging li a.selected{text-decoration: underline;}

#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 {list-style:none; margin:0; padding:0;}
ul.sitemap li {padding:0; margin:0; padding:0;}
ul.sitemap li a {text-decoration:none; color:rgb(51, 102, 255);}
ul.sitemap li ul {list-style:none; margin:0; padding:0; padding-left:5px;}
ul.sitemap li ul li {padding:0 !important; margin:0;}
ul.sitemap li ul li a {color:rgb(102, 102, 153);}

.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;}

.shadow{box-shadow: inset 0px 0px 10px 0px #ABABAB; -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB; -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB; -o-box-shadow: inset 0px 0px 10px 0px #ABABAB;}
.borders{border-left: 1px solid #777; border-right: 1px solid #777;}

/* 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;}

.hr{border: 1px solid #008D50; margin: 20px 0;}

/* 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; padding: 0px; text-align: left;}

/* Header container */
.header-container .wrapper{background-color: #008D50; min-height: 130px;}
/* .header-container .wrapper .tel{position: absolute; top: 5px; right: 10px; font-size: 0.8rem; margin: 0;} */
.header-container .wrapper .email{position: absolute; top: 5px; right: 120px; font-size: 0.8rem; margin: 0;}
.header-container .wrapper .email a{text-decoration: none; color: #516698}
.header-container #sitesearchform {position:absolute; right:0; top:10px; width:30%; display: none;}

.header-container .wrapper p.telephone {color:#fff; font-size:1.3em; position:absolute; right:25px; bottom:-20px; text-shadow: 1px 2px 4px rgba(0, 0, 0, 1);}
.header-container .wrapper .logo {position:absolute; }
.header-container .wrapper .tagline1 {position:absolute; top:60px; left:230px;}
.header-container .wrapper .tagline2 {position:absolute; top:20px; right:20px;}

/* Menu container */
.menu-container .wrapper{background-color: #eee;}
.menu-container .wrapper .c12{width: 100%; margin: 0;}
.menu-container ul{padding: 0; margin: 0; width: 100%;}
.menu-container ul li{display: inline-block; padding: 0; margin: 0; font-size: 0.9rem; line-height: 1.3rem}
.menu-container ul li a{display: inline-block; border-right: 1px solid #646464; border-bottom: none; padding: 10px 25px; margin: 0; font-weight: bold; color: #646464; text-decoration: none;}
.menu-container ul li a:hover{background-color: #D2D2D2;}
.menu-container ul li.selected a{background-color: #D2D2D2;}


/*
.menu-container ul li ul{display: none; position: absolute; top: 32px; margin: 9px 0 0 0; width: 200px; padding: 0; border-top: 1px solid white}
.menu-container ul li.hover ul, .menu-container ul li:hover ul{display: block;}
.menu-container ul li ul li{width: 200px; display: block; min-height: 20px; padding: 0; margin: 0; position: relative; border-bottom: 1px solid white} 
.menu-container ul li ul li a{border: none; width: 140px; background-color: #E41422}
.menu-container ul li ul li a:hover{background-color: #EF4F59; }*/

/* Header Container */
.banner-container{min-height: 200px;}
.index .banner-container{min-height: 300px;}

/* Main container */
.main-container .wrapper img{max-width: 100%;}
.main-container ul, .main-container p, .main-container ol{line-height: 1.1rem; margin-bottom: 10px; font-size: 0.8rem; color: #494949}
.main-container ul{line-height: 0.8rem}
.main-container h1{color: #646464; font-size: 22px; font-weight: bold;}
.main-container h2{color: #646464; font-size: 1.5rem;}
.main-container h3{color: #646464; font-size: 1.3rem;}
.main-container .sitemap li{margin: 3px 0}
.main-container .sitemap li a{color: #467aa7; border: none;}
.main-container .productsitemap li{margin: 10px 0 5px 0}
.main-container .productsitemap li a{color: #467aa7; font-weight: 700}
.main-container .productsitemap li ul li{margin: 3px 0;}
.main-container .productsitemap li ul li a{color: #666699; font-weight: 400}

/* 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;}

.main-container .wrapper .c3 h4{font-size: 0.8rem; color: #467aa7; text-align: center;display: block; margin-top: 15px;}
.main-container .wrapper .twitter-link{margin-bottom: 30px; display: block;}

/* Category menu */
.category-menu-container {margin-left:-9px; padding-bottom:20px;}
.category-menu-container h3{padding: 8px 0 8px 10px; font-weight: 700; margin: 0; font-size: 0.9rem; box-shadow: inset 0px 0px 10px 0px #ABABAB; -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB; -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB; -o-box-shadow: inset 0px 0px 10px 0px #ABABAB;}
.category-menu-container ul#categorysubmenu {border-bottom:1px solid #D0DCD2; }
.category-menu-container ul{padding: 0; margin: 0 0 0 10px; list-style: none; font-size: 0.8rem;}
.category-menu-container ul li{padding: 0; margin: 0; line-height: 1rem;}
.category-menu-container ul>li {text-transform: uppercase}
.category-menu-container ul li ul{margin: 0;}
.category-menu-container ul li a{display: block; padding: 5px 0 5px 0; text-decoration: none; color: #467AA7; font-weight:bold; border:1px solid #D0DCD2; border-left:none; border-bottom:none}
.category-menu-container ul li a.firstitem{border-top: none !important;}
.category-menu-container ul li ul li{text-transform:none; margin: 0; border:none; padding-left:0}
.category-menu-container ul li ul li a{margin: 0;}
.category-menu-container ul li ul li a::before { content:"- ";}
.category-menu-container ul li a:hover{background-color: #eee; color: #224A70}
.category-menu-container ul li.selected a{background-color: #eee; color: #224A70}
.category-menu-container ul li.selected ul li a{background-color: #fff; color: #467AA7;}
.category-menu-container ul li.selected ul li a:hover{background-color: #eee; color: #224A70}
.category-menu-container ul li.selected ul li.selected a{background-color: #eee; color: #224A70}

/* 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;}

/* MailChimp Form */
#mc_embed_signup form{padding: 10px 0 !important;}
#mc_embed_signup form label{font-size: 12px !important}
#mc_embed_signup form input{margin: 0 0 10px 0 !important; width: 97% !important}
#mc_embed_signup form input.button{text-shadow: 0 0; width: 150px !important; float: none; border-color: #ccc #aaa #aaa #ccc; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px; color: #444; background: #eee -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0;}

/* Footer */
.footer-container .wrapper{background-color: #eee; border-bottom: 1px solid #777; text-align: center; padding: 10px 0;}
.footer-container .wrapper ul{list-style: none; padding: 0; margin: 0;}
.footer-container .wrapper ul li{padding: 0; margin: 0 10px; line-height: 1.3rem; font-size: 0.8rem; display: inline-block;}
.footer-container .wrapper ul li a{color: #646464; text-decoration: none;}
.footer-container .wrapper p{padding: 0; margin: 0; line-height: 1.3rem; font-size: 0.8rem; color: #494949;}

.footer-container p.web-design-link{margin: 10px 0 0 0; font-size: 0.65rem;}
.footer-container p.web-design-link a{text-decoration: none;}
.footer-container p.web-design-link a:hover{}