/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
body{ background:url(../images/bg-body.jpg) repeat-x #333333; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {}
H3 {font-family:Arial; font-size:14px; color:#333333; font-weight:bold;}
H4 {font-family:Trebuchet MS; font-size:16px; font-weight:bold; color:#d40f18; float:right; margin:10px 0 0 0; padding:0px;}
h4 em{ color:#000; font-style:normal;} 
UL, OL {list-style: none;}
li {list-style-type: none;}
 
A { color:#ee1e27; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#000; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}
:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
.clr {clear: both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}

.color-red { color:#ee1e27 !important;}

/*...........LAYOUT STYLE...............................*/

#wrapper{ width:980px; height:auto; margin: 0 auto; padding:0px;}
/*.........header start here................*/
#header{  height:131px; margin:0px; background:url(../images/header.jpg) no-repeat;}
	a.logo { display:block; width:360px; height:125px; text-indent:-9999px; float:left;}
	.topright { float:right; text-align:right; width:400px; padding:15px 25px 0 0;}
		.topright a{color:#333333; margin:0 2px;}
		.topright a:hover{ color:#999999;}
/*.............navigation start here.....................*/
#nav{ background:url(../images/nav.jpg) no-repeat; width:980px; width/**/:/**/975px; padding:0 0 0 15px; height:49px;}
#nav ul{ height:49px; padding:0px; font-family:Trebuchet MS; font-size:15px; }
#nav ul li{ list-style-type:none; float:left;}
#nav ul li a{ color:#FFFFFF; text-decoration:none;  display:block; padding:13px 13px; margin:0 10px;}
#nav ul li a:hover{ color:#000; text-decoration:none;}
/*............banner start here.................................*/
#banner{ background:url(../images/bg-banner.jpg) no-repeat; width:959px; height:201px; margin:0px; padding:15px 25px 0 0;}
#welcome{ background:url(../images/welcome.png) no-repeat; width:285px; height:155px; float:right; margin:0px; padding:13px;  color:#0c0c0c;}
#welcome h1{ font-family:Trebuchet MS; font-size:17px; color:#0c0c0c;}
#welcome p{ font-family:Arial; font-size:12px;}
#welcome a{color:#b30808;}
#welcome a:hover{ color:#000;}

#servicing-banner{ width:918px; height:156px; background:url(../images/bg-banner-servicing.jpg) repeat-x; margin:0px; padding:0px 0 0 62px;}
#servicing-banner img{ margin:0px; padding:0px; float:left;}

.main-banner { text-align:center; background:url(../images/mainbackbanner.jpg) repeat-x;}

/*.............main start here..................*/
#main{ width:980px; width/**/:/**/934px; background:#fff; margin:0px; padding:20px 23px;}
#main h2{ font-size:17px; font-family:Trebuchet MS; color:#d10e16; margin:0 0 10px 0; padding:0px;}
#main h2 em, #main-inn h2 em{ color:#000; font-style:normal;}
#book-online{ background: url(../images/book-onlie.gif)#E5E5E5  no-repeat ; width:209px; min-height:269px; margin:0px; padding:21px 15px 0 15px; font-weight:bold;float:left;}
.form{ width:175px;border:#abadb3 solid 1px; margin:4px 0 0px 0px; padding:0px; font-size:11px;}
#book-online-section{ width:239px; height:auto; float:left;}


.book-online-box { width:238px; background:url(../images/book-top-back.gif) no-repeat left top #e5e5e5; padding:18px 0 0 0;}
.book-online-box-inn { background:url(../images/book-bot-back.gif) no-repeat left bottom; width:238px; width/**/:/**/208px; padding:0px 15px 20px 15px;}


#services{ width:271px; float:left; margin:0px 0 0 37px; padding:0px;}
#services-image{ background:url(../images/our-services.jpg) no-repeat; width:271px; height:51px; margin:0 0 10px 0; padding:0px;}
#services h3{ font-family:Arial; font-size:14px; color:#6e6e6e; font-weight:bold;}


ul.bullet1 {margin:10px 0 0 0; padding:0px; font-family:Trebuchet MS; font-size:13px; color:#6e6e6e; line-height:14px;}
ul.bullet1 li{background:url(../images/bullet.gif) left no-repeat; list-style-type:none; font-weight:bold; margin:0 0 8px 0; padding:0px 0 0 15px;}
ul.bullet1 li a{color:#333333; display:block;}
ul.bullet1 li a:hover{ color:#6e6e6e;}


#our-offer{ background: url(../images/our-offer-bg.jpg) repeat-y; width:349px; float:left; margin:0 0 0 37px; padding:0px;}

#our-offer-image{ width:auto; height:auto; margin:00px; padding:0px;}
#our-offer h2{ margin:18px 0 0 15px; padding:0px;}
#our-offer p{ margin:0 0 0 15px; padding:0px; font-family:Arial; font-size:12px; color:#0c0c0c;}
#our-offer a{ color:#ee1e27; text-decoration:none;}
#our-offer a:hover{ color:#000000; text-decoration:none;}
#our-offer em{ font-weight:bold; font-style:normal;}

#main-inn{width:980px; background: url(../images/servicing-left-bg.jpg) repeat-y #fff; margin:0px; padding:0px; float:left;}

.main-two{ background: url(../images/main-tw.gif) no-repeat; height:16px;}

#inn-left{ background:url(../images/servicing-left-bg.jpg) repeat-y; width:229px; float:left;}
#inn-left p{ margin:0 0 12px 0;}
.topleftinn {padding:0px 20px 12px 15px;}
.leftimg {margin:0 0 12px 0;}

	.news { padding:8px 0 11px 0; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; margin:18px 0;}
	.news a{ color:#000;}
    .news-top{ background:url(../images/news-top.jpg) no-repeat; height:10px; margin:0 0 8px 0;}
	.news-middle{ width:238px;}
	.news-btm{ background:url(../images/news-btm.jpg) no-repeat; height:10px; margin:11px 0 0 0;}
	
#inn-left h3{  font-size:14px; color:#6e6e6e; font-weight:bold;}
#main-inn h2{ font-size:17px; font-family:Trebuchet MS; color:#d10e16; margin:0 0 10px 0; padding:0px;}
#inn-right{ width:700px; height:auto; margin:0 31px 0 0;padding:0px 0 0 0; float:right; text-align:justify;}
#inn-right p{ margin:0 0 12px 0;}
.onlineBookform-Inn { float:right; width:239px; margin:0 0 9px 25px;}
/*#inn-right{ float:right;
    height: auto;
    margin: 0 50px 0 0;
    padding: 0 0 0;
    text-align: justify;
    width: 700px;}
#inn-right p{ margin:0 0 12px 0;}
.onlineBookform-Inn { float: right; margin: 0 0px 9px 0px; width: 200px;}*/

/*............footer start here...................*/
#footer{ background:url(../images/bg-footer.jpg) repeat-x; width:950px; height:45px; margin:15px 0 0 0; padding:17px 15px 17px 15px;}
#logo-toyota{ width:65px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-honda{ width:56px; height:46px; margin:0 7px 0 0; padding:0px; float:left;}
#logo-nissan{ width:52px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-four{ width:55px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-five{ width:62px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-mercidies{ width:42px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-rand-rover{ width:62px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-audi{ width:50px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-vw{ width:50px; height:46px; margin:0 7px 0 0; padding:0px;float:left;}
#logo-bmw{ width:60px; height:46px; margin:0 7px 0 0; margin:0px;float:left;}1
#footer h2{ font-family:Trebuchet MS; font-size:16px; font-weight:bold; color:#d40f18; float:right; margin:10px 0 0 0; padding:0px;}
#footer h2 em{ color:#000; font-style:normal;}
#footer-left{ width:705px; float:left; margin-top:10px;}

#footer-right{ width:206px; height:70px;float:right; margin-top:10px; margin-right:10px;}

.FootSect { color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 20px 0;}
.FootSect em{color:#959595; font-style:normal;}
.FootSect a{ color:#959595;}
.FootSect a:hover{ color:#7e7e7e;}
/*..............footer closed here..............................*/



/* Begin booking form */
.bookingForm { background-color:#f0f7ff; border:1px solid #b8c1d2; padding:0 10px 10px 10px; margin:20px 0;}
#contactFormDetails{ float: left; width: 250px; }
#contactForm{ float: left;	width: 370px; margin-top: 0;}
.bookingForm form {	padding:0; margin:0;}
.bookingForm form div { padding:2px 0 8px 0; margin:0;}
.bookingForm label {width:100px; padding-right:10px; display:block;	float:left;	margin:0; padding:0; font-weight:bold;}
.bookingForm input {padding-right:10px;	display:block; margin:0; padding:0;}
.bookingForm input:focus{ background-color: #e2edfb;}
.bookingForm input.textfield,.bookingForm textarea { width:250px; padding-right:10px; display:block; margin:0; padding:3px;	border:1px solid #b8c1d2;}

.submitbut { padding:0; font-weight:bold; background-color:#3974bd; border:1px solid #1b4d8b; color:#fff; cursor:pointer;}
.servic li, .services li{ list-style: disc !important; list-style-type:circle;  color:#000000; margin:0px 0 0 10px; padding:0px;}
.services li{ list-style: disc !important; list-style-type:circle;  color:#000000; margin:0px 0 0 15px; padding:0 0 0 0px;}

/*---------BOOKING FORM-------------------------*/
.booking-left { float:left; width:auto;}
.booking-left label{ display:block; margin:0px 300px 10px 0; padding:4px 0 3px 0; float:left;}
.label-div{ width:250px; float:left; height:25px;}
.input-div { width:135px; float:left;}
.input-div input, .message{ width:135px; margin:0px; padding:0px;}
.spacer{ width:135px; height:50px; float:left;}
.submitbut-two { padding:0; font-weight:bold; background: url(../images/subimt-booking.jpg) no-repeat #cd1017 ; border:1px solid ; color:#fff; cursor:pointer; width:80px; height:27px;}
.red{ color:#b30808; font-weight:bold;}
.image-div{ width:325px;}
.image-div img{ float:left; margin-right:3px;}