body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#002350;}
iframe{margin:5px 0 -10px 30px;}
a{position:relative}
#page_top{background:#c00;}
#page_bottom{}
#header{width:800px; margin:0 auto; padding-top:20px; position: relative;}
#head_nav{background:url(images/steel.gif) top left no-repeat; margin:0; border-top:1px solid #c00;}
#head_main{background:url(images/space.jpg) top left no-repeat;}
#head_info{width:300px; height:120px; margin:30px 30px 0px 5px; float:right; }
#head_info p{margin:0; padding:0; color:#fff; font-size:100%; font-weight:bold;   font-family:Arial, Helvetica, sans-serif; line-height:130%;}
.freephone{font-size:200%; padding-top:0px; line-height:70%}
#head_info img{padding-right:10px;}
#head_info a{color: #fff; text-decoration: none; border: 0;}

#main{width:800px; margin:0 auto 10px auto; padding:0;  background:#fff;}


#footer{margin:0;background:url(images/steel_bot.gif) top left no-repeat #002350; padding:20px 10px 7px;}
#footlinks{color:#fff; width:800px; margin:0 auto;}

#head_nav ul{margin:0 15px; padding:0; list-style:none; width:auto;}
#head_nav ul li{float:left; margin:3px 0; padding:0 2px; border-right:1px solid #ccc; border-left:1px solid #999; font-size:80%;}
#head_nav ul li a{color:#666; text-decoration:none}
#head_nav ul li a:hover{color:#f00;}

.topphone{color:#c00; font-weight:bold;}

#footer ul{margin:0 15px; padding:0; list-style:none; height:20px;}
#footer ul li{float:left; margin:3px 0; padding:0 2px; border-right:1px solid #ccc; border-left:1px solid #999; font-size:80%;}
#footer ul li a{color:#666; text-decoration:none}
#footer ul li a:hover{color:#f00;}

#footlinks p {text-align:center; color:#f00; font-size:70%;}
#footlinks a{color:#ccc;}
#footlinks a:hover{color:#fff}

#home_head{padding:0 0 0 212px}
#home_head img{border:1px solid #fff; border-bottom:none; float:left; margin-right:10px;}

/*#page_head{float:left; margin: 20px 0 0 20px; border:1px solid #fff; border-bottom:1px solid none; padding:0;}
#head_main h1{float:left; width:580px;  text-transform:uppercase; color:#fff; margin:0 0px 0 220px; padding:-5px; font-size:32px;}*/

#page_head{float:left; margin: 20px 0 0 20px; border:1px solid #fff; border-bottom:1px solid #f00; padding:0;}
#head_main h1{float:left; width:430px;  text-transform:uppercase; color:#fff; margin:101px 0 -10px 15px; padding:-5px;}
.midget{font-size:24px; padding-top:8px;}


#home #head_main h1{float:none; width:780px;  text-transform:uppercase; color:#fff; margin:0px 0 0px -193px; padding:0; font-size:26px;}

#page .nav_box{border:1px solid #fff; border-top:none; float:left; margin:0px 10px 0 0; width:180px; position: relative;}
#home .nav_box{border:1px solid #fff; float:left; margin:-111px 10px 0 0; width:180px; position: relative; _margin-top: -110px; _padding: 0;}
.1nav_box ul{color:#002350; font-size:75%; margin:0px; padding:0px; width:180px; background:#f00;}
.nav_box ul li.nav_head {background:#002350; color:#fff;display:block;}
.nav_box ul li.nav_head a{background:#002350; color:#fff; font-weight:bold; font-size:120%; border-top:0px solid #fff;display:block;  padding: 0;}
.nav_box ul li.nav_head a:hover{background:#002350; color:#fff;display:block;  padding: 0;}

.1nav_box ul li.greeny a{background:#2fe012; color:#fff;}
.1nav_box ul li.greeny a:hover{background:#3c0; color:#fff;}

.1nav_box ul li{list-style:none; border-bottom:1px solid #fff; display:block;}
.1nav_box ul li a{color:#FAE9EB; font-weight:bold; text-decoration:none; background:#f00; display:block; padding:2px;}
.1nav_box ul li a:hover{color:#fff; background:#CF0505;display:block;}
.1nav_box ul ul{color:#002350; font-size:75%; margin:0px; padding:0; width:180px; background:#c00;}
.1nav_box ul ul li a{color:#FAE9EB; font-weight:bold; text-decoration:none; background:url(images/arrow2.gif)0% 50% no-repeat #c00; margin:0; padding:2px 2px 2px 15px;}
.1nav_box ul ul li a:hover{color:#fff; background:url(images/arrow.gif)0 50% no-repeat #A50808;}
.1nav_box img{margin:5px 5px 0 0; float:left;}

.newsletter {border:1px solid #f00; color:#002350; font-size:80%; padding:0px; background:#f4f6f7; margin:5px 0; }
.newsletter h1{background:#f00; margin:0; padding:4px; color:#fff; font-size:100%; position:relative }
.newsletter p{margin:0; padding:4px; position:relative}
.newsletter img{margin:5px 0 5px 7px;}
.newsletter a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00; font-weight:bold;}
.newsletter a:hover{border-bottom:1px solid #c00; color:#c00;}

#home_body{padding:0 0 0 20px;}
#home_body .textuals{ margin:0 ; padding:10px 20px 10px 10px; color:#002350; font-size:80%;}
#home_body h1 {font-size: 100%; color:#002350;}

.textuals a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00; font-weight:bold;}
.textuals a:hover{border-bottom:1px solid #c00; color:#c00;}
h2 {color: #f00; font-size:120%;}

.stop-press {font-size:140%;color: #f00;text-align: center; margin: 0; padding:0;}

.home_box{border:1px solid #fff; border-top:none; float:left; margin:0 10px 10px 0 ; background:#E5E9ED; width:180px; height: 450px;}
.home_box h2{color:#fff; background:#f00; font-size:11px; margin:0; padding:6px 0; text-align:center; text-transform:uppercase; height:3em}
.home_box h2 a{color:#fff; border-bottom:1px dotted #fff; text-decoration:none;}
.home_box h2 a:hover{color:#fff; border-bottom:1px solid #fff;}
.home_box p{color:#002350; font-size:70%; margin:5px;}
.home_box ul{color:#002350; font-size:70%; margin:5px; padding:5px 5px 5px 15px; width:105px;}
.home_box li{list-style-image:url(images/arrow.gif) }
.home_box p a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00; font-weight:bold;}
.home_box p a:hover{border-bottom:1px solid #c00; color:#c00;}
.home_box li a{color:#002350; text-decoration:none; border-bottom:1px dotted #002350;}
.home_box li a:hover{border-bottom:1px solid #002350; color:#002350;}

.home_map{width:200px; height:125px; float: right; margin:5px 20px 5px 10px; border:1px solid #002350; background:#c3d8f0;}
.map_place{font-size:60%;}
.map_place a{color:#c00; text-decoration:none; border-bottom:1px dotted #c00; font-weight:bold;}
.map_place a:hover{border-bottom:1px solid #c00; color:#c00;}


#content{float:right; margin:0 24px 0 0; width:550px; background:#fff; padding:5px 0 0 0 ; _margin: -20px;}
#content h2{clear:both;  color:#002350; margin:0; padding:10px 0 5px 0; border-bottom:2px solid #f00; font-size:110%;}
#content h3{width:300px; color:#002350; margin:0; padding:10px 0 5px 0; font-size:90%;}
#content p{color:#002350; font-size:90%; width:330px; text-align:justify;}
#content blockquote{color:#002350; font-size:90%; width:300px; margin:10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; border:1px solid #e1e1e1; padding:5px 10px; background:#e1e1e1; text-align:justify}

#content ul {color:#002350; font-size:90%; width:auto; list-style-type:disc; width:290px; text-align:justify}
#content ol {color:#002350; font-size:90%; width:auto;  width:290px; text-align:justify}
#content ul li{list-style-type:disc;}
#content .full{ width:590px;}

.productPic{border:0; padding:2px; background-color: #cccccc;}
.productPicLink a{border:0; color: #0f0;}
.productPicLink a:hover{border:0px}

#content_library{float:right; margin:0 20px 0 0; width:550px; _width: 500px;}
#content_library h2{clear:both; color:#002350; margin:0; padding:10px 0 5px 0; border-bottom:2px solid #f00; font-size:110%;}
#content_library h3{ color:#002350; margin:0; padding:10px 0 5px 0; font-size:90%; border-bottom:1px dotted #f00; font-size:110%;}
#content_library p, ul, ol{color:#002350; font-size:90%;}
#content_library blockquote{color:#002350; font-size:90%; width:530px; margin:0 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
#content_library   a{color:#002350; text-decoration:none; border-bottom:1px dotted #f00;}
#content_library  a:hover{border-bottom:1px solid #f00; color:#000;}

#content_bs5454 {float:right; margin:0 20px 0 0; width:550px;}
#content_bs5454 h2{clear:both; color:#002350; margin:0; padding:10px 0 5px 0; border-bottom:2px solid #f00; font-size:110%;}
#content_bs5454 h3{ color:#002350; margin:0; padding:10px 0 5px 0; font-size:90%; border-bottom:1px dotted #f00; font-size:110%;}
#content_bs5454 p, ul, ol{color:#002350; font-size:90%;}
#content_bs5454 blockquote{color:#002350; font-size:90%; width:530px; margin:0 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
#content_bs5454 a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00;}
#content_bs5454 a:hover{border-bottom:1px solid #f00;}

#content .textdets{ margin:0 ; padding:10px 20px 10px 10px; color:#002350; font-size:80%; width: 95%; font-weight: 200;}
.textdets a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00; font-weight:normal;}
.textdets a:hover{border-bottom:1px solid #c00; color:#c00;}


.about_photo{padding:10px 0; margin:5px 0; border-bottom:1px solid #002350;}
.about_photo img{float:left;  margin:10px 10px 0 0; }
.about_photo p{ margin:10px 0 10px 150px;}
.border{border:1px solid #002350;}

.cont_side{float:right; margin:0 0px 5px 10px; padding:0; width:200px; text-align:right; }
.cont_side p{width:200px; border-bottom:2px solid #f00;  padding:5px; margin:0; font-size:70%;}
.cont_side img{border-bottom:2px solid #f00;}
.caption {margin:0; font-size:70%; color:#000;  }
.cont_side a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00;}
.cont_side a:hover{border-bottom:1px solid #f00;}

.casestudy{ text-align:left; width:200px;}
.casestudy h1{margin:10px 0 ; padding:6px 0 6px 33px; font-size:100%; color:#002350; background:url(images/cs.gif) left no-repeat;} 
.casestudy img{float:left; width:70px; margin:0px 5px 0 0; padding:0; border:none;}
/*   #content  .casestudy p{border-bottom:0px solid #f00; padding:0; margin:0 0 0 80px;  width:120px; text-align:left;} */
/*   #content .casestudy a{background:#fff; display:block; border-bottom:0px solid red; font-size:80%; height:70px;} */
/*   #content .casestudy a:hover{background:#f0f0f0;} */
.line{clear:both; border-bottom:1px solid #f00; margin-bottom:5px;}

.allcs {padding:20px 12px 0 0; margin:0; background:url(images/arrow2.gif) bottom right no-repeat; font-size:60%; text-align:right; text-transform:uppercase;}
.allcs  a{text-decoration:none; color:#f00; border:none;}
.allcs  a:hover{text-decoration:none; color:#900; border:none;}

.emailus h1{margin:10px 0 0 0; padding:6px 0 6px 33px; font-size:100%; color:#002350; background:url(images/envelope.gif) left no-repeat; text-align:left;}
.quick_quote h1{margin:10px 0 0 0; padding:6px 0 6px 33px; font-size:100%; color:#002350; background:url(images/quick-quote.gif) left no-repeat; text-align:left;}

.case_box{border:1px solid #002350; background:#F0F2F5; margin:5px 0 10px 0;}
.case_box p{width:380px; margin:5px 5px 5px 150px; padding:0;}
.case_box img{float:left; border:1px solid #f00; margin:5px; padding:2px; background:#fff;}
.case_box h1{border-bottom:2px solid #f00; font-size:100%; margin:0; padding:2px 5px; background:#fff;}

.top {padding:20px 12px 0 0; margin:0; background:url(images/arrow_up.gif) bottom right no-repeat; font-size:60%; text-align:right; text-transform:uppercase;}
.top  a{text-decoration:none; color:#f00; border:none;}
.top  a:hover{text-decoration:none; color:#900; border:none;}

.strap{color:#002350; font-size:200%; text-align:center; clear:both; margin:0 0 10px -20px;}
.strapurl{color:#002350; font-size:100%; text-align:center; clear:both; margin:0 0 0 -20px ; padding:0;}
.strapurl a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00;}
.strapurl a:hover{border-bottom:1px solid #f00;}

.apply a{border:2px solid #f00; border-bottom:2px solid #c00; border-right:2px solid #c00; padding:2px 3px; margin:0;  float:right; background:#F0F2F5; font-size:80%}
.apply a:hover{border:2px solid #f00; border-top:2px solid #c00; border-left:2px solid #c00;}


form{width:500px; margin:10px 10px 20px 0 ; padding:0 10px 10px 10px; border:1px solid #f00; background:#f0f0f0;}
form h2{clear:both; margin:10px 0 0 0; padding:10px 0 0 0 ;}
label{width:150px; float:left; text-align:right; margin:7px 5px 0 0px;  padding-top:0px; font-size:80%; position: relative; color:#002350;}
input, select {width:270px; float:left; margin:5px -3px 3px 3px;}
.short{ width:110px;}
.short_l{ width:110px; text-align:left; margin-left:5px;}
.shorter{width:90px;}
.shorterx2{width:205px;}
.small{width:50px;}
.smallest{width:20px;}
.long{width:340px;}
.longish{width:260px; text-align:left; margin-left:25px}
.form_note{width:200px; font-size:60%; font-style:italic; padding-left:20px; text-align:left}
textarea{width:490px;  margin:10px ; height:100px; clear:both;}
.form_box{border:1px solid #ccc; margin:5px; background:#E0EAF1;}
.form_box h2{color:#f90; font-size:90%; border-bottom:1px solid #ccc; margin:0; padding:5px 4px 5px 10px; display:block; background:#f0f3ef}

.button{width:100px; float:right; margin-right:30px }
.mandatory{color:#f00; }


.logo_box{float:right; margin:10px 20px 0 0;}
.logo_box img{margin:0 20px 0 10px;}
.logo{margin:0 5px 10px 30px;}
.outline{border:1px solid #002350;}
.clear{clear:both} 
.right{float:right;}
.align_r{text-align:right; clear:both;} 
.red{color:#f00; font-weight:bold;}
.white{color:#fff;}
.smallcaps{font-size:60%; text-transform:uppercase; font-weight:normal;}

#contact_box{float:right; margin:0 24px 0 0; width:561px; _margin-top: 25px;}
#contact_box a{color:#f00; text-decoration:none; border-bottom:1px dotted #f00;}
#contact_box a:hover{border-bottom:1px solid #f00;}
.phone{background:url(images/phone.gif) no-repeat 5px 10px; width:490px; height:60px; padding: 10px 0 0 70px; margin:0; font-size:150%; color:#002350;}
.mail{background:url(images/mail.gif) no-repeat 5px 10px; width:490px; height:60px; padding: 10px 0 0 70px; margin:0; font-size:150%; color:#002350;}

table{border:solid #c00; border-width:1px 1px 0px 1px; border-collapse:collapse; margin:10px auto; font-size:80%;}
td{border:solid #c00; border-width:0 0px 1px 0; border-collapse:collapse; margin:0px; padding:3px; color:#002350;}
td.head{background:#f00; color:#fff; text-align:center; font-weight:bold; border:solid #f00; border-width:1px 1px 0px 1px; }
td.cost{color:#f00; text-align:center; font-weight:bold;}

/* from old css */
#subdepartmentList {
	/*width: 12em;
	border-right: 1px solid #000;
	padding: 0px;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;*/
	margin-top: -5px;
	font-size: 0.8em;
	font-weight: bold;
}
#subdepartmentList ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

#subdepartmentList li {
		margin: 0;
}

#subdepartmentList li a {
		display: block;
		padding: 5px 0px 5px 0px;
		background-color: <%= backgroundHexColor %>;
		color: <%= textHexColor %>;
		text-decoration: none;
		width: 98%;
		border: 1px solid <%= backgroundHexColor %>;
		margin: -1px;
		}

html>body #subdepartmentList li a {
		width: auto;
		margin: 0px;
		}

#subdepartmentList li a:hover {
		background-color: <%= backgroundHexColorOver %>;
		color: <%= textHexColorOver %>;
		border: 1px solid #ffffff;
		}

#breadcrumbs {
	font-size: 0.8em;
	font-weight: normal;
}
#breadcrumbs a:link {
	color: #000000;
	text-decoration: underline;
}
#breadcrumbs a:visited {
	color: #000000;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	color: #000000;
	text-decoration: none;
}
#breadcrumbs a:active {
	color: #000000;
	text-decoration: none;
}

#content {
	padding-left: 5px;
	padding-right: 5px;
	_margin-left: 0px; _padding-left: 0px; _margin-top:1px;
}
#content h1 {
	font-size: 1.2em;
	color: #333399;
}


#pagecontent { _margin-left: 0px; _padding: 0px; _width: 99%;}

.inputBlue, .inputGrey, .inputGreen, .inputRed, .inputYellow, .inputLightGrey, .inputNormal {
	font-size: 1em;
	width: 2em;
	height: 1.3em;
}
.inputBlue {
	color: #06f;
	border: 2px solid #06f;
}
.inputGrey {
	color: #999;
	border: 2px solid #999;
}
.inputGreen {
	color: #696;
	border: 2px solid #696;
}
.inputRed {
	color: #f00;
	border: 2px solid #f00;
}
.inputYellow {
	color: #FF9900;
	border: 2px solid #ff0;
}
.inputLightGrey {
	color: #999;
	border: 2px solid #ccc;
}
.inputNormal {
	color: #000000;
	border: 2px solid #000000;
}

.contactform{width: 570px; margin:10px 10px 20px 0 ; padding:0 10px 10px 10px; border:0; background:#f0f0f0;}
#contactus {
	font-size: 80%; font-weight: 200;
	border: 0px ;
	margin:0px; padding: 0px;
	_margin:0px; _padding: 0px; width: 560px;
}

#contactus td{border: 0;}

#bulk { width
	font-size: 80%; font-weight: 600;
	border: 0px solid #fff;
	margin:0px; padding: 0px;
	_margin:0px; _padding: 0px; width: 560px;
}

#bulk td{border: 0;}
#bulk input {width: 160px;}
#products {
	font-size: 70%; font-weight: 200;
	border: 0px solid #cccccc;
	margin:0px; padding: 0px;
	_margin:0px; _padding: 0px; 
}
#products th {
	background-color: #002350;
	color: #ffffff;
}
#products td {
	/*vertical-align: top;*/
	padding-left: 2px;
	padding-right: 2px; 
	border: 0px; 
}
.odd {
	background-color: #fff;
}
.even {
	background-color: #CCC;
}
.noImage {
	background-Color: #FFFFFF;
	color: #666666;
	text-align: center;
}

#cartTable {
	border: 0px solid #fff;
	margin:0px; padding: 0px;
	_margin:0px; _padding: 0px; 
	width: 570px;
}
#cartTable th {
	font-size: 0.8em; 	border: 0px;	background-color: #002350; 	color: #ffffff;
}

#cartTable td {
	font-size: 0.8em;
	padding: 2px;	border: 0px;
}
.cartEvenRows {
	background-color: #cccccc;
}
.cartOddRows {
	background-color: #ffffff;
}

.txtQuantity {
	width: 30px;
}
#cartButtons {
	margin-top: 5px; 	
	border: 1px solid #000000;
	background-color: #000099; width: 560px; padding:0; float: right;
}
#cartButtons ul {
	margin: 0px;
	padding: 5px;
	position: relative;
	left: 20px; width: 560px;
}
#cartButtons ul li {
	display: inline;
	padding-right: 35px;
}
#cartButtons a:link {
	color: #FFFFFF;
	text-decoration: none; border: 0;
}
#cartButtons a:visited {
	color: #FFFFFF;
	text-decoration: none; border: 0;
}
#cartButtons a:hover {
	color: #FFFFFF;
	text-decoration: underline; border: 0;
}
#cartButtons a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#frmCart {width:570px; margin:10px 0px 20px 0 ; padding:0 2px 10px 2px; border:0px solid #fff; background:#f0f0f0; _margin:5px 15px 10px 0px; _padding:0 1px 5px 1px;}
.btnSubmit {width: 400px; font-size: 80%; color:#f00;}
#checkoutTable {
	border: 0px solid #fff;
	margin:0px; padding: 2px;
	_margin:0px; _padding: 1px; 
	width: 570px; font-weight:200;
}
#checkoutTable th {border: 0px;	background-color: #002350; 	color: #ffffff;}

#checkoutTable td { padding: 2px;	border: 0px;}

#checkoutTable input, textarea {width: 200px; margin: 0 2px 0 0;}

.required {color: #f00; font-size: 110%;}

#content_library {width: 560px;  font-weight: 200; }

#deptdesc {text-align: left; font-weight: 200; color:#002350; font-size: 80%; font-weight: 200; margin-top: 10px;}
#deptdesc ul {list-style-position: outside; width:auto; list-style-type:disc; font-weight: 200; }
#deptdesc ul li{list-style-type:disc; font-weight: 200;width: 450px;}