@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Oxygen-Regular';
	src: url('../fonts/Oxygen-Regular.eot?') format('eot'), 
	     url('../fonts/Oxygen-Regular.woff') format('woff'), 
	     url('../fonts/Oxygen-Regular.ttf')  format('truetype'),
	     url('../fonts/Oxygen-Regular.svg#Oxygen-Regular') format('svg');
}
body{ margin:0 0 0 0; padding:0 0 0 0; background:url(images/bg.jpg) repeat-x center 15px;}
img{ border:0px;}

p{margin:0; padding:0; color:#1e1e1e; font-family: 'open_sansregular'; line-height:20px; font-size:13px;}
h1{font-family: 'Oxygen-Regular'; color:#ffffff; font-size:19px!important; font-weight:normal; margin:0; padding:8px 0 8px 0; line-height:30px;}
h1 span{color:#cb0202;}
h2{font-family: 'Oxygen-Regular'; color:#2b2a2a; font-size:19px!important; font-weight:normal; margin:10px 0 0 0; padding:8px 0 8px 0; line-height:22px;}
h2 span{color:#cb0202;}
h3{font-family: 'Oxygen-Regular'; color:#2b2a2a; font-size:19px!important; font-weight:normal; margin:10px 0 0 0; padding:8px 0 8px 0; line-height:22px;}
h3 span{color:#cb0202;}
h4{font-family: 'Oxygen-Regular'; color:#000032; font-size:16px!important; font-weight:normal; margin:10px 0 0 0; padding:0 0 0 0; line-height:22px;}
h4 span{color:#cb0202;}




.header1{ width:100%; height:69px; background:#1968a5; float:left;}

.wrapper{ width:1000px; margin:0px auto; }
.main_wrapper{ width:100%;}

.header_line{ width:100%; height:8px; background:#fff001;}
.header{ width:100%; float:left; background:#005ca9; border-bottom:solid 8px #fff001;}

.logo{ float:left;  margin-top:12px; margin-left:0px; /*position:fixed;*/ }
.contact_div{ float:right; margin-left:0px; margin-top:0;}
.ph{ font-family: 'Oxygen-Regular'; font-size:24px; color:#FFFFFF;  float:right; padding-left:13px; text-align:right; font-weight:bold;}
.ph a{ text-decoration:none; color:#fff001;}

.ph span{ color:#FFFFFF;}

.email span{ color:#FFFFFF;}

.email{ font-family: 'Oxygen-Regular'; font-size:24px; color:#FFFFFF;  float:right; padding-left:13px; margin-left:0px; text-align:right; font-weight:bold;}
.email a{ text-decoration:none; color:#fff001;}
.call{ color:#ffcc5e; font-size:17px;}

.clear{ clear:both;}
.menu_div{ width:100%; height:50px; background:#035192; margin-top:10px; -moz-box-shadow:inset 0 0 30px #3d3d3d;
   -webkit-box-shadow: inset 0 0 30px #3d3d3d;
   box-shadow:         inset 0 0 30px #3d3d3d;}
.navigation{width:90%; float:right; margin:0 0; position:relative; z-index:9999; clear:both;}

.left_div1{ width:65%; float:left;}
.banner{ width:100%; margin-top:10px;}

.right_div1{ float:right; width:34%;}
.call_right{ font-size:37px; font-family: 'Oxygen-Regular';  color:#005ca9; margin-top:4%; font-weight:bold; }
.call_right2{ font-size:47px; font-family: 'Oxygen-Regular';  color:#e7020c; margin-top:5%; text-align: center; text-transform:uppercase; font-weight:bold; }

.call_right2 span{ font-size:50px; font-weight:bold; color:#333333; }
.div1{ width:100%; height:113px;  margin-top:-14px; background:url(../images/right_design.png) no-repeat;}

.box_main{ width:19%; float:left; margin-right:1%; margin-top:0%;}


.box_main2{ width:19%; float:left; margin-right:1%; margin-top:0%;}


.box1 a{ width:100%; float:left;  margin-top:2%;  background:url(../images/aircon1.png) bottom center no-repeat; height:125px; display:block; margin-bottom:10px; }
.box1 img{ width:100%; height:120px; }
.box1 a:hover{ width:100%; float:left;  margin-top:2%; /*opacity:0.8;*/ background:url(../images/aircon1_hover.png) bottom center no-repeat;}


.box2 a{ width:100%; float:left;  margin-top:2%;  background:url(../images/bodyrepairs1.png) bottom center no-repeat; height:125px; margin-bottom:10px; }
.box2 img{ width:100%; height:120px; }
.box2 a:hover{ width:100%; float:left;  margin-top:2%;  /*opacity:0.8;*/ background:url(../images/bodyrepairs1_hover.png) bottom center no-repeat;}

.box3 a{ width:100%; float:left;  margin-top:2%;  background:url(../images/brakes1.png) bottom center no-repeat; height:125px; margin-bottom:10px; }
.box3 img{ width:100%; height:120px; }
.box3 a:hover{ width:100%; float:left;  margin-top:2%;  /*opacity:0.8;*/ background:url(../images/brakes1_hover.png) bottom center no-repeat;}


.box4 a{ width:100%; float:left;  margin-top:2%;  background:url(../images/tyres1.png) bottom center no-repeat; height:125px; margin-bottom:10px; }
.box4 img{ width:100%; height:120px; }
.box4 a:hover{ width:100%; float:left;  margin-top:2%; /* opacity:0.8;*/background:url(../images/tyres1_hover.png) bottom center no-repeat; }

.box5 a{ width:100%; float:left;  margin-top:2%;  background:url(../images/servicing1.png) bottom center no-repeat; height:125px; margin-bottom:10px; }
.box5 img{ width:100%; height:120px; }
.box5 a:hover{ width:100%; float:left;  margin-top:2%;  /*opacity:0.8;*/background:url(../images/servicing1_hover.png) bottom center no-repeat; }


ul.bulate{width:50%; float:left; margin:3% 0 20px 0; padding:0; list-style:none; }
ul.bulate li{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:15px; line-height:26px; padding-left:28px; background:url(../images/bullate.png) no-repeat left 8px; padding-top:4px;}

ul.service_point{width:32%; float:left; margin:0% 0 20px 0; padding:0; list-style:none; }
ul.service_point li{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:15px; line-height:26px; padding-left:28px; background:url(../images/bullate.png) no-repeat left 8px; padding-top:4px;}
ul.service_point li a{color: #005CA9;}
.text1{ font-size:16px; font-family: 'Oxygen-Regular';  color:#333333; clear:both; text-align:center;  }

.opening_time{color: #333333;
    float: left;
    font-family: 'Oxygen-Regular';
    font-size: 29px;
    margin-left: 2%;
    margin-top: 15px;
    width: 24%;}
.opening_text{ background:url(../images/opening.jpg) no-repeat left; height:77px; width:79px; font-size:15px; padding-left:80px; width:100%; line-height:25px; margin-top:15px;}

.body_part{width:100%; float:left; margin:2% 0 0 0;}
.left_part{width:68%; float:left;}

.left_part p{margin:0; padding:6px 0; color:#1e1e1e; font-family: 'Oxygen-Regular'; line-height:20px; font-size:14px;}

.right_part{width:29%; float:right;}

.hd_bg{background:url(../images/hd_bg.png) no-repeat; padding:15px 0 25px  15%!important; float:left; width:85%;}

.hd_bg2{background:url(../images/hd_bg.png) no-repeat; padding:15px 0 25px  11%!important; float:left; width:89%;}


.width45L{width:48%; float:left; text-align:justify; font-family: 'Oxygen-Regular';}
.width45R{width:48%; float:right;  text-align:justify; font-family: 'Oxygen-Regular';}


#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:126px;
    max-height:108px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 30px;
    height: 30px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
  
}

.nbs-flexisel-nav-left {
    left: 5px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}

.width45L p{margin:0; padding:0; color:#1e1e1e; font-family: 'Oxygen-Regular'; line-height:20px; font-size:13px!important;}
.width45R p{margin:0; padding:0; color:#1e1e1e; font-family: 'Oxygen-Regular'; line-height:20px; font-size:13px!important;}

.width45R h2{font-family: 'Oxygen-Regular'; color:#2b2a2a; font-size:18px!important; font-weight:normal; margin:0px 0 0 0; padding:0px 0 10px 0; line-height:22px;}


ul.bullet_home{width:100%; float:left; margin:0; padding:0; list-style:none; margin-top:15px;}
ul.bullet_home li{line-height:24px; padding:0 0 0 24px; color:#a21116; background:url(../images/arrow2.png) no-repeat left 5px; font-family: 'Oxygen-Regular'; font-size:14px;}

.side_box{width:100%; float:left;}
.side_box_hd{width:100%; float:left; color:#595959; font-family: 'Oxygen-Regular'; font-size:22px!important; padding:5px 0;}

.gallery_slider{float:left; width:100%;}

.testimonials{width:95%; padding:2%; float:left; border:solid 1px #FFFFFF; background:#005ca9; color:#FFF001!important; font-family: 'Oxygen-Regular'; font-size:14px!important; height:inherit; line-height:21px; margin-bottom:1%; margin-top:3%;}
.testimonials a{ font-size:0px;}


.boder_line{ background: #e1e1e1; height:15px; width:100%;}
.footer{width:100%; float:left; border-top:solid 8px #fff001; background:url(../images/footer_bg.jpg) repeat;}
.footer_inner{width:100%; padding:1% 0; float:left;}
.footer_left{width:63%; float:left; padding-left:2%; background:url(../images/footer_line.jpg) no-repeat right 28px;}
.footer_right{width:30%; float:right;  padding-right:2%;}
.contact_left{width:57%; float:left;}
.contact_left1{width:45%; float:left;}
.contact_right{float:right; width:38%; color:#ffffff; font-size:14px;  font-family: 'Oxygen-Regular'; line-height:20px; }
.contact_right a{color:#ffffff; text-decoration:none;}

.contact_right1{float:left; width:20%; color:#333333; font-size:14px;  font-family: 'Oxygen-Regular'; line-height:20px; margin-left:3%; }
.contact_right1 a{color:#333333; text-decoration:none; }

.contact_right2{float:left; width:30%; color:#333333; font-size:14px;  font-family: 'Oxygen-Regular'; line-height:15px; }
.contact_right2 a{color:#333333; text-decoration:none;}


.footer_hd{width:70%; float:left; font-size:26px; color:#FFFFFF; font-family: 'Oxygen-Regular'; padding:2% 0; }

.footer_area_form{width:100%; float:left;}
input.input_box{width:96%; background:#2f2f2f; color:#a1a1a1; font-size:12px; margin:3px 0; border:solid 1px #454444; height:30px; padding:0 2%;}

textarea.text_box{width:97%; background:#2f2f2f; color:#a1a1a1; padding:5px 0 0 10px; font-family:Arial, Helvetica, sans-serif; color:#a1a0a0; font-size:12px; margin:2px 0 2px 0; border:solid 1px #454444; height:66px;}

.btn{ width:161px!important; height:45px!important; border:inherit!important; background:url(../images/submit.jpg) no-repeat!important;  text-align:center!important; color:#000000; font:normal 17px Arial, Helvetica, sans-serif; border:none; margin-top:2px; float:left; font-size:0; margin-left:3px; cursor:pointer;}

.map_box{width:100%; float:left;}
.map_box img{width:100%;}



.footer_copy{width:100%; float:left; background:#2c2c2c; padding:2% 0;}
.copy_left{width:25%; float:left;}
.copy_mid{width:50%; float:left; text-align:center;}
.copy_right{width:25%; float:right; text-align:right;}

.footer_copy{font-size:12px; color:#bebebe;  font-family: 'Oxygen-Regular';} 
.footer_copy a{color:#bebebe; text-decoration:none; margin-right:15px;}


ul.bullet{width:25%; float:left; margin:0; padding:0; list-style:none;}
ul.bullet li{line-height:24px; padding:0 0 0 24px; color:#a21116; background:url(../images/arrow2.png) no-repeat left 5px; font-family: 'Oxygen-Regular';}



.color_black{ color:#333333!important;}
.map_box01{ float:left; margin-top:5px;}
.map_box01 img{ float:left;}

.video_box{width:100%; margin-top:10px; }
.video_box iframe{width:100%!important;}

.find_us_text{font-size:14px; color:#FFFFFF;  font-family: 'Oxygen-Regular'; padding:5px 0; text-align:center;  width:100%;}

.find_us_text_cont{font-size:14px; color:#333333;  font-family: 'Oxygen-Regular'; padding:5px 0; text-align:center; width:100%;}

.goodgaragescheme_logo{width:100%; text-align:center; margin:20px 0;}

a.testi_more{width:100%; float:left; text-align:center; color:#FFFFFF; background:#074d87; padding:8px 0; text-decoration:none;  font-family: 'Oxygen-Regular'; font-weight:bold;}

.map_box_contact{width:100%; float:left;}
.contact_page_hd{width:100%; float:left; padding:12px 0; font-size:24px; color:#333333;  font-family: 'Oxygen-Regular';}

.map_box_contact img{width:100%;}

.contact_hd{background:#005ca9; padding:5px 0 5px 1%; width:99%; float:left; color:#FFFFFF; font-weight:bold; font-size:16px!important;}
.contact_form p{padding:5px 0; float:left;}
.contact_form span{color:#f50a0a;}

.form_main{width:100%; float:left;}
.form_left{width:45%; float:left;  font-size:14px; color:#333333;  font-family: 'Oxygen-Regular';}
.form_right{width:45%; float:right;  font-size:14px; color:#333333;  font-family: 'Oxygen-Regular';}

.form_main input{width:98%; float:left; border:solid 1px #CCCCCC; padding:2px; height:22px; background:#f5f5f5;}
.form_main select{width:98%; float:left; border:solid 1px #CCCCCC; padding:2px; height:28px; background:#f5f5f5;}

input.radio_btn{width:25px; float:none; height:inherit; margin-top:8px;}
.full_form textarea{width:98%; float:left; border:solid 1px #CCCCCC; padding:2px; height:55px; background:#f5f5f5;}

.coming_soon{width:100%; text-align:center; float:left;}

.you-tube{width:36%; float:left; text-align:center; margin-top:14px;}


@media only screen and (min-width: 320px) and (max-width: 768px) {
.wrapper{ width:100%;}
.main_wrapper{ width:90%;  margin:0px auto;}
.logo{ float:none; text-align:center;  margin-left:0px; margin-top:5px; position:relative;   }
.logo img{ margin-left:0px; margin-top:0px; max-width:100%; }
.contact_div{ float:none; margin-left:0px; margin-top:10px; width:100%; text-align:center; clear:both;}
.ph{ font-family: 'Oxygen-Regular'; font-size:25px; color:#e90000;  float:none; padding-left:0px; text-align:center;}
.email{ font-family: 'Oxygen-Regular'; font-size:20px; color:#FFFFFF;  float:none; padding-left:0px; margin-left:0px; text-align:center;}
.navigation{width:100%; float:left; margin:0 0; height:40px;   background:url(../images/nav_bg.png) repeat-x;  padding:0;}
.left_div1{ width:100%; float:left;}

/*.right_div1{ float:none; width:300px; margin:0px auto;}*/
.right_div1{ float:none; width:100%; margin:0px auto;}

ul.bulate{width:100%; float:left; margin:0 0; padding:0; list-style:none; }

.call_right{ font-size:36px; font-family: 'Oxygen-Regular';  color:#005ca9; margin-top:10%; font-weight:bold; }

.box_main{ width:100%; float:none; margin-right:0%;}

.opening_time{color: #333333;
    float: left;
    font-family: 'Oxygen-Regular';
    font-size: 29px;
    margin-left: 0%;
    margin-top: 15px;
    width: 87%;}
	
.opening_text{ background:url(../images/opening.jpg) no-repeat left; height:77px; width:79px; font-size:15px; padding-left:80px; width:83%; line-height:25px; margin-top:15px;}	

.left_part{width:100%; float:left;}
.right_part{width:100%; float:right;}
.hd_bg{background:url(../images/hd_bg01.png) no-repeat; padding:14px 0 15px  2%!important; float:left; width:100%; font-size:14px!important;}
.width45L{width:100%;}
.width45R{width:100%;}

.footer_left{width:97%; float:left; padding-left:0%;}
.footer_right{width:100%; float:right;  padding-right:2%;}
.contact_left{width:100%; float:left;}
.contact_left1{width:100%; float:left;}
.contact_right{float:left; width:100%; }
.contact_right1{float:left; width:100%; }
.contact_right2{float:left; width:100%; }
.footer_left{background:inherit;}
.copy_left{width:100%; float:left; text-align:center}
.copy_right{width:100%; float:right; text-align:center;}
.gallery_arae img{margin:3px; width:45% !important;}
.gallery_arae01 img{margin:3px; width:45% !important;}


	
	.box_main2{ width:100%; float:none; margin-right:0%; margin-top:2%;}
	
	.map_box img{width:inherit;}
	.map_box01{width:80%; float:left;}
.map_box01 img{ width:100%; }

.hd_bg2{background:url(../images/hd_bg01.png) no-repeat; padding:15px 0 25px  9%!important; float:left; width:92%;}
ul.bullet{width:50%; float:left; margin:0; padding:0; list-style:none;}

.video_box{width:100%; margin-top:22px; }
.video_box iframe{width:100%!important; margin-top:15px;}

.copy_mid{width:100%; float:left; text-align:center; margin:5px 0;}
.map_box_contact img{width:100%;}

.form_left{width:98%; float:left;}
.form_right{width:98%; float:left; }

.map_box_contact{width:300px; margin:0 auto; float:none;}

.coming_soon img{width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
.wrapper{ width:97%;}
.navigation{width:100%; float:left; margin:0 0; height:40px;  background:url(../images/nav_bg.png) repeat-x;  padding:0;}

.left_part{width:100%; float:left;}
.right_part{width:100%; float:right;}
.hd_bg{background:url(../images/hd_bg01.png) no-repeat; padding:14px 0 15px  2%!important; float:left; width:100%; font-size:14px!important;}
.width45L{width:100%;}
.width45R{width:100%;}

.footer_left{width:53%;}
.contact_left {  float: left;  width: 100%;}

.contact_left1 {  float: left;  width: 34%;}
.contact_right2 {  float: left;  width: 34%!important;}

.footer_right{width:45%; float:left;  text-align:center;}
.map_box img{width:inherit;}

.footer_left{background:inherit;}
.gallery_arae img{margin:3px; width:inherit !important;}
.gallery_arae01 img{margin:3px; width:inherit !important;}

.box_main{ width:45%; float:left; margin-right:3%; margin-top:2%;}

.side_box{width:300px; float:none; margin:0 auto;}
.side_box_hd{width:100%; float:left; color:#595959; font-family: 'Oxygen-Regular'; font-size:22px!important; padding:5px 0;}

.box_main2{ width:45%; float:none; margin-right:0%; margin-top:2%; margin:0px auto;}
/*.testimonials{width:39%; padding:2%; float:left; border:solid 1px #FFFFFF; background:#ecefe4; color:#484848!important; font-family: 'Oxygen-Regular'; font-size:14px!important; height:inherit; line-height:21px; margin-bottom:10%; margin-top:3%;}*/
.contact_right1{float:left; width:24%; margin-left:2%; }

.map_box01{width:269px; float:left;}
.map_box01 img{ width:100%; }
.hd_bg2{background:url(../images/hd_bg01.png) no-repeat; padding:15px 0 25px  9%!important; float:left; width:92%;}

.video_box{width:100%; margin-top:22px; }
.video_box iframe{width:100%!important; margin-top:15px;}

.copy_mid{width:100%; float:left; text-align:center; margin:5px 0;}
a.testi_more {    width: 99%;}


.map_box_contact img{width:inherit;}

.map_box_contact{width:300px; margin:0 auto; float:none;}

.coming_soon img{width:50%;}
}


@media only screen and (min-width: 800px) and (max-width: 900px) {
.wrapper{ width:100%;}
.main_wrapper{ width:90%;  margin:0px auto;}
.navigation{width:100%; float:left; margin:0 0; height:40px;  background:url(../images/nav_bg.png) repeat-x;  padding:0;}

.left_part{width:100%; float:left;}
.right_part{width:100%; float:right;}
.hd_bg{background:url(../images/hd_bg01.png) no-repeat; padding:14px 0 15px  2%!important; float:left; width:100%; font-size:14px!important;}
.width45L{width:100%;}
.width45R{width:100%;}

.footer_left{width:45%;}
.contact_left {  float: left;  width: 100%;}
.footer_right{width:45%; float:left;  text-align:center;}
.map_box img{width:inherit;}

.footer_left{background:inherit;}
.gallery_arae img{margin:3px; width:inherit !important;}
.gallery_arae01 img{margin:3px; width:inherit !important;}

.box_main{ width:45%; float:left; margin-right:3%; margin-top:2%;}

.side_box{width:300px; float:none; margin:0 auto; }
.side_box_hd{width:100%; float:left; color:#595959; font-family: 'Oxygen-Regular'; font-size:22px!important; padding:5px 0;}

.box_main2{ width:45%; float:none; margin-right:0%; margin-top:2%; margin:0px auto;}
.opening_time{color: #333333;
    float: left;
    font-family: 'Oxygen-Regular';
    font-size: 29px;
    margin-left: 2%;
    margin-top: 15px;
    width: 33%;}
	
	.left_div1{ width:100%; float:left;}

/*.right_div1{ float:none; width:300px; margin:0px auto;}*/
.right_div1{ float:none; width:100%; margin:0px auto;}
.contact_right{float:right; width:100%; color:#fefefe; font-size:14px;  font-family: 'Oxygen-Regular'; line-height:20px; }
.hd_bg2{background:url(../images/hd_bg01.png) no-repeat; padding:15px 0 25px  9%!important; float:left; width:92%;}
.contact_right2 {  float: left;  width: 42%!important;}
.contact_right1{float:left; width:21%; margin-left:0; }

.video_box{width:100%; margin-top:22px; }
.video_box iframe{width:96%!important; margin-top:15px;}
.copy_mid{width:100%; float:left; text-align:center; margin:5px 0;}
.map_box_contact img{width:inherit;}

.map_box_contact{width:300px; margin:0 auto; float:none;}
.coming_soon img{width:50%;}
}