/* =reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr,legend,border,select,option {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
img {border: none;}

/* =fonts */
body {font: 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small; color: #FFFFFF;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% Verdana, Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:140%;}

/* =main */
body { margin: 0 auto; text-align:center;background-image: url(../images/bk-repeat.jpg); background-repeat: repeat-x; background-color: #011739;	
}
/* =firefox mac fix - swf dont appear tho
body { opacity: 0.99999; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99); } */
#main { 
 margin: 0 auto; width: 992px; height: 235px;background-image:url(../images/top-bk.jpg); background-position:center top; background-repeat:no-repeat;
}
#left { 
 width: 18px; float: left; height: 235px;
}
#middle { 
 float: left; width: 897px; height: 235px;
 }
#right {
	width: 77px;
	height: 235px;
	float: left;
	position: fixed; left: 0px; top: 0px; 
 }
#footer-home { 
 width: 897px; color: #80A5C2; font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
}
#footer { 
 width: 718px; color: #80A5C2; font: 10px/17px Verdana, Arial, Helvetica, sans-serif; float: left;
}
a.footer  { 
text-decoration: underline; color:#80A5C2; 	background: none; padding: 0px; font-weight: normal;
}
a:hover.footer { 
text-decoration: underline; color:#FFFFFF; 
}
/* =red */
#icon-toyota-springwood { 
	background: url("../images/icon-toyota-springwood.png") no-repeat 0 0; height: 32px;	width: 24px; float: left;
}
/* =blue */
#icon-mazda-springwood { 
	background: url("../images/icon-mazda-springwood.png") no-repeat 0 0; height: 32px;	width: 24px; float: left;
}
/* =green */
#icon-toyota-cleveland { 
	background: url("../images/icon-toyota-cleveland.png") no-repeat 0 0;	height: 32px;	width: 24px; float: left;
}
/* =yellow */
#icon-mazda-cleveland { 
	background: url("../images/icon-mazda-cleveland.png") no-repeat 0 0;	height: 32px;	width: 24px; float: left;
}
/* =orange */
#icon-parts-springwood { 
	background: url("../images/icon-parts-springwood.png") no-repeat 0 0; height: 32px;	width: 24px; float: left;
}
.icon-text  { 
	margin: 0px 0px 0px 0px;
	width: 150px;
	float: left;
}
a.icon { 
	text-decoration: underline;
	color: #80A5C2;
	font: 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 0px 3px 24px;
	height: 24px;
	float: left;
}	
/* =header */
#hdr-left { 
 width: 350px; height: 88px; float: left;
}
#hdr-left h3 { 
display: none;
}
#hdr-right { 
 width: 354px; height: 88px; float: left;
}
#hdr-middle { 
 width: 193px; height: 88px; float: left; text-align:center;
}
#address {
 color: #80A5C2; font-size: 11px; text-align: left;
}
/* =map */
.map-image { 
 width: 384px; height: 235px; float: left; background-image: url(../images/map-image.gif); padding: 5px 0px 0px 10px;
}
/* =nav */
#nav {
width: 179px;float: left;text-align: left;
}
#nav-bk {
background-image: url(../images/nav-repeat-ie6.gif);background-repeat: no-repeat; height: 320px !important; width: 179px;float: left;text-align: left;
}
#nav-pad {
padding-left: 4px;
}
#flash {
	float: left;
	height: 350px !important;
	width: 718px;
}
 /* =homepanels */
#left-panel { 
float: left;  width: 600px; height: 315px; 
}
#right-panel { 
 float: left; width: 297px; height: 315px;
 }
  /* =features */
#bus-panel {
 float: left; width: 172px; height: 118px;	background-image: url(../images/bus-panel.gif);	background-repeat: no-repeat; padding: 6px 0px 0px 7px;
}
 #bus-panel-left {
 float: left; width: 48px; height: 63px; padding: 36px 0px 0px 7px;
}
#bus-panel-right { 
 float: left; width: 100px; height: 65px; padding: 34px 0px 0px 0px;
}
#service-panel {
 float: left; width: 387px; height: 141px;	background-image: url(../images/service-panel.gif);	background-repeat: no-repeat; padding: 6px 0px 0px 7px;
}
 #service-panel-left {
 float: left; width: 186px; height: 121px;
}
#service-panel-right { 
 float: left; width: 186px; height: 121px;
}
#feature1 {
 float: left; width: 293px; height: 127px;	background-image: url(../images/feature-small.jpg);	background-repeat: no-repeat; padding: 7px 0px 0px 7px;
}
#feature-text { 
 color: #FFFFFF; line-height: 17px; font: normal 10px/17px Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; text-align: left;
 }
 #feature-left {
 float: left; width: 117px; height: 95px;
}
#feature-right { 
 float: left; width: 167px; height: 95px;
}
#feature-link { 
 clear: both; text-align: left; padding: 4px 0px 0px 237px; height: 20px; width: 47px;
}
#feature-linka { 
 text-align: left; padding: 0px 7px 0px 10px; height: 20px; width: 260px;
}
#feature-linkb { 
 text-align: left; padding: 5px 7px 0px 10px; height: 20px; width: 260px;
}
#bus-link { 
 text-align: left; padding: 0px 7px 0px 10px; height: 20px; float:left;
}
#feature3-link { 
  clear: both; text-align: left; padding: 4px 0px 0px 537px; height: 20px; width: 47px;
 }
 #feature3-left {
 float: left; width: 220px; height: 95px;
}
#feature3-right { 
 float: left; width: 363px; height: 95px; text-align: right;
}
.linka { 
 float: left; padding: 3px 0px 0px 10px; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
 a.link {
 	clear:both;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #80A5C2;
	padding-left: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-position: 0px 3px;
	font-weight: bold;
 }
 a {
	text-decoration: underline;
	color: #80A5C2;
	font: normal 10px/17px Verdana, Arial, Helvetica, sans-serif;
 }
 a:hover {
	color: #FFFFFF;

}#feature-long { 
 float: left; width: 593px; height: 124px;	background-image: url(../images/feature-long.jpg);	background-repeat: no-repeat; padding: 7px 0px 0px 7px;
}
fieldset select { float : left; width : 125px; border : 1px solid #80A5C2; height: 18px;}
fieldset select:hover { border-color : #FFF; }
fieldset select:active, select:focus { border : 1px; }
label, label span { display : block; padding-bottom : 1px; padding: 3px 0px 3px 0px; font-size: 10px;}
label { float : left; width : 259px; }
label span { float : left; width : 112px; text-align : left; color: #FFFFFF; font-size:11px; font-weight: bold; padding: 3px 0px 3px 0px;}
#minisearch {
	float : left;
	width : 297px;
	height: 190px;
	background-image: url(../mini-bg.gif);
}
.homeIframe{
	width:297px;
	height:190px;
	margin: 0px 0 0 0;
	background-image: url(../mini-bg.gif);
}
/* =fieldset */
fieldset {  
border : 0px; 
overflow : hidden; 
width: 300px;}

/* =div */
form div {  text-align : left;	 padding: 0px 0px 0px 0px; float: left; margin: 0px;
}
.submit125 {  padding-left: 110px; padding-top: 3px;
}
#spacer {  height: 10px; clear:both;
}
#spacer10 { margin: 5px 0px 0px 0px; float:left; height: 5px; width: 100%;
} 
.float { float:left;
} 
/* =new layout */
#new { 
 margin: 0 auto; width: 718px; background-image:url(../images/new-vehicles-panel.jpg); background-position:left top; background-repeat:no-repeat;
}
/* =new short avensis */
#new-short { 
 margin: 0 auto; width: 718px; background-image:url(../images/new-vehicles-panel2.jpg); background-position:left top; background-repeat:no-repeat;
}
#new-repeat {
 margin: 0 auto;	width: 718px; background-image:url(../images/new-repeat.gif); background-position:left top; background-repeat:repeat-y;
}
#new-pad { 
padding: 15px 18px 0px 20px; text-align: left ;
}
#new-thumb { 
float: left; width: 212px; height: 129px; background-image:url(../images/new-thumb.jpg); background-position:left top; background-repeat:no-repeat;
}
#new-image { 
float: left; width: 187px; padding: 6px 0px 0px 6px;
}
#new-link { 
float: left; width: 187px; padding: 2px 2px 0px 7px; text-align: right;
}
h1 { 
font-size: 20pt; color: #FFFFFF; font-weight:bold; padding: 0px 0px 4px 0px; font-family: "Helvetica Condensed" Helvetica, Verdana, sans-serif;
}
h3 { 
display:none;
}
#new-image a.image-thumb {display:block; width:187px; height:97px; border:1px solid #002B52;padding: 0px;
}
#new-image a:hover.image-thumb {border: 1px solid #FFFFFF; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; background: #FFFFFF;  height:97px;}
a img {border: none; 
} 
/* =inside layout */
.left-column { 
	width: 264px; float:left; padding-right: 20px;
}
.right-column { 
	width: 394px; float: left;
}
.right-column2 { 
	width: 290px; float: left;
} 
/* =inside layout about */
.left-column2 { 
	width: 354px; float:left; padding-right: 20px;
} 
/* =inside layout about */
.left-right { 
	width: 644px; float:left; padding-right: 20px;
}
/* =form 2 columns */
.twoCols, .threeCols
{
	overflow:hidden !important;
}

.twoCols label, .threeCols label, .oneCols label
{
	float:left !important;
	clear:none !important;
	padding-bottom:4px;	
	padding-top:4px;
	padding-right: 5px !important;
	padding-left: 0px !important;
	text-align:left !important;
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.bus1 {
	width: 80px;float: left; padding: 0px 0px 20px 0px; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
} 
.bus2 {
	width: 264px;	 float: left; padding: 0px 0px 20px 0px; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.twoCols label
{
	width: 182px;	
}
.threeCols label
{
	width: 118px;
}
label.cal {
	width: 118px;
	font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
}
.short {
	width: 130px; height: 16px; font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
}
.short-red {
	width: 130px; color: #CC0000; height: 16px; font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
}
.oneCols label input, .oneCols  label textarea, .oneCols  label select,
.twoCols label input, .twoCols  label textarea, .twoCols  label select,
.threeCols label input, .threeCols  label textarea, .threeCols  label select,  .threeCols  label option,
.columns label input, .columns  label textarea, .columns  label select
{
	clear:both !important;
	margin:0px;
	margin-top:0.3em;
	margin-left:0.0em;
	width:90%;
	background:#B8E7FF;
	border: 1px solid #FFFFFF;
	height: 18px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.textarea {
width: 353px !important; font: 11px Verdana, Arial, Helvetica, sans-serif;
height: 100px !important;
}
p {
margin-top: 20px;
}
strong {
font-weight: bold;
}
h2 {
color: #FCFC00; font-size: 13px; font-weight:bold; padding-top: 5px;
}
hr.clear {
clear:both;
border-top: 1px solid #B8E7FF;
height: 1px;
width: 94.5%;
}
/* =fieldset */
.formset { 
background : url(../images/formset-repeat.gif) repeat-y;  
border : 0px; 
margin: 0px;
overflow : hidden; 
padding: 3px 0px 3px 18px;
width: 376px;
}
/* =fieldset */
.formset-cal { 
background : url(../images/formset-repeat-cal.gif) repeat-y;  
border : 0px; 
margin: 0px;
overflow : hidden; 
padding: 3px 0px 3px 18px;
width: 158px;
}
  /* =iframe */
iframe {
width: 678px; height: 460px;	
background: transparent;
}
  /* =b */
b {
color: #FFFF00;
}
#location {
float:left;
padding: 0px 0px 0px 5px;
font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.link11 {
font-size: 11px;
}
.link13 {
font-size: 13px;
}
a.location {
	text-decoration: underline;
	color: #80A5C2;
	font: 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 0px 3px 0px;
}
a:hover.location {
	text-decoration: underline;
	color: #FFFFFF;
}
  /* =list */
ul.nicelist {
    margin: 0px;
	padding: 0px;
    list-style: none;
}
  /* =list */
ul.nicelist2 {
    margin: 0px 0px 30px 0px;
	padding: 0px;
    list-style: none;
}
li {
	display: outside;
	margin: 0; /*removes indent IE and Opera*/
	padding-left: 23px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	background: url(../images/bullet.gif) no-repeat;
}
  /* =label yellow */
b.yellow {
    font: bold 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; color:#FCFC00; 
}
  /* =label yellow */
a.yellow {
    font: bold 13px "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; color:#FCFC00; 
}
  /* =salono-col1 */
.salono-col1 {
    width: 314px; float: left; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 0px 0px;
}
.salono-col2 { 
    width: 40px; float: left; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0px 0px 0px;
}
  /* =label yellow */
.image-bk {
   width: 290px; height: 235px; padding: 6px 7px 6px 7px; background : url(../images/image-bk.gif) no-repeat;  
}
.image-bk2 {
   width: 252px; height: 226px; padding: 6px 7px 6px 7px; background : url(../images/image-bk2.gif) no-repeat;  
}
.fields2 {
   width: 57px; margin: 0px 10px 0px 0px; float: left;
}
#plusonroad {
   width: 658px; margin: 0px 0px 3px 0px; float: left; height: 15px; font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif; color: #FCFC00; clear: both;
}
