/* CSS Document for Shere 4x4 */
							
							/** General **/
							
*							{ margin: 0; padding: 0; }

img							{ border: none; }

a:active 					{ outline: none; }


body						{ background: url(../images/body-bg.jpg) center top no-repeat fixed #333333; font-family: Georgia, "Times New Roman", Times, serif; }

#outerwrap					{ width: 952px; height: auto; margin: 25px auto; }

#innerwrap					{ width: 952px; height: auto; float: left; background: #feff99; }


							/** Header Area **/
#header						{ width: 952px; height: 200px; float: left; background: url(../images/header-bg.jpg) center top no-repeat; }
#surreytop					{ float: left; width: 329px; height: 176px; margin: 10px; background: url(../images/surrey-top-bg.jpg) center top no-repeat; }
#sussextop					{ float: right; width: 329px; height: 176px; margin: 10px; background: url(../images/sussex-top-bg.jpg) center top no-repeat; }
#header p					{ font-size: 10px; color: #333333; margin-top: 45px; font-weight: bold; }
#header p span				{ font-size: 22px; color: #333333; }
#header #surreytop p		{ float: left; margin-left: 18px; margin-top: 155px; text-align: left; }
#header #sussextop p		{ float: right; margin-right: 18px; margin-top: 155px; text-align: right; }
#header .num {font-family: "Times New Roman"}


							/** Topnav **/
ul#topnav					{ width: 932px; height: 50px; margin-left: 10px; list-style: none; display: inline; float: left; background: url(../images/nav-bot.jpg) center top no-repeat; }
#HOM ul#topnav				{ height: 40px!Important; overflow: hidden; }
ul#topnav li				{ float: left; margin-right: 2px; }
ul#topnav li a				{ width: auto; height: 40px; text-indent: -9999px; overflow: hidden; display: block; }

ul#topnav li#HO a			{ width: 87px; margin-left: 22px; background: url(../images/nav/home.jpg) center bottom no-repeat; }
ul#topnav li#ST a			{ width: 91px; background: url(../images/nav/stock.jpg) center bottom no-repeat; }
ul#topnav li#FI a			{ width: 110px; background: url(../images/nav/finance.jpg) center bottom no-repeat; }
ul#topnav li#SE a			{ width: 104px; background: url(../images/nav/service.jpg) center bottom no-repeat; }
ul#topnav li#WA a			{ width: 121px; background: url(../images/nav/warranty.jpg) center bottom no-repeat; }
ul#topnav li#AU a			{ width: 118px; background: url(../images/nav/about-us.jpg) center bottom no-repeat; }
ul#topnav li#LO a			{ width: 108px; background: url(../images/nav/location.jpg) center bottom no-repeat; }
ul#topnav li#CO a			{ width: 137px; background: url(../images/nav/contactus.jpg) center bottom no-repeat; }

ul#topnav li#HO a:hover,ul#topnav li#ST a:hover,ul#topnav li#FI a:hover,ul#topnav li#SE a:hover,ul#topnav li#WA a:hover,ul#topnav li#AU a:hover,ul#topnav li#LO a:hover,ul#topnav li#CO a:hover
							{ background-position: top; }
							
/* Active Tabs */
#HOM ul#topnav li#HO a,#SAL ul#topnav li#ST a,#FIN ul#topnav li#FI a,#SER ul#topnav li#SE a,#WAR ul#topnav li#WA a,#ABO ul#topnav li#AU a,#LO ul#topnav li#LO a,#CO ul#topnav li#CO a
							{ background-position: top; }

							/** Image Transition **/
div#imtran					{ width: 952px; height: 250px; float: left; background: url(../images/imtran/bg.jpg) center top no-repeat; }							
div#slider1 				{ width: 932px; height: 250px; position: relative; overflow: hidden; margin-left: 10px; display: inline; float: left; }
div#slider1Content 			{ width: 932px; height: 250px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 			{ float: left; position: relative; display: none; }
li.slider1Image span		{ display: none; }
.clear 						{ clear: both; }
span.top 					{ top: 0; left: 0; display: none; visibility: hidden; } 							

							/** Type Links **/
div#typelinks2 				{ white-space: nowrap; overflow: hidden; width: 932px; height: 100px; float: left; margin: 0 0 0 10px; display: inline; background: #666666; list-style: none; }
div#typelinks2 a 			{ margin: 10px 0px 10px 10px; width: 215px; height: 80px; background: url(images/shim.gif); display: block; float: left; text-indent: -9999px; overflow: hidden; }
div#typelinks2 a.V4x4s		{ margin-left: 20px; background: url(../images/type-buttons/4x4.jpg) center top no-repeat; }
div#typelinks2 a.VPick		{ background: url(../images/type-buttons/pickups.jpg) center top no-repeat; }
div#typelinks2 a.VCars		{ background: url(../images/type-buttons/cars.jpg) center top no-repeat; }
div#typelinks2 a.VAll 		{ background: url(../images/type-buttons/all.jpg) center top no-repeat; }
div#typelinks2 a.V4x4s:hover,div#typelinks2 a.VPick:hover,div#typelinks2 a.VCars:hover,div#typelinks2 a.VAll:hover
							{ background-position: bottom; }

							/** Main Area **/
div#main					{ width: 932px; height: auto; background: url(../images/main-bottom-bg.jpg) center bottom no-repeat #54644b; min-height: 300px; margin: 0 0 0 10px; display: inline; float: left; }
* html div#main				{ height: 300px; }

							/** Footer **/
div#footer					{ background: url(../images/footer-bg.png) center top no-repeat; height: 150px; width: 952px; float: left; }	

ul#botnav					{ list-style: none; float: left; margin: 20px 150px 5px 5px; }
ul#botnav li				{ border-right: 1px solid #54644b; float: left; }
ul#botnav li a 				{ font-size: 12px; color: #ffffff; height: 12px; line-height: 12px; padding: 0 5px; text-decoration: none; float: left; }
ul#botnav li a:hover		{ text-decoration: none; color: #666666;}
ul#botnav li.end			{ border-right: none; }

div#ukw						{ float: right; color: #ffffff; font-size: 12px; margin: 20px 10px 5px 150px; height: 12px; line-height: 12px; text-align: right; }
div#ukw a					{ text-decoration: none; color: #ffffff; }
div#ukw a:hover				{ text-decoration: none; color: #666666; }

p#footaddy					{ font-size: 12px; width: 952px; height: auto; line-height: 25px; color: #666666; margin-left: 10px; }
p#footaddy strong			{ color: #ffffff; }
p#footaddy span				{ color: #ffffff; }

p#foottagline				{ font-size: 10px; color: #cccccc; float: left; margin-left: 10px; }

							/** Font Styles **/
h1							{ font-size: 16px; font-weight: bold; color: #ffffff; margin: 30px 30px 10px 30px; clear: both; }
h1 em						{ font-size: 12px; color: #ffff66; }

h2							{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffff66; margin: 20px 30px; }
h2.left						{ float: left; width: 400px;}
h2.right					{ float: right; width: 400px;}

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

p.normP a					{ font-weight: bold; text-decoration: none; border-bottom: 1px dashed #cccccc; color: #ffffff; }
p.normP a:hover				{ text-decoration: none; border-bottom: 1px solid #333333; }

div#map1					{ width: 435px; height: 350px; float: left; margin-left: 20px; border: 3px solid #ffffff; }
div#map1 iframe 			{ width: 435px; height: 350px; }
div#map2					{ width: 435px; height: 350px; float: right; margin-right: 10px; border: 3px solid #ffffff; }
div#map2 iframe 			{ width: 435px; height: 350px; }

div.hours					{ float:left;
height:250px;
margin-left:18px;
margin-right:38px;
margin-top:10px;
width:405px; }

.fiat {
	height: 126px;
	margin: 0px auto;
	width: 437px;
	display: block;
	text-indent: -999px;
	outline: none;
	background: url('../images/500.jpg') no-repeat top left;
}

.fiat:hover {
	background: url('../images/500.jpg') no-repeat bottom left;
}