/* CSS Document */


/* HYPERLINKS */

ul, li, li a {box-sizing:content-box; vertical-align:bottom;}

/* BODY */

body { 
  color:#505050;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  line-height: 150%; 
}

a {
	color:#6288E0;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#6288E0; }
a:visited {color:#8999BF; }
a:hover {color: #94AEE9; }

a.whitelinks {
	color:White;
	font-weight:600;
	text-decoration:none;
	font-size:12px;
	}
a:link.whitelinks {color:White; }
a:hover.whitelinks { text-decoration:underline;}
a:visited.whitelinks {color:white; }

a.leftnav {
	color:#505050;
	font-weight:600;
	text-decoration:none;
	}
a:link.leftnav {color:#505050; }
a:visited.leftnav {color:#505050; }
a:hover.leftnav {color: #EF9237; }



a.footernav {
	color:White;
	font-size:8px;
	font-family:verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	}
a:link.footernav {color:White;}
a:hover.footernav {color: #CCCCCC;}



/* LAYOUT */
#headercontainer{
width: 800px;
height: 86px;
background: WHITE;
background: url(images/header.jpg);
}

#lefthead{
width: 242px;
float: left;
}

#utilitynav{
position: relative;
top: 32px;
left: 23px;
}


#righthead{
width: 550px;
float: right;
}

#topnav{
position: relative;
top: 16px;
left: 0px;
}

#bottomcontainer{
width: 800px;
background: WHITE;

}

#leftbottom{
width: 242px;
float: left;
}

#rightbottom{
width: 558px;
float: right;
}

#leftnav{
width: 242px;
background: url(images/greySideSegment.jpg);
}


#myimage{
width: 400px; 
height: 35px;
}

#footer{
width: 800px; 
height: 15px;
background: #505050;
}

/* LAYOUT - MICRO */

#browserfix1{
line-height:0;
clear:both;
}

/* Product Area Styles */
#productcasing{
position: relative;
top: 0px;
left: 0px;
height: 500px;
}


#product{
width: 558px;
position: relative;
top: 0px;
left: 0px;
}
#productleft{
width: 415px;
background: #F7F4F4;
float:left;
}
#productright{
width: 143px;
background: #ECF5FF;
float:right;
}

#producttitle{
position: relative;
top: 10px;
left: 10px;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666
}

#ptablestarts{
position: relative;
top: 30px;
}

#ppageheader{
font-size:19px;
font-weight:350;
}

.spacer{
width: 30px;
height: 1px;
}

.panel{
width: 181px;
height: 105px;
float: left;
margin: 0px 7px 7px 0px;
}
.panellink{
color:#FFFFFF !important;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#pancontent{
width: 565px;
}
.panlink{
margin: 6px 0px 0px 7px;
}
#panel1{
background-image:url(images/pan1.jpg);
}
#panel2{
background-image:url(images/pan2.jpg);
}
#panel3{
background-image:url(images/pan3.jpg);
}
#panel4{
background-image:url(images/pan4.jpg);
}
#panel4b{
background-image:url(images/pan14b.jpg);
}
#panel5{
background-image:url(images/pan5.jpg);
}
#panel6{
background-image:url(images/pan6.jpg);
}
#panel7{
background-image:url(images/pan7.jpg);
}
#panel8{
background-image:url(images/pan8.jpg);
}
#panel9{
background-image:url(images/pan9.jpg);
}
#panel10{
background-image:url(images/pan10.jpg);
}
#panel11{
background-image:url(images/pan11.jpg);
}
#panel12{
background-image:url(images/pan12.jpg);
}
#panel13{
background-image:url(images/pan13.jpg);
}
#panel14{
background-image:url(images/pan14.jpg);
}

#banner3{
background-image:url(images/lockban.jpg);
width: 559px;
height: 219px;
margin-bottom:5px;
}
#bannertext{
padding: 125px 173px 0px 15px;
color:#FFFFFF;
font-size:14px;
line-height: 127%;}

#ftext{
width: 755px;
background-color: #efe7e7;
padding: 20px;
}