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

body   { background: white url(/images/interface/bgrnd_diamond.jpg) repeat-x; margin: 0; text-align: center; }

.pageLayout {
	width: 781px;
	vertical-align: top;
	z-index:1;
	border: 0px solid #000000 ;
	margin: 0 auto auto auto ;
	position: relative ;
}

hr {
	border: 0;
	width: 750;
	color: #AAA;
	background-color: #808080;
	height: 1px;
}

.bgrnd_ftr {
	BACKGROUND: #328f44; PADDING: 2 0 0 0px; background: white url(/images/interface/bgrnd_ftr.gif) repeat-x; margin: 0;
	vertical-align:middle;
}


td {
	font-family:Arial, Helvetica, sans-serif;
}

.nobr { white-space: no-wrap; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

table.tablePics { background-color: white; border: outset 0px gray; width: 340; border-collapse: separate; border-spacing: 6px 12px }
table.border { background-color: white; margin: 3 0 0 0px; }

td.paddingPics { 0 0 8 0px; }

td.bgcolor_black { background: #000; padding: 10 0 10 4px; line-height: 24px; }
td.bgcolor_gray { background: #DDD; padding: 6 0 0 0px; }
td.bgcolor_white { background: #FFF; padding: 0 0 0 0px; }

a:link { color: #1e772d; }
a:visited  { color: #1e772d; }
a:hover { color: #000000; text-decoration: underline; }

a.reverse:link  { color: #FFF; }
a.reverse:visited  { color: #FFF; }
a.reverse:hover  { color: #328f44; }

ul.bullets { list-style: none; padding-left: 15px; margin-left:0px; }

li.bullets {
	background-image: url(images/helpers/bullet_diamond2.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
  	padding-left: 15px;
  	padding-top: 4px;
  	border: solid 0px #000;	
}

ul.bullets2 { list-style: none; padding-left: 20px; margin-left:0px; }

li.bullets2 {
	background-image: url(images/helpers/arrow_mini2.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
  	padding-left: 15px;
  	padding-top: 4px;
  	border: solid 0px #000;	
}

.telematics_border {
	border-top: solid #ffffff 1px;
}

.box {
	width: 300px;
	height: 125px;
	border: 1px solid #000000 ;
	margin: 0 auto auto auto ;
	font-size:12px;
	padding-left:10px;
}

.contactUs {
	width: 200px;
	height: 125px;
	border: 0px solid #000000 ;
	margin: 0 auto auto auto ;
	font-size:12px;
	padding-left:4px;
	padding-right:10px;
	padding-bottom:4px;
	text-align:left;
}
.contactUs_smBox {
	width: 200px;
	height: 35px;
	border-bottom:0px solid #000000 ;
	border-left:0px solid #000000 ;
	margin: 0 auto auto auto ;
	font-size:12px;
	padding-left:4px;
	text-align:left;
	float:right;
}

.headArea {
	padding-right:15px;
}

.headerLinks {
	font-size:12px;
	padding-bottom:10px;
}

.testLabsLink {
	font-size:13px;
	padding-bottom:10px;
	font-weight: bold;
}
.testLabsLink_sm {
	font-size:11px;
	padding-bottom:5px;
}

.thickbox {
	font-size:12px;
	padding-bottom:10px;
}

.footerLinks {
	font-size:10px;
	padding-bottom:10px;
}

.phone {
	font-size:12px;
	line-height:18px;
}
.usNumber {
	font-size:14px;
	font-weight:bold;
}

.header {
	color: #FFFFFF;
	font-size:24px;
	text-align:left;
}

.header_sm {
	color: #FFFFFF;
	font-size:10px;
	text-align:left;
}

.productsHeader {
	color: #FFFFFF;
	font-size:26px;
	text-align:left;
	padding: 0 10 0 0px;
}
.productsHeader2 {
	color: #FFFFFF;
	font-size:20px;
}
.productsHeader_sm {
	color: #FFFFFF;
	font-size:10px;
	line-height:14px;
	text-align:left;
	padding-top:5px;
}
.subCopy {
	color: #000000;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height: 18px;
}
.subCopy_sm {
	color: #000000;
	font-size:11px;
	width:500px;
	padding-left:5px;
	line-height:14px;
	text-align:left;
}
.subCopy_sm2 {
	color: #000000;
	font-size:11px;
	width:725px;
	padding-left:5px;
	line-height:14px;
	text-align:left;
}
.subCopy_testlabs {
	color: #000000;
	font-size:11px;
	padding-left:5px;
	line-height:14px;
	text-align:left;
}

.floatRight {
	float: right;
	width:415px;
	margin-right:0px;
	padding-right:0px;
}
div.wrapContainer {
	width:100%; 
	float:left;
	border: solid 0px #000000;
}

.captionBox {
	background:#000;
	padding:10px;
	float:bottom;
	margin-left:0px;
	width:390px;
	height:20px;
	text-align:left;
}

#featured_area { display:inline-block;  width:760px; padding: 0 0 0 0px; }
.article_example_div { display:none; width:240px; padding:0 4px 0 4px; vertical-align:top; }

.article_example_div_secondary { width:240px; padding:0 5px 0 5px; float:right;}

p.feature {
	color: #000000;
	font-size:12px;
	line-height: 14px;
	font-weight:bold;
	text-align:left;
	padding-left: 8px;
}
.feature_secondary {
	color: #1f782e;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.feature_sm {
	color: #000000;
	font-size:11px;
	width:230px;
	padding-top:5px;
	padding-left:5px;
	line-height:14px;
	text-align:left;
}

.landingCopy {
	color: #1f782e;
	font-size:18px;
	font-weight:bold;
	padding-left:0px;
	padding-top:15px;
	text-align:left;
}
.landingCopy_sm {
	color: #000000;
	font-size:11px;
	padding-left:0px;
	padding-right:10px;
	line-height:14px;
	width:100%;
	padding-top:3px;
	text-align:left;
}
.landingCopy_sm_wrap {
	color: #000000;
	font-size:11px;
	padding-left:5px;
	line-height:14px;
	padding-top:3px;
	text-align:left;
}

.leftPad {
	padding: 0 0 0 10px;
}
.leftPad20 {
	padding: 0 0 0 20px;
}
.whiteBar {
	background-color:#FFFFFF;
	height:6px;
	width:100%;
}

.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	color:#FFFFFF;
}
.descriptionHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	color:#FFFFFF;
}
.sm_description{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#FFFFFF;
}
.video_copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#000000;
}

/* ----- Start of form styles ----- */

table.form {
	padding:0px;
	margin:0px;
	padding-top:0px;
	font-size:100%;
	color:#000000;
	vertical-align:top;
}

select, input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	vertical-align:top;
}

.form {
	font-size:11px;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

.thankyouMsg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #FF0000;
	vertical-align:top;
}