body  { font-family: Arial,Verdana,Helvetica, sans-serif; background-color: white; margin-top: 0; margin-left: 0 }

#freequote {
	position: absolute;
	right: 0px;
	top: 25px;
}

img {border:none;}
p{
	font-family:Arial, Helvetica, sans-serif;
	color:#575555;
	font-size:12px;
	line-height: 1.5;
}

h1{
	color:#064865;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	margin:5px 0 5px 0;
}

h2{
	color:#064865;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	margin:5px 0 5px 0;
}

h3{
	color:#2c8cb6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;

}

h4{
	color:#2c8cb6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;

}

.smallBlue{
	font-family:Arial, Helvetica, sans-serif;
	color:#2888bb;
	font-size:12px;
}

.clear-30{
	position:relative;
	clear:both;
	height:30px;	
}

#container {width: 900px; margin:auto;}
#header {height: 30px; background: url("images/header_bar.jpg") no-repeat; font-size: 12px; font-weight: bold; text-align: left; line-height: 30px; padding-left: 15px}
#header a{color: white; text-decoration: none;}
#header a:hover, #header .current { color: #1D1481; text-decoration: underline;}
#logo {
	height: 157px;
    position: relative;
    text-align: center;
    top: 20px;
}

#mainnav { width: 840px; height: 60px; }
#blank_content  { width: 900px; height: 490px; vertical-align: top;}
#about_content  { background-image: url(images/about_4sub.gif); background-repeat: no-repeat; background-position: left top; width: 900px; height: 390px; vertical-align: top;}
#resid_content  { background-image: url(images/residential_4sub.gif); background-repeat: no-repeat; background-position: left top; width: 900px;  height: 390px; vertical-align: top;}
#comm_content  { background-image: url(images/commercial_7sub.gif); background-repeat: no-repeat; background-position: left top; width: 900px;  height: 390px; vertical-align: top;}
#indust_content  { background-image: url(images/industrial_6sub.gif); background-repeat: no-repeat; background-position: left top; width: 900px; height: 390px; vertical-align: top;}
#leftnav { text-align: left; width: 220px; float: left; vertical-align: top; margin-top: 40px;}
#indexcenter { text-align: center; width: 800px; float: center; vertical-align: top; font-size: 12px; color: #0671B0; margin-top: 40px; height: 490px; overflow: auto;}
#guaranteecenter { text-align: left; width: 800px; float: center; vertical-align: top; font-size: 12px; color: #0671B0; margin-top: 40px; height: 390px; overflow: auto; }
#leftcontact { text-align: left; width: 410px; float: left; vertical-align: top; font-size: 12px; color: #0671B0; margin-top: 40px; margin-left: 20px; height: 490px; overflow: auto;}
#leftcontact a, a:active {color: #57B124; text-decoration: none; font-weight: bold;}
#leftcontact a:hover {color: black; text-decoration: underline;}

#rightcontact { text-align: left; width: 400px; float: right; vertical-align: top; font-size: 12px; color: #0671B0; margin-top: 40px; margin-right: 20px; height: 490px; overflow: auto;}

#center { text-align: left; float: left; vertical-align: top; font-size: 12px; color: #0671B0; margin-top: 40px; height: 390px; width: 460px;  overflow: auto;}
#center a, a:active {color: #1D1585; text-decoration: none; font-weight: bold;}
#center a:hover {color: black; text-decoration: underline;}
#center ul {padding-top: 0px;}
#center li {margin-left: 5px;}
#rightnav {width: 200px; float: right; margin-top: 40px;} 
#footer { width: 900px; height: 230px; display: block; padding-top: 10px;}
#footercolumn {width: 145px; padding-left: 5px; float: left; text-align: left; font-size: 10px; color: #0671B0;}
#footercolumn a{ color: #0671b0; text-decoration: none;}
#footercolumn #heading {color: #73BA24; font-weight: bold;}
#footercolumn a:hover { color: #1D1481; text-decoration: underline;}

#copyright {color: #0671b0; font-size: 10px; text-align: center;}
#copyright a{ color: #0671b0; text-decoration: none;}
#copyright a:hover { color: #1D1481; text-decoration: underline;}

.horizontalnav    { font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 60px; margin: 0; padding: 0; width: 840px; float: left; overflow: hidden; width:905px; }
.horizontalnav li { display: inline; width: 210px; height: 60px; text-align:center; }
.horizontalnav li a  { color:white; text-decoration: none; background-image: url("nav/blue_off.jpg"); background-repeat: no-repeat; background-position: center 0; width: 177px; height: 60px; float: left }
.horizontalnav li img  { color:white; text-decoration: none; background-image: url("nav/blue_off.jpg"); background-repeat: no-repeat; background-position: center 0; height: 60px; float: left }

.horizontalnav li a:hover, .horizontalnav li .current  { color: white; background-color: transparent; background-image: url("nav/blue_on.jpg"); background-repeat: no-repeat; background-position: center 0 }


.subnav  { margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; list-style-type: none; margin-left: 12px; width: 188px;}
.subnav li a  { font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 11px; line-height: 30px; font-weight: bold; color:#0671B0; text-decoration: none; height: 30px;  padding-left: 6px; display: block;}
.subnav li a:hover, .subnav li .current   { color: white; background-color: transparent; background-image: url("nav/bluesub_on.jpg"); background-repeat: no-repeat;}

.articlenav  {margin: 0px; padding: 0; list-style-type: none; width: 200px;}
.articlenav li a  { color: #276419; font-size: 12px; line-height: 45px; font-weight: bold; text-decoration: none; background: url("nav/green_off.jpg") no-repeat 100% 0; display: block; padding: 0 0 0 0; height: 57px;}
.articlenav li a:hover, .articlenav li .current   { color: white; background: url("nav/green_on.jpg") no-repeat 100% 0;}

#tabletext {font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 12px; color: #0671B0; }

.left{
    float: left;
    padding: 20px;
    position: relative;
    width: 410px;
}

.right{
	position:relative;
	float:right;
	width: 410px;
	padding: 20px;
}



#logos {
	text-align:center;
	
}

#logos img{
	position:relative;
	float: left;
	padding-left:15px;
}

.clear-10{
	position:relative;
	clear:both;
	height:10px;	
}

.clear{
	position:relative;
	clear:both;
}

#header ul{
	padding:0;
	margin:0;
}

#header ul li{
    display: inline-block;
    list-style: none outside none;
    margin-right: 12px;
    text-align: center;
}

#dealersDrop{
	position:relative;	
}

#dealersDrop ul{
    background-image: url("images/dropDown.jpg");
    background-repeat: no-repeat;
    left: -75px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 275px;
    z-index: 9;
}

#dealersDrop ul li{
	margin-right: 0px;
}

#dealersDrop ul li a{
	color:#144497;
	margin-right: 0;
    position: relative;
    top: -3px;
}

.navDevider{
    margin: 0 5px;
    padding-right: 5px;
    position: relative;
    top: -4px;
}

#drop{
	display:none;	
}


#drop li a{
	font-size:11px;
}

.dealerText{
    float: right;
    position: relative;
    width: 600px;
}

.dealerImage{
	position:relative;
	float:left;
	width:130px;
	text-align:right;
	padding-top:15px;
}
.dealerText a{
	font-family:Arial, Helvetica, sans-serif;
	color:#81bd1f;
	font-size:12px;
	line-height: 1.5;
	text-decoration:none;	
}

.leftSmall{
	position:relative;
	float:left;
	width:225px;
	padding:0px 0 0 25px;
}

.rightLarge{
	position:relative;
	float:right;
	width:650px;
}

.leftSmall2{
	position:relative;
	float:left;
	width:225px;
	padding:0 25px 0 25px;
	background-image:url('http://hydroflowcanada.com/images/newsColDevider.jpg');
	background-repeat:no-repeat;
	background-position: right top;
}

.rightLarge2{
	position:relative;
	float:right;
	width:505px;
	padding:0 25px 0 25px;
}

.rightLarge2 a{
	text-decoration:none;
	color:#2c8cb6;
}

.ui-widget-content{
	background-color:transparent;
	border:1px solid #adaeae;
	background:none;
}

#tabs{
	background-color:#ffffff;
	width:600px;
	padding: 10px 20px 20px;
}

.ui-widget-header{
	background:none !important;
	border:none;
}

.ui-tabs .ui-tabs-nav{
    left: 602px;
    margin: 0;
    padding: 0.2em 0.2em 0;
    position: absolute;	
}

#contactHydro{
	background-image:url('images/contactHydroFlow.png');
	background-repeat:no-repeat;
	display:block;
	width: 30px;
	height:84px;
}

#contactHydro a{
	display:block;
	width: 30px;
	height:84px;		
}

#contactDealers{
	background-image:url('images/contactDealers.png');
	background-repeat:no-repeat;
	display:block;
	width: 30px;
	height:84px;	
}

#contactDealers a{
	display:block;
	width: 30px;
	height:84px;		
}

.ui-tabs .ui-tabs-nav li a{
	padding:0 !important;	
}

.ui-state-active{
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border:none;	
}

#tabs-1 label{
	width:120px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#2c8cb6;
	font-size:12px;
}

#tabs-1 input, #tabs-1 select, #tabs-1 option{
	height:15px;
	width:150px;
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#575555;
	font-size:10px;
}

#tabs-1 textarea{
	height:80px;
	width:150px;
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#575555;
	font-size:10px;
	
}

#tabs-2 label{
	width:120px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#2c8cb6;
	font-size:12px;
}

#tabs-2 input, #tabs-2 select, #tabs-2 option{
	height:15px;
	width:150px;
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#575555;
	font-size:10px;
}

#tabs-2 textarea{
	height:80px;
	width:223px;
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#575555;
	font-size:10px;
	
}

.tabLeft{
	position:relative;
	float:left;
	width:300px;
}

.tabRight{
	position:relative;
	float:right;
	width:230px;
}

.tabRightLeft{
    float: left;
    margin-right: 11px;
    position: relative;
    width: 45%;
}

.tabRightLeft label{
	color:#575555 !important;
	font-size:10px !important;
}
.tabRightLeft input{
	width:20px !important;
	float:right;
}

.inputFullWidth{
	width:	100% !important;
}

.submitBtn{
	width:55px !important;
	height:20px !important;
}

.ui-tabs .ui-tabs-nav li{
	margin:0;	
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background:none;
}

.various1{
    bottom: 123px;
    left: 472px;
    position: absolute;
}

.leftSmall2 li{
	list-style:none;	
}

.leftSmall2 li a{
	text-decoration:none;
	color:	#575555;
}

.pages{
    background-image: url("images/pages.jpg");
    display: block;
    font-size: 10px;
    height: 26px;
    padding: 5px 0 0 5px;
    width: 69px;
	background-repeat:no-repeat;
	position:relative; 
	float:left;
}

.wp-pagenavi{
	color:#575555;
	font-size:10px;
}

.page{
    background-image: url("images/page.jpg");
    background-repeat: no-repeat;
    color: #575555;
    display: block;
    float: left;
    height: 26px;
    padding: 5px 0 0 9px;
    position: relative;
    width: 19px;
}
.rightLarge2 .current{
	background-image: url("images/pageCurrent.jpg");
	background-repeat: no-repeat;
	height:26px;
	width: 19px;
	 padding: 5px 0 0 9px;
	display:block;
	position:relative;
	float:left;
	color:#ffffff;	
}

.left a , .right a, .leftSmall a {
    color: #2C8CB6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
	text-decoration:none;
}

#dealersImage{
}

.dealersImage{
	width:348px;
	height:155px;
    position: absolute;
    right: 0;
    top: 95px;
	background-image:url('images/dealersImg2.jpg');
}

.dealerLinks{
    left: -211px;
    position: relative;
    top: 204px;
    z-index: 2147483647;
}

.dealerLinks a{
	font-size:11px;
	font-weight:bold;
}

#dealersSlider{
    left: 11px;
    position: relative;
    top: -8px;
}

#dealersSlider img{
	background:none !important;	
}

.ui-accordion .ui-accordion-header{
	background:none !important;
	border: 1px solid #adaeae;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-hover a:hover{
color:#1C94C4 !important;
}

.ui-accordion .ui-accordion-header .ui-icon{
	display:none;	
}
.ui-accordion-icons .ui-accordion-header a {
    padding-left: 1.2em;
}

#tabs-1{
	position:relative;	
}

#tabs-2{
	position:relative;
	display:none;
}