@charset "iso-8859-1";
body {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: .80em;
 margin: 0px;
 padding: 0px;
 background-color: #F2F1F0;
 color: #000000;
}

/*------------ top banner ---------------------*/

#banner {
 background-image: url(images/top_banner.jpg);
 height: 94px;
 margin-left: 4px;
}

/*------------ top links ---------------------*/

#top_links {
 font-size:10px;
 margin: 0px;
 padding: 12px 0px 0px 111px;
 color:#FFFFFF;
}

#top_links a {
 color: #FFFFFF;
 font-weight: normal;
 text-decoration: none;
 border-bottom:1px dotted #FFFFFF;
}

/*----------------- top border -----------------------*/

#top_border {
 padding: 0px;
 background-image: url(images/top_border.gif);
 height: 30px;
 background-repeat: repeat-x;
}

#container {
 width: 800px;
 background-color: #FFFFFF;
 border: 1px solid #C7C7C7;
 margin: 10px;
 margin-left: auto;
 margin-right: auto;
}

/*-------- Left Navigation Bar ------*/
#leftnav_wrap {
 float: left;
 color: #000;
 margin: 8px 10px 10px 9px;
 /*border: 1px solid #CECECE;*/
}
#leftnav {
 text-align: center;
 float: left;
 margin: 0;
 padding: 23px 36px 0px 36px;
 color: #000;
 border: 1px solid #CECECE;
 background-color: #F4F3F3;
}
#leftnav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 4px;
}
#leftnav li {
 list-style: none;
 padding: 2px 0;
}
#leftnav ul li a {
 display: compact;
 color: #000000;
 padding: 4px;
 text-decoration: none;
 margin-top: 2px;
}
#leftnav a:hover {
 color: #FF0000;
}
#leftnav ul ul {
 padding-left: 5px;
}
#leftnav ul ul li a {
 padding: 3px 0 3px 3px;
 font-size: 80%;
 font-weight: normal;
}
.heading {
 font-size:21px;
 display: block;
 color: #339244;
 padding: 5px 2px 5px 10px;
 border-bottom: 1px solid #CECECE;
 background: #F2F1F0;
 text-decoration: none;
}

/*---------- side advert ---------*/
.side_ad {
 float: left;
 margin: 0;
 margin-top: 8px;
 width: 173px;
 color: #000;
 /*border: 1px solid #CECECE;*/
 background-color: #e6edf8;
 clear:both;
}

.card_logos {
 float: left;
 margin: 0;
 margin-top: 20px;
 width: 173px;
 color: #000;
 /*border: 1px solid #CECECE;*/
 text-align:center;
 clear:both;
}

/*--------- content area -------------*/
#content {
 margin: 8px 9px 8px 192px;
 border: 1px solid #CECECE;
}

/*--------- courses_car_image_banner -------------*/
.courses_car_banner {
 background-image:url(images/esm_courses_banner1.1.jpg);
 background-repeat:no-repeat;
 margin: 5px 0px 0px 6px;
 height: 97px;
}

/*--------- home text -------------*/
#home_text {
 line-height: 1.5em;
 padding: 12px 10px 10px 10px;
}

/*--------- pricing map -------------*/
.pricing_map {
 background-image:url(images/esm_home_car1.jpg);
 background-repeat:no-repeat;
 height: 94px;
 width: 173px;
 margin-top:100px;
}

.align-right { float:right; margin: 10px 40px 0px 15px; }

/*--------- home_images -------------*/
.home_pics_wrap {
 margin: 10px 10px 10px 0px;
 position:relative;
 float:right;
 /*border: 1px solid #CECECE;*/
}

/*--------- home_pic1 -------------*/
.home_pic2 {
 margin: 0px;
 padding: 0px;
 /*border: 1px solid #CECECE;*/
}

/*--------- home_pic2 -------------*/
.home_pic3 {
 margin: 8px 0px 0px 0px;
 padding: 0px;
 /*border: 1px solid #CECECE;*/
}

/*--------- advert -------------*/
#advert {
 background-image: url(images/advert.jpg);
 background-repeat: no-repeat;
 border-bottom: 1px solid #CECECE;
 height: 107px;
 width: 597px;
}

/*--------- testimonials_pics -------------*/
.test_pics_wrap {
 margin: 20px 10px 10px 0px;
 /*border: 1px solid #CECECE;*/
}

/*--------- contact_phone_icon -------------*/
#contact_phone {
 margin: 15px 70px 0px 45px;
 background-image:url(images/phone_icon.gif);
 background-position:left;
 background-repeat:no-repeat;
 height: 64px;
 border: 1px solid #FFFFFF;
}

/*--------- contact_number -------------*/
#contact_number {
 margin: 10px 10px 10px 85px;
 font-size: 30px;
 font-weight: bold;
 color: #AFAFB0;
}

/*--------- contact_mail_icon -------------*/
#contact_mail {
 margin: 30px 0px 0px 45px;
 background-image:url(images/mail_icon.gif);
 background-position:left;
 background-repeat:no-repeat;
 height: 64px;
 border: 1px solid #FFFFFF;
}

/*--------- mail_address -------------*/
#mail_address {
 margin: 15px 10px 10px 85px;
 font-size: 21px;
 font-weight: bold;
 color: #AFAFB0;
}

#mail_address a{
 color: #AFAFB0;
 text-decoration: underline;
}

/*--------- small_print -------------*/
#small_print {
font-size:9px;
color:#999999;
padding: 0px 0px 10px 10px;
}

/*------------ clothes box -----------*/
#clothes {
 padding: 5px;
 margin-left:50px;
 width:auto;
 height:auto;
 text-align:center;
 float:right;
 border: 1px solid #CECECE;
}

/*-------- car plates box ---------*/
#car_plates {
 padding: 5px;
 margin-left: 30px;
 width:auto;
 height:auto;
 text-align:center;
 float:right;
 border: 1px solid #CECECE;
}

/*--------- personalised gifts box --------*/
#gifts {
 padding: 5px;
 margin-left: 50px;
 margin-top:25px;
 width:166px;
 height:auto;
 text-align:center;
 float:right;
 border: 1px solid #CECECE;
}

/*-------- car parts box ---------*/
#car_parts {
 padding: 5px;
 margin-left: 30px;
 margin-top:25px;
 width:auto;
 height:auto;
 text-align:center;
 float:right;
 border: 1px solid #CECECE;
}

/*---------- bottom nav ---------*/
#bottom_nav { 
 text-align: center;
 font-size: 9px;
 clear: both;
 padding: 20px 0px 5px 0px;
 margin: 5px 0px;
}
#bottom_nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#bottom_nav li {
 display: inline;
 list-style-type: none;
}

/*----------------------- footer ----------------------*/
#footer { 
 background-image:url(images/bottom_border.gif);
 height: 28px;
 background-repeat:repeat-x;
 clear: both;
 text-align: center;
 font-size: 9px;
}

/*---------- copyright ---------*/
.copyright {
 padding-top: 11px;
 color: #FFFFFF;
}

/*--------- all site links ----------*/
a:link {
 font-weight: bold;
 color: #000000;
 background: transparent;
 text-decoration: underline;
}
a:visited {
 font-weight: bold;
 color: #000000;
 background: transparent;
 padding: 0px;
 text-decoration: underline;
}
a:hover {
 font-weight: bold;
 text-decoration : underline;
}
a:active {
 font-weight: bold;
 text-decoration : underline;
}

/*-------- set no border around any images -------*/
body img {
 border: 0px;
 text-decoration: none;
}

/*------------ setting the heading tags styles ------------*/
h1, h2, h3 {
 color: #339244;
 font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 110%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 100%;
}