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


body {
	background-color: #822019;
	Font-family: sans-serif;
	Font-size: 13px;
	color: #000;
	
}

h2 {
 padding-bottom: 5px;

}


#container {
    width: 802px;
    height: 603px;
    position: relative;
    background-image:url(../images/mainBG01.jpg);
    background-repeat: no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
 
 #sidebar {
 	Font-size: 10px;
 	Position: absolute;
    top: 500px;
    left: 20px;
}



#header {
	Position: absolute;
	top: 15px;
	left: 260px;
	width: 500px;
}
 
#content {
	Position: absolute;
	top: 90px;
	left: 260px;
	width: 500px;
}

#content p{
	line-height: 110%;
	color: #000;
}

#contentScroll {
	width: 475px;
	height: 250px;
	overflow: auto;
	
}



ol {
	background-color: #fff ;
	list-style-type: none ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
}
 
ol.center{
	text-align: center;
	line-height: 120%;
}	 
 
ol.normal{
	background-color: #E4E5ED;
	color: #000;
	list-style-type: decimal;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 120%; 	
} 
 
 
ul {
	background-color: #fff ;
	list-style-type: none ;
	margin: 0px 0px 0px 0px ;
	padding: 50px 0px 0px 0px ;
}
 
ul.navRight {
	text-align: right ;
	font-size: 12px;
}

ul.navCenter {
	text-align: center;
	color: #fff;
}

ul li {
	display: inline ;
	padding: 0px 3px 0px 3px;
} 

ul li.accent {
	display: inline ;
	background-image:url(../images/accentLine(sm).jpg);
    background-repeat: repeat-x;
} 

ul.normal{
	background-color: #E4E5ED;
	color: #000;
	list-style-type: circle;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 120%; 	
} 


h2 {
    Font-family: sans-serif;
    Font-size: 14px;
	font-weight: bold;
    Color: #822019;
    Padding: 5px 5px 10px 5px;
}

#content h3 {
    Font-family: sans-serif;
    Font-size: 12px;
	font-weight: bold;
    Color: #fff;
	Padding: 0px;
	margin: 0px;
}

#content h4 {
    Font-family: sans-serif;
    Font-size: 12px;
	font-weight: bold;
    Color: #822019;
	Padding: 0px;
	margin: 0px;
	
}

#content h3 {
    Font-family: sans-serif;
    Font-size: 12px;
	font-weight: bold;
    Color: #fff;
	Padding: 0px;
	margin: 0px;
}

.headerBar {
	padding-bottom: 5px;
	background-color: #E4E5ED;
	width: 100%;
	height: 20px;
}

.imageBar {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.left {
	text-align: left;
	line-height: 150%;
}

.center {
	text-align: center;
	line-height: 150%;
}

.tableCenter {
	text-align: center;
	width: 100%;
}

.button {
	margin: 20px;
	padding-top: 5px;
	height: 20px;
	width: 25%;
	text-align: center;
	background-color: #882019;
	font-weight: bold;
	color: #fff;
	
	
}

.plansBar {
	padding-top: 7px;
	padding-left: 10px
	width-right: 20px;
	width-left: 20px;
	background-color: #822019;
	height: 20px;
}

#sideImage {
	padding-left: 1px;
	padding-top: 140px;
}

#sideImage2 {
	padding-left: 10px;
	padding-top: 140px;
}


a {font-weight: bold;}
a:link {color: #822019; font-weight: bold;}
a:visited {color: #822019; font-weight: bold;}
a:hover {color: #641913;}

#form {
text-align: right;
}

#button {
 	Position: absolute;
    top: 100px;
    left: 295px;
}

/*//////////////////////QUOTE STYLES\\\\\\\\\\\\\\\\\\*/
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #822019;
	}
		



.content {
	margin:20px;
	line-height:20px;
		}


		
.claim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #822019;
	text-decoration: none;
			}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	font-weight: bold;
	color: #990000;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	font-weight: bold;
	color: #666666;
}
.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	font-weight: bold;
	color: #283f6f;
}

/*----------------RELY STYLES-------------------*/

.oneColElsCtr #containerAUTO {
	width: 1000px;
	height: 700px;
	vertical-align: middle;
	position: relative;
	background-image: url(../images/autoQuoteBG.jpg);
	background-repeat: no-repeat;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #822019;
	font-weight: bold;
	border: 1px solid #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
}


.oneColElsCtr #containerHOME {
	width: 1000px;
	height: 700px;
	vertical-align: middle;
	position: relative;
	background-image: url(../images/homeQuoteBG.jpg);
	background-repeat: no-repeat;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #822019;
	font-weight: bold;
	border: 1px solid #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
}
	




.note {
	color: #666;
	font-size: 10px;
}

.oneColElsCtr #subContentRELYstart {
	position: relative;
	margin-left: 75px;
	width: 850px;
	height: 500px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 175px 20px 70px 0px;
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColElsCtr #subContentRELY {
	position: relative;
	margin-left: 75px;
	width: 850px;
	height: 500px;
	vertical-align: middle;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #822019;
	font-weight: bold;
	padding: 60px 20px 70px 0px;
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


.oneColElsCtr #subContentRELY .title {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	}
	
.oneColElsCtr #stepBoxRELY {
	position: relative;
	width: 665px;
	height: 50px;
	margin-bottom: 50px;
	padding: 1px 0px 0px 25px;
	left: 151px;
	background-color: #FFFFFF;	
	border: 1px solid #000;
}

.oneColElsCtr #stepBoxRELY .textActive {
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #822019;
	
}
.oneColElsCtr #stepBoxRELY .textActive:hover {
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #822019;
	
}

.oneColElsCtr #stepBoxRELY .textInactive {
	font-family:Verdana, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #CCC;
	
}


	
#floatRELY {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	position:absolute;
	left: 450px;
	top: 150px;
	width: 300px;
	}

#floatIndexRELY {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	position:absolute;
	left: 350px;
	top: 150px;
	width: 250px;
	}
	
#floatIndexRELY .or {
	font-size: 25px;
	color: #822019;
}

#floatIndexRELY .text {

	font-size: 14px;
	color: #822019;
}

.admin1 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	border-bottom: #822019 1px solid; 
	}

.admin2 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #822019;
	border-bottom: #822019 1px solid; 
	}

.oneColElsCtr #subContentRELY textarea {
	color: #822019;
	
	text-transform:none;
	border: solid #822019 1px;
}



.oneColElsCtr #subContentRELY input {
	color: #FFFFFF;
	background-color: #822019;
	text-transform:none;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELY input:hover {
	color: #822019;
	background-color: #FFFFFF;
	text-transform: none;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELY .check {
	
	
	text-transform: none;
	cursor: pointer;
	border: none;
}
.oneColElsCtr #subContentRELY .check:hover {
	
	
	text-transform: none;
	cursor: pointer;
	border: none;
}

.oneColElsCtr #subContentRELYEstimate input {
	color: #822019;
	background-color: #FFFFFF;
	text-transform:none;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELYEstimate input:hover {
	color: #822019;
	background-color: #FFFFFF;
	text-transform:none;
	cursor: text;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELYEstimate .disable {
	color: #CCCCCC;
	background-color: #FFFFFF;
	text-transform:none;
	border: solid #CCCCCC 1px;
}
.oneColElsCtr #subContentRELYEstimate .disable:hover {
	color: #CCCCCC;
	background-color: #FFFFFF;
	text-transform:none;
	border: solid #CCCCCC 1px;
}
.oneColElsCtr #subContentRELYEstimate .button2 {
	color: #FFFFFF;
	background-color: #822019;
	text-transform:none;
	cursor: pointer;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELYEstimate .button2:hover {
	color: #822019;
	background-color: #FFFFFF;
	text-transform: none;
	cursor: pointer;
	border: solid #822019 1px;
}
.oneColElsCtr #subContentRELYEstimate table {
	margin-bottom: 0px;
	color: #333; 
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 11px;
	padding: 1px;
}

.oneColElsCtr #subContentRELY form {
	margin-top: 0px;
	margin-bottom: 0px;
}

#currentCoverage2 {
		display: none;
		
		
}
#pleaseExplain {
		display: none;
}
.redBG {
		background-color: #822019;
		color: #FFFFFF;
}

#attorney {
	overflow: auto;
	width: 200px;
	height: 425px;
	padding-top: 25px;
}

#footer3 {
	position: absolute;
	width: 1000px;
	top: 700px;
	
	}

#footer3 table {
	font-family: Verdana, Arial, Geneva, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	}
	
#footer3 a {
	color: #fff;
	text-decoration: underline;
	}
#footer3 a:hover {
	color: #fff;
	text-decoration:none;
	}

	
#sub {
		background-image: url(../images/sub-bg.jpg);
		background-repeat: no-repeat;
		width: 850px;
		height: 500px;
		padding: 10px;
}

#subTIP {
		background-color:#FFF;
		border: 2px solid #F00;
		width: 850px;
		height: 500px;
		padding: 10px;
}


#add {
		background-image: url(../images/add-bg.jpg);
		background-repeat: no-repeat;
		width: 375px;
		height: 200px;
		padding: 10px;
}

#add #contain {
	width: 350px;
	height: 160px;
	overflow: auto;
}

#mainVehCoverage {
		width: 500px;
		height: 200px;
		padding: 10px;
		margin-bottom: 5px;
		overflow: auto;
		border: 1px solid #000;
		background-color:#e4e5ed;
}

#vehCoverage {
		background-image: url(../images/veh-bg.jpg);
		background-repeat: no-repeat;
		width: 475px;
		height: 140px;
		padding: 10px;
		color: #FFF;
}



.vehTitle {
	font-size: 15px;
	color: #FFFFFF;
}
.mainTitle {
	font-size: 20px;
	color: #822019;
}
.subTitle {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
}

.thankYou {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #822019;
	
}

#autoHome {
	margin-left: 1px;
	margin-top: 16px;
	width: 325px;
	height: 400px;
	
}

#quote {
	
	margin-left: 0px;
	top: 0px;
	
}
#costal {
	display: none;
}

#units {
	display: none;
}
#woodBurning {
	display: none;
}
#oil {
	display: none;
}
#park {
	display: none;
}

#introText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	width: 225px;
	color: #FFFFFF;
}

#PR {
	position: absolute;
	left: 10px;
	top: 250px;
	padding-left: 10px;

}