/* stylesheet created 7th April 2006 by me! */ /* @group common */ html, body {margin: 0; padding: 0; text-align: center;} body {font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 100.01%; background-color: #fffcf3;} .clearer {clear: both;} .float_left {float: left;} hr {display: block; clear: left; margin: -0.66em 0; visibility: hidden;} /* used to clear container floats */ /* {margin: 20px; background: #f2f7fc; border: 1px solid #333; padding: 10px;} removed for some reason as the class or id was missing */ /* @end */ /* @group main layout */ #container {clear: left; position: relative; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; overflow: hidden; background: #fff url(/images/container_vertline_back.jpg) top left repeat-y; min-height: 1200px; height: auto !important; height: 1200px; _padding-bottom: 200px; _overflow: visible;} /* overflow: hidden; */ /* following style removes the vert line from the background for pages with iframe content */ body#car #container, body#van #container, body#motor #container, body#dental_insurance #container, body#health_insurance #container, body#home #container, body#wider_content #container, body#medical #container, body#dental #container {background: #fff url(/images/backgrounds/container_noline_back.jpg) 0 0 repeat-y;} #header {position: relative; width: 878px; height: 100px; border-bottom: 1px solid #000; border-left: 1px solid #333; border-right: 1px solid #333;} #header h1 {position: absolute; left: -9000px;} #header span {position: absolute; left: -9000px;} #header a#home_link {display: block; position: absolute; left: 15px; top: 10px; width: 80px; height: 80px; text-decoration: none; border: none; outline: none;} #travel_container, #mobile_container, #laptop_container, #studenthome_container, #car_breakdown_container, #car_container, #home_container, #pet_container, #health_container {position: relative; width: 880px; height: 100%; overflow: hidden; margin: 0 auto 0 auto; padding: 0 7px; text-align: left; min-height: 1000px; height: auto !important; height: 1000px; _padding-bottom: 100px; _overflow: visible; /* for ie only so that it pushes the container below bottom of screen */ } /* */ #travel_container, #mobile_container, #laptop_container, #studenthome_container {background: #fff url(/images/backgrounds/container_back.jpg) top left repeat-y;} #car_breakdown_container, #car_container, #home_container, #pet_container, #health_container {background: #fff url(/images/backgrounds/container_back.jpg) top left repeat-y;} #main_content {width: 679px; float: left; clear: both; padding-left: 10px;} #car_breakdown_main_content, #car_main_content, #travel_main_content, #mobile_main_content, #studenthome_main_content, #laptop_main_content, #home_main_content, #pet_main_content, #health_main_content {clear: right; float: right; width: 624px; padding-top: 40px; margin-right: 30px; _margin-right: 15px; /* for ie as it kept doubling the right margin */ _padding-top: 60px; } #car_breakdown_main_content {_padding-top: 60px;} /* put in for ie6 to stop the content from merging into the quote button at top of screen */ #sidepic {width: 240px; height: 365px; float: left; margin: 40px 0 0 10px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #333; border-top: 1px solid #666; } #text_container {width: 440px; margin-left: 200px; padding-top: 20px;} #text_container_new {width: 570px;} .text_container_bottom {padding-top: 20px;} #text_container_new p {line-height: 19px;} #text_container_new a {color: #fb4227; text-decoration: none;} #text_container_new a:link, #text_container_new a:visited {color: #fb4227; text-decoration: none;} #text_container_new a:hover {color: #000; text-decoration: underline;} #text_container_new a:active {color: #fb4227; text-decoration: none;} #intro_text {margin: 0 0 1em 0; color: #000; background: #fff; border: 1px solid #999; border-left: 1px solid #333; border-bottom: 1px solid #333;} #content_wider {padding: 1em 50px 1em 10px; min-height: 500px;} #content_wider h2 {margin-bottom: 0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif;} /* common styles for nav bar */ #navbar, #navbar_inner {letter-spacing: 1px; padding: 7px 0 5px 5px; font-weight: bolder; background: #e8eff0; color: #333} #navbar h1, #navbar_inner h1 {margin: 0; padding: 1px 0 3px 5px; display: inline;} /* these links used for general pages eg aout us, links etc */ #navbar {border-bottom: 1px solid #333; font-size: 13px;} #navbar h1 {font-size: 11px;} #navbar a:link, #navbar a:visited {color: #000; text-decoration: none;} #navbar a:hover{color: #000; text-decoration: underline;} #navbar a:active {color: #000; text-decoration: underline;} /* these used for all other main insurance areas */ #navbar_inner, #navbar_inner h1 {font-size: 12px;} #navbar_container a:link, #navbar_container a:visited {color: #333; text-decoration: none; font-weight: bolder;} #navbar_container a:hover {color: #000; text-decoration: underline; font-weight: bolder;} #navbar_container a:active {color: #333; text-decoration: underline; font-weight: bolder;} /* navbar styles for laptop, mobile, student and car breakdown */ body#laptop #navbar, body#laptop #navbar_inner, body#mobile #navbar, body#mobile #navbar_inner, body#laptop_aph #navbar, body#laptop_aph #navbar_inner, body#mobile_aph #navbar, body#mobile_aph #navbar_inner, body#student_home #navbar, body#student_home #navbar_inner, body#car_breakdown #navbar, body#car_breakdown #navbar_inner, div#travel_container #navbar_inner {background: #e8eff0; color: #333; border-bottom: 1px solid #333;} /*body#dental_insurance #navbar, body#health_insurance #navbar {background: #f2f7fc; color: #000;} body#dental_insurance #navbar a:link, body#dental_insurance #navbar a:visited, body#health_insurance #navbar a:link, body#health_insurance #navbar a:visited {color: #000; text-decoration: none;} body#dental_insurance #navbar a:hover, body#health_insurance #navbar a:hover {color: #000; text-decoration: underline;} body#dental_insurance #navbar a:active, body#health_insurance #navbar a:active {color: #000; text-decoration: none;} */ #navbar_inner {position: relative; border-bottom: 1px solid #999;} body#snow_reports #navbar_inner {font-size: 0.6em;} /* used for snow reports page */ #navbar_container {position: absolute; left: 207px; top: 101px; width: 680px;} /* make the navbar wider and remove the left margin if we're on a page with an iframe such as car and home quote */ div#container #navbar_container {position: static; width: 100%;} #insurance_footer {margin-top: 30px; margin-bottom: 2em; border-top: 1px solid #333; font-size: 0.8em; color: #333; text-align: center; padding: 4px 10px 0 10px; clear: both;} #insurance_footer a:link, #insurance_footer a:visited {color: #333; text-decoration: none;} #insurance_footer a:hover {color: #000;text-decoration: underline;} #insurance_footer a:active {color: #333; text-decoration: none;} /* following style centers the insurance footer for pages with iframe content */ body#car #container #insurance_footer, body#van #container #insurance_footer, body#motor #container #insurance_footer, body#dental_insurance #container #insurance_footer, body#health_insurance #container #insurance_footer, body#home #container #insurance_footer, body#medical #container #insurance_footer, body#dental #container #insurance_footer {margin-left: 160px;} #rhs {position: absolute; right: 0px; top: 122px; width: 120px; z-index: 150;} #circle_links {position: absolute; left: 654px; top: 130px; width: 260px; z-index: 100; clear: both;} #extra_links {clear: both; width: 689px; margin: 40px 0 5em; float: left; background: transparent url(/images/backgrounds/back_horizline-grey.gif) 0 20px repeat-x; position: relative;} #travel_intro #extra_links {margin-top: 20px;} #travel_extra_links {clear: both; width: 689px; margin-bottom: 5em; margin-top: 100px; float: left; background: transparent url(../images/back_horizline.gif) 0 20px repeat-x; position: relative;} #container_bot {background: url(/images/backgrounds/container_back_bot.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px;} #welcome_container_bot {background: url(../images/welcome_container_back_bot.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px; } #help_container_bot {background: url(../images/help_container_back_bot.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px;} /* axa healthcare */ div#axa_healthcare {margin: 0 0 0 40px;} div#axa_healthcare iframe {overflow-x: hidden; border: none;} /* use wider container without the left ot right menus on the health, car and home pages so the iframe's fit on the pages for these */ #health_container_bot, #wider_container_bot {background: url(/images/backgrounds/new_footer_back.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px;} /* @end */ /* @group smaller common containers */ /* this is the main text container used throughout the site */ div.contentbox {width: 626px; background: url(/images/backgrounds/signback_middle.gif) top left repeat-y; margin: 20px 0 0;} div.contentbox-bot {width: 626px; background: url(/images/backgrounds/signback_bot.gif) bottom left no-repeat; padding: 7px 0 7px; text-align: center; clear: left;} div.contentbox ul {font-size: 0.8em;} div.contentbox a:link, div.contentbox a:visited, div.form_sign a:link, div.form_sign a:visited {color: #3869a0; text-decoration: none;} div.contentbox a:hover, div.form_sign a:hover {color: #0E4BE7; text-decoration: underline;} div.contentbox a:active, div.form_sign a:active {color: #3869a0; text-decoration: none;} /* this contentbox is used on pages that have an iframe such as home and car insurance */ div#contentbox_wider {margin: 1em 20px;} /* following used on pages with forms only */ div.form_sign {width: 626px; border: none; background: url(/images/backgrounds/form_sign-middle.gif) repeat-y left; margin: 20px 0 0;} div.form_sign h3 {background: url(/images/backgrounds/form_sign-top.gif) 0 0 no-repeat; color: #fff; margin: 0; padding: 7px 0; text-align: center; width: 626px; letter-spacing: 2px; font: 0.95em "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; font-weight: bolder;} /* border-bottom: 3px solid #607996; background: #fff; color: #000; padding: 12px 0 2px 8px; */ div.form_sign_button, div.form_sign-bot {width: 626px; background: url(/images/backgrounds/form_sign-bot.gif) bottom left no-repeat; padding: 7px 0 7px; text-align: center; clear: left;} div.form_sign_button {padding-bottom: 20px;} /* the following are use on the travel home page */ div.inner {width: 187px; float: left; background: url(/images/innerboxes/inner-back.gif) bottom left no-repeat; margin: 20px 0 20px 14px; min-height: 180px; height: auto !important; height: 180px; position: relative; padding-bottom: 27px;} div.inner-bot {width: 187px; height: 20px; background: url(/images/innerboxes/inner-bot.gif) bottom left no-repeat;} div.contentbox div.inner p {font-size: 0.7em; color: #333;} div.contentbox div.inner h3 {width: 134px; padding: 3px 3px 7px 50px; margin: 0; min-height: 34px; height: auto !important; height: 34px;} 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#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: #425cb0; text-decoration: underline;} div#travel_area div.contentbox div.inner h3 a:active {color: #3869a0; text-decoration: none;} /* @end */ /* @group tabbed navbar */ #tabbed_navbar {width: 894px; margin: 0 auto; text-align: left; background: url(/images/buttons/navbar/tabbed_navbar_back.gif) bottom left no-repeat;} #tabbed_navbar ul {margin:0; padding: 10px 3px 0 0; list-style: none;} #tabbed_navbar li {background: url(/images/buttons/navbar/tab_lhs.gif) left top no-repeat; font-size: 10px; float: left; margin: 0 0 4px 0; padding: 11px 0 3px 14px;} #tabbed_navbar li a {background: url(/images/buttons/navbar/tab_rhs.gif) right top no-repeat; padding: 11px 20px 3px; color: #fff; border: none; font-weight: bolder; letter-spacing: 1px; text-decoration: none; margin: 0 0 10px 0;} #tabbed_navbar li.tab_current {background: url(/images/buttons/navbar/tab_lhs-on.gif) left top no-repeat;} #tabbed_navbar li.tab_current a {background: url(/images/buttons/navbar/tab_rhs-on.gif) right top no-repeat; color: #000;} #tabbed_navbar li:hover {background: url(/images/buttons/navbar/tab_lhs-on.gif) left top no-repeat;} #tabbed_navbar li a:hover {background: url(/images/buttons/navbar/tab_rhs-on.gif) right top no-repeat; color: #000; text-decoration: underline; /* ie6 doesn't understand hover on li's so we have to cancel above hover background image for it */ _background: url(/images/buttons/navbar/tab_rhs.gif) right top no-repeat; _color: #fff;} /* @end */ /* @group header backgrounds */ body#singletrip #header {background: url(/images/headers/sheader_singletrip.jpg) top left no-repeat;} body#singletrip_travel #header {background: url(/images/headers/sheader_travelbeach.jpg) top left no-repeat;} body#travel_aph #header {background: url(/images/headers/sheader_travel-aph.jpg) top left no-repeat;} body#annual_travel #header {background: url(/images/headers/sheader_annual_plane.jpg) top left no-repeat;} body#backpackers_travel #header {background: url(/images/headers/sheader_backpackers.jpg) top left no-repeat;} body#laptop #header, body#computer_laptop #header {background: url(/images/headers/sheader_laptop.jpg) top left no-repeat;} body#laptop_aph #header {background: url(/images/headers/sheader_laptop_aph.jpg) top left no-repeat;} body#computer_common #header {background: url(/images/headers/sheader_computer.jpg) top left no-repeat;} body#computer_pda #header {background: url(/images/headers/sheader_pda.jpg) top left no-repeat;} body#computer_server #header {background: url(/images/headers/sheader_server.jpg) 0 0 no-repeat;} body#computer_peripherals #header {background: url(/images/headers/sheader_computer_peripherals.jpg) 0 0 no-repeat;} body#snowboard_travel #header {background: url(/images/headers/sheader_sboard.jpg) top left no-repeat;} body#ski_travel #header {background: url(/images/headers/sheader_ski.jpg) top left no-repeat;} body#student_travel #header {background: url(/images/headers/sheader_studenttravel.jpg) top left no-repeat;} body#gapyear_travel #header {background: url(/images/headers/sheader_backpackers.jpg) top left no-repeat;} body#student_home #header {background: url(/images/headers/sheader_studenthome.jpg) top left no-repeat;} body#holiday_travel #header {background: url(/images/headers/sheader_holiday.jpg) top left no-repeat;} body#worldwide_travel #header {background: url(/images/headers/sheader_worldwide.jpg) top left no-repeat;} body#family_travel #header {background: url(/images/headers/sheader_family.jpg) top left no-repeat;} body#group_travel #header {background: url(/images/headers/sheader_grouptravel.jpg) top left no-repeat;} body#gapyear_travel #header {background: url(/images/headers/sheader_gapyear.jpg) top left no-repeat;} body#mobile #header {background: url(/images/headers/sheader_mobile.jpg) top left no-repeat;} body#mobile_aph #header {background: url(/images/headers/sheader_mobile_aph.jpg) top left no-repeat;} body#snow_reports #header {background: url(/images/headers/sheader_snowreports.jpg) top left no-repeat;} body#dental_insurance #header {background: url(/images/headers/sheader_freedental.jpg) top left no-repeat;} body#health_insurance #header, body#medical_insurance #header {background: url(/images/headers/sheader_cashplan.jpg) top left no-repeat;} body#gapyear_travel #header {background: url(/images/headers/sheader_gapyear.jpg) top left no-repeat;} body#car_breakdown #header {background: url(/images/headers/sheader_carbreakdown.jpg) top left no-repeat;} body#car #header {background: url(/images/headers/sheader_car.jpg) top left no-repeat;} body#motor #header {background: url(/images/headers/sheader_motor.jpg) top left no-repeat;} body#van #header {background: url(/images/headers/sheader_van.jpg) 0 0 no-repeat;} body#home #header {background: url(/images/headers/sheader_homehand.jpg) top left no-repeat;} body#pet #header {background: url(/images/headers/sheader_pet.jpg) top left no-repeat;} body#wintersports_travel #header {background: url(/images/headers/sheader_wintersports.jpg) top left no-repeat;} body#long_stay #header {background: url(/images/headers/sheader_longstay.jpg) top left no-repeat;} body#scuba_diving #header {background: url(/images/headers/sheader_scubadiving.jpg) top left no-repeat;} body#usa_travel #header {background: url(/images/headers/sheader_usa.jpg) top left no-repeat;} body#euro #header {background: url(/images/headers/sheader_euro.jpg) top left no-repeat;} body#generic #header {background: url(/images/headers/sheader_bluegeneric.jpg) top left no-repeat;} body#over65s #header {background: url(/images/headers/sheader_over65s.jpg) 0 0 no-repeat;} body#over65s_annual #header {background: url(/images/headers/sheader_over65s_annual.jpg) 0 0 no-repeat;} body#health_index #header {background: #0172C0 url(/images/headers/sheader_bluegeneric.jpg) top left no-repeat;} /* don't remove the following as they are still required! */ .header_welcome {background: #0172C0 url(/images/headers/sheader_bluegeneric.jpg) top left no-repeat;} .header_singletrip {background: url(/images/headers/sheader_travelbeach.jpg) top left no-repeat;} .header_annual {background: url(/images/headers/sheader_annual.jpg) top left no-repeat;} .header_backpackers {background: url(/images/headers/sheader_backpackers.jpg) top left no-repeat;} .header_ski {background: url(/images/headers/sheader_ski.jpg) top left no-repeat;} .header_snowboard {background: url(/images/headers/sheader_snowboard.jpg) top left no-repeat;} .header_laptop {background: url(/images/headers/sheader_laptop.jpg) top left no-repeat;} .header_student {background: url(/images/headers/sheader_student.jpg) top left no-repeat;} .header_holiday {background: url(/images/headers/sheader_holiday.jpg) top left no-repeat;} .header_worldwide {background: url(/images/headers/sheader_worldwide.jpg) top left no-repeat;} .header_family {background: url(/images/headers/sheader_family.jpg) top left no-repeat;} .header_wintersports_travel {background: url(/images/headers/sheader_wintersports.jpg) top left no-repeat;} /* @end */ /* @group text */ h2.content_heading_top {font-size: 1.0625em; margin: 0 10px 0.6875em 10px; padding: 0 0 3px 0; background-color: transparent; color: #333; border-bottom: 1px solid #999;} h2.content_heading {font-size: 1.0625em; margin: 1em 10px 0.6875em 10px; padding: 0 0 3px 0; background-color: transparent; color: #333; border-bottom: 1px solid #999;} #text_container h2.section_title {font-size: 1.4em; font-weight: bold; color: #3869a0; border-bottom: 5px solid #3869a0; padding: 5px 0 0 3px; line-height: 0.8em; letter-spacing: 1px; margin-bottom:0;} #text_container_new h2.section_title {font-size: 1.4em; font-weight: bold; color: #3869a0; border-bottom: 5px solid #3869a0; padding: 5px 0 0 3px; line-height: 0.8em; letter-spacing: 1px; margin-bottom:0;} p {font-size: 0.8em; 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.subheading {font-size: 0.875em; margin: 0 15px; padding: 0 0 3px 0; background-color: transparent; color: #3869a0; font-weight: bolder;} p.firstparagraph {font-size: 0.9em; letter-spacing: 1px;} 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;} ul.list_regular li {margin-left: 20px;} div#content_wider div.info_box_left p.main_text {line-height: 1.3em;} #payment p {text-align: center; margin: 3px 0;} p.required_fields {text-align: center; margin: 1em 0 0; font-size: 0.9em; letter-spacing: 1px; clear: left;} p.telephone_text, p.orderform_text {text-align: center; margin: 1em 0 0; padding: 1em 0 0;} p.texting_text {text-align: left; margin: 0; padding: 0; font-size: 0.7em;} /* used to make text on generic pages look better */ div.contentpage p {line-height: 1.3em; font-size: 0.85em;} p.designed_by {margin: 1em 0;} /* @end */ /* @group general info boxes */ .general_info_box a, .general_info_box_white a {color: #3869a0; text-decoration: none;} .general_info_box a:link, .general_info_box_white a:link, .general_info_box a:visited, .general_info_box_white a:visited {color: #3869a0; text-decoration: none;} .general_info_box a:hover, .general_info_box_white a:hover {color: #000; text-decoration: underline;} .general_info_box a:active, .general_info_box_white a:active {color: #3869a0; text-decoration: none;} .general_info_box ul, .general_info_box_white ul {list-style: none; font-size: 0.75em;} .smaller_info_box_container {width: 450px; padding-bottom: 1em; margin: 0 0 2em 60px; font-size: 12px; clear: left;} body#car_breakdown .smaller_info_box_container {margin-left: 90px;} .smaller_info_box_container h3.small_info_box_heading, .smaller_info_box_container div.small_info_box_heading {background: url(/images/h2_headings/h2back_small_openbook.gif) 0 0 no-repeat; color: #3869a0; border-bottom: 7px solid #3869a0; border-right: 1px solid #3869a0; padding: 20px 0 20px 70px; font-size: 14px; } .smaller_info_box_container .smaller_info_box_inner {border-right: 1px solid #3869a0; border-bottom: 1px solid #3869a0; border-left: 1px solid #3869a0; padding: 10px; background: #f2f7fc;} .info_box_left {padding: 10px; margin: 0 0 1em 0; background: url(/images/corners_bottom_lr.gif) bottom left no-repeat; width: 609px;} .info_box_left_blue {padding: 10px; margin: 0 0 1em 0; background: url(/images/corners_bottom_lr_blue.gif) bottom left no-repeat; width: 609px;} .info_box_nocurves {padding: 10px; margin: 0 0 1em 0; background: #f2f7fc; width: 609px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;} #t_and_c dl, #t_and_c ul li {font-size: 12px;} #t_and_c ul {margin-top: 0;} #t_and_c dl {margin-left: 20px;} #t_and_c dt {color: #3869a0;} div.small_info_box_heading dl {margin: 0; padding: 0;} div.small_info_box_heading dt {float: left; font-style: italic; color: #3869a0;} div.small_info_box_heading dd {margin-left: 14em; color: #333;} /* @end */ /* @group text headings */ h2 {font-size: 13px; font-weight: bolder; text-align: left; padding: 3px 0 3px 10px; color: #3869a0; border-bottom: 1px solid #999;} h3 {font-size: 14px; font-weight: bolder; text-align: left; padding: 2px 0; color: #2474b4; margin: 2em 0 0 0;} h4 {font-size: 12px; font-weight: normal; text-align: left; padding: 2px 0; color: #2474b4; margin: 2em 0 0 10px;} /* the following are used so that the correct h2 heading on the pages displayed according to what id the body tag has */ body#singletrip_travel h2.h2back_travel {padding: 20px 5px 35px 80px; background: #fff url(/images/h2_headings/h2_back-singletrip.gif) 0 0 no-repeat;} body#annual_travel h2.h2back_travel {padding: 20px 5px 35px 80px; background: #fff url(/images/h2_headings/h2_back-annual.gif) 0 0 no-repeat;} body#backpackers_travel h2.h2back_travel {padding: 20px 5px 35px 80px; background: #fff url(/images/h2_headings/h2_back-backpackers.gif) 0 0 no-repeat;} body#ski_travel h2.h2back_travel {padding: 20px 5px 35px 80px; background: #fff url(/images/h2_headings/h2_back-ski.gif) 0 0 no-repeat;} body#snowboard_travel h2.h2back_travel {padding: 20px 5px 35px 80px; background: #fff url(/images/h2_headings/h2_back-snowboard.gif) 0 0 no-repeat;} /* new text stuff below */ div.contentbox h2, div.contentbox h1 {color: #fff; margin: 0 0 12px 0; text-align: left; width: 534px; letter-spacing: 2px; font: bolder 1.05em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif; border: none; padding: 14px 20px 19px 70px;} /* old padding padding: 26px 0 20px 90px; */ div.contentbox h1#links_cat_heading {color: #425cb0; margin: 1em 0 0 30px; padding: 0; font-weight: normal; font-style: normal;} div.contentbox h1.title_information, div.contentbox h2.title_information {background: #fff url(/images/h2_headings/signback_top-information.jpg) 0 0 no-repeat;} div.contentbox h2.title_faq {background: #425cb0 url(/images/h2_headings/signback_top-faq.jpg) 0 0 no-repeat;} div.contentbox h2.title_payment {background: #425cb0 url(/images/h2_headings/signback_top-payment.jpg) 0 0 no-repeat;} div.contentbox h2.title_complete {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat; color: #fff;} div.contentbox h2.title_feedback {background: url(/images/h2_headings/signback_top-feedback.jpg) 0 0 no-repeat;} div.contentbox h2.title_health {background: #425cb0 url(/images/h2_headings/signback_top-medical.jpg) 0 0 no-repeat;} div.contentbox h2.title_dental {background: #425cb0 url(/images/h2_headings/signback_top-dental.jpg) 0 0 no-repeat;} div.contentbox h2.title_laptop, div.contentbox h1.title_laptop {background: #425cb0 url(/images/h2_headings/signback_top-laptop.jpg) 0 0 no-repeat;} div.contentbox h2.title_laptopfloor, div.contentbox h1.title_laptopfloor {background: #425cb0 url(/images/h2_headings/signback_top-laptopfloor.jpg) 0 0 no-repeat;} div.contentbox h2.title_laptopclaims {background: #425cb0 url(/images/h2_headings/signback_top-laptopfloor.jpg) 0 0 no-repeat;} div.contentbox h2.title_mobilebroken {background: #425cb0 url(/images/h2_headings/signback_top-mobilebroken.jpg) 0 0 no-repeat;} div.contentbox h2.title_travel, div.contentbox h1.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-travel.jpg) 0 0 no-repeat; } div.contentbox h2.title_js, div.contentbox h2.title_affiliates {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat;} div.contentbox h2.title_axa, div.contentbox h2.title_AXA, div.contentbox h2.title_2 {background: #425cb0 url(/images/h2_headings/signback_top-axa.jpg) 0 0 no-repeat;} div.contentbox h2.title_aul, div.contentbox h2.title_AUL, div.contentbox h2.title_1 {background: #425cb0 url(/images/h2_headings/signback_top-towergate.jpg) 0 0 no-repeat;} div.contentbox h2.title_whitehorse, div.contentbox h2.title_ELECT {background: #425cb0 url(/images/h2_headings/signback_top-whitehorse.jpg) 0 0 no-repeat;} div.contentbox h2.title_student, div.contentbox h1.title_student {background: #425cb0 url(/images/h2_headings/signback_top-student.jpg) 0 0 no-repeat;} div.contentbox h2.title_house {background: #425cb0 url(/images/h2_headings/signback_top-house.gif) 0 0 no-repeat; color: #333;} div.contentbox h2.title_pound {background: #425cb0 url(/images/h2_headings/signback_top-pound.jpg) 0 0 no-repeat; font-size: 0.9em; padding-bottom: 27px;} div.contentbox h2.title_phone {background: #425cb0 url(/images/h2_headings/signback_top-phone.jpg) 0 0 no-repeat;} div.contentbox h2.title_mobile, div.contentbox h1.title_mobile {background: #425cb0 url(/images/h2_headings/signback_top-mobile.jpg) 0 0 no-repeat;} div.contentbox h2.title_carbreakdown, div.contentbox h1.title_carbreakdown {background: #425cb0 url(/images/h2_headings/signback_top-carbreakdown.jpg) 0 0 no-repeat;} div.contentbox h2.title_snowboard {background: #fff url(/images/h2_headings/signback_top-snowboard.jpg) 0 0 no-repeat;} div.contentbox h2.title_ski, div.contentbox h1.title_wintersports {background: #425cb0 url(/images/h2_headings/signback_top-ski.jpg) 0 0 no-repeat;} div.contentbox h2.title_annualplane {background: #425cb0 url(/images/h2_headings/signback_top-plane.jpg) 0 0 no-repeat;} div.contentbox h2.title_calculator {background: #425cb0 url(/images/h2_headings/signback_top-calculator.jpg) 0 0 no-repeat; color: #fff;} div.contentbox h2.title_security {background: #425cb0 url(/images/h2_headings/signback_top-security.jpg) 0 0 no-repeat; color: #fff;} div.contentbox h2.title_renewals {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat;} div.contentbox h2.title_sitemap {background: #425cb0 url(/images/h2_headings/signback_top-compass.jpg) 0 0 no-repeat;} div.contentbox h1.title_euromedical, div.contentbox h2.title_euromedical {background: #425cb0 url(/images/h2_headings/signback_top-medicalcross.jpg) 0 0 no-repeat;} div.contentbox h1.title_xml, div.contentbox h2.title_xml {background: #425cb0 url(/images/h2_headings/signback_top-xml.jpg) 0 0 no-repeat;} div.contentbox h1.title_car, div.contentbox h2.title_car {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat;} div.contentbox h1.title_home, div.contentbox h2.title_home {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat;} div.contentbox h1.title_pet, div.contentbox h2.title_pet {background: #425cb0 url(/images/h2_headings/signback_top-js.jpg) 0 0 no-repeat;} /* following styles used on the information pages to change the image used for the h2 header */ /* travel */ body#singletrip_travel div.contentbox h2.title_js, body#singletrip_travel div.contentbox h2.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-travel.jpg) 0 0 no-repeat;} body#annual_travel div.contentbox h2.title_js, body#family_travel div.contentbox h2.title_js, body#annual_travel div.contentbox h2.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-annual.jpg) 0 0 no-repeat;} body#backpackers_travel div.contentbox h2.title_js, body#gapyear_travel div.contentbox h2.title_js, body#backpackers_travel div.contentbox h2.title_travel, body#gapyear_travel div.contentbox h2.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-bpackers.jpg) 0 0 no-repeat;} body#ski_travel div.contentbox h2.title_js, body#ski_travel div.contentbox h2.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-ski.jpg) 0 0 no-repeat;} body#snowboard_travel div.contentbox h2.title_js, body#snowboard_travel div.contentbox h2.title_travel {background: #425cb0 url(/images/h2_headings/signback_top-snowboard.jpg) 0 0 no-repeat;} /* computer */ body#computer_pda h2.title_laptopfloor {background: #425cb0 url(/images/h2_headings/signback_top-pdapalm.jpg) 0 0 no-repeat;} body#computer_pda h1.title_laptop {background: #425cb0 url(/images/h2_headings/signback_top-pda.jpg) 0 0 no-repeat;} body#computer_common h2.title_laptopfloor {background: #425cb0 url(/images/h2_headings/signback_top-wkeyboard.jpg) 0 0 no-repeat;} body#computer_common h1.title_laptop {background: #425cb0 url(/images/h2_headings/signback_top-dkeyboard.jpg) 0 0 no-repeat;} div.contentbox h3 {margin-left: 14px;} div.contentbox p em {font-size: 0.7em; margin-left: 40px;} /* @end */ /* @group official logos */ .official_logos {padding: 0 5px 0 23px; margin-top: 2em;} .official_logos img {clear: both; display: block; margin: 0 3px 4px 0;} .official_logos p {font-size: 0.625em; color: #666; background-color: transparent; margin: 0; vertical-align: bottom;} #lhs .official_logos p {margin: 0;} /* @end */ /* @group circles */ /* these are the largish jpg circles down the side of the page on the about us, contact us generic pages */ .frontcircle_singletrip, .frontcircle_backpackers, .frontcircle_annual, .frontcircle_ski, .frontcircle_snowboard, .frontcircle_mobile, .frontcircle_laptop, .frontcircle_student, .frontcircle_dental, .frontcircle_health, .frontcircle_carbreakdown, .frontcircle_car, .frontcircle_home, .frontcircle_pet, .frontcircle_holidayhome, .frontcircle_marine, .frontcircle_staticcaravan, .frontcircle_touringcaravan {width: 69px; height: 68px; display: block; float: left; margin-right: 15px;} .frontcircle_singletrip {background: url(/images/circles/circles_60/travel_602.jpg) 0 50% no-repeat;} .frontcircle_backpackers {background: url(/images/circles/circles_60/backpackers_60.jpg) 0 50% no-repeat;} .frontcircle_annual {background: url(/images/circles/circles_60/annual_60.jpg) 0 50% no-repeat;} .frontcircle_ski {background: url(/images/circles/circles_60/ski_60.jpg) 0 50% no-repeat;} .frontcircle_snowboard {background: url(/images/circles/circles_60/snowboard_60.jpg) 0 50% no-repeat;} .frontcircle_mobile {background: url(/images/circles/circles_60/mobile_60.jpg) 0 50% no-repeat;} .frontcircle_laptop {background: url(/images/circles/circles_60/laptop_60.jpg) 0 50% no-repeat;} .frontcircle_student {background: url(/images/circles/circles_60/student_60.jpg) 0 50% no-repeat;} .frontcircle_dental {background: url(/images/circles/circles_60/dental_60.jpg) 0 50% no-repeat;} .frontcircle_health {background: url(/images/circles/circles_60/medical_60.jpg) 0 50% no-repeat;} .frontcircle_carbreakdown {background: url(/images/circles/circles_60/carbreakdown_60.jpg) 0 50% no-repeat;} .frontcircle_car {background: url(/images/circles/circles_60/car_60.jpg) 0 50% no-repeat;} .frontcircle_home {background: url(/images/circles/circles_60/home_60.jpg) 0 50% no-repeat;} .frontcircle_pet {background: url(/images/circles/circles_60/pet_60.jpg) 0 50% no-repeat;} .frontcircle_holidayhome {background: url(/images/circles/circles_60/holiday_home_60.jpg) 0 50% no-repeat;} .frontcircle_marine {background: url(/images/circles/circles_60/marine_60.jpg) 0 50% no-repeat;} .frontcircle_staticcaravan {background: url(/images/circles/circles_60/static_caravan_60.jpg) 0 50% no-repeat;} .frontcircle_touringcaravan {background: url(/images/circles/circles_60/caravan_60.jpg) 0 50% no-repeat;} #fronttext a {color: #000; background-color: transparent; font-weight: bolder; text-decoration: none;} #fronttext a:link {color: #000; background-color: transparent; text-decoration: none;} #fronttext a:visited {color: #000; background-color: transparent; text-decoration: none;} #fronttext a:hover {color: #000; background-color: transparent; text-decoration: underline;} #fronttext a:active {color: #000; background-color: transparent; text-decoration: none;} #frontlinks_main ul li a {display: block; width: 80%; height: 100%; color: #3859a0; text-decoration: none; vertical-align: top; min-height: 68px; padding: 2px 2px;} #frontlinks_main ul li a:link {color: #3869a0; background-color: transparent; text-decoration: none;} #frontlinks_main ul li a:visited {color: #3869a0; background-color: transparent; text-decoration: none;} #frontlinks_main ul li a:hover {color: #333; background-color: transparent; text-decoration: none; border-top: 1px solid #8AB0B1; border-right: 1px solid #999; border-left: 1px solid #666; border-bottom: 1px solid #666; padding: 1px 1px;} #frontlinks_main ul li a:active {color: #3869a0; background-color: transparent; text-decoration: none;} #frontlinks_other ul li a {display: block; width: 80%; height: 100%; color: #3859a0; text-decoration: none; vertical-align: top; min-height: 68px; padding: 2px 2px;} #frontlinks_other ul li a:link {color: #3869a0; background-color: transparent; text-decoration: none;} #frontlinks_other ul li a:visited {color: #3869a0; background-color: transparent; text-decoration: none;} #frontlinks_other ul li a:hover {color: #333; background-color: transparent; text-decoration: none; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #666; border-bottom: 1px solid #666; padding: 1px 1px;} #frontlinks_other ul li a:active {color: #3869a0; background-color: transparent; text-decoration: none;} /* @end */ /* @group lists */ /*------ LINK LIST STYLES ------*/ ul.basic_list {font-size: 0.75em; padding-right: 10px; list-style-type: disc;} ul.nogap_list {margin-top: 0;} ul.common_list {font-size: 0.75em; padding-right: 10px;} ul.common_list li {margin-bottom: 1em;} ul.content_list {margin-left: 30px; list-style-type: none;} #frontlinks_main ul {list-style: none; margin: 0; padding: 0;} #frontlinks_main li {position: relative; margin: 0; padding: 0; background: transparent; margin: 0 0; min-height: 68px; clear: both; width: 100%;} #frontlinks_other ul {list-style: none; margin: 0; padding: 0;} #frontlinks_other li {position: relative; margin: 0; padding: 0; background: transparent; margin: 0 0; min-height: 68px; clear: both; width: 100%;} ol.list_upper_alpha {list-style-type: upper-alpha;} ol.list_lower_alpha {list-style-type: lower-alpha;} ol.list_decimal {list-style-type: decimal; font-size: 0.75em; margin: 1em 20px;} ol.list_decimal li {margin-bottom: 8px;} ol.nice_list {font-size: 0.75em; margin-top: 0;} ul.list_descriptive {font-size: 0.8em; color: #333; margin: 1em 40px; list-style-type: circle;} /* @end */ /* @group links */ /* #intro_text a {color: #3869a0; text-decoration: none;} */ #intro_text a:link, #intro_text a:visited {color: #3869a0; text-decoration: none;} #intro_text a:hover {color: #000; text-decoration: underline;} #intro_text a:active {color: #3869a0; text-decoration: none;} #help_pages a:link, #content_wider a:link, #help_pages a:visited, #content_wider a:visited {color: #3869a0; text-decoration: none;} #help_pages a:hover, #content_wider a:hover {color: #000; text-decoration: underline;} #help_pages a:active, #content_wider a:active {color: #3869a0; text-decoration: none;} p.designed_by a:link, p.designed_by a:visited {color: #3869a0; text-decoration: none;} p.designed_by a:hover {text-decoration: underline;} /* @end */ /* @group extra links */ #extra_links ul {list-style: none; margin: 0; padding: 0 0 0 10px;} #extra_links li {margin: 0; padding: 0; float: left; font-size: 0.75em; text-align:left;} #extra_links span {position: absolute; left: 240px; top: 0; color: #8698a5; width: 400px;} a.extralinks_international:link, a.extralinks_international:visited {background: transparent url(/images/welcome_page/extra_links/extralinks_international.gif) 50% 0 no-repeat; display: block; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_international:hover {background: transparent url(/images/welcome_page/extra_links/extralinks_international.gif) 50% 0 no-repeat; color: #333; background-color: transparent; text-decoration: none; border: none; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_international:active {background: transparent url(/images/welcome_page/extra_links/extralinks_international.gif) 50% 0 no-repeat; display: block; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_international:link span, a.extralinks_international:visited span {display: none;} a.extralinks_international:hover span {text-decoration: none; border: none; display: inline;} a.extralinks_international:active span {display: none;} a.extralinks_airport:link, a.extralinks_airport:visited {background: transparent url(/images/welcome_page/extra_links/extralinks_airportparking.gif) 50% 0 no-repeat; display: block; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_airport:hover {background: transparent url(/images/welcome_page/extra_links/extralinks_airportparking.gif) 50% 0 no-repeat; color: #333; background-color: transparent; text-decoration: none; border: none; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_airport:active {background: transparent url(/images/welcome_page/extra_links/extralinks_airportparking.gif) 50% 0 no-repeat; display: block; width: 45px; height: 50px; padding-top: 40px;} a.extralinks_airport:link span, a.extralinks_airport:visited span {display: none;} a.extralinks_airport:hover span {text-decoration: none; border: none; display: inline;} a.extralinks_airport:active span {display: none;} a.extralinks_car:link, a.extralinks_car:visited {background: transparent url(/images/welcome_page/extra_links/extralinks_carrental.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_car:hover {background: transparent url(/images/welcome_page/extra_links/extralinks_carrental.gif) 50% 0 no-repeat; color: #333; background-color: transparent; text-decoration: none; border: none; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_car:active {background: transparent url(/images/welcome_page/extra_links/extralinks_carrental.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_car:link span, a.extralinks_car:visited span {display: none;} a.extralinks_car:hover span {text-decoration: none; border: none; display: inline;} a.extralinks_car:active span {display: none;} a.extralinks_weather:link, a.extralinks_weather:visited {background: transparent url(/images/welcome_page/extra_links/extralinks_weather.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_weather:hover {background: transparent url(/images/welcome_page/extra_links/extralinks_weather.gif) 50% 0 no-repeat; color: #333; background-color: transparent; text-decoration: none; border: none; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_weather:active {background: transparent url(/images/backgrounds/extralinks_weather.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_weather:link span, a.extralinks_weather:visited span {display: none;} a.extralinks_weather:hover span {text-decoration: none; border: none; display: inline;} a.extralinks_weather:active span {display: none;} a.extralinks_currency:link, a.extralinks_currency:visited {background: transparent url(/images/welcome_page/extra_links/extralinks_currency.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_currency:hover {background: transparent url(/images/welcome_page/extra_links/extralinks_currency.gif) 50% 0 no-repeat; color: #333; background-color: transparent; text-decoration: none; border: none; width: 45px; height: 80px; padding-top: 40px;} a.extralinks_currency:active {background: transparent url(/images/welcome_page/extra_links/extralinks_currency.gif) 50% 0 no-repeat; display: block; width: 45px; height: 80px; padding-top: 10px;} a.extralinks_currency:link span, a.extralinks_currency:visited span {display: none;} a.extralinks_currency:hover span {text-decoration: none; border: none; display: inline;} a.extralinks_currency:active span {display: none;} /* @end */ /* @group form stuff */ input:focus {background: #FFFED9;} div.link_row {clear: both; padding-top: 10px; font-size: 11px; color: #333; width: 450px;} div.link_row_center {clear: both; padding-top: 10px; font-size: 11px; color: #333; text-align: center; margin-bottom: 1em;} div.form_table span.row_left {float: left; width: 210px; text-align: right; display: block; letter-spacing: 1px; font-weight: bold; margin: 3px 5px 0 0; font-size: 11px; color: #333;} div.form_table span.row_right {text-align: left; display: block; margin: 3px 5px 0 200px; font-size: 12px;} .link_info {clear: both; margin: 1em 0; color: #3869a0;} /* payment */ #payment_form {background: #f2f7fc; padding: 20px; margin: 10px 0 20px 0; border: 1px solid #3869a0;} #payment_box #thawte_logo {text-align: center;} #payment_box strong {font-size: 15px; font-weight: bolder; letter-spacing: 1px;} #payment .billing_request {padding: 10px 0; clear: left;} #payment .billing_request input {margin: 5px;} div#checkout_text {background: #E8EFF0; border: 1px solid #999; padding: 10px 7px 7px; width: 550px; line-height: 1.3em;} div.form_sign div#checkout_text, div#studenthome_main_content div#checkout_text {width: 400px; margin: 1em 100px;} /* div.form_sign div#checkout_buttons {background: #fff; width: 400px; border: 1px solid #BFD0D4; margin: 1em 100px;} */ div#checkout_buttons {text-align: center; background: #e9f0f1; border: 1px solid #CED3D6; padding: 10px 7px 7px; width: 550px; line-height: 1.3em;} div.form_sign div#checkout_buttons {margin: 1em 25px;} div#checkout_buttons table {width: 530px;} div#checkout_buttons table td {vertical-align: top;} div#checkout_buttons table td.checkout_left {width: 224px; text-align: center;} div#checkout_buttons table td.checkout_middle {width: 100px; text-align: center; padding-top: 20px;} div#checkout_buttons table td.checkout_right {text-align: center;} div#checkout_buttons span.continue_text {font-size: 0.8em;} div#checkout_buttons p {font-size: 0.7em; margin: 0 0 1em; padding: 0;} div#checkout_buttons form {margin: 1em 0 0;} /* following styles used on contact us page */ div#form_table, div#payment {text-align: left; width: 450px; margin: 0 auto; position: relative;} div#payment span.no_label {display: block;} div#form_table label, div#payment label, div#enterchat_container div.row label, div#payment span.no_label {float: left; text-align: right; width: 174px; margin: 3px 7px 3px 0px; padding-left: 5px; font-size: 0.725em;} table.opening_hours {font-size: 0.7em; margin: 0 0 2em 170px;} div#form_table select, div#payment select, div#enterchat_container div.row select {margin: 3px 0;} div#form_table label, div#payment label, div#enterchat_container div.row label {margin-left: 7px;} #payment .billing_request label {width: 300px;} div.issue_number {clear: both;} div.payment_button {text-align: center; width: 350px; margin: 1em auto 0 auto;} div#form_table input.submit_middle, div#enterchat_container input.submit_middle {display: block; margin: 1em auto;} div#form_table div.row, div#enterchat_container div.row, div#payment div.row {clear: both;} /* new styles now used on all form throughout site */ div.form_sign div.form_row {margin: 7px 0; padding-left: 60px;} div.form_sign div.form_row_break {margin-top: 24px;} div.claims .form_sign .form_row {padding-left: 190px;} div.claims .form_sign .form_row input {float: left;} div.form_sign div.form_row label {padding-right: 3px; color: #333; font-size: 0.8em; font-weight: bolder; letter-spacing: 1px; display: block; width: 240px; float: left; text-align: right; clear: left; margin-right: 5px;} div.form_sign div.form_row_textarea label {margin-top: 40px; clear: both; float: none; text-align: center;} div.form_sign tr td label {padding-right: 3px; color: #333; font-size: 0.8em; font-weight: bolder; letter-spacing: 1px; float: none; text-align: right;} div.form_sign tr td label.orderform_labeltext {font-size: 0.68em;} div.form_sign tr.across td label {font-size: 0.75em; text-align: center; padding: 0; letter-spacing: 0.5px;} div.form_row_checkbox {margin: 7px auto; width: 300px;} div.form_row_checkbox input {display: inline; float: left; margin-right: 10px;} div.form_sign div.form_row_checkbox label {text-align: left; width: auto; color: #333; font-size: 0.8em; font-weight: bolder; letter-spacing: 1px;} /* following used on reciprocal links form */ div.row_onecolumn {text-align: center; margin-bottom: 20px;} div.row_onecolumn label {float: none; display: block; margin-bottom: 0.5em;} /* google checkout button */ div.google_button {padding: 3px 20px 1em 20px;} div.google_button img {border: none;} p.strapline {color: #2474b4; font-size: 15px; letter-spacing: 1px; text-align: center; margin: 2em 20px 0;} div.payment_screenshot1 {background: url(/images/payment/payment_screenshot1.jpg) 50% 100% no-repeat; padding-bottom: 430px;} .security_image {display: block; margin: 1em auto 0;} .date_of_birth_container input {background: #f2f7fc; border: 1px solid #f2f7fc;} .date_of_birth_container label {color: #f2f7fc; font-size: 0.7em;} /* @end */ /* @group lhs links */ #lhs {width: 190px; float: left; display: inline; font-family: Arial, Verdana, Sans-Serif;} #lhs p {font-size: 0.8em; margin: 1em 20px 0; padding: 0 2px;} #lower_section_links {width: 170px; margin-top: 20px; padding-top: 60px; font: 0.685em "Lucida Grande", Lucida, Verdana, sans-serif;} #switch_policy, #ipage_links, .common_side_links {width: 170px; margin-top: 20px; font: 0.58em "Lucida Grande", Lucida, Verdana, sans-serif;} #section_links {width: 170px; margin-top: 20px; font: 0.6em "Lucida Grande", Lucida, Verdana, sans-serif;} #policy_quickjump {width: 170px; font-size: 0.685em; margin: 20px 0;} .menu_narrow {width: 146px; font-size: 10px; line-height: 1.8em;} #lhs ul {margin: 0 0 0 20px; list-style: none; padding: 0 0 0 0; font-weight: bolder; } #lhs li {margin:0; padding: 0; border-right: 1px solid #333; border-left: 1px solid #333;} #lhs .common_side_links li {border-top: 1px solid #b7bfc0;} #lhs li.lhs_links_top {display: block; color: #fff; background: #425cb0; border: 1px solid #3E5B88; padding: 2px 2px 2px 2px; font-size: 1.2em; font-weight: bolder; text-align: center; letter-spacing: 1px;} #lhs #section_links li.lhs_links_top {font-size: 1.1em;} #lhs li.lhs_links_mid {padding: 3px 2px;} #lhs #section_links li.lhs_links_bot, #lhs #lower_section_links li.lhs_links_bot, #lhs #policy_quickjump li.lhs_links_bot {display: block; border-right: none;} #lhs #switch_policy li.lhs_links_bot {border-bottom: 1px solid #999; background-color: #fff;} #lhs a {color: #333; text-decoration: none; display: block; border-bottom: 1px solid #333; padding: 3px 2px 3px 8px; margin: 0; _height: 1em;} #lhs a:link, #lhs a:visited {color: #333; background-color: #fff; text-decoration: none;} #lhs a:hover {color: #fff; background-color: #3869a0; text-decoration: none;} #lhs a:active {color: #333; background-color: #fff; text-decoration: none;} /* new sections links styles overiding some of what goes on above */ #lower_section_links {padding-top: 0px;} #lower_section_links li.lhs_links_top {display: none;} #lower_section_links li {border: 1px solid #333; margin-top: 4px; font-size: 1.02em; text-align: left;} #lower_section_links li a {background: url(/images/buttons/sectionlinks_back.jpg) bottom right no-repeat;} #lower_section_links li a:hover {background-color: #425cb0; background-image: none;} #switch_policy li {} #lhs #switch_policy a, #lhs #ipage_links a, #lhs #section_links a, #lhs .common_side_links a {padding: 10px 30px 10px 8px; margin: 0; _height: 1em;} #lhs #ipage_links a, #lhs #section_links a, #lhs .common_side_links a {padding-right: 8px;} #lhs #section_links a, #lhs #ipage_links a, #lhs .common_side_links a {padding-top: 4px; padding-bottom: 4px;} .js_single_trip {background: url(/images/backgrounds/smallcircle_travel.gif) 97% 50% no-repeat;} .js_annual {background: url(/images/backgrounds/smallcircle_annual.gif) 97% 50% no-repeat;} .js_backpackers {background: url(/images/backgrounds/smallcircle_bpackers.gif) 97% 50% no-repeat;} .js_laptop {background: url(/images/backgrounds/smallcircle_laptop.gif) 97% 50% no-repeat;} .js_student_contents {background: url(/images/backgrounds/smallcircle_student.gif) 97% 50% no-repeat;} .js_ski, .js_wintersports {background: url(/images/backgrounds/smallcircle_ski.gif) 97% 50% no-repeat;} .js_snowboard {background: url(/images/backgrounds/smallcircle_snowboard.gif) 97% 50% no-repeat;} .js_mobile {background: url(/images/backgrounds/smallcircle_mobile.gif) 97% 50% no-repeat;} .js_motor {background: url(/images/backgrounds/smallcircle_redcar.gif) 97% 50% no-repeat;} .js_carbreakdown {background: url(/images/backgrounds/smallcircle_carbreakdown.gif) 97% 50% no-repeat;} .js_dental {background: url(/images/backgrounds/smallcircle_dental.gif) 97% 50% no-repeat;} .js_health {background: url(/images/backgrounds/smallcircle_health.gif) 97% 50% no-repeat;} .js_home {background: url(/images/backgrounds/smallcircle_home.gif) 97% 50% no-repeat;} .js_pet {background: url(/images/backgrounds/smallcircle_pet.gif) 97% 50% no-repeat;} .js_over65s {background: url(/images/backgrounds/smallcircle_over65s.gif) 97% 50% no-repeat;} .js_holiday_home {background: url(/images/backgrounds/smallcircle_holidayhome.gif) 97% 50% no-repeat;} .js_marine {background: url(/images/backgrounds/smallcircle_marine.gif) 97% 50% no-repeat;} .js_static_caravan {background: url(/images/backgrounds/smallcircle_staticcaravan.gif) 97% 50% no-repeat;} .js_touring_caravan {background: url(/images/backgrounds/smallcircle_touringcaravan.gif) 97% 50% no-repeat;} div#ipage_links a:hover, div#section_links a:hover {background: #425cb0;} div#switch_policy a.js_single_trip:hover {background: #425cb0 url(/images/backgrounds/smallcircle_travel-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_annual:hover {background: #425cb0 url(/images/backgrounds/smallcircle_annual-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_backpackers:hover {background: #425cb0 url(/images/backgrounds/smallcircle_bpackers-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_laptop:hover {background: #425cb0 url(/images/backgrounds/smallcircle_laptop-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_student_contents:hover {background: #425cb0 url(/images/backgrounds/smallcircle_student-over.gif) 97% 50% no-repeat} div#switch_policy a.js_ski:hover, div#switch_policy li a.js_wintersports:hover {background: #425cb0 url(/images/backgrounds/smallcircle_ski-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_snowboard:hover {background: #425cb0 url(/images/backgrounds/smallcircle_ski-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_snowboard:hover {background: #425cb0 url(/images/backgrounds/smallcircle_snowboard-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_mobile:hover, div#switch_policy li a.js_mobile:hover {background: #425cb0 url(/images/backgrounds/smallcircle_mobile-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_carbreakdown:hover, div#switch_policy li a.js_carbreakdown:hover {background: #425cb0 url(/images/backgrounds/smallcircle_carbreakdown-over.gif) 97% 50% no-repeat;} div#switch_policy a.js_motor:hover, div#switch_policy li a.js_motor:hover {background: #425cb0 url(/images/backgrounds/smallcircle_redcar-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_dental:hover {background: #425cb0 url(/images/backgrounds/smallcircle_dental-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_health:hover {background: #425cb0 url(/images/backgrounds/smallcircle_health-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_home:hover {background: #425cb0 url(/images/backgrounds/smallcircle_home-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_pet:hover {background: #425cb0 url(/images/backgrounds/smallcircle_pet-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_over65s:hover {background: #425cb0 url(/images/backgrounds/smallcircle_over65s-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_holiday_home:hover {background: #425cb0 url(/images/backgrounds/smallcircle_holidayhome-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_marine:hover {background: #425cb0 url(/images/backgrounds/smallcircle_marine-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_static_caravan:hover {background: #425cb0 url(/images/backgrounds/smallcircle_staticcaravan-over.gif) 97% 50% no-repeat;} div#switch_policy li a.js_touring_caravan:hover {background: #425cb0 url(/images/backgrounds/smallcircle_touringcaravan-over.gif) 97% 50% no-repeat;} body#singletrip_travel div#switch_policy a.js_single_trip, body#annual_travel div#switch_policy a.js_annual, body#backpackers_travel div#switch_policy a.js_backpackers, body#laptop div#switch_policy a.js_laptop, body#computer_common div#switch_policy a.js_laptop, body#computer_laptop div#switch_policy a.js_laptop, body#computer_pda div#switch_policy a.js_laptop, body#computer_server div#switch_policy a.js_laptop, body#computer_peripherals div#switch_policy a.js_laptop, body#laptop_aph div#switch_policy a.js_laptop, body#student_home div#switch_policy a.js_student_contents, body#ski_travel div#switch_policy a.js_ski, body#snowboard_travel div#switch_policy a.js_snowboard, body#snowboard_travel li.lhs_links_bot a.js_snowboard, body#ski_travel div#switch_policy a.js_wintersports, body#wintersports_travel div#switch_policy a.js_wintersports, body#snowboard_travel div#switch_policy a.js_wintersports, body#mobile div#switch_policy a.js_mobile, body#mobile li.lhs_links_bot a.js_mobile, body#mobile_aph div#switch_policy a.js_mobile, body#mobile_aph li.lhs_links_bot a.js_mobile, body#car_breakdown div#switch_policy a.js_carbreakdown, body#car div#switch_policy a.js_motor, body#motor div#switch_policy a.js_motor, body#van div#switch_policy a.js_motor, body#home div#switch_policy a.js_home, body#pet div#switch_policy a.js_pet, body#over65s div#switch_policy a.js_over65s, body#dental_insurance a.js_dental, body#health_insurance a.js_health, body#holiday_home div#switch_policy a.js_holiday_home, body#marine div#switch_policy a.js_marine, body#touring_caravan div#switch_policy a.js_touring_caravan, body#static_caravan div#switch_policy a.js_static_caravan {background-color: #e8eff0;} body#singletrip_travel div#switch_policy a.js_single_trip:hover, body#annual_travel div#switch_policy a.js_annual:hover, body#backpackers_travel div#switch_policy a.js_backpackers:hover, body#laptop div#switch_policy a.js_laptop:hover, body#computer_common div#switch_policy a.js_laptop:hover, body#computer_laptop div#switch_policy a.js_laptop:hover, body#computer_pda div#switch_policy a.js_laptop:hover, body#computer_server div#switch_policy a.js_laptop:hover, body#computer_peripherals div#switch_policy a.js_laptop:hover, body#laptop_aph div#switch_policy a.js_laptop:hover, body#student_home div#switch_policy a.js_student_contents:hover, body#ski_travel div#switch_policy a.js_ski:hover, body#ski_travel div#switch_policy a.js_wintersports:hover, body#snowboard_travel div#switch_policy a.js_snowboard:hover, body#snowboard_travel li.lhs_links_bot a.js_snowboard:hover, body#wintersports_travel div#switch_policy a.js_wintersports:hover, body#snowboard_travel div#switch_policy a.js_wintersports:hover, body#mobile div#switch_policy a.js_mobile:hover, body#mobile li.lhs_links_bot a.js_mobile:hover, body#car_breakdown div#switch_policy a.js_carbreakdown:hover, body#motor div#switch_policy a.js_motor:hover, body#car div#switch_policy a.js_motor:hover, body#van div#switch_policy a.js_motor:hover, body#motor div#switch_policy a.js_motor:hover, body#home div#switch_policy a.js_home:hover, body#pet div#switch_policy a.js_pet:hover, body#over65s div#switch_policy a.js_over65s:hover, body#dental_insurance a.js_dental:hover, body#health_insurance a.js_health:hover, body#holiday_home div#switch_policy a.js_holiday_home:hover, body#marine div#switch_policy a.js_marine:hover, body#touring_caravan div#switch_policy a.js_touring_caravan:hover, body#static_caravan div#switch_policy a.js_static_caravan:hover {background-color: #425cb0;} /* following for bottom link */ #lhs .lhs_links_bot a {border-bottom: none;} #lhs .lhs_links_bot a:link, #lhs .lhs_links_bot a:visited {color: #3869a0; background-color: transparent; text-decoration: none;} /* hover style for bottom main links only */ #lhs #lower_section_links .lhs_links_bot a:hover {color: #333; background: transparent url(../images/sectionlinks_backbot-over.gif) bottom right no-repeat; text-decoration: none;} /*hover style for switch policy bottom link so that background image doesn't disappear */ #lhs #switch_policy .lhs_links_bot a:hover {color: #333; background-color: #f2f7fc; text-decoration: none;} #lhs .lhs_links_bot a:active {color: #3869a0; background-color: transparent; text-decoration: none;} /* #lhs a.lhs_over:a {background-color: #f2f7fc; color: #333;} */ #lhs a.lhs_over:link {background-color: #f2f7fc; color: #333;} #policy_quickjump li.lhs_links_mid {border: none;} #lhs .security_logos {margin: 2em 0 0 20px; text-align: left;} #lhs .security_logos img {margin: 0 0 4px 8px;} #lhs .security_logos a img {margin: 0;} #lhs .security_logos a:link, #lhs .security_logos a:visited {background-color: transparent; border-bottom: none;} #lhs .security_logos a:hover {background-color: transparent;} /* @end */ /* @group get a quote */ /*get a quote NOTE: this is now used on Car Breakdown and snow reports only */ div.getaquote, .getaquote_container {text-align: center; margin: 0px 5px 2em 0;} div.getaquote_container {position: absolute; right: 3px; top: 14px; margin: 0;} .getaquote a, .getaquote_container a {background: #fff url(/images/buttons/getaquote_button_grey.gif) 0 0 no-repeat; display: block; width: 140px; height: 28px;} /* background: #fff url(/images/buttons/getaquote_button_smaller.gif) 0 0 no-repeat; */ .getaquote_container a {margin-top: 0;} .getaquote span, .getaquote_container span {display: none; clear: both;} body#snow_reports div.getaquote {} body#snow_reports .getaquote_container {position: relative; text-align: center;} body#snow_reports .getaquote_container a {background: url(/images/buttons/button_getaquote-ski.gif) 0 0 no-repeat; display: block; width: 130px; height: 35px; margin: 1em 0 1em 210px; _margin: 1em 210px;} /* get a quote button for all other products */ div.buttonquote a span {display: none;} div.buttonquote a {display: block; width: 129px; height: 32px; background: url(/images/buttons/button-quotetrans.gif) 0 0 no-repeat; position: absolute; right: 3px; top: 14px;} div.buttonquote a:hover {background: url(/images/buttons/button-quotetrans-over.gif) 0 0 no-repeat;} /* get a quote used on travel information pages which takes the user down to the calculator anchor link */ a.buttonquote_calculator span, a.getatravelquote span {display: none;} a.buttonquote_calculator {display: block; float: right; background: url(/images/buttons/button_getaquotedown.gif) 50% 50% no-repeat; width: 129px; height: 32px; outline: none;} a.buttonquote_calculator:hover {background: url(/images/buttons/button_getaquotedown-over.gif) 50% 50% no-repeat;} /* get a quote used on travel information pages that have no calculator and require a link back to the main information page in the form of a quote button */ a.getatravelquote {display: block; margin: 1em auto; background: url(/images/buttons/button_getatravelquote.gif) 50% 50% no-repeat; width: 130px; height: 35px; outline: none;} a.getatravelquote:hover {background: url(/images/buttons/button_getatravelquote-over.gif) 50% 50% no-repeat;} /* @end */ /* @group faqs */ #search_box {background: url(/images/back_box_search.jpg) 80px 10px no-repeat; padding-left: 20px; padding-bottom: 20px; text-align: center;} #search_box input {margin-left: 15px;} .catagories_container {float: left; width: 570px; padding-bottom: 1em; text-align: center; margin: 0 0 2em 0;} div.contentbox h3.catagories_heading {background: #425cb0; color: #fff; margin: 2em 0 1em 7px; padding: 3px 0 2px 10px; font-size: 0.9em; border-top: 1px solid #5b4519; border-bottom: 1px solid #999; letter-spacing: 1px; text-align: center; width: 606px;} .catagories_container ul.catagories {list-style: none; padding: 0; margin: 0 0 0 90px; font-size: 0.75em; text-align: center; float: left; text-align: center; _margin-left: 45px; /* for ie only as it doubles the left margin due to the float */} ul.catagories li {margin: 0; padding: 0; margin-bottom: 3px; margin-right: 3px; border: 1px solid #3869a0; display: block; float: left; width: 15em; text-align: center;} ul.catagories li a {display: block; padding: 3px; } ul.catagories li a:link, ul.catagories li a:visited {border: none; background: #fff; color: #333; text-decoration: none;} ul.catagories li a:hover {border: none; background-color: #3869a0; color: #fff; text-decoration: none;} ul.catagories li a:active {border: none; background-color: #fff; color: #3869a0;} .faq_info_box {padding: 0 0 0 0; margin-bottom: 10px; background: url(../images/corners_blue_bl.gif) bottom left no-repeat; clear: right; float: left; width: 570px;} .faq_info_box h2 {font-size: 1.4em; font-weight: bold; color: #3869a0; background: url(../images/container_back_arrows.jpg) 50% 50% repeat-y; border-bottom: 7px solid #3869a0; padding: 1em 0 0 0; line-height: 1.1em; letter-spacing: 1px; margin-top: 0px; margin-bottom: 10px;} .faq_info_box ul {list-style: none; font-size: 0.75em;} .faq_info_box a {color: #3869a0; text-decoration: none;} .faq_info_box a:link, .faq_info_box a:visited {color: #3869a0; text-decoration: none;} .faq_info_box a:hover {color: #000; text-decoration: underline;} .faq_info_box a:active {color: #3869a0; text-decoration: none;} h4.faq_cat_heading {background: url(/images/corners_blue_tl.gif) top left no-repeat; padding: 3px 0 2px 10px; margin: 10px 0 0 0; font-weight: normal; font-size: 0.8em; letter-spacing: 1px; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #333;} ul.faq_list {margin: 0 0 20px 0; padding: 10px 5px 10px 40px; font-size: 0.75em; background: url(/images/corners_white_bl.gif) bottom left no-repeat; border-right: 1px solid #999; list-style-type: circle; color: #3869a0;} ul.faq_list li {margin: 0; padding: 0 5px 0 0;} ul.faq_list a {color: #3869a0; text-decoration: none;} ul.faq_list a:link, ul.faq_list a:visited {color: #3869a0; text-decoration: none;} ul.faq_list a:hover {color: #333; text-decoration: underline;} ul.faq_list a:active {color: #3869a0; text-decoration: none;} /* faq answers page */ div.faq_question span {display: none;} div.faq_answer {background: url(/images/quotes_end.gif) bottom right no-repeat; padding-right: 40px; padding-left: 10px; padding-top: 10px; margin: 1em 20px;} div.faq_answer span {display: block; font-size: 0.75em; background: url(../images/quotes_start.gif) top left no-repeat; padding-left: 50px; padding-top: 10px; color: #333;} div.faq_question {background: url(../images/faq_q.gif) 0 0 no-repeat; padding-left: 70px; margin-left: 20px;} div.faq_question h4 {color: #3869a0; font-weight: bolder; font-size: 1.1em; padding-top: 20px; padding-bottom: 20px; letter-spacing: 1px; margin-right: 20px;} a.faq_yes {background: url(/images/faq_yes.gif) 0 0 no-repeat; display: block; width: 44px; height: 45px; float: left; margin-left: 50px; padding-top: 50px;} a.faq_no {background: url(/images/faq_no.gif) 0 0 no-repeat; display: block; width: 44px; height: 45px; margin-left: 150px; padding-top: 50px;} #travel_area .faq_feedback {text-align: center;} #travel_area .faq_feedback a.faq_yes:link, #travel_area .faq_feedback a.faq_yes:visited {background-color: transparent; color: #ef521b; text-decoration: none;} #travel_area .faq_feedback a.faq_yes:hover {background-color: #fff; text-decoration: underline;} #travel_area .faq_feedback a.faq_yes:active {background-color: transparent; color: #ef521b; text-decoration: none;} #travel_area .faq_feedback a.faq_no:link, #travel_area .faq_feedback a.faq_no:visited {background-color: transparent; color: #ef521b; text-decoration: none;} #travel_area .faq_feedback a.faq_no:hover {background-color: #fff; text-decoration: underline;} #travel_area .faq_feedback a.faq_no:active {background-color: transparent; color: #ef521b; text-decoration: none;} span.feedback_thanks {color: #333; display: block; text-align: center; font-size: 18px;} div.goback {margin: 1em 0 1em 10px;} #new_quote_button a, .goback a {background: url(/laptop_insurance/images/arrow_left.gif) 4px 50% no-repeat; letter-spacing: 2px; margin-right: 20px; padding: 4px 4px 4px 28px; color: #3869a0; text-decoration: none; display: block; width: 8em; font-size: 12px;} #new_quote_button a:link, .goback a:link, #new_quote_button a:visited, .goback a:visited {color: #3869a0; text-decoration: none;} #new_quote_button a:hover, .goback a:hover {text-decoration: none; color: #fff; background-color: #3869a0; text-decoration: none;} #new_quote_button a:active, .goback a:active {color: #3869a0; text-decoration: none;} /* @end */ /* sub info box */ div.sub_info_box {width: 510px; margin-left: 50px; background: url(../images/corners_white_bl.gif) bottom left no-repeat; padding: 0 5px; border-top: 1px solid #999; border-right: 1px solid #999;} /* @group policy wording */ h4.policy_wording_details {background: url(/images/corners_blue_tl.gif) top left no-repeat; padding: 3px 0 2px 10px; margin: 10px 0 0 50px; font-weight: normal; font-size: 0.8em; letter-spacing: 1px; border-bottom: 1px solid #999;} div.policy_wording_list {margin: 0 0 2em 0; padding: 1em; background: #f2f7fc;} div.policy_wording img, div.policy_summary img {border: none;} div.policy_summary a:hover img {text-decoration: none;} div.policy_wording a {color: #3869a0; text-decoration: none;} div.policy_wording a:link, div.policy_wording a:visited {color: #3869a0; text-decoration: none;} div.policy_wording a:hover {color: #333; text-decoration: underline;} div.policy_wording a:active {color: #3869a0; text-decoration: none;} div.policy_wording ul, div.schedule_links ul {font-size: 0.95em; margin: 0 0 1em 30px; padding-bottom: 2em; text-align: center;} div.policy_wording li, div.schedule_links li {float: left; display: block; margin-right: 10px;} div.policy_wording div.policy_wording_list dl {font-size: 0.9em; margin: 0 0 0 50px;} div.policy_wording div.policy_wording_list dt {float: left; width: 50px; display: block; clear: left;} div.policy_wording div.policy_wording_list dd {display: block; padding-top: 10px;} /* new policy wording styles used on travel and car breakdown insurance */ div.policy_wording_top {width: 450px; height: 63px;} div.policy_wording_container {width: 450px; margin: 20px auto; clear: left; background: url(/images/backgrounds/policy_wording_back.gif) bottom left no-repeat; padding-bottom: 20px;} div.policy_wording div.policy_wording_container h3 {font-size: 0.75em; color: #333; text-align: left; margin: 0 0 0 25px; width: 190px; padding: 10px 0 0 0;} div.policy_wording div.policy_wording_container ul {list-style-type: none; margin: 7px 0 0 25px; padding: 0 20px 0 0; font-size: 0.65em; text-align: left; float: left; width: 205px;} div.policy_wording div.policy_wording_container ul li {float: none; padding: 0; margin: 3px 0;} div.policy_wording div.policy_wording_container div.policy_wording_right {} div.policy_wording_container div.policy_wording_right table {font-size: 0.65em; width: 170px;} /* @end */ /* @group summary policy */ .policy_types {font-size: 0.75em; padding-left: 20px;} .summary_outer h2 {font-size: 1.2em; color: #333; font-weight: bolder; border-bottom: 4px solid #333; text-align: left; width: 569px; margin: 1em 0 0 0; padding: 0 0 1px 3px;} table.summary {margin:0; padding:0; font-size: 11px; color: #033d7d; text-align: center; margin-right: 2px;} td.summary_header {padding: 3px 4px; font-size: 14px; color: #fff; font-weight: bolder; text-align: center;} /* background: #425cb0 url(/images/backgrounds/blueswirls_back.jpg) 0 0 no-repeat; */ .summary_policy {border-bottom: 1px solid #999; padding: 10px 3px; text-align: center; color: #333;} .summary_key {border-bottom: 1px solid #999;font-weight: bolder; text-align: right; padding: 10px 3px; color: #3869a0;} .summary_excesskey {border-bottom: 1px solid #999; text-align: right; padding: 3px 3px; background-color: #F2F7FC; margin-bottom: 10px; padding-right: 3px;} .summary_excess {border-bottom: 1px solid #999; 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 {width: 570px; margin: 7px 0 20px 24px; background-color: #fff; border: 1px solid #999;} /* @end */ /* @group policy listings */ div.claims_heading {margin: 0 0 0 0; padding: 3px 0 2px 0px; letter-spacing: 1px; color: #3869a0;} ul.claims_links {font-size: 0.75em; margin: 0 0 20px 10px; padding: 0; list-style: none;} ul.claims_links li {margin: 0; padding:0; display: block; float: left; margin-right: 20px;} ul.claims_links li a.axa, ul.claims_links li a.aul, ul.claims_links li a.select {text-align: center; margin: 0 10px;} ul.claims_links li a.axa {display: block; background: url(/images/underwriter_logos/axa_logo.gif) 50% 0 no-repeat; padding: 30px 0 0 0;} ul.claims_links li a.aul {display: block; background: url(/images/underwriter_logos/towergate100x25.gif) 50% 0 no-repeat; padding: 31px 0 0 0;} ul.claims_links li a.select {display: block; background: url(/images/underwriter_logos/select_logo.gif) 50% 0 no-repeat; padding: 31px 0 0 0;} ul.claims_links li a.whitehorse {display: block; background: url(/images/underwriter_logos/whitehorse_logo.gif) 50% 0 no-repeat; padding: 31px 0 0 0;} div.claims_inner {margin: 1em 0 1em 40px; background: #e9f0f1; border: 1px solid #CED3D6; float: left; clear: left; width: 540px; padding: 0 0 1em; _margin-left: 20px;} div.claims_inner ul.claims_underwriter_information {list-style-type: none; margin: 1em 20px 0 40px; padding: 0; font-size: 12px; line-height: 1.4em; letter-spacing: 1px; text-align: center;} div.claims_inner ul.claims_underwriter_information li {margin: 0; padding: 0;} .claims h3.sub_heading {color: #3869a0;} .claims h4.claims_upper_heading {margin: 1em 30px 0.4em; padding: 0 0 7px 0; color: #2474b4; font-weight: normal; letter-spacing: 2px; font-size: 0.8em; text-align: center;} div.policy_details {margin: 0 0 0 0; padding: 10px 10px 10px 40px; border-left: 1px solid #999; border-right: 1px solid #333; background: #fff;} div.policy_details_bot {margin: 0 0 80px 0; padding: 10px 10px 10px 40px; border-right: 1px solid #333; background: url(../images/corners_white_bl.gif) bottom left no-repeat; text-align: right; font-size: 0.75em;} .claims ol {font-size: 0.75em; margin: 1em 0 1em 20px;} .claims a {color: #3869a0; text-decoration: none;} .claims a:link, .claims a:visited {color: #3869a0; text-decoration: none;} .claims a:hover {color: #5B645F; text-decoration: underline;} .claims a:active {color: #3869a0; text-decoration: none;} .claims p.p_heading {color: #3869a0; padding-bottom: 0;} .claims h5 {color: #3869a0; font-size: 0.8em; margin-bottom: 0; margin-left: 20px; padding-bottom: 0;} div.claims img {border: 0;} .indentleft {margin-left: 20px;} ul.claims_links li span {display: block; font-size: 11px; text-align: center;} /* @end */ /* @group other info lists */ h4.other_info_title {background: url(../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;} ul.other_info {margin: 0 0 20px 60px; padding: 10px 10px 10px 40px; font-size: 0.75em; background: url(../images/corners_white_bl.gif) bottom left no-repeat;} ul.other_info li {margin: 0 0 0 60px;} /* @end */ /* @group certificate download */ div.general_info_box_white a.cert_download, div.contentbox a.cert_download {display: block; width: 70px; min-height: 100px; padding-left: 0px; padding-top: 80px; text-align: center; background: transparent url(/images/certificate_icon.gif) 50% 0 no-repeat; float: left; margin: 0 50px 0 10px; color: #3869a0; text-decoration: none;} div.general_info_box_white a.cert_download:hover, div.contentbox a.cert_download:hover {text-decoration: underline; color: #333;} div.general_info_box_white span.cert_number, div.contentbox span.cert_number {display: block; color: #3869a0; margin-bottom: 1em; font-size: 16px; letter-spacing: 1px; text-align: left; padding: 3px 5px;} /* @end */ /* RHS titles */ #rhs #section_title {height: 110px; margin-bottom: 10px; width: 110px;} #rhs #section_title span {display: none;} .title_singletrip {background: url(../images/title_singletrip.jpg) 0 0 no-repeat;} /* new look styles start here */ #js_container {position: relative; height: 100%; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; background: url(/images/header-all.jpg) 0 0 no-repeat; overflow: hidden; min-height: 800px;} #image_container {background: url(/images/header_all.jpg) 0 0 no-repeat; margin: 0 7px; width: 878px;} .js_clear {background-color: none; background-image: none;} /* end of new look styles */ /* @group helplink */ /* help icons used onlaptop calc, might no longer be required as these have been superceded in the laptop stylesheet */ span.helpicon em {display: none;} a.helplink:link, a.helplink:visited {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 19px; height: 20px; display: block; float: right; clear: right; margin-right: 10px;} a.helplink:hover {background: url(/images/buttons/helpicon_button-over.gif) top left no-repeat; width: 19px; height: 20px; display: block; text-decoration: none; border: none; float: right; clear: right;} a.helplink:active {background: url(/images/buttons/helpicon_button-down.gif) top left no-repeat; width: 19px; height: 20px; display: block; float: right; clear: right;} /* and these are used on the payment pages */ div#payment div.security_code input#security_code {float: left;} #payment a.helplink:link, #payment a.helplink:visited {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 19px; height: 20px; display: block; float: left;} #payment a.helplink:hover {background: url(/images/buttons/helpicon_button-over.gif) top left no-repeat;} #payment a.helplink:active {background: url(/images/buttons/helpicon_button-down.gif) top left no-repeat;} /* here are the help icons used for schedule of benefits */ span.helpicon_schedule em {display: none;} a.helplink_schedule:link {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;} a.helplink_schedule:visited {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 21px; height: 21px; display: block; color: #fff; float: left;} a.helplink_schedule:hover {background: url(/images/buttons/helpicon_button-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/buttons/helpicon_button-down.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;} /* @end */ /* @group buttons */ input.submit_button {background: url(/images/getaquote_button.gif) 0 0 no-repeat; border: none; width: 118px; margin: 0; padding: 0; height: 30px;} 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;} input.submit_smaller {border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 2px; margin: 0; background-color: #F26D0F; color: #fff; font-size: 10px; font-weight: bold; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;} input.submit_smaller:visited {background-color: #033d7d;} input.submit_smaller:hover {background-color: #033d7d;} input.submit_smaller:active {background-color: #033d7d;} input.submit_bigger {border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 2px; margin: 0; background-color: #F26D0F; color: #fff; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serifial, Sans-Serif; letter-spacing: 1px;} input.submit_bigger:visited {background-color: #033d7d;} input.submit_bigger:hover {background-color: #033d7d;} input.submit_bigger:active {background-color: #033d7d;} a.apply_now span, a.button_registerdental span, a.button_renew span {position: absolute; left: -9000px;} a.apply_now {display: block; width: 153px; height: 38px; background: url(/images/buttons/button_continue-whitebk.gif) 0 0 no-repeat; border: none; margin: 0 auto; outline: none;} a.apply_now:hover {background: url(/images/buttons/button_continue-whitebk-over.gif) 0 0 no-repeat;} a.button_registerdental {display: block; width: 153px; height: 38px; background: url(/images/buttons/button_continue-whitebk.gif) 0 0 no-repeat; border: none; margin: 1em 276px 1em 240px; outline: none;} a.button_registerdental:hover {background: url(/images/buttons/button_continue-whitebk-over.gif) 0 0 no-repeat;} /* @end */ /* @group errors */ .error_container {margin: 20px 0;} body#laptop .error_container, body#laptop_aph .error_container {_margin-left: 100px;} #travel_area .error_container fieldset {background-color: #fff; border: 1px solid #fb4227; padding-left: 10px;} #travel_area .error_container legend {color: #fb4227; border: 1px solid #fb4227;} #travel_area .error_container .orderWarning {display: block; _margin-top: 20px;} .orderWarning {font-size: 12px; color: #fb4227;} .orderWarning input {border: 1px solid #fb4227;} ul.error_list {font-size: 11px; color: #fb4227; text-align: left; padding: 0; margin: 0.75em 20px 1.5em 20px; list-style-type: circle;} ul.error_list li {margin: 0; padding: 0;} /* @end */ /* @group errors - new style */ tr.orderWarning {font-size: 11px; color: #fb4227;} body#car_breakdown tr.orderWarning label, body#laptop tr.orderWarning label, body#student_home tr.orderWarning label {font-size: 12.8px; color: #fb4227;} .errors_container {background: #fff url(/images/backgrounds/sign_warning.gif) right 50% no-repeat; width: 400px; padding: 5px 60px 5px; margin: 20px auto; border: 1px solid #d83f3f; clear: both;} .mobile_enter_details_container .errors_container {font-size: 14px;} div.errors_container h3 {color: #d83f3f; font-size: 1.3em; letter-spacing: 2px; margin:0; padding: 0; border: none; text-align: center;} div.errors_container p {color: #d83f3f; text-align: center; padding: 0; margin: 0.3em 0;} div.errors_container ul {margin: 0 0 0 40px; color: #d83f3f; font-size: 0.8em; text-align: left;} .errors_container fieldset {border: 1px solid #fb4227;} .errors_container legend {font-size: 14px; color: #fb4227; background-color: #fff; text-align: left; padding: 2px 3px; border: 1px solid #fb4227;} .errors_warning {font-size: 10px; color: #fb4227; margin-left: 5px;} .laptop_enter_details_container .errors_container {margin-left: 60px;} body#laptop div.errors_centered .errors_container, body#laptop_aph div.errors_centered .errors_container {margin-left: 60px;} .mobile_enter_details_container .errors_container li, mobile_enter_details_container .errors_warning {font-size: 12px;} body#singletrip_travel div#renewals div.errors_container {margin-left: 30px;} /* @end */ /* @group post code checker */ div.postcode_search {padding: 0; text-align: left; margin-bottom: 10px;} div.postcode_search_results {padding: 10px; text-align: center; margin-bottom: 10px;} /* border: 1px solid #3869a0; */ div.postcode_search_results option {font-size: 9px;} div.postcode_search p {font-size: 14px; letter-spacing: 1px;} /* @end */ /* @group contact page */ #help_pages {_padding-bottom: 300px;} .email_ref_number {display: block; text-align: center; font-size: 1.1em; color: #3869a0; margin-bottom: 2em;} #enterchat_container {margin: 2em auto; width: 440px; border: 2px solid #dbe6f1; background: #f2f7fc url(/images/enterchat.gif) top right no-repeat; padding: 20px 90px 20px 20px;} #enterchat_container a#enterchat { display: block; float: right; padding: 65px 0 0 0; overflow: hidden; background: url(/images/enterchat.gif) 0 0 no-repeat; background-repeat: no-repeat; height: 0px !important; height /**/:65px; /*for ie5 */ } /* @end */ /* @group affilliates program */ .aff_form {text-align: center; margin: 10px auto;} .aff_code {text-align: center; margin: 1em auto; -moz-border-radius-topright: 0.6em; -moz-border-radius-bottomright: 0.6em; -moz-border-radius-topleft: 0.6em; -moz-border-radius-bottomleft: 0.6em; border: 2px solid #3869a0; width: 300px; padding: 20px;} .aff_code span {display: block; color: #3869a0; font-weight: bolder; font-size: 1.1em; letter-spacing: 1px;} .aff_code p {margin: 0; padding: 0;} dl.aff_list {margin: 10px 20px 20px 20px; padding: 5px;} dl.aff_list dt {font-size: 14px; font-weight: bolder; padding: 3px; background: #3869a0; color: #fff; text-align: center;} dl.aff_list dd {margin: 0 0 20px 0; padding: 7px; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; text-align: center;} dl.aff_list dd p {font-size: 10px; padding: 5px 20px;} dl.aff_list dd textarea {font-size: 11px;} /* @end */ /* @group tracking codes */ /* used to contain the tracking code from google and eTrax so that they validate properly */ div#code img {border: none;} /* @end */ /* @group validated */ #validated {clear: both; margin: 0 7px 0 50px; display: block; text-align: right;} #validated img {border: none;} /* @end */ /* @group sitemap */ /* google sitemap styles below */ priority, lastmod {display: none;} url loc {color: #3869a0; display: block; font-size: 10px;} /* main sitemap styles below */ .sitemap_back_travel {background: #e8eff0 url(/images/sitemap/sitemap_travel.gif) top right no-repeat;} .sitemap_back_mobile {background: #e8eff0 url(/images/sitemap/sitemap_mobile.gif) top right no-repeat;} .sitemap_back_laptop {background: #e8eff0 url(/images/sitemap/sitemap_laptop.gif) top right no-repeat;} .sitemap_back_student {background: #e8eff0 url(/images/sitemap/sitemap_student.gif) top right no-repeat;} .sitemap_back_carbreakdown {background: #e8eff0 url(/images/sitemap/sitemap_carbreakdown.gif) top right no-repeat;} .sitemap_back_health {background: #e8eff0 url(/images/sitemap/sitemap_health.gif) top right no-repeat;} .sitemap_back_js {background: #e8eff0 url(/images/sitemap/sitemap_js.gif) top right no-repeat;} .sitemap_back_car, .sitemap_back_motor {background: #e8eff0 url(/images/sitemap/sitemap_redcar.gif) top right no-repeat;} .sitemap_back_home {background: #e8eff0 url(/images/sitemap/sitemap_home.gif) top right no-repeat;} .sitemap_back_pet {background: #e8eff0 url(/images/sitemap/sitemap_pet.gif) top right no-repeat;} #sitemap {margin-left: 10px;} div#sitemap h3 {clear: left; color: #333; letter-spacing: 4px;} #sitemap h3 a:link, #sitemap h3 a:visited {color: #333; text-decoration: none;} #sitemap h3 a:hover {color: #5b645f; text-decoration: underline;} #sitemap h3 a:active {color: #333; text-decoration: none;} #sitemap ul li a:link, #sitemap ul li a:visited {color: #333; text-decoration: none;} #sitemap ul li a:hover {color: #5B645F; text-decoration: underline;} #sitemap ul li a:active {color: #333; text-decoration: none;} div#sitemap ul {float: left; margin: 0 0 30px 20px; padding: 20px; width: 528px; list-style-type: circle; border: 1px solid #B6C0CA; min-height: 50px; height: auto !important; height: 50px; background-color: #e8eff0;} #sitemap ul li {padding: 3px 0 3px 4px;} #sitemap div#sitemap_products ul li {width: 250px; float: left; clear: none;} div#sitemap div#sitemap_products ul li#sitemap_travel_lower {float: none; width: 528px; clear: left; list-style-type: none; padding: 0; margin: 0;} div#sitemap div#sitemap_products ul li#sitemap_travel_lower ul {float: none; border: none; margin: 0; padding: 1em 0 0;} div#sitemap div#sitemap_products ul li#sitemap_travel_lower ul li {float: none; font-size: 1.2em; width: 500px;} div#sitemap div#sitemap_key ul li {margin-left: 20px;} div#sitemap div#sitemap_key ul li a {font-size: 14px; letter-spacing: 1px; display: block; padding: 3px 3px 3px 0;} /* @end */ /* @group form validation styles */ input.disabled { border: 1px solid #fc7d00; background-color: #fff; /* f2f2f2 */ color: #fc7d00; } input.required, textarea.required { border: 1px solid #00A8E6; } input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; } input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { text-align: center; margin: 5px 0; padding: 3px 2px; color : #fb4227; font-weight: bold; letter-spacing: 1px; font-size: 9px; } .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; } /* @end */ /* @group resort quick search */ #ski_info dl.search_list {border: 1px solid #999; background: #f5fff0; padding: 5px 60px 10px 5px; _padding: 5px 0 10px 5px;} #ski_info dl.search_list dd em {display: block; font-size: 10px; font-weight: bolder; padding-bottom: 3px; font-style: normal;} span#indicator1 {display: block;} div.autocomplete {position:absolute; width:200px; background-color: white; border: 1px solid #888; margin: 0px; padding: 0px;} 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;} /* following added to fix ie6 z-index bug! */ div#resort_field {z-index: 21; position: relative;} #autocomplete_choices {z-index: 100; position: relative;} div#last_field {z-index: 20;} 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;} /* quick search at top of screen */ #resort_quicksearch {text-align: right;} #resort_quicksearch span.search_title {font-size: 11px;} /* @end */ /* @group renewals */ ul#list_left, ul#list_right {list-style: none;} ul#list_left li a span, ul#list_right li a span {display: none;} ul#list_left li a {display: block; width: 150px; height: 100px; background: url(/images/buttons/renewalsbutton-annualtravel.jpg) 0 0 no-repeat;} ul#list_right li a {display: block; width: 150px; height: 100px; background: url(/images/buttons/renewalsbutton-laptop.jpg) 0 0 no-repeat;} ul#renewals_list {list-style: none;} ul#renewals_list li {margin: 10px 0; padding-left: 210px; padding-right: 5px; border: 1px solid #333;} ul#renewals_list li span {font-size: 12px; color: #333; padding-top: 8px;} ul#renewals_list li#renewals_laptop span {font-size: 10px; _line-height: 0.5em;} ul#renewals_list li {width: 320px;} li#renewals_js {background: url(/images/backgrounds/renewals_header_js.gif) 0 50% no-repeat; height: 23px;} li#renewals_tio {background: url(/images/backgrounds/renewals_header_tio.gif) 0 0 no-repeat; height: 23px;} li#renewals_annual {background: url(/images/backgrounds/renewals_header_annual.gif) 0 0 no-repeat; height: 26px;} li#renewals_ski {background: url(/images/backgrounds/renewals_header_ski.gif) 0 0 no-repeat; height: 30px;} li#renewals_boardsure {background: url(/images/backgrounds/renewals_header_boardsure.gif) 0 0 no-repeat; height: 30px;} li#renewals_laptop {background: url(/images/backgrounds/renewals_header_laptop.gif) 0 50% no-repeat; height: 45px; _padding-top: 14px;} a.button_renew {display: block; margin: 1em auto; background: url(/images/buttons/button_renewpolicy.gif) 0 0 no-repeat; width: 129px; height: 32px;} a.button_renew:hover {background: url(/images/buttons/button_renewpolicy-over.gif) 0 0 no-repeat;} #side_login div.form_sign_button, #side_login .form_row, #side_login h4 {width: 200px; background: #fff; padding: 0; margin: 0 15px; text-align: center;} #side_login .form_row {font-size: 0.8em; margin-bottom: 1em;} #side_login h4 {font-size: 1.1em; border-top: 1px solid #8ea1aa; padding-top: 14px; margin-top: 1em;} #side_login .side_form {border: 1px solid #647279; background: #f0f7fa; width: 200px; margin: 1em 15px 0;} #side_login .side_form span {display: block; text-align: center; font-size: 0.9em; font-weight: bolder; padding: 3px 0;} #side_login .side_form .form_row, #side_login .side_form div.form_sign_button {margin: 0 10px; width: 180px; background: #f0f7fa;} #side_login a.link_open, #side_login a.link_close {font-size: 0.8em; letter-spacing: 1px; font-weight: bolder; text-decoration: none; color: #3869a0; display: block; border: 1px solid #C1CDD3; padding: 3px 0 3px 12px; width: 188px; margin: 1em 15px 0; text-align: center;} #side_login a.link_open {background: url(/images/buttons/open_triangle.gif) 4px 5px no-repeat; text-decoration: none;} #side_login a.link_close {background: url(/images/buttons/close_triangle.gif) 3px 5px no-repeat; text-decoration: none;} #side_login a.link_open:link, #side_login a.link_open:visited {color: #3869a0; text-decoration: none;} #side_login a.link_open:hover, #side_login a.link_close:hover {text-decoration: underline;} #side_login .side_form a.link_open, #side_login .side_form a.link_close {border: none; margin: 0;} #side_login .side_form a.link_open:active, #side_login .side_form a.link_close:active {outline: none;} #side_login {position: absolute; left: 654px; top: 150px; width: 231px; z-index: 100;} .side_login {background: url(/images/backgrounds/side_login-mid.gif) 0 0 repeat-y;} #side_login h3 {width: 221px; margin: 0; padding: 12px 5px 5px; font-size: 1.1em; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; font-weight: bolder; letter-spacing: 2px; text-align: center; background: url(/images/backgrounds/side_login-top.gif) 0 0 no-repeat; min-height: 40px; height: auto !important; height: 40px;} #side_login #side_login_lower h3 {font-size: 0.9em; color: #333;} #side_login p, #side_login h4 {text-align: center;} #side_login-bot {width: 231px; height: 21px; background: url(/images/backgrounds/side_login-bot.gif) 0 100% no-repeat; margin-bottom: 2em;} div.form_sign_button {padding-bottom: 20px;} /*a.renew_button {display: block; margin: 20px 0 0 460px; background: url(/images/buttons/renew_button.gif) 0 0 no-repeat; width: 110px; height: 28px;} a.renew_button span {position: absolute; left: -9000px;}*/ /* see resort quick search group for ie6 z-index bug fix for resort searches */ /* @end */ /* @group quote results */ /* these are common styles used to show all quote results */ #quote_results {margin: 1em 20px; width: 546px; background: #E8EFF0; border: 1px solid #999; color: #333; padding: 3px 20px; font-size: 0.75em; position: relative;} #quote_results table tr td h3 {color: #333; border-bottom: 1px solid #999;} #quote_results #quote_left {float: left; width: 240px; padding-top: 20px;} #quote_results table {border-left: 1px solid #999; padding-left: 10px; font-weight: bolder;} #quote_results table td strong {text-align: right;} /* new buttons */ #quote_results #quote_left p, td.order_instructions p {font-size: 18px; text-align: center; background: url(/images/backgrounds/quotearrow_down.gif) 50% bottom no-repeat; padding-bottom: 30px;} #quote_results a#newquote {outline: none; display: block; width: 68px; height: 20px; background: url(/images/buttons/button_newquote.gif) 0 0 no-repeat; border: none; position: absolute; bottom: 4px; right: 4px;} #quote_results a#emailquote {outline: none; display: block; width: 68px; height: 20px; background: url(/images/buttons/button_emailquote.gif) 0 0 no-repeat; border: none; position: absolute; bottom: 4px; right: 190px;} div.contentbox a.getquote_small, div.contentbox a.getquote_small:link {display: block; width: 89px; height: 24px; background: url(/images/buttons/button_getaquotesmall.gif) 0 0 no-repeat; position: absolute; bottom: 10px; right: 7px; outline: none;} div.contentbox a.getquote_small:hover {background: url(/images/buttons/button_getaquotesmall-over.gif) 0 0 no-repeat;} a#button_goback {display: block; width: 68px; height: 20px; background: url(/images/buttons/button_back.gif) 0 0 no-repeat; margin-left: 30px;} a#button_continue {display: block; width: 101px; height: 34px; background: url(/images/buttons/button_continue.gif) 0 0 no-repeat;} #quote_results a#newquote span, #quote_results a#emailquote span, a#button_goback span, a#button_continue span, div.contentbox a.getquote_small span {position: absolute; left: -9000px;} /* @end */ /* @group recipricol links styles */ /* @group front page list of links */ #links_container ul.rlinks_block li a {display: block; padding: 3px 3px 1px 3px; line-height: 1.1em; border: 1px solid #3869a0; vertical-align: middle; background: #425cb0 url(/images/backgrounds/policydetails_back.jpg) 0 0 no-repeat; text-decoration: none; min-height: 3em; height: auto !important; height: 3em;} #links_container ul.rlinks_block li a:link, #links_container ul.rlinks_block li a:visited {color: #fff; border: 1px solid #3869a0; background: #425cb0 url(/images/backgrounds/policydetails_back.jpg) 0 0 no-repeat; text-decoration: none;} #links_container ul.rlinks_block li a:hover {background: #fff; color: #3869a0; text-decoration: none; border: 1px solid #3869a0;} #links_container ul.rlinks_block li a:active {color: #fff; border: 1px solid #033d7d; background: #425cb0 url(/images/backgrounds/policydetails_back.jpg) 0 0 no-repeat;} #links_container {padding-left: 40px;} /* @end */ .rlinks_block_container {float: left; width: 100%; margin:0; padding:0; padding-bottom: 1em; text-align: left; margin: 2em 0 ; display: inline; text-align: center;} ul.rlinks_block {width: 580px; padding: 0; display: inline; font-size: 0.9em;} ul.rlinks_block li {margin: 0; padding: 0; margin-bottom: 10px; margin-right: 10px; display: block; float: left; width: 12em; text-align: center; } div.links_errors_container {background: #fff url(/car_breakdown_insurance/images/backgrounds/sign_warning.gif) right 50% no-repeat; width: 450px; padding: 5px 60px 5px 10px; margin: 20px auto; border: 1px solid #d83f3f;} div.links_errors_container h3 {color: #d83f3f; font-size: 1.3em; letter-spacing: 2px; margin:0; padding: 0; border: none; text-align: center;} div.links_errors_container p {color: #d83f3f; text-align: center; padding: 0; margin: 0.3em 0;} div.links_errors_container ul {margin: 0 0 0 10px; color: #d83f3f; font-size: 0.8em;} div.ext_links {padding: 0 40px 1em; font-size: 0.8em;} /* @end */ /* @group information pages */ /* the following styles are used by all the information pages throughout the site, this replaces travel_text_new */ #ipage {margin: 1em 20px; color: #000;} #travel_main_content .contentbox #travel_text_new .small_print_text {font-size: 0.8em;} #travel_main_content .contentbox #travel_text_new .small_print_text h3 {color: #000;} #travel_main_content .contentbox #travel_text_new .small_print_text p {margin: 0 0 0 20px; padding: 0;} /* @end */ /* @group ComparetheMarket page */ .ctm {background: url(/images/backgrounds/ctm-js.jpg) 100% 0 no-repeat; padding-right: 180px; margin: 0 20px 0 10px; line-height: 1.3em; min-height: 200px; height: auto !important; height: 200px;} a.ctm_links {display: block; font-size: 0.9em; text-decoration: none; padding: 7px 0 7px 40px; margin: 8px 0 8px 60px; outline: none;} a#ctm_car {background: url(/images/backgrounds/smallcircle_redcar.gif) 0 0 no-repeat;} a#ctm_home {background: url(/images/backgrounds/smallcircle_home.gif) 0 0 no-repeat;} a#ctm_van {background: url(/images/backgrounds/smallcircle_van.gif) 0 0 no-repeat;} /* new common styles used for quotezone */ .qz_text-left {float: left; margin: 0 20px 0 30px; width: 240px;} div.qz_quote_box {width: 300px; margin: 0 0 2em 300px; text-align: center; line-height: 1.4em; background: url(/motor_insurance/images/backgrounds/quote_box-bot.gif) 0 100% no-repeat; padding: 0 0 1em; _margin-left: 0;} div.qz_quote_box p.qz_quote_box_top {background: url(/motor_insurance/images/backgrounds/quote_box-top.gif) 0 0 no-repeat; width: 300px; padding: 1em 0 0; margin: 0 0 1em 0; font-size: 14px;} div.qz_quote_box p {color: #000; text-align: center; padding: 0;} div.qz_quote_box p.qz_quote_box_top strong {display: block; font-size: 15px; letter-spacing: 2px; margin: 0 5px;} div.qz_quote_box p.quotezone_logo {background: url(/motor_insurance/images/backgrounds/qz_logo.gif) 0 50% no-repeat; margin: 0 auto; padding-left: 23px; text-align: left; width: 160px;} div.qz_quote_box p em {font-size: 14px; font-style: normal; margin-left: 0; color: #334659;} /* margin left overides a previous styles used in universal stylesheet for em's */ p.qz_instructions {clear: left; line-height: 1.3em; margin: 0.5em 0 0 20px;} p.qz_instructions_lower {line-height: 1.3em; margin: 0.5em 200px 0 20px;} .qz_quote_box a.getquote {background-image: url(/images/buttons/button_getaquote_blue.gif);} .qz_quote_box a.getquote:hover {background-image: url(/images/buttons/button_getaquote_blue-over.gif);} /* css background image replacement */ .imagereplace {display:-moz-inline-box; display: inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /* text-indent set to 0 elsewhere for both IE6 & IE7 */ /* @end */ /* @group Search123 XML ads */ .xml_ads {font-size: 0.8em; margin: 1em 20px;} .xml_ads h4 {color: #333; font-size: 1.1em; text-align: center;} .xml_ads dl dt, .xml_ads dl dd {margin: 0; padding: 0;} .xml_ads dl {background: #fff; border: 1px solid #768081; margin: 0 0 1em 0; padding: 5px 0;} /* border-left: 1px solid #768081; border-bottom: 1px solid #768081; */ .xml_ads dl:hover {background: #A0C2F5; border-color: #5F728F;} .xml_ads dl dt {font-weight: bold; text-align: center;} .xml_ads dl dd {text-align: center;} .xml_ads dl dd.search123_url {font-size: 0.7em; text-align: center;} #lhs .xml_ads a {background: transparent; border: none; padding: 2px 4px;} #lhs .xml_ads a:hover {background: transparent; color: #333;} /* @end */ /* @group code style */ .code_example {background: #f0f6fc; border: 1px solid #999; padding: 4px; margin: 1em 40px; line-height: 1.1em; font-size: 0.8em;} /* @end */ /* @group some ie hacks */ #sidepic {_margin-left: 5px;} /* added for ie6 only as it keeps doubling the previously set margin */ #intro_text {_margin-top: 20px;} /* for ie only to make it push the text container down same as firefox */ #insurance_footer {_padding-right: 20px;} /* for ie only as the text keeps dissappearing oon the faq page */ #circle_links {_height: 600px;} /* added for ie eyes only as it doesn't understand min-height! */ div.ie_taller div.info_box_left {_margin-bottom: 300px;} /* used pages where the content isn't tall enough to force the extra links at the bottom down a bit but not on longer pages */ div.small_info_box_heading { height: 1%; /* added to stop ie6 doing the doubling background image triggered by a float bug */ } #schedule_table { _height: 100%; /* put in for ie6 only as it kept cutting off the bottom of the table */ } #js_container { _padding-bottom: 300px; /* for ie only so that it pushes the container below botom of screen */ } /* faqs */ .catagories_container { _width: 567px} /* added to stop it bleeding over the right border of its' container div */ /* sitemap */ div#sitemap ul {_margin-left: 10px; _padding-left: 10px; _width: 528px;} div#sitemap #sitemap_key ul {} ol.list_upper_alpha, ol.list_lower_alpha, ol.list_decimal {_padding-left: 40px;} ul.list_descriptive {_margin-left: 60px;} /* quotezone */ .imagereplace {_text-indent: 0;} .qz_text-left {_margin-left: 15px;} /* @end */