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

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#ffffff; line-height:1.3em; 
background:url(../images/background.jpg) repeat-x #f06eaa center top;}

#wrapper{width:100%;}

#page{width:790px; margin:0 auto 0 auto;}

#header{width:790px; margin:0 auto 0 auto;}

#content{width:790px; background:url(../images/bg_page.png) no-repeat top; float:left; position:relative; margin:8px 0 0 0; padding:0 0 10px 0;}


/************* Navigation Start **************/

div#navigation{margin:1px 0 0 10px; width:770px;/* background:url(../images/bg_nav.png) repeat-x;*/ height:24px; padding:0 0 0 0; float:left; border-bottom:#ec008c solid 1px;}
div#nav ul{width:770px; height:24px; position:relative;}
div#nav ul li{display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; height:24px;}

li#home a, li#car a, li#house a, li#van a, li#commercial a, li#about a, li#contact a{
text-indent: -999999px;
display: block;
margin: 0px 0px 0px 1px;
padding: 0px;
font-size: 11px;
position: relative;
overflow: hidden;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0px 0px;
height: 24px; left: 0px; top: 0px; z-index: 0;
}

#nav li a{padding:0 0 0 0; float:left;}

body#page_home li#home a, 
body#page_car li#car a, 
body#page_house li#house a, 
body#page_van li#van a, 
body#page_commercial li#commercial a, 
body#page_about li#about a, 
body#page_contact li#contact a{background-position: 0px -48px;}

li#home a{background-image:url(../images/nav_buttons/home.png); width:44px;}
li#car a{background-image:url(../images/nav_buttons/car_quote.png); width:146px;}
li#house a{background-image:url(../images/nav_buttons/home_quote.png); width:158px;}
li#van a{background-image:url(../images/nav_buttons/van_quote.png); width:149px;}
li#commercial a{background-image:url(../images/nav_buttons/commercial_insurance.png); width:154px;}
li#about a{background-image:url(../images/nav_buttons/about_us.png); width:60px;}
li#contact a{background-image:url(../images/nav_buttons/contact.png); width:51px;}

li#home a:hover, li#car a:hover, li#house a:hover, li#van a:hover, li#commercial a:hover, li#about a:hover, li#contact a:hover{
background-position:0px -24px; cursor:pointer;}

/************* Navigation End **************/



#left_side{width:368px; float:left; margin:10px 0 0 19px;}
	
	#left_side_top{width:368px; background:url(../images/bg_left_side_top.jpg) no-repeat top left; padding:11px 0 25px 2px; 
	min-height:25px; height:auto !important; height:25px;}
	#left_side_bottom{width:368px; background:url(../images/bg_left_side_bottom.jpg) no-repeat bottom left; min-height:290px; height:auto !important; height:290px;
	padding:0 0 0 2px;}
	
	#left_side_bottom p{text-align:justify; margin:0 5px 10px 0;}
	


#right_side{width:375px; float:left; margin:7px 0 0 10px;}
	
	#right_side ul{width:370px; height:169px; position:relative;}
	#right_side ul li{display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; height:169px;}
	
	li#car_deals a, li#car_deals_contact a, li#house_deals a, li#van_deals a{
	text-indent: -999999px;
	display: block;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	font-size: 11px;
	position: relative;
	overflow: hidden;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 169px; left: 0px; top: 0px; z-index: 0;
	}
	
	#right_side li a{padding:0 0 0 0; float:left;}
	
	li#car_deals a{background-image:url(../images/car_deals.png); width:182px;}
	li#house_deals a{background-image:url(../images/house_deals.png); width:182px;}
	li#van_deals a{background-image:url(../images/van_deals.png); width:182px;}
	li#car_deals_contact a{background-image:url(../images/car_deals_contact.png); width:182px;}
	
	li#car_deals a:hover, li#house_deals a:hover, li#van_deals a:hover, li#car_deals_contact a:hover{
	background-position:0px -169px; cursor:pointer;}
	

#right_side ul#options{display:block; width:177px; margin:10px 0 0 0; float:left;}
#right_side ul#options li img{margin:0 0 3px 0;}

#contact_right{width:180px; float:left; margin:10px 0 0 10px; background:url(../images/bg_contact_right.jpg) no-repeat left;}
	#contact_right p{font-family:"Helvetica", Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:1.2em; text-align:center;}
	#contact_right p span.small{font-size:12px;}
	#contact_right p#number{font-size:24px;}
	
	
	
#footer{width:100%; background:url(../images/bg_footer.png) repeat-x bottom #000000;}
#footer_page{width:790px; margin:0 auto 0 auto; text-align:center;}

	#footer_page li{display:inline; color:#cccccc; font-size:10px;}
	#footer_page li a{color:#cccccc; text-decoration:none;}
	#footer_page li a:hover{text-decoration:underline;}
	#footer_page ul{text-align:center; padding:6px 0 6px 0;}
	#footer_page p{font-size:9px; color:#CCCCCC; text-align:center; padding:3px 0 3px 0;}
	


/************* Commercial Insurance ***************/

#left_side_bottom p.please{margin:0 0 5px 0; text-align:center;}	
#left_side_bottom h1{text-align:center; margin:0 0 5px 0;}

body#page_commercial #right_side img{float:left; margin:3px 0 0 5px;}

body#page_commercial #right_side ul{width:370px; height:169px; position:relative; padding:20px 0 0 0; float:left;}



/************* Contact ***************/

#contact_bg{background:url(../images/bg_contact.jpg) top left no-repeat; width:790px; background-position:15px 5px;}

body#page_contact #left_side_top{background:none;}

body#page_contact #left_side_bottom{background:none; padding:0 0 0 20px; min-height:200px; height:auto !important; height:200px;}

body#page_contact #left_side_bottom h1{text-align:left; margin:0 0 5px 0; margin:3px 0 20px 0;}
body#page_contact #left_side_bottom p{margin:0 0 5px 0;}

body#page_contact img#map{margin:8px 0 5px 3px;}



/************* Quote Forms **************/

#quote_content{width:740px; margin:10px auto 0 auto; background:url(../images/bg_quote.jpg) no-repeat top right; padding:6px 0 0 0;}

	#tabs {
      float:left;
      width:740px;
      font-size:11px;
      line-height:normal;
	  margin:0px 0 0 0px;
	  position:relative;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 0px 0 0px;
	  list-style:none;
	  float:left;
	  border-bottom:#ec008c solid 1px;
      }
    #tabs li {
      display:inline;
	  padding:0;
	  margin:0;
      }
	  
    #tabs a {
      float:left;
      background:url("../images/tab_left.gif") no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 8px;
      text-decoration:none;
	  font-weight:normal;
      }
    #tabs a span {
      
      display:block;
      background:url("../images/tab_right.gif") no-repeat right top;
      padding:6px 19px 6px 11px;
      color:#ffffff;
	  text-decoration:none;
	  font-family:Arial, Helvetica, sans-serif;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ffffff;
	  padding:6px 19px 6px 11px;
      }
    #tabs a:hover {
      background-position:0% -100px;
      }
    #tabs a:hover span {
      background-position:100% -100px;
      }
    #tabs a.disabled:hover {
     background-position:left top;
	 cursor:default;
    }
    #tabs a.disabled:hover span {
      background-position:right top;
    }
	#tabs a.active span{background-position:100% -100px; color:#ffffff; text-decoration:none; padding:6px 19px 6px 11px;}
	#tabs a.active {
      background-position:0% -100px;
      }
	  
	  

#form{width:730px; margin:10px 0 0 0; float:left;}

	#form p{font-size:11px;}
	#form h3{font-size:15px; font-weight:bold; color:#ec008c; clear:both;}

	#form p.form_left{width:211px; float:left; margin:8px 0 8px 0;}
	#form p.form_right{width:480px; float:left; margin:5px 0 8px 0;}
	
	#form p.form_right2{width:150px; float:left; margin:2px 0 5px 0;}
	
	#form p.form_left_big{width:280px; float:left; margin:5px 0 5px 0;}
	#form p.form_right_big{width:450px; float:left; margin:2px 0 5px 0;}
	
	#form p.form_left_big2{width:420px; float:left; margin:5px 0 5px 0;}
	
	#form img.info{margin:0 0 -8px 10px; padding:0 0 0 0; position:relative;}
	
	#form a {color:#ec008c; text-decoration:underline;}
	#form a:hover {color:#ec008c; text-decoration:none;}
	
	#form p.form_right span{color:#ec008c; display:block; margin:2px 0 0 0;}
	#form p.form_right_big span{color:#ec008c; display:block; margin:2px 0 0 0;}

.excess{margin:0 0 0 40px;}
.radio{margin:0 0 0 35px;}
.radio2{margin:0 0 0 10px;}


.pink_box{width:725px; background-color:#fde5f3; float:left; padding:10px 0 10px 10px; margin:0 0 20px 0;}

	/*p#buttons{text-align:center; clear:both;}

	#back{background:url(../images/back.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#555555; }
	#next{background:url(../images/next.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#FFFFFF;}
	#subby{background:url(../images/submit.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#FFFFFF;}*/
	p#buttons{text-align:center; display:inline-block; margin:0 0 10px 270px;width:100%;clear:both;}
	a#back{background:url(../images/back.jpg) no-repeat; width:94px; border:none; cursor:pointer; display:inline-block; text-align:center; color:#FFFFFF; text-decoration:none; font-size:12px; padding:9px 0 10px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:left;}
	span#back{width:94px; border:none; display:inline-block; text-align:center; color:#FFFFFF; text-decoration:none; font-size:12px; padding:9px 0 10px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:left;}
	#next{background:url(../images/next.jpg) no-repeat; width:94px; border:none; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0px 0 10px 0; margin:0px 0 0 0; padding:7px 0 10px 0; text-align:center;}
	#subby{background:url(../images/submit.jpg) no-repeat; width:94px; border:none; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0px 0 10px 0; margin:0px 0 0 0; padding:7px 0 10px 0; text-align:center;}


/************* Text Styles ***************/

h1{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:22px; font-weight:bold;}
	
	h1 span{font-size:14px;}
	em{color:#ec008c; font-style:normal; font-weight:bold;}

	p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000000; margin:0 0 10px 0;}
	p strong{font-weight:bold; font-size:14px;}





/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}

/*Tooltip*/
#tooltip {

	position: absolute;

	z-index: 3000;

	border: 1px solid #EC008C;

	background-color: white;

	padding:15px;

	
	width: 220px; 
	font-size:0.9em !important;
	opacity: 0.95;

}
#tooltip p { margin:0; }
#tooltip h3, #tooltip div.url {
	margin:0;padding:0;height:0;display:none;visibility:hidden;
}

#tooltip div.body { width: 100%; text-align: left;padding:0;margin:0;}