/* ========== myvolkswagen.co.uk =========== */
/* ====== (c) blueskyinteractive 2008 ====== */

/* ==== common ==== */
html {
	margin: 0;
	padding: 0;
	background: url(../images/full-bg2.gif);
	height: 100%; }
body {
	margin: 0;
	padding: 0;
	background: url(../images/bg-top.gif) repeat-x;
	height: 100%; } 
#pages {
	width: 904px;
	margin: auto;
	padding: 0;
	background: #FFFFFF;
	position: relative;
	min-height: 100%; }
* html #pages {
	height: 100%; }

#content {
	width: 896px;
	font: normal 12px/17px "Century Gothic", Arial, Helvetica, sans-serif; color: #333333;
	margin: 0;
	padding: 0 4px 0 4px;
	background: #FFF; }
.clear { clear: both; height: 0; overflow: hidden; }
#content h2 {
	font: bold 14px/17px "Century Gothic", Arial, Helvetica, sans-serif; color: #1c2f36;
	margin: 0 0 10px 0;
	padding: 0;	
}
#content h3 {
	font: bold 12px/17px "Century Gothic", Arial, Helvetica, sans-serif; color: #333333;
	margin: 0 0 2px 0;
	padding: 0;	
}
#content p {
	margin: 0 0 10px 0;
	padding: 0; 
}
#content ul {
	list-style-type: disc;
	margin: 0 0 10px 6px;
	padding: 0;
}

/* ==== header ==== */
#header {
	width: 896px;
	height: 154px;
	padding: 4px 4px 0 0;
	margin: 0 0 0 4px;
	background: url(../images/top-bg.jpg) no-repeat;
	border-bottom: 4px solid #ffffff;
}
#header p {
	font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif; color: #1a2d37;
	margin: 0 0 10px 0;
	padding: 0;	
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header-left {
	float: left;
	width: 350px;
	padding: 0 0 0 4px;
	margin: 0; 
}
#header-right {
	float: right;
	width: 95px;
	padding: 7px 4px 0 0;
	margin: 0; 
}

/* ==== menu ==== */
#menu-container {
	background-color: #1a2d37;
	margin: 0;
	padding: 0;
	width: 526px;
}
#tablist{
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	font: bold 12px/15px "Century Gothic", Arial, verdana, sans-serif; color: #ccdeeb;
}
#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}
#tablist li a{
	text-decoration: none;
	padding: 5px 2px 5px 8px;
	margin:0;
}
#tablist li a:link, #tablist li a:visited{
	color: #ccdeeb;
}
#tablist li a:hover{
	color: #00c6ff;
	text-decoration: underline;
}
#tablist li a.current{
	color: #00c6ff;
}
.tabcontent{
	display:none;
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	margin: 0;
	color: #ccdeeb;
}
#sc2 {
	margin-left: 4px;
}
#sc3 {
	margin-left: 4px;
}
#sc5 {
	margin-left: 4px;
}

a.tabconlink:link, a.tabconlink:visited {
	color: #ccdeeb;
	text-decoration: none;
	padding: 1px 0.5em 2px 0.5em;
	font-weight: bold;
}
a.tabconlink:hover, a.tabconlink:visited:hover {
	color: #00c6ff;
	text-decoration: underline;
	padding: 1px 0.5em 2px 0.5em;
	font-weight: bold;
} 

/* ==== nav ==== */
#nav {
	float: left;
	margin: 0;
	padding: 0;
	background: #1a2d37;  
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left; 
}
#nav ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0; 
}
#nav ul li a {
	padding: 4px 2px 6px 8px;
	margin: 0;
	display: block;
	font: bold 12px/15px "Century Gothic", Arial, verdana, sans-serif; color: #ccdeeb;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase; 
}
#nav ul li a.last {
	padding: 4px 8px 6px 8px;
}
#nav ul li a:hover {
	color: #00c6ff; 
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 0;
	width: 146px;
	w\idth: 142px; 
}
#nav li ul a {
	width: 136px;
	w\idth: 132px;
	margin: 0;
	padding: 3px 3px 3px 2px;
	background: #1a2d37;
	border-top: 1px solid #48575f;
	color: #ccdeeb;
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif;
	padding-left: 8px;
	line-height: 1.4em; 
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background: #1a2d37;
	width: 136px; 
}
	
/* ==== home only ==== */
/* ==== boxes ==== */
#boxes { font: normal 16px/17px "Century Gothic", Arial, Helvetica, sans-serif; color: #b9bec0; }
#boxes a, #boxes a:link, #boxes a:visited { font-weight: bold; color: #00c6ff; text-decoration: none; }
#boxes a:hover { color: #00c6ff; text-decoration: underline; }
#boxes img{
margin: 0;
padding: 0;
}
#box1 /* book online */ {
	float: left;
	width: 212px;
	margin: 0;
	padding: 60px 6px 0 6px;	
	height: 137px;
	background: #192c35 url(../images/book-online-bg.jpg) no-repeat;
}

#newbox1 /* book online */ {
	float: left;
	width: 224px;
	margin: 0;
	height: 197px;
	background: #192c35 url(../images/book-online-bg.jpg) no-repeat;
	overflow: hidden;
}

a #box1 {
	cursor: pointer; cursor: hand;
}
a #box1:hover {
	cursor: pointer; cursor: hand;
	text-decoration: underline;
}
#box2 /* chooser */ {
	float: left;
	width: 220px;
	margin: 0;
	padding: 40px 0px 0 0px;
	height: 157px;
	background: #192c35 url(../images/find-us-bg.jpg) no-repeat;
	overflow:hidden;
	color: #b9bec0;
	font: normal 15px/16px "Century Gothic", Arial, Helvetica, sans-serif;
}

#box2 h3 { font: bold 11px/14px "Century Gothic", Arial, Helvetica, sans-serif; }

#box3 /* was offers, now finance 20/05/08 */ {
	float: left;
	width: 212px;
	margin: 0;
	padding: 40px 6px 0 6px;	
	height: 157px;
	background: #192c35 url(../images/finance-bg.jpg) no-repeat;
}
#box3.offerprice {
	color: #eb690a
}

#newbox3{
	float: left;
	width: 224px;
	margin: 0;
	padding: 0;
	height: 197px;
	overflow: hidden;
	background: #192c35 url(../images/finance-bg.jpg) no-repeat;
}

/*	#box3 /* was offers, now finance 20/05/08  {
	float: left;
	width: 212px;
	margin: 0;
	padding: 40px 6px 0 6px;	
	height: 157px;
	background: #192c35 url(../images/finance-bg.jpg) no-repeat;
}
#box3.offerprice {
	color: #eb690a
}*/

#box4 /* news */ {
	float: left;
	width: 200px;
	margin: 0;
	padding: 40px 6px 0 6px;	
	height: 157px;
	/*background: #192c35 url(../images/latest-news-bg.jpg) no-repeat;*/
	background: #192c35 url(../images/motability-home.jpg) no-repeat;
}

#newbox4{
	float: left;
	width: 224px;
	margin: 0;
	height: 197px;
	overflow:hidden;
	/*background: #192c35 url(../images/latest-news-bg.jpg) no-repeat;*/
	background: #192c35 url(../images/motability-home.jpg) no-repeat;
}

/* ==== chooser (box 2) ==== */
.access-text {
	display:none; 
}
#box2 .clear {
	overflow: hidden;
	clear: both;
	height: 0px;
	margin: -1px 0px 0px 0px;
}
.clear-simple {
	clear:both; 
}
#box2 ul {
	list-style-type: none;
	padding: 0;
}
#box2 li {
	display: inline;
}

#box2 p{
	margin: 0px 5px 0px 5px;
}

#box2 li.block {
	display: block; 
}
.tab-links-wide {
	padding: 0; 
}
.tab {
	margin: 0;
	padding: 40px 7px 0 0;
	float: left;
	border-bottom: 0;
	cursor: hand; /* IE 5.5 only */
	voice-family: "\"}\"";
	cursor: pointer; /* Non IE 5.5 browsers */ 
	font: bold 15px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #00c6ff;
}
.tab-simulated {
	text-decoration: underline;
	margin: 0;
	padding: 40px 7px 0 0;
	float: left;
	border-bottom: 0;
	cursor: hand; /* IE 5.5 only. */
	voice-family: "\"}\"";
	cursor: pointer; /* Non IE 5.5 browsers. */ 
	font: bold 15px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #00c6ff;
}
.tab-selected {
	margin: 0 0 -1px 0;
	padding: 40px 7px 0 0;
	float: left;
	font: bold 15px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF;
}

/* ==== models nav ==== */
#models {
	width: 896px;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	background: #1a2d37; 
}
#models ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left; 
}
#models ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0; 
}
#models ul li a {
	padding: 4px 10px 6px 11px;
	margin: 0;
	display: block;
	font: bold 13px "Century Gothic", Arial, verdana, sans-serif; color: #ccdeeb;
	text-align: left;
	text-decoration: none;
/*	text-transform: uppercase; */
}
#models ul li a:hover {
	color: #00c6ff;
}

#models li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 0;
	width: 154px;
	w\idth: 150px;
	border: none;
	}

#models li ul a {
	font-size: 14px;
	width: 154px;
	w\idth: 150px;
	margin: 0;
	padding: 3px 3px 5px 7px;
	background: #1a2d37; 
	border-top: none;
	border-bottom: 1px solid #ccdeeb;

	}

#models li:hover ul, #models li li:hover ul, #models li li li:hover ul, #models li.sfhover ul, #models li li.sfhover ul, #models li li li.sfhover ul {
	left: auto;
	width: 124px;
	border: none;
	} 

/* ==== styles for RSS Feed ==== 
.right-rss {
	float: right;
	width: 220px;
	margin: 0; 
	padding: 0;
	background: #1a2d37 url(../images/rss-weather-bg.gif) repeat-x; 
}
.right-rss ul li {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
.rss_box {
	margin: 0;
	padding: 6px 6px 8px 6px;
	width: 208px;
	color: #FFFFFF;
}
.rss_title, rss_title a {
	font: normal 10px/12px "Century Gothic", Arial, verdana, sans-serif; color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.rss_items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rss_item  {
	font: normal 10px/12px "Century Gothic", Arial, verdana, sans-serif;
	margin: 0;
}
.rss_item img {
	visibility: hidden;
	width: 0;
	height: 0;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	color: #00c6ff;
}
.rss_item a:hover { 
	text-decoration : none;
	color: #00c6ff;
	text-decoration: underline;
}
.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #FFFFFF;
}
*/

/* ==== actions ==== */
.accessories a, .accessories a:link, .accessories a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.accessories a:hover {
	color: #00c6ff;
	text-decoration: none;
}

/* ==== regular page content ==== */
#main {
	width: 672px;
	float: left;
	margin: 0; 
	padding: 0;
}
#main p, #main h1, #main h2, #main h3, #main2 p, #main2 h2, #main2 h3, #main3 p, #main3 h1, #main3 h2, #main3 h3 {
	margin: 2px 6px 6px 6px; 
	padding: 0;
	background: #ffffff;
}
#main table, #main2 table {
	margin: 0 0 0 6px;
	padding: 0;
}
#main td, #main2 td {
	margin: 0;
	padding: 0 0 6px 0;
}
#main2 {
	width: 664px;
	float: left;
	margin: 0; 
	padding: 0;
	border-top: 4px solid #f3f4f5;
	border-right: 4px solid #f3f4f5;		
	border-left: 4px solid #f3f4f5;
	background: #ffffff;
}
#main3 {
	width: 888px;
	float: left;
	margin: 0; 
	padding: 0;
	border: 4px solid #f3f4f5;
	background: #ffffff;
}
#main ul, #main2 ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 5px; 	
}
#main ul li, #main2 ul li {
	list-style-type: disc;
}
#main th, #main2 th {
	text-align: left;
	background-color: #DFDFE6; 
}
.offers th {
	text-align: left;
	font: normal 10px/12px "Century Gothic", Arial, verdana, sans-serif; color: #333333;
	margin: 0;
	padding: 2px 2px;
}
.offers td {
	margin: 0;
	padding: 2px 2px;
}
.offer-price {
	font: bold 12px/12px "Century Gothic", Arial, verdana, sans-serif; color: #3b6377;
}
.left1 {
	float: left;
	width: 330px; 
	margin: 0; 
	padding: 0;
	border-top: 4px solid #f3f4f5;
	border-bottom: 4px solid #f3f4f5;		
	border-left: 4px solid #f3f4f5;
	background: #ffffff;
}
.centre1 {
	float: right;
	width: 330px; 
	margin: 0 0 4px 0; 
	padding: 0;
	border: 4px solid #f3f4f5;
	background: #ffffff;
}
.left2 {
	float: left;
	width: 204px; 
	margin: 0; 
	padding: 2px 6px 6px 6px;
	border: 4px solid #f3f4f5;
	background: #ffffff;
}
.centre2 {
	float: right;
	width: 424px; 
	margin: 0; 
	padding: 2px 6px 6px 6px;
	border: 4px solid #f3f4f5;
	background: #ffffff;
}

#right {
	float: right;
	width: 212px;
	margin: 0; 
	padding: 0;
	border: 4px solid #f3f4f5;
	background: #ffffff; 
}
#right h2 {
	display: block;
	font: normal 14px/16px "Century Gothic", Arial, Helvetica, sans-serif; color: #b9bec0;
	background: #5e6c73;
	margin: 0;
	padding: 1px 3px 2px 3px; 
}
#right p {
	margin: 2px 6px 6px 6px; 
	padding: 0;
	background: #ffffff;
}
.notes { font: normal 10px/13px "Century Gothic", Arial, Helvetica, sans-serif; color: #999; }
a, a:link, a:visited {
	color: #eb690a;
	text-decoration: none;
	font-weight: bold; }
a:hover { color: #00c6ff;
	text-decoration: underline; }
.arrow {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow.gif) 0 4px no-repeat;
}
.profiles td {
	margin: 0;
	padding: 0 0 6px 0;
}

/* ==== survey form ==== */
fieldset.survey {
	margin: 10px 10px;
	padding: 0 10px 5px 10px;
	border: 1px solid #ebebeb;
}
.survey input {
	margin: 0 5px 0 0;
}
.survey ol li {
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #ebebeb;
}
.survey ol li.last {
	padding: 5px 0 5px 0;
	border: none;
}
.survey input.button {
	width: 100px;
}

/* ==== contact form ==== */
#contact  {
	width: 324px;
	margin: 0;
	padding: 0;
	font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000; }
#contact select {
	margin: 0 0 5px 0;
	padding: 0;
	width: 180px; }
#CarDetails, #Name, #Email, #Telephone, #Company {
	margin: 0 0 5px 0;
	padding: 0;
	width: 176px; }
#txtEnquiry {
	width: 190px;
	margin: 0 0 5px 0;
	padding: 0; }
#chkboxMarketing {
	width: 20px;
	margin: 0;
	padding: 0; }
#btnSubmit {
	width: 180px;
	margin: 0 0 0 120px;
	font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000; }
#contact label {
	width: 100px;
	text-align: right;
	vertical-align: top;
	padding: 2px 0 0 0; }

/* ==== Mailing List From ==== */

#mailingcontainer{
	background: #5e6c73;
	margin: 0;
	padding: 1px 5px 2px 5px;
}

#mailingcontainer .formtext{
	background: #5e6c73;
	color: #fff;
	font-size: 11px;
	margin: 0;
}

.mailingform{
	display: block;
	font: normal 10px "Century Gothic", Arial, Helvetica, sans-serif; color: #b9bec0;
/*	background: #5e6c73;*/
	margin: 0;
}

.mailingform label{
	color: #fff;
}

.mailingform #Name, .mailingform #Email{
	width: 198px;
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	margin: 4px 0 6px 0;
	padding: 0;
}

.mailingform #mailsubmit{
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	margin: 4px 0 6px 0;
	padding: 0; 
	width: 202px;
}

/* ==== used search stuff ==== */
/* ====== home search ====== 
#homesearchintro {
	float: left;
	width: 208px;
	padding: 0;
	margin: 0;
}
#homesearch {
	float: right;
	width: 208px;
	padding: 6px 0 0 0;
	margin: 0; 
}
#homesearch p {
	padding: 0;
	margin: 0; 
}
#homesearch select {
	font: 11px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	width: 180px;
	margin: 0 0 5px 0;
	padding: 0; 
}
#homesearch .dropdown {
	width: 87px;
	margin: 1px 6px 0 0;
	padding: 0; 
}
#homesearch input.search {
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	width: 180px;
	margin: 4px 0 0 0;
	padding: 0; 
}*/
/* ====== home search ====== */
#homesearch {
	float: right;
	width: 208px;
	margin: 0; 
	padding: 6px 6px;
	background: #1a2d37 url(../images/rss-weather-bg.gif) repeat-x; 
}
#homesearch p {
	padding: 0;
	margin: 0 0 6px 0;
	color: #FFFFFF;
}
#homesearch h2 {
	padding: 0;
	margin: 0 0 6px 0;
	color: #FFFFFF;
}
#frmQuery {
	padding: 0;
	margin: 6px 0 0 0;
}
#homesearch select {
	font: 11px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	width: 202px;
	margin: 0 0 5px 0;
	padding: 0; 
}
#homesearch .dropdown {
	width: 98px;
	margin: 1px 6px 0 0;
	padding: 0; 
}
#homesearch input.search {
	font: bold 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	width: 202px;
	margin: 4px 0 6px 0;
	padding: 0; 
}

/* ====== advanced search ====== */
#search {
	width: 324px;
	padding: 4px 0 10px 0;
	margin: 0; }
#search input {
	width: 106px;
	font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 6px 6px;
	padding: 0; }
#search p {
	margin: 0;
	padding: 0; }
select {
	width: 218px;
	margin: 0 0 5px 6px;
	padding: 0; }
#DropdownPriceFrom, #DropdownPriceTo {
	width: 106px; }

/* ==== search results ==== */
#usedlist {
	width: 876px;
	height: 350px;
	overflow: auto;
	margin: 0 0 12px 6px;
	padding: 0;
}
#dvVehicleList td {
	margin: 0;
	padding: 2px 4px 2px 4px;
}
.subtitle2 {
	text-align: left;
	width: 640px;
	font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif; color: #FFF;
	margin: 0;
	padding: 2px 4px 2px 4px;
	background-color: #AEAEAE; 
}
.subtitle2 a { color: #FFF; text-decoration: none; }
.subtitle2 a:hover { color: #FFF; text-decoration: underline; }
.stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 640px;
	font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
	padding: 3px 2px 3px 4px; 
	margin: 0; 	
}
.nostripe {
	background-color: #FFF;
	color: #000; 
}
.stripe {
	background-color: #E5E5E5;
	color: #000; 
}
.nostripeover, .stripeover  {
	background-color: #db431e;
	color: #FFF;
	cursor:hand; cursor:pointer; 
}

/* ==== details ==== */
.photos {
	width: 300px;
	background: #e5e5e5;
	margin: 0;
	padding: 0 15px 0 15px;
}
.price {
	font: bold 24px/20px "Century Gothic", Arial, Helvetica, sans-serif; color: #333333;
}
.imgsubtitle {
	font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif; color: #333333;
	padding: 0;
	margin: 0; 
}

/* ==== footer ==== */
#footer {
	width: 896px;
	clear: both;
	margin: 4px 0 4px 4px;
	padding: 0;
	font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif; color: #9db1bb;
	text-align: right;
	background: #1a2d37;
}
#footer p {
	margin: 0;
	padding: 4px 6px 6px 0px; 
}
#footer a {	font-weight: normal; color: #9db1bb; text-decoration: none; }
#footer a:hover { color: #9db1bb; text-decoration: underline; }

/* ==== t&cs popup ==== */
/* in popup */

/* ==== images only ==== */
.button { margin: 0 0 10px 0; }
.camera { margin: 2px 0 0 5px; }
.mainimg { margin: 10px 0 12px 0; }
.thumb { margin: 0 0 6px 0; }
.thumb2 { margin: 0 6px 6px 6px; }