body {background: #fff url(/images/home/ski_banner.gif) top left no-repeat; padding: 0; margin: 0; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333;}

body#popup_window {padding: 40px 10px 20px 10px;}

/* GENERAL TEXT STYLES */
body {font-size: x-small; /* for IE5/Win */ 
voice-family: "\"}\"";
voice-family: inherit;
font-size: small; /* for nice browsers */
}
html>body {
font-size: small; /* for opera */
}

/* emailform popup window */
#email_quote_page_container {width: 100%;}
#email_quote_page_lhs {width: 75%; float: left; padding: 90px 10px 1em 40px;}
body#popup_window #email_quote_page_lhs {padding-top: 0;}
#email_quote_page_lhs h2 {font-size: 120%;  font-weight: bolder; text-align: left; padding: 2px 3px; border-bottom: 1px solid #CDD8E5;}
#email_quote_page_lhs p {font-size: 100%; text-align: left; padding: 2px 3px;}
#email_quote_page_lhs b {font-size: 100%; text-align: left; padding: 2px 3px; text-align: right;}
#email_quote_page_lhs table {text-align: right; margin-left: 50px;}
#email_quote_page_lhs tr {padding-top: 3px;}
#rhs {background-color: #fff;}

.form_centered {text-align: center; padding: 1em; margin-left: auto; margin-right:  auto;}

/* buttons again, yay! */
input.submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 2px;
margin: 0;
background-color: #F26D0F;
color: #fff;
font-size: 12px;
font-weight: bold;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

input.submit:visited 
{background-color: #033d7d;}
input.submit:hover 
{background-color: #033d7d;}
input.submit:active 
{background-color: #033d7d;}



/* benefits of cover */
#benefits_popup {margin: 150px 0 0 20px;}

/*<group=benefits of cover popup window>*/
#email_quote_page_container #benefits_of_cover {margin: 40px 10px 10px 10px;} 
/*</group>*/

/* summary schedule */
.summary_outer h2 {font-size: 14px Verdana, Helvetica, Ariel, sans-serif; color: #033d7d; font-weight: bolder; border-bottom: 1px dotted #033d7d; text-align: left; margin-bottom: 0.8em; padding-bottom: 3px; padding-left: 3px;}
table.summary {bordermargin:0; padding:0; font-size: 11px; color: #333;}
td.summary_header {background-color: #3869a0; padding: 3px 4px; font-size: 15px; color: #fff; text-align: center;}
.summary_policy {padding: 10px 3px; text-align: center; border-bottom: 1px dotted #3869a0;}
.summary_key {font-weight: bolder; text-align: right; padding: 10px 3px; color: #3869a0; border-bottom: 1px dotted #3869a0;}
.summary_excesskey {border-bottom: 1px dotted #3869a0; text-align: right; padding: 3px 3px; background-color: #F2F7FC; margin-bottom: 10px; padding-right: 3px;}
.summary_excess {border-bottom: 1px dotted #033d7d; padding: 3px 3px; background-color: #F2F7FC; margin-bottom: 10px; text-align: center;}
.quote_table {text-align: center;}
.quote_table td {margin-left: 2px; text-align: center;}
.row_header {font-weight: bolder;}
#schedule_table {overflow: auto; width: 100%; height: 100%; margin: 0 0 2em 30px;}

/* here are the help icons used for schedule of benefits */
span.helpicon_schedule em {display: none;}
a.helplink_schedule:a {background: url(/images/help_icon_smaller-over.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;}
a.helplink_schedule:link {background: url(/images/help_icon_smaller.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;}
a.helplink_schedule:visited {background: url(/images/help_icon_smaller.gif) top left no-repeat; width: 21px; height: 21px; display: block; color: #fff; float: left;}
a.helplink_schedule:hover {background: url(/images/help_icon_smaller-over.gif) top left no-repeat; width: 21px; height: 21px; display: block; text-decoration: none; border: none; float: left;}
a.helplink_schedule:active {background: url(/images/help_icon_smaller.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;}


/* keyfacts popup window */
#keyfacts_container, #popup_container {margin: 90px 20px 20px 20px}
body#popup_window #keyfacts_container {margin-top: 0;}
#keyfacts_container h2,  #popup_container h2 {font-size: 120%; border-bottom: 1px solid #033d7d; padding-bottom: 1em;
padding: 3px 0; margin-bottom: 0.5em;}
#keyfacts_container p,  #popup_container p {margin-left: 10px; margin-bottom: 1.5em;}

/* links */
a:link, a:visited {color: #0f2961; text-decoration: none;}
a:hover {color: #0f2961; text-decoration: underline;}
a:active {color: #0f2961; text-decoration: none;}


/* summary of cover popup */
.info_form {width: 75%; margin: 100px 20px 2em 100px;}
.info_form h2 {font-size: 120%;  font-weight: bolder; text-align: left; padding: 2px 3px; border-bottom: 1px solid #CDD8E5;}





/*<group=get a quote>*/
/*get a quote */
div.getaquote {display: none;}

/*</group>*/

/*<group=calc definitions>*/
#popup_close {position: absolute; left: 150px; top: 80px;}
#popup_close_top {position: absolute; right: 30px; top: 30px;}
#popup_close_faq {position: absolute; right: 30px; top: 30px;}
#popup_close .close_window, #popup_close_top .close_window, #popup_close_faq .close_window {background: url(/images/close_window.gif) 0 0 no-repeat; padding: 4px 2px 4px 22px; border: none; color: #fb4227; cursor: hand; border-bottom: 1px solid #fff;
_padding-left: 10px; }
/* note: ie doesn't understand the hover below as it's not on an <a> tag but the cursor option above will work on ie */
#popup_close .close_window:hover, #popup_close_bottom .close_window:hover, #popup_close_faq .close_window:hover {border-bottom: 1px solid #fb4227;}

#travel_definitions {position: absolute; left: 30px; top: 90px; padding: 0 20px 10px 0;}
#travel_definitions h2 {letter-spacing: 1px; font: bolder 130% Arial, Helvetica, sans-serif;}
#travel_definitions p {color: #333;}
.country_zones {margin-bottom: 2em;}
.table_heading {background-color: #3869a0; color: #fff;}
.country_name {padding-left: 10px; color: #333;}
.zone {text-align: center;}

#travel_definitions dd {color: #333; margin-bottom: 1em;}

/*</group>*/