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

html{
     margin:0;
	 padding:0;
	 }
	 
body{
     background:#000 url(/assets/images/page_top_bg.jpg) repeat-x top;
	 color:#fff;
	 font-family:Arial, Helvetica, sans-serif;
	 margin:0;
	 padding:0;
	 }	
	 
p{
  color:#fff;
  font-size:1em;
  font-weight:bold;
  }
  
a {

	color:#7ac142;
}

.estimate_tbl {
padding-left:10px;	
}

.design {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
  
#tel_wrap{
          margin:0 auto;
		  width:900px;
		  display:block;
		  }
	 
h2.tel {
background:transparent url(/assets/images/tel_no.png) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
float:right;
height:18px;
margin:0;
position:relative;
text-indent:-9999px;
top:6px;
width:175px;
}
	 
#header_wrap {
background:transparent url(/assets/images/tyre_tread_top.png) no-repeat scroll 0 10px;
display:block;
height:196px;
margin:0 auto;
padding:0;
width:900px;
}

#nav_wrap {
bottom:11px;
display:block;
float:right;
position:relative;
}
		  
#nav {
background: url(/assets/images/nav.png) no-repeat;
width:713px;
height:60px;
margin:0;
padding:0;
display:block;
}

#nav span {
display: none;
}

#nav li, #nav a {
height:60px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav-01 {width: 104px;}
#nav-02 {width: 119px;}
#nav-03 {width: 137px;}
#nav-04 {width: 142px;}
#nav-05 {width: 78px;}
#nav-06 {width: 133px;}

#nav-01 a:hover {background:url(/assets/images/nav.png) 0px -60px no-repeat; }
#nav-02 a:hover {background:url(/assets/images/nav.png) -104px -60px no-repeat; }
#nav-03 a:hover {background:url(/assets/images/nav.png) -224px -60px no-repeat; }
#nav-04 a:hover {background:url(/assets/images/nav.png) -360px -60px no-repeat; }
#nav-05 a:hover {background:url(/assets/images/nav.png) -502px -60px no-repeat; }
#nav-06 a:hover {background:url(/assets/images/nav.png) -580px -60px no-repeat; }				 		 


#nav-01 .current {background:url(/assets/images/nav.png) 0px -60px no-repeat; }
#nav-02 .current {background:url(/assets/images/nav.png) -104px -60px no-repeat; }
#nav-03 .current {background:url(/assets/images/nav.png) -224px -60px no-repeat; }
#nav-04 .current {background:url(/assets/images/nav.png) -360px -60px no-repeat; }
#nav-05 .current {background:url(/assets/images/nav.png) -502px -60px no-repeat; }
#nav-06 .current {background:url(/assets/images/nav.png) -580px -60px no-repeat; }				 		 

			 
	 
h1.logo a {
background:transparent url(/assets/images/logo.png) no-repeat scroll 0 0;
bottom:31px;
display:block;
height:204px;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
width:202px;
}

h2.savingsimg a {
background:transparent url(/assets/images/save_50percent.gif) no-repeat scroll 0 0;
bottom:23px;
display:block;
float:right;
height:140px;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
width:199px;
z-index:-1;
}

#mid_wrap{
          width:100%;
		  background:url(/assets/images/mid_wrap_bg.jpg) repeat-x;
		  height:254px;
		  display:block;
		  margin:0;
		  position:relative;
		  bottom:16px;
		  }
		  
#mid_content{
             display:block;
			 width:900px;
			 margin:0 auto;
			 padding:0;
			 }	
			 
#mid_left{
          display:block;
		  float:left;
		  width:592px;
		  margin:0;
		  padding:0;
		  }
		  
#mid_right{
          display:block;
		  float:right;
		  width:308px;
		  margin:0;
		  padding:0;
		  }	
		  
#mid_right ul{
              margin:0;
			  padding:0;
			  list-style-image:none;
			  list-style-type:none;
			  display:block;
			  width:308px;
			  }		
			  
#mid_right li{
              margin:0;
			  padding:3px;
			  display:block;
			  width:136px;
			  }	

label{
      font-size:0.8em;
	  }


.form-label1 {
top:27px;
position:relative;
float:left;
left:15px;
width:130px !important;
clear:both;
margin-bottom:15px;
font-size:12px;
font-weight:bold;
}


.form-right {
float:right;
position:relative;
right:17px;
width:130px !important;
padding:0;
margin:0;
}

.rightside {
bottom:172px;
float:right;
position:relative;
right:17px;
width:130px !important;
}

.leftside {
bottom:140px;
float:right;
font-size:0.8em;
left:123px;
position:relative;
text-align:center;
width:130px !important;
}

.radio {
bottom:25px;
position:relative;
right:5px;
width:48px !important;
padding:0;
margin:0;

}

#submitbutton {
background:transparent url(/assets/images/submit_btn.png) no-repeat scroll 0 0;
border:none;
display:block;
float:right;
height:27px;
left:0px;
position:relative;
text-align:-9999px;
top:-30px;
width:79px;
cursor:pointer;
outline:none;
}

#contactsubmitbutton {
background:transparent url(/assets/images/contact-submit.jpg) no-repeat scroll 0 0;
border:none;
display:block;
height:49px;
left:275px;
position:relative;
text-align:-9999px;
top:10px;
width:158px;
cursor:pointer;
outline:none;
}


#shopsubmitbutton {
background:transparent url(/assets/images/contact-submit.jpg) no-repeat scroll 0 0;
border:none;
display:block;
height:49px;
left:420px;
position:relative;
text-align:-9999px;
width:158px;
cursor:pointer;
outline:none;
}

#contactsubmitbutton1 {
background:transparent url(/assets/images/contact-submit.jpg) no-repeat scroll 0 0;
border:none;
display:block;
height:49px;
left:150px;
position:relative;
text-align:-9999px;
top:10px;
width:158px;
cursor:pointer;
outline:none;
}

fieldset {
border:medium none;
height:190px;
margin:0;
padding:12px;
padding-top:0px;
}	
		 
.form_bg, .select_bg {
border:1px solid #CCCCCC;
color:#8D8D8D;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
padding:3px;
width:128px;
z-index:10000;
}	

.form_bgarea{
height:100px;
width:300px;
color:#8D8D8D;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
}

.form_bgbox{
height:20px;
width:300px;
color:#8D8D8D;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;}



.select_bg {
width:136px;
}		  	
		  
h2.savings_header {
background:transparent url(/assets/images/savings_header.png) no-repeat scroll 0 0;
display:block;
height:18px;
left:5px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
width:270px;
}


#btm_wrap{
             display:block;
			 width:900px;
			 margin:0 auto;
			 padding:0;
			 }	

/*--------------------------------- BEGIN: Bottm right section -----------------------------*/			 
#btm_left{
          display:block;
		  float:left;
		  width:604px;
		  margin:0;
		  padding:0;
		  }
		  
h2.saverrp {
background: url(/assets/images/percentagerrp_header.png) no-repeat scroll 0 50%;
display:block;
height:60px;
right:5px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
width:351px;
}	

h2.total, h2.final, h2.total_saving {
background: url(/assets/images/total_header.png) no-repeat;
display:block;
height:15px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:300px;
}

h2.total{padding:2px 0;}

h2{margin:0;}

h2.final{
         background: url(/assets/images/final_header.png) no-repeat;
		 width:300px;
		 height:15px;
		 }
 
h2.total_saving{
                background:url(/assets/images/total_saving_header.png) no-repeat;
				width:103px;
				height:23px;
				}         

/*---------- BEGIN table ----------------*/

#box-table, #salary_table {
border:1px solid #767676;
border-collapse:collapse;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 0;
text-align:left;
width:597px;
}

#salary_table {
width:597px!important;
}

#box-table p, #salary_table p{
font-size:0.85em;
padding:5px 11px;
}

td.box-table_left {
background:transparent url(/assets/images/table_head_bg.jpg) repeat-x scroll 0 0;
border-bottom:1px solid #767676;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:16px;
width:460px;
}

td.salary_table_left{
background:#000;
border-bottom:1px solid #767676;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:16px;
width:460px;
}

td.salary_table_right {
background:#478813 url(/assets/images/table_hilght_bg.png) no-repeat top;
border-bottom:1px solid #767676;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:5px;
}

td.box-table_right {
background:#478813 url(/assets/images/table_hilght_bg.png) no-repeat top;
border-bottom:1px solid #767676;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:5px;
}

td.box-table_right span {
background:transparent url(/assets/images/down_arrow.png) no-repeat scroll 0 0;
display:block;
height:13px;
left:45px;
position:relative;
top:18px;
width:25px;
}

td.box-table_right h2 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.95em;
font-weight:400;
margin:0;
padding:0;
position:relative;
text-align:center;
top:4px;
}
                      
#box-table td {
border-bottom:1px solid #767676;
border-right:1px solid #767676;
font-size:0.8em;
padding:5px;
}  
		  
#btm_right{
          display:block;
		  float:right;
		  width:296px;
		  margin:0;
		  padding:0;
		  }	
		  
blockquote {
bottom:37px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.9em;
left:15px;
position:relative;
width:216px;
}

blockquote p{
              margin:0;
			  }

blockquote div.open {
background:transparent url(/assets/images/open_quote.png) no-repeat scroll left top;
display:block;
height:36px;
position:relative;
right:43px;
top:35px;
width:36px;
}

blockquote div.close {
background:transparent url(/assets/images/close_quote.png) no-repeat scroll right bottom;
bottom:26px;
display:block;
float:right;
height:36px;
left:40px;
position:relative;
width:36px;
}	  	
		  
img.greenachieve{
                 display:block;
				 margin:0 auto;
				 width:124px;
				 }	
				 
p.greenquote {
color:#79C041;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
position:relative;
left:57px;
bottom:36px
}				 				 	  		 
	

h2.your_sav_calc_header {
background: url(/assets/images/your_sav_calc_header.png) no-repeat;
display:block;
height:23px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:263px;
}	

h2.content_main{
background: url(/assets/images/content_main_header.png) no-repeat;
display:block;
height:58px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_employers{
background: url(/assets/images/employers.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_employees{
background: url(/assets/images/employees.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_faqs{
background: url(/assets/images/faqs.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_how{
background: url(/assets/images/how.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}


h2.content_partner{
background: url(/assets/images/partner.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_contact{
background: url(/assets/images/contact.png) no-repeat;
display:block;
height:30px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:582px;
}

h2.content_signup{
background: url(/assets/images/signupheader.jpg) no-repeat;
display:block;
height:32px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:319px;
}

h2.content_register{
background: url(/assets/images/register_interest.png) no-repeat;
display:block;
height:40px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:299px;
}


ul.bullets
{
list-style-type: none;
padding: 0;
margin: 0;
}

li.bullets
{
background-image: url(/assets/images/bullet.png);
background-repeat: no-repeat;
padding-left: 2em;
margin: 1em 0;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
}


#content{
         display:block;
		 width:592px;
		 margin:0;
		 padding:0;
		 }

#content p{
          padding:10px;
		  }	
		  
.howcontent{
padding-bottom:10px;
font-size:16px;
font-weight:bold;
}

h2.signup a{
background: url(/assets/images/sign_up_btn.png) no-repeat;
display:block;
height:48px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:212px;
}	

h2.how_it_works a{
background: url(/assets/images/how_it_works.png) no-repeat;
display:block;
height:45px;
margin:0 9px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:212px;
float:left;
}	

#details{
         margin: 0 auto;
		 display:block;
		 width:350px;
		 padding:0;
		 }

#details ul{
            margin:0 auto;
			padding:0;
			display:block;
			list-style-image:none;
			list-style-type:none;
			width:100%;
			}
			
#details li{
           display:block;
		   float:left;
		   width:215px;
		   margin:30px 35px;
		   padding-bottom:40px;
		   }			
			


#details-right{
         margin: 0 auto;
		 display:block;
		 width:200px;
		 padding:0;
		 }

#details-right ul{
            margin:0 auto;
			padding:0;
			display:block;
			list-style-image:none;
			list-style-type:none;
			width:100%;
			}
			
#details-right li{
           display:block;
		   float:left;
		   width:215px;
margin-bottom:10px;
padding-bottom:30px;
		   }			
			

#details2{
         margin: 0 auto;
		 display:block;
		 width:600px;
		 padding:0;
		 }
		 
#details2 label {width:150px;  float:left; text-align:left; margin:3px 10px 0 0; display:block; }


#details2 p { margin:0;padding-bottom:1px;  }


#details3{
         margin: 0 auto;
		 display:block;
		 width:500px;
		 padding:0;
		 border:1px solid #767676;
		}
		 
#details3 label {width:150px;  float:left; text-align:left; margin:3px 10px 0 0; display:block; }


#details3 p { margin:0;padding-bottom:1px;  }


#shopform{
         margin: 0 auto;
		 display:block;
		 width:600px;
		 padding:0;
		 height:70px;
		 }
		 
#shopform label {width:100px;  float:left; text-align:left; margin:3px 10px 0 0; display:block; }



#shopform p { margin:0;padding-bottom:1px;  }


/*----------------- BEGIN: FOOTER -----------------------*/
#footer{
        display:block;
		width:900px;
		margin:0 auto;
		background:url(/assets/images/footer_bg.jpg) no-repeat;
		height:167px;
		}
		
#footer ul{
           margin:0;
		   padding:0;
		   list-style-image:none;
		   list-style-type:none;
		   display:block;
		   
		   }
		   
#footer li{
           margin:0;
		   padding:0;
		   display:block;
		   float:left;
		   margin-right:10px;
		   padding-right:10px;
		   }
		   		   
#footer li a{
           margin:0;
		   padding:0;
		   display:block;
		   float:left;
		   color:#fff;
		   text-decoration:underline;
		   font-size:0.8em;
		   }
		   
#footer li:first-child{
                         border-left:none;
						 }			   
		   
#footer li a:hover{
		   color:#79C041;
		   text-decoration:none;
		   }
		   
/*-----------------CLOSE: FOOTER ------------------------*/		   		   			    
		   			    			 	  
  





h2.trigger {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/portfolio/h2_trigger_a.png) no-repeat;
	height: 45px;
	line-height: 45px;
	width: 450px;
	font-size: 1.5em;
	font-weight: normal;
	width:500px;
	}
	
span.trigger {
background:transparent url(/assets/images/expand_arrow.png) no-repeat scroll 0 0;
bottom:23px;
display:block;
float:right;
height:13px;
left:86px;
position:relative;
width:9px;
cursor:pointer;
}
	
h2.trigger a {
background:transparent url(/assets/images/sal_sac_header.png) no-repeat scroll 0 18px;
border-bottom:1px solid #0C0C0C;
display:block;
margin:2px 0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
width:592px;
}

h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	background: #000 url(/assets/images/table_head_bg.jpg) repeat-x left top;
	overflow: hidden;
	width: 592px;
	clear: both;
	display:block;
}
.toggle_container .block {
	padding: 20px;
	background: url(images/portfolio/toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}










  
  
  
  

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */








.savings {
 float:right;	
}




.sys_genBoxForm {  margin:0 0 0 0; padding:0 0 0 0; width:300px; }
.sys_genBoxForm p { display:block; width:100%; margin:0 0 5px 0; padding:0 0 0 0; clear:both; }
.sys_genBoxForm p.radiotext { width:250px; margin:0 0 0 55px; padding:5px 0 0 0; clear:both; font-size:80%;}
.sys_genBoxForm label.radio-option {width:30px;}
.sys_genBoxForm p.sys_radioLine { display:block; width:100%; margin:5px 0 0 100px; padding:0 0 2px 0; clear:both; }
.sys_genBoxForm label { width:140px; float:left; text-align:right; margin:3px 15px 0 0; display:block; }
.sys_genBoxForm .sys_checkBox { margin:4px 0 0 4px; padding:0 0 0 0; }
.sys_genBoxForm .sys_radioBtn { margin:0 0 0 0; padding:0 0 0 0; display:inline; }
.sys_genBoxForm .sys_txtBox { float:left; width:128px; border:#999999 solid 1px; margin:0 0 6px 4px; padding:2px 2px 2px 2px; background-color:#ffffff; color:#8D8D8D;font-family:Arial,Helvetica,sans-serif;font-size:0.7em; }
.sys_genBoxForm .sys_txtBoxSmall { float:left; width:40px; border:#999999 solid 1px; margin:0 0 6px 4px; padding:2px 2px 2px 2px; background-color:#ffffff; color:#000000; font-size:80%; }
.sys_genBoxForm .sys_txtArea { float:left; width:216px; border:#999999 solid 1px; margin:0 0 6px 4px; padding:2px 2px 2px 2px; background-color:#ffffff; color:#000000; font:80% Arial, Helvetica, sans-serif; }
.sys_genBoxForm .sys_dropBox { float:left; width:132px; border:#999999 solid 1px; margin:0 0 5px 4px; padding:2px 2px 2px 0px; background-color:#ffffff; color:#8D8D8D;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;}


.small{font-size:12px;}



.shops { border:#767676 1px solid; padding-top:1em;padding-right:1em; margin-bottom:1em; margin-right:1em; width:260px; min-height:200px; float:left;}

.shops ul{ list-style:none;}

.shop_title { color:#77be40; font-weight:bold;}




.pagination {
	float:right;
	color:#000;
	font-size:0.7em;
}



.pagination p{
	float:left;
	color:#000;
	text-decoration:none;
	margin-top:0.5em;
}




.pagination a {
	float:left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	background:#0c0c0c;
	margin:0.2em;
	color:#77be40;	
	text-decoration:none;
	font-weight:bold; 	
}



.pagination a:hover {
	background:#77be40;
	color:#0c0c0c;
	text-decoration:underline;
}

.pagination .active {
	background:#77be40;
	color:#0c0c0c;	
}

.currentpage p {
	color:#000;
	text-decoration:none;
	margin-top:0.5em;
}

.clear {
	clear:both;	
}


/* MENNUUUUUUU */

/* 
	STYLE SHEET FOR IHWY JQUERY LISTNAV PLUGIN V 2.0, 3/2/2009
	
	For more information, visit http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
*/


/* default styling example
----------------------------------------------------------------- */

.listNav { margin:0 0 10px; width:700px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid #111; border-right:none; text-decoration:none; font-size:12px }
.ln-letters a.ln-last { border-right:1px solid #111; }
.ln-letters a:hover,
.ln-letters a.ln-selected { 	background:#77be40; color:#000; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#fff; }


#storeAlpha #listWrapper { width:700px }
#storeAlpha li { float:left; list-style:none;}
#storeAlpha a { display:block; text-align:center; width:90px; height:25px; border:1px solid #111; padding:8px; margin:0 10px 10px 0; text-decoration:none; font-size:12px; font-weight:bold; background:#111; overflow:hidden; }
#storeAlpha a:hover { 	background:#77be40; color:#000;}

.demo{
	width:600px;
	margin-left:0px;padding-left:0px;
}

#locationdrop{
	position:relative;
	float:left;
	clear:both;
	width:300px;
	margin-top:-55px;
	margin-left:300px;
}

#locationname{
	position:relative;
	float:left;
	clear:both;
	width:300px;
}

.locationtitle{
	position:relative;
	top:-15px;
	
}