/* CSS Document */

body,td,th,input,textarea,select { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }
body {
	margin:20px;
	text-align:center; /* Center canvas for IE browsers */
	background-image:url(../images/pic-background.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#F2F1F3;
}
p { line-height: 1.5em; margin-top:1.5em; margin-bottom:1.5em; }
blockquote { padding:10px; background-color:#EADBFA; margin:0; line-height: 1.5em;  }
ul { line-height:1.5em; margin-left:1em; padding-left:1em; margin-top:1.5em; margin-bottom:1.5em; }
ol { line-height:1.5em; margin-left:1em; padding-left:1em; margin-top:1.5em; margin-bottom:1.5em; }
li { margin-bottom:1em; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#3E2179; margin-top:1em; margin-bottom:1em; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3E2179; margin-top:1em; margin-bottom:1em; }
a { color:#3E2179; }
form { padding:0; margin:0; }
th { text-align:center; }

/* Structural elements */
#canvas {
	width:790px;
	margin:0 auto; /* Center canvas for non-IE browsers */
	text-align:left; /* Counter body's text-align:center */
}

#header { margin-bottom:20px; }
#header img { float:left; }

#tobDownload { margin-top:20px; padding:10px 0 0 0; border-top:1px solid #ccc; }

#footer { margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
#footer div { float:left; font-size:10px; color:#3E2179; }
#footer a { color:#3E2179; }

#debug {
	margin:0 auto; 
	text-align:left; 
	background-color:#FFFFCC; 
	border:1px solid #FFCC00;
	width:500px;
	padding:20px;
	margin-top:20px;
}
#debug p { font-weight:bold; }

#menu { float:left; margin-left:30px; width:526px; }
#menu ul { float:left; list-style-type:none; padding:0; margin:0; }
#menu ul li { float:left; margin-right:2px; margin-bottom:0; }
#menu ul li.last { margin-right:0; }
#menu ul li a { display:block; }
#menu ul li a span { display:none; }
#menu_home { background-image:url(../images/menu-home.gif); width:70px; height:35px; }
#menu_home_current { background-image:url(../images/menu-home-current.gif); width:70px; height:35px; }
#menu_medical_insurance { background-image:url(../images/menu-medical-insurance.gif); width:81px; height:35px; }
#menu_medical_insurance_current { background-image:url(../images/menu-medical-insurance-current.gif); width:81px; height:35px; }
#menu_financial_protection { background-image:url(../images/menu-life-and-financial-protection.gif); width:113px; height:35px; }
#menu_financial_protection_current { background-image:url(../images/menu-life-and-financial-protection-current.gif); width:113px; height:35px; }
#menu_dental_protection { background-image:url(../images/menu-dental-protection.gif); width:84px; height:35px; }
#menu_dental_protection_current { background-image:url(../images/menu-dental-protection-current.gif); width:84px; height:35px; }
#menu_travel_insurance { background-image:url(../images/menu-travel-insurance.gif); width:84px; height:35px; }
#menu_travel_insurance_current { background-image:url(../images/menu-travel-insurance-current.gif); width:84px; height:35px; }
#menu_other_insurance { background-image:url(../images/menu-other-insurance.gif); width:84px; height:35px; }
#menu_other_insurance_current { background-image:url(../images/menu-other-insurance-current.gif); width:84px; height:35px; }
/* Admin menu items */
#menu_admin { background-image:url(../images/menu-admin.gif); width:100px; height:35px; }
#menu_admin_current { background-image:url(../images/menu-admin-current.gif); width:100px; height:35px; }
#menu_logout { background-image:url(../images/menu-logout.gif); width:84px; height:35px; }

#submenu { float:left; width:552px; color:#EADBFA; margin-left:20px; }
#submenu_left { float:left; background-image:url(../images/submenu-left.gif); width:10px; height:23px; }
#submenu_right { float:left; background-image:url(../images/submenu-right.gif); width:10px; height:23px; }
#submenu ul { float:left; background-color:#3E2179; width:532px; list-style-type:none; padding:0; margin:0; }
#submenu ul li { float:left; margin:0; padding:6px 0 6px 0; line-height:11px; }
#submenu a { color:#EADBFA; text-decoration:none; border-left:1px solid #EADBFA; padding-left:10px; padding-right:10px; }
#submenu a:hover { text-decoration:underline; }

#column_left { float:left; width:552px;}
#column_left_2 { float:left; width:auto; }
#column_right { float:right; width:218px; }

#column_home_left { float:left; width:218px; }
#column_home_right { float:right; width:552px; }
#column_home_right2 { float:right; width:314px; }


.column_sub_left { width:255px; float:left; padding-right:19px; }
.column_sub_left p { text-align:justify; }
.column_sub_left p.pLeft { text-align:left; }
.column_sub_left p.pRight { text-align:right; }
.column_sub_left p.pCenter { text-align:center; }
.column_sub_separator { width:41px; float:left; background-image:url(../images/column-separator-back.gif); background-repeat:repeat-y; background-position:center; }
.column_sub_right { width:255px; float:left; padding-left:19px; }
.column_sub_right p { text-align:justify; }
.column_sub_right p.pLeft { text-align:left; }
.column_sub_right p.pRight { text-align:right; }
.column_sub_right p.pCenter { text-align:center; }

.box_1 { background-image:url(../images/box-1-back.png); background-repeat:repeat-y;}
.box_1 h1 { margin:0; padding:0;height:50px;}
.box_1 .hidden { display:none; }
.box_1_content { padding:0 10px; margin:0; }
.box_1_link {
	background-image:url(../images/icon-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 0.4em;
	padding-left:1em;
	margin-top:0;
}
a.partialUnderline { text-decoration:none; }
a.partialUnderline:hover { text-decoration:underline; }
a.partialUnderline span { text-decoration:underline; }
/*
	box_1_content must have a total height of 212 px. 
	212px + 10px (footer) + 50px (header h1) = 272 px which is the height of the promo.
	All <p> tags are given an id and their heights are modified below:
*/
#box_1_content_text { margin:20px 0; line-height:21px; }
#box_1_content_link_1 { margin:20px 0; }
#box_1_content_link_2 { margin:20px 0; }
#box_1_content_link_3 { margin-top:20px; margin-bottom:30px; }

.box_1_footer { background-image:url(../images/box-1-footer.png); height:10px; width:552px; }
#box_1_travel_insurance h1 { background-image:url(../images/box-1-header-travel-insurance.png); }

.box_2 { background-image:url(../images/box-2-back.png); background-repeat:repeat-y; width:218px; }
.box_2 h1 { margin:0; padding:0; width:218px; height:50px; }
.box_2 p.recommend { margin:0; padding:0; width:218px; height:50px; }
.box_2 .hidden { display:none; }
.box_2_content { padding:0 10px; }
.box_2_footer { background-image:url(../images/box-2-footer.png); height:10px; width:218px; }
#box_2_private_medical_insurance h1 { background-image:url(../images/box-2-header-medical-insurance.png); }
#box_2_group_medical_insurance h1 { background-image:url(../images/box-2-header-group-medical-insurance.png); }
#box_2_international_medical_insurance h1 { background-image:url(../images/box-2-header-international-medical-insurance.png); }
#box_2_recommend_to_a_friend p.recommend { background-image:url(../images/box-2-header-recommend-to-a-friend.png); }
#box_2_income_protection h1 { background-image:url(../images/box-2-header-income-protection-questions-answered.png); }

.box_3 { background-image:url(../images/box-3-back.png); background-repeat:repeat-y; width:170px; }
.box_3 h1 { margin:0; padding:0; width:170px; height:50px; }
.box_3 .hidden { display:none; }
.box_3_content { padding:10px 10px 0 10px; height:130px; }
.box_3_footer { background-image:url(../images/box-3-footer.png); height:10px; width:170px; }
#box_3_life_and_financial_protection h1 { background-image:url(../images/box-3-header-life-and-financial-protection.png); }
#box_3_dental_protection { float:left; margin-right:20px; }
#box_3_dental_protection h1 { background-image:url(../images/box-3-header-dental-protection.png); }
#advisor { padding: 10px 10px 0px 10px; position:relative; height:189px;}
#advisor p {margin:0;}
#advisor #refer-friend-banner {position:absolute; bottom:-5px; right:-10px;}

.box_3_2 { background-image:url(../images/box-3-2-back.png); background-repeat:repeat-y; width:360px; }
.box_3_2 h1 { margin:0; padding:0; width:360px; height:50px; }
.box_3_2 .hidden { display:none; }
.box_3_2_content { padding:10px 10px 0 10px; height:130px; }
.box_3_2_footer { background-image:url(../images/box-3-2-footer.png); height:10px; width:360px; }
#box_3_international_insurance { float:left; }
#box_3_international_insurance h1 { background-image:url(../images/box-3-header-international-insurance.png); }

.box_large { background-image:url(../images/box-large-back.png); background-repeat:repeat-y; width:552px; }
.box_large h1 { margin:0; padding:0; width:552px; height:50px; }
.box_large .hidden { display:none; }
.box_large_content { padding:0 10px; }
.box_large_footer { background-image:url(../images/box-large-footer.png); height:6px; width:552px; }
#box_large_more_info h1 { background-image:url(../images/box-large-header-more-information.png); }
#box_large_international_insurance h1 { background-image:url(../images/box-large-header-international-medical-insurance.png); }
#box_large_group_medical_insurance h1 { background-image:url(../images/box-large-header-group-medical-insurance.png); }
#box_large_financial_protection h1 { background-image:url(../images/box-large-header-financial-protection.png); }

#supportButtons { margin-bottom:10px; }

div.blockquote { padding:10px; background-color:#F3EBFC; }
div.awardFrame { padding:10px; border:1px solid #ccc; }
div.awardFrame p { text-align:center; }

.get_quote { text-align:right; }

.header_table { border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:100%; }
.header_table td { padding-top:6px; padding-bottom:6px; }
.header_table h1 { margin:0; line-height:28px; }

.teacable { background-image:url(../images/team/team-back.png); background-repeat:repeat-y; }
.teamTable td { text-align:center; vertical-align:top; }
.teamTable img { border:1px solid #B5A2D2; }
.teamTable td.empty { vertical-align:middle; color: #A08DC1; font-size:10px; background-color:#FFFFFF; border:1px solid #B5A2D2; }

.tableStyle1 { border-collapse: collapse; }
.tableStyle1 td { padding:4px; border: 1px solid; border-color: #ccc; }
.tableStyle1 th { padding:4px; border: 1px solid; border-color: #ccc; background-color:#EBEBEB; }
.tableStyle1 .odd { background-color:#F5F5F5; }
.tableStyle1 .even { background-color:#FFFFFF; }

.tableStyle2 { border-collapse: collapse; }
.tableStyle2 td { padding:2px; border: 1px solid; border-color: #ccc; font-size:10px; }
.tableStyle2 th { padding:2px; border: 1px solid; border-color: #ccc; font-size:10px; background-color:#EBEBEB; }
.tableStyle2 .odd { background-color:#F5F5F5; }
.tableStyle2 .even { background-color:#FFFFFF; }
.tableStyle2 .unpublished { background-color:#FFE6E6; }
.tableStyle2 .new { background-color:#EBFFDF; }

#quickLinks {
	padding:10px;
	background-color: #EADBFA;
	margin-bottom:20px;
}

.otherInsuranceLogo {
	width:282px; 
	font-size:10px;
	text-align:center; 
	float:right; 
	margin-top:0; 
	margin-left:10px;
}
.otherInsuranceLogo img {
	margin-bottom:4px;
}

/* Form elements */
.hw { width:50px; }
#specific_hospitals { width:500px; }
#additional_notes { width:500px; }
#tob_container { height:200px; overflow:scroll; background-color:#F3EBFC; padding:10px; font-size:10px; }
#tob_container h1 { font-size:11px; font-weight:bold; }
#key_facts_container { height:200px; overflow:scroll; background-color:#F3EBFC; padding:10px; font-size:10px; }
#key_facts_container h1 { font-size:11px; font-weight:bold; }

#search_text { width:140px; margin-right:10px; }
#search_button { width:60px; }

#recommendForm label { display:block; margin-bottom:10px; }
#recommendForm p { margin:0; }
#recommendForm input { margin-top:4px; width:90%; }
#recommendForm #submit { width:100px; }

.tree_open {
	padding-left:16px;
	background-image:url(../images/button-plus.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height:11px;
}

/* Margin classes */
.clear { clear:both; }
.m0 { margin:0; }
.mt0 { margin-top:0; }
.mb0 { margin-bottom:0; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mr10 { margin-right:10px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }

.p0 { padding:0; }
.pbTD td { padding-bottom:6px; }
.pt5TD td { padding-top:5px; }

div.separator { margin-top:20px; margin-bottom:20px; height:1px; background-color:#ccc; }

/* Alignment classes */
.pCenter { text-align:center; }

/* Border classes */
.bL { border-left:1px solid #ccc; }
.bR { border-right:1px solid #ccc; }
.b { border:1px solid #ccc; }

fieldset { padding:0; margin:0; border:1px solid #ccc; }
legend { margin-left:10px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3E2179; font-weight:bold; }

/* Colours */
.error { color:#f00; }
.success { color:#090; }
.errorTop { color:#f00; margin:0 0 2px 0; }
.descriptionText { color:#A08DC1; }
.f10 { font-size:10px; }
.obligatory { color:#f00; }

#partnerTable { background-color:#F3EBFC; }
#childrenTable { background-color:#F3EBFC; }
#travel_insurance_benefits td { font-size:10px; }
.newsArticleContents img { border:0; }

#h2_in_the_news { height:15px; margin:0 0 10px 0; background-image:url(../images/title-in-the-news.gif); background-repeat:no-repeat; }
#h2_in_the_news span { display:none; }

#h2_search { height:14px; width:147px; margin:0 0 10px 0; background-image:url(../images/title-search.gif); background-repeat:no-repeat; }
#h2_search span { display:none; }

/* Administration classes */
.adminActions { text-align:right; }
.adminActions td { padding-left:4px; }

form.icom fieldset {
	margin:1em 0;
	padding:0 1em;
}

form.icom label {
	display:block;
	margin:1em 0;
}

form.icom label span {
	display:block;
	float:left;
	width:13em;
	padding:0 2em 0 0;
	position:relative;
}

form.icom label span em {
	color:#f00;
	position:absolute;
	top:0;
	right:1em;
}

form.icom label input {
	width:20em;
}

form.icom input.checkbox {
	width:auto;
}

.red {
	color:#f00;
}

.small {
	font-size:0.8em;
}

form.icom input.small {
	width:2em;
	text-align:center;
}

.stretch {
	display:block;
	width:100%;
}

th {
	text-align:left;
}

table.border {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

table.border td, table.border th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

td.dark, th.dark {
	background:#eee;
}

#home .left-column, #home .middle-column, #home .right-column {
	float:left;
	margin:0 20px 0 0;
	height:221px;
	position:relative;
}

#home-lower .left-column, #home-lower .middle-column, #home-lower .right-column {
	_margin:0 17px 0 0; /* ie 6 hack */
}

#home .right-column {
	margin:0;
}

#home #home-top {
	height:221px;
	margin:0 0 4em 0;
	position:relative;
}

#home .small-box {
	width:283px;
	height:212px;
	*height:215px;
	padding:49px 15px 0 15px;
	*padding-top:65px;
	position:relative;
}
#home .big-box {
	width:283px;
	height:205px;
	*height:194px;
	padding:49px 15px 0 15px;
	*padding-top:65px;
	position:relative;
}

#home .small-box {
	width:183px;
	padding-top:42px;
}

.get-a-quote{
	margin:6px 0 0 0;
}

#home-lower .middle-column.small-box {
	width:188px;	
}

#home .big-box .header, #home .small-box .header {
	position:absolute;
	top:0 !important;
	left:0 !important;
	margin-bottom:100px !important;
}

#home .big-box, #home .small-box {
	background:url("../images/box-large-bg.jpg") center bottom no-repeat;
}

#home .small-box {
	background:url("../images/box-small-bg.jpg") center bottom no-repeat;
}
#home .right-column.small-box {
	background:url("../images/box-med-bg.jpg") center bottom no-repeat;
}

#home .top, #home .bottom {
	position:absolute;
	top:30px;
}

#home .bottom {
	top:115px;
	*top:115px;
	bottom:0;
}

#home-top .left-column {
	width:213px;
}

#home-lower .right-column.small-box {
	width:188px;
	position:relative;
	left:4px;
}
ul.arrow {
	margin:10px 0 0 0 !important;
	*padding:10px 0 0 0;
}
.box-title {
	margin:0 !important;
	padding:0 !important;
}
ul.arrow li {
	padding:0 0 0 20px;
	list-style:none;
	background:url("../images/arrow.gif") 0 4px no-repeat;
	zoom:1; /* ie 6 hack */
}
ul.arrow02 {
	margin:10px 0 0 0 !important;
	*padding:-15px 0 0 0;
}
ul.arrow02 li {
	padding:0 0 0 20px;
	list-style:none;
	background:url("../images/arrow.gif") 0 4px no-repeat;
	zoom:1; /* ie 6 hack */
}
ul.arrow03 {
	margin:3px 0 0 0 !important;
	*padding:-15px 0 0 0;
	*position:relative;
	*top:-10px;
}
ul.arrow03 li {
	padding:0 0 0 20px;
	list-style:none;
	background:url("../images/arrow.gif") 0 4px no-repeat;
	zoom:1; /* ie 6 hack */
}
p.no-margin {
	margin:-2px 0 0 0;
	padding:0;
}
a.quote {
	height:36px;
	width:170px;
	display:block;
	margin:0;
	background:url(../images/get-a-quote-arrow-big.png) top left no-repeat;
}
a.quote:hover {
		background-position:0 -38px;
}
a.review {
	height:36px;
	width:170px;
	display:block;
	margin:0;
	background:url(../images/get-a-review-arrow-big.png) top left no-repeat;
}
a.review:hover {
		background-position:0 -37px;
}
a img {
	border:none;
}

#home-lower {
	_margin:-2em 0 -4em 0; /* ie 6 hack */
	*margin-bottom:-4em; /* ie 7 hack */
}

ul.arrow a.quote {
	display:block;
}