/*Stylesheet for Mobile Mechanics*/

h1
{
	font-size: 15px;
	color:#333333;
}
h1 a
{
	font-size: 15px;
	color:#333333;
}

#container {position: relative;

	    width: 950px;

	    height: 700px;

	    /*margin: -7px 0px 0px 30px;*/
		margin: auto;
		text-align: center;

	    background-color: white;

	    font-family: Arial, Calibri, Times, Serif;

		font-size: 14px;

		color:#CCCCCC;

		}



#container_1 {position: relative;

	    width: 950px;

	    height: 900px;

	    /*margin: -7px 0px 0px 30px;*/
		margin: auto;

	    background-color: white;

	    font-family: Arial, Calibri, Times, Serif;

		font-size: 14px;

		color:#CCCCCC;

		}



#top {position: absolute;

      left: 0; top: 0;

      height: 290px;

      width: 800px;

      background: url(images/Home22.jpg) no-repeat;}



#top_header {position: absolute;

	     top: 0; left: 215px;

	     width: 650px;

	     height: 247px;

	     background: url(images/Home_0212.jpg) no-repeat;}

#headerlink
{
	position: absolute;
	left: 500px;
	height: 120px;
	width: 150px;
}

#minimenu
{
	position: absolute;
	left: 100px;
	top: 25px;
	border: 0;
	padding: 0;
	width: 363px;
	height: 28px;
	font-size:11px;
	font-weight:bold;
}

#minimenu a
{
	color: #FFFFFF;
	text-decoration:none; 
}

#minimenu a:hover
{
	color:#000000;
	text-decoration:none; 
}

#minimenu .minilink
{
	margin-right: 20px;
}
#minimenu .minilink2
{
	margin-right: 20px;
}
#minimenu .minilink3
{
	margin-right: 25px;
}
#minimenu .minilink4
{
	margin-right: 10px;
}
#top_navbar {position: absolute;

	     top: 248px; left: 215px;

	     height: 43px;

	     width: 625px;

	     background: url(images/Home_03.jpg) no-repeat;}
		 
#top_navbar ul {display: inline;

    		list-style: none;

    		margin: 0;

    		padding: 0;
}

#top_navbar  li {display: inline; margin: 0; padding: 0;

}

#top_navbar li a {float: left;
			  height: 0; 
			  margin-right: 0px;
			  overflow: hidden; 
			  padding-top: 41px; 
			  margin-top: 1px; 
			  width: 125px; 
			  background-repeat: no-repeat;
			  display: block;}

#top_navbar li a#service{
	background-image:url(images/menu-carservices&repairs.jpg); 
}
#top_navbar li a#service:hover{
	background-image:url(images/menu-carservices&repairs-ov.jpg); 
}
#top_navbar li a#fleet{
	background-image:url(images/menu-fleetservice.jpg); 
}
#top_navbar li a#fleet:hover{
	background-image:url(images/menu-fleetservice-ov.jpg); 
}
#top_navbar li a#pricing{
	background-image:url(images/menu-pricing&payment.jpg); 
	width:124px;
}
#top_navbar li a#pricing:hover{
	background-image:url(images/menu-pricing&payment-ov.jpg); 
}
#top_navbar li a#staff{
	background-image:url(images/menu-staff&employment.jpg); 
}
#top_navbar li a#staff:hover{
	background-image:url(images/menu-staff&employment-ov.jpg); 
}
#top_navbar li a#contact{
	background-image:url(images/menu-contact&booking.jpg); 
	width:124px;
}
#top_navbar li a#contact:hover{
	background-image:url(images/menu-contact&booking-ov.jpg); 
}

#top_navbar li a:hover {text-decoration: none;
		 		color: #0e0e0e;}

#top_navbar .active{
	color: #000000;
}

/*#links .active{
	background-color: #010101;
}*/


#home {position: absolute;

	bottom: 14px; left: 130px;}



/*Style for lists or navigation*/




/*#top_navbar ul {display: inline;

    		list-style: none;

    		margin: 0;

    		padding: 0;

    		font-size: 16px;

			font-weight: bold;

			line-height: 16px;}


#top_navbar  li {display: inline;

}



#top_navbar li a {float: left;

		  padding-top: 5px;

	 	  height: 38px;

        	  width: 110px;

        	  text-align: center;

        	  color: #e6e6e8;

         	  font-family: Arial, Times, Serif;

        	  text-decoration: none;

		  margin-right: 14px;

		  display: block;}



#top_navbar li a:hover {text-decoration: none;

	 		color: #0e0e0e;}*/



.clear {clear: both;}



#links {position: absolute;

	margin-top: -49px;

	top: 0; left: -37px;

	font-weight: bold;

	list-style: none;

	font-size: 11pt;}



h4{

	color:#444;

}



#links li {
	margin: 0;
	padding: 0;
}



#links li a {
	width: 220px;
    height: 0;
	overflow: hidden;
    background-repeat: no-repeat;
	background-image:url(images/but_aircon.jpg);
    text-align: left;
    display: block;
    border-bottom: 1px solid #37363c;
    border-top: 1px solid #b4b3b9;
    color: #d6d5db;
    padding: 5px 0 0 26px;
	padding-top: 25px;
    text-decoration: none;
}

#links li a#aircon{
background-image:url(images/but_aircon.jpg);
}
#links li a#aircon:hover{
background-image:url(images/but_aircon_ov.jpg);
}
#links li a#roadside{
background-image:url(images/but_roadside.jpg);
}
#links li a#roadside:hover{
background-image:url(images/but_roadside_ov.jpg);
}
#links li a#service{
background-image:url(images/but_carserv.jpg);
}
#links li a#service:hover{
background-image:url(images/but_carserv_ov.jpg);
}
#links li a#repairs{
background-image:url(images/but_carrep.jpg);
}
#links li a#repairs:hover{
background-image:url(images/but_carrep_ov.jpg);
}
#links li a#autoelec{
background-image:url(images/but_autoelec.jpg);
}
#links li a#autoelec:hover{
background-image:url(images/but_autoelec_ov.jpg);
}
#links li a#diesel{
background-image:url(images/but_diesel.jpg);
}
#links li a#diesel:hover{
background-image:url(images/but_diesel_ov.jpg);
}



#home a{font-weight: bold;

 	color: #e6e6e8;

 	font-size: 12pt;

	text-decoration: none;}



/*Style for mainpage element*/



#main {position: absolute;

	top: 290px; left: -2px;

	height: 200px;

	width: 950px;

	background: url(images/Home_04b.jpg) no-repeat top left;}



#main_1 {position: absolute;

	top: 291px; left: -2px;

	height: 200px;

	width: 950px;

	background: url(images/Home_04_ba.jpg) no-repeat top left;}





#lt_main {position: absolute;

	  top: 89px; left: 0;

	  width: 255px;

	  background: url(images/Home_06.jpg) repeat-y;}



#lt_main_1 {position: absolute;

	    top: 89px; left: 0;

	    width: 255px;

	    background: url(images/Home_06.jpg) repeat-y;}



#lt_main_2 {position: absolute;

	    top: 89px; left: 0;

	    width: 255px;

	    height: 970px;

	    background: url(images/Home_06.jpg) repeat-y;}



#lt_main_3 {position: absolute;

	  top: 89px; left: 0;

	  width: 255px;

	  height: 380px;

	  background: url(images/Home_06.jpg) repeat-y;}



.bus {margin: -40px 0px 0px 10px;

      padding: 0;}



.buses {margin: 170px 0px 0px 10px;

      padding: 0;}



.hides {position: absolute;

        left: 234px; top: -49px;}



.mini {position: absolute;

	bottom: 0; left: 20px;

	margin: 0;

	padding: 0;}



#rt_main {position: absolute;

	  left: 255px; top: 20px;

	  color: #666666;

	  width: 450px;

	  padding: 0 210px 0 0;

	  margin: 0 0 0 35px;}

	  

#rt_main a{

	color:#B81D1D;

	text-decoration:none;

	}

#rt_main a:hover{
	text-decoration:underline;
}


#rt_main p, td {font-size: 9pt;

font-weight:100;}



#rt_main ul {

	color: #666666;

	font-size: 14px;

	}



#rt_main_1 {

	position: absolute;

	width: 450px;

	left: 255px;

	top: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 10px;

	color: #333;

	/* height: 1050px; */

		}

#rt_main_1 p{font-size: 9pt;

	      /*width: 580px;*/}

#rt_main_1 td{font-size: 9pt;

	      /*width: 580px;*/}

#rt_main_1 ul {font-size: 9pt;

	     color: #333;}



#rt_main_1 a{
	color: #333;
	/*color:#B81D1D;*/

	text-decoration:none;
}
#rt_main_1 a.red{
	color:#B81D1D;

	text-decoration:none;
}
/*#rt_main_1 a:visited{
	color: #666666;
}*/
#rt_main_1 a:hover{
	color:#B81D1D;
	text-decoration:underline;
}

#rt_main_1 h1 a{
	font-size: 15px;
	color:#333333;
}
#rt_main_1 h1 a:visited{
	font-size: 15px;
	color:#333333;
}
#rt_main_1 h1 a:hover{
	font-size: 15px;
	color:#B81D1D;
}


#rt_main_2 {

	position: absolute;

	width: 600px;

	left: 255px;

	top: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 10px;

	color: #333;
	font-size: 9pt;

	/* height: 1050px; */

}
		
#rt_main_2 p {font-size: 9pt;

	      /*width: 580px;*/}



#rt_main_2 ul {font-size: 9pt;

	     color: #333;}



#rt_main_2 a{
	color: #333;
	/*color:#B81D1D;*/

	text-decoration:none;
}
#rt_main_2 a.red{
	color:#B81D1D;

	text-decoration:none;
}
#rt_main_2 a:visited{
	color: #333;
}
#rt_main_2 a:hover{
	color:#B81D1D;
	text-decoration:underline;
}

#rt_main_2 h1 a.red{
	font-size: 15px;
	color:#B81D1D;
}
#rt_main_2 h1 a:visited{
	font-size: 15px;
	color:#333333;
}
#rt_main_2 h1 a:hover{
	font-size: 15px;
	color:#B81D1D;
}

#rt_main_2 td .head a{
	color:#000000;
}
#rt_main_2 td .head a:visited{
	color:#000000;
}

div.style {font-style: oblique;

	   text-align: right;

	   width: 695px;

	   font-size: 11pt;}



#clicks {position: absolute;

	 top: 90px; left: 480px;

	 list-style: none;}

	 

#clicks1 {position: absolute;

	 top: 311px; left: 738px;

	 list-style: none;}	 



#clicks2 {position: absolute;

	 top: 21px; left: 740px;

	 list-style: none;}	 	 



/*Tables*/



table {
	width: 100%;
	margin-bottom: 9px;
}



.head {font-weight: bolder;

	color: #000;

	font-size: 1em;

	width: 80%;}

.head a {font-weight: bolder;

	color: #000;

	font-size: 1em;

	width: 80%;}

.small {font-size: .9em;

	font-style: oblique;}



#contact {width: 400px;}



/*Footer*/

#footer {position: absolute;
font-size: 8pt;
width: 900px;
overflow: visible;
text-align:center;
left: 50px;
}

#footer a {text-decoration:underline;}
#footer a:hover {color: #B81D1D;}


/*BABAR CHANGES*/	 

#footer1 {

 bottom: 0; left: 310px;

		 font-size: 7.6pt;}	 

#footer1 a {color: #707072;}

/*END CHANGES*/	







#footer a {color: #707072;}



#footer_1 {position: absolute;

	   bottom: -400px; left: 230px;

	   font-size: 7.6pt;}



#footer_1 a {color: #707072;}



/*Scripts*/



.show {}



.hide {display: none;

       background-color: white;}





#forms {position: absolute;

	top: 90px; left: 480px;

	background-color: white;}



#forms span {font-size: 8pt;

	     font-style: italic;}

/* hide the human field - if label gets filled in, it's spam */
#URL {
	visibility:hidden;
	display:none;
}
/* hide field - trick spambot */
.mandatory
{
	display:none;
}

#express {position: absolute;

	  top: 0px; left: 448px;

	  width: 256px;}



label {font-size: 9pt;

	font-style: italic;}



.checkRequired {width: 214px;}



fieldset {width: 200px;}

#servicearea td
{	
	width: 18%;
	font-family: Arial, Calibri, Times, Serif;
	font-size: 11px;
	border: 1px solid #000000;
	text-align: center;
}
#servicearea
{
	width: 450px;

}

.pricing
{
	width: 24%;
	margin-right: 2px;
	float: left;
	border: 1px solid #666666;
	height: 455px;
}
.pricing p
{
	font-size: 10px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}
.pricing2
{
	width: 24%;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #666666;
	height: 260px;
}
.pricing2 p
{
	font-size: 10px;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}

.priceheader
{
	text-align:center;
	color: #FFFFFF;
	font-weight:bold;
	height: 33px;
	line-height: 33px;
	background-color:#333;
}
.serviceprice
{
	padding-top: 5px;
	color:#B81D1D;
	margin-top: 3px;
	text-align:center;
	font-weight:bold;
}

#exception
{
	position:absolute;
	top: 870px;
	left: 10px;
	width: 230px;
	height: 200px;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	font-size: 11px;
}
.carcontain
{
	width: 100%;
	font-size:11px;	
}
.carcontent
{
	width: 21%;
	height: 285px;
	border: thin solid #000000;
	float: left;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	padding: 5px;
}
.carcontentsmall
{
	width: 21%;
	height: 150px;
	border: thin solid #000000;
	float: left;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	padding: 5px;	
}
.carheader
{
	padding: 0px;
	color: #FFFFFF;
	font-weight:bold;
	height: 33px;
	line-height: 33px;
	background-color:#333;
	margin-bottom: 2px;
}
#emaillink:hover
{
	border-bottom: 1px solid #FF0000;
}