==========================General=============================*/
html {
    height: 100%;
}
body, h1, h2, h3, h4, p, ul, li, form, fieldset {
    margin: 0;
    padding: 0;
}
body {
    color1: #444444;
    text-align: justify;

}
ul {
    list-style: none;
}
dl {
    margin: 0.5em 0;
    line-height: 140%;
}
p {
    margin-bottom: 0.5em;
}
form
{
	border: 0; margin: 0; padding: 0;
}
td
{
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 11px;
	border: 0;
}
input, select, textarea
{
	margin: 0;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	z-index: -7;
}
a {
    color: #8bb3ff;
    text-decoration: none;
    cursor:pointer;
	font-family: verdana, arial, hevetica, sans-serif;
}
a:hover {
    color: #8bb3ff;    
    text-decoration: underline;
	font-family: verdana, arial, hevetica, sans-serif;
}
a:focus {
    outline: none;
}
img
{
	border: 0; margin: 0; padding: 0;
}

.divSelector{
	border 1px solid #A5ACB2;
	background-color: #ffffff;
}
/* LAYOUT                                                    */
/*-----------------------------------------------------------*/
.orderStatusSmall{
	font-size:10px;
}
.forum {
	color: #ffffff;
}
.forum a {
	color: #ffffff;
}
.backDark {
    background-color: #eeeeee;
}
.backLight {
}
.required {
	color: red;
}
.leftBg {
	background-image: url(../images/navmenu_11.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
}
.separator {
	background-image: url(../images/body_separator.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.faqQuest {
	line-height: 16px;
	background-color: #eeeeee;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tablebg{
	background-color: #FFFFFF;
}
.headerbg{
	background-image: url(../images/headercell_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.lmenurbg{
	background-image: url(../images/navgrad.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.copycell{
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.lang{
	height: 20px;
	width: 95px;
}
.langimgborder{
	border: 1px double #999999;
}
.contcellpad {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
/* MASTER MENU ELEMENTS                                      */
/*-----------------------------------------------------------*/
#menu td
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	color: #444444;
	text-align: left;
	vertical-align: middle;
}
#menu li a
{
	display: block;
    padding: 7px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
    color: #444444;
}
#menu li a:hover
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	color: #8bb3ff;
}
#menu li.current a
{
	background-color: #8bb3ff;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
}

/* TOP MENU PANEL ELEMENTS                                   */
/*-----------------------------------------------------------*/
#topmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#topmenu ul li {
    float: left;
    position: relative;
	width: 110px;
}
#topmenu a.level2:hover
{
	text-decoration: none;
	color: #8bb3ff;
	font-weight: normal;
	z-index: 10;
}
#topmenu li ul li.current a.level2
{
	text-decoration: none;
	background-color: #8bb3ff;
	color: #ffffff !important;
	z-index: 10;
}
#topmenu a.level2 {
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #777777;
	padding: 5px;
	border: 1px solid #cccccc; /* IE6 Bug */
	border-top: none;
	z-index: 10;
}
#topmenu a.level1
{
	display: block;
	height: 17px;
    padding: 7px 1em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 14px;
	color: #666666;
	background-image: url(../images/toppanel_bg.gif);
}
#topmenu li.current a.level1
{
	background-image: url(../images/toppanelblue_bg.gif);
	text-decoration: none;
	color: #ffffff;	
}
#topmenu li.current a.level1:hover
{
	color:#ffffff;
}
#topmenu a.level1:hover
{
	text-decoration: none;
	color: #8bb3ff;
}
#topmenu li ul {
	position: absolute;
	top: 31px; /* Set 1px less than menu width */
	left: 0px;
	display: none;
}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */	

#topmenu li:hover ul, #topmenu li.over ul { display: block; } /* The magic */

/* BREADCRUMBS ELEMENTS                                      */
/*-----------------------------------------------------------*/
#breadcrumbs {
    background: #EEEEEE;
    color: #333333;
    font-family: verdana, arial, hevetica, sans-serif;
    font-size: 12px;
}
#breadcrumbs .inner {
    padding: 0.4em 0 0.4em 1em;
}
a.breadcrumbs {
	text-decoration: none;
    color: #8bb3ff;
}
/* MASTER COPYRIGHT ELEMENTS                                 */
/*-----------------------------------------------------------*/
#copyright td
{
	text-decoration: none;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
#copyright a
{
	text-decoration: underline;
	font-weight: none;
	color: #006699;
}
/* VIN ELEMENTS                                              */
/*-----------------------------------------------------------*/
#vin td
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 14px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
#vin .vinInput {
	width: 120px;
	height: 14px;
	font-size: 9px;
}
#vin .vinButton {
	width: 20px;
	height: 20px;
	background-image: url(../images/vinButton.gif);
	border:0;
}
#vin .vincell{
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: left;
}
#vin .vinbig{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	color: #444444;
	padding-bottom: 10px;
}
#vin .vinsmall{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 9px;
	color: #444444;
}


/* VIN ELEMENTS                                              */
/*-----------------------------------------------------------*/
#orderform input, #orderform select, #orderform textarea
{
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
#orderform .formtitlecell {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 3px;
	background-color: #8bb3ff;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}
#orderform .formtitlecell2 {
	padding-left: 5px;
	padding-right: 5px;
}
#orderform .formcellcontpad {
	padding: 10px;
	width:50%;
}
.formcellcontpad2 {
	background-color: #EEE;
}
#orderform .formcellcontpad2 {
	padding: 3px;
}
#orderform .formcellcontpad3 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#orderform .forminnertabpad {
	padding: 3px;
}
#orderform .forminnertabpad2 {
	padding: 3px;
	text-align: left !important;
	padding-top:10px;
	padding-bottom: 5px;
}
#orderform .textopt{
	height: 19px;
	width: 154px;
}
#orderform .textoptmonth{
	height: 19px;
	width: 105px;
}
#orderform .textoptyear{
	height: 19px;
	width: 70px;
}
#orderform .textoptrightpadding{
	padding: 5px;
}
#orderform .textfields{
	height: 15px;
	width: 150px;
}
#orderform .textareas {
	height: 100px;
	width: 150px;
}
#orderform .textfields2 {
	height: 15px;
	width: 100px;
}
#orderform .redstar {
	color: #FF0000;
}
#orderform .cardfields {
	height: 15px;
	width: 100px;
}
#orderform .cardtext {
	font-size: 9px;
}
#orderform a {
	color: #8bb3ff;
	text-decoration: none;
	font-size: 11px;
}
#orderform a:hover {
	color:#8bb3ff;
	text-decoration: underline;
	font-size: 11px;
}
#orderform .separator {
	background-image: url(../images/body_separator.gif);
	background-repeat: repeat-x;
	background-position: center;
}
#orderform div.textfields{
    font-size: 11px;
	font-weight: bold;
	height: 20px;
	width: 150px;
}
#orderform tr.backDark {
    background-color: #EEEEEE;
}
#orderform tr.backLight {
    background-color: #FFFFFF;
}

input.search {
    height: 12px;
    width: 60px;
    font-size: 6px;
}

/* BUTTON ELEMENTS                                           */
/*-----------------------------------------------------------*/

.buttonShowOrder {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonShowOrder.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonSubmit {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonSubmit.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonDelete {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonDelete.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonSend {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonSend.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonUser {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonUser.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonErase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonErase.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonCall {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/button�all.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}

.buttonPrint {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonPrint.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}
.buttonOrder {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonOrder.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}
.buttonReport {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight: bold !important;
	color: #333333;
	background-image: url(../images/button/buttonReport.gif);
	background-repeat: repeat-x;
	padding-left: 24px;
	height: 24px;
	width: auto;
	border: solid 1px #cccccc;
	cursor:pointer;
}
/* ABOUT MODULE ELEMENTS                                     */
/*-----------------------------------------------------------*/
#about{}

#about .text{
	padding: 10px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

#about .carimg{
	background-image: url(../images/carimg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 182px;
	width: 215px;
	
}

/* ABOUT MODULE ELEMENTS                                     */
/*-----------------------------------------------------------*/
#news{}

#news .textcell{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	vertical-align: top;
	padding: 5px;
}

#news .datacell{
	padding: 5px;
	text-align: center;
	vertical-align: top;
	width:100px;
}

#news .datatab{	
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8bb3ff;
	width:100px;
	text-align:center;
}

#news .titlecell{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}

#news .more{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #8bb3ff;
	text-decoration: underline;
	display: block;
}

#newsArchive a {
	color:#333333 !important;
	text-decoration:none;
	font-weight:bold;	
}

#newsArchive a:hover {
	text-decoration:underline !important;
	font-weight:bold;	
}
#newsArchive .datatab{	
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8bb3ff;
	width:100px;
	text-align:center;
}
/* CONTENT                                                   */
/*-----------------------------------------------------------*/
#content h1 {
    font-size: 1.2em;
}
#content .smalltitle {
	font-weight: bold;
    font-size: 12px;
    color: #8bb3ff;
}
#content h1.pageTitle {
	font-size: 14px;
    margin: 0em 0 1em;
    padding-bottom: 0.2em;
    color: #444444;
}
#content ul {
    margin: 0.5em 0 0.5em 1em;
    padding-left: 0.5em;
    list-style-position: inside;
}
#content li {
    padding-left: 0.5em;
}
#content a
{
    color: #8bb3ff;
    text-decoration: none;
}
#content a:hover
{
    color: #8bb3ff;
    text-decoration: underline;
}

/*
====================Form Fields Layout========================*/
/* --
Definition lists are used to display fields labels and values
-----*/
dl.onSide dt {
    float: left;
    width: 120px;
    padding-right: 20px;
    text-align: right;
}
dl.onSide dd{
    margin-left: 140px;
    margin-bottom: 0.5em;
}
dl.onTop dd {
    margin: 0;
}
dd .error {
    display: block;
}

/*
======================Messages & Errors=======================*/
.message {
    text-align: center;
}
.message div {
    width: 60%;
    margin: 1em auto;
    padding: 0.5em;
    -moz-border-radius: 0.3em;
}
.errorMessage {
    border: 1px solid #FF3300;
    color: #FF3300;
    text-align: center;
    margin: 5px;
    padding: 5px;
}
.warningMessage {
    border: solid 1px #FF9900;
    color: #FF9900;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.infoMessage {
    border:1px solid #34A0CB;
    color: #34A0CB;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.error {
    color: #FF3300;
}

.errorField {
    border: solid 1px #FF9900;
}

div.errorField {
    border: solid 1px #FF9900;
}

input.errorField {
    border: solid 1px #FF9900;
}
select.errorField {
    border: solid 1px #FF9900;
}

textarea.errorField {
    border: solid 1px #FF9900;
}
#orderform input.errorField {
    border: solid 2px red;
	height: 15px;
	width: 150px;
}
#orderform select.errorField {
    border: solid 1px #FF9900;
	height: 15px;
	width: 150px;
}
#orderform textarea.errorField {
    border: solid 1px #FF9900;
	height: 15px;
	width: 150px;
}

/* PEAR Errors
  --------------------*/
div.errorContainer {
    width: 80%;
    margin: 1em auto;
    padding: 0.5em;
    border: 2px solid #FF3300;
    -moz-border-radius: 0.3em;
    font-family: arial;
}
div.errorHeader {
    margin-bottom: 0.5em;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #FF3300;
}
div.errorContent {
    text-align: left;
}

/*
============================Flags=============================*/
a.langFlag {
    margin: 0 5px;
}

/*
========================Miscellaneous=========================*/
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clear {
    clear: both;
}
.spacer {
    clear: both;
    visibility: hidden;
    line-height: 1px;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.hide {
    display: none;
}
.narrow {
    width: 45%;
}
.full {
    width: 100%;
}
.wideButton {
    width: 8em;
}
.noBg {
    background: none;
}
pre.codeExample {
    padding: 1em;
    background-color: #EEEEEE;
    border: 1px solid #444444;
    border-left: 5px solid #444444;
    font-size: 1em;
}

/*
========================Miscellaneous=========================*/

.tipOwner {
    position: relative;
    cursor: help;
    }
.tipOwner .tipText {
    display: none;
    position: absolute;
    top: 0;
    left: 105%;
    border: 1px solid transparent;
    border-color: #444444;
    background-color: #ffffff;
    color: #006699;
    text-align: center;
    width: 15em;
    padding: 2px 5px;
        -moz-opacity: 0.85;
    }
.tipOwner:hover .tipText {
    display: block;
}

/*
======================== REPORT DESCRIPTION =========================*/

#reportDescription .it {
	font-weight: bold;
}
/*
======================== REPORT TABS =========================*/

#tabs a {
	font-size: 11px;
    font-family: verdana, arial, hevetica, sans-serif;
    color: #444444;
}
#tabs a:hover {
	font-size: 11px;
    font-family: verdana, arial, hevetica, sans-serif;
    color: #444444;
	text-decoration: underline;
}

#tabs .itemPad {
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
}

#tabs .activeLeft {
	background-image: url(../images/tabs/itemLeftActive.gif);
}
#tabs .active {
	background-image: url(../images/tabs/itemActive.gif);
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
#tabs .active a {
	color: #ffffff;
	font-weight:bold;
}
#tabs .activeRight {
	background-image: url(../images/tabs/itemRightActive.gif);
}

/*
======================== REPORT =========================*/

.report {
    background-color:#808080;
    border: 1px solid #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report a {
	color: #ffffff !important;
    font-weight: bold;
}
.report-1 {
    background-color:#808080;
    border: 1px solid #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report-1 a {
	color: #ffffff !important;
    font-weight: bold;
}
.report0 {
    background-color:black;
    border: solid 1px #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report0 a {
	color: #ffffff !important;
    font-weight: bold;
}
.report1 {
    background-color:#990000;
    border: solid 1px #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report1 a {
	color: #ffffff !important;
    font-weight: bold;
}
.report2 {
    background-color:#CC6633;
    border: solid 1px #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report2 a {
	color: #ffffff !important;
    font-weight: bold;
}
.report3 {
    background-color:#3300cc;
    border: solid 1px #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report3 a {
	color: #ffffff !important;
    font-weight: bold;
}
.report4 {
    background-color:#009900;
    border: solid 1px #333333;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}
.report4 a {
	color: #ffffff !important;
    font-weight: bold;
}
div.reportText {
    text-align:left;
    padding:5px;
    margin:5px;
    border:solid 1px #333333;
    background: #ffffff;
}

/*
TO REMOVE WHEN ALL TEMPLATES ARE CONSOLIDATED
======================Default Theme BC========================*/