@charset "UTF-8";
/*
Theme Name: AutoService
Theme URI: http://www.autoservice.net.au
Author: Jdesign
Author URI: http://www.jdesign.net.au
Description: A company that provides high quality and reliable autoservice.
Version: 01.2012
Tags: fixed-width,white,light,1and2Column,right-sidebar,theme-options,threaded-comments,sticky-post,microformats
*/


@import url("css/forms.css");
@import url("css/dropdown.css");

html{
margin:0;
padding:0;
}
body{
	  background: url("images/body-bg.jpg") repeat-x scroll left top #DAE3F3;
    font-family: Arial,Helvetica,sans-serif;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
		

	}

	.alignLeft,.alignleft{
	float:left;
	}
.alignRight,.alignright{
	float:right;
	}
	.aligncenter{
	text-align:center
	}
	ul, ul li{
	list-style-type:none;
	float:left;
	}
	
.wrapper{
	  margin:0 auto;
    text-align: left;
    width: 1007px;
	  padding-bottom: 2em;
	}
	
 
#mascot {
	   background: url("images/bosch-man.png") no-repeat scroll 0 0 transparent;
    height: 307px;
        margin-left: -34px;
    margin-top: 15px;
    position: absolute;
    width: 252px;
    z-index: 9999;
	}
	
	/*ie 6, IE7*/
	#mascot {

	*margin-left:199px;
	*left:0;
	*top:0;
	
	}
	

     

	

/* Basic Element Formatting */
#header{
   background: none repeat scroll 0 0 transparent;
   
    float: left;
      height: 179px;
    margin: 0;
	
	}
#header .logo {
/*	background: url("images/header-2.png") no-repeat scroll 33px 0 transparent;
*/    float: left;
    height: 80px;
    margin: 0;
    padding: 0;
     width: 1007px;
	}

#header .logo-slogan {
 color: #943838;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 49px;
    margin-top: 5px;
    padding: 0 0 0 177px;
    width: 100%;
	 letter-spacing: 0.5px;
	}
	#header .logo-slogan {
		*top:20px;
		*position:relative;
	}

#header .logo-address {
  color: #003366;
    float: left;
    font-size: 14px;
    height: 44px;
    letter-spacing: 0.5px;
    padding: 0 0 0 196px;
    width: 76%;
}
#header .logo-address p{
	 margin-top: 15px;
}

/*IE7*/
#header .logo-address {
	 *padding-top: 17px;
	

}

#header span.logo-phone {
  color: #943838;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: -1px;
    margin-top: -5px;
}	
#header span.logo-phone {

	  *margin-top: -25px;
}
#header h1{
	font-size:1em;
	margin:0;
	padding:10px;
	}
	
#header h1 a{
	color:#000000;
	background:#F3F2ED;
	}
	
	
	/*menu*/
#menu{
/* float: left;
    height: auto;
    padding-top: 11px;
	padding-top: 16px;
    width: 100%; height: 32px;*/
  margin-top: -4px;
  padding-bottom: 4px;
	
   

}


body#home #menu{

  margin-right: -2px;

}



.teaser {
  background: url("images/rc-bg.gif") repeat-x scroll 0 0 #B8C5D5;
    float: left;
    height: 130px;
   padding: 11px 0 5px;
    width: 1008px;
	}
	.teaser ul{
	    float: left;
       margin: 0 0 0 15px;
    padding: 0;
	}
	
	.teaser ul li {
	float:left;
	   height: 129px;
    width: 198px;
		background: url('images/5col.png') 0 0 no-repeat;
	}
.teaser ul li a {
    text-decoration: none;
color:#fff;
	
 

	}
	.teaser ul li h4 {
	 color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
       margin: 0 0 0 -10px;;
    padding: 0.8em 0 0;
    text-align: center;

    text-decoration: none;
	}
	.teaser ul li a img {
	  float: left;
       margin-left: 3.2px;
	border:0;
	}
	
	.teaser ul li span {
   float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.6em;
    font-weight: normal;
    padding-left: 26px;
    padding-top: 6px;

	}
		.teaser ul li h4 span{
		float:none;
		padding:0;   
		font-size:.8em;
		
		}
#secondaryFull{
	height:50px;
	background-color:#CFB59F;
	border-top:#FFFFFF 2px solid;
	margin:0;
	padding:0;
	}
	
.greylist{
width:1007px;
min-height:173px;
height:auto;
float:left;
}
.logos{
    float: left;
    margin: 0;
    padding: 0;
}
.hide{ /* Hide stuff without resorting to display:none; */
        visibility:hidden;
        width:0!important;
        height:0!important;
        line-height:0!important;
        padding:0!important;
        margin:0!important;
}

/*logo list*/
	.logos ul,  .logos ul li{
	   float: left;
    list-style-type: none;
    padding:6px 25px 12px 25px;
   width: 96%;
	

		}
		.logos ul li{
	    padding:0 15px;
	    width: auto;
			}
		 .logos ul li p{
		  float: left;
		    font-family: arial;
		    font-size: 0.75em;
		    font-weight: bold;
		    line-height: 1.2em;
		    margin-right: 2em;
		    margin-top: 0.5em;
		    width: 173px;
				}
				
				.logos ul li img{
			  float:left;
			  border:0;
					}
					
					
.footer{
float:left;
}
.content {
	background:none;
	padding:2px 0 0 0;
	
	float:left;
margin:0	   
	}
	
	/*false column*/
	
	#yui-main{
		float:left;
	/*	background:#C7D2DD url("images/contentBg.jpg") no-repeat scroll right bottom ;*/

	
		
	}
	/*sidemenu on subpages */
.sidebar {
   /* background: url("images/sidebarBg.jpg") repeat-x scroll left bottom #D6DEE6;*/
    float: left;
    padding: 120px 9px 80px;
    width: 183px;
	 min-height: 282px;
	  height:auto !important;
	  height:282px;
	
}
.sidebar ul {
	margin:0;
  padding-left: 0.5em;
	width:90%!important;
	    overflow: hidden;
}
.sidebar ul li {
	list-style-type: none;
    width: 167px;
}


.sidebar ul li.subpages-navi-current-level a{
background:#003366;
	color:#fff;
}



/*subsub*/

.sidebar ul li ul.children{
	overflow:visible;
}
.sidebar ul li ul.children li{
	width:195px
}
.sidebar ul li.subpages-navi-level-1 a{
	background:transparent;
		color:#40668C;


	
}
/*subsub*/
.sidebar ul li.subpages-navi-level-1 a:hover{
	background:#fff;
	color:#943838;
	
	
}
/*selected*/
.sidebar ul.children li.subpages-navi-current-level a{
background:#003366;
	color:#fff;
}

.sidebar ul li a {
	color: #40668c;
	text-decoration: none;
	font-size: 0.85em;
	display: block;
	padding:0.3em 0.5em;
}
.sidebar h3 {
  border-bottom: 1px solid #40668C;
  color: #003366;
  font-size: 1em;
  margin: 10px;
  padding: 10px 2px;
}
.sidebar h3 a {
	   color: #003366;
    margin: 0;
    padding: 5px 10px;
    text-decoration: none;
}
.sidebar h3 a:hover {
	background:#fff;
	color:#943838;
}

/*subpage*/
.page-post-content {
    float: left;
    width: 806px;
	background:url("images/contentBg.jpg") repeat-x scroll left bottom #FFFFFF
}


/*backup if sidebar is too long*/
.yui-gf{
 background: url("images/sidebarBg.jpg") repeat-x scroll left bottom #D6DEE6;
    float: left;

}


/* Slideshow Formatting */
#wpcontent_slider_container{
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
	width:1003px !important;
	overflow:hidden;
float:left;
	background: url('images/slider.jpg') 0 0 no-repeat;


}


/* Newsticker Formatting */
.newsticker {
	  background: url("images/tickerBg.gif") repeat-y scroll 0 0 #003365;
    float: left;
    font-size: 0.75em;
    padding: 8px 7px 7px;


    width: 992px;
heigt:29px;
border:1px solid #fff;
border-left:none;
border-right:none;
float:left;

}
.newsticker p{
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
	color:#fff;
    padding:0 23px 0 0;
	}
	

.newsticker a{
	color: #FFFFFF;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	  
		
	}
	.newsticker a, .newsticker a:visited{
		color:#fff;
		text-decoration:none;
	}
	.newsticker a:hover{
	
		color:#943838!important
	}

/* Service-Area Formatting */

.service-area {

    background: none repeat scroll 0 0 #B8C5D5;
    color: #40668C;
    float: left;
    margin-top: 10px;
    overflow: auto;
  padding: 8px 0;
    width: 1008px;

}

.service-area .col{
	/*border:1px solid red;
	  border: 1px dashed black;*/ 
  
    float: left;
    margin-left: 50px;
    margin-top: 15px;
    width: auto;
}
  .service-area .col h3
  {
 color: #003366;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

/* allow room for 3 columns */
  .service-area .col ol
  {
	      float: left;
    list-style-type: none;
    margin-left: 0;
    margin-top: 4px;
    padding-left: 0;
    padding-top: 0;
    width: 119px;
  }

  /* float & allow room for the widest item */
 .service-area .col ol li
  {
   float: left;
     line-height: 16px;
    text-align: left;
    width: 99%;
  }

  /* stop the float */
  br
  {
/*    clear: left;*/
  }

  /* separate the list from subsequent markup */
  div.col-wrapper
  {
    margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background:#b8c5d5 url(images/service-areaBg03.jpg) no-repeat;
  }
	
#secondary {
	height:130px;
	background:#B8C5D5 url('images/rc-bg.gif') 0 0 repeat-x;

	padding: 10px 10px;
	}
	#secondary ul li {
		display: inline-block;
		width: 194px;
		height: 130px;
		background: url('images/5col.png') 0 0 no-repeat;
	}
	#secondary ul li a {
    text-decoration: none;
color:#fff;

	}
	#secondary ul li h4 {
	  color: #FFFFFF;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 1em;
	    padding: 0.8em 0 0.2em;
	    text-align: center;
	    text-decoration: none;
	}
	#secondary img {
	  float: left;
    margin-left: 8px;
	}
	
	#secondary ul li span {
   float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.6em;
    font-weight: normal;
    padding-left: 26px;
    padding-top: 7px;

	}
		#secondary ul li h4 span{
		float:none;
		padding:0;   
		font-size:.8em;
		
		}
#secondaryFull{
	height:50px;
	background-color:#CFB59F;
	border-top:#FFFFFF 2px solid;
	margin:0;
	padding:0;
	}


	
#footer{
  background: none repeat scroll 0 0 #B8C5D5;

    color: #003366;
    float: left;
    font-size: 0.65em;
    margin: 0 0 2em;
    padding: 9px 24px 0 24px;
    width: 960px;

	}/*jdesign link*/
	
	
	.jdesign a{
  color: #003366;
    float: right;
    padding-left: 0.5em;
    text-decoration: none;
	}
	.jdesign a:hover{
		    text-decoration: underline;


	}
	/*footer nav*/
	
	.menu-footer-menu-container{
float: right;
    margin: 0;
    padding: 0;
	}
	#menu-footer-menu{
	float:right;
	}
.other	{
 margin-left: -10px;
 float:left;
 padding: 0;	
}
 ul#menu-footer-menu ,  ul#menu-footer-menu li,
 .other ul, .other li{
	    float: left;
    list-style-type: none;
    padding: 0 0.5em;
	
	}
	
	 .other ul{margin:6px 0;}
 ul#menu-footer-menu {
	 	padding:0;
		margin:0
 }
 ul#menu-footer-menu li a,
  .other ul li a{
color:#003366;
text-decoration:none;

}
 ul#menu-footer-menu li a:hover,
 .other ul li a:hover{
color:#003366;
text-decoration:underline;

}
	
	

.entry-content,
.entry-summary {
	clear: both;
  padding: 0 50px 12px;

/*	background:url("images/contentBg.jpg") repeat-x bottom;
*/	color: #40668C;
    font-size: 0.85em;
    line-height: 1.6em;


	 min-height:480px;

	  height:auto !important;

	  height:480px;
  overflow: hidden;
}

 
.entry-summary img,
.entry-content img{ 
 margin: 0 32px 16px 0 !important;
/*  float: left;*/
    border: 0 none;

}
.page-post-content p {
	color: #40668c;
	padding: 0 0 1em 0;
	font-size: 1em;
	margin:0;
	
}
.page-post-content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #40668c;
	 
    padding:30px 60px 0 50px;
	font-size: 1.2em;
	line-height: 1.6em;
}

/*contact and google map page*/
ul.contact, ul.contact li{
list-style-type:none;
float:left;
width:100%;
  padding: 0;

}
 ul.contact li{
	width:40%;
	}

 ul.contact li.gmap{
	width:60%;
	}
.address{
	float: left;
    padding: 10px 0 0 70px;
}

/*modified*/
.info{

    float: left;
    width: 320px;
}
.msg{
float:left;
width:100%;
}
div.wpcf7 {
    margin: 0;
    padding: 0;
}
form.wpcf7-form ul{
padding:0;
margin:0;
}
/*modified*/
form.wpcf7-form ul li{
    float: left;
    padding: 0 0 0.5em;
    width: 100%;
}
form.wpcf7-form .wpcf7-response-output {
    float: left;
	position:absolute;
    margin-left: 388px;
    margin-top: 126px;
	*margin-left: -320px;
	*margin-top: -30px;
    padding-top: 0;
    width: 250px; 
	overflow:hidden;
	}
.entry-content img.ajax-loader{
	margin-bottom:0!important;
	
	}
	span.wpcf7-not-valid-tip {
	position:static !important;
	width:100%;
	float:left
	}
div.wpcf7 input.wpcf7-submit{
 margin-left: 650px;
width:auto;
}

/* Menu Formatting */
#nav{
    border-bottom: 1px solid white;
    float: left;
    height: 28px;


    margin-top: 15px;
    width: 100%;
    z-index: 1;
	}
	
	#nav ul, #nav ul li{
	float:left;
	width:100%

	}
	#nav ul li{
	padding:.5em

	}
	#nav ul li a{
	padding:.5em;
	float:left;

	}

 ul.menu{list-style: none;}
   ul.menu li{float: left;list-style-type: none;padding: 0 0.5em;}