body{
	background: #fff url(../images/gradient-bkg.jpg) repeat-x;
	text-align:center;
	margin:0px;
	padding:0px;
	}

/*-------------------------------------------------------------------------------/ CSS Dropdowns */

#navwrap {
	height:20px;
	width:750px;
	margin-top:1px;
	padding-left:90px;
}

#navwrap2 {
	position:relative;
	height:20px;
	width:720px;
	left:50px;
	top:-23px;
}

#nav {
  float:left;
  width:750px;
  height:20px; 
}

#navwrap2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  clear:left;
}

#navwrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  clear:left;
}

ul#nav li {
  float: left;
  position: relative;
  width:100px;
}

ul#nav li.homedot {
	float:left;
	position:relative;
	width:5px;
	padding:2px 5px 0 2px;
}


ul#nav li.firstdot {
	float:left;
	position:relative;
	width:5px;
	padding:2px 0 0 12px;
}

ul#nav li.dot {
  float: left;
  position: relative;
  width:5px;
  padding:2px 2px 0 2px;
}

ul#nav li a.toplink:link, ul#nav li a.toplink:active, ul#nav li a.toplink:visited {
	color:#006;
	display:block;
  text-decoration:none;
  font:bold 11px/180% Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

ul#nav li a.toplink:hover {
	color:#336;
  text-decoration:none;
}

ul#nav li#buttonhome {
	width:50px;
}

li ul {
  display: none;
  position: absolute;
  /* no positioning needing it's auto by default */
  left:0;
}

<!--[if lte IE7]>
<style type="text/css" media="screen">
li ul {
top: 100%;
left: 0;
}
</style>
<![endif]--> 

li > ul {
	top: auto;
	left: auto; 
}

li:hover ul, li.over ul{display:block;background:#006;padding:2px;border-top:1px solid #fff;}
*:first-child+html {}

ul#nav li.sub a:link,ul#nav li.sub a:active, ul#nav li.sub a:visited {
  display:block;
  text-decoration:none;
  text-align:left;
  text-indent:4px;
	width:150px;
	color:#fff;
  font:11px/178% Arial, Helvetica, sans-serif;
}

ul#nav li.sub a:hover {
  color:#fff;
  background:#333366;
}

ul#nav li ul li.sub {
	width:150px;
}




/*-------------------------------------------------------------------------------/ End CSS Dropdowns */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

td{
  font: normal 12px Arial, Helvetica,sans-serif;
	line-height: 16px;
	color:#000;
}


a:link, a:visited{
	color:#3333CC;
	text-decoration: none;
}

a:hover{
  color:#3333CC;
	text-decoration: underline;
}

a.boldLink:link, a.boldLink:visited{
	font-weight:bold;
	color:#3333CC;
	text-decoration: none;
}
 
a.boldLink:hover{
	color: #3333CC;
	text-decoration: underline;
}

h1{
 font: bold 17px Arial,sans-serif;
 color: #000000;
 line-height:20px;
 margin: 0px;
 padding: 0px 0px 12px 0px;
}

h2{
 font: bold 15px Arial, Helvetica,sans-serif;
 line-height: 17px;
 line-height:20px;
 color: #000000;
 padding: 0px 0px 12px 0px;
 margin: 0px;
}

h3{
 font: bold 12px Arial, Helvetica,sans-serif;
 line-height: 15px;
 color: #000000;
 padding-bottom: 16px;
 margin: 0px;
}
 

/***********************************************/
/* Layout Divs                                */
/***********************************************/

.spacer {
  clear: both;
  }

#container {
  width:800px;
	margin: 0px auto 0px auto;
	position:relative;
	background:#fff;
 }

.navigation{
  padding:3px;
	text-align:center;
}

#contentDiv{
  font: normal 12px Arial, Helvetica,sans-serif;
	line-height: 16px;
	color:#000;
	text-align:left;
	width:800px;
	}

#mainLeftCol{
 	padding:10px 0 50px 40px;
	width:455px;

	}

#mainRightCol{
  	position:absolute;
	width:230px;
	height:300px;
	text-align:center;
	left:570px;
	top:200px;
	background:url(../images/rightCol-bkg.jpg) no-repeat;
	}

#contactInfo{
  font: bold 12px Arial, Helvetica,sans-serif;
	line-height: 16px;
	color:#000;
	margin:0px 0px 30px 0px;
	position:absolute;
	left:0px;
}

#bigBlack{
  	background:url(../images/phoneicon.png) no-repeat left center;
	top:87px;
	left:0px;
}
#sideQuote a	{
				height:23px;
				top:7px;
				background: url(../images/formicon.png) no-repeat;}
#sideChat a	{
				height:25px;
				top:48px;
				background: url(../images/chaticon.png) no-repeat;}
#sideQuote a, #sideChat a, #bigBlack	{position:absolute;
				width:190px;
				left:10px;
				padding: 5px 0 5px 5px;
				font: bold 14px Arial, Helvetica,sans-serif;
				line-height: 20px;
				color:#000;
				text-align:left;
				background-position: 150px 0px;}

#sideQuote a:hover {background-position: 150px -33px}
#sideChat a:hover {background-position: 150px -33px}

#promoBlue{
 	position:absolute;
	top:145px;
	font: italic 12px Arial, Helvetica,sans-serif;
	line-height: 17px;
	color:#3366ff;
	left:11px;
	width:185px;
}

.dbListCol{
  float:left;
	width:135px;
	padding:5px 5px 5px 5px;
	text-align:left;
  font: normal 11px Arial, Helvetica,sans-serif;
	line-height: 14px;
	color:#000;
	}
	
.dbListCol2{
  float:left;
	width:200px;
	padding:5px 5px 5px 5px;
	text-align:left;
  font: normal 11px Arial, Helvetica,sans-serif;
	line-height: 14px;
	color:#000;
	}

.dcHeading{
  font: bold 13px Arial, Helvetica,sans-serif;
	line-height: 14px;
	color:#000;
	padding:0px 0px 4px 0px;
}
	
.pageTitle {
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
}

a.footerLink:link, a.footerLink:visited{
	font: normal 11px Arial,Helvetica,sans-serif;
	color:#999;
}
 
a.footerLink:hover{
	color: #000;
	font: normal 11px Arial,Helvetica,sans-serif;
	text-decoration: underline;
}

#footer{
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	color:#999;
	text-align: center;
	width:770px;
	padding:10px 15px;
	border-top:1px dotted #ccc;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	position:relative;
}

.blue{
  color:#0066cc;
	}

/***********************************************/
/* Header  Divs                                */
/***********************************************/


.headerSub{
  background:url(../images/head-bkg-sub.jpg) no-repeat;
	height:106px;
	width:800px;
	text-align:right;
}

.headerSubText{
  font: bold 16px Arial,Helevetica,Sans-serif;
	color:#006;
	padding:60px 20px 0px 0px;
}

.headerHomeText{
  padding:83px 0px 0px 398px;
	text-align:center;
	width:340px;
}

.headerQuoteButton{
  text-align:right;
	padding:0px 15px 0px 0px;
}

.headerHomeWhite{
  font: bold 12px Arial,Helevetica,Sans-serif;
	color:#003399;
	line-height:15px;
}

.headerHomeBlue{
  font: bold 18px Arial,Helevetica,Sans-serif;
	color:#fff;
	line-height:22px;
	padding:0px 0px 10px 0px;
}

.headerHomeBlack{
  font: bold 14px Arial,Helevetica,Sans-serif;
	color:#000;
	padding:10px 0px 0px 0px;
}

.homeLeftCol{
  font: normal 12px Arial,Helevetica,Sans-serif;
	color:#000;
  float:left;
	width:380px;
	padding:0px 40px 0px 0px;
	}

.homeRightCol{
  font: normal 12px Arial,Helevetica,Sans-serif;
	color:#000;
  float:left;
	width:290px;
	}

.homeQuoteBox{
  background-image:url(../images/home-box-quote.gif);
	background-repeat:no-repeat;
  font: normal 12px Arial,Helevetica,Sans-serif;
	line-height:16px;
	color:#000;
	width:290px;
	height:169px;
}

.homeCatalogBox{
  background-image:url(../images/home-box-catalog.gif);
	background-repeat:no-repeat;
  font: bold 12px Arial,Helevetica,Sans-serif;
	line-height:16px;
	color:#000;
	width:290px;
	height:130px;
	margin:15px 0px 0px 0px;
}

/*Float Patch*/	
.floatcontainer:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}

/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}

/* Hides from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */


/********************* end **********************/