/* CSS Doc for Pioneer Automotive */
					
body						{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(images/bg.jpg) center top no-repeat #cccccc; }

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

#header						{ width: 992px; height: 92px; float: left; background: url(images/header-bg.jpg) center bottom no-repeat; }

#topnav						{ width: 992px; height: 55px; float: left; background: url(images/nav-bg.jpg) center bottom no-repeat; margin-top: 22px; }
#topnav ul					{ list-style: none; margin: 0 0 0 11px; padding: 0; }
#topnav li					{ float: left; }
#topnav li a				{ text-decoration: none; display: block; text-indent: -9999px; overflow: hidden; }
#topnav li a:hover			{ text-decoration: none; }

#topnav li#HO a				{ width: 290px; height: 55px; background: url(images/home-logo.jpg) center top no-repeat; margin-right: 25px; }
#topnav li#HO a:hover		{ background: url(images/home-logo.jpg) center bottom no-repeat; }
#topnav li#VS a				{ width: 98px; height: 44px; background: url(images/view-stock.gif) center top no-repeat; margin-top: 11px; }
#topnav li#VS a:hover		{ background: url(images/view-stock.gif) center bottom no-repeat; }
#topnav li#FI a				{ width: 75px; height: 44px; background: url(images/finance.gif) center top no-repeat; margin-top: 11px; }
#topnav li#FI a:hover		{ background: url(images/finance.gif) center bottom no-repeat; }
#topnav li#WA a				{ width: 89px; height: 44px; background: url(images/warranty.gif) center top no-repeat; margin-top: 11px; }
#topnav li#WA a:hover		{ background: url(images/warranty.gif) center bottom no-repeat; }
#topnav li#LH a				{ width: 146px; height: 44px; background: url(images/locandhours.gif) center top no-repeat; margin-top: 11px; }
#topnav li#LH a:hover		{ background: url(images/locandhours.gif) center bottom no-repeat; }
#topnav li#CU a				{ width: 99px; height: 44px; background: url(images/contact-us.gif) center top no-repeat; margin-top: 11px; }
#topnav li#CU a:hover		{ background: url(images/contact-us.gif) center bottom no-repeat; }
#topnav li#PS a				{ width: 136px; height: 44px; background: url(images/prev-sold.gif) center top no-repeat; margin-top: 11px; }
#topnav li#PS a:hover		{ background: url(images/prev-sold.gif) center bottom no-repeat; }

#main						{ width: 992px; height: auto; float: left; margin-top: 266px; }

#leftcol					{ width: 737px; height: auto; float: left; }
#leftcolmain				{ width: 737px; height: auto; min-height: 292px; float: left; background: url(images/leftcolmain-bg.jpg) center top no-repeat #fbfbfb; }
/* for Internet Explorer */
/*\*/
* html #leftcolmain {
height: 292px;
}
/**/
#leftcolbot					{ width: 737px; height: 10px; float: left; background: url(images/leftcolbot-bg.jpg) center top no-repeat; }

#rightcol					{ width: 245px; height: auto; float: right; }
#rightcolbuttons			{ width: 245px; height: auto; float: right; min-height: 229px; background: url(images/rightcolbuttons-bg.jpg) center top no-repeat #4472a0; }
/* for Internet Explorer */
/*\*/
* html #rightcolbuttons {
height: 229px;
}
/**/

#rightcolbuttons ul			{ margin: 0; padding: 0; list-style: none; float: left; }
#rightcolbuttons li			{ width: 225px; margin-left: 10px; }
#rightcolbuttons li a		{ display: block; text-indent: -9999px; overflow: hidden; }
#rightcolbuttons li#refer a	{ width: 225px; height: 110px; background: url(images/refer-button.jpg) center top no-repeat; margin-top: 10px; }
#rightcolbuttons li#refer a:hover { background: url(images/refer-button.jpg) center bottom no-repeat; }
#rightcolbuttons li#open a	{ width: 225px; height: 100px; background: url(images/hours-button.jpg) center top no-repeat; margin-top: 10px; }
#rightcolbuttons li#open a:hover { background: url(images/hours-button.jpg) center bottom no-repeat; }


#rightcolbuttonsbot			{ width: 245px; height: 10px; float: right; background: url(images/rightcolbuttons-bot.jpg) center top no-repeat; }

#bigtel						{ width: 245px; height: 50px; float: right; text-align: center; background: url(images/bigtel-bg.jpg) center top no-repeat; overflow: hidden; padding-top: 12px; }
#bigtel span				{ font-size: 34px; }

#footer						{ width: 992px; height: 200px; float: left; }
#footer ul					{ list-style: none; margin: 10px 0 0 10px; padding: 0; float: left; }
#footer li					{ float: left; margin-right: 15px; }
#footer li a				{ text-decoration: none; display: block; color: #666666; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#footer li a:hover			{ text-decoration: none; color: #336699; }
#footer .aa 		{clear: both; display: block; width: 992px; margin: 10px auto; font-size: 9px; color: #999; text-align: center;}

#footaddy					{ width: 992px; height: 70px; float: left; background: url(images/footaddy-bg.jpg) center top no-repeat; margin-top: 10px; }
#footaddy p.addy			{ font-size: 14px; color: #ffffff; margin: 19px 0 0 20px; padding: 0; }
#footaddy p.catch			{ font-size: 16px; color: #6d9bc9; margin: 0 0 0 20px; padding: 0; }

#ukw						{ text-transform: uppercase; color: #666666; font-size: 11px; float: right; font-weight: bold; margin: 10px 10px 0 0; }
#ukw a						{ color: #336699; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #4472a0; text-decoration: none; }

#imtran						{ width: 992px; height: 271px; position: absolute; left: 0; top: 77px; }



h1							{ color: #336699; font-size: 18px; margin: 30px 30px 10px 30px; }

#rightcolbuttons h4			{ font-size: 18px; color: #ffffff; margin: 20px 20px 0 20px; }

p.normP						{ font-size: 11px; color: #333333; margin: 15px 30px; text-align: justify; }

.alignright					{ float: right; margin: 0 0 15px 15px; }

#map						{ width: 351px; height: 406px; margin: 10px 0px 10px 24px; border: 1px solid #000000; float: left}
#mapInfo {
	float: right;
	width: 360px;
	height: 402px;
}
#littleMap						{ width: 305px; height: 302px; margin: 10px 30px 10px 0px; float: right; background: url('images/map.jpg') top left no-repeat}
.maptext {
	display: block;
	float: left;
	font-size: 12px !important;
	font-weight: bold;
	margin: 20px 24px 22px 24px !important;
	line-height: 16px;
	text-align: left !important;
	width: 160px;
	color: #FF0000 !important;
}
.satnav {
	float: right;
	margin-right: 20px;
	display: block;
}
#saddr {
	width: 70px !important;
}

#referralform				{ width: 400px; }
#referralform ul			{ list-style: none; margin: 0 0 0 30px; padding: 0; }
#referralform ul li			{ width: 400px; height: 38px; float: left; margin-bottom: 5px; }
#referralform ul li label	{ width: 120px; height: 38px; line-height: 38px; float: left; }
#referralform ul li .formInput{ float: right; display: block; margin-top: -10px; }
#referralform ul li .formSubmitButton { margin-top: 5px; }

p.heading2 {
	font-size:14px; margin: 0 0 0 30px; 
}