/* Stylesheet for MTC Direct, written by R.Menzies 25/09/07 */

body				{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; height: 100%; }

td					{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#header				{ width: 1022px; height: 250px; background: url(images/header.jpg) bottom center no-repeat; position: relative; }
#head-tel			{ position: absolute; width: 500px; height: 30px; bottom: 20px; right: 40px; color: #ffffff; font-size: 18px; font-weight: bold; font-style: italic; text-align: right; }
#head-tel span		{ font-size: 24px; }

#topnav				{ width: 1022px; height: 30px; background: url(images/nav-bg.jpg) bottom left no-repeat; }

#footernav			{ width: 1022px; height: 50px; background: url(images/footer-nav-bg.jpg) center top no-repeat; text-align: center; color: #ffffff; }
#footernav a		{ font-weight: bold; color: #ffffff; text-decoration: none; height: 50px; line-height: 50px; letter-spacing: 2px; font-size: 10px; margin: 0 5px 0 5px; }
#footernav a:hover	{ color: #FFFF33; text-decoration: none; }


#footer				{ width: 1022px; height: 40px; background: url(images/foot-shad.jpg) center top no-repeat; }
#footer a			{ font-weight: bold; color: #003399; text-decoration: none; border-bottom: 1pd solid #ffffff; }
#footer a:hover		{ color: #FFCC00; text-decoration: none; border-bottom: 1px dotted #003399; }

#topnav ul			{ padding: 0px; margin: 2px 0 0 17px; width: 1022px; height: 28px; list-style: none; }
#topnav li			{ float: left; height: 26px; width: auto; list-style: none; }
#topnav li a		{ display: block; height: 26px; width: auto; background: bottom center no-repeat; text-indent: -9999px; float: left; }

#topnav .vist a		{ background: url(images/nav/vist.jpg); width: 127px; cursor: default; }
#topnav .fina a		{ background: url(images/nav/fina.jpg); width: 97px; }
#topnav .warr a		{ background: url(images/nav/warr.jpg); width: 107px; }
#topnav .hour a		{ background: url(images/nav/hour.jpg); width: 90px; }
#topnav .loca a		{ background: url(images/nav/loca.jpg); width: 101px; }
#topnav .cont a		{ background: url(images/nav/cont.jpg); width: 112px; }
/*#topnav .quad a		{ background: url(images/nav/quad.jpg); width: 122px; }*/
#topnav .acce a		{ background: url(images/nav/acce.jpg); width: 127px; }
#topnav .numb a		{ background: url(images/nav/numb.jpg); width: 128px;  }
#topnav .home a		{ background: url(images/nav/home.jpg); width: 99px; }


#topnav .vist a:hover{ background: url(images/nav/vist-o.jpg); }
#topnav .fina a:hover{ background: url(images/nav/fina-o.jpg); }
#topnav .warr a:hover{ background: url(images/nav/warr-o.jpg); }
#topnav .hour a:hover{ background: url(images/nav/hour-o.jpg); }
#topnav .loca a:hover{ background: url(images/nav/loca-o.jpg); }
#topnav .cont a:hover{ background: url(images/nav/cont-o.jpg); }
/*#topnav .quad a:hover{ background: url(images/nav/quad-o.jpg); }*/
#topnav .acce a:hover{ background: url(images/nav/acce-o.jpg); }
#topnav .numb a:hover{ background: url(images/nav/numb-o.jpg); }
#topnav .home a:hover{ background: url(images/nav/home-o.jpg); }

h1					{ font-size: 16px; font-weight: bold; color: #333333; }

.hp-leftcol			{ width: 342px; text-align: center; border-right: 1px dotted #666666; }
.hp-leftcol .big-link{ font-size: 14px; font-weight: bold; color: #003399; text-decoration: none; border-bottom: 1pd solid #ffffff; }
.hp-leftcol .big-link:hover{ color: #FFCC00; text-decoration: none; border-bottom: 1px dotted #003399; }

.leftcol			{ padding: 10px 0 5px 47px; width: 732px; text-align: justify; }

.hp-midcol			{ text-align: justify; padding: 20px 0 0 20px; }

.quick-search		{ background: url(images/quick-search-bg.jpg) center top no-repeat; width: 270px; height: 160px; text-align: center;}

/* For Scroller */
#stockscroller	{ text-align: center; padding-bottom: 10px; margin: 0; width: 270px; height: auto;}
#superScroller 	{}
#scrl_outerDiv	{}
#scrl_innerDiv	{}
#scrl_table		{ margin-left: -4px; }
.srcl_carmake 	{ font-size: 15px; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 0 2px 0; font-weight: bold; color: #333333; }
.scrl_imgcell 	{ border: 1px solid #666666; text-align: center; }
.scrl_pcell 	{ font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #333333; padding: 2px 0 2px 0; }
.scrl_bcell 	{ background-color: #EEEEEE; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.scrl_bcell ul 	{ margin: 5px 0 5px 18px; }
.scrl_bcell ul li{ font-size: 11px; }
.scrl_tcell 	{ font-size: 10px; padding: 5px 3px 3px 5px; border: 1px solid #999999; }

#hp-qs 			{ width: 270px; height: 158px; background: url(images/hp-quick-search.jpg) center top no-repeat; float: right; }

#qs-bg			{ width: 410px; height: 90px; background: url(images/quick-search-bg2.jpg) top center no-repeat; }

#nav2					{ position: absolute; left: 0px; top: 0px; width: 132px; height: 62px; z-index: 10000; background: url(images/nav/stock-drop-bg.png) top center no-repeat; text-align: center; }
#nav2 ul				{ margin: 0px; padding: 0px; width: 128px; height: auto; z-index: 15000; list-style: none; }
#nav2 li				{ padding: 0px; width: 128px; height: 30px; margin: 0 0 0 0; text-align: center; float: left; clear: left; }
#nav2 li a				{ display: block; width: 128px; height: 30px; text-decoration: none; text-indent: -9999px; background: bottom center no-repeat; }
#nav2 li a:hover		{ color: #ffff00; text-decoration: none; }

#nav2 .cars a		{ background: url(images/nav/cars.gif); }
#nav2 .cars a:hover	{ background: url(images/nav/cars-o.gif); }

#nav2 .vans a		{ background: url(images/nav/vans.gif); }
#nav2 .vans a:hover	{ background: url(images/nav/vans-o.gif); }

.menuTable   			{ }
.menuInsert  			{ z-index: 200; width: 128px; height: 60px; }
.menuContainer 			{ z-index: 1000 }

#main-wrap		{ position: relative; width: 1022px; }
#xmas {
	position: absolute;
	left: 500px;
	top: 400px;
	z-index: 200;
	background: #FFFFFF;
	width: 250px;
	border: 1px solid #000000;

}
#xmas a {
	font-size: 12px;
	color: #FFFFFF;
	background: #cc0000 url(images/close-x.jpg) no-repeat right center;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-indent: 12px;
	margin: 0px;
	padding: 3px 0px;
}
#xmas a:hover {
	background: #FF0000 url(images/closeove.jpg) no-repeat right center;
	color: #000000;
}
#xmas p {
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #eeeeee;

}
#xmas p strong {
	display: block;

}
#tombstone {
	margin: 0 0 0 30px;


}
#tombstone img { float: left; width: 130px; border: none;

}
#tombstone p {
	font-weight: bold;
	color: #cc0000;
	margin: 0 15px;
	font-size: 12px;
	width: 35%;
	float: left;
}
.boxout {
	float: right;
}



#plates {
	padding: 15px 0px 0px 50px;
	width: 600px;
	margin: 0;

}
#plates li {
	list-style-type: none;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}
#plates li .plate {
	width: 382px;
	height: 82px;
	background: url(images/number-plate.jpg) center top no-repeat;
	text-align: center;
	line-height: 82px;
	font-weight: bold !important;
	font-size: 60px !important;
	color: #333333 !important;
	text-transform: uppercase !important;
}
#plates li .price {
	float: right;
	height: 82px;
	width: 160px;
	text-align: center;
	line-height: 82px;
	font-weight: bold !important;
	display: block;
	font-size: 14px !important;
}