#banner
{

}

#banner-rate
{
	float: left;
	width: 23%;
}

#banner-description
{
	float: left;
	width: 45%;
}

#banner-creative
{
	float: left;
	width: 20%;
}

.banner-heading
{
	font-size: 2em;
	color: #FF6600;
	display: block;
}

.banner-text
{
	font-size: 1.5em;
	color: Black;
	display: block;
}

/*--  promo panel --*/

#promopanel
{
	float: left;
	width: 100%;
}

.promopanelitem
{
    width: 29%;
    float: left;
    margin:  0.4em 0.5% 0.4em 0.5%;
    padding: 1%;
    height: 17.4em;
	border : solid 1px #000000;
}

.promopanelitem-top
{	
	height: 12em;
}

.promopanelitem-bottom
{	
	display: none;
}

.promopanelitem-top h1
{
	font-size: 145%;
	font-weight: bold;
	color: #FF6600;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

.promopanelitem-top h2
{
	font-size: 100%;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: black;
	margin: 0em;
	padding: 0em;
}

.promopanelitem-top p
{
	font-size: 80%;
	color: black;
	margin: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.promopanelitem-top p a
{
	font-size: 90%;
	color: black;
	font-weight: bold;
	text-decoration : dotted;
}

.promopanelitem-top p a:hover
{
	font-size: 90%;
	color: #003399;
	font-weight: bold;
	text-decoration : none;
}

.promopanelitem-legals
{
	font-size: 80%;
}

.promopanelitem-rate
{
	height: 3.8em;
}

.promopanelitem-ratevalue
{
    font-size: 400%;
    font-weight: bold;
    color: #FF6600;
    float: left;
	letter-spacing: -0.08em;
	padding-right: 0.05em;
	line-height: 95%;	
}

.promopanelitem-ratepercent
{
    font-size: 220%;
    font-weight: bold;
     color: #FF6600;	
	display: block;
}

.promopanelitem-rateaer
{
    font-size: 90%;
    font-weight: bold;
    color: #FF6600;
	display: block;
}


.calculatorbar
{
	width: 43.6em;
	height: 7em;
	margin: 0em 0.4em 0.4em 0.1em; /* top right bottom left */
	float: left;
	border: solid 0.2em #000000;
	display: none;
}

.calculatorbar-description
{
	float:left;
	width: 13.1em;
	padding: 0.5em; /* top right bottom left */
}

.calculatorbar-inputs
{
	float:left;
	width: 14em;
	padding: 0.5em 0.8em 0.5em 0.8em; /* top right bottom left */
}

.calculatorbar-actions
{
	float:left;
	padding: 4.3em 0.5em 0.5em 0.8em; /* top right bottom left */
}

.calculatorbar-description h3
{
	padding: 0em;
	margin: 0em;
	color: #FF6600;
	font-size: 95%
}

.calculatorbar-description p
{
	font-size: 80%;
	padding: 0.2em 0em 0.2em 0em; /* top right bottom left */
	margin: 0em;
}

.calculatorbar-inputs table
{
	font-size: 80%;
}

.calculatorbar .standard-button
{
	width: 6em;
}

.legal
{
font-family :Arial;
font-size: 92%;
color: #666666;	
}

.small-font
{
	font-family :Arial;
	font-size: 70%;
	color: Black;
}
.table-footnote
{
	font-family :Arial;
	font-size: 70%;
	color: Black;
}

.bold-link
{	font-size:92%; 
	font-family:Arial;
	font-weight: bold;
	color: #000000;
	padding: 0.7em 2em 2em 10em;
}

.plink
{
	font-size:92%; 
	font-family:Arial;
	color: #000000;
}
.table
{
	font:Arial;
	font-size: 83%;
	color: Black;
	border: solid 1px #000000;
	
}
.datatableheader
{
	font-weight: bold;

	padding-bottom: 6px;
	padding-top: 6px;
    padding-right: 8px;
	padding-left: 8px;
	line-height: 120%;
    border: solid 1px #000000;
    font-size: 100%;
}
.datatablecelllight
{
	font-weight: normal;
	/*color: #003399;
	background-color: #FFF9F1;*/
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #000000;
	/*border-right: 1px solid #ff9500;
	border-bottom: 1px solid #ff9500;*/
}