/* CSS Doc for Martins Renault */

body					{ padding: 0; margin: 0; background: url(images/bg.jpg) center top repeat-y #666666; font-family: Arial, Helvetica, sans-serif; text-align: center; }


table {border-collapse: collapse;}

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

#header					{ padding-left: 1px; }

#topnav					{ width: 992px; height: 60px; background: url(images/topnav-bg.jpg) center top no-repeat; padding: 0px 0 0 20px; margin-left: 1px;}
#topnav ul				{ width: 900px; height: 40px; list-style: none; padding: 10px 0 0 0; margin: 0; }
#topnav ul li			{ width: auto; height: 40px; float: left; display: block; list-style: none; margin: 0px; padding: 0px; text-align: center; }
#topnav ul li a			{ width: auto; height: 37px; line-height: 37px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ffffff; text-decoration: none; border-bottom: 3px solid #000000; padding: 0 10px 0 10px; letter-spacing: 1px}
#topnav ul li a:hover	{ border-bottom: 3px solid #feb415; }

#botnav					{ width: 992px; height: 60px; background: url(images/botnav-bg.jpg) center top no-repeat; padding: 10px 0 0 20px; margin-left: 1px; position: relative; }
#botnav ul				{ width: 900px; height: 40px; list-style: none; padding: 0px; margin: 0px; }
#botnav ul li			{ width: auto; height: 40px; float: left; display: block; list-style: none; margin: 0px; padding: 0px; text-align: center; }
#botnav ul li a			{ width: auto; height: 37px; line-height: 37px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ffffff; text-decoration: none; border-top: 3px solid #000000; padding: 0 10px 0 10px; letter-spacing: 1px; }
#botnav ul li a:hover	{ border-top: 3px solid #feb415; }

#top-dropdowns			{ z-index: 30000; text-align: left; position: absolute; }
#top-dropdowns ul		{ width: 190px; height: 40px; list-style: none; padding: 0px; margin: 0px; background: #333333; }
#top-dropdowns ul li	{ width: 190px; height: 40px; float: left; display: block; list-style: none; margin: 0px; padding: 0px; text-align: left; }
#top-dropdowns ul li a	{ width: 190px; height: 37px; line-height: 37px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ffffff; text-decoration: none; border-bottom: 3px solid #000000; padding: 0 10px 0 10px; letter-spacing: 1px; background: #333333 }
#top-dropdowns ul li a:hover{ border-bottom: 3px solid #feb415; text-align: left; }

#bot-dropdowns			{ z-index: 30000; text-align: left; position: absolute; }
#bot-dropdowns ul		{ width: 190px; height: 40px; list-style: none; padding: 0px; margin: 0px; background: #333333; }
#bot-dropdowns ul li	{ width: 190px; height: 40px; float: left; display: block; list-style: none; margin: 0px; padding: 0px; text-align: left; }
#bot-dropdowns ul li a	{ width: 190px; height: 37px; line-height: 37px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ffffff; text-decoration: none; border-top: 3px solid #000000; padding: 0 10px 0 10px; letter-spacing: 1px; background: #333333  }
#bot-dropdowns ul li a:hover{ border-top: 3px solid #feb415; text-align: left; }


#im-tran-ads			{ width: 992px; height: 360px; padding-left: 1px; position: relative; }
#im-tran				{margin: 0; position: absolute; z-index: 5000; top: 180px; left: 1px; background: url(images/im-tran-bg.jpg) left top no-repeat; }

#searchbox				{ position: absolute; left: 45px; top: 80px; }

.fina-offer a			{ width: 260px; height: 120px; display: block; text-indent: -9999px; background: url(images/fina-offers.jpg) left top no-repeat; }
.fina-offer a:hover		{ background: url(images/fina-offers.jpg) left bottom no-repeat; }

.serv-offer a			{ width: 260px; height: 120px; display: block; text-indent: -9999px; background: url(images/serv-offers.jpg) left top no-repeat; }
.serv-offer a:hover		{ background: url(images/serv-offers.jpg) left bottom no-repeat; }

.spec-offer a			{ width: 260px; height: 120px; display: block; text-indent: -9999px; background: url(images/2009-spec-offers.jpg) left top no-repeat; }
.spec-offer a:hover		{ background: url(images/2009-spec-offers.jpg) left bottom no-repeat; }

#botnav .toplnk			{ position: absolute; right: 35px; top: 20px; }
#botnav .toplnk a		{ color: #feb415; text-decoration: none; font-weight: bold; font-size: 12px; border-bottom: 1px dotted #999999; height: 18px; line-height: 18px; }
#botnav .toplnk a:hover	{ color: #666666; text-decoration: none; border-bottom: 1px solid #cccccc; }
#botnav .toplnk a span	{ color: #ffffff; font-size: 18px; }

#cont-pan				{ width: 260px; height: 307px; background: url(images/contact-panel-bg.jpg) center top no-repeat; }
#cont-pan h3			{ text-align: right; font-weight: normal; font-size: 18px; text-transform: uppercase; color: #ffffff; margin: 18px 35px 0 0; padding-bottom: 40px; }
#cont-pan .branch		{ color: #ffffff; font-weight: bold; font-size: 12px; height: 20px; margin: 0 0 0 35px; }
#cont-pan .phone		{ font-weight: bold; font-size: 18px; color: #333333; height: 25px; margin: 0 0 15px 35px; }
#cont-pan .star1		{ font-size: 10px; color: #ffffff; text-align: right; margin-right: 35px; }

#content				{ width: 732px; padding: 2px 10px 10px 20px; font-size: 12px; position: relative; }

h1						{ font-size: 20px; font-weight: normal; color: #666666; }
h1 span					{ font-weight: bold; color: #333333; }
h2						{ font-size: 14px; font-weight: normal; color: #feb415; border-bottom: 1px dotted #333333; text-transform: uppercase; }
h3						{ font-size: 14px; font-style: italic; }

#content p				{}

#footer-area			{ text-align: center; }

#footer-area h3			{ font-size: 13px; color: #000000; font-weight: bold; }
#footer-area h3 span	{ font-size: 10px; }
#footer-area .addy		{ font-size: 12px; color: #333333; }
#footer-area .tel		{ font-size: 13px; color: #000000; font-weight: bold; }

.ukw					{ font-size: 11px; color: #999999; text-align: right; margin-right: 5px; }
.ukw a					{ text-decoration: none; color: #666666; }
.ukw a:hover			{ text-decoration: none; color: #feb415; }

#content a.normlnk		{ font-weight: bold; color: #000000; text-decoration: none; border-bottom: 1px dashed #feb415; }
#content a:hover.normlnk{ font-weight: bold; color: #feb415; text-decoration: none; border-bottom: 1px dashed #000000; }

p#hourslink				{ width: 260px; height: 105px; margin: 0; }
p#hourslink a			{ width: 260px; height: 105px; text-indent: -9999px; display: block; background: url(images/hours.jpg) left top no-repeat; overflow: hidden; }
p#hourslink a:hover		{ background: url(images/hours.jpg) left bottom no-repeat; }

.VDVehicleLocation		{ font-size: 12px; width: 73%; height: 25px; line-height: 25px; background: #efefef; border: 1px solid #666666; }
.VDVehicleLocation strong { color: #cc0000; }

#signup					{ width: 702px; height: 150px; border: 1px solid #333333; position: relative; background: url(images/signup-bg.jpg) center top no-repeat; }
#signupform				{ width: 280px; height: 105px; overflow: hidden; position: absolute; right: 20px; top: 20px; border: 2px solid #feb415; padding: 15px; background: #ffffff; }
#signupform td			{ font-size: 11px; }
.formtable				{ width: 250px; }
.formlabel				{ width: 100px; }
.formelement			{ width: 150px; }

								/* Browser Hacks*/
						

html>/**/body div#wrapper		{  }						
html>/**/body #header			{ text-align: center; margin-left: -10px; }

html>/**/body #topnav			{ margin-left: -10px; }
html>/**/body #topnav ul		{ margin-left: 10px; }
html>/**/body #topnav ul li a	{ display: block; }

html>/**/body #im-tran-ads		{ padding-left: 0; }

html>/**/body #cont-pan h3		{ padding: 20px 0 40px 0; margin-left: -5px; }

html>/**/body #botnav			{ margin-left: -10px; }
html>/**/body #botnav ul		{ margin-left: 10px; }
html>/**/body #botnav ul li a	{ display: block; }
html>/**/body #botnav .toplnk	{ top: 5px; right: 40px; }

html>/**/body #content			{ width: 702px; }
html>/**/body #content hr		{ visibility: hidden; }

html>/**/body #footer-area		{ padding-left: 40px; }


/* -------------------------------------- MOTABILITY PAGE  ----------------------------------------- */
.table-motability {font-size: 12px; background: #efefef; border: 1px dotted #666}
.table-motability tr td {padding: 2px 5px}
img#motability-logo {float: right}



/* -------------------------------------- SERVICE PLAN PAGE  ----------------------------------------- */
div.yellowboxright {float: right; padding: 20px; margin: 0 5px 10px 10px; background: #feb415; width: 250px;}
div.yellowboxright ul {margin-left: 15px}
div.yellowboxright ul li {list-style-position: outside}



/* --------------------------------- TABS ON MEET THE TEAM PAGE ----------------------------------- */
.tabberlive .tabbertabhide {
 display:none;
}

.tabber {}
.tabberlive {margin-top:1em;}

ul.tabbernav {
	 margin:0;
	 padding: 5px 0;
	 border-bottom: 1px solid #778;
	 text-transform: uppercase;
	 font-size: 12px;
	 font-weight: bold
}

ul.tabbernav li {
	 list-style: none;
	 margin: 0;
	 display: inline;
}

ul.tabbernav li a {
	 padding: 5px 35px;
	 margin-left: 4px;
	 border: 1px solid #999;
	 border-bottom: none;
	 background: #b5babd;
	 text-decoration: none;
}

ul.tabbernav li a:link {color: #656766; }
ul.tabbernav li a:visited {color: #656766; }

ul.tabbernav li a:hover {color: #555655; background: #a8adb0; border-color: #666}

ul.tabbernav li.tabberactive a {background-color: #fff; color: #333; border-bottom: 1px solid #fff}
ul.tabbernav li.tabberactive a:hover {color: #000; background: white; border-bottom: 1px solid white}
.tabberlive .tabbertab {padding:5px 5px 10px 5px; border:1px solid #aaa; border-top:0}
.tabberlive .tabbertab h2 {display:none}
.tabberlive .tabbertab h3 {display:none}

.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}


/* ------------ TEAM MEMBERS ------------ */
div.team-top {
	position: relative;
	margin: 10px 0 20px 0;
	width: 696px;
	padding: 0;
	height: 150px;
	background: #d3d7d9;
}

.tabbertab div.team-member {position: relative; display: block; margin: 10px; padding: 0; height: 150px; width: 670px; background: #d3d7d9}

.tabbertab div.team-member h3,    /* JOB TEXT */
div.team-top h3
 {display: block; position: absolute; left: 50px; top: 65px; z-index: 10; color: #333; font-weight: bold; font-size: 16px; font-style: normal}
.tabbertab div.team-member .staffext { position: absolute; top: 85px; left: 50px; font-size: 12px; font-weight: bold; color: #666666; font-style: italic; }

div.photo-back {position: absolute; right: 5px; top: 5px; z-index: 10; width: 155px; height: 140px; background: url(images/photo-back.jpg) 0 0 no-repeat}
div.photo-back img {margin: 10px; width: 135px; height: 120px}


.tabbertab div.team-member h3 span,    /* NAME TEXT */
div.team-top h3 span {padding: 0 0 0 8px; color: #777}


/* ----- MENU HACK FOR CRAPPY IE6 ---------- */
#menu4iframe, #menu4iframe2
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0px;
display:block;
filter:alpha(opacity=0);
-moz-opacity: 0.80;
opacity: 0.80;
}


/* ----- EDITABLE PAGES ---------- */
div.editable-container {margin: 10px 0 0 0}

/* Homepage Popup */

#popup	{ width: 652px; height: 95px; /*background: #000000; border: 1px solid #feb415;*/ position: absolute; top: 410px; left: 45px; z-index: 60000; overflow: hidden; }
#popinner { width: 652px; height: 95px; position: relative; margin: 0; padding: 0; }
/*#popup .close { width: 20px; height: 20px; display: block; text-indent: -9999px; background: url(images/close.jpg) center top no-repeat; position: absolute; top: 0; right: 2; overflow: hidden; z-index: 50000; visibility: hidden; }
#popup .close:hover { background: url(images/close.jpg) center bottom no-repeat; }
#popup #flashban { position: absolute; left: 0px; top: 0; z-index: 40000; }*/

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


#slider1Content 			{ width: 652px; height: 95px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
html>/**/body #slider1Content{}
.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; } 
.bottom 					{ bottom: 0; right: 0; }
.left 						{ top: 0; left: 0; width: 150px !important;	height: 280px; }
.right 						{ right: 0;	bottom: 0; width: 150px !important;	height: 282px; }

.searchResponse	{ width: 600px; height: auto; background: #efefef; border: 2px solid #cc0000; margin: 0 0 10px 55px; padding: 20px; text-align: center; font-weight: bold; }