body {
margin:.5em;
padding:0;
padding-bottom:20px;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.comparisontable
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;

}


.bettertext h2
{
color: #FF0000;
}

.bettertext {
color: #FF0000;
}

.smalltext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.darkgreytext
{
	color:#666666;
}

darkgreytext.a
{
color:#666666;
text-decoration:none;
}

darkgreytext.a:hover
{
color:#666666;
text-decoration:underline;
}

darkgreytext.a:visited
{
color:#666666;
text-decoration:none;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

a {
color:#333333;
text-decoration:underline;
}

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

.whitetext
{
color:#ffffff;
}

whitetext.a
{
color:#ffffff;
text-decoration:none;
}

whitetext.a:hover
{
color:#616161;
text-decoration:underline;
}

whitetext.a:visited
{
color:#ffffff;
text-decoration:none;
}

.greytext
{
color:#333333;
margin:0 0 0 0;
padding:0 0 0 0;
}

greytext.a
{
color:#333333;
text-decoration:none;
}

greytext.a:hover
{
color:#333333;
text-decoration:underline;
}

greytext.a:visited
{
color:#333333;
text-decoration:none;
}

img
{
border:0px;
}


.loanheader
{
	color:#3399ff;
	font-weight:bold;
	font-size:110%;
}

.creditcardheader
{
	color:#cc33cc;
	font-weight:bold;
	font-size:110%;
}

.bankheader
{
	color:#ff9933;
	font-weight:bold;
	font-size:110%;
}

.insuranceheader
{
	color:#33cc33;
	font-weight:bold;
	font-size:110%;
}

.newsheader
{
	color:#333333;
	font-weight:bold;
	font-size:110%;
}

h3
{
	font-size: 14px;
	margin-top:10px;
}



/* Credit Card Menu */
#modernbricksmenu2{
padding: 0;
width: 800px;
border-top: 5px solid #cc33cc; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: #999999; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #cc33cc; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #cc33cc; /*Brown color theme*/ 
color: white;
border-color: #cc33cc; /*Brown color theme*/ 
}


/* Loans Menu */
#loansmenu{
padding: 0;
width: 800px;
border-top: 5px solid #3399ff;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#loansmenu ul{
margin:0;
margin-left: 180px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#loansmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#loansmenu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: #999999; 
border-top: 1px solid white;
}

#loansmenu a:hover{
background-color: #3399ff; 
color: white;
}

#loansmenu #current a{ /*currently selected tab*/
background-color: #3399ff;  
color: white;
border-color: #3399ff; 
}

/* Bank Menu */
#banksmenu{
padding: 0;
width: 800px;
border-top: 5px solid #ff9933;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#banksmenu ul{
margin:0;
margin-left: 280px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#banksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#banksmenu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: #999999; 
border-top: 1px solid white;
}

#banksmenu a:hover{
background-color: #ff9933; 
color: white;
}

#banksmenu #current a{ /*currently selected tab*/
background-color: #ff9933;  
color: white;
border-color: #ff9933; 
}

/* Insurance Menu */
#insurancemenu{
padding: 0;
width: 800px;
border-top: 5px solid #33cc33;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#insurancemenu ul{
margin:0;
margin-left: 200px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#insurancemenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#insurancemenu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
background-color: #999999; 
border-top: 1px solid white;
}

#insurancemenu a:hover{
background-color: #33cc33; 
color: white;
}

#insurancemenu #current a{ /*currently selected tab*/
background-color: #33cc33;  
color: white;
border-color: #33cc33; 
}


loanlink.a
{
color:#3399ff;
text-decoration:none;
}

loanlink.a:hover
{
color:#3399ff;
text-decoration:underline;
}

loanlink.a:visited
{
color:#3399ff;
text-decoration:none;
}