/* CSS for for Weybridge Vehicle Consultants, Feburary '10 */

body, html { background: url(../images/design-bg.jpg) 0 0 repeat-x #020132; font-family:Arial, Helvetica, sans-serif}

*							{ margin: 0; padding: 0;}

.clear				{ clear:both}


h1			{ color:#c4be66; font-size: 15px; text-align:right;  padding: 0 11px 10px 0;}


em			{ color:#5382ad; font-size: 13px; font-style:italic; text-align:right; padding: 0 11px 0 0;}

.normP				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:justify; padding: 0 11px 0 0; margin: 10px 0 0 0;}

.largeP				{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-align:justify; padding: 0 11px 0 0; margin: 10px 0 0 0; font-weight:bold}

.titleP				{ font-family:Arial, Helvetica, sans-serif;  color:#5382ad; font-size: 13px; font-style:italic; text-align:right; padding: 0 11px 0 0;}

.smallP				{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:justify; padding: 0 11px 0 0; margin: 10px 0 0 0;}

#main-wrap		{ width: 971px; height:auto; margin: 10px auto; position: relative; z-index: 1}

#top-container		{ width: 812px; height:auto; background: url(../images/container-bg.jpg) bottom no-repeat #020132; border: 2px solid #5382ad; margin:40px 0 20px 0; float:left; position:relative; z-index: 10}

#top-container-hours		{ width: 812px; height:700px; background: url(../images/container-bg.jpg) bottom no-repeat #020132; border: 2px solid #5382ad; margin-top:40px; float:left; position:relative; z-index: 10}

#top-nav		{ width: 155px; height: 465px; float:right; margin: 0 0 0 0; position:relative; z-index: 2}

#right-col		{ width: 155px; height: 730px; float:right; margin: 40px 0 0 0; position:relative; z-index: 2;}

#right-add		{ width: 145px; height: 190px; float:right; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding: 60px 0 0 0}

.blue-add	{ color:#5382ad}


#img-trans	{ width: 787px; height: 191px; float:left; margin: 10px 0 0 10px;}

#text-wrap		{ width: 470px; height: auto; float:right; margin-bottom: 20px}

#text-wrap-map		{ width: 700px; height: auto; float:right; margin: 20px 0 20px 0}

#text-wrap-hours		{ width: 500px; height: auto; float:right; margin: 20px 0 20px 0}

#vd-wrap	{ width: 780px; height: auto; float:right; margin: 20px 0 20px 0; color:#FFF}


#bottom-wrap		{ width: 971px; height:auto; float:left}

#bottom-nav				{width: 155px; height: 30px; float:right; margin: 15px 0 0 0; position:relative; z-index: 2;}

#bottom-container		{ width:812px; height:150px; border: 2px solid #5382ad; margin:10px 0 10px 0; float:left; position:relative; z-index: 10}

#leftcar			{ width: 390px; height: 130px; margin: 10px 0 0 10px; float:left; background: url(../images/design-bg.jpg) 0 0 repeat-x #020132; position:relative}

#rightcar			{width: 390px; height: 130px; margin: 10px 10px 0 0px; float:right; background: url(../images/design-bg.jpg) 0 0 repeat-x #020132; position: relative}



#footer-wrap		{ width: 100%; height: 150px; float:left; background: url(../images/footer-bg.jpg) 0 0 repeat-x}

#footer				{ width:917px; height:150px; margin: 0 auto}

#footer-nav			{ width: 992px; height:25px; float:left; margin: 20px 0 10px 0px; background: url(../images/footer-nav-bg.jpg) center left no-repeat; padding: 0 0 0 8px}

ul#footer-nav li		{ display: inline; text-transform:uppercase; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:10px;}

ul#footer-nav li a		{color: #999999; text-decoration:none; font-size:11px; line-height: 25px; width:auto;  padding: 0 5px 0 5px; height: 25px;  float: left;}

ul#footer-nav li a:hover	{height: 25px; width: auto; color: #5382ad; border-style:none;}


#add			{text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #999999; text-transform:uppercase; margin: 10px 0 10px 0}

#disclaimer		{text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #999999; margin: 10px 0 10px 0}

#ukwebs		{text-align: right; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #999999; text-transform:uppercase; margin: 10px 0 10px 0}

.webs-strong		{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #5382ad; text-transform:uppercase; cursor:pointer}


/** SPECIAL OFFERS STYLING **/

.vehicle-img	{ margin: 15px 10px 0 20px; float:left; width: 139px; height:100px}

.vehicle-info	{width:200px; height:130px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin: 15px 10px 0 0;; text-align:center}

.make-mod		{font-weight: bold; padding-bottom: 5px; border-bottom: 1px dotted #ffffff}

.reg		{padding: 5px 0 5px 0;}

.miles			{padding-bottom: 5px;}

.colour			{padding-bottom: 5px;}

#more-details	{color:#5382ad; font-weight:bold; width: 120px; height: 20px; float:left; text-transform:uppercase; background: url(../images/white-arrow.gif) center right no-repeat; margin: 0 0 0 35px; cursor: pointer; text-decoration:none}


.sellyourcar	{ color: #ffffff; font-size:12px; padding: 5px 0 0 30px}

#blackhorse		{ width: 200px; height: 200px; float:right; margin: 10px 30px 0 0}

#motorcare		{ width: 200px; height: 100px; float:right; margin: 30px 70px 0 0}