/*
Theme Name: waterlabs
Author: Matt Bayliss
Author URI: http://mattbayliss.co.uk/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body {margin:0px; padding:0px;}

html { margin-top: 0px !important; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color:#636466; }

a {color: #069edb;}
a:hover {color: #069edb;}
a img {border:none;}
#page_wrapper { position: relative; width: 1280px; margin: 0 auto; }

#topbar { position: relative; background: #d1d2d4; height: 30px; width: 1280px; margin:0 auto;}

#header { position: relative; width: 1025px; height: 200px; margin: 0 auto; }
    #site-logo { float:left; width:300px; margin-right:30px; }
    #site-logo img { width: 300px; }

    #header_right {float:right; text-align:right; width:560px; font-size:16px; color: #069edb; margin-top:32px; line-height:20px;}


    #searchform {float:right; width:239px; margin-top:27px;}
        #s { border: 1px solid #069edb;color: #939598;width: 162px;height: 20px;padding: 2px 5px;float: left;margin-right: 5px;}
        #searchsubmit { border: none;background: #069edb;color: #ffffff;width: 60px;height: 26px;float:left;}



#navigation {float:right; width:560px;height:30px;margin-top:30px;background:#ffffff;}
            #navigation ul ul {display: none;}
            #navigation ul li:hover > ul {display: block;}
            #navigation ul {float: right; background: #ffffff; padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table; height:30px;}
            #navigation ul:after {content: ""; clear: both; display: block;}
            #navigation ul li {float: left; height:30px; margin: 0px 2px 0px 0px;}

            #navigation ul li:hover {}
            #navigation ul li:hover a {color: #069edb;}
            #navigation ul li a {display: block; padding: 7px 15px; color: #939598; text-decoration: none; font-weight: bold; font-size:15px;}
            #navigation ul li:last-child a { padding: 7px 0px 7px 15px; }
            #navigation ul li.menu-item-36 a { padding: 7px 0px 7px 15px; }
            #navigation ul ul {padding: 0; position: absolute; top: 100%; z-index:9999; width:200px;}
            #navigation ul ul li {float: none;  position: relative; z-index:9999; background:#e6e7e8; margin: 0px 0px 0px 0px; text-align:left;}
            #navigation ul ul li a {padding: 7px 20px; color: #939598 !important; font-weight: normal;}   
            #navigation ul ul li:last-child a { padding: 7px 20px 7px 20px; }
            #navigation ul ul li.menu-item-36 a { padding: 7px 20px 7px 20px; }
            #navigation ul ul li:hover {background: #ffffff; color: #069edb;}
            #navigation ul ul li:hover a {color: #069edb !important;}
            #navigation ul ul ul, #navigation ul ul ul li{display: none;}
            #navigation li.current-menu-item, #navigation li.current_page_parent {}
            #navigation li.current-menu-item a, #navigation li.current_page_parent a {color: #069edb;}
            #navigation ul ul li.current-menu-item {background: #069edb;}
            #navigation ul ul li.current-menu-item a {color: #ffffff !important;}
            #navigation li.menu-item-has-children {background:url(images/menu_arrow_grey.png) right center no-repeat;}
            #navigation li.menu-item-has-children:hover {background:url(images/menu_arrow_blue.png) right center no-repeat;}



#page a {color: #b9ce2b;}
#page a:hover {color: #b9ce2b;}

#myslider { position: relative; margin:0 auto; width:1280px; height:328px; background:#069edb;}
#myslider.none { height:30px; border-top:1px solid #069edb; background:none;}
    .easingsliderlite { margin: 12px auto !important; width: 1025px;}

#page { position: relative; width: 1025px; margin:0 auto 20px auto; line-height:20px;}

#top { position: relative; margin: 19px 0px; clear: both;}

#bottom {  position: relative; margin: 0 auto; width: 1034px; padding: 30px 0px; }
#products {  position: relative; margin: 0 auto; width: 1034px; padding: 30px 0px; }

#top div.pod { float: left; width: 33%; font-size: 14px; color:#636466; border-right: 1px solid #069edb; }
#top .pod.last { border: none; }
#top div.pod .pod_content { margin: 25px 35px; }

#top .item { float: left; width: 311px; font-size: 13px; margin-right:46px; }
#top .item h2 {font-size:26px; line-height:26px;color:#044386; font-weight: normal; text-align:center; margin:0px; padding:0px;}
#top .item.last { margin-right:0px; }
#top .item img{ border-top: 14px solid #b9ce2b; padding-bottom:19px; border-bottom: 3px solid #b9ce2b;  }
#top .item .item_content { margin: 10px; }
#top .item a {color:#b9ce2b;font-weight: bold;}


#bottom .pod { float:left; width: 233px; margin-right: 34px; font-size: 13px; border-bottom: 3px solid #b9ce2b; color:#939598;}
#bottom .pod.last { margin-right: 0px; }
#bottom .pod .pod_content { width: 213px; text-align:center; font-size:20px; margin:10px; }

#bottom .pod a {color:#939598; text-decoration:none;}
#bottom .pod:hover a .pod_content {color:#b9ce2b;}


#products .item { float: left; width: 233px; margin-right: 34px; font-size: 13px; border-bottom: 3px solid #b9ce2b; color:#939598; }
#products .item h2 {font-size:26px; line-height:26px;color:#044386; font-weight: normal; text-align:center; margin:0px; padding:0px;}
#products .item.last { margin-right:0px; }
#products .item img{ border-top: 14px solid #b9ce2b; padding-bottom:19px; border-bottom: 3px solid #b9ce2b;  }
#products .item .item_content { margin: 10px; }
#products .item a {color:#b9ce2b;font-weight: bold;}



img.alignright { float:right; margin: 0px 0px 10px 10px; }
img.alignleft { float:left; margin: 0px 10px 10px 0px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.greenline {border-top: 14px solid #b9ce2b;}

.downloads { width: 540px; margin: 30px 0px 10px 0px; }
.downloads tr th { text-align:left; padding: 5px 10px; background: #069edb; color: #ffffff;}
.downloads tr.odd { background: #f3f3f3; }
.downloads tr td { color: #555555; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px 10px; }
.downloads tr > td:last-child  { color: #069edb;  border-right:none !important; }
.downloads tr:last-child td { border-right: 1px solid #999999; border-bottom: none;}
.downloads tr:last-child td td { border-bottom: none; }

.downloads tr th:nth-child(1) {width:400px;}
.downloads tr th:nth-child(2) {width:70px;}
.downloads tr th:nth-child(3) {width:70px;}

.ordering { width: 541px; margin: 0px 0px 30px 0px;  }
.ordering tr th { text-align:left; padding: 5px 10px; background: #069edb; color: #ffffff;}
.ordering tr.odd { background: #f3f3f3; }
.ordering tr td { color: #069edb; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px 10px; }
.ordering tr > td:last-child  { color: #555555; border-right:none !important; }
.ordering tr:last-child td { border-right: 1px solid #999999; border-bottom: none;}
.ordering tr:last-child td td { border-bottom: none;}

#bottombar {position:relative; background:#a7a9ac; height:70px; width:1280px; margin:80px auto 0 auto; color:#ffffff;}
.footer_left { float:left; margin: 30px 0px 0px 128px; }
.footer_right { float:right; margin: 30px 115px 0px 0px; }

#footer_nav {float:right;width:700px;height:15px;}
    #footer_nav ul ul {display: none;}
    #footer_nav ul li:hover > ul {display: block;}
    #footer_nav ul {float:right; padding: 0px; margin: 0px; list-style: none; position: relative; display: inline-table; height:15px;}
    #footer_nav ul:after {content: ""; clear: both; display: block;}
    #footer_nav ul li {float: left; height:15px; margin: 0px 2px 0px 0px; border-right:1px solid #ffffff;}
    #footer_nav ul li:last-child { border-right:none;}
    #footer_nav ul li:.menu-item-44 { border-right:none;}
    #footer_nav ul li a {display: block; padding: 0px 5px; color: #ffffff; text-decoration: none; font-weight: normal;}
    #footer_nav ul li:hover {}
    #footer_nav ul li:hover a {color: #069edb;}
   
h1 {color:#01448a; font-size:40px; line-height:40px;}
h2 {color:#069edb; font-size:16px; line-height:16px;}
h3 {color:#636466; font-size:18px; line-height:18px; width:670px; font-weight:normal;}
h3 a {font-weight:bold;}

.address{
float: right;
clear: both;
text-align: right;
margin-top: 10px;}

#contact_form {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color:#636466;}
#contact_form .fscf-div-label{margin:10px 0px;}
#contact_form input[type="text"] {width:440px;height:20px;}
#contact_form textarea {width:440px;height:200px;}
#contact_form input[type="submit"] {margin-top:30px;border: none;background: #069edb;color: #ffffff;width: 446px;height: 40px; font-size:16px;}

#contact_form .fscf-div-error {color:red;}

.results {border-top:1px solid #999999; padding:30px 10px 0px 10px; }
.search_result h2 a {color:#b9ce2b !important; font-size:18px; line-height:16px;}
.search_result p {width:900px;}


#page ul {padding:0px;margin-left:15px;}
.clearfix {margin:0px; padding:0px; clear:both;}

/* iPhone 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { body {min-height:1800px;} }

/* iPhone 5 in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 5 in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { body {min-height:1800px;} }

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { body {min-height:1800px;} }