/* @group main structure */
body#popup_window {padding: 170px 10px 20px 10px;}
#travel_intro {width: 689px; float: left; clear: both;}

/* this isn't used any more since the site has been redesigned but left here just in case! */
#travel_text {margin: 0 0 1em 0; padding-top: 1em;
background: url(https://www.jsinsurance.co.uk/images/corner_sectionmain_tr.gif) bottom right no-repeat;
/* opacity: .9; filter: alpha(opacity=90); */
 color: #000; background: #fff; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}
 
/* information pages */
div.ipage_left {width: 300px; float: left;}
div.ipage_right {margin-left: 300px; padding-top: 1em; text-align: center;} 
div.ipage_right a {font-weight: bolder;} 
div.ipage_right ul {text-align: left; list-style-type: none; margin: 0; padding: 0 0 0 10px;} 
div.ipage_right ul li {margin: 3px 7px 7px 0; padding: 0;} 
/* @end */

#ski_info_index ul#ski_countries_list li a, #ski_info_index ul#ski_info_list li a {color: #333; font-weight: bolder; font-size: 14px; }

/* the following has since been replaced by a new global id for all information pages in the universal stylesheet called #ipage UPDATE - not yet it hasn't! */ 
#travel_text_new {margin: 1em 20px; color: #000; line-height: 1.2em; font-size: 1em; letter-spacing: 1px;}
.travel_content {color: #000; line-height: 1.2em; font-size: 1em; letter-spacing: 1px;}

/* @group text */
h2.content_heading {font-size: 1.0625em; margin: 1em 10px 0.6875em 0; padding: 0 0 2px 0; background-color: transparent; color: #333; border-bottom: 1px solid #999; letter-spacing: 1px;}
h2.step_heading {font-size: 1.4em; font-weight: bold; color: #3869a0; background: url(https://www.jsinsurance.co.uk/images/container_back_arrows.jpg) 50% 50% repeat-y; border-bottom: 1px solid #3869a0; padding-bottom: 0px; line-height: 0.95em; letter-spacing: 1px; margin-top: 0;}
#travel_text_new h2 {color: #333; padding: 3px; margin: 0;}
h3.sub_heading {color: #333; font-size: 0.9em; border-bottom: 1px solid #999; margin: 1em 10px 0.6875em 0; padding: 0 0 3px 3px; letter-spacing: 1px;}
h3.h3_lower_heading {color: #3869a0; border-bottom: 3px solid #3869a0; margin-right: 50px; margin-left: 5px; font-size: 16px;}
#container p {font-size: 0.75em; margin: 0 15px; padding:0; padding-bottom: 1em; background-color: transparent; color: #000;}
p.main_text_larger {font-size: 0.875em; margin: 0 15px; padding:0; padding-bottom: 1em; background-color: transparent; color: #000;}
p.form_text {font-size: 10pt; text-align: left; margin: 1em 0 0 0; color: #333;}
.frontlink_name {font-size: 0.875em; color: #000; letter-spacing: 1px; line-height: 1.2em;}
.frontlink_lower {font-size: 0.6875em; color: #735975;}
ul.list_regular {font-size: 0.75em; margin: 0 20px 2em 20px;}
span.quoteheading {display: block; font-size: 0.875em; margin: 0; padding: 2px 0 2px 7px; background-color: #3869a0; color: #fff; font-weight: bolder;}
#ski_info_index h3 {margin: 0 8px; font-size: 1.4em;}

/* These are used on the travel main page. see the universal stylesheet for the common inner box styles for these */
div.contentbox div.inner h3#inner-singletrip {background: url(/images/innerboxes/innertop-singletrip.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-annual {background: url(/images/innerboxes/innertop-annual.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-backpackers {background: url(/images/innerboxes/innertop-backpackers.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-wintersports {background: url(/images/innerboxes/innertop-wintersports.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-ski {background: url(/images/innerboxes/innertop-ski.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-snowboard {background: url(/images/innerboxes/innertop-snowboard.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-eu {background: url(/images/innerboxes/innertop-eu.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-over65 {background: url(/images/innerboxes/innertop-over65.gif) 0 0 no-repeat;}
div.contentbox div.inner h3#inner-usa {background: url(/images/innerboxes/innertop-usa.gif) 0 0 no-repeat;}

div#travel_area div.contentbox div.inner h3 a:link, div#travel_area div.contentbox div.inner h3 a:visited {color: #3869a0; text-decoration: none;}
div#travel_area div.contentbox div.inner h3 a:hover {color: #517fc5; text-decoration: underline;}
div#travel_area div.contentbox div.inner h3 a:active {color: #3869a0; text-decoration: none;}

div.contentbox.swineflu_text p em {font-size: 1em; margin-left: 0;} /* overiding style set in universal stylesheet */
/* @end */

/* @group new dark blue calculator */
#travel_calculator .calc_help p {font-size: 0.9em; line-height: 1.3em; text-align: center;}

#travel_main_content #travel_calculator a.pdf_button, #travel_main_content #quoteresults_right a.pdf_button {line-height: 1.1em; display: block; background: #f1f4f7 url(/images/buttons/pdflogo_button.gif) 0 0 no-repeat; width: 98px; border: 1px solid #9fa9b5; font-size: 11px; letter-spacing: 1px; color: #000; text-decoration: none; margin: 7px auto; padding: 3px 3px 9px 40px; min-height: 24px; height: auto !important; height: 24px;}
#travel_main_content #quoteresults_right a.pdf_button {margin: 0;}
#travel_main_content #travel_calculator a.pdf_button:hover, #travel_main_content #quoteresults_right a.pdf_button:hover {text-decoration: underline; border: 1px solid #517fc5;}

.calc_underwriters {clear: left; margin: 0 0 0 100px; padding-top: 10px; text-align: center; width: 440px;} 
.calc_underwriters span {background-position: 50% 50%; background-repeat: no-repeat; display: block; float: left; text-align: center; margin-bottom: 4px; width: 140px;}
.calc_underwriters span.calc_axa {background-image: url(/images/underwriter_logos/axa_40x40.gif); height: 40px; width: 80px;}
.calc_underwriters span.calc_towergateaul {background-image: url(/images/underwriter_logos/towergate100x25.gif); height: 25px;}
.calc_underwriters span.calc_whitehorse {background-image: url(/images/underwriter_logos/whitehorse_logo.gif); height: 25px;}
.calc_underwriters span.calc_fortis {background-image: url(/images/underwriter_logos/fortis-128x40.png); height: 40px; width: 128px;}
.calc_underwriters span.calc_groupama {background-image: url(/travel_insurance/images/underwriter_logos/groupama_90x27.png); height: 27px; margin-left: 17px; width: 90px;}
.calc_underwriters span.calc_mapfre {background-image: url(/images/underwriter_logos/mapfre-logo-47x32.png); height: 32px; margin-left: 17px; width: 47px;}
.calc_underwriters span.calc_optimum {background-image: url(/images/underwriter_logos/optimum-70x34.gif); height: 48px; width: 100px; margin-left: 17px; }

#travel_calc_inner form h2.inner_title_calculator {color: #fff; text-align: center; letter-spacing: 2px; font-size: 0.9em; margin: 0.5em 20px 1em; position: relative; width: 544px; padding: 0; border: none;}

a.button_datesearch img {border: none; margin: 0 0 0 3px;}

#travel_calc_inner {background: #445db1 url(/images/backgrounds/travel_calc-584.jpg) 0 0 no-repeat; padding: 3px 0 0; width: 584px; margin: 1em 20px 1em; float: left;} /*  url(/images/welcome_page/index_travel_calc-back.jpg) 0 0 no-repeat */
#travel_calc_inner form {margin: 0;} /* added to stop the blue background of the container div from extending below in Safari */
.calc_item {border-top: 1px solid #C5E4F0; clear: left; padding: 6px 0; margin: 0 10px; width: 554px;}
.calc_item label, .calc_checkbox #show_wintersports_length label {font-size: 0.7em; display: block; width: 172px; float: left; text-align: right; padding-right: 10px; color: #fff;}
.calc_item input, .calc_item select {font-size: 0.7em;}
#agesDiv {margin-left: 182px;}
.multiple_input_boxes input {width: 20px; margin-right: 3px;}
.wide_select {display: block; margin: 4px 0 0 50px; clear: left;}
.form_radios {width: 370px; margin-left: 182px;}
.form_radios label {float: none; display: inline; font-size: 0.6em; padding: 0 12px 0 0;}
.calc_item_inner {margin-left: 162px;}
.calc_checkbox label {float: none; display: block; width: 280px; margin-left: 20px; text-align: left;}
#where_longstay label {padding-bottom: 3px;}
.calc_submit_button {text-align: center; margin-top: 7px; padding: 0 0 4px; width: 584px; } /* background: url(/images/welcome_page/index_travel_calc-backbot.gif) 0 100% no-repeat; */
.form_right span, #show_wintersports_length span {font-size: 0.7em; color: #fff;}



#calcbox_winter {border-top: none; padding: 0 0 0 162px; width: 392px;} 
#calcbox_medical {background: url(/images/backgrounds/travel_calc-584bot.gif) 0 100% no-repeat; border-top: none; padding: 0 0 20px; position: relative; width: 584px;} /* width: 373px; */
#travel_calculator #calcbox_benefits {padding-bottom: 0;}
span.calc_helpicon em {display: none;}
span.calc_helpicon a.calc_helplink {display: block; position: absolute; top: 4px; right: 40px; width: 20px; height: 20px; background: url(/images/buttons/calc_helpicon.gif) 0 0 no-repeat;}
span.calc_helpicon a.calc_helplink:hover {background: url(/images/buttons/calc_helpicon-over.gif) 0 0 no-repeat;} 

/* hiding of medical conditions tickbox, unable to change travel stylesheet so left here for now */
#calcbox_medical #existing_medical_link {border: 1px solid #c5e4f0; color: #fff; display: block; font-size: 0.8em; margin: 5px 20px 0; padding: 3px 20px; position: relative; text-align: center;}
#calcbox_medical #existing_medical_link a {color: #fff; font-weight: bold; text-decoration: none;}
#calcbox_medical #existing_medical_link a:hover {text-decoration: underline;}

/* and now the error checking code */
#travel_calculator .errors_container {clear: both; width: 160px; padding: 5px; margin: 7px 0; text-align: left; background: #fff; border: none;} /* width: 228px; */
 
#travel_calculator .errors_container h3 {color: #d83f3f; letter-spacing: 2px;padding: 0; border: none; font-size: 0.95em; text-align: center; margin: 0 0 7px;}
#travel_calculator .errors_container p, #travel_container_fullwidth #travel_calculator .errors_container ul {text-align: left;}
#travel_calculator .errors_container p {padding: 0 38px 0 5px; background: #fff url(/images/backgrounds/sign_warning-small.gif) 95% 8px no-repeat; font-size: 1.1em;}
#travel_calculator div.errors_container ul {margin: 3px 0; padding: 0 10px 0 30px;}


.calculatorWarning label, .calculatorWarning input {color: #fb4227;}



/* .calc_item span.helpicon {display: none;} */

/* @end */






/* @group keyfacts */
#key_facts {position: absolute; bottom: 7px; left: 27%; font-size: 14px; text-align: center;}
#key_facts img {border: none;}
#key_facts a:link, #key_facts a:visited {display: block; padding: 4px 4px;}
#key_facts a:hover  {display: block; background: #fff; color: #517fc5; padding: 3px 3px; text-decoration: none; border: 1px solid #517fc5;}
#key_facts a:active {display: block;padding: 3px 3px;} 
/* @end */

/* @group lists */
div.travel_ulcontainer {width: 450px; margin-left: 50px; margin-bottom: 20px; padding: 10px; border: 1px solid #999;}
div.travel_ulcontainer h3  {font-size: 1.2em; color: #3869a0; border-bottom: 1px solid #3869a0; margin: 0 0 10px 0; padding: 0;}
.travel_ulcontainer ul {margin: 0; padding: 0; margin-left: 170px; font-size: 0.685em;}
ul.cover_list {padding: 10px 50px 10px 34px; margin: 0 40px 20px 50px; border: 1px solid #999;}
ul.cover_list li {margin-bottom: 7px;}
ul.cover_list_axa {background: #f2f7fc url(/images/underwriter_logos/axa_logo.gif) 100% 0 no-repeat;}
ul.cover_list_aul {background: #f2f7fc url(/images/underwriter_logos/towergate75x18.gif) 100% 0 no-repeat;}

.travel_content dl {font-size: 0.8em; margin: 0 20px 1em;}
.travel_content dt {clear: left; color: #000; float: left; font-weight: bolder; padding-right: 5px; text-align: right; width: 160px;}
.travel_content dd {margin: 0 0 1em 160px;}
/* @end */

/* @group circle links section */
#circle_links_section {position: absolute; right: 0px; top: 400px; width: 180px; z-index: 100; clear: both;
/* following added for ie eyes only as it doesn't understand min-height! */
_height: 600px;
}
#circle_links_section ul {list-style: none; margin: 0; padding: 0;}
#cirlce_links_section li {margin: 0; padding: 0;}
#circle_links_section a {display: block; padding-left: 60px; min-height: 45px; text-decoration: none; color: #3869a0; font-size: 0.685em; padding-top: 10px; margin: 0;
_height: 45px;}
#circle_links_section a:hover {text-decoration: underline;}
/* @end */

/* @group links */
#travel_text a {color: #3869a0; text-decoration: none;}
#travel_text a:link, #travel_text a:visited {color: #3869a0; text-decoration: none;}
#travel_text a:hover {color: #5B645F; text-decoration: underline;}
#travel_text a:active {color: #3869a0; text-decoration: none;}
/* @end */

/* @group quote results */
/* listing policys   */
td.policy_details_td {border: 1px solid #999; margin: 0; padding: 0;  background-color: #fff;}
dl.policy_details_dl {padding: 0; margin: 0; list-style: none; font-size: 13px; color: #333; background-color: #fff; text-align: left; margin-bottom: 1em; text-align: center; line-height: 1.5em; border-top: none; padding-bottom: 1em;}
dd.policy_details {margin: 0; text-align: center; padding: 0.2em 1px 0 2px;}
dd.hazardous_details {line-height: 1.2em; font-size: 12px; padding: 0.2em 3px 4px 3px;}
dd.policy_details_price {padding: 0 ; margin: 0; text-align: center; padding: 0.5em 2px 0 2px; font-size: 20px; font-weight: bolder; padding-bottom: 5px; color: #333;}
dd.policy_details_price span {display: block; font-size: 11px;}
dt.policy_details_dt {font-size: 15px; color: #fff; padding: 3px 4px; margin-bottom: 6px; letter-spacing: 1px;
font-weight: bolder; border-right: 1px solid #fff; min-height: 3em;
_height: 3em;}

/* select background colour of dt depending on policy type ie annual is green, all others are blue */
.policy_details_nonannual {background: #517fc5 url(/images/backgrounds/blueswirls_back.jpg) 0 0 no-repeat; border-bottom: 1px solid #517FC5;}
.policy_details_annual {background: #4c9e5b url(/images/backgrounds/greenswirls_back.jpg) 0 0 no-repeat; border-bottom: 1px solid #709E78;}

table.summary {background-color: #fff;}

/* underwriter logo displayed on quote information on order page */
div#quote_underwriter_logo {position: absolute;}
div.quote_logo_AXA {background: url(/images/underwriter_logos/axa_logo.gif) 0 0 no-repeat; right: 7px; bottom: 14px; width: 30px; height: 30px;}
div.quote_logo_AUL {background: url(/images/underwriter_logos/towergate75x18.gif) 0 0 no-repeat; right: 4px; bottom: 10px; width: 75px; height: 18px;}

#travel_area #quote_results {width: 328px; margin: 0 0 0 144px; padding: 0 0 34px; background: #fefff9 url(/images/backgrounds/quote_results-backbot.gif) bottom left no-repeat; border: none;} /*  margin: 0 0 0 110px; */
#travel_area #quote_results h3 {text-align: center; background: #fefff9 url(/images/backgrounds/quote_results-backtop.gif) 0 0 no-repeat; color: #000; border: none; margin: 0; padding: 3px 0; letter-spacing: 2px;}
#travel_area #quote_results table tr.quote_total {font-size: 14px; padding: 7px 0; font-weight: bolder; letter-spacing: 1px;}
#travel_area #quote_results table td {width: 134px;}
#travel_area #quote_results table td strong {display: block; text-align: right;}
#travel_area #quote_results table {border: none; font-weight: bolder; border-collapse: collapse; margin-left: 10px;}
#travel_area #quote_results a#newquote {bottom: 14px; right: 7px; outline: none;}

#travel_area #quoteresults_right {width: 130px; padding: 0 0 0 7px; position: absolute; right: 30px; top: 167px;} /* margin-left: 450px; */

/* backquote_buttonsx have different widths as due to more or less text in each one, apart from that they are the same */
#travel_area #quoteresults_left {width: 120px; position: absolute; left: 230px; top: 167px;}
#travel_main_content #quoteresults_left a.backquote_button-back, #travel_main_content #quoteresults_left a.backquote_button-quote {line-height: 1.1em; display: block; background: #f1f4f7 url(/images/buttons/backquote_button.gif) 0 50% no-repeat; border: 1px solid #9fa9b5; font-size: 12px; letter-spacing: 1px; color: #000; text-decoration: none; padding: 11px 3px 3px 40px; min-height: 24px; height: auto !important; height: 24px;}
#travel_main_content #quoteresults_left a.backquote_button-back {width: 48px;}
#travel_main_content #quoteresults_left a.backquote_button-quote {width: 78px;}
#travel_main_content #quoteresults_left a.backquote_button-back:hover, #travel_main_content #quoteresults_left a.backquote_button-quote:hover {text-decoration: underline; border: 1px solid #517fc5;}

#travel_area #quote_results table tr.discount_row {color: #fb4227; font-size: 13px;} /* background: #E8ECF1; */
#travel_area p#discount_given {color: #000; font-size: 16px; text-align: center; margin: 0 40px 1em;}
#travel_area p#discount_given span {color: #fb4227;}

div.underwriters_box {margin: 1em 40px 1em 80px; text-align: center; float: left;}
div.underwriters_box a {display: block; width: 120px; padding-top: 40px; float: left; margin-right: 10px; font-size: 0.9em; border: none;}
div.underwriters_box a#underwriter_axa {background: url(/images/underwriter_logos/axa_logo.gif) 50% 0 no-repeat; margin-left: 30px;}
div.underwriters_box a#underwriter_aul {background: url(/images/underwriter_logos/aul_logo.gif) 50% 0 no-repeat;}
div.underwriters_box a#underwriter_towergateaul {background: url(/images/underwriter_logos/towergate100x25.gif) 50% 0 no-repeat;}
div.underwriters_box a#underwriter_elect {background: url(/images/underwriter_logos/whitehorse_logo.gif) 50% 0 no-repeat;}

/* link on multiquote page down to schedule of benefits table anchor link. NOTE: #travel_area required so that the text-decoration: none; overrides a previous style */
#travel_area dd.policy_details a.show_more_information {text-decoration: none; display: block; font-size: 11px; background: url(/images/buttons/arrowicon_button.gif) 100% 50% no-repeat; width: 70px; padding: 3px 24px 0 0; margin: 3px auto;}
#travel_area dd.policy_details a.show_more_information:hover {background: url(/images/buttons/arrowicon_button-over.gif) 100% 50% no-repeat; text-decoration: underline;}

/* new show quote results  on multi-quote page, NOTE: old version still used on no results page */
div#you_chose {margin: 0 20px; position: relative;}
div.you_chose_inner {padding: 7px; margin-right: 100px; background: #e8eff0; border: 1px solid #9fa9b5;} /* blue:e9edf5, yellow:feffdf */
#you_chose p {font-size: 0.8em; line-height: 1.3em;}
#you_chose p span {font-size: 1.1em; font-weight: bolder;}

#extra_buttons {position: absolute; right: 0px; top: 0; width: 90px; text-align: left;}
#travel_area #extra_buttons a {font-size: 0.7em; display: block; padding: 8px 0 2px 41px; width: 49px; line-height: 1em;  text-decoration: none; vertical-align: middle; color: #333; min-height: 38px; height: auto !important; height: 38px;}
#travel_area #extra_buttons a:hover {text-decoration: underline; color: #648DF3;}
#extra_buttons a#qr_new {background: url(/images/buttons/qr_buttons-new.gif) 0 40% no-repeat;}

/* @end */

/* @group general info box */
h4.small_info_box_heading {background: url(https://www.jsinsurance.co.uk/images/corners_blue_tl.gif) top left no-repeat; padding: 3px 0 2px 10px; margin: 10px 0 0 60px; font-weight: normal; font-size: 0.8em; letter-spacing: 1px; border-bottom: 1px solid #999;}
.small_info_box {background: url(https://www.jsinsurance.co.uk/images/corners_white_bl.gif) bottom left no-repeat; margin-left: 60px; padding-top: 5px;}
.small_info_box ul, .medical_conditions_box ul {margin: 0 0 20px 60px; padding: 0 5px 10px 5px; font-size: 0.75em; list-style-type: circle; color: #333;}
.small_info_box ul li, .medical_conditions_box ul li {margin: 0; padding: 0 5px 0 0;}

.medical_conditions_heading {background: url(/images/medical_conditions_heading.gif) top left no-repeat; padding: 12px 0 20px 60px; margin: 10px 0 0 0; color: #3869a0; font-size: 1.1em; font-weight: bolder; border-right: 1px solid #999;}
.medical_conditions_box {background: url(/images/corners_white_bl.gif) bottom left no-repeat; padding-left: 10px; border-right: 1px solid #999;}

.medical_conditions_box strong {font-size: 0.785em; display: block; margin-left: 80px;}
.medical_conditions_box dl {font-size: 0.785em; background: url(/images/telephone_icon.gif) 0 0 no-repeat; padding-left: 80px; padding-bottom: 10px;}
.medical_conditions_box dd {margin: 0 0 20px 0;}

#travel_main_content div.info_box_smaller {margin: 0 0 2em 30px;}
#travel_main_content div.info_box_smaller textarea {margin: 0 0 10px 20px;}
#travel_main_content div.info_box_smaller label {margin-left: 10px; font-size: 12px;}
.conditions_checkbox {border: 1px solid #ef521b;}

div.infopage_medical {background: url(/images/infopage_medical.gif) 0 0 no-repeat; padding: 0 0 0 70px; min-height: 80px; height: auto !important; height: 80px;}
/* @end */


/* @group buttons yay! */
div#travel_area dd.policy_details a.buttons_email {display: block;  width: 90px;  font-size: 11px; font-family:  Arial, Verdana, 'Trebuchet MS', 'Lucida Grande', Sans-Serif; color: #033d7d; text-decoration: none; background: url(/images/buttons/email_quote_back.gif) 0 0 no-repeat; padding-left: 34px; text-align: left; text-align: center; margin: 20px auto 0 auto;}
div#travel_area dd.policy_details a.buttons_email:hover {text-decoration: underline;}

#travel_area a.buttons_buy span, #travel_area a.buttons_buy_small span {display: none;}
#travel_area a.buttons_buy {display: block; width: 118px; height: 42px; margin-left: 5px; background: url(/images/buttons/button_buynow.gif) 50% 50% no-repeat; text-decoration: none; margin: 0 auto;}
#travel_area a.buttons_buy:hover {background: url(/images/buttons/button_buynow-over.gif) 50% 50% no-repeat;}

/* small buy now button at bottom of schedule fo benefits table */
#travel_area a.buttons_buy_small {display: block; width: 76px; height: 27px; margin-left: 5px; background: url(/images/buttons/button_smallbuynow.gif) 50% 50% no-repeat; text-decoration: none; margin: 0 auto;}
#travel_area a.buttons_buy_small:hover {background: url(/images/buttons/button_smallbuynow-over.gif) 50% 50% no-repeat;}
td.top_buybutton {padding-top: 2px;}
td.top_buybutton p, td.lower_buybutton p {font-size: 14px; color: #000; font-weight: bolder; margin: 0; padding: 3px 0;}

#travel_area a:link.buttons_popup {color: #033d7d; background-color: #F2F7FC; text-decoration: none; border: 1px solid #938686;}
#travel_area a:visited.buttons_popup {color: #033d7d; background-color: #F2F7FC; text-decoration: none; border: 1px solid #938686;}
#travel_area a:hover.buttons_popup {color: #fff; background-color: #033d7d; text-decoration: none; border: 1px solid #938686;}
#travel_area a:active.buttons_popup {color: #033d7d; background-color: #F2F7FC; text-decoration: none; border: 1px solid #938686;}

div#travel_area a.pdfbutton_small span, div#schedule_table a.small_quote_button span {position: absolute; left: -9000px;}
div#travel_area a.pdfbutton_small {display: block; width: 88px; height: 41px; background: url(/images/buttons/pdflogo_button-small.gif) 0 0 no-repeat; margin: 4px 0 0 7px; outline: none;}
div#travel_area a.pdfbutton_small:hover {background: url(/images/buttons/pdflogo_button-smallover.gif) 0 0 no-repeat;}

div#schedule_table a.small_quote_button {display: block; width: 89px; height: 24px; background: url(/images/buttons/button_getaquotesmall.gif) 0 0 no-repeat; outline: none; margin: 3px 0 0 27px;}
div#schedule_table a.small_quote_button:hover {background: url(/images/buttons/button_getaquotesmall-over.gif) 0 0 no-repeat;} 
/* @end */

/* @group links */
#travel_area a {color: #3869a0; text-decoration: none;}
#travel_area a:link, #travel_area a:visited {color: #3869a0; text-decoration: underline;}
#travel_area a:hover {color: #333; text-decoration: underline;}
#travel_area a:active {color: #333; text-decoration: none;}
/* @end */

/* @group form stuff */
#travel_area  fieldset {width: 550px; margin: 10px 0 30px 0; font-size: 11px; padding: 10px 3px; display: block;
border: 1px solid #3869a0; background-color: #f2f7fc; color: #333; padding-left: 10px;
_position: relative; /* for ie eyes only */
_margin: 10px 0 60px 0;  _padding-top: 20px; /* for ie eyes only */
}

#travel_area  legend {color: #3869a0; font-weight: bolder; font-size: 12px; letter-spacing: 2px; background-color: #fff; padding: 3px 5px; border: 1px solid #999;
_position: absolute; /* for ie eyes only */
/* Gecko ignores this, but ie moves the legend up accordingly */
top: -1em; left: 5px;}
/* Hide this rule from ie */
*>#travel_area  legend {
/* Since Gecko ignores the rule above, we'll push it up with margin-bottom */
margin-bottom: 1em;
}

/* following style added to add missing margin below legend in ie */
.rlinks_formheader {
_padding-top: 10px;
/* following added for ie only again*/
_padding-bottom: 10px;
}

/* following div added to stop ie merging legend with the fieldset above it */
.travel_area_fieldset_container {
_margin: 10px 0;
_padding-top: 20px;}

#travel_area fieldset label.label_left {float: left; text-align: right; width: 250px; margin: 2px 7px 2px 0; font-size: 1em;}
#travel_area fieldset label.label_right {float: right; margin-left: 7px; font-size: 1em;} 
#travel_area fieldset input, #travel_area .info_box_smaller input, #travel_area fieldset textarea {margin: 3px 5px;}
#travel_area fieldset select, #travel_area .info_box_smaller select {margin: 3px 5px 10px 50px;}
/* @end */


/* @group policy wording boxes */
/* see universal stylesheet for common styles for this as this is used on travel and car breakdown insurance */

div#travel_main_content div.policy_wording_top {background: url(/images/backgrounds/policy_wording_top.jpg) 0 0 no-repeat;}
/* @end */


/* @group previous quotes */
div#previous_quotes {font-size: 10px; text-align: left; width: 170px; margin-top: 20px;}
div#previous_quotes span {display: block; color: #fff; background: #3869a0; font-size: 11px; font-weight: bolder; letter-spacing: 2px;  padding: 2px 2px; width: 144px; border: 1px solid #333; border-bottom: 1px solid #fff; margin-left: 20px; text-align: center;}
div#previous_quotes ul {list-style: none; background: #f2f7fc; padding: 2px 2px; margin: 0 0 10px 20px; border: 1px solid #333;}
div#previous_quotes li {margin: 0; padding: 0; border: none;}
div#previous_quotes li.previous_quote_heading {letter-spacing: 2px; font-weight: bold; margin: 5px 0 0 0; padding: 0; text-align: center;}

div#previous_quotes ul li.previous_quote_heading a {color: #000; background-color: #fff; text-decoration: none; display: block; padding: 2px 2px; width: 140px; letter-spacing: 1px; text-align: center; border-top: 1px solid #333;}
div#previous_quotes ul li.previous_quote_heading a:link, div#previous_quotes ul li.previous_quote_heading a:visited {color: #000;  background-color: #fff; text-decoration: none; border: none; padding: 2px 2px; width: 140px; text-align: center; border-top: 1px solid #333;}
div#previous_quotes ul li.previous_quote_heading a:hover {background-color: #517fc5; color: #fff; text-decoration: none; padding: 2px 2px; width: 140px; text-align: center;}
div#previous_quotes ul li.previous_quote_heading a:active {color: #000;  background-color: #fff; text-decoration: none; padding: 2px 2px; width: 140px; text-align: center;}
/* @end */

/* policy conditions */
div#policy_conditions {margin-top: 20px;}
div#policy_conditions h3 {font-size: 1.1em; font-weight: normal; color: #3869a0; background-color: none; border-bottom: 3px solid #3869a0; padding-bottom: 0px; line-height: 0.7em; letter-spacing: 1px; margin-top: 20px;}
div#policy_conditions fieldset textarea {margin-left: 5px; background-color: #fff;}
div#policy_conditions fieldset input {margin-top: 1em;}
div#policy_conditions fieldset label {padding: 2px 3px; font-size: 1.1em; font-weight: bold; margin-top: 1em;}
div#policy_conditions fieldset span {display: block; font-size: 1em;}

/* hazardous activity */
table#hazardous_table {font-size: 0.8em; color: #333; margin:  1em 30px; width: 580px;}
table#hazardous_table tr th {font-weight: bolder; color: #fff; background: #517fc5 url(/images/backgrounds/policydetails_back.jpg) 0 0 no-repeat; text-align: center; font-size: 1.1em; padding: 4px 14px;}
table#hazardous_table tr th.column_one {width: 278px;}
table#hazardous_table tr td {padding-left: 3px;} /* width: 566px; */
a.button_smallquote {display: block; background: url(/images/buttons/button_smallquote.gif) 100% 50% no-repeat; padding: 3px 72px 3px 0; margin: 3px 0; _width: 230px;}
a.button_smallquote:hover {background: url(/images/buttons/button_smallquote-over.gif) 100% 50% no-repeat;}

/* @group Customer Login */
#travel_login_box {padding: 5px; text-align: center; border: 1px dotted #3869a0; float: left; width: 500px; margin-bottom: 20px; background: #f7fcf2;}
#travel_login_box .login_existing h4 {font-size: 22px; color: #ef521b; display: block; margin: 0 0 10px 0;}
#travel_login_box .login_register h4 {font-size: 22px; color: #ef521b; display: block; margin: 0 0 10px 0;}

#travel_login_box .login_existing span {display: block; margin: 0; padding: 0; font-size: 11px; color: #333; margin-bottom: 10px;}
#travel_login_box .login_register span {display: block; margin: 0; padding: 0; font-size: 11px; color: #333; margin-bottom: 10px;}

#travel_login_box .login_existing {float: left; width: 40%; padding-right: 40px; border-right: 1px dotted #999;}
#travel_login_box .login_existing label {font-size: 10px; color: #333;}
#travel_login_box .login_existing input {margin-bottom: 20px;}

#travel_login_box .login_register {padding-right: 20px; float: right; width: 40%; text-align: center;}
/* @end */


/* @group intro page policy select */
div#policy_select_container {float: left; width: }
div#policy_select_container ul#policy_select_buttons {list-style: none; text-align: center; margin:0; padding:0; line-height: 10px;}
div#policy_select_container ul#policy_select_buttons li {float: left; text-align: center; margin-left: 20px; padding: 0;}
div#policy_select_container ul#policy_select_buttons li a span {display: none;}

div#policy_select_container ul#policy_select_buttons li a.policy_select_choose {display: block; width: 135px; height: 41px; margin: 0 10px 0 0; border: 2px solid #f2f7fc;} 
div#policy_select_container ul#policy_select_buttons li a.policy_select_choose:hover {display: block; width: 135px; height: 41px; margin: 0 10px 0 0; border: 2px solid #fb4227;} 
div#policy_select_container ul#policy_select_buttons li a.policy_select_info {font-size: 0.8em; color: #3869a0; text-decoration: none; line-height: 1em;}
div#policy_select_container ul#policy_select_buttons li a.policy_select_info:hover {font-size: 0.8em; color: #3869a0; text-decoration: underline; line-height: 1em;}

/* set background images for these links */
div#policy_select_container ul#policy_select_buttons li a#policy_select_singletrip {background: url(https://www.jsinsurance.co.uk/images/policy_select_singletrip.gif) 0 0 no-repeat;}
div#policy_select_container ul#policy_select_buttons li a#policy_select_annual {background: url(https://www.jsinsurance.co.uk/images/policy_select_annual.gif) 0 0 no-repeat;}
div#policy_select_container ul#policy_select_buttons li a#policy_select_backpackers {background: url(https://www.jsinsurance.co.uk/images/policy_select_backpackers.gif) 0 0 no-repeat;}

/* @end */

/* @group confirmation page ads */
/* airport parking */
#ad_airport_parking, #ad_holiday_weather {width: 250px; background: #fff; padding: 0 0 5px 0; margin: 0 auto 10px auto; border: 1px solid #999;}
#ad_holiday_weather {margin-left: 260px;}
#ad_airport_parking a {display: block; width: 250px; height: 41px; background: url(https://www.jsinsurance.co.uk/images/airport_parking_logo.gif) 0 0 no-repeat; margin-bottom: 5px;}
#ad_holiday_weather a {display: block; width: 250px; height: 43px; background: url(https://www.jsinsurance.co.uk/images/holiday_weather_logo.gif) 0 0 no-repeat; margin-bottom: 5px;}
#ad_airport_parking span, #ad_holiday_weather span {display: none;}
/* @end */

/* @group renewals */
.renewals #travel_calculator .calc_rightcolumn .calc_help {padding-bottom: 5px;}
#renewals .form_centered {text-align: center; margin: 1em 0;}
.renewals_edit_calc {clear: left; padding: 2px 7px 2px 7px; margin: 0 190px 4px 7px; border-bottom: 1px solid #A3BCD4; position: relative; width: 391px; _margin-right: 0;}
#travel_calculator .renewals_edit_calc .calc_item, #travel_calculator .renewals_edit_calc .calc_lesswide {margin: 0; padding: 0; width: 100%; border: none; background: none; position: static;}
.renewals_edit_calc h3 {display: block; width: 120px; float: left; font-size: 0.8em; text-align: left; padding: 3px 4px 3px 0; margin: 0; color: #333;}
.renewals_edit_calc .renewals_label {display: block; width: 140px; float: left; font-size: 0.8em; text-align: right; padding: 3px 4px 3px 0; margin: 0; color: #333;}
.renewals_edit_calc .renewals_radios {width: 160px; margin-left: 145px;}
.renewals_edit_calc .renewals_radio_label {display: block; font-size: 0.8em; width: 160px;}
.renewals_edit_calc span {font-size: 0.7em;}

/* customers on policy table */
.renewals_edit_calc table {width: 370px; border-collapse: collapse; clear: left;}
.renewals_edit_calc table tr th {font-size: 0.8em; font-weight: bolder; text-align: left; padding: 3px 0 0;}
.renewals_edit_calc table tr td {padding: 3px; border-bottom: 1px solid #E9EDF5;}
.renewals_edit_calc table tr td.customer_surname input {width: 150px;}
.renewals_edit_calc table tr td.customer_initials input {width: 25px;}
.renewals_edit_calc table tr td.customer_age input {width: 25px;}

a.button_renewals_calc {font-size: 0.8em; padding: 3px 0 4px 22px;}
a.add_traveller {background: url(/images/renewals/button_add_traveller.gif) 0 0 no-repeat;}
a.remove_traveller {background: url(/images/renewals/button_remove_traveller.gif) 0 0 no-repeat; font-size: 0.7em;}
/* @end */

/* @group display certificate page */
/* structure */
#travel_container_confirmation {position: relative; height: 100%; width: 880px; margin: 0 auto 0 auto; padding: 0 7px; text-align: left; background: #fff url(/images/certificate/container_back_cert.jpg) top left repeat-y; overflow: hidden; min-height: 800px;}

#container_bot_cert {background: url(/images/certificate/container_back_bot_cert.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px;}

#travel_container_confirmation #insurance_footer {margin-top: 30px; margin-right: 250px; margin-bottom: 2em; border-top: 1px solid #333; font-size: 0.5625em; color: #333; text-align: center; padding: 4px 10px 0 10px; clear: both;}

#travel_container_confirmation #navbar_container {left: 7px; width: 880px;}
#confirmation_info {width: 640px;}

#container_cert {width: 880px; min-height: 1000px; position: relative; margin: 1em 0 1em 10px; padding: 5px 0 20px 0;}
#rhs_cert {width: 220px; position: absolute; right: 0; top: 4px; padding-top: 25px; margin-bottom: 20px; richness} /* used for final page */
#content_cert {width: 671px;  padding-top: 10px;} /* used for final page */

#confirmation_info a, #display_certificate a {color: #3145DF; text-decoration: none;}
#confirmation_info a:link, #confirmation_info a:visited, #display_certificate a, #display_certificate a:visited {color: #3145DF; text-decoration: none;}
#confirmation_info a:hover, #display_certificate a:hover {color: #000; text-decoration: underline;}
#confirmation_info a:active, #display_certificate a:active {color: #3145DF; text-decoration: none;}

#jslogo_print, .print_only {margin: 0; padding: 0; display: none;}
#print_button {position: absolute; top: 2px; right: 5px; _right: 22px;}
#print_button a#print_me {display: block; background: url(/images/certificate/print_certificate.gif) 0 0 no-repeat; width: 116px; height: 18px;}
#print_button a#print_me span {position: absolute; left: -9000px;}
#certificate_top {width: 637px; height: 14px; background: url(/images/certificate/certificate-top.gif) 0 0 no-repeat;}
#display_certificate {position: relative; color: #333; background: url(/images/certificate/certificate-mid.gif) 0 0 repeat-y; width: 637px; padding: 0 0 1em 0; font-size: 100.1%; text-align: left;} /* #FFFFFA border: 1px solid #E4E4E4; */

#confirmation_info_container {margin-top: 20px; background:  url(/images/certificate/confirmation_info-top.gif) 0 0 no-repeat; padding-top: 7px;}
#confirmation_info {clear: both; background: url(/images/certificate/confirmation_info-bot.gif) bottom left no-repeat; margin: 0 0 20px; padding: 0 0 1em; }
#confirmation_info h2 {border: none; color: #000; font-size: 17px; margin-bottom: 0; letter-spacing: 1px;}
#confirmation_info h2.headline_top, #confirmation_info p.headline_top {color: #2474b4; text-align: center;}
#confirmation_info h2.headline_top {font-size: 20px; letter-spacing: 2px;}
#confirmation_info p.headline_top {margin: 0 60px 1em; letter-spacing: 1px;}
#display_certificate h3, #cert_header h3 {font-size: 14px; color: #000; margin: 0 10px 0.1em 20px;}
#cert_header h3 {text-align: right;}
#display_certificate p {color: #333; margin: 0 10px 1em 30px;}

.ordercomplete_info {position: relative; background: #FFFFFA; margin: 0 0 1em;padding: 1em 20px; border: 1px solid #E4E4E4; font-size: 100.1%;}
#certificate_bot {width: 637px; height: 22px; background: url(/images/certificate/certificate-bot.gif) 0 0 no-repeat;}

#cert_header {padding: 10px 0 25px 102px; background: url(/images/certificate/jslogo-cert.gif) 20px 10px no-repeat; margin: 0; _background: url(/images/certificate/jslogo-cert.gif) 20px 30px no-repeat;}
#cert_header p {text-align: right;}

table.cert_showinfo {line-height: 1em;background: #F0F6F8; color: #333; margin: 1em 0 1em 20px; padding: 0; font-size: 12px; width: 500px; border: 1px solid #c3cfc3;}  /* old green background: #EFF7EE */
table.cert_showinfo th {font-weight: bolder; letter-spacing: 1px; padding: 3px; border-bottom: 1px solid #C3CFC3;}
table.cert_showinfo td.certinfo_subject {text-align: right; width: 50%; padding: 2px 5px 2px 5px; font-weight: bolder;} 
table.cert_showinfo td.one_cell {letter-spacing: 1px; text-align: center; padding: 4px 0 4px 0; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; line-height: 1.3;}
table.cert_showinfo td.one_cell_bottom {border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 2px 0 0;}
#display_certificate .indentleft {margin: 1em 0 1em 40px; line-height: 1.3em; font-size: 11px;}

#rhs_cert .resortinfo_div {border: 2px solid #3869a0; background: #f2f7fc;}

#rhs_cert ul {text-align: center; list-style: none; margin: 0 0 3em 0; padding: 0;}
#rhs_cert ul li {margin: 0; padding: 0; line-height: 1.1em; height: 1%;} /* height 1% added for ie6 to stop it moving the li's around when hovered over */
#rhs_cert ul li a {display: block; width: 184px; padding: 5px 0 7px 0; margin: 0 5px; font-size: 11px; color: #fff; text-decoration: none; font-weight: bolder; text-align: center; letter-spacing: 1px; border-bottom: 1px solid #fff; border-right: 1px solid #F2F3EB;} /* background: #F8FCFF url(/images/certificate/certbox_back-bot.gif) bottom left no-repeat; */
#rhs_cert ul li a:hover {text-decoration: none; background: #5268BA; color: #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;} /* background: #EDF2F8 url(/images/certificate/certbox_back-bot-over.gif) bottom left no-repeat; */
#rhs_cert ul li.certlink_bot a {border-bottom: none; border-right: 1px solid #F2F3EB; margin-bottom: 5px;}
#rhs_cert ul li.certlink_bot a:hover {border-bottom: none;}

#rhs_cert ul.certbox_winter a:hover {background: #5268BA; color: #fff;}
#rhs_cert ul.certbox_travel a:hover {background: #3D6D3F; color: #fff;}
#rhs_cert ul.certbox_insurance a:hover {background: #A7452C; color: #fff;}

#rhs_cert .certbox_container {background: url(/images/certificate/ulcert_back-top.jpg) 0 0 no-repeat; padding-top: 9px;}
#rhs_cert .certboxc_travel {background: url(/images/certificate/ulcert_backgreen-top.jpg) 0 0 no-repeat; padding-top: 9px;}
#rhs_cert .certboxc_insurance {background: url(/images/certificate/ulcert_backorange-top.jpg) 0 0 no-repeat; padding-top: 9px;}

#rhs_cert ul.certbox {width: 194px; padding: 3px 0 7px; background: url(/images/certificate/ulcert_back-bot.jpg) bottom left no-repeat; padding-bottom: 4px;} /* background: #f2f7fc; */
#rhs_cert ul.certbox_winter {background: url(/images/certificate/ulcert_backsnow-bot.jpg) bottom left no-repeat;}
#rhs_cert ul.certbox_travel {background: url(/images/certificate/ulcert_backgreen-bot.jpg) bottom left no-repeat;}
#rhs_cert ul.certbox_insurance {background: url(/images/certificate/ulcert_backorange-bot.jpg) bottom left no-repeat;}
#rhs_cert ul.certbox_js {background: #f2f7fc url(/images/certificate/certbox_js2.jpg) 50% 0 no-repeat; padding-top: 60px;}

#rhs_cert ul.certbox_js {background: #f2f7fc url(/images/certificate/certbox_js2.jpg) 50% 0 no-repeat; padding-top: 60px;}

#display_certificate {_width: 597px;}
#rhs_cert ul li a span {_width: 206px;}
#cert_header { _padding-top: 30px;}
/* @end */

/* @group comparison display certificate page */
#comparison_certificate #display_certificate h3 {margin-top: 3em; margin-bottom: 0.5em; border-bottom: 1px solid #A9B2B6;}
#comparison_certificate #display_certificate #cert_header h3, #comparison_certificate #display_certificate h3.cardbill_text {margin-top: 0; border: none;}
#comparison_certificate#comparison_certificate table.cert_showinfo {margin: 1em auto 1em auto; padding: 0; font-size: 12px; width: 500px; border: none; border-collapse: collapse;}  /* old green background: #EFF7EE */
#comparison_certificate table.cert_showinfo th {border-bottom: 1px solid #999; background: #fff; text-align: left;}
#comparison_certificate table.cert_showinfo td {line-height: 1.3; vertical-align: top; padding: 3px 0;}
#comparison_certificate table.cert_showinfo td.one_cell_heading {font-weight: bolder; letter-spacing: 1px; text-align: center; padding: 7px 0 4px 0; border-left: 1px solid #999999; border-right: 1px solid #999999;}
#comparison_certificate table.cert_showinfo td.left_cell {border-left: 1px solid #999999; padding: 2px 2px 2px 2px; text-align: right;}
#comparison_certificate table.cert_showinfo td.right_cell {border-right: 1px solid #999999;  padding: 2px 2px 2px 3px; text-align: left;}
#comparison_certificate #display_certificate .indentleft {margin-right: 120px; font-size: 12.5px;}
#comparison_certificate table.cert_showinfo td.row_spacer {background: #ffffff; border-top: 1px solid #999999; padding: 7px 0;}
#comparison_certificate table.cert_showinfo td.topitem {padding-top: 7px;}
#comparison_certificate table.cert_showinfo td.last_item {padding-bottom: 7px;}
/* @end */


/* @group snow reports ticker */
#ticker_container h4 {width: 147px; display: block; color: #fff; background: #425cb0; border-top: 1px solid #333; padding: 2px 2px 2px 2px; font-size: 0.9em; font-weight: bolder; border-bottom: 2px solid #fff; border-left: 1px solid #333; text-align: center; margin: 2em 0 0 0;}
#ticker_container h4 span#ticker_heading {display: none;}
#ticker_container label {font-size: 10px; color: #222736; width: 140px; display: block; text-align: center;}
#ticker_container {width: 170px; padding-bottom: 10px; margin: 0 0 0 20px; position: relative;} /* background: url(/images/backgrounds/ticker_back-bot.gif) bottom left no-repeat; */
#ticker_container input#autocomplete-left {width: 137px;} 
span#indicator1-left {display: block;}
#ticker_container #autocomplete_choices-left {display: inline;}
#ticker_container #ticker span {display: block; width: 145px; margin: 0 0 2px 0; padding: 3px 2.5px 5px 2.5px; border-bottom: 1px solid #C7C7C3;}
#ticker_container #ticker span#ticker_resort {border-bottom: 1px solid #5D5DAF; border-top: none; background: #7682AC; color: #fff; padding-top: 3px;}

#ticker_container form {width: 160px; padding: 0 5px; margin: 0;}
#ticker_container div#autocomplete_choices-left {padding: 0;} 
#ticker_container div#autocomplete_choices-left ul {margin: 0;} /* margin 0 added to remove extra left margin that suddenly appeared! */

/* borders for the drop down menu to give pseudo 3d look type thing! */
#ticker_container #autocomplete_choices-left {border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #333; border-left: 1px solid #333;}
#ticker_container #autocomplete_choices-left ul {border-left: 1px solid #999; border-bottom: 1px solid #999;}
#ticker_container #autocomplete_choices-left ul li {border: none;}

#pscroller1 {
width: 147px; 
height: 200px;
border-top: 2px solid #65646F; border-right: 1px solid #C6E7F0; border-bottom: 1px solid #C6E7F0; border-left: 2px solid #65646F;
padding: 0px 0px 10px 0px;
background-color: #fffffa;
margin: 1em 0; font-size: 10px;
_text-align: left; /* added for ie6 */
}

/* @end */

/* @group snow reports main */
/* main container */
.snow_infobox {background: #fff3; color: #333; margin: 1em 8px; padding: 5px; border:  1px solid #9A9CFC; line-height: 1.3em;}

#snowbox_top {background: url(/images/backgrounds/snowtable-top.gif) 0 0 no-repeat; width: 577px; height: 11px;}
#ski_info_index {background: url(/images/backgrounds/snowtable-mid.gif) 0 0 repeat-y; width: 571px; padding: 3px 3px; margin: 0;}
#ski_info_index_snowy {background: url(/images/backgrounds/snowtable-midsnow.jpg) bottom left no-repeat; width: 571px; padding: 0 3px 3px 3px; margin: 0;}
#snowbox_bot {background: url(/images/backgrounds/snowtable-bot.gif) 0 0 no-repeat; width: 577px; height: 11px; clear: left;}

/* resort search box */
#ski_resort_search {text-align: right; border: none; margin: 5px 0 1em; padding: 3px; background: #396BB4 url(/images/backgrounds/searchbox_back.gif) 0 50% no-repeat; border-top: 1px solid #888; border-bottom: 1px solid #fff;} /* 396BB4 */
#ski_info_index_snowy #ski_resort_search {border-top: 1px solid #3869a0; border-bottom: 1px solid #fff; margin: 0 0 1em 0; padding-bottom: 7px;}
.ski_wider #ski_resort_search {margin-left: 5px; margin-bottom: 3px;}
#ski_resort_search label {font-size: 12px; text-align: right; border: none; text-decoration: none; font-weight: bolder; letter-spacing: 1px; background: url(/images/backgrounds/arrow_right.png) right 50% no-repeat; padding: 3px 22px 3px; color: #fff; text-shadow: #3869a0 3px 3px;}
#ski_info_index div.search_list, div.search_list {border: 1px solid #999; background: #f5fff0; padding: 5px 60px 10px 5px; _padding: 5px 0 10px 5px; line-height: 1.3em;}
#ski_info_index div.search_list dd em, #ski_info dl.search_list dd em {display: block; font-size: 10px; font-weight: bolder; padding-bottom: 3px; font-style: normal;}
div.autocomplete {position:absolute; width:200px; background-color:white; border: 1px solid #888; margin:0px; padding:0px; z-index: 100;}

div.autocomplete ul {font-family: Georgia, Times New Roman, Times, serif; letter-spacing: 1px; font-size: 11px; list-style-type:none; margin: 0px; padding: 0px; z-index: 100;}

div.autocomplete ul li.selected {background-color: #ffb;}
div.autocomplete ul li {text-align: center; list-style-type:none; display:block; margin:0; padding:2px; height:32px; cursor:pointer;}
div.autocomplete ul li span.quicksearch_resort_name {display: block; font-size: 12px; font-weight: bolder; color: #333;}
div.autocomplete ul li span.quicksearch_country_name {display: block; font-size: 10px; font-weight: normal; color: #999;}
#ski_info_index div.autocomplete ul li em.quicksearch_hidden, #ticker_container div.autocomplete ul li em.quicksearch_hidden, #ski_resort_search div.autocomplete ul li em.quicksearch_hidden {display: none;}
#ski_info_index div.search_list dd span#indicator1, div.search_list dd span#indicator1 {display: block;} 

/* resort menu */
#ski_info_index ul.resort_menu {list-style: none; margin: 0; padding: 0 0 11px 0; line-height: 0.85em;}
#ski_info_index ul.resort_menu li {margin: 0; padding: 0 4px; text-align: left; font-size: 11px;}

#ski_info_index_snowy ul.resort_menu {list-style: none; width: 571px; margin: 0; padding: 0 0 11px 0; background: #fff; border-bottom: 1px solid #888; line-height: 0.85em;}
#ski_info_index_snowy ul.resort_menu li {margin: 0; padding: 0 4px; text-align: left; font-size: 11px; float:  left;}

#ski_info_index ul.resort_menu li a, #ski_info_index_snowy ul.resort_menu li a {color: #333; text-decoration: none;}
#ski_info_index ul.resort_menu li a:link, #ski_info_index ul.resort_menu li a:visited, #ski_info_index_snowy ul.resort_menu li a:link, #ski_info_index_snowy ul.resort_menu li a:visited {color: #333; text-decoration: none;}
#ski_info_index ul.resort_menu li a:hover, #ski_info_index_snowy ul.resort_menu li a:hover {color: #000; text-decoration: underline;}
#ski_info_index ul.resort_menu li a:active, #ski_info_index_snowy ul.resort_menu li a:active {color: #333; text-decoration: none;}

ul.resort_menu li a#resortslink_countries {display: block; background: url(/images/backgrounds/resortmenu_linkcountries.gif) 50% 0 no-repeat; padding-top: 43px; width: 60px; text-align: center;}
ul.resort_menu li a#resortslink_resorts {display: block; background: url(/images/backgrounds/resortmenu_linkresort.gif) 50% 0 no-repeat; padding-top: 43px; width: 60px; text-align: center;}

#ski_info_index dl#countries_list {margin-top: 2em;}
dl#resorts_list {margin-top: 0;}
#ski_info_index div.search_list {margin: 1em 40px 3em 40px; padding: 0;} 
#ski_info_index dl#countries_list dt, dl#resorts_list dt {font-family: Georgia, Times New Roman, Times, serif; letter-spacing: 1px; font-size: 14px; color: #333; float: left; width: 200px;}
#ski_info_index div.search_list p {font-family: Georgia, Times New Roman, Times, serif; letter-spacing: 1px; font-size: 14px; color: #333; width: 488px; margin: 0; padding: 0;}
#ski_info_index dl.search_list dt strong {display: block; font-size: 14px; border-bottom: 1px solid #333;}
#ski_info_index div.search_list span {display: block; font-size: 12px; padding-left: 7px; margin-top: 4px; margin-bottom: 10px;}
#ski_info_index dl#countries_list dd, dl#resorts_list dd {margin-left: 130px;}
#ski_info_index div.search_list {text-align: center;}
#ski_info_index ul#ski_countries_list, #ski_info_index ul#ski_info_list {list-style: none; margin: 1em 30px 1em 30px; font-family: Georgia, Times New Roman, Times, serif; letter-spacing: 1px;}
#ski_info_index ul#ski_info_list {margin: 1em 10px;}
#ski_info_index ul#ski_countries_list li {padding-bottom: 10px; float: left; width: 8em;} 
#ski_info_index ul#ski_info_list li {padding-bottom: 10px; float: left; width: 14em;}
#ski_info_index ul#ski_countries_list li a span {font-weight: normal; display: block; font-size: 11px;}
#ski_info_index ul#ski_countries_list li a:hover span {text-decoration: none;}

#ski_info_index ul#ski_countries_list li a {text-decoration: none;}
#ski_info_index ul#ski_countries_list li a:link, #ski_info_index ul#ski_countries_list li a:visited {text-decoration: none;}
#ski_info_index ul#ski_countries_list li a:hover {text-decoration: underline;}
#ski_info_index ul#ski_countries_list li a:active {text-decoration: none;}

#ski_info_index ul#ski_info_list li a {text-decoration: none; font-size: 0.8em;}
#ski_info_index ul#ski_info_list li a:link, #ski_info_index ul#ski_info_list li a:visited {text-decoration: none;}
#ski_info_index ul#ski_info_list li a:hover {text-decoration: underline;}
#ski_info_index ul#ski_info_list li a:active {text-decoration: none;}

/* snow report */
#snow_report_container {background: #fff; color: #333; width: 530px; margin: 2em 0 4em 20px; border: 2px solid #396BB4;}
#snow_report_container h3, #snow_report_container h1 {color: #333; width: 530px; padding: 14px 0px 2px 0px; font: 1.1em Arial, Helvetica, Geneva, sans-serif; font-weight: bolder; border-bottom: 3px solid #D8D8DA; margin: 0; text-align: center; letter-spacing: 4px;}
table.snowreport_table {font-size: 12px; color: #333; line-height: 1.3em; width: 530px; margin: 0 0 7px 0; border-top: 2px solid #fff; padding-top: 5px; letter-spacing: 0.7px;}
.snowreport_table td {vertical-align: top; border-bottom: 2px solid #BBC6E0; text-align: left;}
.snowreport_table td.td_left {text-align: right; font-weight: bolder; padding-right: 5px;}
table.snowreport_table tr.bottom_row td {border-bottom: none;}
/* @end */

/* @group new travel home page */
/* main layout */
div.travelinner-lhs {width: 407px; float: left; margin-left: 14px; _margin-left: 7px;}
div.travelinner-rhs {width: 179px; float: right; margin-right: 10px; _margin-right: 5px;}

p.disclosure_text {color: #1A343D; font-size: 0.8em; text-align: center; margin: 0.6em 0 0 0; padding: 10px; _color: #0C171B;}
p#disclosure_text_top {border: 1px solid #999; background: #E8EFF0; color: #000;}

/* rhs content */
div.travelinner-rhs p {width: 179px; margin: 0; padding: 40px 0 0 0; background: url(/images/innerboxes/contentrhs-top.gif) 0 0 no-repeat;}
div.travelinner-rhs p strong {display: block; width: 139px; padding: 0 20px 40px 20px; line-height: 1.4em; background: url(/images/innerboxes/contentrhs-bot.gif) bottom left no-repeat; font-size: 1.1em; text-align: center;}

div.travelinner-rhs ul.rhslinks, div.travelinner-rhs ul.rhslinks_lower {list-style-type: none; margin: 0 0 0 0; padding: 0 0 4em;}
div.travelinner-rhs ul.rhslinks li, div.travelinner-rhs ul.rhslinks_lower li {margin: 0; padding: 0;}
div#travel_area div.travelinner-rhs ul.rhslinks a, div#travel_area div.travelinner-rhs ul.rhslinks a:link, div#travel_area div.travelinner-rhs ul.rhslinks a:visited {display: block; text-align: right; width: 130px; margin: 10px 0 10px 7px; text-decoration: none; color: #333; padding: 7px 35px 7px 0; font-size: 0.85em; line-height: 1em; min-height: 20px; height: auto !important; height: 20px;}
div#travel_area div.travelinner-rhs ul.rhslinks a:hover {text-decoration: underline;}

a#rhslink_medical {background: url(/images/circles/flagcircles_medical.gif) 100% 50% no-repeat;}
a#rhslink_usa {background: url(/images/circles/flagcircles_usa.gif) 100% 50% no-repeat;}
a#rhslink_eu {background: url(/images/circles/flagcircles_eu.gif) 100% 50% no-repeat;}
a#rhslink_irish {background: url(/images/circles/flagcircles_ireland.gif) 100% 50% no-repeat;}
a#rhslink_aus {background: url(/images/circles/flagcircles_aus.gif) 100% 50% no-repeat;}
a#rhslink_winter {background: url(/images/circles/flagcircles_winter.gif) 100% 50% no-repeat;}

div#travel_area div.travelinner-rhs ul.rhslinks_lower a {display: block; text-align: right; text-decoration: none; color: #333; font-size: 0.85em; margin: 4px 10px 4px 7px; _margin: 0 10px 0 7px; _line-height: 1%;} /* needs changing for ie7 as gaps between links are too large */
div#travel_area div.travelinner-rhs ul.rhslinks_lower a:hover {text-decoration: underline;}

/* lhs content */
div.travelinner {background: url(/images/innerboxes/travelinner-bot.gif) bottom left no-repeat; margin: 0 0 1.5em; position: relative; padding-bottom: 20px; _height: 1%;}
div.travelinner h3 {margin: 0; padding: 10px 3px 15px 50px; letter-spacing: 2px; font: 1.2em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;}
div#travel_area div.travelinner h3 a, div#travel_area div.travelinner h3 a:link, div#travel_area div.travelinner h3 a:visited {text-decoration: none; color: #333;}
div#travel_area div.travelinner h3 a:hover {text-decoration: underline;}

div.travelinner h3#travelinner-singletrip {background: url(/images/innerboxes/travelinner-singletrip.gif) 0 0 no-repeat;}
div.travelinner h3#travelinner-backpackers {background: url(/images/innerboxes/travelinner-backpackers.gif) 0 0 no-repeat;}
div.travelinner h3#travelinner-over65s {background: url(/images/innerboxes/travelinner-over65s.gif) 0 0 no-repeat;}
div.travelinner h3#travelinner-annual {background: url(/images/innerboxes/travelinner-annual.gif) 0 0 no-repeat;}

div.travelinner ul {font-size: 0.8em; margin: 0 20px 0; padding: 0 0 20px 50px; color: #525357; line-height: 1.2em; list-style-position: outside;}
div.travelinner ul li {margin: 0; padding: 0;}
/* @end */

/* @group euro information pages */
body#euro div#travel_text_new {}
.euro_austria {background: url(/travel_insurance/images/flags/austria.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 188px; height: auto !important; height: 188px;}
.euro_belgium {background: url(/travel_insurance/images/flags/belgium.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 375px; height: auto !important; height: 375px;}
.euro_bulgaria {background: url(/travel_insurance/images/flags/bulgaria.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 250px; height: auto !important; height: 250px;}
.euro_cyprus {background: url(/travel_insurance/images/flags/cyprus.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 186px; height: auto !important; height: 186px;}
.euro_czech {background: url(/travel_insurance/images/flags/czech_republic.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 186px; height: auto !important; height: 186px;}
.euro_denmark {background: url(/travel_insurance/images/flags/denmark.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_estonia {background: url(/travel_insurance/images/flags/estonia.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_finland {background: url(/travel_insurance/images/flags/finland.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_france {background: url(/travel_insurance/images/flags/france.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_germany {background: url(/travel_insurance/images/flags/germany.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 172px; height: auto !important; height: 172px;}
.euro_greece {background: url(/travel_insurance/images/flags/greece.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 188px; height: auto !important; height: 188px;}
.euro_hungary {background: url(/travel_insurance/images/flags/hungary.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 333px; height: auto !important; height: 333px;}
.euro_ireland {background: url(/travel_insurance/images/flags/ireland.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 186px; height: auto !important; height: 186px;}
.euro_italy {background: url(/travel_insurance/images/flags/italy.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 164px; height: auto !important; height: 164px;}
.euro_latvia {background: url(/travel_insurance/images/flags/latvia.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 385px; height: auto !important; height: 385px;}
.euro_lithuania {background: url(/travel_insurance/images/flags/lithuania.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 188px; height: auto !important; height: 188px;}
.euro_luxembourg {background: url(/travel_insurance/images/flags/luxembourg.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_malta {background: url(/travel_insurance/images/flags/malta.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_netherlands {background: url(/travel_insurance/images/flags/netherlands.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 161px; height: auto !important; height: 161px;}
.euro_poland {background: url(/travel_insurance/images/flags/poland.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 281px; height: auto !important; height: 281px;}
.euro_portugal {background: url(/travel_insurance/images/flags/portugal.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 423px; height: auto !important; height: 423px;}
.euro_romania {background: url(/travel_insurance/images/flags/romania.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 165px; height: auto !important; height: 165px;}
.euro_slovakia {background: url(/travel_insurance/images/flags/slovakia.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 166px; height: auto !important; height: 166px;}
.euro_slovenia {background: url(/travel_insurance/images/flags/slovenia.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 186px; height: auto !important; height: 186px;}
.euro_spain {background: url(/travel_insurance/images/flags/spain.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 188px; height: auto !important; height: 188px;}
.euro_sweden {background: url(/travel_insurance/images/flags/sweden.jpg) 100% 0 no-repeat; padding-right: 270px; min-height: 372px; height: auto !important; height: 372px;}
div#travel_text_new ul {margin-top: 0em; margin-bottom: 2em;}
div#travel_text_new ul li, div#travel_text_new ol li {margin-top: 3px; margin-bottom: 3px;}
div#travel_text_new ol {font-size: 0.8em; _font-size: 11px;}
p.weather_link {margin-top: 1em;}
p.weather_link a {background: url(/images/buttons/weather_link.gif) no-repeat 0 0; padding: 12px 0 12px 35px;}
/* @end */

/* @group embassy / consulates etc */
h1#embassy_title {letter-spacing: 2px; margin: 1em 0 7px; padding: 50px 0 0 120px; font: 1.4em "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;}

.embassy_consulate_content h3 {background: url(/images/corners_blue_tl.gif) top left no-repeat; padding: 3px 0 2px 10px; margin: 10px 0 0 0; font-weight: bolder; font-size: 0.8em; letter-spacing: 1px; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #333;}
.embassy_consulate_content table, div.weather_link_container {background: url(/images/corners_white_bl.gif) bottom left no-repeat; border-right: 1px solid #999; color: #333; font-size: 0.8em; margin: 0 0 20px 0; width: 624px; _width: 623px;}

div.weather_link_container {padding: 10px 0 20px;}

.embassy_consulate_content table td {line-height: 1.3; padding: 4px;}
.embassy_consulate_content table td.td_left, .embassy_consulate_content table td.td_left {width: 40%; vertical-align: top; text-align: right;}
.embassy_consulate_content table td.one_cell {padding: 3px 10px; text-align: center;}

.embassy_consulate_content a:link, .embassy_consulate_content a:visited {color: #2e76b6;}

.embassy_consulate_content .no_link a:link, .embassy_consulate_content .no_link a:visited {color: #333; text-decoration: none;}
.embassy_consulate_content .no_link a:hover {cursor: text;}
/* @end */



/* @group some IE6 hacks */
#travel_calculator .calc_rightcolumn span.calc_axa {_background-image: url(/images/underwriter_logos/axa_50x50.gif); _width: 50px; _height: 50px;}
#travel_calculator .calc_rightcolumn span.calc_aul {_height: 50px; _margin-left: 54px;}
#container_cert {_padding-top: 40px;}
#rhs_cert {_top: 44px;}
/* @end */

/* @group resize for js */
/* following resize the standard calculator so that it fits on the js site in place of the old one */
/* #travel_calculator {width: 626px; padding: 0;} */
/* #travel_calculator .calc_item {width: 395px;} */
/* div.form_radios {width: 180px;} */
/* div.form_left {width: 190px;}
div.form_right {margin: 1px 0 2px 190px; width: 190px;} */
div.calc_partytype div.form_right {width: 152px; margin-left: 190px;}
div.form_left_lower {clear: both; padding: 5px 0 5px 5px; margin: 0;
}
div.form_right_lower {margin: 10px 0 10px 300px; padding: 5px 0; position: relative;}

#travel_calculator .calc_rightcolumn {width: 175px;}
/* @end */

/* @group some IE hacks */

.calc_item label, .calc_checkbox #show_wintersports_length label {_width: 182px;}
#calcbox_winter {_width: 230px;}
.calc_checkbox label {_width: 290px;}
.form_radios {_width: 340px;}
.form_radios label {_padding-right: 6px;}

#travel_calc_inner {_display: inline;}

ul.list_descriptive {_margin-left: 60px;}

#travel_calculator .calc_submit_button {_padding: 12px 0 0 0;}

div.underwriters_box {_margin-left: 20px;}


/* following used to counteract the center align added to the container div due to IE6 not understnding auto margin values */
#travel_calculator, form#multiquoteForm, .form_sign table, .contentbox, #you_chose, .advanced_search {_text-align: left;}

#travel_calculator .calc_item {_margin-right: 0;}
/* #travel_calculator .calc_lesswide select {_font-size: 0.8em;} */
div#advanced_search_contents, div#calc_search_contents {_height: 1%;} /* peekaboo bug, yay! */

div.form_right, .calc_group .form_right {_display: inline;} /* IE6 double margin on floats bug */
div.calc_partytype div.form_right {_display: block;} /* this to cancel out the hack above on so the help icon is displayed correctly! */
.calc_group div.calc_partytype div.form_left {_width: 180px;}
.calc_group div.calc_partytype div.form_right {_width: 180px; _margin-left: 20px;}
#travel_calculator .calc_rightcolumn {_display: inline; _margin-bottom: 102px;}

.renewals_edit_calc .renewals_radios {_margin-left: 0;}
a.remove_traveller {_display: block; _width: 120px; _background-position: 0 50%;}



/* @end */