/* GENERAL RESETS ================================*/
body, h1, h2, h3, h4, ul, li, p, a, blockquote {
	margin: 0;
	padding: 0;
}
.clear { clear: both }
#onePixel { height: 1px }
img { border: none }
.hidden { display: none }
.left { float:left; margin:0 10px 10px 0; }
.right { float:right; margin:0 0 10px 10px; }

/* GENERAL =======================================*/
body {
	background-color: #dde1ef;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	color: #696969;
	font-size: 12px;
	line-height: 16px;
}
.important { background:#FFFFDD; border:1px solid #DDDDBB; padding:1em; font-size: 14px; line-height: 18px; }
h1 {
	color: #696969;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 2px 3px 0 10px;
}
h2 {
	color: #696969;
	font-size: 16px;
	font-weight: normal;
}
h3 {
	color: #ed1c24;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	color: #696969;
	font-size: 14px;
	font-weight: normal;
}
ul {
	margin: 10px 0;
	list-style-type: none;
}
li {
	color: #696969;
	font-size: 12px;
	line-height: 17px;
	background: url(images/bullet.gif) no-repeat 0 6px;
	padding-left: 10px;
}
a {
	color: #ed1c24;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.red { color: #ed1c24 }

/* WRAPPERS =======================================*/
#main {
	width: 950px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#contentWrapper {
	width: 880px;
	height: 450px;
	padding: 0 35px 0 35px;
	margin: 8px 0;
}
#main>#contentWrapper {
	height: auto;
	min-height: 450px;
}
#leftCol, #rightCol { float: left }
#leftCol { 
	width: 215px; 
	padding-top: 20px;
}
#rightCol { 
	width: 630px;
	margin-left: 20px;
	padding-right: 15px;
	padding-top: 20px;
}
#rightCol.prodLand {
	width: 644px;
	padding-right: 1px;
}
#bottom { height: 30px }

/* HEADERS =======================================*/
#header {
	width: 880px;
	height: 110px;
	margin: 0 35px 0 35px;
}
#headerL {
	float: left;
	width: 196px;
	height: 110px;
}
#headerR {
	float: right;
	width: 684px;
	height: 110px;
}
#headerKeywords { width: 684px; height: 16px; overflow: hidden; margin-bottom: 10px; text-align: right; float: right; }
.callUs {
	width: 240px;
	height: 20px;
	background: url(images/img_call.gif) no-repeat;
	text-indent: -9999px;
	float: right;
}
.tagline {
	width: 684px;
	height: 30px;
	background: url(images/img_tagline.gif) right top no-repeat;
	text-indent: -9999px;
	float: right;
	margin-top: 25px;
}
#homeFlash {
	width: 880px;
	height: 254px;
	padding: 0 35px 0 35px;
	margin: 8px 0;
}

/* NAV ===========================================*/

#nav {
	width: 880px;
	height: 44px;
	padding: 0 35px 0 35px;
}
#navL {
	float: left;
	display: inline;
	width: 10px;
	height: 44px;
	background: url(images/BG_nav_L.html) no-repeat;
}
#navM {
	float: left;
	display: inline;
	width: 880px;
	height: 44px;
	background:url(images/main-nav.gif) 0 0 no-repeat;
}
#navM span { display:none; }
#navM ul { margin:0; padding:0; }
#navM li,#navM a {
	display:block;
	height:44px;
	padding:0;
	background:none;
}
#navM li {
	display:inline;
	float:left;
	list-style:none;
}
#menu_01 {width:133px;}
#menu_02 {width:134px;}
#menu_03 {width:139px;}
#menu_04 {width:149px;}
#menu_05 {width:167px; margin-left:158px;}

#navM .active_01 a {background:url(images/main-nav.gif) 0px -44px no-repeat; }
#navM .active_02 a {background:url(images/main-nav.gif) -133px -44px no-repeat; }
#navM .active_03 a {background:url(images/main-nav.gif) -267px -44px no-repeat; }
#navM .active_04 a {background:url(images/main-nav.gif) -406px -44px no-repeat; }
#navM .active_05 a {background:url(images/main-nav.gif) -713px -44px no-repeat; }

#menu_01 a:hover {background:url(images/main-nav.gif) 0px -44px no-repeat; }
#menu_02 a:hover {background:url(images/main-nav.gif) -133px -44px no-repeat; }
#menu_03 a:hover {background:url(images/main-nav.gif) -267px -44px no-repeat; }
#menu_04 a:hover {background:url(images/main-nav.gif) -406px -44px no-repeat; }
#menu_05 a:hover {background:url(images/main-nav.gif) -713px -44px no-repeat; }
#navR {
	float: right;
	display: inline;
	width: 10px;
	height: 44px;
	background: url(images/BG_nav_R.html) no-repeat;
}

/* BOXES =======================================*/
#boxes {
	width: 880px;
	height: 274px;
	padding: 0 35px 0 35px;
	margin-bottom: 30px;
}
#productBoxes {
	width: 644px;
	margin-bottom: 30px;
}
.productbox {
	width: 205px;
	height: 274px;
	margin-right: 13px;
	margin-bottom: 13px;
	float: left;
	display: inline;
	background: url(images/prodbox_mid.gif) repeat-y;
}
#third { margin-right: 0 }
.box {
	width: 213px;
	height: 274px;
	margin-right: 9px;
	float: left;
	display: inline;
	background: url(images/box_mid.gif) repeat-y;
}
.boxTop {
	background: url(images/box_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.prodboxTop {
	background: url(images/prodbox_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.boxMid {
	background: url(images/box_bot.gif) no-repeat bottom;
	height: 267px;
}
.prodboxMid {
	background: url(images/prodbox_bot.gif) no-repeat bottom;
	height: 267px;
}
.boxMid p, .box2Mid p, .prodboxMid p { padding: 0 15px 0 15px; }
.boxMid p.boxCopy, .prodboxMid p.boxCopy { 
	height: 65px;
	overflow: hidden;
}
.box2 {
	width: 658px;
	height: 274px;
	float: left;
	display: inline;
	background: url(images/box2_mid.gif) repeat-y;
}
.box2Top {
	background: url(images/box2_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.box2Mid p.box2Copy {
	margin-top: 15px; 
	/*height: 208px;*/
	height: 172px;
	overflow: hidden;
}
.box2Mid {
	background: url(images/box2_bot.gif) no-repeat bottom;
	height: 267px;
}
img.boxImg {
	padding-top: 0px;
	padding-left: 7px;
	margin: 0;
}
img.prodboxImg {
	padding-top: 1px;
	padding-left: 10px;
	margin: 0;
}
h3.boxTitle {
	padding: 8px 15px 8px 15px;
	font-size:14px;
}
a.boxBTN {
	width: 108px;
	height: 21px;
	background: url(images/btn_learnMore.gif) no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 12px 15px 0 15px;
}

/* SUB NAV =======================================*/
.leftcolInner {
	width: 215px;
	margin-bottom: 20px;
}
.leftcolInner h3 {
	color:#696969;
	font-size:16px;
	font-weight:normal;
}
.leftcolInner#title {
	width: 195px;
	margin: 0 10px 20px 10px;
}
.leftcolInner#titleprod {
	width: 195px;
	margin: 0 10px 10px 10px;
}
.leftcolInner.backBTN {
	width: 180px;
	margin: 0 10px 12px 10px;
}
.leftcolInner.backBTN a {
	background: url(images/btn_back.gif) no-repeat;
	width: 180px;
	height: 21px;
	display: block;
}
.leftcolInner ul {
	margin: 0;
	list-style-type: none;
}
.leftcolInner li {
	background: none;
}
.leftcolInner li.line {
	line-height: 1px;
	margin: 0 0 0 0;
	padding: 1px 0 1px 10px;
	font-size: 0;
}
.leftcolInner li a {
	 background: url(images/bullet.gif) no-repeat 5px 9px;
	 padding-left: 15px;
	 line-height: 21px;
	 width: 179px;
	 display: block;
}
.leftcolInner li a:hover {
	background-color: #efefef;
	text-decoration: none;
}

/* CONTENT =======================================*/
#rightCol p { margin-bottom: 16px; }
#rightCol h2 {
	margin-bottom: 2px;
}
#rightCol h2.products {
	margin-bottom: 2px;
	color: #ed1c24;
	font-size: 21px;
	font-weight: normal;
}
#rightCol h2.contact-location { margin: 20px 0 10px; }
#rightCol h4 { margin-bottom: 15px; }
#rightCol p.subTitle {
	margin-bottom: 0;
	color: #ed1c24;
	font-weight: bold;
}
#rightCol p.terms { margin-bottom: 3px; }
#rightCol p.byline {
	margin-bottom: 3px;
	font-size: 14px;
	color: #ed1c24;
	line-height: 18px;
	margin-bottom: 15px;
}
#content_1 ul, #content_2 ul, #content_3 ul { margin-top: 0; }
.prodInfoImg {
	width:120px;
	height:120px;
	text-align:right;	
	float:right;
}
div.specImg { overflow: hidden; }
div.prodImgThumb a {
	background-color:#ccc;
	display:block;
	float:left;
	width:200px;
	height:200px;
	line-height:200px;
	margin: 0 10px 10px 0;
	overflow:hidden;
	position:relative;
	z-index:1;
}
div.prodImgThumbsp a {
	background-color:#ccc;
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}
/* Adjust top and left position to control cropped image placement */
div.prodImgThumb a img{
	float:left;
	position:absolute;
	top:-50px;
	left:-150px;	
}
/*product nav*/
#productNav {
	height: 24px;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 25px;
}
#productNav ul { margin: 0; }
#productNav li {
	display: inline;
	background: none;
}
#productNav li a {
	line-height: 24px;
	color: #696969;
}
#productNav li a:hover, #productNav li a.prodActive { color: #ed1c24; }
#content_2, #content_3 { display: none }

/*clients*/
.clientCol {
	width: 150px;
	float: left;
	display: inline;
	margin-right: 8px;
} 
.clientCol#last { margin-right: 0 }
#rightCol .clientCol p, #rightCol .clientCol#last p { margin-bottom: 0px; }

/* FOOTER =======================================*/
#footer {
	width: 950px;
	height: 70px;
}
#footerTop {
	height: 53px;
	padding: 0 35px 0 35px;
}
#footerBot {
	height: 17px;
	background: url(images/bottom.gif) no-repeat;
	overflow: hidden;
}
#footer p { font-size: 11px }
#footer ul { margin: 0 0 10px 0; }
#footer li {
	display: inline;
	padding: 0;
	color: #ed1c24;
	background: none;
}
#footer li.footerDivider { padding: 0 10px;}
#footer li a {
	color: #ed1c24;
	font-size: 11px;
}


/* NEW =======================================*/
.leftcolInner h2.contact-location { margin: 0 10px 6px; }
dl {
	width: 195px;
	margin: 0 10px 20px;
}
dl dt {
	color: #ED1C24;
	font-size: 12px;
	font-weight: bold;
}
dd {
	margin:0 0 0.5em 0;
	color: #696969;
	font-size: 12px;
	line-height: 16px;
}

/* =Contact Form
------------------------------------- */
#contactform p.errormsg {
	font-family: arial;
	font-size: 11px;
	color: #D70000;
	margin: 0;
}

table.form tbody tr:hover { background-color: #FFF; }
table.form td { vertical-align: top; padding: 8px; }

.form label { color: #696969; font-size: 12px; line-height: 16px;font-weight: bold; }
.form input { width: 200px;}
.form textarea { width: 300px; }
.form select { width: 200px; }

.form input, .form textarea, .form select, .form option { color: #8c8c8c;}

.form input.button { width: auto; }
.form input.checkbox { width: auto; }
.form input.radio { width: auto; }