/* CSS Doc for Victoria Motor Company */
		/* General */								
body						{ background: url(images/bg.jpg) center top repeat-x #333333; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

#wrapper					{ width: 992px; height: auto; margin: 0 auto; position: relative; }

img							{ border: none; }


		/* Header Styles */
#header						{ width: 992px; height: 100px; background: url(images/header-bg.jpg) left top no-repeat; float: left; }
#header p					{ font-size: 14px; color: #336633; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 75px 0 0 25px; }
#header p span				{ color: #ffffff; }

		/* Main Content Styles */
#main						{ width: 992px; height: auto; float: left; margin: 290px 0 0 0; }
#topmain					{ width: 992px; height: 20px; float: left; background: url(images/maintop.jpg) center top no-repeat; }
#content					{ width: 992px; height: auto; float: left; background: url(images/main-bg.jpg) center top repeat-y;  }
#botmain					{ width: 992px; height: 30px; float: left; background: url(images/mainbot.jpg) center top no-repeat; }

h1							{ font-size: 20px; color: #999999; font-weight: normal; margin: 30px 50px 20px 50px; }
h1 span						{ color: #669966; font-weight: bold; }
h2							{ font-size: 18px; color: #666666; font-weight: bold; margin: 30px 50px 20px 50px; }
h3							{ font-size: 16px; color: #333333; font-weight: bold; margin: 30px 50px 20px 50px; font-style: italic; }
p.normp						{ font-size: 11px; color: #333333; margin: 10px 50px; text-align: justify; }
.normul						{ font-size: 11px; color: #333333; margin: 10px 100px; }

.boldcentered				{ text-align: center; font-size: 14px; font-weight: bold; color: #000000; }

#cartoon {
	position: absolute;
	right: 10px;
	top: 110px;
	width: 547px;
	height: 218px;
	background: url('../images/cartoons/overlay.png') no-repeat 0px 0px;
	z-index: 99999;
}

#cartoon img {
	display: block;
	float: right;
	position: absolute;
	top: 7px;
	right: 30px;
	z-index: 999999;	
}

.cartoonPopup {
	display: none;
	width: 393px;
	height: 372px;
	position: absolute;
	background: url('../images/cartoons/speech.png') no-repeat 0px 0px;
	left: 250px;
	z-index: 999999999;
	outline: none;
	top: 150px;
	text-decoration: none;
}

.cartoonPopup table {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 86px;
	width: 174px;
	font: 14px "Verdana";
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	z-index: 9999999999;
	font-weight: bold;
	overflow: hidden;
}

		/* Main Nav Styles */
		
#topnav						{ position: absolute; width: 952px; height: 60px; list-style: none; left: 25px; top: 330px; padding: 0; z-index: 99999; }
.menu 						{ position: relative; height: 60px; width: 952px; }
#topnav ul					{ width: 952px; height: 60px; list-style: none; padding: 0; z-index: 1000; margin: 0; }
#topnav li					{ float: left; width: auto; height: 60px; line-height: 60px; text-align: center; list-style: none; margin: 0; padding: 0; }
#topnav li a				{ height: 54px; line-height: 54px; font-size: 11px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none; display: block; background: url(images/shim.gif) center top repeat; float: left; padding: 0 14px; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; }
#topnav li a:hover			{ text-decoration: none; color: #ffffff; /*background: #000000; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;*/ border-bottom: 3px solid #cccccc; border-top: 3px solid #336633; }	
#slide	 					{ position: absolute; height: 3px; background: #336633; bottom: 0; left: 10px; z-index: 10; }


#directions					{ width: 446px; height: 108px; float: left; background: url(images/directions-bg.jpg) center top no-repeat; margin: 59px 0 10px 45px; }
#directions p				{ color: #ffffff; font-size: 11px; font-weight: bold; margin: 25px; }
#directions p span			{ font-size: 14px; text-transform: uppercase; }

#flipads					{ width: 446px; height: 108px; float: right; background: url(images/bottom-ad-bg.jpg) center top no-repeat; margin: 10px 45px 10px 0; }


		/* Footer Styles */
#footer						{ width: 992px; height: 30px; float: left; }
ul#footnav					{ width: 952px; height: 30px; margin: 0 20px; list-style: none; padding: 0; }
ul#footnav li				{ float: left; width: auto; height: 30px; line-height: 30px; text-align: center; list-style: none; margin: 0; padding: 0; }
ul#footnav a				{ font-size: 11px; font-weight: bold; color: #cccccc; text-transform: uppercase; text-decoration: none; display: block; padding: 0 20px; float: left; border-right: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #333333; }
ul#footnav a:hover			{ text-decoration: none; color: #669966; border-right: 1px solid #444444; border-left: 1px solid #444444; border-bottom: 1px solid #444444; background: #222222; }

#ukw						{ margin: 10px; float: right; font-size: 11px; font-weight: bold; color: #666666; letter-spacing: 1px; text-transform: uppercase; }
#ukw a						{ color: #777777; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

.cont-im					{ float: right; margin: 0 45px 0 0; }

#map						{ float: left; margin: 0 0 0 45px; width: 430px; height: 400px; }
#hourspos					{ float: right; margin: 0 45px 0 0; width: 430px; height: 400px; text-align: center; }

.rightalign					{ float: right; margin: 0 45px 0 15px; }

#vdalign					{ width: 752px; text-align: center; margin: 0 auto; }

#warrcovered				{ margin: 0 auto; width: 700px; }
.components					{ width: 320px; height: 25px; font-size: 12px; font-weight: bold; }
.covered					{ background: url(images/greentick.jpg) center bottom no-repeat; width: 25px; }

.clear						{ clear: both; }

p.small						{ font-size: 10px; margin: 10px 50px; text-align: justify; }


#vbmlogo					{ cursor:pointer; float: left; margin: 0 35px 0 35px}

		/* Finance Offers */	
		
#finance-offers				{ margin: 0 0 0 45px; }
#finance-offers a			{ margin: 0 25px 25px 0; }	

#finance-offers a#ad1		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-1.jpg) center top no-repeat; }
#finance-offers a#ad1:hover	{ background: url(images/fin-ad-1.jpg) center bottom no-repeat; }

#finance-offers a#ad2		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-2.jpg) center top no-repeat; }
#finance-offers a#ad2:hover	{ background: url(images/fin-ad-2.jpg) center bottom no-repeat; }

#finance-offers a#ad3		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-3.jpg) center top no-repeat; }
#finance-offers a#ad3:hover	{ background: url(images/fin-ad-3.jpg) center bottom no-repeat; }

#finance-offers a#ad4		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-4.jpg) center top no-repeat; }
#finance-offers a#ad4:hover	{ background: url(images/fin-ad-4.jpg) center bottom no-repeat; }

#finance-offers a#ad5		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-5.jpg) center top no-repeat; }
#finance-offers a#ad5:hover	{ background: url(images/fin-ad-5.jpg) center bottom no-repeat; }

#finance-offers a#ad6		{ width: 280px; height: 180px; float: left; display: block; text-indent: -9999px; background: url(images/fin-ad-6.jpg) center top no-repeat; }
#finance-offers a#ad6:hover	{ background: url(images/fin-ad-6.jpg) center bottom no-repeat; }

.smallprint					{ font-size: 11px; color: #000000; margin: 10px 50px; }
			

		/* Absolutely positioned divs */
#imtran						{ position: absolute; width: 992px; height: 290px; left: 0; top: 100px; }

#topnav						{}

#logo						{ position: absolute; top: 0; right: 10px;z-index: 999999 }


#quicksearch				{ float: right; width: 220px; height: 210px; background: url(images/quicksearch-bg.jpg) center top no-repeat; margin: 0 40px 0 20px; overflow: hidden; }



#linkwrap1					{ float: right; width: 350px; height:170px; margin: 0 40px 0 20px; clear: both; }

#linkwrap1 p				{ font-size:11px; padding: 0 30px 0 30px; text-align:center}

#linkwrap2					{ float: right; width: 350px; height: auto; margin: 0 40px 50px 20px; clear: both; }

a#offerslink				{ width: 350px; height: 100px; text-indent: -9999px; overflow: hidden; display: block; background: url(images/finance-offers-link.jpg) center top no-repeat; clear: both; }
a#offerslink:hover			{ background: url(images/finance-offers-link.jpg) center bottom no-repeat; }

a#proplink					{ width: 350px; height: 100px; text-indent: -9999px; overflow: hidden; display: block; background: url(images/finance-form-link.jpg) center top no-repeat; }
a#proplink:hover			{ background: url(images/finance-form-link.jpg) center bottom no-repeat; }


#weeks-offers				{ position:absolute; width: 200px; height: 65px; display:block; top: 410px; right: 50px; background:url(../images/weeks-offers.jpg) center no-repeat; cursor: pointer;}


#weeks-offers-page		{margin: 10px 0 0 30px;  font-size: 11px; color: #333333;}

#vbm-logo			{ width: 200px; height: auto; float: right; margin: 0 50px 0 0}

#vbm-logo a			{ cursor:pointer}

.vbm-text			{ font-size:10px; text-align:center; color:#333333}

#rightcol			{ width: 270px; height: auto; float: right; margin: 0 0 0 0}