/*
Note: Once IE gets its act together:
1. Remove #container and put into body
2. Uncomment code in #bottom
*/
body{
background:white;
color:#000000;
font-family:Arial;
/*font-size:12px;*/
margin:0;
height:100%;
margin-bottom:2em;
}
body, div, td, p{
font-size:12px;
}
p{
line-height:1.4em;
}
#container{
background:url('../images/bg_po.gif') repeat-y;
min-height:500px;
}
#container.po{
background-image:url('../images/bg_po.gif');
min-height:500px;
}
#body{
/*border-left:123px solid #e7ebf2;
border-right:2px solid #1893ce;*/
width:772px;
margin:0;
min-height:100%;
}
#header{
/*background:url('../images/banner_top.jpg');*/
/*border-bottom:1px solid #fff;*/
height:91px;
}
#header_po{
/*background:url('../images/banner_top2.jpg');
border-bottom:1px solid #1C2F46;*/
height:91px;
}
#leak_tools{
position:absolute;
top:91px;
left:561px;
z-index:5;
}

/*#mainphoto{
position:absolute;
top:113px;
left:425px;
z-index:5;
}*/
#feature_po{
position:absolute;
top:375px;
left:450px;
z-index:5;
}
#feature_po_text{
font-family: Arial;
font-size: 11px;
color: #000000;
padding-left:18px;
padding-right:12px;
/*position:fixed;*/
}

#feature1{
position:absolute;
top:600px;
left:120px;
z-index:5;
}
#feature2{
position:absolute;
top:600px;
left:400px;
z-index:5;
}
.feature_heading{
font-family: Tahoma;
font-weight: Bold;
font-size: 15px;
color: #FFFFFF;
padding-left:12px;
padding-top:0px;
}
.feature_text{
padding-left:16px;
padding-top:10px;
}

.feature_image{
padding-right:10px;
float:left;
}

#left{
background:#e7ebf2;
width:125px;
/*top:91px;
position:absolute;
left:0;*/
padding-left:0px;
}
#left ul{
margin:0;
padding:0 0 0 0;
list-style-type:none;
font-size:small;
}
#leftbottom{
background:#e7ebf2;
bottom:0px;
left:0;
width:100px;
font-family: Arial;
font-size: 10px;
color: #000000;
padding-left:12px;
/*position:fixed;*/
}
.leftbold {
font-size: 11px;
font-weight: bold;
}

#content{
/*position:absolute;*/
/*margin-left:13px;*/
min-height:500px;
}
#text{
/*padding-left:10px;
padding-bottom:50px;*/
padding:15px 24px 0px 24px;
font-family:Arial;
font-size:12px;
font-weight:normal;
min-height:400px;
}
#text_po{
padding-left:10px;
padding-bottom:10px;
/*padding:0 355px 0px 24px;*/
font-family:Arial;
font-size:12px;
font-weight:normal;
}
#bottom{
background:url('../images/footer.jpg') no-repeat;
height:80px;
bottom:0;
/*position:fixed;*/
width:772px;
}
#footer{
background:#fff;
color:#238b7e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
/*bottom:0;
position:fixed;*/
width:100%;
/*height:20px;*/
top:60px;
position:relative;
/*z-index:5;*/
}

/*headers*/
h1{
margin:0;
display:inline;
/*padding:5px 0 0 4px;*/
}
h2{
/*position:absolute;
left:280px;
top:10px;*/
display:inline;
margin:0;
}
h2.po{
position:absolute;
left:150px;
top:25px;
margin:0;
}
h3{
color:#27458d;
font-size:21px;
font-weight: normal;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 15px 0;
}
h4{
/*color:#305176;*/
font-size:12px;
font-weight:bold;
color:#27458d;
font-family: Arial,Verdana, Helvetica, sans-serif;
margin:0;
padding:5px 0 5px 0;
}

h5{
font-size:12px;
text-decoration:underline;
font-weight:normal;
margin:0;
}
.productname{
color:#27458d;
font-size:16px;
font-weight: bold;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:#ffffff;
padding:1px;
}

div.sectionheading {
font-size:12px;
font-weight:bold;
color:#27458d;
font-family: Arial,Verdana, Helvetica, sans-serif;
text-transform: uppercase;
margin:0;
}

div.note{
font-size:10px;
}

.textbold {
font-weight:bold;
}

.text {
font-weight:normal;
}

ul.expand div{
display:none;
position:absolute;
z-index:2;
}
ul.expand:hover div{
display:block;
z-index:2;
}
ul.expand li{
list-style-type:none;
}
ul.expand{
margin:0;
padding:0;
}

a.button {
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	/*border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;*/
	border:1px solid #1C2F46;
	text-align: center;
	min-width: 75px;
	text-transform: uppercase;
	text-decoration:none;
	color:#1C2F46;
}
/*a.button:link { 
	background-color:#DDDDDD; 
	}*/
a.button:hover { 
	background-color: #EEEEEE; 
	color:black;
	border-color: black/* white white black*/;
	}
a.button:active { 
	background-color: #336699; 
	color: #ccc; 
	}
div.sign_in_button{
	padding:10px;
	text-align:right;
	width:103px;
}
.signin_button {
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	background-color: #fff;
	/*border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;*/
	border:1px solid #27458d;
	text-align: center;
	text-decoration:none;
	color:#000000;
}

.login_header{
	font-family:Verdana;
	font-weight: Bold;
	font-size: 9px; 
	color: #27458d;
}

.login_color {
font-family: Arial;
font-weight: Bold; 
font-size: 10px;
color: #238b7e;
}

.text_color {
font-family: Arial;
font-weight: Bold; 
font-size: 10px;
color: #238b7e;
}

.login_normal {
font-family: Arial;
font-size: 11px;
color: #000000;
padding:4px;
}

.search_address{
	font-size:small;
}
.search_contact{
	font-size:small;
}

.float_left{
	float:left;
	margin-right:5px;
}
.float_right{
	float:right;
	margin-left:5px;
}
.float_left{
	float:left;
	margin-right:5px;
}

.note{
	font-size:small;
}

td.left_plain{
	text-align:right;
	padding-right:10px;
}

ul.welcome_list{
	list-style-image:url('../images/arrow-green.gif');
}
ul.welcome_list li{
	margin:0 0 1em -20px;
}

div.next_page{
	margin:1em 0;
	font-weight:bold;
	text-align:right;
}

/*professional dash*/
.dash_section{
border-top:1px solid #666;
padding:0 0 1em 0;
}
.dash_header{
color:#27458d;
font-size:18px;
font-weight: normal;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 3px 1px;
}
.dash_header_side{
float:right;
font-size:x-small;
margin-right:1px;
}