/*----------------------------GLOBAL TEMPLATE----------------------------*/
* {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}

img {border: none;}

body {background-color: #ffffff;font-size: 76%;}

#main {width: 980px; margin: auto;background: url('../images/main_tile.gif') repeat-y;text-align: center; /*IE hack to center */
position: relative;}

.main_column {width: 900px; margin: 0px auto 0px auto; padding-top: 30px; border: 0px solid red;}

#tl_corner_finish {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 5px;
	height: 5px;
	border: 0px solid black;
	background: url('../images/nav/tl_finish.gif')no-repeat;}

.apply-text {position: absolute; top: 45px; right: 12px;}
.apply-text p, .apply-text a {color: #fff; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.apply-text a:hover {color: #FAB917; text-decoration: none;}

#bottom_grey {width: 980px; height: 17px;background: url('../images/bottom_grey.gif') no-repeat; border: 0px solid blue;
margin: 0px auto 0px auto;}	

#logo_area {width: 980px; height: 93px;border: 0px solid black;background: url('../images/top.gif') repeat-x;}
a.st-g-logo {width: 237px; height: 93px; border: 0px solid black; background: url('../images/nav/logo.gif') no-repeat; float: left;}          


p {	font: 12px Arial, Verdana, Helvetica, sans-serif;font-weight: normal;color: #333333;padding: 0px 0px 8px 0px;line-height: 16px;
margin: 0px;display: block;text-align: left;}

h1 {font: 14px Arial, Helvetica, sans-serif;font-weight: normal;color: #c0132e;padding: 10px 0px 8px 0px;margin: 0px;
display: block;text-align: left;}		

a {text-decoration: none;color: #c0132e;}
a:hover {text-decoration: underline;color: #c0132e;}	
.red_link {font: 12px Arial, Verdana, Helvetica, sans-serif;text-decoration: none;color: #c0132e;}
.current {font: 11px Arial, Verdana, Helvetica, sans-serif;font-weight: bold;color: #000001;padding: 10px 0px 0px 0px;
line-height: 13px;margin: 0px 0px 0px 0px;display: block;text-align: left;}

#content_container {width: 960px; clear: left; border: 0px solid red; margin: 0px auto; position:relative;}

#page_title_area {width: 960px; height: 100px;background: url('../images/page_title_tile.gif') repeat-x;
position: relative;border-bottom: 0px solid #e4e4e8;}
	#calc #title {
	position: absolute;
	bottom: 10px; left: 30px;
	width: 270px; height: 32px;
	border: 0px solid red;
	background: url('../images/calculate_your_savings.gif') no-repeat;
	}

.hidden_copy {visibility: hidden;}

sup {font-size: 80%;}

#top_right {
	width:10px;
	height: 10px;
	background: url('../images/home_topright.gif') no-repeat;
	float: right;
	top: 0px;
	right: 0px;
	}
	
#top_left {
	width:10px;
	height: 10px;
	background: url('../images/home_topleft.gif') no-repeat;
	float: left;
	top: 0px;
	right: 950px;
	}

#wrapper {border: 0px solid green; width: 910px;}

#left_col {float: left; margin-right: 30px; background: url('../images/smiley-2.jpg') no-repeat; width: 398px; height: 350px;}

.rate-container	{width: 208px; height: 115px; float: right;}

#right_col {float: left; width: 482px;}
#right_col #bonus_image {float: right; margin-top: 1px; background: url('../images/475_variable_rate.gif') no-repeat; width: 175px; height: 98px;}
#right_col h1 {float: left; background: url('../images/h1_mark.gif') no-repeat; width: 273px; height: 110px; padding:0;}
#right_col #text {clear: left; padding: 12px 60px 0px 0px;}
#right_col #text p {clear: left; margin-top: 0px; padding-top: 0px;}
#right_col #text ul{clear: left; list-style: none; padding: 0; margin: 4px 0px 12px 0px; border: 0px solid green;}
#right_col #text li {background: url('../images/green_tick.gif') no-repeat 0px 3px; display: block; border: 0px solid #e4e4e8;
font:normal 12px Arial, Verdana, Helvetica, sans-serif; color: #333333; padding: 0px 8px 9px 24px; margin: 0px 0px 0px 0px;
display: block; text-align: left;}
		
#flash_container {clear: both; background: url('../images/flash_placeholder.gif') no-repeat; width: 525px; height: 326px; margin: 0px auto 0px auto;}		
#flash_footer {clear: both; width: 525px; margin: 0px auto 0px auto;}	
#flash_footer p {clear: left; font-size: 11px; color: #999999; line-height: 14px; padding: 15px 0px 0px 20px;}	
	
#flash-content h1  {
	padding-top:0px;
}
		
#flash-content h2 {
font: 12px Arial, Helvetica, sans-serif;font-weight: normal;color: #c0132e;padding: 5px 0px 3px 0px;margin: 0px;display: block;text-align: left;
}	

#flash-content li {
		font: 12px Arial, Verdana, Helvetica, sans-serif;font-weight: normal;color: #333333;line-height:16px;text-align: left; margin-left: 20px;
}

#flash-content p {
	padding-bottom: 0px;
}