@charset "utf-8";
/* CSS Document */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#045C97;
	padding:10px;
	margin:0;
	}

a {color:#005AB2; text-decoration:underline;}
a:hover {color:#FF9900; text-decoration:none;}

#leftColumn {
	display:block;
	width:160px;
	background-color: #EEE;
	padding:10px;
	margin:10px 10px 0 0;
	color:#333;
	border:1px solid #CCC;
	}

#main {
	margin:10px 0 0 0;
	padding:20px;
	}
	
h1 {
font-size:40px;
color: #463E3F; 
font-weight: bold;
}

h3 {
font-size:16px;
color: #045C97;
font-weight: bold;
}

foot {
font-size:12px;
color: #FFFFFF;
}

tol {
font-size:16px;
font-weight: bold;
color: #045C97;
padding:0 0 0 10px;
}

#container{
	width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	text-align:left;
	background-color:#F5F5F5;
	}

.rtop, .rbottom{
display:block;
background:#045C97;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#F5F5F5;
}
.r1{margin: 0 6px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}


#header {
    padding: 0px;
    margin: 0px;
    text-align: center;
	}

*{
	list-style:none;
}
.line{
background: url(media/line.png) repeat-x;
}
/* menu */
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accommodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* DROP DOWN MENU */

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";

}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Tahoma;
line-height:18px;
z-index:100;
background-color: #045C97;
width: 200px;
visibility: hidden;
color: white;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #FFF; /*THEME CHANGE HERE*/
padding: 2px 0;
text-align: left;
text-decoration: none;
font-weight: bold;
color: white;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: white;
color: #045C97;
}


/* Pictures for cars */
.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15px; /*position where enlarged image should offset vertically*/
left: -200px; /*position where enlarged image should offset horizontally */

}