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

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

#topnav						{ width: auto; height: 35px; position: absolute; left: 25px; top: 425px; z-index: 500;}
#topnav ul					{ list-style: none; margin: 0; padding: 0; }
#topnav li					{ float: left; margin-right: 10px; }
#topnav li a				{ text-decoration: none; display: block; text-indent: -9999px; overflow: hidden; height: 35px; }
#topnav li a:hover			{ text-decoration: none; }


#topnav li#HO a				{ width: 87px; background: url(images/nav/home.jpg) center bottom no-repeat; }
#topnav li#HO a:hover		{ background: url(images/nav/home.jpg) center top no-repeat; }
#HOM #topnav li#HO a		{ background: url(images/nav/home.jpg) center top no-repeat; }

#topnav li#SH a				{ width: 123px; background: url(images/nav/showroom.jpg) center bottom no-repeat; }
#topnav li#SH a:hover		{ background: url(images/nav/showroom.jpg) center top no-repeat; }
#SAL #topnav li#SH a		{ background: url(images/nav/showroom.jpg) center top no-repeat; }

#topnav li#WA a				{ width: 117px; background: url(images/nav/warranty.jpg) center bottom no-repeat; }
#topnav li#WA a:hover		{ background: url(images/nav/warranty.jpg) center top no-repeat; }
#WAR #topnav li#WA a		{ background: url(images/nav/warranty.jpg) center top no-repeat; }

#topnav li#LO a				{ width: 163px; background: url(images/nav/location.jpg) center bottom no-repeat; }
#topnav li#LO a:hover		{ background: url(images/nav/location.jpg) center top no-repeat; }
#LOC #topnav li#LO a		{ background: url(images/nav/location.jpg) center top no-repeat; }

#topnav li#AF a				{ width: 126px; background: url(images/nav/aftersales.jpg) center bottom no-repeat; }
#topnav li#AF a:hover		{ background: url(images/nav/aftersales.jpg) center top no-repeat; }
#AFT #topnav li#AF a		{ background: url(images/nav/aftersales.jpg) center top no-repeat; }

#topnav li#MO a				{ width: 139px; background: url(images/nav/motorsports.jpg) center bottom no-repeat; cursor: pointer; }
#topnav li#MO a:hover		{ background: url(images/nav/motorsports.jpg) center top no-repeat; }
#MOT #topnav li#MO a		{ background: url(images/nav/motorsports.jpg) center top no-repeat; }

#topnav li#CO a				{ width: 128px; background: url(images/nav/contact.jpg) center bottom no-repeat; }
#topnav li#CO a:hover		{ background: url(images/nav/contact.jpg) center top no-repeat; }
#CON #topnav li#CO a		{ background: url(images/nav/contact.jpg) center top no-repeat; }

#main						{ width: 992px; height: auto; float: left; background: url(images/main-bg.jpg) center top repeat-y; }

#footer						{ width: 992px; height: 100px; float: left; background: url(images/footer-bg.jpg) center top no-repeat; }
#footer	p {
	color: #ffffff;
	margin: 0 0 0 25px;
	padding: 50px 0 0 0;
}
#footer ul					{ list-style: none; margin: 0; padding: 0; }
#footer li					{ float: left; }
#footer li a				{ text-decoration: none; display: block; }
#footer li a:hover			{ text-decoration: none; }

#ukw						{ text-transform: uppercase; color: #999999; font-size: 11px; margin: 5px 0 0 25px; }
#ukw a						{ color: #cccccc; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

/* Jquery Fancy Im Tran */
#imtran						{ width: 992px; height: 460px; background: url(images/imtran/bg.jpg) center top no-repeat; float: left; }

#slider1 					{ width: 992px; /* important to be same as image width */ height: 460px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0; padding: 0; }


#slider1Content 			{ width: 992px; height: 460px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; }

.slider1Image 				{ float: left; position: relative; display: none; }


.slider1Image span 			{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }
.clear 						{ clear: both; }

.top 						{ top: 0; left: 0; display: none; visibility: hidden; } 


/* Text Styling etc */

h1							{ color: #ffffff; background: url(images/h1-bg.jpg) right bottom no-repeat; margin: 25px 35px; width: 922px; font-size: 18px; height: 27px; line-height: 27px; }

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

p#phonenumber				{ position: absolute; right: 50px; top: 80px; font-size: 30px; color: #ffffff; margin: 0; padding: 0; z-index: 500; }


/************************ Simon took over here *************************************/
/***************************** nice "neat" styles ************************************/

#locationlayout {

}
#locationlayout #hoursection {
	float: left;
	margin: 0 0 0 35px;
}

div#MyMap { width: 500px; height: 350px; float: right; margin-right: 35px; } /* haha, a "messy" style added by ryan */

div#MyMap iframe{
	width: 500px;
	height: 350px;
	border: 2px solid #ffffff;
}
#searchcol {
	background: #ff0000;
	margin: 0 auto;
}
#iconbar li			{
	float:left;
	position:relative;
	margin-right:15px;
	background:#eeeeee;
	border: 1px dashed #ffffff;
	overflow:hidden;
}
#iconbar a {
	text-decoration: none;
	outline: none;
	color:#d00000;
	display: block;
	width: 50px;
	padding: 10px;
	cursor:default;
}
#iconbar span	{
	width: 140px;
	height: 75px;
	position: absolute;
	display: none;
	line-height:110%;
	color:#000066;
	padding-left: 10px;
	background: #eeeeee;
}
/****************************** end of "neatness" **************************/



/****************************** New VD Stylee!! ******************************/

#VDNew1Wrap					{ width: 922px; height: 582px; margin: 0 auto; position: relative; background: url(images/vd-bg.jpg) center top no-repeat; }

#VDNew1Price				{ position: absolute; right: 11px; top: 11px; color: #ff0000; z-index: 100; font-size: 34px; text-transform: uppercase; font-weight: bold; height: 75px; line-height: 75px; width: 230px; text-align: center; background: url(images/VDPriceBG.png) center top no-repeat; visibility: hidden; }
#VDNew1Price span			{ font-size: 16px; font-weight: normal; }

#VDNew1Tran					{ float: right; width: 748px; height: 561px; overflow: hidden; margin: 10px 10px 0 0; display: inline; border: 1px solid #ffffff; }

#VDNew1Thumbs				{ float: left; height: 563px; width: 152px; margin: 10px 0 0 10px; overflow: auto; display: inline; }

.sc_menu_wrapper			{} /* might not need this */

#VDNew1Thumbs ul			{ margin: 0; padding: 0; list-style: none; width: 147px; }
#VDNew1Thumbs ul li			{ margin: 0; padding: 0; width: 147px; height: 91px; margin-bottom: 1px; background: url(images/VDThumbBG.gif) right bottom no-repeat; }
#VDNew1Thumbs ul li  img	{ width: 122px; height: 91px; border: 1px solid #ffffff; display: block; cursor: pointer; }
#VDNew1Thumbs ul li	a:hover	{ background: url(images/VDThumbBG.gif) right top no-repeat; }
#VDNew1Thumbs ul p			{ display: none; }
#VDNew1Thumbs ul p a		{ display: none; }

/* Details Panel */
#VDDetailsPanelWrap			{ width: 748px; height: 561px; position: absolute; top: 11px; right: 11px; z-index: 100; }

#VDDetailsWrap				{ width: 748px; height: auto; position: relative; }

#VDDetailsPanel				{ width: 748px; height: 505px; display: none; background: url(images/slide-panel-bg.png) center top repeat; border-bottom: 1px solid #cc0000; }

#VDDetailsWrap ul			{ width: 748px; height: 49px; padding: 0; margin: 0; list-style: none; float: left; }

#VDDetailsWrap li			{ margin: 0 0 0 5px; padding: 0; float: left; height: 49px; }

#VDDetailsWrap li a			{ width: 95px; height: 49px; display: block; text-indent: -9999px; overflow: hidden; background: url(images/VDPrint.png) center top no-repeat; }

#VDDetailsWrap li.details-slide{ width: 167px; background: url(images/vd-details-show.png) no-repeat center top; float: left; }
#VDDetailsWrap li a.btn-details-slide{ width: 167px; background: none; }

#VDDetailsWrap li.VDBack a	{ width: 95px; background: url(images/VDBack.png) center top no-repeat!Important; }

#VDDetailsWrap li.VDNew1Price{ width: 150px; background: url(images/VDPriceBG.png) center top no-repeat; text-align: center; line-height: 49px; color: #ffffff; font-weight: bold; font-style: italic; font-size: 22px; margin: 0 10px 0 0; float: right!Important; }

/*li.VDPrint a				{ width: 95px; height: 49px; display: block; text-indent: -9999px; overflow: hidden; background: url(images/VDPrint.png) center top no-repeat; }*/

.active	{ background-position: center bottom; }
a:focus 					{ outline: none; }

#VDDetailsWrap li.VDNew1Price{ width: 167px; height: 49px; margin: 0 0 0 5px; padding: 0; float: left; }

h5							{ margin: 0; padding: 0; font-size: 14px; width: 748px; height: 35px; line-height: 35px; text-indent: 15px; background: #336699; color: #ffffff; float: left; }

ul.detailbox				{ height: auto!Important; margin: 5px 0 10px 4px!Important; }
ul.detailbox li				{ color: #ffffff; width: 241px; height: 20px!Important; line-height: 20px!Important; float: left; margin: 2px 2px 0 0; border-bottom: 1px dotted #cc0000; }
ul.detailbox li strong		{ float: right; font-weight: bold; }
ul.detailbox li span		{ float: left; }
							
ul.featuresbox				{ width: 738px!Important; margin: 5px 0 10px 4px!Important; height: 110px!Important; overflow: auto; }
ul.featuresbox li			{ color: #ffffff; width: 235px; height: 20px!Important; line-height: 20px!Important; float: left; margin: 2px 2px 0 0; border-bottom: 1px dotted #cc0000; }
ul.featuresbox li strong	{ float: right; font-weight: bold; }
ul.featuresbox li span		{ float: left; }

#VDStatus					{ margin: 0; padding: 0; font-size: 14px; width: 748px; height: 35px; line-height: 35px; text-indent: 15px; background: #cc0000; color: #ffffff; float: left; font-weight: bold; }

#VDPricetwo					{ color: #ffffff; float: left; margin: 15px 3px 5px 15px; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; }
#VDWasNow {color: #FFF; float: right; margin: 20px 20px 0px 20px;}
#VDPricefinance				{ color: #ffffff; float: left; margin: 15px 0 5px 0; height: 25px; line-height: 25px; }
#VDAlt						{ color: #ffffff; float: left; height: 25px; line-height: 25px; }
#VDAlt a					{ color: #cc0000; text-decoration: none; }
#VDAlt a:hover				{ color: #cccccc; text-decoration: none; }
#VDFinDetails				{ color: #ffffff; clear: both; float: left; margin-left: 15px; }
#VDFinDetails p				{ margin: 5px 0 5px 0; padding: 0; }
.VDAPR						{ color: #ffffff; font-size: 22px; }

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
	
	z-index: 100;
}
#xmas {
	position: absolute;
	top: 60px;
	left: 410px;
	border: 2px solid #336699;
	background: #ffffff;
	width: 300px;
	z-index: 1000;
}
#xmas .closeit {
	background: #cc0000 url(images/closeitback.jpg) no-repeat right top;
	display: block;
	height: 24px;
	line-height: 23px;
	text-decoration: none;
	text-indent: 12px;
	color: #ffffff;
}
#xmas a:hover.closeit {
	background: #336699 url(images/closeitback.jpg) no-repeat right bottom;
}
#xmas p {
	padding: 0 0 15px 0;
	margin: 0 10px;
}
#xmas h2 {
	font-family: Trebuchet MS, Verdana, Geneva, sans-serif;	
	color: #336699;
	font-size: 16px;
	margin: 0 0 0 10px;
	padding: 10px 0 15px 0;
}