body {
   font-family: verdana,geneva,lucida,arial,sans-serif;
   font-size: small;
   background:white;
	}
body, div, h1 {margin: 0; padding: 0;}
img {border: 0;}
ul {margin: 0; padding: 0;}
#container {
	width:998px; margin: auto; text-align:left; background-color: #000; padding-bottom: 5px;}
#footer {font-size: 9px; text-align: center;  color: #000; padding-top: 5px; 	clear:both;}
#header {height:120px; background:#000; text-align:left;}
#header img {border:0;}
#header img {padding: 15px 0 0 25px;}
.firstItems {padding-bottom:10px; height: 315px; margin-left: -4px;}
.fontStyleA {font:12px arial,sans-serif; color: maroon;}
.intro {width: 600px;}
.items {
	float:left;
	width:275px;
	height:250px;
	margin:-5px 5px 5px 5px;
	padding: 11px;
	border-right: 1px dotted gray;
	}
.items2 {
	float:left;
	width:275px;
	height:250px;
	margin:-5px 5px 5px 5px;
	padding: 11px;
	}
.items3 {
	float:left;
	width:275px;
	height:250px;
	margin:-5px 5px 5px 5px;
	padding: 11px;
	}
.topImg {position: absolute; top: 0px; right: 0px;}
.logo {position: absolute; top: 5px; left: 30px; z-index: 1000;}
.new {color: red; font-weight: bold;}
.productName {font-weight: bold;}
.secondRow {padding:0 5px 0 0; height: 275px; margin-left: -4px;}
.tagline {display: inline; color: silver; font-size: 14px; text-shadow:2px 2px 2px #000;}
.tag {position: absolute; top:75px; left: 365px; z-index: 900; width: 550px; height: 30px;}
h2 {color: maroon;}
h3 {margin:0; padding:0; color: maroon;}
hr {
	border: none 0;
	border-top: 1px dotted gray;/*the border*/
	width: 80%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin: 0 auto;
	} 

/* Navigation */
#nav { 
	height:50px;
	margin-left :auto; margin-right: auto;
	padding:0;
	list-style:none;
	background: url(images/topnav_bg.png) no-repeat;
	text-align:center;
	color: gray;
	}
#nav li {
	display:inline;
	font: 90% Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	}
#nav li a {color: silver;}
#nav li.active a {color: gray; font-weight: bold; }
#nav a {
	display:block;
	float:left;
	height:20px;
	padding:18px 12px 2px 13px;
	color:#fff;
	text-decoration:none;
	}

#nav a:hover, body#home #t-home a, body#infoOBD #t-infoOBD a, body#faq #t-faq a, body#support #t-support a, body#contact #t-contact a {color: #FFF; background:url(images/topnav_glow.png) no-repeat center -8px; height:50px;
}
.leftHome img {margin: -13px 0 0 -6px;}
.firstItems a, .items a, .items2 a, .items3 a {color: maroon; font-size: 85%;} 



/* rounded corners */
.roundedcornerbox_707577 { background: #FFFFFF; margin: 15px 15px 20px 15px;}
.corner_top_707577 div {
   background: url(images/roundedcorner_707577_tl.png) no-repeat top left;
}
.corner_top_707577 {
   background: url(images/roundedcorner_707577_tr.png) no-repeat top right;
}
.corner_bottom_707577 div{
   background: url(images/roundedcorner_707577_bl.png) no-repeat bottom left;
}
.corner_bottom_707577 {
   background: url(images/roundedcorner_707577_br.png) no-repeat bottom right;
}
.corner_top_707577  div,.corner_top_707577,
.corner_bottom_707577 div,.corner_bottom_707577{
   width: 100%;
   height:20px;
   font-size: 0px;
}
.corner_content_707577 {margin:0 20px; }

/*boxes*/
.info {position: absolute; left: 130px; top: 10px;  height: 100%; width:150px;}
.price {font-size: 20px; font-weight: bold; color: red;}
.product {position: relative; height: 100%; left: 0px; top: -5px;}
.desc {font: small/105%  Arial, sans-serif;}
.move {margin-left: -6px;} /*to move the google button left*/
#holder {position: relative; top: 0; left: 0px;}
.ppgg, .obdItem{position: absolute; top: 0px; right: 20px;}
.globeDiv {position: absolute; top: 147px; right: 100px;}
.globeDiv a{text-decoration:none; color: maroon;}
.obdItem {top: 0;}
.ppbtn {position: absolute; left: 5px; bottom: 48px;}
.gbtn {position: absolute; left: -5px; bottom: 0px;}
.resizeBtn { width: 100px; height: 45px;}
.resizeBtnP { width: 62px; height: 31px;}

/*pop up box*/
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#fade2 { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	width: 450px;
	height: 450px;
	text-align: center;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
.boxTitle {margin-bottom: 10px;}

/*styles for individual pages */
h1 {color: #0c3f73;}
.intro2 {width: 600px;}
.intro2 ul, #rightHolder ul {margin-left: 25px;}
.intro2 ul li, #rightHolder ul li {font-weight: bold; color: #0c3f73; padding-bottom: 10px;}
.sep {width: 100%; background-color: #ccd7e3; padding:1px;}
.sep p {margin-left: 5px;}
.specs, .specs2 {font: normal bold 16px Arial, sans-serif; padding-left: 10px;}
.box, .box2 {width: 100%; background-color: #ccd7e3; padding: 4px 0 4px 0; margin-top: 5px;}
.box2 p {margin-left: 5px;}
#leftHolder {width: 602px;float:left;}
#rightHolder, #rightHolder2 {width: 285px;float:right;}
#rightHolder2 .compat ul li {margin: 0 0 5px 20px; padding-bottom: 2px;}
.questions {margin: 25px; clear: both;}

/*CLEAR FIX FOR FLOATED DIVS*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* float clearing for IE6 */
* html .clearfix{  height: 1%;  overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{  min-height: 1%;}

.compat, .operation, .dimensions, .samples {width: 265px; border: 1px solid #0c3f73; padding: 0 5px; margin: 30px 0px;}
.ctr {text-align: center;}
.pay {font-weight: bold; color: maroon;}
.compat2 {position: absolute; top: 340px; right: 10px; width: 265px; border: 1px solid #0c3f73; padding: 0 5px; margin: 0px;}
.ruler {border: none 0;
	border-top: 3px solid;/*the border*/
	width: 90%;
	height: 3px;/*whatever the total width of the border-top and border-bottom equal*/}
.links ul {list-style-type: none;}
.links ul li {padding-bottom: 5px;}
.roon {color: maroon;}

/*support page styles*/
.picFloat {float: left; padding: 10px 15px 10px 10px; clear: both;}
.prodUpdates p {margin-left: 145px;}
.abbre {text-align: left; margin: 10px; width: 800px;}
.abbre ul li {margin: 0	0 5px 15px;}