/*
**************************************************

	Australian Seniors Insurance Agency

	Site designed by Marcus Lee-Steere
	www.webrepublic.com.au

**************************************************
*/

/*
	Colour references
	Dark blue text #002f52
	Page background #f3f1e9
	Nav background #69aed3
	Content background #ffffff
	Panel background #eff8fd
	Footer background #b3d4e0
	
	Obtain Quote & FAQ panel background #09568b
	Light blue panel background #edf3fe

	Red text panel #e1081e
	Blue text panel #3b7714
	Green text panel #09568b
	Purple text panel #57347c
*/

/* Base layout
************************************************** */ 
html {
	background-color: #f3f1e9;
}
body {
	background-color: #fff;
	color: #444;
	font: 12px/20px "lucida grande", verdana, sans-serif;
	height: 100%;
	margin: 20px auto;
	padding: 0;
	text-align: center;
	width: 819px;
}
div#container {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 819px;
}

/* Base typography
************************************************** */ 
h1 {
	color: #002f52;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin: 0 0 20px 0;
}
h2 {
	color: #002f52;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
h3 {
	color: #002f52;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
h4 {
	color: #002f52;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
p, ul, ol, table {
	font-size: 12px;
	margin: 0 0 20px 0;
}
p.first_para {
	color:  #002f52;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
td {
	font-size: 10px;
}
a {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #69aed3;
}
blockquote {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 20px;
}
span.no-break {
	white-space: nowrap;
}

/* Masthead
************************************************** */
#homepage_masthead {
	height: 210px;
	position:relative;
}
#image_container {
	z-index: 1;
}
#image_container { /* Additional styles for homepage fading panel */
	background-color: #fff;
	height: 210px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 819px;
}
#homepage_masthead img { /* Additional styles for homepage fading panel */
	display: block;
}
#masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_index1.jpg) top left no-repeat;
	position:relative;
}
body#travel_insurance #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_travel.jpg) top left no-repeat;
	position:relative;
}
body#accident_insurance #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_accident.jpg) top left no-repeat;
	position:relative;
}
body#car_insurance #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_car.jpg) top left no-repeat;
	position:relative;
}
body#landlords_insurance #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_landlord.jpg) top left no-repeat;
	position:relative;
}
body#home_insurance #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_index1.jpg) top left no-repeat;
	position:relative;
}
body#newsletter_thanks #masthead {
	height: 210px;
	background: #000 url(../banner_images/masthead_index1.jpg) top left no-repeat;
	position:relative;
}

/* Top nav
************************************************** */
ul#top_nav {
	color: #fff;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 819px;
}




ul#top_nav {
	background-color: transparent;
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}










ul#top_nav li {
	float: right;
	height: 30px;
}
ul#top_nav li a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 30px;
	width: 100px;
}
ul#top_nav li.about {
	background: transparent url(../interface/about_nav_on.gif) top left no-repeat;
	background: transparent url(../interface/about_nav_on.png) top left no-repeat;
	width: 109px;
}
ul#top_nav li.contact {
	background: transparent url(../interface/contact_nav_on.gif) top left no-repeat;
	background: transparent url(../interface/contact_nav_on.png) top left no-repeat;
	width: 111px;
}

ul#top_nav li.about a:link,
ul#top_nav li.about a:visited,
ul#top_nav li.about a:active {
	background: transparent url(../interface/about_nav_off.gif) top left no-repeat;
	background: transparent url(../interface/about_nav_off.png) top left no-repeat;
	width: 109px;
}
ul#top_nav li.contact a:link,
ul#top_nav li.contact a:visited,
ul#top_nav li.contavt a:active {
	background: transparent url(../interface/contact_nav_off.gif) top left no-repeat;
	background: transparent url(../interface/contact_nav_off.png) top left no-repeat;
	width: 111px;
}
ul#top_nav li.about a:hover,
ul#top_nav li.contact a:hover {
	background: none;
	border-bottom: none;
}







/* Main nav
************************************************** */
ul#main_nav {
	background: #69aed3 url(../interface/nav_bg.jpg) top left repeat-x;
	color: #fff;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 819px;
}
ul#main_nav li {
	float: left;
	height: 30px;
}
ul#main_nav li a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 30px;
}
ul#main_nav li.home {
	background: transparent url(../interface/home_nav_on.gif) top left no-repeat;
	width: 81px;
}
ul#main_nav li.contents {
	background: transparent url(../interface/contents_nav_on.gif) top left no-repeat;
	width: 227px;
}
ul#main_nav li.car {
	background: transparent url(../interface/car_nav_on.gif) top left no-repeat;
	width: 131px;
}
ul#main_nav li.travel {
	background: transparent url(../interface/travel_nav_on.gif) top left no-repeat;
	width: 152px;
}
ul#main_nav li.accident {
	background: transparent url(../interface/accident_nav_on.gif) top left no-repeat;
	width: 170px;
}
ul#main_nav li.landlord {
	background: transparent url(../interface/landlord_nav_on.gif) top left no-repeat;
	width: 174px;
}
ul#main_nav li.funeral {
	background: transparent url(../interface/funeral_nav_on.gif) top left no-repeat;
	width: 162px;
}

ul#main_nav li.home a:link,
ul#main_nav li.home a:visited,
ul#main_nav li.home a:active {
	background: transparent url(../interface/home_nav_off.gif) top left no-repeat;
	width: 81px;
}
ul#main_nav li.contents a:link,
ul#main_nav li.contents a:visited,
ul#main_nav li.contents a:active {
	background: transparent url(../interface/contents_nav_off.gif) top left no-repeat;
	width: 227px;
}
ul#main_nav li.car a:link,
ul#main_nav li.car a:visited,
ul#main_nav li.car a:active {
	background: transparent url(../interface/car_nav_off.gif) top left no-repeat;
	width: 131px;
}
ul#main_nav li.travel a:link,
ul#main_nav li.travel a:visited,
ul#main_nav li.travel a:active {
	background: transparent url(../interface/travel_nav_off.gif) top left no-repeat;
	width: 152px;
}
ul#main_nav li.accident a:link,
ul#main_nav li.accident a:visited,
ul#main_nav li.accident a:active {
	background: transparent url(../interface/accident_nav_off.gif) top left no-repeat;
	width: 170px;
}
ul#main_nav li.landlord a:link,
ul#main_nav li.landlord a:visited,
ul#main_nav li.landlord a:active {
	background: transparent url(../interface/landlord_nav_off.gif) top left no-repeat;
	width: 174px;
}
ul#main_nav li.funeral a:link,
ul#main_nav li.funeral a:visited,
ul#main_nav li.funeral a:active {
	background: transparent url(../interface/funeral_nav_off.gif) top left no-repeat;
	width: 162px;
}



ul#main_nav li.home a:hover,
ul#main_nav li.contents a:hover,
ul#main_nav li.car a:hover,
ul#main_nav li.travel a:hover,
ul#main_nav li.accident a:hover,
ul#main_nav li.landlord a:hover,
ul#main_nav li.funeral a:hover {
	background: none;
	border-bottom: none;
}











/* Content panel & column layouts
************************************************** */
#content {
	clear: both;
	margin-top: 20px;
	position: relative;
}

/* Style_1 (2 column layout) 
   298px 481px */
.style_1 .col_1 {
	float: left;
	left: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 278px;
}
.style_1 .col_2 {
	float: left;
	left: 40px;
	margin-bottom: 20px;
	position: relative;
	width: 481px;
}


/* Style_2 (2 column layout) 
   495px 294px */
.style_2 .col_1 {
	float: left;
	left: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 481px;
}
.style_2 .col_2 {
	float: left;
	left: 40px;
	margin-bottom: 20px;
	position: relative;
	width: 278px;
}

/* Style_4 (1 column layout) 
   819px */
.style_4 .col_1 {
	left: 20px;
	margin-bottom: 20px;
	position: relative;
	width: 779px;
}

/* Content styling for 2 column Homepage layout
************************************************** */
body#home_page .panel_group_1,
body#home_page .panel_group_2 {
	clear: both;
	position; relative;
}
body#home_page .tips {
	clear: both;
	position; relative;
}
body#home_page .panel_1,
body#home_page .panel_3 {
	float: left;
	left: 0;
	position: relative;
	width: 233px;
}
body#home_page .panel_2,
body#home_page .panel_4 {
	float: left;
	left: 15px;
	position: relative;
	width: 233px;
}
body#home_page .panel_1 {
	margin-bottom: 15px;
}
body#home_page .panel {
	background: transparent url(../interface/panel_bg.gif) top left no-repeat;
	min-height: 205px;
}
body#home_page .panel h2 {
	margin: 0;
	padding: 0;
}
body#home_page .panel h2 a {
	color: #002f52;
	font-size: 16px;
}
body#home_page .panel h2 a:hover {
	color: #444;
}

body#home_page .panel h2 span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}
body#home_page .panel h3 {
	margin: 5px 0 0 0;
	padding: 0;
}
body#home_page .panel h3 a {
	color: #002f52;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 10px 0 10px;
}
body#home_page .panel p {
	margin: 5px 0 0 0;
	padding: 0 10px 0 10px;
}
body#home_page .panel p.more_link {
	margin: 0;
	padding: 0 10px 0 10px;
}





/* $$$$$$$$$$$$$$$$$$$ */





body#home_page h2.home {
	background: transparent url(../interface/home_panel_2.gif) top left no-repeat;
	color: #002f52;
	height: 65px;
	margin: 0;
	padding: 0;
	width: 233px;
}
body#home_page h2.home a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 65px;
	width: 233px;
}
body#home_page h2.home a:link,
body#home_page h2.home a:visited,
body#home_page h2.home a:active {
	background: transparent url(../interface/home_panel_1.gif) top left no-repeat;
	width: 233px;
}
body#home_page h2.home a:hover {
	background: none;
	border-bottom: none;
}




body#home_page h2.car {
	background: transparent url(../interface/car_panel_2.gif) top left no-repeat;
	color: #002f52;
	height: 65px;
	margin: 0;
	padding: 0;
	width: 233px;
}
body#home_page h2.car a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 65px;
	width: 233px;
}
body#home_page h2.car a:link,
body#home_page h2.car a:visited,
body#home_page h2.car a:active {
	background: transparent url(../interface/car_panel_1.gif) top left no-repeat;
	width: 233px;
}
body#home_page h2.car a:hover {
	background: none;
	border-bottom: none;
}



body#home_page h2.travel {
	background: transparent url(../interface/travel_panel_2.gif) top left no-repeat;
	color: #002f52;
	height: 65px;
	margin: 0;
	padding: 0;
	width: 233px;
}
body#home_page h2.travel a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 65px;
	width: 233px;
}
body#home_page h2.travel a:link,
body#home_page h2.travel a:visited,
body#home_page h2.travel a:active {
	background: transparent url(../interface/travel_panel_1.gif) top left no-repeat;
	width: 233px;
}
body#home_page h2.travel a:hover {
	background: none;
	border-bottom: none;
}




body#home_page h2.other {
	background: transparent url(../interface/other_panel_1.gif) top left no-repeat;
	color: #002f52;
	height: 65px;
	margin: 0;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 65px;
	width: 233px;
}

/* $$$$$$$$$$$$$$$$$$$ */






/* Content panel text styling
************************************************** */

div.col_1 a {
	color: #444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
div.col_1 a:hover {
	color: #002f52;
}

div.col_1 h3 a {
	color: #002f52;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-decoration: underline;
}
div.col_1 h3 a:hover {
	color: #69aed3;
}



div.col_1 li.summary h2 a {
	color: #002f52;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-decoration: underline;
}




div.col_2 a {
	color: #000;
}
div.col_2 a:hover {
	color: #002f52;
}

.faq_page span {
	float: right;
}
.faq_page span a {
	color: #002f52;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	padding-right: 5px;
	text-decoration: none;
}
.faq_page span a:hover {
	color: #69aed3;
}


p.obtain_quote {
	background: #8ab9d2 url(../interface/obtain_quote_bg.gif) top left no-repeat;
	color: #002f52;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
p.obtain_quote a {
	color: #002f52;
	font-size: 15px;
	font-weight: bold;
}
p.obtain_quote a:hover {
	color: #002f52;
	text-decoration: underline;
}


div.online_quote {
	background: #e1081e url(../interface/online_quote_bg.gif) top left no-repeat;
}
div.online_quote p {
	background: transparent url(../interface/online_quote_bg2.gif) bottom left no-repeat;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
div.online_quote p span {
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}








div.benefits, div.disclosure, div.more_info, div.contact_panel, div.call_back {
	background: #eff5f9 url(../interface/light_panel_bg.gif) top left no-repeat;
	margin-bottom: 6px;
	padding: 10px;
}
div.benefits h3, div.disclosure h3 {
	text-align: center;
}
div.benefits p, div.benefits ul li {
	color: #000;
}
div.disclosure p {
	color: #000;
	text-align: center;
}
div.more_info p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
div.more_info span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
}
div.more_info a {
	color: #002f52;
	font-size: 14px;
}
div.more_info a:hover {
	text-decoration: underline;
}
div.more_info span a {
	font-size: 16px;
}



h3.contact_panel {
	background: #8ab9d2 url(../interface/obtain_quote_bg.gif) top left no-repeat;
	color: #002f52;
	margin-bottom: 6px;
	padding: 20px 10px 20px 10px;
	text-align: center;
}
h3.contact_panel a {
	color: #002f52;
}
h3.contact_panel a:hover {
	color: #002f52;
	text-decoration: underline;
}





p.faq_link {
	background: #8ab9d2 url(../interface/faq_bg.gif) bottom left no-repeat;
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
	padding: 15px;
}
p.faq_link a {
	color: #002f52;
}
p.faq_link a:hover {
	color: #002f52;
	text-decoration: underline;
}
p.site_link {
	background: #8ab9d2 url(../interface/faq_bg.gif) bottom left no-repeat;
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
	padding: 10px;
}
p.site_link a {
	color: #002f52;
}
p.site_link a:hover {
	color: #002f52;
	text-decoration: underline;
}

ul.travel_benefits {
	color: #002f52;
	font-weight: bold;
}





/* Travel homepage */
.travel-apply-now {
	border: 1px solid #09568b;
	overflow: auto;
	padding-top: 20px;
	position: relative;
	width: 481px;
}
.travel-apply-now div {
	float: left;
	margin-left: 20px;
	width: 133px;
}
.travel-apply-now div p a {
	background-color: #09568b;
	color: #fff;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
.travel-apply-now div p a:hover {
	background-color: #8ab9d2;
	color: #09568b;
}




/* Content panel table styling
************************************************** */
table, td, th {
	border-color: #e4e4e4;
	border-style: solid;
	border-width: 1px 1px 0 0;
	font-size: 10px;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	padding: 6px;
	text-align: center;
}
table li {
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0 0 1px 1px;
	width: 100%;
}
th.title {
	background-color: #09568b;
	color: #fff;
	font-weight: bold;
}

body#travel_insurance th {
	background-color: #09568b;
	color: #fff;
	font-weight: bold;
}




th {
	background-color: #eff5f9;
	color: #111;
	font-weight: bold;
}
th.first_col,
td.first_col {
	text-align: left;
	width: 45%;
}
body#travel_insurance th.first_col,
body#travel_insurance td.first_col {
	text-align: left;
	width: 25%;
	vertical-align: top;
}
body#travel_insurance td,
body#travel_insurance th {
	text-align: left;
}



th.first_col {
	font-weight: bold;
}
th span {
	font-size: 9px;
	font-weight: normal;
}

/* Promo blocks
************************************************** */
#promo_blocks {
	background: transparent url(../interface/promo_bg.gif) bottom left no-repeat;
	clear: both;
	float: left;
	margin: 0 0 10px 20px;
	position: relative;
	width: 779px;
	border: 0;
}

.promo_block_1 {
	float: left;
	left: 0;
	position: relative;
	width: 187px;
}
.promo_block_2 {
	float: left;
	left: 10px;
	position: relative;
	width: 187px;
}
.promo_block_3 {
	float: left;
	left: 20px;
	position: relative;
	width: 187px;
}
.promo_block_4 {
	float: left;
	left: 30px;
	position: relative;
	width: 188px;
}
#promo_blocks p {
	line-height: 15px;
	padding: 10px;
	text-align: center;
}
.promo_block_1 p {
	background: transparent url(../interface/promo1_bg_1.gif) top left no-repeat;
}
.promo_block_2 p {
	background: transparent url(../interface/promo2_bg_1.gif) top left no-repeat;
}
.promo_block_3 p {
	background: transparent url(../interface/promo3_bg_1.gif) top left no-repeat;
}
.promo_block_4 p {
	background: transparent url(../interface/promo4_bg_1.gif) top left no-repeat;
}


#promo_blocks div a {
	color: #fff;
	font-size: 11px;
}
#promo_blocks div a:hover {
	text-decoration: underline;
}

/* Footer
************************************************** */
#footer {
	background: #cee4f1 url(../interface/footer_bg2.gif) bottom left no-repeat;
	clear: both;
	color: #888;
	padding: 20px 30px 20px 30px;
	text-align: center;
	line-height: 14px;
}
#footer p {
	color: #666;
	font: 9px/12px Arial, "lucida grande", verdana, sans-serif;
	margin-bottom: 10px;
}
#footer a {
	color: #444;
	font-size: 9px;
	line-height: 12px;
}
#footer a:hover {
	color: #69aed3;
}

/* Lower nav
************************************************** */
ul.lower_nav {
	background-color: transparent;
	font-size: 10px;
	list-style-type: none;
	margin: 0 0 10px 0;
}
ul.lower_nav li {
	display: inline;
	font-weight: bold;
	margin: 10px;
}
ul.lower_nav a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
ul.lower_nav a:hover {
	color: #69aed3;
}

/* Contact page
************************************************** */

div.contact_panel h4 {
	margin: 0;
}

/* Landing pages
************************************************** */
div.landing_page h1 {
	font-size: 30px;
	line-height: 36px;
	margin: 40px 120px 40px 120px;
	text-align: center;
}
div.landing_page ul li {
	color: #002f52;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
div.landing_page ul span {
	color: #444;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

p.landing_page_extra {
	text-align: center;
	font-size: 11px;
}



div.landing_page_contact {
	background: #e1081e url(../interface/online_quote_bg.gif) top left no-repeat;
}
div.landing_page_contact p {
	background: transparent url(../interface/online_quote_bg2.gif) bottom left no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
div.landing_page_contact p span {
	color: #fff;
	display: block;
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}




div.landing_page_online_quote {
	background: #8ab9d2 url(../interface/landing_page_bg.gif) top left no-repeat;
}
div.landing_page_online_quote p {
	background: transparent url(../interface/landing_page_bg2.gif) bottom left no-repeat;
	color: #002f52;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
div.landing_page_online_quote a {
	color: #002f52;
	display: block;
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	text-decoration: none;
}
div.landing_page_online_quote a:hover {
	text-decoration: underline;
}







/* Funeral Insurance
************************************************** */

div.quote_3 {
	background: #e1081e url(../interface/online_quote_bg.gif) top left no-repeat;
}
div.quote_3 p {
	background: transparent url(../interface/online_quote_bg2.gif) bottom left no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
div.quote_3 p span {
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}






div.quote_2 {
	background: #8ab9d2 url(../interface/landing_page_bg.gif) top left no-repeat;
}
div.quote_2 p {
	background: transparent url(../interface/landing_page_bg2.gif) bottom left no-repeat;
	color: #002f52;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 15px 10px 15px 10px;
	text-align: center;
}
div.quote_2 a {
	color: #002f52;
	display: block;
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	text-decoration: none;
}
div.quote_2 a:hover {
	text-decoration: underline;
}







/* Contents calculator
************************************************** */
.calculator h3 {
	background: #09568b;
	color: #fff;
	margin: 0 0 14px 0;
	padding: 2px 0 2px 10px;
}
.calculator h3:hover {
	background: #09568b url(../interface/click.gif) right center no-repeat;
	cursor: pointer;
}
.calculator div {
	margin: 0 0 6px 0;
}
.calculator label {
	display: block;
	font-size: 10px;
	padding-right: 150px;
	padding-top: 2px;
	position: relative;
}
.calculator input {
	background: #fff url(../interface/input_bg.gif) center left no-repeat;
	border: 1px solid #e4e4e4;
	font-size: 10px;
	padding: 2px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
label.subtotal {
	color: #002f52;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
input.subtotal {
	background: #eff5f9 url(../interface/input_bg2.gif) center left no-repeat;
	border: 1px solid #e4e4e4;
}
div.total {
	margin: 20px 0 20px 0;
}
.total label {
	background: #002f52;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 150px 10px 10px;
	position: relative;
	text-transform: uppercase;
}
.total input {
	background: #002f52 url(../interface/input_bg3.gif) center left no-repeat;
	border: 1px solid #002f52;
	color: #fff;
	font-size: 16px;
	margin: 10px 10px 10px 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
#toggle-all {
	color: #002f52;
	font-weight: bold;
	text-transform: uppercase;
}
#toggle-all:hover {
	cursor: pointer;
}
#clear-all {
	color: #002f52;
	font-weight: bold;
	text-transform: uppercase;
}
#clear-all:hover {
	cursor: pointer;
}

div.contents_calculator {
	background: #8ab9d2 url(../interface/faq_bg.gif) bottom left no-repeat;
	margin-bottom: 20px;
}

div.contents_calculator p {
	background: transparent url(../interface/calculator_bg.gif) top left no-repeat;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}
div.contents_calculator a {
	color: #002f52;
}
div.contents_calculator a:hover {
	color: #002f52;
	text-decoration: underline;
}

/* Embedded scripts
************************************************** */

div.call_back {
	background-image: url(../interface/telephone-icon.gif);
	background-position: right 10px;
	background-repeat: no-repeat;
	margin-bottom: 6px;
	padding: 10px;

}

div.call_back h2 {
	margin: 0 20px 12px 20px;
	padding: 0;
}
div.call_back p {
	margin: 0 20px 0 20px;
	padding: 0;
}
div.call-back-script {
	margin: 12px 0 12px 0;
	padding: 0;
}