/* CSS for Truro Diesels */
					
body						{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #ffffff; }

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

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

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


#main						{ width: 992px; height: auto; float: left; background: url(images/main-bg.jpg) center top repeat-y; }
#leftcol					{ width: 787px; height: auto; float: left; background: url(images/leftcol-bg.jpg) center top repeat-y; margin: 0 0 0 10px; display: inline; }
#leftcoltop					{ float: left; width: 787px; height: 13px; background: url(images/leftcoltop.jpg) center bottom no-repeat; }
#leftcolmid					{ float: left; width: 787px; height: auto; background: url(images/leftcolmid-bg.jpg) center top no-repeat; min-height: 324px; position: relative; }
/* for Internet Explorer */
/*\*/
* html #leftcolmid {
height: 324px;
}
/**/
#leftcolbot					{ float: left; width: 787px; height: 13px; background: url(images/leftcolbot.jpg) center bottom no-repeat; }
#rightcol					{ width: 185px; height: 350px; float: right; margin: 0 10px 0 0; display: inline; background: url(images/rightcol-bg.jpg) center top no-repeat; position: relative; }

#footer						{ width: 992px; height: 100px; float: left; background: url(images/footer-bg.jpg) center top no-repeat; }
#footer ul					{ list-style: none; margin: 30px 0 0 10px; padding: 0; height: 10px; line-height: 10px; width: 80%; float: left; display: inline; list-style: none; }
#footer li					{ float: left; border-right: 1px solid #333333; height: 10px; line-height: 10px; }
#footer li.endof			{ border: none; }
#footer li a				{ text-decoration: none; display: block; font-size: 10px; color: #884565; padding: 0 5px; text-transform: uppercase; }
#footer li a:hover			{ text-decoration: none; color: #333333; }

#ukw						{ text-transform: uppercase; color: #999999; font-size: 10px; float: right; margin: 30px 10px 0 0; display: inline; }
#ukw a						{ color: #cccccc; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #884565; text-decoration: none; }

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

#manu-logos					{ position: absolute; right: 15px; top: 25px; width: 129px; height: 110px; }

p#footaddy					{ float: left; display: inline; margin: 10px 0 0 14px; padding: 0; text-transform: uppercase; color: #333333; font-size: 10px; }
p#footaddy span				{ color: #999999; }

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

#scrolling p.normP			{ margin: 5px 45px 10px 5px; }

#AA-graphic					{ position: absolute; top: 180px; left: 12px; }

em.aa 						{ font-size: 9px; color: #CCC; margin: 15px 0 0 16px; float: left; }

img							{ border: none; }

p.quote						{ font-size: 10px; color: #7d0040; margin: 10px 45px; text-align: justify; }

.floatright					{ float: right; margin: 0 30px 0 15px; }

h1							{ font-family: Arial, Helvetica, sans-serif; margin: 20px 30px; font-size: 22px; color: #7d0040; height: 30px; }

h2							{ font-size: 18px; color: #666666; margin: 5px 30px 10px 30px; font-weight: normal; }
#scrolling h2				{margin: 5px 0px 10px 5px;}
h3							{ font-size: 14px; color: #7d0040; margin: 5px 30px 10px 30px; font-weight: normal; }
#scrolling h3				{margin: 5px 0 10px 5px;}

ul.normUL					{ font-size: 11px; color: #333333; margin: 5px 30px 10px 55px; }

#editwrap					{ margin: 5px 0 0 5px; width: 727px; height: auto; overflow: hidden; }
#editwrap *					{ color: #333333!Important; font-family: Verdana, Arial, Helvetica, sans-serif!Important; }

/* Text Formatting */

a.homelogo					{ width: 340px; height: 110px; position: absolute; display: block; left: 68px; top: 25px; background: url(images/home-logo-link.jpg) center top no-repeat; text-indent: -9999px; overflow: hidden; }
a.homelogo:hover			{ background: url(images/home-logo-link.jpg) center bottom no-repeat; }

/* JQuery Slider */

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

#slider1Content 			{ width: 962px; position: absolute;	top: 0;	left: 15px; padding: 0; margin: 0; list-style: none; }
#slider2Content				{ width: 129px; height: 110px; position: absolute; top: 0; left: 0; padding: 0; margin: 0; list-style: none; }
.slider1Image, .slider2Image{ float: left; position: relative; display: none; }


.slider1Image span 			{ position: absolute; height: 110px; width: 250px; color: #fff; display: none; background: url(images/why-buy.png) right top no-repeat; }
.slider2Image span			{ position: absolute; height: 110px; width: 129px; color: #fff; display: none; }


.clear 						{ clear: both; }

.top 						{ top: 0; left: 0; display: none; visibility: hidden; } 
.bottom 					{ bottom: 0; right: 0; }
.left 						{ top: 0; left: 0; width: 150px !important;	height: 280px; }
.right 						{ right: 0;	top: 0; width: 250px !important; height: 110px; }

a:focus 					{ outline: none; }


/* Fancy Menu */

#lavaLampVariableImage {
position: relative;
width: auto;
overflow: hidden;
height: 35px;
list-style: none;
padding: 0;
margin: 0 0 0 40px;
padding-top: 5px;

}
#lavaLampVariableImage li {
float: left;
display:inline;
list-style: none;

}
#lavaLampVariableImage li.backLava {
background: url(images/nav-slider-right.jpg) no-repeat top right;
width: 15px;
z-index: 5;
position: absolute;
}
#lavaLampVariableImage li.backLava .leftLava {
background: url(images/nav-slider-bg.jpg) no-repeat top left;
height: 35px;
margin-right:15px;
z-index: 5;
}
#lavaLampVariableImage li.backLava .cornerLava {

height:27px;
width:24px;
position:absolute;
bottom:0px;
right:0px;
display: none;
visibility: hidden;
}
#lavaLampVariableImage li.backLava .bottomLava {

height:27px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
display: none;
visibility: hidden;
}
#lavaLampVariableImage li a { 
font-size: 12px; 
color:#fff;
outline: none;
text-align: center;
z-index: 10;
display: block;
float: left;
position: relative;
overflow: hidden;
height: 35px;
line-height: 35px;
margin: 0 15px; 
text-decoration: none;
text-indent: -9999px;
margin: 0; 
cursor: pointer;
padding: 0 1px;
}
#lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited {

border: none;
}

#lavaLampVariableImage li#HO a { background: url(images/home.png) center top no-repeat; width: 63px; }
#lavaLampVariableImage li#VS a { background: url(images/view-stock.png) center top no-repeat; width: 97px; }
#lavaLampVariableImage li#WR a { background: url(images/warranty.png) center top no-repeat; width: 95px; }
#lavaLampVariableImage li#FI a { background: url(images/finance.png) center top no-repeat; width: 77px; }
#lavaLampVariableImage li#AS a { background: url(images/aftersales.png) center top no-repeat; width: 90px; }
#lavaLampVariableImage li#AU a { background: url(images/aboutus.png) center top no-repeat; width: 84px; }
#lavaLampVariableImage li#CU a { background: url(images/contactus.png) center top no-repeat; width: 99px; }
#lavaLampVariableImage li#NO a { background: url(images/news-offers.png) center top no-repeat; width: 106px; }
#lavaLampVariableImage li#TE a { background: url(images/testimonials.png) center top no-repeat; width: 104px; }
#lavaLampVariableImage li#WA a { background: url(images/wanted.png) center top no-repeat; width: 76px; }



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

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

/* Vehicle Details */

#VDNew1Leftcolwrap			{ width: 290px; height: auto; float: left; }

#VDetails					{ width: 290px; height: 182px; float: left; }
#VDetails a					{ display: block; width: 290px; height: 30px; line-height: 30px; text-decoration: none; background: #333333; color: #ffffff; text-indent: 15px; font-weight: bold; cursor: pointer; border-bottom: 1px solid #ffffff; }
#VDetails a:hover			{ text-decoration: none; background: #7d0040; }
#VDetails a:active			{ text-decoration: none; background: #7d0040; }
#VDetails div				{ font-size: 11px; height: 89px; overflow: auto!Important; }
#VDetails div#gen 			{}

#VDetails div#fea 			{}
#VDetails div#fea ul		{ list-style: none; height: 0 0 0 10px; width: 270px; margin: 2px 0 0 0; padding: 0; display: block; overflow: hidden; }
#VDetails div#fea ul li		{width: 250px;
	float: left;
	margin: 0 0 0 10px;
	padding: 4px 0;
	border-bottom: 1px dotted #ffffff;
	list-style-type: none;
	color: #333333;}

#VDetails div#oth 			{}

#VDetails div#oth p 			{margin: 0 0 0 10px; padding: 4px 0;}

ul.detailbox  				{ list-style: none; height: 0 0 0 10px; width: 270px; margin: 2px 0 0 0; padding: 0; display: block; overflow: hidden; }

ul.detailbox li 			{
	width: 250px;
	float: left;
	margin: 0 0 0 10px;
	padding: 4px 0;
	border-bottom: 1px dotted #ffffff;
	list-style-type: none;
	color: #333333;
							}
ul.detailbox li strong 		{
	float: right;
							}

/* Button */

#VDNew1Buttons				{ width: 290px; height: 30px; float: left; }
#VDNew1Buttons ul			{ margin: 0; padding: 0; list-style: none; }
#VDNew1Buttons ul a			{ display: block; width: 290px; height: 30px; line-height: 30px; text-decoration: none; background: #333333; color: #ffffff; text-indent: 15px; font-weight: bold; cursor: pointer; border-bottom: 1px solid #ffffff; }
#VDNew1Buttons ul a:hover	{ text-decoration: none; background: #7d0040; }

/* Images etc */

#imageswrap					{ width: 433px; float: right; position: relative; }

#VDNew1Tran					{ float: right; width: 321px; height: 240px; overflow: hidden; margin:0; display: inline; border: 2px solid #7d0040; }
#VDNew1Tran img				{}

#VDNew1Thumbs				{ float: left; height: 244px; width: 104px; margin: 0; overflow: auto; display: inline; }

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

#VDNew1Thumbs ul			{ margin: 0; padding: 0; list-style: none; width: 104px; }
#VDNew1Thumbs ul li			{ margin: 0; padding: 0; width: 104px; height: 77px; margin-bottom: 1px; }
#VDNew1Thumbs ul li a img	{ width: 100px; height: 75px; border: 2px solid #333333; display: block; filter:alpha(opacity=75);	-moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;; }
#VDNew1Thumbs ul li a:hover img{ filter:alpha(opacity=99);	-moz-opacity:0.99; -khtml-opacity: 0.99; opacity: 0.99; border: 2px solid #7d0040 }
#VDNew1Thumbs ul li	a		{ width: 104px; height: 77px; display: block; background: url(images/VDThumbBG.gif) right bottom no-repeat; }
#VDNew1Thumbs ul li	a:hover	{}
#VDNew1Thumbs ul p			{ display: none; }
#VDNew1Thumbs ul p a		{ display: none; }

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

	width: 80px;
	height: 220px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #333333;
	border: 2px solid #7d0040;
	background: #ffffff;
}
/* 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;
}


/**************************************************************************/

/* Scroll Panels */

a.jScrollArrowUp {
	background: url(images/up-arrow.png) center bottom no-repeat;
	width: 33px; height: 33px;
}
a.jScrollArrowUp:hover {
	background: url(images/up-arrow.png) center top no-repeat;
}
a.jScrollArrowDown {
	background: url(images/down-arrow.png) center top no-repeat;;
}
a.jScrollArrowDown:hover {
	background: url(images/down-arrow.png) center bottom no-repeat;;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}


		
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 780px;
	height: 250px;
	overflow: auto;
	float: left;
	margin-left: 25px;

}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}


#scrolling {
	height: 250px;
}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width: 33px!Important;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	width: 6px!Important;
	margin-left: 13px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 33px;
	width: 33px!Important;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 33px;
	width: 33px!Important;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}