/* 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 3px; 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.right 			{ position: absolute; height: 110px; width: 250px; color: #fff; display: block !important; background: none; }
.slider1Image span.left 			{left: 1px !important; top: 1px !important; position: absolute; height: 110px; width: 250px !important; color: #fff; display: block !important;  }

.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 20px;
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: 56px; }
#lavaLampVariableImage li#VS a { background: url(images/view-stock.png) center top no-repeat; width: 85px; }
#lavaLampVariableImage li#WR a { background: url(images/warranty.png) center top no-repeat; width: 85px; }
#lavaLampVariableImage li#FI a { background: url(images/finance.png) center top no-repeat; width: 70px; }
#lavaLampVariableImage li#AS a { background: url(images/aftersales.png) center top no-repeat; width: 83px; }
#lavaLampVariableImage li#AU a { background: url(images/aboutus.png) center top no-repeat; width: 77px; }
#lavaLampVariableImage li#CU a { background: url(images/contactus.png) center top no-repeat; width: 92px; }
#lavaLampVariableImage li#FU a { background: url(images/howtofindus.png) center top no-repeat; width: 109px; }
#lavaLampVariableImage li#NO a { background: url(images/news-offers.png) center top no-repeat; width: 109px; }
#lavaLampVariableImage li#TE a { background: url(images/testimonials.png) center top no-repeat; width: 90px; }
#lavaLampVariableImage li#WA a { background: url(images/wanted.png) center top no-repeat; width: 69px; }



/****************************** 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; }

#VDetails a.techLink {
	height: 21px;
	line-height: 20px;
	text-indent: 0px;
	text-align: center;
	width: 200px;
}


/* 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;*/
}

#VDSwitchImageLink {
	line-height: 34px !important;
}


/* sharethis styles*/


#socialBookmarks {
	margin: -20px 40px 0 0;
	float:right;
}

#socialBookmarks {
	overflow: hidden;
	width: 92px;
	height: 24px;
	position: relative;
}

#socialBookmarks img {
	border: none;
	outline: none;
}

#socialBookmarks .button {
	margin-top: 50px;
	width: 92px;
	height: 24px;
	background: url('/images/share-this/button.gif') no-repeat 0px 0px;
}

#socialBookmarks .button img {
	margin-left: 4px;

}

#socialBookmarks .bubble {
	display: block;
	position: absolute;
	left: 50%;
	top: -24px;
	width: 174px; /* Roughly 18px per col + 5px*/
	margin-left: -87px; /* width divided by 2 (negative margin!) */
	height: 74px;
	background: url('/images/share-this/bubble.gif') no-repeat 0px 0px;
}

#socialBookmarks .bubble .caption {
	background: url('/images/share-this/caption.gif') no-repeat 0px 0px;
	font: 10px "Arial", "Tahoma", "Verdana", sans-serif;
	color: #FFF;
	text-align: center;
	line-height: 16px;
	display: block;
	width: 220px;
	height: 20px;
	top: -20px;
	left: -36px;
	position: absolute;
}

#socialBookmarks .bubble .tip {
	width: 14px;
	height: 6px;
	background: url('/images/share-this/tip.gif') no-repeat 0px 0px;
	position: absolute;
	z-index: 9;
	bottom: 3px;
	right: 50%;
	margin-right: -7px;
}

#socialBookmarks .bubble .end {
	width: 3px;
	height: 148px;
	background: url('/images/share-this/end.gif') no-repeat 0px 0px;
	position: absolute;
	z-index: 8;
	top: 0px;
	right: -3px;
}

#socialBookmarks .bubble a {
	margin: 2px 0px 2px 2px;
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	position: relative;
	z-index: 9;
}

#socialBookmarks .bubble img {
	width: 16px;
	height: 16px;
	position: absolute;
	margin: 8px 0px 0px 8px;
}

#socialBookmarks.noJS:hover {
	overflow: visible;
}

#socialBookmarks:hover .button {
	background-position: 0px -24px;
}

#socialBookmarks.noJS:hover .bubble {
	display: block;
}

#socialBookmarks.noJS .bubble a:hover img {
	width: 32px !important;
	height: 32px !important;
	margin: 0px !important;
}

#socialBookmarks.noJS .caption {
	display: none;
}


.captivas {
	display: block;
	width: 294px;
	height: 92px;
	background: url('../images/captivas.jpg') no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	right: 9px;
	top: -4px;
}

.captivas:hover {
	background-position: 0 -92px;
}

.save1000 {
	display: block;
	width: 294px;
	height: 92px;
	background: url('../images/save1000.jpg') no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	right: 9px;
	top: -4px;
}

.save1000:hover {
	background-position: 0 -92px;
}

.lacetti {
	display: block;
	width: 294px;
	height: 92px;
	background: url('../images/lacettiofferflash.gif') top no-repeat;
	text-indent: -9999px;
	position: absolute;
	right: 9px;
	top: -4px;
}

.lacetti:hover {
	background: url('../images/lacettiofferflash.gif') top no-repeat;
}


.lacetti2 {
	display: block;
	width: 210px;
	height: 66px;
	background: url('../images/lacettiofferflashsmall.gif') top no-repeat;
	text-indent: -9999px;
	position: absolute;
	right: 230px;
	top: 1px;
}

.lacetti2:hover {
	background: url('../images/lacettiofferflashsmall.gif') top no-repeat;
}