﻿/*#reset#*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; }
fieldset, img { border : 0; }

/*#standard layout#*/
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
/*#standard layout/headings#*/
h1 { color:#666666; font-size:1.6em; padding-bottom:15px; font-weight:bold; margin-top:10px; }
h2 { color:#666666; font-size:1.2em; padding-bottom:15px; font-weight:bold; }
h3 { color:#7DBE1E; font-size:1.1em; padding-bottom:15px; font-weight:bold; }
/*#standard layout/paragraph#*/
/*p { padding-bottom:20px; line-height:16px; }*/
/*#standard layout/lists#*/
ul {list-style-type: square; margin: 0 0 1.3em 2em;}
ol {list-style-type: decimal; margin: 0 0 1.3em 2em;}
li {margin: 0 0 0.5em 0;}

/*#standard layout/body#*/
body, input, textarea, table {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}

body{ background-color:#00aeef; text-align:center; }
#page{ width:880px; /*height:100%;*/ margin:0 auto; text-align:left; }
#innerPage{ width:100%; height:100%; }

/*#header#*/
#header{ background:url(/images/headerBack_03.gif) no-repeat top left; width:860px; height:80px; margin-top:1em; position:relative;}
#logo{ background:url(/images/logo_06.gif) no-repeat top left; width:187px; height:72px; text-indent:-9999px; float:left; position:relative; position:absolute; left:0.7em; top:-0.2em; }

#header ul{ position:absolute; top:3.4em; right:0em; }
#header li{ list-style:none; float:left; padding-right:2em; text-transform:uppercase; }
#header li a{ font-weight:bold; color:black; text-decoration:none; font-size:0.8em; }
#header li a:hover{ text-decoration:underline; }

.pageImg{ clear:both; margin:0.75em 0 0 0; }

/*#Home page#*/
#leftContent{ width:500px; height:100%; float:left; margin:-0.5em 0 0.7em 0; }
#rightContent{ width:365px; height:100%; float:left; margin:-0.26em 0 0.7em 0.3em; }

#tpBox{ background:url(/images/tpSearchBack_03.jpg) no-repeat top left; width:495px; height:250px; margin-top:1em; }
#tpBox p{ color:#ffffff; font-size:0.75em; padding:1em 0 0 2em; width:430px; display:block; font-weight:bold; line-height:1.5; }
#tpBox h2{ text-transform:uppercase; color:#fff200; font-size:1.1em; padding:1em 0 0 1.3em; }
#tpSearch{ padding-left:1.6em; padding-top:1em; }
.searchRow {margin-bottom:1em;}
.searchReg{ margin-left:2.1em; width:150px; }
.searchMake{ margin-left:2em; width:150px; }
.searchModel{ margin-left:1.35em; width:150px; }
#tpSearch label{ color:#fff200; text-transform:uppercase; font-size:0.9em; font-weight:bold;}
.tpButton{ padding-left:145px; padding-bottom:1em; }

.searchChange {padding-left:145px; }
.searchChange span {text-decoration: none; color:white; font-size: 0.7em; cursor:pointer;}
.searchChange span:hover {text-decoration:underline;}

/*#bottom Advert#*/
#bottomAdvert{ width:495px; margin:0.7em 0 0 0; }
.leftPadded{ float:left; padding-right:0.5em;  }

/*#Box top and bottom#*/
.boxTop{ position:relative; top:0.5em; }
.boxBottom{ position:relative; top:-0.3em; }

/*#rightContent#*/
#rightContentRepeating{ width:355px; background-color:#0077a3; height:100%; overflow:hidden; }

#rightContentRepeating h3{ color:#fff200; font-size:100%; padding:0.8em 0 0 1.3em; text-transform:uppercase; }
#rightContentRepeating p{ color:#ffffff; font-size:0.75em; width:320px; display:block; margin:1em 0 1em 1.7em;
line-height:1.5; font-weight:bold; }
#rightContentRepeating ul{ padding:0.5em 0 0 0.7em; }
#rightContentRepeating li{ color:#fff200; list-style-image:url(/images/bulletArrow_07.gif); font-weight:bold; }
#downloadButton{ padding:0.5em 0 0 1.3em; }

#rightContentRepeating p.disclaimer { color:#fff200; font-size:0.75em;}
#rightContentRepeating p.disclaimer span {color:#ffffff;}

/*#footer#*/
#footer{ background:url(/images/footer_03.gif); width:860px; height:30px; clear:left; }
#footer p{ color:#ffffff; font-size:0.7em; padding:0.75em 0 0 1em; }
#footer a{ color:#ffffff; text-decoration:none; }

/*#ResultsPage#*/
#wide{ width:860px; height:100%; background-color:#0077a3; overflow:hidden; min-height:100px; 
color:#fff200; font-size:0.9em; }
#wideBox{ clear:both; }
.resultsTop{ position:relative; top:0.5em; }
.resultsBottom{ position:relative; top:-0.2em; }
#wide h2{ text-transform:uppercase; color:#fff200; font-size:1.2em; padding:1em 0 0 1.3em; width:290px; float:left; }
#regResults{ background:url(/images/regResultsImg_08.gif) no-repeat top left; width:181px; height:31px; float:left;
margin:0.7em 0 0 0; }
#regResults p.regNumber{ padding:0.02em 0 0 0.02em; color:#000000; text-transform:uppercase; font-weight:bold; 
font-size:1.8em; text-align:center;}
#wide p.floated{  float:left; color:#ffffff; padding:2em 0 1em 1.7em; }
#wide p.floated span{ color:#fff200; text-transform:uppercase; font-weight:bold; }
#wide p.floated span.white{ color:#ffffff; font-weight:bold; }
#wide p.floated span.lCase{ text-transform:none; color:#ffffff; }
#wide p{ padding:0.5em 0 0.5em 1.7em; font-weight:bold;}

#wide p.disclaimer {  clear:both; float:left; color:#fff200; padding:2em 0 1em 1.7em; font-size:0.9em;}
#wide p.disclaimer span {color:#ffffff;}

/*#results Tabel#*/
table{ margin:0.8em 0 0 2em; text-align:left;  }
td{ padding:0.5em 3em 0.5em 0em; color:#ffffff; font-weight:bold; }
.noPadding{ padding:0.5em 0 0.5em 0; }
th{ color:#fff200; text-transform:uppercase; text-align:left; padding:0 0 0.5em 0; }
tr{ border-bottom:1px #fff200 solid; }
table a {color: #fff200; text-decoration:none;}
table a:hover {color: white; }

/*#search Bottom#*/
#searchBottom{ width:535px; float:left; }
#searchRepeating{ width:535px; background-color:#0077a3; height:100%; overflow:auto; }
.topSearchBox{ position:relative; top:0.3em; }
.bottomSearchBox{ position:relative; top:-0.3em; }

#searchRepeating p{ color:#ffffff; width:200px; display:block; padding:0 0 0 2.7em; line-height:1.3; font-size:70%; font-weight:bold; overflow:auto; margin-bottom:0.5em;}
#searchBottom h3{ color:#fff200; font-size:0.9em; font-weight:bold; padding:0 0 0.2em 2em; text-transform:uppercase; }

#tpBottomSearch .searchRow {margin-bottom:1em;}
#tpBottomSearch{ width:270px; float:left; padding:0 0 0 1em; }
#tpBottomSearch label{ font-size:80%; color:#fff200; text-transform:uppercase; font-weight:bold;}
.tpButtonBottom{ width:151px; margin:0 0 0 7.2em; }
.searchRegBottom{ width:150px; margin:0 0 0 0.6em; }
.searchMakeBottom{ width:150px; margin:0 0 0 0.7em; }
.searchModelBottom{ width:150px; margin:0 0 0 0; }
.searchRegBottomDS{ width:150px; margin:0 0 0 0.65em; }

#tpBottomSearch .searchChange {padding-left:115px; margin-bottom:1em;}
#tpBottomSearch .searchChange span {text-decoration: none; color:white; font-size: 0.7em; cursor:pointer;}
#tpBottomSearch .searchChange span:hover {text-decoration:underline;}

/*#adverBottom#*/
#advertBottom{ width:315px; height:100%; float:left; padding:0.55em 0 0 0.6em; }

/*#Drive safely Page#*/
#driveSafeLeftRepeat{ background-color:#0077a3; width:495px; min-height:80px; overflow:hidden; }
#driveSafeRightRepeat{ background-color:#0077a3; width:355px; min-height:80px; overflow:hidden; }
.rightDrivesafety{ float:left; padding:0.1em 0 0 0.6em; }

/*#Top Left Content#*/
#driveSafeLeftRepeat h2{ text-transform:uppercase; color:#fff200; font-size:1.2em; padding:0.2em 0 0 0.6em; }
#driveSafeLeftRepeat h3{ text-transform:uppercase; color:#ffffff; font-size:1.1em; padding:0.2em 0 0 0.6em; }
#driveSafeLeftRepeat h3 span {color:#fff200;}
#driveSafeLeftRepeat div {float:left; width:360px;}
#driveSafeLeftRepeat p{ color:#ffffff; font-size:0.75em; padding:0.8em 0 0 1.5em;
font-weight:bold; float:left; width:340px; line-height:1.36; }
#driveSafeLeftRepeat img{ margin:0.5em 0 0 0; float:left; }

/*#Top Right Content#*/
#driveSafeRightRepeat h3{ color:#fff200; font-size:1.1em; font-weight:bold; padding:0.2em 0 0 0.9em; }
#driveSafeRightRepeat p{ color:#ffffff; font-size:0.75em; padding:0.8em 0 0 1.5em;
font-weight:bold; float:left; width:320px; line-height:1.5; }
#driveSafeRightRepeat p span{ color:#fff200; }
#driveSafeRightRepeat img { padding:0.5em 0 0 0.9em; }
#driveSafeRightRepeat p.gripFloat{ width:90px; float:left; text-align:center; text-transform:uppercase; 
color:#fff200; font-size:65%; padding:0.2em 0 0 2em; }

/*#WideContent#*/
#wide h2.DSpage{ text-transform:uppercase; color:#fff200; font-size:1.2em; padding:0.2em 0 0 0.9em; }
#wide ul{ list-style-image:url(/images/bulletArrow_07.gif);margin-top: 3em; padding:0 0 0 0; text-align:left; width:100%; }
#wide li{ }
#wide li h3{ color:#fff200; padding:0 0 0 0; text-transform:uppercase; }
#wide li span{ color:#ffffff; font-weight:bold; font-size:0.8em; line-height:1.5; }
#wide li.listLeft{ width:380px; float:left; padding:0 0 0 0.8em; }
#wide li.listLeft img{ padding:0.5em 3em 0 0; }
#wide li.listLeft p.caption{ font-size:0.7em; padding:1em 0 0 0; }
#wide li.listRight { margin:0 0 0 4em; width:340px; float:left; }
#wide li.listRight2 { margin:2em 0 0 4em; width:340px; float:left; }
#wide li.listRight2 span{ float:left; width:150px; line-height:1.5; }
#wide li.listRight2 img{ padding:0 0 0 2em; }

/*# UI Control #*/
div.hide {display:none;}
div.show {display:block;}

/*#Lookup#*/
#wide .lookup h2.heading { text-transform:uppercase; color:#fff200; font-size:1.2em; padding:1em 0 0 1.3em; float:left; width: auto;}
#wide .lookup p.drillTitle {color:white; margin:1em 0 0 0;  }
#wide .lookup p.drillTitleNoPad {color:white; margin-top:1em;}
#wide .lookup p.drillTitle span, .lookup p.drillTitleNoPad span {text-transform:uppercase; color:#fff200;}

#wide .lookup p.floated{  float:left; color:#ffffff; padding:1.5em 0 0em 1.7em; white-space:nowrap;}
#wide .lookup p.floated span{ color:#fff200; text-transform:uppercase; font-weight:bold; }
#wide .lookup p.floated span.white{ color:#ffffff; font-weight:bold; }
#wide .lookup p.floated span.lCase{ text-transform:none; color:#ffffff; }

#wide .lookup div.clearMore {clear:both; margin-top:1em;}

#wide .lookup table {border:0px none;}
#wide .lookup table tr {border:0px none;}
#wide .lookup table td {border:0px none;}

div.drillOptions {}
div.drillOptions a {color:white; text-decoration:none;}
div.drillOptions a:hover {color:#fff200;}

/*ul.sitemap {margin-top:1em;}*/

#widePlain { width:860px; height:100%; background-color:#0077a3; overflow:hidden; min-height:100px; 
color:#fff200; font-size:0.9em; }
#wideBoxPlain { clear:both; }
#widePlain h2.heading { text-transform:uppercase; color:#fff200; font-size:1.2em; padding:1em 0 0 1.3em; float:left; width: auto;}

#widePlain p { padding:0.5em 0 0.5em 1.7em; font-weight:bold; color:White;}
#widePlain p span {color:#fff200;}
#widePlain p a {color:#fff200; text-decoration:none;}
#widePlain p a:hover {text-decoration:underline;}

ul.sitemap {position:relative; top:0px; list-style-type: none; list-style-image: none; margin: 0em 0 1.3em 2em; padding: 0 0 0 0; clear:both; float:left;}
ul.sitemap li {position:relative;list-style-image: none; margin: 1em 0 0.5em 0; padding: 0 0 0 0; }
ul.sitemapInner {list-style-type: disc; list-style-image: none;margin: 1em 0 0 0; padding: 0 0 0 0; display:block; }
ul.sitemapInner li {list-style-image: none;margin: 0 0 0 2em; padding: 0 0 0.5em 0; }
ul.sitemap li a {color:white; text-decoration:none; font-weight:bold; display:inline; }
ul.sitemap li a:hover {color:#fff200;}

/*#Drive safely Page#*/
#widgetLeftRepeat{ background-color:#0077a3; width:495px; min-height:520px; overflow:hidden; }
#widgetRightRepeat{ background-color:#0077a3; width:355px; min-height:520px; overflow:hidden; position:relative; }
.rightWidget{ float:left; padding:0.1em 0 0 0.6em; }

/*#Top Left Content#*/
#widgetLeftRepeat h2{ text-transform:uppercase; color:#fff200; font-size:1.2em; padding:0.2em 0 0 0.6em; }
#widgetLeftRepeat h3{ text-transform:uppercase; color:#ffffff; font-size:1.1em; padding:0.2em 0 0 0.6em; }
#widgetLeftRepeat h3 span {color:#fff200;}
#widgetLeftRepeat p{ color:#ffffff; font-size:0.75em; padding:0.8em 0 0 1.5em;
font-weight:bold; line-height:1.36; display:block; }
#widgetLeftRepeat p span {color:#fff200;}
#widgetLeftRepeat img{ margin:0.5em 0 0 0; float:left; }
#widgetLeftRepeat p.step {font-size:1.2em; }
#widgetLeftRepeat p.options {margin:0 0 0 2em; }
#widgetLeftRepeat p.options input {margin:0 0.3em 0 0; padding: 0 0 0 0;}
#widgetLeftRepeat p.options span {margin:0 1em 0 0; padding: 0 0 0 0;}
#widgetLeftRepeat p.options label {width:100px; display:inline-block;}
#widgetLeftRepeat p.options textarea {width:400px; height:100px; font-size:0.9em;}

/*#Top Right Content#*/
#widgetRightRepeat h3{ color:#fff200; font-size:1.1em; font-weight:bold; padding:0.2em 0 0 0.9em; }
#widgetRightRepeat p{ color:#ffffff; font-size:0.75em; padding:0.8em 0 0 1.5em;
font-weight:bold; float:left; width:320px; line-height:1.5; }
#widgetRightRepeat p span{ color:#fff200; }
#widgetRightRepeat img { padding:0.5em 0 0 0.9em; }
#widgetRightRepeat p.gripFloat{ width:90px; float:left; text-align:center; text-transform:uppercase; 
color:#fff200; font-size:65%; padding:0.2em 0 0 2em; }

#widgetRightRepeat #widgetPreview {margin:1em 0 1em 1.5em; width:300px; padding: 0 0 0 0; text-align:center;}
#widgetRightRepeat #widgetPreview div {}
#widgetRightRepeat #widgetCopyNotice { position:absolute; bottom:0px; }