@charset "utf-8";
/* CSS Document */

body{background:#fdfdfd; font-family:Arial, Helvetica, sans-serif; color:#727272; font-size:12px; margin:0; padding:0;}
a{color:#009979; text-decoration:underline;}
img{border:none 0px;}
form{margin:0; padding:0;}

#wrap{
	width:865px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/shade.gif) repeat-y center top;
	position: relative;
}
#container{width:845px; margin-left:10px; background:#fff; position:relative;}


#topband{
	height:97px;
	padding-left:150px;
	position: relative;
}
#topband.cart{
	height:85px;
	padding-left:22px;
}
#topband .phone{
	font-size:19px;
	font-weight:bold;
	color:#214a82;
	float:right;
	padding-right:45px;
	background:url(../images/phone.gif) no-repeat top right;
	margin-top:22px;
	width: 400px;
}
#topband .phone strong{color:#009e80; font-size:24px;}
#topband img{
	float:left;
	position:relative;
	z-index: 1500;
}

#homeimage{
	height:175px;
	position:relative;
	background:#163969;
}
.panel{
	margin:0;
	padding:0;
	width:845px;
	height:175px;
}
#imageband{
	height:150px;
	background:url(../images/temp_home.jpg);
	position:relative;
}
.buy{
	position:absolute;
	right:20px;
	bottom:83px;
	z-index: 1000;
}
.overlay{
	position:absolute;
	top:0px;
	left:0;
	z-index:1000;
}

#menu{
	height:27px;
	background:url(../images/menubg.png);
	position:absolute;
	z-index:100;
	bottom:23px;
	width:550px;
	padding-left:295px;
	padding-top:7px;
}
#menu li{
	float:left;
	list-style:none;
	padding-left:36px;
	margin: 0px;
}
#menu ul{margin:0; padding:0;}
#menu li a{
	color:#163969;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap;
}
#menu li a:hover{color:#009e80;}

#mainarea{
	position:relative;
	overflow:hidden;
	clear: both;
}

#leftcol{
	width:233px;
	float:left;
	position:relative;
	padding-left:13px;
	padding-top:30px;
}

.leftcat{width:233px; height:90px; background:no-repeat left top; margin-bottom:9px; position:relative;}
.leftcat .name{position:absolute; left:88px; width:120px; top:28px; font-weight:bold; color:#003e7e; font-size:13px;}




#quoteform{
 background:url(../images/quotebase.gif) no-repeat bottom left #214a82;
 padding-bottom:10px;
 margin-left:4px;
 margin-bottom:9px;
 width: 227px;
} 
#quoteform .form{padding-left:20px;}
#quoteform .formrow{width:230px; overflow:hidden; position:relative;}
#quoteform .formtext{float:left; position:relative; color:#fff; width:60px; font-size:11px; line-height:18px;}
#quoteform input, #quoteform select{width:130px; font-size:11px; margin-bottom:2px; padding:1px;}
#quoteform input.post{width:70px;}
#quoteform input.date-pick{width:100px;}
#quoteform .comments{color:#fff; font-size:11px; display:block;}
#quoteform select.date{width:auto;}
#quoteform textarea{width:185px; height:56px;}
#quoteform .button{margin-top:8px; margin-bottom:5px;}


#mailing{
	height:160px;
	background:url(../images/mailbg.gif) no-repeat right top;
	color:#fff;
	padding:14px 18px 0 21px;
	margin-right:3px;
}
#mailing .formtext{float:left; font-size:11px; width:40px; line-height:19px;}
#mailing input{width:140px; font-size:11px; color:#666; margin-top:2px; padding:1px;}
HTML>body #mailing input{width:143px;}
#mailing .butt{margin-top:8px;}

#testbox{background:url(../images/speech2.gif) no-repeat bottom right #496a97; margin-left:3px; margin-right:3px;}
#testbox .content{background:url(../images/speech.gif) no-repeat top left; position:relative; padding:22px 18px 17px 18px; color:#fff; font-style:italic;}
#testbox strong{color:#dbdcdc; display:block; padding-top:8px; font-style:normal;}
#testbox .company{color:#0db591; font-size:10px; font-style:normal;}

#content{
	margin-left:287px;
	padding-top:19px;
	position: relative;
}


#baseband{background:#214a82; padding:13px 17px; width:811px; overflow:hidden; margin-top:15px;}
#baseband .ads{float:right; position:relative; padding-top:20px; width:355px; text-align:right;}
#baseband .ads img{margin-left:10px; position:relative;}
#baseband .seo{clear:both; padding-top:8px;}
#baseband .seo a{margin-right:9px;}
#baseband .links{width:404px; float:left; position:relative; padding-left:45px; padding-top:5px; background:url(../images/links.gif) no-repeat top left; color:#fff;}
#baseband .title{display:block; font-size:20px; padding-bottom:8px; font-weight:bold;}
#baseband .col{width: 182px; padding-right:10px; float:left;}
#baseband .col a{font-size:11px; color:#fff; text-decoration:none; display:block; padding-bottom:3px;}
#baseband .col a:hover{text-decoration:underline;}

#logoband{height:45px; border-top:1px solid #fff; background:url(../images/basebg.gif) repeat-x top left;}
#logoband .logo{float:left; position:relative; padding:0 9px 0 9px;}
#credits{float:right; position:relative; padding-top:8px;}
#credits a{margin-right:5px;}

#copy{padding-top:18px; padding-left:17px; font-size:11px; line-height:18px; padding-bottom:20px;}
#copy a{text-decoration:none; padding:0 5px 0 0; color:#727272;}
#copy a.blue{color:#214a82;}
#copy a:hover{text-decoration:underline;}
#copy .cards{clear:both; display:block; padding-top:12px;}




/* ----------------------------------------------------------- HOMEPAGE ----------------------------------------------------------- */

#homepage{
	padding-right:15px;
	position:relative;
}


#mainquote{
	background:url(../images/mainquote_base.gif) no-repeat bottom left #214a82;
	position:relative;
	width:537px;
	height: 270px;
}
#mainquote .formrow{width:230px; overflow:hidden; position:relative;}
#mainquote .title{
	position:absolute;
	left:-15px;
	top:5px;
}
#mainquote .col{width:240px; padding-top:53px; float:left; position:relative;}
#mainquote .col.left{padding-left:35px;}
#mainquote .col.right{width:250px;}
#mainquote .formtext{
	float:left;
	position:relative;
	color:#fff;
	width:65px;
	font-size:11px;
	line-height:17px;
}
#mainquote .comments{color:#fff; font-size:11px; display:block;}
#mainquote input, #mainquote select{
	width:148px;
	font-size:11px;
	margin-bottom:0px;
	padding:0px;
}
#mainquote input.date-pick{width:100px;}
HTML>body #mainquote input, #mainquote select{margin-bottom:2px; padding:1px;}
#mainquote input.post{width:70px;}
#mainquote select.date{width:auto;}
#mainquote textarea{width:208px; height:56px;}
#mainquote .button{
	float:left;
	width:100%;
	padding-top:8px;
	text-align:center;
}

.linkpanel{
	background:url(../images/carouselbg.gif) no-repeat top left;
	width:530px;
	height:134px;
	float:left;
	position:relative;
	margin-right:8px;
	padding-left: 19px;
	padding-top: 10px;
	font-size: 13px;
}
.linkpanel .subheads{color:#214a82; font-size:20px; font-weight:bold;}



/* ----------------------------------------------------------- TEXT PAGE ----------------------------------------------------------- */

#textpage{
	padding-right:35px;
	position:relative;
}

/* ----------------------------------------------------------- TEXT PAGE FORM ----------------------------------------------------------- */

#textpage .formarea {
	background-color: #e4eaf3;
	margin: 20px 0 15px 0;
	padding: 10px;
}
#textpage .form{
	background:#fff;
	font-size: 13px;
	position: relative;
	width: 480px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	overflow: hidden;
}
#textpage .form a{
	color:#009c7e;
}
#textpage .formtext {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 120px;
	padding: 5px 10px 0 0;
	color: #666;
}
#textpage .formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 220px;
	margin-bottom: 2px;
}
#textpage .formsauto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-bottom: 2px;
}
#textpage .formsmulti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 220px;
	margin-bottom: 9px;
}
#textpage .formicon {margin-bottom: -10px;margin-left: 7px;}
#textpage .multiicon {margin-bottom: 3px;margin-left: 7px;}

#textpage h3{
	display:block;
	padding:0 0 4px 0;
	margin:0;
	color:#013E7D;
	font-size:22px;
	font-weight:normal;
}


/* ----------------------------------------------------------- LOCATION PAGE ----------------------------------------------------------- */

#locatpage{
	padding-right:35px;
	position:relative;
}
#locatpage .search{background:url(../images/searchbg.gif) no-repeat top left; height:127px; margin-top:12px; padding:21px 35px;}
#locatpage .search strong{font-size:25px; font-weight:bold; display:block; color:#013e7f; padding-bottom:9px;}
#locatpage .search input{font-size:12px; color:#666; width:200px; margin-top:8px; margin-bottom:13px;}

#maparea{width:100%; overflow:hidden; position:relative;}
#map{float:left; width:280px; border:1px solid #eaeaea; height:250px;}
#deliver{float:right; position:relative; width:221px; height:120px; background:url(../images/deliverbg.gif) no-repeat top left; text-align:center; padding-top:50px;}
#deliver .title{display:block; color:#013e7f; font-weight:bold; font-size:16px; padding-bottom:0px;}
#deliver .title strong{font-size:21px;}
#deliver .phone{font-size:17px; font-weight:bold; color:#038267;}
#deliver a{color:#708bb0; font-size:11px; font-weight:bold; text-decoration:none; display:block; padding-top:4px;}
#deliver .notes{display:block; font-size:10px;}


/* ----------------------------------------------------------- CONTACT PAGE ----------------------------------------------------------- */

#contactpage{
	padding-right:25px;
	position:relative;
}


#contactpage .formarea {
	background-color: #e4eaf3;
	margin: 20px 0 15px 0;
	padding: 10px;
}
#contactpage .form{
	background:#fff;
	font-size: 13px;
	position: relative;
	width: 480px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	overflow: hidden;
}
#contactpage .form a{
	color:#009c7e;
}
#contactpage .formtext {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 120px;
	padding: 5px 10px 0 0;
	color: #666;
}
#contactpage .formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 220px;
	margin-bottom: 2px;
}
#contactpage .formsauto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-bottom: 2px;
}
#contactpage .formsmulti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 220px;
	margin-bottom: 9px;
}
#contactpage .formicon {margin-bottom: -10px;margin-left: 7px;}
#contactpage .multiicon {margin-bottom: 3px;margin-left: 7px;}

#contactpage h3{
	display:block;
	padding:0 0 4px 0;
	margin:0;
	color:#013E7D;
	font-size:22px;
	font-weight:normal;
}

.catform {
	width: 235px;
	float: left;
	padding-top: 10px;
	
}
.catform strong{font-size: 14px;
	font-weight: bold;
	color: #013E7D;}
.catform img{float:left; position:relative;}
.catselect {
	margin-left: 100px;
}
.required {
	font-size: 12px;
	font-weight: bold;
	color: #009E80;
}
.brochure{margin-left:1px; margin-top:10px;}

/* ----------------------------------------------------------- PRODCUTS ----------------------------------------------------------- */

#products{
	padding-right:25px;
	position:relative;
	clear:right;
	padding-top:15px;
}

#submenu{
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(../images/subbase.gif) no-repeat bottom right;
	margin-left:4px;
	width: 227px;
}
#submenu .content{
	background:url(../images/subbg.gif) repeat-x top left #038267;
	padding-left:60px;
	padding-bottom:10px;
}
#submenu ul{margin:0; padding:0;}
#submenu li{list-style:none; display:block; padding-bottom:4px;}
#submenu li a{color:#fff; text-decoration:none;}
#submenu li a:hover{text-decoration:underline;}

#prodpics{
	margin:15px 0;
	width:520px;
	background:url(../images/prodbase.gif) no-repeat bottom left;
	padding-bottom:12px;
}
#prodpics .content{background:url(../images/prodpicbg.gif) repeat-x bottom left #fefefe; border-right:1px solid #d2e0f3; border-left:1px solid #d2e0f3; overflow:hidden; width:500px; padding-left:18px;}

#prodpics .images{float:left; position:relative; width:240px;}
#prodpics .images img{border:1px solid #dae6f5;}

#prodpics .thumbs{padding-top:6px;}
#prodpics .thumbs img{margin-right:6px; border:1px solid #dae6f5;}

#prodpics .details{
	margin-left:265px; padding-top:5px;
}
#prodpics .details img{margin-bottom:5px; margin-left:-2px;}
#prodpics .item{padding-bottom:17px; line-height:18px;}
#prodpics .item a{color:#727272; text-decoration:none;}
#prodpics .item a:hover{color:#096;}


#products .row{
	position:relative;
	height:190px;
	padding-top:10px;
}
#products .box{width:156px; height:173px; float:left; position:relative; margin-right:24px; background:no-repeat top left;}
#products .box.last{margin-right:0px;}
#products .name{position:absolute; left:18px; width:115px; top:117px; font-weight:bold; color:#003e7e; font-size:13px;}

/* ----------------------------------------------------------- TEXT STYLES ----------------------------------------------------------- */

.textarea{padding-right:30px; padding-bottom:10px;}

.headers{color:#013e7f; font-size:24px; font-weight:bold;}
.greentext{color:#15816b; font-size:15px;}
.subheaders{color:#013e7f; font-size:16px; font-weight:bold;}









#accordion{margin-top:20px;}

#formpage{
	position:relative;
	padding-top:15px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-bottom: 20px;
}

#formpage .content{
	margin-right:250px;
	
}
.tabhead{background:#dfdfdf; color:#003e7e; font-weight:bold;}
#formpage td{padding:4px; color:#003e7e;}
#formpage .smallblue{font-size:10px;}
#formpage .alert{color:#cc0000;}

#formpage .form1{background:#fff; padding:20px; border:1px solid #d9e8f1; margin-bottom:12px; color:#1f7fa6; overflow:hidden; width:624px; font-size:16px;}
#formpage .form1 .formtext{color:#000;float:left;position:relative;width: 400px; padding-right:30px;}
#formpage h2{
	padding:0 0 4px 0;
	margin:0;
	color:#b8cbd7;
	font-size:18px;
}
#formpage .form1 .formintro{color:#333366; display:block; width: 620px}
#formpage .form1 .row{position:relative; width:100%; display:inline-block; overflow:hidden; padding-bottom:20px;}
#formpage .radio{
	margin:0 0 -2px 35px;
}
#formpage .multi{margin-top:86px;}
#formpage h2{color:#003e7e; margin:0; padding:0 0 15px 0; line-height:20px;}
#formpage h4{font-size:24px; font-weight:normal; margin:0; padding:0 0 6px 0;}

#formpage .form2{
	background:#fff;
	padding:18px;
	margin-bottom:12px;
	color:#666;
	overflow:hidden;
	width:488px;
	font-size:12px;
}
#formpage .form2 .formtext{
	color:#003e7e;
	float:left;
	position:relative;
	width: 130px;
	padding-right:15px;
	font-size: 12px;
}
#formpage .form2 .formtext.small{width:60px;}
#formpage .form2 .formtext.wide{width:300px; text-align:left;}
#formpage .form2 .formintro{color:#333366; display:block; float:left; width: 485px}
#formpage .form2 .row{position:relative; width:100%; display:inline-block; overflow:hidden; padding-bottom:8px;}
#formpage .formrow{padding-bottom:3px;}
#formpage .formfields{
	width:260px;
}
#formpage .textarea{
	width:490px;
}
#formpage .checks{
	float:left;
	position:relative;
	padding-bottom:5px;
	margin-left:0;
	margin-right:5px;
}
#formpage .checkgroup{float:left; position:relative; width:180px; padding-bottom:5px;}

#formpage .tabrow{
	position:relative;
}
#formpage .tabrow.grey{background:#f6f7f9; width:100%;}


#formpage .qty{
	width:30px; padding:0; height:19px;
}

#formpage .cell04{width:100px; float:left; position:relative;padding-top:10px;}

#formpage .cell05{width:105px; float:left; position:relative; padding-left:5px; color:#333366;}
#formpage .cell06{width:25px; float:left; position:relative;}
#formpage .cell06a{width:25px; float:left; position:relative; margin-right:15px;}
#formpage .cell07{width:40px; float:left; position:relative; margin-right:10px;}
#formpage .cell08{width:55px; float:left; position:relative; }
#formpage .info{float:right; position:relative; margin-right:8px;}
#formpage .list{float:left; position:relative; width:200px; margin-right:20px;}

#formpage .cell09{width:240px; float:left; position:relative; padding-left:5px; color:#333366;}
#formpage .cell10{width:50px; float:left; position:relative; margin-right:30px;}
#formpage .cell11{float:right; position:relative; width:60px;}

#formpage .cell12{width:220px; float:left; position:relative; padding-left:5px;}
#formpage .cell13{float:left; position:relative; width:25px; margin-right:70px;}

#formpage .cell14{float:left; position:relative; width:70px;}
#formpage .cell15{width:350px; float:left; position:relative;}
#formpage .cell16{width:55px; float:left; position:relative; margin-left:80px;}
#formpage .cell17{width:180px; float:left; position:relative; padding-left:5px; color:#333366;}

#formpage .cellright{
	float:right;
	position:relative;
	text-align: right;
	padding-right: 10px;
}
#formpage .button{margin-left:220px;}

#formpage .formsmall{width:100px;}

#formpage .col{float:left; width:270px; border:1px solid #c5d8ec; padding:10px 10px 15px 10px; margin-right:20px;}
#formpage .col.right{margin-right:0px; width:290px;}

#formpage .dates{
	padding-top:10px;
	font-size: 11px;
}

#floatbox {
	position:absolute;
	top:20px;
	right:0px;
	width:230px;
}
#floatbox .article{
	padding:20px;
	margin:0;
	border:1px solid #d9ecf8;
	position:relative;
}
#floatbox .article h2{
	margin:0;
	padding:3px 0 12px 0;
	padding-right:16px;
}
#floatbox .article strong{
	color:#8fb5da;
}
#floatbox .article .tags{
	font-size:12px;
	float:left;
	padding-right:10px;
	line-height:20px;
	width: 140px;
}
#floatbox .article h1{font-size:20px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px;}
#floatbox .article .row{
	width:100%;
	overflow:hidden;
	padding-bottom:5px;
	padding-top: 5px;
}
#floatbox .article .row strong{
	color:#000;
}
#floatbox .article .row .tags{width:110px;}
#floatbox .article .row .picked{float:left; position:relative; color:#8fb5da; font-weight:bold;}
#floatbox .article .row h2{text-align:right;}

#floatbox.article .price{float:right;}


#floatbox .cards{
	padding:10px;
	margin-top:10px;
	border:1px solid #d9ecf8;
	position:relative;
}



.backbutton{float:right; margin-right:33px;}

.corptab{position:absolute; bottom:-1px; right:10px; width:133px; height:31px;}
HTML>body .corptab{bottom:0px;}
#seotab{
 position:absolute;
 width:37px;
 height:144px;
 top:88px;
 right:0px;
 background:url(../images/seobg.gif);
 padding-top:10px;
 padding-left:10px;
}
HTML>body #seotab{ position:fixed; } 
#seotab img{margin-bottom:7px;}