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

body, p, table, tr, td, ul, li, ol, .regulartext {font-family: verdana; font-size: 9pt;color: #000;}
sup {font-family: verdana; font-size: 8pt}
body {background-color: #FFF}
.bg_burgundy  {background-color: #903}

.gray-box {background:#eee; padding:5px;} /*Used for gray boxes and gives it 5px of padding on the inside*/
.borderltgray {border: solid #D8D8D8; border-width: thin;}
.clearright {clear:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.right {float:right;}
.left {float:left;}
.center{text-align:center}
#content {width:546px;}
.iconposition {vertical-align:middle; bottom:1px; }
.nomargin {margin:0;}
.nopadding {padding:0;}
.marginbottom5 {margin-bottom:5px;}
.margintop5 {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:15px;}
.marginright10 {margin-right:10px;}
.marginleft10 {margin-left:10px;}
.middle {vertical-align:middle;}
.no-style-list {margin:0;padding:0;list-style-type:none;}
.header {font-family: verdana, arial, sans-serif; font-size: 12pt; color: #903; font-weight: bold}
.landing  {font-family: verdana, arial, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; text-decoration: none}
a {font-family: verdana; color: #1313A3; text-decoration: underline}
a:visited {font-family: verdana; color: #666666; text-decoration: underline}
a:hover {font-family: verdana; color: #903; text-decoration: none}
.small, .small li {font-family: verdana, arial, helvetica; font-size: 8pt; color: #000000}
a.small {font-family: verdana, arial, helvetica; font-size: 8pt; color: #1313A3; text-decoration: underline}
a.small:visited {font-family: verdana, arial, helvetica; font-size: 8pt; color: #666666; text-decoration: underline}
a.small:hover {font-family: verdana, arial, helvetica; font-size: 8pt; color: #903; text-decoration: none}
.small75 {font-family: verdana, arial, helvetica; font-size: 6pt; color: #000000}


.account, .accountbenefits, .twoaccounts {
	border:1px solid #ccc;
	width:33%;
	vertical-align:text-top;
}

.twoaccounts {
	width:50%;
}


.accountapplybutton {
	padding:8px 5px;

}

.accountbenefits {
	border-top:none;
}

.accountbenefits ul {
	margin:0px 0px 0px 25px; 
	padding:5px 5px 5px 0px; 
}

.accountbenefits ul li {
	margin:0px;
	padding:0px; 
}

.accountdescription {
	height:60px;
	padding:5px 0px 5px 0px; 	
}

.accountdivider {
	background:#fff;
	padding:3px;
}
.accountname {
	width:50%;
	padding-top:5px;
}

.accountpic {	
	margin-bottom:5px;
	text-align:center;
	border: 1px solid #ccc;
	
}

#banner {
	background:#eee;
	height:auto;
	padding:7px;
	margin-top:-20px;	
}

#banner #quotes {
	border:1px solid #B4B4B4;
}

#businessdescription {
	width:200px;
}

#businessdescription2 {
	width:230px;
	border-right:1px solid #000; 
	padding-right:10px; 
	margin-right:10px; 
}

#calculatordescription {
	width:315px;
}

#contentDiv {
	border:3px solid #ccc;
	height:auto;
	margin:2px 0px 7px 0px;
	padding:7px;
}

#homeequityrate {
	font-size:13px; 
	font-weight:bold;
	color: #903;
	list-style-type:none;
	margin-left:-5px;
	padding-left:-5px;
}


#homeequityrate sup {
	font-size:12px; 
	color: #903;
}

#graycontentDiv {
	background:#eee;
	height:auto;
	margin:2px 0px 7px 0px;
	padding:7px;
}

#links {
	font-weight:bold;
	padding:5px;
	margin-bottom:7px;
}

#links a {
	text-decoration:none;
	color:#000;
}

#links a:hover {
	text-decoration:none;
	color:#903;
}

#premiumaccounts{
	background:#eee;
	padding:15px;
	margin-bottom:7px;
}

#premiumborderright {
	border-left:1px solid #000; 
	padding-left:10px; 
	margin-left:10px; 
}

#premiumdescription {
	border-right:1px solid #000; 
	padding-right:10px; 
	margin-right:10px; 
	width:320px;
}


.top {
	background: url(../../images/bckgrnd_accounts.jpg) repeat-x #e9e9e9; 
	height:100%;
	padding:5px;	
}