@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 18px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #0369ff;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #0099ff;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #0369ff;
	font-weight: bold;
}


.hprates a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.hprates a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}

.hprates a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}


.hprates2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

.hprates2 a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: normal;
}

.hprates2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}


	
/* */	
/* */
/* */	
/* */
/* DIV STYLES */
div.container{
	width:754px;
	height:550px;
	margin:0px auto 0px auto;
	position:relative;
	padding:0px 8px;
	background-image: url(../images/pagetop.png); background-repeat: no-repeat; background-position: top;
	/* height: 550px; */
}

div.container2{
	width:754px;
	height:550px;
	margin:0px auto 0px auto;
	position:relative;
	padding:0px 8px;
	background-image: url(../images/pagetop2.png); background-repeat: no-repeat; background-position: top;
	/* height: 550px; */
}

div.container3{
	width:754px;
	height:550px;
	margin:0px auto 0px auto;
	position:relative;
	padding:0px 8px;
	background-image: url(../images/pagetop3.png); background-repeat: no-repeat; background-position: top;
	/* height: 550px; */
}


a.home-link{
	display:block;
	height:90px;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	z-index:9999997;
}

div.topnav {
	width: 246px;
	height: 21px;
	position: relative;
	float:right;
	/*left: 525px;*/
	z-index:9999998;
}

div.toprate {
	width: 246px;
	height: 21px;
	top: 100px;
	position: relative;
	float:right;
	background-color:#00FF00;
	/*left: 525px;*/
	z-index:9999998;
}

/*div.flash {
	width: 570px;
	height: 365px;
	position: relative;
	float: right;
}*/

div.content {
	width: 570px;
	position: relative;
	top: 170px;
	float: right;
	z-index:5;
}

div.content2 {
	width: 570px;
	position: relative;
	float: right;
	padding-top: 128px;
	z-index:5;
}

div.content3 {
	width: 570px;
	height: 35px;
	position: relative;
	top: 155px;
	float: right;
	padding-top: 128px;
	z-index:5;
}

div.ratepanel0 {
	width: 570px;
	position: relative;
	float: right;
	z-index:5;
}

div.ratepanel00 {
	width: 300px;
	height: 20px;
	position: absolute;
	top: 105px;
	float: left;
	padding-left: 10px;
	z-index:5;
}

div.ratepanel1 {
	width: 570px;
	position: relative;
	float: right;
	z-index:5;
}

div.ratepanel8 {
	width: 100px;
	position: relative;
	float: left;
	z-index:5;
	top: 10px;
}

div.ratepanel2 {
	width: 570px;
	position: relative;
	float: right;
	z-index:5;
}

div.ratepanel10 {
	width: 100px;
	position: absolute;
	float: left;
	z-index:5;
	top: 80px;
	left: 0px;
}

div.homenav {
	width: 184px;
	position: absolute;
	top: 230px;
	float: left;
	background-image: url(../images/homenav.png); background-repeat: no-repeat;
	/*z-index:9999990;*/
}

div.nav {
	width: 184px;
	position: relative;
	top: 230px;
	float: left;
	padding: 0px;
	/*z-index:9999990;*/
}

div.navbg {
	background-image: url(../images/navbg.png); background-repeat: no-repeat;
	}

div.navbottom {
	background-image: url(../images/navbottom.png);
	height: 14px;
	}
	
div.navbottom2 {
	height: 30px;
	}
	
div.navpad {
	padding-top: 14px;
	padding-left: 10px;
	padding-bottom: 0px;
	}	

div.bodypad {
	padding-top: 15px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 5px;
	}	

div.permnav {
	height: 112px;
	}

a.nav {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 25px;	
	text-decoration: none;
}

	a:hover.nav {color: #66ffff}

div.subnav {
	padding-left: 11px;
	clear: both;}
	
	a.subnav {
	font-size: 10px;
	color: #99ffcc;
	font-weight: bold;
	line-height: 16px;	
	space-after: 55px;
	text-decoration: none;
	}
	
	a:hover.subnav {color: #000000;}

	a.nav2 {color: #666666;}

div.navitem {height: 25px;}

div.ratetitle {
	position: relative;
	top: 156px;
	width: 270px;
	height: 30px;
	float: left;
	left: 10px;
	}
	
div.ratetitle0 {
	position: relative;
	top: 25px;
	width: 270px;
	height: 30px;
	float: left;
	left: 10px;
	}
	
div.ratetitle2 {
	position: relative;
	top: 156px;
	width: 270px;
	height: 30px;
	float: left;
	left: 20px;
	}

div.rate1 {
	position: relative;
	top: 162px;
	width: 130px;
	height: 38px;
	left: 10px;
	float: left;
	padding-left: 2px;
	}
	
div.rate8 {
	position: relative;
	top: 50px;
	width: 130px;
	height: 38px;
	left: 10px;
	float: left;
	padding-left: 2px;
	}
	
	
div.rate2 {
	position: relative;
	top: 162px;
	width: 130px;
	height: 38px;
	left: 15px;
	float: left;
	padding-left: 2px;
	}
	
div.rate9 {
	position: relative;
	top: 12px;
	width: 130px;
	height: 38px;
	left: 150px;
	float: left;
	padding-left: 2px;
	}
	
div.rate3 {
	position: relative;
	top: 162px;
	width: 130px;
	float: left;
	height: 38px;
	left: 27px;
	padding-left: 2px;
	}
	
div.rate4 {
	position: relative;
	top: 162px;
	width: 130px;
	float: left;
	height: 38px;
	left: 32px;
	padding-left: 2px;
	}
	
div.2ndlvlrate1 {
	position: relative;
	width: 62px;
	float: right;
	height: 35px;
	padding-left: 2px;
	background-color: #00CC66;
	}
	
div.2ndlvlrate2 {
	position: relative;
	width: 62px;
	float: right;
	height: 35px;
	padding-left: 2px;
	background-color: #cccccc;
	}
	
div.ratefineprint {
	position: relative;
	top: 162px;
	width: 260px;
	float: left;
	height: 12px;
	left: 290px;
	padding-left: 2px;
	}

div.ratefineprint1 {
	position: relative;
	top: 162px;
	width: 260px;
	float: left;
	height: 12px;
	left: 10px;
	padding-left: 2px;
	}

div.ratefineprint2 {
	position: relative;
	top: 162px;
	width: 260px;
	float: left;
	height: 12px;
	left: 30px;
	padding-left: 2px;
	}

div.rate1a {
	position: relative;
	top: 162px;
	width: 130px;
	height: 80px;
	left: 10px;
	float: left;
	padding-left: 2px;
	}
	
div.rate8a {
	position: relative;
	top: 90px;
	width: 130px;
	height: 80px;
	left: 10px;
	float: left;
	padding-left: 2px;
	}
	
div.rate2a {
	position: relative;
	top: 162px;
	width: 130px;
	height: 80px;
	left: 15px;
	float: left;
	padding-left: 2px;
	}
	
div.rate9a {
	position: relative;
	top: 10px;
	width: 130px;
	height: 80px;
	left: 150px;
	float: left;
	padding-left: 2px;
	}
	
div.rate3a {
	position: relative;
	top: 162px;
	width: 130px;
	float: left;
	height: 80px;
	left: 27px;
	padding-left: 2px;
	}
	
div.rate4a {
	position: relative;
	top: 162px;
	width: 130px;
	float: left;
	height: 80px;
	left: 32px;
	padding-left: 2px;
	}


div.column2 {
	position: relative;
	width: 415px;
	float: left;
	padding-left: 2px;
	}
	
.col2pad {padding-left: 5px;}

div.column3 {
	position: relative;
	padding-top: 5px;
	width: 148px;
	float: right;
	}
	
div.column44 { /* column4 for spanning both internal columns only*/
	position: relative;
	width: 563px;
	padding-left: 2px;
	}
	
div.col2cont {
	padding: 10px 25px 10px 5px;}
	
	.col2cont ul {padding: 0px; margin:10px; list-style-type: disc; line-height: 14px;}
	.col2cont ul li {padding-bottom: 4px;}
	.col2cont ol {padding: 0px; margin:18px;}
	
div.col3cont {
	height: 400px; background-image: url(../images/accountcol3bg.png); background-repeat: no-repeat; padding: 8px 5px 10px 5px;;}
	
	.col3cont ul {padding: 0px; margin:10px; list-style-type: none; line-height: 13px;}
	.col3cont ul li {padding-bottom: 7px;}
		
	a.col3link {
	font-size: 10px;
	color: #0369ff;
	font-weight: 500;
	text-decoration: none;
	}
	
	a:hover.col3link {color: #0099CC;}	

	
/*div.accountcol3 {height: 400px; background-image: url(../images/accountcol3bg.png); background-repeat: no-repeat; padding: 8px 5px 10px 5px;} */

div.footer {
	position: relative;
	bottom: 15px;
	top: 300px;
	margin-top: 15px;
	padding-top: 5px;
	width: 754px;
	height: 40px;
	float: left;
	padding-left: 5px;
	border-top: dotted 1px #0369ff;
	}
	

/* */
/* */
/* */
/* */
/* included page content styles */
div.widget {
	width: 185px; height: 154px;
	background-image: url(../images/home/widgetbg.png);
	}

div.sectionhead1 {
	padding-top: 10px;
	color: #666666;
	border-bottom: solid 2px #66ccff;
	height: 25px;
	}
	
div.sectionhead2 {
	padding-top: 10px;
	color: #CC3300;
	border-bottom: solid 2px #CC3300;
	height: 25px;
	}
	
div.sectionhead1a {
	padding-top: 5px;
	color: #666666;
	border-bottom: solid 2px #666666;
	height: 75px;
	}
	
div.sectionhead2a {
	padding-top: 5px;
	color: #CC3300;
	border-bottom: solid 2px #CC3300;
	height: 65px;
	}


div.dotblock {
	min-height: 5px;
	height: auto;
	border-bottom: 1px dotted #666666;
	clear: both;
	margin-bottom: 10px;
	}
		
div.callout {
	height: 46px; width: 330px;
	padding: 10px 10px 5px 7px;
	margin-top: 10px;
	font-size: 12px; 
	background-image: url(../images/calloutbox.png); background-repeat: no-repeat;
	}	
	
div.formback {
	width: 150px; float: right; text-align: right;}


/* */
/* */
/* */
/* */	
/* text image & cell styles */

.inset {padding: 5px 5px 5px 5px; clear: both; display: block; background-color: #ffffff; margin-left: 8px; }

.altcell {background-color: #F7F7F7; }
.cellpad {padding: 4px 4px 4px 8px; margin-bottom: 20px;}

.questions {color: #CC3300;}
.search {color: #336699;}
.size10 {font-size: 10px; color: #666666;}
.cautio {font-size: 10px; color: #333333;}
.size15 {font-size: 15px; line-height: 20px;}
.size19 {font-size: 19px; line-height: 27px;}	
.size22 {font-size: 22px; line-height: 22px;}
.copy11 {font-size: 11px; line-height: 13px; color: #333333;}
.caption {font-size: 9px; font-style: italic; color: #999999;}

.rate_title1 {font-size: 11px; font-weight: bold; color: #99ffff;}
.rate_subtitle1 {font-size: 10px; color: #ffffff; line-height: 9px;}
.rate_subtitle2 {font-size: 10px; color: #ffffff;}
.rate_price1 {font-size: 25px; color: #ffffff; line-height: 36px;}
.rate_price2 {font-size: 36px; color: #ffffff;}
.rate_price3 {font-size: 11px; color: #99ccff;}
.rate_price4 {font-size: 12px; font-weight: bold; color: #ffffff; line-height: 11px;}
.rate_price5 {font-size: 18px; color: #ffffff;}
.rate_price6 {font-size: 9px; font-weight: bold; color: #ccccff; line-height: 11px}

.form h2 { font-size: 17px; line-height: 27px; font-weight: normal; border-bottom: 1px solid #292929; }
label {
	float: left;
	width: 120px;
	}


#Submit{
margin-left: 120px;
}

.backtotop {height: 15px; text-align: right;}
