/* Copyright 2009 www.ukwebsites.net */

/*
	COLOURS
	RED: #c20807
*/

body, html {height: 100%}
body {margin: 0; padding: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9e9e9e; background: url(../images/bodyBack.jpg) 0 2px repeat-x #141414}

/* __________________________ BASIC TEXT ___________________________ */
h1, h2, h3, h4 {margin: 18px 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #c20807; text-transform: uppercase}
h1 	{font-size: 26px}
h2	{font-size: 18px;}
h2.subHeading {margin: 0px 0px 20px 0px; color: #858585}
h3 	{font-size: 22px}
h4 	{font-size: 12px}

p, ol, ul {margin: 20px 20px 0 0; line-height: 1.6}
ul li, ol li {margin-left: 20px}

a {text-decoration: none; font-weight: bold; color: #c20807}
a:hover {color: #ddd}

a img {border: 0}

a#mfi-trade-sales 	{position: absolute; left: 15px; top: 8px; z-index: 110;}
p#strap-line		{position: absolute; left: 65px; top: 72px; z-index: 111; margin: 0; font-size: 10px; color: #aeaeae; text-transform: uppercase}

p#tel-number		{position: absolute; right: 15px; top: 40px; z-index: 112; margin: 0; font-size: 22px; text-align: right; color: #b3b3b3}
p#tel-number span 	{color: #e00000}

p#mob-number		{position: absolute; right: 21px; top: 62px; z-index: 112; margin: 0; font-size: 22px; text-align: right; color: #b3b3b3}
p#mob-number span 	{color: #e00000}


/* _________________________ BASIC LAYOUT __________________________ */
div#redpx {width: 100%; height: 1px; margin-top: 1px; background: #c20807}
div#containerFull {width: 100%; position: absolute; left: 0; top: 0; z-index: 100; overflow: hidden}
div#container {margin: 0 auto; width: 990px; overflow: hidden}
div#top {width: 990px; height: 104px; position: relative; z-index: 110}
div#nav {width: 970px; margin: 0 10px; height: 44px; background: url(../images/nav-back.gif) 0 0 no-repeat; overflow: hidden; position: relative; z-index: 112}

div#imgTrans {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden} 
div#imgTrans div {width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 10;}

div#imgTrans div#trans-merc-sl { background: url(../images/img-trans/merc-sl.jpg) 51% top no-repeat}
div#imgTrans div#trans-bmw-3-series { background: url(../images/img-trans/bmw-3-series.jpg) 51% top no-repeat}
div#imgTrans div#trans-golf-gti { background: url(../images/img-trans/golf-gti.jpg) 51% top no-repeat}


div#pageContent {width: 970px; margin: 0 10px; overflow: hidden; margin-top: 331px;} 
div#leftCol {float: left; width: 650px; overflow: visible}
div#rightCol {float: right; width: 320px; overflow: hidden}

div#leftColWide {float: left; width: 750px; overflow: hidden}
div#rightColNarrow {float: right; width: 220px; overflow: hidden}

div#footerFull	{width: 100%; padding: 10px 0 20px 0; border-top: 1px solid #333}
div#footer {height: 30px;
    margin: 0 auto;
    position: relative;
    width: 970px;}

div#ukwebs {margin: 0 auto; width: 970px; height: 30px; text-align: right}


/* _________________________ EXTRA DIVS ____________________________ */
#dateTime 				{width: 320px; height: 58px; background: url(../images/dateTimeBack.gif) 0 0 no-repeat; margin: 8px 0 0 0; overflow: hidden; line-height: 58px; text-indent: 20px; text-transform: uppercase; font-weight: bold}

#dateTime #spanDate 	{color: #c20807; padding-right: 5px; float: left}

#frmTime 				{margin: 18px 0 0 0; padding: 0; height: 20px; line-height: 20px; width: auto; float: left; background: none; text-align: left; border: 0; position: relative; z-index: 1000; text-indent: 0}
#frmTime input			{margin: 0; padding: 0; height: 20px; line-height: 20px; text-transform: uppercase; font-weight: bold; color: #999; background: none!important; border: 0!important; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; outline: none!important; text-indent: 0}

#addressBox 		{width: 320px; height: 108px; background: url(../images/addressBack.gif) 0 0 no-repeat; margin: 8px 0 0 0; overflow: hidden}
#addressBox p 		{margin: 11px 0 0 20px; text-transform: uppercase; font-weight: bold; line-height: 1.4}
#addressBox p span 	{color: #c20807; display: block; width: 55px; text-align: right; float: left; padding: 0 10px 0 0}
#addressBox p span#addrsspan {height: 50px}

#featuresBox {margin: 30px 0; width: 606px; height: 144px; background: url(../images/featuresBack.jpg) 0 0 no-repeat}

#featuresBox ul {margin: 50px 10px 10px 0; padding: 0 0 0 25px; float: left; width: 165px;}
#featuresBox ul li {margin: 0; padding: 0 0 0 23px; line-height: 2.2; list-style: none outside; background: url(../images/arrowBullet.gif) left 4px no-repeat}
 #featuresBox ul li.long {width: 400px;}
 
/* ___________________________ MAIN NAV ____________________________ */
div#nav ul {margin: 2px 0 0 2px; padding: 0; height: 40px;}
div#nav ul li {display: block; float: left; list-style: none outside; height: 40px; line-height: 40px; margin: 0; padding: 0}
div#nav ul li a {display: block; float: left; height: 40px; line-height: 42px; text-align: center; color: #e1e1e1; text-transform: uppercase; background-repeat: repeat-x; background-position: 0 0; background-image: url(../images/navA.gif); font-weight: normal; font-size: 11px; padding: 0 15px; }
div#nav ul li a:hover {background-position: 0 bottom}

div#nav ul li a#navViewStock 		{width: 106px; background: url(../images/navViewStock.gif) left top no-repeat; padding: 0!Important; }
div#nav ul li a#navViewStock:hover	{ background-position: bottom; }
div#nav ul li a#navHome 			{width: 37px; background-image: url(../images/navHome.gif); background-repeat: no-repeat;  padding: 0!Important;}

div#nav ul li a.current {background-position: 0 bottom}


/* ___________________________ FOOTER NAV ____________________________ */
a#ttt {float: left; color: #999; line-height: 30px; padding: 0 0 0 30px; font-size: 10px; font-weight: normal; text-transform: uppercase; background: url(../images/ttt.gif) 5px 50% no-repeat}
a#ttt:hover {color: #eee}

div#footer ul {margin: 0 10px 0 0; padding: 0; width: auto; float: right;}
div#footer ul li {margin: 0; padding: 0; display: inline; list-style: none outside}
div#footer ul li a {margin: 0; padding: 0 10px; color: #888; line-height: 30px; font-size: 10px; font-weight: normal; text-transform: uppercase}
div#footer ul li a:hover {color: #eee}


/* ________________________ UK WEB SITES LINK ________________________ */
span#ukwebsites {line-height: 30px; color: #666; font-size: 10px; margin: 0 20px 0 0; text-transform: uppercase}
span#ukwebsites a {color: #aaa; font-size: 10px; font-weight: normal}
span#ukwebsites a:hover {color: #eee}



/* __________________________ CONTACT PAGE ___________________________ */
div#phoneNum {font-size: 18px; text-indent: 90px; margin: 40px 0 0 0; height: 40px; line-height: 40px; width: 100%; background: url(../images/phoneIcon.gif) 40px 0 no-repeat}

a#locationHoursLink {display: block; color: #999; font-size: 18px; text-indent: 90px; margin: 25px 0 0 0; height: 40px; line-height: 40px; width: 100%; background: url(../images/find-us.gif) 40px 0 no-repeat}

a#locationHoursLink:hover {color: #ccc}


/* matts changes */

div#rightColNarrow {
	width: 270px;
}

div#leftColWide {
	width: 700px;
}

#vd-right {
	width: 270px;
	margin-top: 10px;
	background: url('../images/vd-right.jpg') no-repeat top left;
}


#vd-right #dateTime {
	margin: 0px;
}

#vd-right #dateTime,
#vd-right #addressBox {
	background: none;
}

#vd-right #mobile {
	font-weight: bold;
	height: 58px;
	margin-top: 15px;
	width: 320px;
	text-indent: 20px;
	text-transform: uppercase;
	color: #9E9E9E;
}

#vd-right #mobile span {
	display: block;
	float: left;
	clear: both;
	width: 320px;
	margin-top: 4px;
}

#vd-right #mobile span.first {
	margin-top: 12px;
}

#vd-right #mobile strong {
	color: #C20807;
}

#vd-right #hours {
	font-weight: bold;
	text-transform: uppercase;
	color: #9E9E9E;	
}

#vd-right #hours .hourstable {
	margin: 22px 0px 0px 18px;
}

#vd-right #hours .hours-standardDay {
	
}

#vd-right #hours .hours-currentDay {
	color: #C20807;
}

#vd-right #hours #hours-Friday {
	background: none;
}

#vd-right #hours .hourstext {
	display: none;
}