body {
	background-image: url(../images/bkgrnd-repeat_02.png);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight: bold;*/
  color: #FFFFFF;
	bottom: 80px;
}

* {margin:0;}

*:focus { text-decoration: none; /*border: 0; outline: none;*/}

a, a:focus, a:hover, a:active {
  outline: none;
}

a, a:focus, a:hover{
  text-decoration: none;
  color: #ffffff;
/*  border: 0;*/
  /*outline: none;*/
}

.smallText{
  font-size: 73%;
}

h4{
  color: #FFFFFF;
  margin: 6px 5px 6px 10px;
  font-size: 140%;
}

ul {
  margin-right: 0px;
  margin-bottom: 0px;
}

ul.horizontal {
  margin-left: 0px;
  padding-left: 0px;
  font-weight: bold;
}

ul.horizontal li {
  display: inline;
  background-image: url(../images/whitemenuspacer_06.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

ul.topNav{
  height: 40px;
  font-size: 140%;
  font-weight: bold;
  padding-top: 3px;
}

ul.topNav li{
  padding-right: 4px;
  padding-left: 8px;
}

ul.topNav li a:hover{
  color: #336699 ;
}

ul.topNav li.first{
  background-image: none;
}

ul.topNav li a.selected{
  color: #a03022;
}

ul.subNav {
  background-image: url(../images/blackNavBar_03.png);
  background-repeat: no-repeat;
  font-size: 113%;
  height: 26px;
  padding-top: 6px;
  margin-top: 1px;
}

ul.subNav li{
  padding-right: 8px;
  padding-left: 16px;
}

ul.subNav li a:hover{
  color: #336699 ;
}

ul.subNav li.first{
  background-image: none;
}

ul.subNav li a.selected{
  color: #efbc27 ;
}

p.subTitle01 {
  font-size: 14px;
  font-weight: bold;
}

a.normalAnchor {
  color: #336699;
}

div.error {
  display:none;
  float: left;
/*  padding: 5px;*/
/*  margin-bottom: .5em;*/
  border:2px solid #ddd;
  background:#FBE3E4;
  color:#8a1f11;
  border-color:#FBC2C4;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.error span{
  padding: 0px 10px;
}

label.error{
/*  display: none;*/
}

input.error { 
  border:1px solid red;
}

input:focus { border:1px dotted black;}

.error{
 color:red;
}

.link{
 font-weight: bold;
}

#upperNav{
  margin-right: 0;
  padding-left: 10px;
  background-image: url(../images/uppernavred_04.png);
  background-repeat: no-repeat;
  height: 95px;
}

#upperNavInner{
	background-image: url(../images/uppernavred_05.png) ;
	background-repeat: repeat-x;
  margin-right: 0;
  padding-left: 10px;
}

#upperNavRight{
	background-image: url(../images/uppernavred_07.png);
	background-repeat: no-repeat;
  background-position: right top;
	height: 14px;
}

#yellowNav{
  background-image: url(../images/uppernavyellowwhole_03.png);
  background-repeat: no-repeat;
  top: 6px;
}	

.lowerNav{
	background-image: url(../images/mainbox_08.png);
	background-repeat: no-repeat;
	height: 271px;
}

#mainInner{
	background-image: url(../images/mainbox_09.png);
	background-repeat: repeat-x;
	float: left;
	height: 271px;
	margin-left: 8px;
  margin-right: 0px;
  padding-right: 2px;
}

#mainRight{
	background-image: url(../images/mainbox_11.png);
	background-repeat: no-repeat;
	height: 271px;
  width: 30px;
  float: right;
}

#mainPhoto{
	float:left;
}

#blackNav{
  width: 593px; 
}

#contactNav{
  float: right;
  left:23px;
  position:relative;
  top:-23px;
  width: 312px;
}



#quoteCalloutDiv{
  background-image: url(../images/newQuoteText_03.gif);
  background-repeat: no-repeat;
  background-position:0 -10px;
  height:212px;
  width:312px;
  
}

#quoteButtonDiv{
  background-image: url(../images/QuoteButton_03.png);
  background-repeat: no-repeat;
  float:right;
  height:134px;
  width:139px;
  cursor: pointer;
}

.backgroundEffect{
  position: relative;
  top: -32px;
/*  background-color: #FFFFFF;*/
  float: left;
  height:60px;
}
/*
.backgroundEffect:hover{
  background-color: #EFBC27;
  float: left;
  position: relative;
}  */

#onlineIconDiv{
  background-image: url(../images/contactStack_02.png);
  width: 54px;
  top: -34px;
}

#onlineIconDiv:hover {
  background-image: url(../images/contactStack_02.png);
  background-position: 0 60px;
/*  width: 54px;*/
/*  top: -34px;*/
}

#phoneIconDiv {
  background-image: url(../images/contactStack_02.png);
  background-position: -54px 0px;
  margin-left: 70px;
  width: 45px;
/*  top: -32px;*/
}

#phoneIconDiv:hover {
  background-image: url(../images/contactStack_02.png); 
  background-position: -54px 60px;
  margin-left: 70px;
/*  top: -32px;*/
}

#onSiteIconDiv {
  background-image: url(../images/contactStack_02.png);
  background-position: -103px 0px;
  width: 75px;
  margin-left: 60px;
/*  top: -32px;*/
}

#onSiteIconDiv:hover {
  background-image: url(../images/contactStack_02.png);
  background-position: -103px 60px;
  margin-left: 60px;
/*  top: -32px;*/
}

#mainPhoto {
  margin-top: 10px;
}

.colmask {
  position: relative;    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%;      /* width of whole page */
  overflow: hidden;  /* This chops off any overhanging divs */
}


.contact{
  background-image: url(../images/contentBackground_13.png);
  background-color: #b8c3c9;
  background-repeat: repeat-x;
  height: 500px;
  width: 297px;
  border: 1px solid #000000;
  margin-top: 5px;
  float: left;
}

.content{
  background-image: url(../images/contentBackground_13.png);
  background-color: #b8c3c9;
  background-repeat: repeat-x;
  height: 500px;
  width: 630px;
  border: 1px solid #000000;
  margin-right: 5px;
  float: right;
  margin-top: 5px;
  color: #336699;
}

.content p {
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

#contentText {
  padding: 4px;
}

#contentText .leftList {
  float: left;
  margin:0 30px 3px 46px;
  width: auto;
}

#contentText ul.roundBullet {
  list-style-image: url(../images/bullet_03.png);
  /*padding-right: 8px;
  padding-left: 16px;*/
}

.formSelectTitle{
  color: #336699;
  text-align: center;
}

#smallQuoteIcon{
  height: 60px;
  width: 284px;
  margin-left: auto ;
  margin-right: auto ;
}

#smallQuoteIcon:hover  {
  background-position: 0 62px;  
}

#contactSection {
  color: #336699;
  padding: 4px;
}

#footer {
  width: 100%;
/*  border: 1px solid #FFFFFF;*/
  background-image: url(../images/footerbg_06.png);
  background-repeat: repeat-x;
/*  background-color: #000000;*/
  padding-top: 10px;
  margin-top: 10px;
  color: #CCCCCC;
}

#legal h6{
  color: #CCCCCC;
  font-size: 80%;
  margin-top: 3em;
}

#footerLogo {
  background-image: url(../images/footerlogo_03.gif);
  background-repeat: no-repeat;
  width: 61px;
  height: 58px;
  float: left;
  margin: 15px 20px 0 0;
}

.divTableSmallLeft {
  padding-left: 20px;
}

.smallGutter{
  margin-bottom: 10px;
}

.insuranceQuoteIcon{
  height: 87px;
  width: 287px;
  background-repeat: no-repeat;
  float: left;
  margin:12px;
}

/*#thankYouImg{
  height: 400px;
  overflow-y: scroll;
}*/

#insuranceQuoteIcon-Auto{ background-image: url(../images/coverageButtons_auto.png); }
#insuranceQuoteIcon-Auto:hover{ background-image: url(../images/coverageButtonsHover_auto.png); }

#insuranceQuoteIcon-Renters{ background-image: url(../images/coverageButtons_Renters.png); }
#insuranceQuoteIcon-Renters:hover{ background-image: url(../images/coverageButtonsHover_Renters.png); }

#insuranceQuoteIcon-Life{ background-image: url(../images/coverageButtons_Life.png); }
#insuranceQuoteIcon-Life:hover{ background-image: url(../images/coverageButtonsHover_Life.png); }

#insuranceQuoteIcon-Rec{ background-image: url(../images/coverageButtons_Rec.png); }
#insuranceQuoteIcon-Rec:hover{ background-image: url(../images/coverageButtonsHover_Rec.png); }

#insuranceQuoteIcon-Home{ background-image: url(../images/coverageButtons_Home.png); }
#insuranceQuoteIcon-Home:hover{ background-image: url(../images/coverageButtonsHover_Home.png); }

#insuranceQuoteIcon-Commer{ background-image: url(../images/coverageButtons_Commer.png); }
#insuranceQuoteIcon-Commer:hover{ background-image: url(../images/coverageButtonsHover_Commer.png); }
