*                                { padding: 0; margin:0; }
html                             { font-size: 125%; }
body                             { font-family:Arial, Helvetica, sans-serif; font-size: 50%; text-align: center;}
.spacer                          { clear: both; }
#container                       { width: 774px;  margin: 0 auto; text-align: left; }

#mastHead                        { position: relative; padding: 10px 0 10px 0; }
#mastHead h1                     { text-indent: -9000px; }
#mastHead h1 a                   { display: block; width: 472px; height: 66px;
                                   background: url('../images/content/logo_new.gif') no-repeat; overflow:hidden; }
								   
#pickCar                         { position: absolute; top: 10px; right: 0; text-align: center; }
#pickCar a                       { font-size: 1.1em; font-weight: bold; color: #CC0033; text-decoration: none;
                                   display: block; padding-top: 2px;}
#pickCar img {border:0;}
#mainNav                         { width: 100%; font-size: 1.1em; background: #E2E2E2; margin-bottom: 4px; }
#mainNav ul                      {  }
#mainNav li                      { float: left; list-style-type: none;
                                   border-right: 1px solid #B9B9B9; border-left: 1px solid #EAEAEA; }
#mainNav li:hover                { border-right: 1px solid #CC0033; border-left: 1px solid #CC0033; background: #CC0033; }
#mainNav li.first                { border-left: none; }
#mainNav li.active               { border-left: 1px solid #CC0033; border-right: 1px solid #CC0033; }
#mainNav li a                    { text-decoration: none; color: #6F6D72; font-weight: bold; 
                                   display: block; padding: 2px 20px 3px 10px; 
								   background: #D8D8D8 url('../images/presentation/bgMainNav.jpg') 0 0 repeat-x;  }
#mainNav li.active a             { background: #CC0033; color: #FFFFFF; }
#mainNav li a:hover              { background: #CC0033; color: #FFFFFF; }

#column1                         { width: 221px; float: left; }
#column2                         { width: 553px; float: left; }

#sideNav { 
	width: 100%; height:100%;
	background: #ffffff; 
}
#sideNav ul {
	border:1px solid #F2F2F2; 
	margin-right:5px;
	margin-bottom:0.5em;
}
#sideNav ul h4 {
	font-size: 1.3em; 
	font-weight: bold; 
	color: #CC0033; 
	padding: 2px 20px 3px 10px;
	background: #EDEDED url('../images/presentation/bgSideNav.jpg') 0 0 repeat-x; 
}
#sideNav li { 
	background: #FDFDFD; 
	line-height:2.6em;
	list-style-type: none;font-size: 1.1em;
}
* html #sideNav li {line-height:1.6em;}
#sideNav li a {
	text-decoration: none; 
	color: #6F6D72;
	font-weight: bold;
	display: block; padding: 2px 10px 3px 40px;
}
#sideNav li a:hover {
	color: #CC0033;
}
#sideNav li.cars a {background: url('../images/presentation/bulletCar.gif') 8% 50% no-repeat;}
#sideNav li.letters a { background: url('../images/presentation/bulletArrow.gif') 8% 50% no-repeat; }
#sideNav li.parts a { background: url('../images/presentation/bulletDiscs.gif') 8% 50% no-repeat; }
#sideNav li.service a { background: url('../images/presentation/bulletSpanner.gif') 8% 50% no-repeat; }


#column1 dl { 
	background: #FDFDFD; 
	margin:0 5px 4px 0; 
	border: 1px solid #F2F2F2; 
	background: #FDFDFD url('../images/presentation/toyotaOffices.jpg') 0 100% no-repeat;
	padding-bottom:120px;
}
#column1 dt {
	font-size: 1.3em; 
	line-height:1.6em;
	font-weight: bold; 
	color:#CC0033; 
	padding: 2px 20px 3px 10px;
	background: #EDEDED url('../images/presentation/bgSideNav.jpg') 0 0 repeat-x;
}
#column1 dd {
	font-size:1.1em;
	color:#CC0033;
	line-height:1em;
	padding: 2px 10px 3px 20px; 
}

#previewPane                     { position: relative; width: 100%; margin-bottom: 4px;
                                   background: url('../images/presentation/bgDisplayPane.jpg') repeat-x; text-align: center; }
#previewPane img                 { margin-top: 10px; margin-bottom: 57px;}
#previewPane div#flash           { width: 510px; height: 398px; margin-left: auto; margin-right: auto; } 	
#previewPane #leftShadow         { width: 100%; background: url('../images/presentation/leftShadow.jpg') 100% 0 repeat-y; }
#previewPane #bottomShadow       { width: 100%; background: url('../images/presentation/bottomShadow.jpg') 0 100% repeat-x; }
#previewPane #tr                 { width: 3px; height: 10px; position: absolute; top: 0; right: 0;
                                   background: url('../images/presentation/trDisplayPane.jpg') no-repeat; }
* html #previewPane #tr          { right: -1px; }
#previewPane #br                 { width: 3px; height: 4px; position: absolute; bottom: 0; right: 0;
                                   background: url('../images/presentation/brDisplayPane.jpg') no-repeat; }
* html #previewPane #br          { bottom: -8px; right: -1px; } 
#previewPane #bl                 { width: 5px; height: 4px; position: absolute; bottom: 0; left: 0;
                                   background: url('../images/presentation/blDisplayPane.jpg') no-repeat; }
* html #previewPane #bl          { bottom: -8px; }

#pane                            { margin-bottom: 4px; padding: 4px 4px 10px 4px; position: relative;
                                   font-family: Arial, Helvetica, sans-serif; text-align: left; background: #FDFDFD; border: 1px solid #F2F2F2;  }
* html   #pane                   { background: none; }								   
#pane h2                         { font-size: 2.0em; color: #CC0033; line-height:1.8em;}
#pane h3                         { font-size: 1.3em; height:18px; padding-left:6px; 
                                   margin-bottom:10px;}
#pane h3.round                   { color:#FFF; background:#8C8C8C url(../images/presentation/h3roundtip.gif) 100% 0 no-repeat;}
.carHeadings                     { width:220px; }
.codeHeadings                    { width:300px; }
#pane p                          { font-size: 1.1em; padding: 0 0 0.8em 5px; line-height: 1.2em; }
#pane ul                         { font-size: 1.2em; margin-left: 30px; margin-bottom: 10px; }
#pane li                         {  padding-bottom: 0.5em;}
#pane table#booking              { border: 1px solid #F2F2F2; width:100%; }
#pane p.note                     { color: #CC0033; font-weight: bold; font-size: 1em; padding-top: 1em; }
#pane table#booking thead        { background:#E5E5E5 url('../images/presentation/bg_form.jpg') 0 0 repeat-x; }
#pane table#booking span         { color: #CC0033; padding-left: 3px; font-weight: bold; font-size: 1.1em; }
#pane table#booking tr.dark td   { background:#FFFFFF; color: #3A3A3A; }
#pane table#booking td           { font-size: 1.1em; color: #6F6D72; text-align: center; padding: 4px;border-right: 1px solid #F2F2F2; 
                                   border-bottom: 1px solid #F2F2F2;  }
#pane table#booking .end         { border-right: none; }
#pane table#booking td.name      { text-align: left; padding-left: 10px; border:none; border-bottom: 1px solid #F2F2F2;  font-weight: bold; letter-spacing: 0.1em; }
#pane table#booking td.code      { text-align: left; padding-left: 10px; border:none;  font-weight: bold;
                                   border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
#pane table#booking th           { border-bottom: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; 
                                   font-size: 1.3em; font-weight: bold; color: #6F6D72; text-align: center; padding: 2px; }
#pane table#booking th#name      { border:none; border-bottom: 1px solid #F2F2F2; }
#pane table#booking th#code      { border:none; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
#pane .tableContainer            { margin-left: 0px; margin-right: -16px; }
#pane #book                     { width: 180px; height: 25px; position: absolute; top: 1px; right: 1px;
                                   background: #E3E3E3 url('../images/presentation/emailPageBg.jpg') repeat-x; }
#pane #book h3 a                { height: 19px; color: #6F6D72; font-weight: bold; text-decoration: none;  display: block; margin-left: -5px; padding: 6px 0 0 30px; }
#pane #book h3 a:hover          { background: #CC0033; color: #FFFFFF; }
#pane dl.newsletter {padding:10px;}
#pane dl.newsletter dt {padding:0 10px 10px 30px; background:url('../images/presentation/pdficon.gif') no-repeat; line-height:1.4em;}
#pane dl.newsletter dt a {font-size:1.2em; text-decoration:none;}
#pane dl.newsletter dt a:hover {text-decoration:underline;}
#pane dl.newsletter dd {margin-bottom:1.4em;}
#pane dl.newsletter dd img {float:left; margin:0 10px 4px 0; border:none;}
#pane dl.newsletter dd a:hover img {border:1px solid;}

.floatRight                      { float: right;  }
.floatLeft                       { float: left;  }
.italic                          { font-style: italic; color: #6F6D72;  }
.bold                            { font-weight: bold; color: #6F6D72;  }
.acronym                         { border-bottom: 1px dashed #000000; font-weight: bold; }
.link                            { border-bottom: none; } 
.link a                          { color: #2379D8; }
.acronym a                       {}
/*.error                           { background: red; color: #FFFFFF; }*/
/*.what                            { background: blue; color: #FFFFFF; }*/

#carNav                          { margin-left: -5px; margin-right: -11px; margin-bottom: 20px; background:black;}
#carNav ul                       { padding: 0; margin: 0; margin-left: 4px; background:red; }
#carNav li                       { float: left; padding: 0; margin: 0; list-style-type: none; position: relative; background:yellow; }
#carNav li a                     { Display: block; width: 89px; height: 60px; padding: 1px; background: #FFFFFF; text-align: center; background:beige;
                                   text-decoration: none; color: #6F6D72; font-weight: bold; }
#carNav li a:hover               { background: #E2E2E2; color: #FFFFFF; background:green;}
#carNav li a img                 { border: none; padding: 0; margin: 0; background:olive;}

#carNav ul li ul {
   position:absolute; 
   border: 1px solid #E2E2E2;
   top: 62px; left: -4px;
   font-size: 1.0em;
   background:green;
   /*
   	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
   */
}
* html #carNav ul li ul {
  top: 65px;
  border: none;
}
#carNav ul li ul li {
   width:100%; 
   background:purple;
   } 
body #carNav ul li ul {display:none;}
#carNav ul li:hover ul, #carNav ul li ul:hover, #carNav ul li ul:hover li {display:block;}
#carNav ul li ul li a {
   display:block;        
   text-decoration:none; 
   height: auto;
   width: 100%;
   background:orange;
   padding:none;
   } 
#carNav ul li a.active            { background: #CC0033; color: #FFFFFF; }   
#carNav ul li ul li a:hover { background: #CC0033; }   
* html #carNav ul li ul li a  {
  width: 9em;
}
.carSpecs                          { width: 260px; float: left; margin: 4px; }
.carSpecs  h3:hover                { cursor: default; background: #F2F2F2; }
* html .carSpecs                   { margin: 2px; }

a.formRequest {display:block; width:180px; height:30px; text-indent:-9000px; overflow:hidden; position:absolute; top:7px;}
a.formRequest1 {display:block; width:180px; height:30px; text-indent:-9000px; overflow:hidden; position:absolute; top:13.2em;}
a.formRequest2 {display:block; width:180px; height:30px; text-indent:-9000px; overflow:hidden; position:absolute; top:415px; }

.quotation {background:url('../images/presentation/requestforquotation.gif') no-repeat; top:138px; right:23px;}
.booking {background:url('../images/presentation/makeabooking.gif') no-repeat; top:40px; right:10px;}
.rate {background:url('../images/presentation/rateservice.gif') no-repeat; top:448px; right:10px; width:180px; height:55px;}

form { background:#E5E5E5b url('.../images/presentation/bg_form.jpg') 0 0 repeat-x; padding: 10px 2px; margin: 10px 0; }
fieldset { border:1px solid #999999; padding: 4px; margin-bottom:10px;
           background:#E5E5E5 url('../images/presentation/bg_form.jpg') 0 0 repeat-x; }
legend {font-size:1.2em; font-weight:bold; color: #CC0033; border:1px solid #999999; padding:2px;
        background: #EDEDED url('../images/presentation/bgSideNav.jpg') 0 0 repeat-x;}
fieldset dt { float:left; width:250px; padding: 4px 0; }
fieldset dd { margin:0; padding: 4px 0; }
fieldset dd.margin_250 { margin-left: 250px; padding:2px 0; }
fieldset dd.margin_250 label { width: 100px; color:#333; display:block; float:left; font-size:1em; }
fieldset dd.margin_250 input {  }
fieldset label { font-weight:bold; font-size:1.1em; }
fieldset input { background: none; }

dl.carS {width:260px; float:left; margin:3px;}
dl.carS h4 {background:#000 url('../images/presentation/h3carprev.jpg') no-repeat; color:#FFF; font-size:1.3em; padding: 0 10px 2px 10px;}
dl.carS dt {font-size:1.1em; font-weight:bold; line-height:1.4em; color:#555555; width: 112px; float:left; clear:both; margin-bottom:4px; margin-left:9px; padding:2px 4px;}
* html dl.carS dt {margin-left:4px;}
dl.carS dd {font-size:1.1em; line-height:1.4em; background-color:#F4F4F4; margin: 4px 0 4px 133px; width:112px; color:#555555; padding:2px 4px;}

.clearfix:after {
    content: ".";
   display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#footer { 
	position: relative; margin-bottom:1em;
	background: #E3E3E3 url('../images/presentation/bgFooter.jpg') repeat-x; 
	padding:0 1em 1em 1em;
}
#footer dl {
	width:19%; 
	float:left; 
	line-height:1.4em; 
	font-size:1em; 
	color:#353535; 
	margin:1em 0; 
	background:url("../images/presentation/footerseparator.jpg") no-repeat top right;}
#footer dl.last {background:none;}
#footer dt {margin:0 8px; color:#6F6D79; font-weight:bold; letter-spacing:0.06em;}
#footer dd {margin:0 10px;}
#footer address {font-style:normal;}

/* this' for the ajax form thingy*/
.input {
			border: 1px solid #99b3b4;
			width: 220px;
			background: #e4ebeb;
			font: 11px verdana, sans-serif;
			color:#443;
			padding:3px;
			margin-bottom:4px;
			outline:none;
		}
		.input:focus {
			border:1px solid #567475;
			background: #e4ebeb;
		}

		div#formcontainer {
			border:1px solid #99b3b4;
			padding:15px;
			margin:auto;
			width:400px;
		}
		#log_res {
			height:auto;
			padding:10px;
			width:400px;
		}
		#log_res p {
			margin:0;
			padding:4px 0 4px 0;
		}
		#log_res.ajax-loading
			{background: url(../images/presentation/spinner.gif) no-repeat center;
		}
		.error {
			color:red;
			margin:0;
			padding:0;
		}
		.submit-btn {
			width: 54px;
			height: 20px;
			background: #743 url(../images/presentation/submit.gif) no-repeat;
			outline: none;
		}
		.submit-btn:hover {
			background: #069 url(../images/presentation/submit.gif) no-repeat 0 -20px;
		}


	 ul#yamahaNav {padding:0; margin:0;}
	 ul#yamahaNav li {list-style-type:none; margin:5px; padding:none; float:left; position:relative;}
	 ul#yamahaNav li a {color:#ccc; font-weight:bold; text-decoration:none; display:block; margin:0; background:#ccc; padding-bottom:2px;}
	 ul#yamahaNav li a:hover {color:red; background:red;}
	 ul#yamahaNav li a span {position:absolute; bottom:8px;}
	 ul#yamahaNav li a img {border:none; background:#fff;}