/*
	-----------------------------------------------------------------------------
	Title: 	TeachersHealth Screen Stylesheet
	Author: 	Matt Stone (matt@amplify.com.au)

	Version 1.0
	26/06/2007

	Copyright (c) 2007 Amplify All rights reserved.
	-----------------------------------------------------------------------------
*/


/* Universal Selectors 
----------------------------------------------------------------------------- */
body {
    min-width: 910px;
    font: normal 100%/1.6em Arial, Verdana, sans-serif;
    color: #5d5d5d;
}

a img, :link img, :visited img {
	border: 0;
}

a {
	color: #5d5d5d;
	text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}

.main a {
	color: #476f9b;
	text-decoration: underline;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}


/* Strutural Elements
----------------------------------------------------------------------------- */
.body {
	background: #0277ad url(../images/bg_page.jpg) repeat-x;
	margin-top: 15px;
	font-size: 62.5%;
}

#wrapper {
	width: 894px;
	background: #fff url(../images/bg_header.gif) no-repeat;
	padding: 0 8px;
}

#header {
	height: 115px;
	background: none;
}

	#logo {
		float: left;
		width: 185px;
	 height: 115px;
		margin-left: 10px;
	}
	
	#logo a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/logo.gif) no-repeat 20px 25px;
		text-indent: -5000px;
	}
	
	#search {
/*		float: right;*/
		background: none;
/*		margin-right: 80px;*/
	}

#nav {
	clear: both;
	width: 100%;
	background: none;
	margin-top: 5px;
}

#tools {
	clear: both;
	width: 100%;
	height: 238px;
	background: url(../images/photo_tools1.jpg) no-repeat;
}

	.toolbox {
		float: right;
		width: 194px;
/*		height: 198px;*/
		height: 220px;
		background: #eaf2f9;
		padding: 10px 20px 8px;
		border-left: 7px solid #fff;
	}

div#banner {
	clear: left;
	width: 100%;
	height: 44px;
	background: #a5c6e4 url(../images/bg_banner.gif) repeat-x;
	/*text-indent: -5000px;*/
	margin: 7px 0;
	text-align: center;
}

.main {
	padding: 40px 30px 0 30px;
}

.home .main {
	padding: 0;
}

#left {
	width: 216px;
	background: url(../images/photo_leftmenu.jpg) no-repeat;
	padding: 220px 0 0 0;
}

	#left .getquote {
/*		background: url(/site/images/divider_dots.gif) repeat-x bottom;*/
		padding: 5px 20px 20px 0px;
		margin: 0 20px 0 10px;
	}

	#left .quicklinks {
		padding: 40px 20px 5px 20px;
		background: #fff url(../images/text_quicklinks_white.gif) 10px 10px no-repeat;
	}

/*HOME-BOX*/
	.home-box {
		float: left;
		width: 218px;
/*		height: 260px;*/
		background: #f1f1f2 url(../images/bg_box.jpg) no-repeat bottom right;
		margin-right: 7px;
	}
	.home-box p {
	color: #5a5b5d;
	font-size: 1.3em;
	padding: 0 12px 10px 12px;
}
	
	.home-box ul {
	/*list-style-type: none;*/
	margin: none !important;
}
	
.home-box ul li {
	background: url(../images/bullet_homebox.gif) no-repeat 0 center;
	padding: 2px 0 2px 10px;
}
	
	.home-box ul li a {
	color: #686e72;
/*	font-size: 13px;*/
	text-decoration: none;
}

.home-box .rightgraphic {
	float: right;
	margin: 0 0 10px 0;
}
	div.travel {
		margin-right: 0;
	}
		div.general {
		margin-right: 0;
	}
	div.travellong {
		width: 440px;
/*		height: 260px;*/
	}

	div.criticalillness h3 {
		background: #c96902 url(../images/header_criticalillness.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
	
	div.lifedisability h3 {
		background: #003e7e url(../images/header_lifedisability.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
	
	div.income h3 {
		background: #ac160e url(../images/header_income.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
	
	div.travel h3 {
		background: #436d15 url(../images/header_travel.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
		div.travellong h3 {
		background: #436d15 url(../images/header_travel_long.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
		div.general h3 {
		background: #0C3962 url(../images/header_generalinsurance.gif) no-repeat;
		line-height: 23px;
		text-indent: -5000px;
	}
	div.criticalillness h4 {
	color: #e28c05;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 12px;
	margin-bottom: 5px;
}

div.lifedisability h4 {
	color: #067cbb;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 12px;
	margin-bottom: 5px;
}

div.income h4 {
	color: #d6342b;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 10px;
	margin-bottom: 5px;
}

div.travel h4 {
	color: #67ab31;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 12px;
	margin-bottom: 5px;
}
div.travellong h4 {
	color: #67ab31;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 12px;
	margin-bottom: 5px;
}
div.general h4 {
	color: #0C3962;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 12px 0 12px;
	margin-bottom: 5px;
}

/* Lists
----------------------------------------------------------------------------- */
#contact-form ol {
	margin-top: 2em;
}

#nav ul {
	width: 100%;
	background: none;
}

#nav ul li {
	width: 149px;
	text-align: center;
}

#left .linklist {
	margin: 15px 20px 0 2px;
}

.linklist li {
	background: url(../images/divider_dots.gif) repeat-x bottom;
	padding: 0 1em 1em 0;
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: bold;
}

.linklist li a {
	background: url(../images/bullet_leftmenu.gif) no-repeat left 50%;
	padding-left: 1em;
	display: block;
	color: #476f9b;
	text-decoration: none;
}

.linklist li a:hover {
	text-decoration: underline;
}

.main ul {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 1em;
}

.main ul li {
	font-size: 12px;
	padding: 0.4em 0;
}

.main ul.linklist {
	margin-top: 2em;
}

.main ul.linklist li {
	background: none;
}

/* NAV Links
----------------------------------------------------------------------------- */
#nav ul li a:link, #nav ul li a:visited {
	background: #002f6a url(../images/bg_nav.gif) repeat-x;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 23px;
	text-decoration: none;
	padding: 0 22px;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #e28c05;
}

#nav ul li a:hover, #nav ul li a:active {
	background: #002963 url(../images/bg_nav_on.gif) repeat-x;
}

#nav ul li.first a:link, #nav ul li.first a:visited {
	background: #002f6a url(../images/bg_nav_first.gif) no-repeat;
}
#nav ul li.first a:hover, #nav ul li.first a:active {
	background: #002963 url(../images/bg_nav_first_on.gif) no-repeat;
}

#nav ul li.last a:link, #nav ul li.last a:visited {
	background: #002f6a url(../images/bg_nav_last.gif) no-repeat top right;
	border-right: none;
}
#nav ul li.last a:hover, #nav ul li.last a:active {
	background: #002963 url(../images/bg_nav_last_on.gif) no-repeat top right;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited {
	background: #002963;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	padding: 3px 22px;
	border-bottom: 2px solid #69a6e0;
	border-right: none;
}

#nav ul li ul li a:hover, #nav ul li ul li a:active {
	text-decoration: underline;
}


/* Form Elements
----------------------------------------------------------------------------- */
#search .search-field {
	width: 140px;
	background: #fff url(../images/bg_field_search.gif) no-repeat;
	font-size: 1.4em;
	color: #5d5d5d;
	padding: 4px 3px;
	margin: 0 5px;
	border: none;
}

#search .search-button {
	vertical-align: text-bottom;
}

.quicklinks select {
	width: 175px;
	background: #fff url(../images/bg_field_search.gif) no-repeat;
    color: #5d5d5d;
	font-size: 1.1em;
    letter-spacing: -1px;
    border: 0;
    padding: 1px 0 1px 2px;
}

#left .quicklinks select {
	font-size: 1.3em;
}

/* Tables
----------------------------------------------------------------------------- */
.tablelayout {
	width: 100%;
	margin: 0;
}


/* Text
----------------------------------------------------------------------------- */
.main h1 {
	color: #e28c05;
	font-size: 24px!important;
}

.main h2,
.heading3 {
	color: #476f9b;
	margin: 1.2em 0 0.4em 0;
	font-size: 16px!important;
}

.main p {
	font-size: 12px;
}

#tools p {
	color: #5a5b5d;
	font-size: 1.3em;
}

h3.register {
	width: 151px;
	height: 17px;
	background: url(../images/text_register.gif) no-repeat;
	text-indent: -5000px;
}

h3.quicklinks {
	clear: both;
	width: 76px;
	height: 16px;
	background: url(../images/text_quicklinks.gif) no-repeat;
	text-indent: -5000px;
}

div.hr {
	clear: both;
	height: 5px;
	background: url(../images/divider_dots_blue.gif) repeat-x center;
	padding: 12px 0;
}

/*FOOTER*/

#footer {
	width: 880px;
/*	_width: 921px;*/
	margin: 0 auto;
	background: #fff  url(../images/bg_footer.gif) no-repeat bottom right;
	/*color: #5d5d5d;*/
	color: #838383;
	font-size: 1.0em;
	text-align: left;
	padding: 10px 15px 5px;
}

#footer .company {
	float: right;
	width: 330px;
	color: #838383;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: right;
	padding: 10px 0 10px 15px;
}

#footer p {
	line-height: 1.4em;
}
#footer ul li a, #footer ul li a.selected {
	font-size: 1.1em;
	color: #838383;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a.selected {
	text-decoration: underline;
	color: #838383;
}

#footer p a {
	text-decoration: underline;
	color: #00f;
}
#footer ul {
	background: url(../images/divider_dots.gif) repeat-x;
	padding: 15px 0 10px 0;
	height: auto;
}

#copyright {
/*	width: 330px;*/
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: center;
	padding: 10px 10px;
}
#copyright a {
	color: #fff;
}
#copyright a:hover {
	text-decoration: underline;
	color: #fff;
}


/* Quote form popup
----------------------------------------------------------------------------- */
body#quote-form  {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#quote-form form, #quote-form div.div-form {
	background: #e9f2f9 url(../images/bg_quote_form_bottom.gif) no-repeat bottom left;
	width: 590px;
}

#quote-form h1 {
	background: url(../images/bg_quote_form_top.gif) no-repeat top left;
	padding: 35px 0 0 20px;
	margin: 0;
}

#quote-form p {
	margin: 10px 20px;
}

#quote-form table {
	margin: 0 20px 10px 20px;
	width: 540px;
}

#quote-form td {
	padding: 3px 0;
}

#quote-form td.r {
	text-align: right;
	padding-right: 10px;
	width: 130px;
}

#quote-form td.s {
	text-align: right;
	padding: 10px;
}

#quote-form .showhelp {
	vertical-align: text-bottom;
}

body#quote-form-new  {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#quote-form-new form, #quote-form-new div.div-form {
	background: #e9f2f9 url(../images/bg_quote_form_bottom-new.gif) no-repeat bottom left;
	width: 830px;
}

#quote-form-new h1 {
	background: url(../images/bg_quote_form_top-new.gif) no-repeat top left;
	padding: 35px 0 0 20px;
	margin: 0;
}

#quote-form-new p {
	margin: 10px 20px;
}

#quote-form-new table {
	margin: 0 20px 10px 20px;
	width: 780px;
}

#quote-form-new td {
	padding: 3px 0;
}

#quote-form-new td.r {
	text-align: right;
	padding-right: 10px;
	width: 130px;
}

#quote-form-new td.s {
	text-align: right;
	padding: 10px;
}

#quote-form-new .showhelp {
	vertical-align: text-bottom;
}

/* Autoclearing
----------------------------------------------------------------------------- */

/* Autoclear DIV forcing it to expand to fit contents */
#nav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* patch for IE as it does not support the :after pseudo element \*/
* html #nav {height: 1%;}