body{
	margin:0px;
	padding:0px;
	font-family:Lucida Sans Unicode;
	font-size:14px; 
	background:#fff url("http://www.hydroflexsystems.com/images/cms/body_bg.gif") repeat-x 0 0 ;
}
*{
	outline:none;
}
div,p,h1,h2,h3,h4,h5,h6,a,ul,li,ol
{
	padding:0;
	list-style-type:none;
	margin:0;
}
img
{
	border:none;
}
.image-left{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.image-right{
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}
.clr
{
	clear:both;
}

a[href$='.pdf'] { 
	padding-left:28px;	
	line-height: 28px;
  	background: transparent url(http://www.hydroflexsystems.com/images/pdf_icon.gif) no-repeat center left;
 }
 
.wrapper_outer
{
	width:100%;
	height:744px;
	background:url(../../images/cms/body_background.gif) repeat-x;
	margin:0 auto;
}
.wrapper
{
	margin:0 auto;
	width:960px;
	position: relative;
}
#header
{
	height:111px;
}
#logo a {
	height: 87px;
	width: 626px;
	display: block;
	text-indent: -9999em;
	background:url(../../images/cms/logo.gif) repeat-x;
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
  }


#header .phn_cont
{
 	position: absolute;
	top: 15px;
	right: 0px;
}
#header .phn_cont ul
{
	list-style-type:none;
}
#header .phn_cont ul li
{
	list-style-type:none;
	display:block;
	font-family:Tahoma;
	margin-bottom:10px;
	font-size:16px;
	color:#0f1d5c; 
}
#header .phn_cont ul li label
{
	color: #d98719;
	width:120px;
	padding-right:4px;
	display:block;
	float:left;
	text-align:right; 
}
.banner{
	border-bottom:4px solid #d98719;
	margin-top:5px;	
	position: relative;
    z-index: 1001;
}


#Container{
	width:960px;
	position:relative;
	z-index:999;
	float:left;
	background-color: #FFFFFF;
	overflow: hidden;
	padding-top: 5px;
}
.bottom_round_corner{
	height:14px;
	width:960px;
	position:relative;
	z-index:9999;
	float:left;
	background:url("../../images/cms/Container_bott_bg.png") no-repeat 0 100%;
}

#Container h1
{
	font-size:24px;
	margin:0px;
	padding:5px 0px 2px 0px;
	color:#0f1d5c;
	font-weight:normal;
}
#Container p
{
	font-size:14px;
	color:#000000;
	padding-top:5px;
	line-height:25px;
	margin:0px;
	text-align:inherit;
}

#Container h2{
	color:#0f1d5c;
	margin-bottom:0px;
	font-weight:normal;
	font-size:24px;
}
#Container h3{
	color:#d98719;
	font-size:22px;
	margin-bottom:5px;
	font-weight:normal;
}

#Container ul {
	list-style-type:none;
	margin-right:10px;
	background-color: #FFCC33;
	display: inline;
}

 

#Container #internal-content ul li {
	list-style-type:none;
	display:block;
	margin-bottom:5px;
	padding-left:22px;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	background:url("../../images/cms/bullet.gif") no-repeat 0 6px;  

 }
#Container ol {
	margin-left: 25px;
}
#Container #internal-content ol li {
 list-style-type:decimal;

  }

#internal-content-wide{
	padding-left:20px;
	padding-bottom:10px;
	width: 920px;
	float: left;
	padding-right: 20px;
 }

#internal-content{
	padding-left:20px;
	padding-bottom:10px;
	width: 615px;
	float: left;
	padding-right: 20px;
}

#internal-sidebar{
	padding-left: 45px;
	width: 212px;
 	background: url(http://www.hydroflexsystems.com/images/cms/right_col_shadow) no-repeat 100% 0;
	padding-right: 45px;
	float: left;
	padding-top: 15px;
	min-height: 300px;
}

/* Put some padding on images in sidebar */
#internal-sidebar img{
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	left: -5px;
}

#home-content{
	padding-left:20px;
	padding-bottom:10px;
 	width: 390px;
	float: left;
}
 
#home-news {
	width:215px;
	margin-top:15px;
	padding-left:35px;
	padding-right:15px;
	border-right:1px dotted #d98719;
 	float: left;
	background-image: url(../../images/cms/wate_cont_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
 }

#home-sidebar{
	width:231px;
	margin-top:15px;
	padding-left:15px;
	min-height:246px;
	padding-right:30px;
 	background-image: url(../../images/cms/Product.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: left;
}

#home-sidebar h3{
	color:#d98719;
	font-size:22px;
	margin-bottom:10px;
	font-weight:normal;
}
 
#home-sidebar ul {
	list-style-type:none;
	margin-right:10px;
	background-color: #FFCC33;
	display: inline;
}
#home-sidebar ul li {
	list-style-type:none;
 background:url("../../images/cms/bullet.gif") no-repeat 0 6px;  
	display:block;
	margin-bottom:5px;
	padding-left:22px;
	line-height: 25px;
}
#home-sidebar ul li a{
	color:#0f1d5c;
	font-size:16px;
	text-decoration:none;
	font-weight: normal;
}

#home-sidebar ul li a:hover
{
	text-decoration:none;
	font-weight: bold;
	color: #D9871C;
}

#sidebar-menu{
	padding-bottom: 25px;
}
 /*--new classes--*/
#Container .orange_box
{
	width:200px;
	margin-left:5px;
	background-color: #D98719;
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	top: 20px;
	right: 15px;
}
 
#Container .box_content
{
 	font-family:'Lucida Sans Unic...', arial, helvetica, sans-serif;
}
 
#Container .box_content h4
{
	font-size:24px;
	color:#fff;
	border-bottom:1px dashed #e4ab5e;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 10px;
	font-weight:normal;
}
#Container .box_content p
{
	padding:0px 10px 0px 10px;
	color:#fff;
	font-size:14px;
	line-height:22px;
}


/* GOOGLE MAP LINK SECTION */
#map
{
	position: relative;
	left: -5px;
	top: -12px; 
}

.google_map{
	background:url(../../images/cms/google_map_off.gif) no-repeat;
}
a.google_map  :hover{
	background:url(../../images/cms/google_map_on.gif) no-repeat;
}
 
.maps_bg
{
 background:url(../../images/cms/google_map_off.gif) center top no-repeat;
 width:222px;
 height:153px;
 display:block;
 text-decoration:none;
 margin-bottom:2px;
}
.maps_bg:hover
{
 background:url(../../images/cms/google_map_on.gif) center top no-repeat;
}
.about_hyper{
	color:#111a57 !important;
	text-decoration:none !important;
	font-weight:bold;
}
.about_hyper:hover{
	color:#d98719 !important;;
	text-decoration:none;
}
#footer_outer{
	width:100%;
	position:relative;
	z-index:10;
	margin-top:-30px;
	height:92px;
	background: #CCCCCC  url(../../images/cms/footer.jpg)  repeat-x center;
}
.footer_inner{
	width:990px;
	margin:0 auto;
 }
.footer_content{
	width:960px;
	height:66px;
	padding-top:26px;
	color:#FFFFFF;
	text-align:right;
	margin: 0 auto;
}
.footer_content span{
	display:block;
	clear:both;
	color:#c0bebf;
	font-family:arial;
	float:right;
}

#social,#usa{
	margin-top: 10px;
	margin-bottom: 50px;
}
#social{
	float: left;
}
#usa{
	float: right;
} 
.footer_content ul{
	list-style-type:none;
}
.footer_content ul li
{
	float:left;
	list-style-type:none;
	margin-top:8px;
}
.footer_content ul a{
	padding-right:5px;
}
.footer_content p
{
	padding-top:8px;
	float:right;
}

.button a {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=2);

	-webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.20);
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.20);

	background: rgb(252,201,99); /* Old browsers */
	background: linear-gradient(top, rgba(237,220,177,1) 0%,rgba(221,178,68,1) 50%,rgba(219,157,0,1) 51%,rgba(224,198,132,1) 100%); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,220,177,1) 0%, rgba(221,178,68,1) 50%, rgba(219,157,0,1) 51%, rgba(224,198,132,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,220,177,1)), color-stop(50%,rgba(221,178,68,1)), color-stop(51%,rgba(219,157,0,1)), color-stop(100%,rgba(224,198,132,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,220,177,1) 0%,rgba(221,178,68,1) 50%,rgba(219,157,0,1) 51%,rgba(224,198,132,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,220,177,1) 0%,rgba(221,178,68,1) 50%,rgba(219,157,0,1) 51%,rgba(224,198,132,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,220,177,1) 0%,rgba(221,178,68,1) 50%,rgba(219,157,0,1) 51%,rgba(224,198,132,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(237,220,177,1) 0%,rgba(221,178,68,1) 50%,rgba(219,157,0,1) 51%,rgba(224,198,132,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddcb1', endColorstr='#e0c684',GradientType=0 ); /* IE6-9 */
	
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration: none;
	margin-bottom: 10px;
	border: 1px solid #F2CB79;
	font-size: 13px;
	font-variant: small-caps;
}

.button a:hover{

	background: rgb(252,227,162); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,227,162,1) 0%, rgba(250,190,40,1) 50%, rgba(220,158,0,1) 51%, rgba(250,209,106,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,227,162,1)), color-stop(50%,rgba(250,190,40,1)), color-stop(51%,rgba(220,158,0,1)), color-stop(100%,rgba(250,209,106,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,227,162,1) 0%,rgba(250,190,40,1) 50%,rgba(220,158,0,1) 51%,rgba(250,209,106,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,227,162,1) 0%,rgba(250,190,40,1) 50%,rgba(220,158,0,1) 51%,rgba(250,209,106,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,227,162,1) 0%,rgba(250,190,40,1) 50%,rgba(220,158,0,1) 51%,rgba(250,209,106,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(252,227,162,1) 0%,rgba(250,190,40,1) 50%,rgba(220,158,0,1) 51%,rgba(250,209,106,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce3a2', endColorstr='#fad16a',GradientType=0 ); /* IE6-9 */
	border-top-color: #ECAF5E;
	border-right-color: #ECAF5E;
	border-bottom-color: #ECAF5E;
	border-left-color: #ECAF5E;
	color: #FFFFFF;
}

/* Sub Menu Style */
#Container #submenu{
	width: 220px;
	border-bottom-style: dashed;
	border-bottom-color: #D98719;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	position: relative;
	left: -3px;
	overflow: visible;
 }

#Container #submenu ul, #Container #submenu li{
	margin: 0px;
	padding: 0px;
 }
#Container #submenu h3{
	color:#d98719;
	font-size:22px;
	margin-bottom:1px;
	font-weight:normal;
  }
 
#Container #submenu ul{
	list-style-type:none;	
	display: inline;

  }

#Container #submenu ul li{
	list-style-type:none;
	display:block;
	padding-left:22px;
	line-height: 16px;
	height: auto;
	margin-bottom: 5px;
	font-size: 14px;
	padding-top: 3px;
	  background-image: url(../../images/cms/bullet.gif);  
	background-repeat: no-repeat;
	background-position: 0 6px;
 }  
#Container #submenu ul li a{
	color:#0f1d5c;
	font-size:16px;
	text-decoration:none;
 	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	font-weight: normal;
  }
#Container #submenu ul li ul{
	width: 100%;
	display: inline;
	font-weight: normal;
}
#Container #submenu ul li a:hover
{
	color: #D98719;
 }
#Container #submenu  .menuactive, #Container #submenu   .menuparent{
	color: #182883;
	font-weight: bold;
}

/* Partner Columns */
.partner-col{
	display: block;
	float: left;
	width: 180px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	left: 20px;
}
.partners{
	background-image: url(../../images/cms/image_bg.png);
	background-repeat: no-repeat;
	display: block;
	padding-top: 13px;
	padding-right: 11px;
	padding-bottom: 9px;
	padding-left: 11px;
}

.partners-side{}

/* Links for Mail and general links style also */
 
a.mail, a{
	font-weight: bold;
	text-decoration: none;
	color: #373B6E;
} 
a:hover.mail, a:hover{
		color: #D98719;
 } 

#applications p{
	width: 150px;
	position: relative;
	top: -10px;
}

/* Style Table Charts */

table.chart,table.tank-chart{
	border: 2px solid #000000;
	margin: 25px;
	padding: 0px;
}

 
table.chart th,table.tank-chart th{
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #F1E8C7;
 }
table.chart td,table.tank-chart td{
	padding: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

table.chart td:last-child,table.chart th:last-child, table.tank-chart td:last-child,table.tank-chart th:last-child {
 	border-right-style: none;
  }
table.chart tr:last-child td, table.tank-chart tr:last-child td {
	border-bottom-style: none;
}

.blankline td{
	background-color: #EEEDE9;
}

table.tank-chart table,table.tank-chart table td{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
 }

table.tank-chart th,table.tank-chart table{
	font-size: 10px;
	margin: 0px;
	padding: 3px;
}
input.MyButton {
width: 300px;
padding: 20px;
font-weight: bold;
font-size: 150%;
background: #3366CC;
color: #FFFFFF;
cursor: pointer;
border: 1px solid #999999;
border-radius: 10px;
-webkit-box-shadow: 6px 6px 5px #999999;
-moz-box-shadow: 6px 6px 5px #999999;
box-shaddow: 6px 6px 5px; #999999;
}
input.MyButton:hover {
color: #FFFF00;
background: #3366CC;
border: 1px solid #A3A3A3;
-webkit-box-shadow: 2px 2px 5px #666666;
-moz-box-shadow: 2px 2px 5px #666666;
box-shaddow: 2px 2px 5px; #666666;
}


input.QuoteButton {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #d98719;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
border:none;
box-shaddow:none;
-webkit-box-shadow:none;


}

input.QuoteButton:hover {
  background: #373B79;
  text-decoration: none;
}