/* this stylesheet used for the computer_insurance area only */

/* @group main layout */
#laptop_intro {width: 689px; float: left; clear: both;}
/* @end */

/* @group calculator */
#laptop_calculator {background: url(https://www.jsinsurance.co.uk/images/corners_white_bl.gif) bottom left no-repeat; position: relative; border-right: 1px solid #999;}

#laptop_calculator h3 {font-size: 1.2em; font-weight: bold; color: #3869a0; background:  url(https://www.jsinsurance.co.uk/images/container_back_arrows.jpg) 50% 50% repeat-y; border-bottom: 7px solid #3869a0; padding: 10px 0 0 0; line-height: 1.1em; letter-spacing: 1px; margin-top: 0;}

.calc_laptop {width: 500px; font-size: 11px; color: #333;}
.calc_inner {padding: 5px 10px 20px 60px; width: 388px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #333; border-left: 1px solid #333; text-align: left; float: left; clear: both; margin: 0 0 5px 50px;}
#laptop_calculator p {color: #333; margin-top: 1em;}
span.calc_title {font-size: 14px; color: #3869a0; border-bottom: none;  padding: 0; margin: 0; line-height: 1.5em; text-align: left; display: block; letter-spacing: 1px;}
span.calc_text {font-size: 11px; color: #333; display: block; text-align: left;}
.calc_inner label, .calc_laptop_middle label {text-align: right; float: left; width: 180px; margin: 3px 0 3px 50px; font-size: 11px;}
.calc_inner input, .calc_laptop_middle input {margin: 3px 5px; font-size: 11px; text-align: left; color: #000;}
.calc_inner select, .calc_laptop_middle select {margin: 3px 5px 10px 5px; text-align: left; color: #000;}
.calc_laptop_middle {padding: 5px 10px 10px 60px; width: 388px; margin: 0 0 5px 50px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #333; border-left: 1px solid #333; text-align: left; float: left; clear: both; background: #fff url(/computer_insurance/images/back_calc_years.jpg) 0 -10px no-repeat; font-size: 11px;}

.calc_inner, .calc_laptop_middle {margin-left: 80px;}

.calcback_desktop {background: url(/computer_insurance/images/back_calc_desktop.jpg) 0 0 no-repeat;}
.calcback_laptop {background: url(/computer_insurance/images/back_calc_laptop.jpg) top left no-repeat;}
.calcback_pda {background: url(/computer_insurance/images/back_calc_pda.jpg) top left no-repeat;}
.calcback_fixed {background: url(/computer_insurance/images/back_calc_printer.jpg) top left no-repeat;}
.calcback_camera {background: url(/computer_insurance/images/back_calc_cam.jpg) top left no-repeat;}
.calcback_server {background: url(/computer_insurance/images/back_calc_server.jpg) 0 0 no-repeat;}
.calcback_worldwide label {width: 280px; margin-left: 0;}
.calcback_worldwide span.calc_text {display: block; margin-bottom: 1em;}
.calcback_worldwide {background: transparent url(/computer_insurance/images/back_calc_worldwide.jpg) top left no-repeat; padding-left: 10px; width: 438px;}
.chooseproduct_container {width: 380px; font-size: 1.1em; color: #333;border-bottom: 1px solid #DBE6F1; padding: 5px 0; position: relative; background: #fff;  margin: 5px 0 0 20px; border: 1px solid #a3bcd4; background-color: #f2f7fc;}
.float_container {float: left;}


div#laptop_area div.calc_rightcolumn {float: right; width: 180px; margin-right: 20px; _width: 170px;}
div#laptop_area div.calc_rightcolumn .calc_help {border: 1px solid #999; background: #E8EFF0; padding: 20px 0 55px 0;}
div#laptop_area div.calc_help p {font-size: 0.9em; line-height: 1.3em;}

div.chooseproduct {text-align: left;}
div.chooseproduct label {display: block; padding: 3px 0 7px 77px; margin-left: 7px; min-height: 65px; height: auto !important; height: 65px; width: 193px; float: left;}

label.calcimage_laptop {background: url(/computer_insurance/images/buttons/choose_laptop.jpg) 0 0 no-repeat;}
label.calcimage_pda {background: url(/computer_insurance/images/buttons/choose_pda.jpg) 0 0 no-repeat;}
label.calcimage_fixed {background: url(/computer_insurance/images/buttons/choose_fixed.jpg) 0 0 no-repeat;}
label.calcimage_camera {background: url(/computer_insurance/images/buttons/choose_cam.jpg) 0 0 no-repeat;}

div.chooseproduct input {display: block; margin: 20px 0 0 280px; width: 22px; height: 22px;}

/* help icons used onlaptop calc */
span.helpicon em {display: none;}
a.helplink:a {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 19px; height: 20px; display: block; position: absolute; top: 3px; right: 3px;}
a.helplink:link, a.helplink:visited {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 19px; height: 20px; display: block; position: absolute; top: 3px; right: 3px}
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; position: absolute; top: 3px; right: 3px}
a.helplink:active {background: url(/images/buttons/helpicon_button-down.gif) top left no-repeat; width: 19px; height: 20px; display: block; position: absolute; top: 3px; right: 3px}


/* the styles above were overiding the helplink on the laptop payment page so the following fixes that */
#payment a.helplink:a {position: relative;}
#payment a.helplink:link, #payment a.helplink:visited {position: relative;}


div.calculator_information {font-size: 0.75em; padding: 0 10px 7px;}

span.helptext {position: absolute; right: 20px; bottom: 5px; color: #3869a0; width: 250px;}
a.helplink:a span.helptext {display: none;}
a.helplink:link span.helptext {display: none;}
a.helplink:visited span.helptext {display: none;}
a.helplink:hover span.helptext {text-decoration: none; display: inline; color: #3869a0;}
a.helplink:active span.helptext {display: none;}


/* @end */

/* @group computer welcome page */
/* new home page for computer insurance */
div.computer_home dl {font-size: 0.85em; margin: 0; padding: 0; width: 514px; margin: 0 60px 1em; padding: 12px 0 0 0;}
div.computer_home dt, div.computer_home dd {margin: 0;}
div.computer_home dt {padding: 7px 0 7px 75px;}
div.computer_home dt a {font-size: 1.3em; letter-spacing: 2px;}
div.computer_home dd {font-size: 0.85em; padding: 0 100px 7px 85px;}
div.computer_home dd.chooseproduct-bot {position: relative; background: url(/computer_insurance/images/choose/chooseproducts-bot.gif) 0 100% no-repeat; min-height: 12px; height: auto !important; height
17px; _padding: 7px 0;}
div.computer_home dd em {font-style: normal;}

div.computer_home dl.choose_desktop {background: url(/computer_insurance/images/choose/chooseproducts-desktop.jpg) 0 0 no-repeat;}
div.computer_home dl.choose_laptop {background: url(/computer_insurance/images/choose/chooseproducts-laptop.jpg) 0 0 no-repeat;}
div.computer_home dl.choose_fixed {background: url(/computer_insurance/images/choose/chooseproducts-printer.jpg) 0 0 no-repeat;}
div.computer_home dl.choose_pda {background: url(/computer_insurance/images/choose/chooseproducts-pda.jpg) 0 0 no-repeat;}
div.computer_home dl.choose_server {background: url(/computer_insurance/images/choose/chooseproducts-server.jpg) 0 0 no-repeat;}

div#laptop_main_content div.contentbox a.getquote_small, div#laptop_main_content div.contentbox a.getquote_small:link, div#laptop_main_content div.contentbox a.getquote_small:visited {position: absolute; bottom: 4px; right: 7px; outline: none;} 
div#laptop_main_content div.contentbox a.getquote_small:hover {background: url(/images/buttons/button_getaquotesmall-over.gif) 0 0 no-repeat;}

/* ie6 hacks */
div.computer_home dd.chooseproduct-bot {_padding: 7px 0; _float: right;}
div#laptop_main_content div.contentbox a.getquote_small, div#laptop_main_content div.contentbox a.getquote_small:link, div#laptop_main_content div.contentbox a.getquote_small:visited {_position: static; _float: right; _margin-right: 4px;}

/* @end */

/* @group front page */


.laptop_front_welcome {}
.laptop_front_welcome_inner {background: url(/computer_insurance/images/laptop_front_image.jpg) 100% 0 no-repeat; padding: 5px 140px 0 0; margin: 1em 0; min-height: 350px; width: 460px;}
.laptop_front_welcome_inner ul {width: 280px; margin: 0 0 0 40px; padding: 1em 5px; font-size: 14px;  color: #333; text-align: left; list-style: none; _padding-left: 80px;}
.laptop_front_welcome_inner li {font-size: 0.875em; color: #333; text-align: left; margin-bottom: 1em;}
div.welcome_pda_inner {background: url(/computer_insurance/images/backgrounds/usingpda_back.jpg) 100% 100% no-repeat; width: 300px; border: 1px solid #A4A9B3; margin: 1em 20px 1em 30px; padding: 10px 260px 10px 10px; min-height: 320px; height: auto !important; height: 320px;}
div.welcome_computer_inner {background: url(/computer_insurance/images/backgrounds/welcome_dellpcback.jpg) 0 100% no-repeat; width: 300px; border: 1px solid #A4A9B3; margin: 1em 20px 1em 30px; padding: 10px 10px 10px 260px; min-height: 350px; height: auto !important; height: 350px;} 

body#computer_peripherals #travel_text_new {background: #f6f6f8 url(/computer_insurance/images/backgrounds/externaldrive_back.jpg) 100% 100% no-repeat; width: 300px; border: 1px solid #A4A9B3; margin: 1em 20px 1em 30px; padding: 10px 260px 10px 10px; min-height: 280px; height: auto !important; height: 280px;}

body#computer_server #travel_text_new {background: #fff url(/computer_insurance/images/backgrounds/servers_back.jpg) 0 100% no-repeat; width: 300px; border: 1px solid #A4A9B3; margin: 1em 20px 1em 30px; padding: 10px 260px 100px 10px; min-height: 220px; height: auto !important; height: 220px;}

/* @end */


/* @group enter details form */
.laptop_enter_details_container {}
.fieldset_standard_back {background-color: #f2f7fc;}
.fieldset_standard_back a {color: #3869a0; text-decoration: none;}
.fieldset_standard_back a:link, .fieldset_standard_back a:visited {color: #3869a0; text-decoration: none;}
.fieldset_standard_back a:hover {color: #5B645F; text-decoration: underline;}
.fieldset_standard_back a:active {color: #3869a0; text-decoration: none;}
.laptop_premium_total {text-align: left; padding: 3px 5px 3px 60px; font-size: 15px;}
.laptop_premium_total dt {width: 120px; display: block; color: #333; background-color: #f2f7fc; margin-bottom: 2px; padding-left: 2px;}
.laptop_premium_total dd {color: #000; background-color: #f2f7fc; margin-bottom: 2px;}
.laptop_premium_total dt.premium_total {font-weight: bolder;}
.laptop_premium_total dd.premium_total {font-weight: bolder;}
.laptop_enter_details_container fieldset {border: 1px solid #3869a0; margin-bottom: 10px; font-size: 11px; color: #333; text-align: left;
_position: relative; /* for ie eyes only */
_margin: 10px 0 60px 0; /* for ie eyes only */
}
.laptop_enter_details_container legend {
font-size: 11px; color: #3869a0; background-color: #fff; text-align: left; padding: 2px 3px; border: 1px solid #999;
_position: absolute; /* for ie eyes only */
/* Gecko ignores this, but ie moves the legend up accordingly */
top: -1em; left: 5px;}
/* Hide this rule from ie */
*>.laptop_enter_details_container legend {
/* Since Gecko ignores the rule above, we'll push it up with margin-bottom */
margin-bottom: 1em;
}


.formback_desktop, .formback_laptop, .formback_pda, .formback_fixed, .formback_camera {margin: 7px 10px 7px 20px; text-align: left;}
.formback_laptop {background: #F2F7FC url(/computer_insurance/images/chooseproduct_laptop.gif) 480px 14px no-repeat;}
.formback_pda {background: #F2F7FC url(/computer_insurance/images/chooseproduct_pda.gif) 480px 14px no-repeat;}
.formback_fixed {background: #F2F7FC;} /* url(/computer_insurance/images/chooseproduct_fixed.gif) 480px 14px no-repeat */
.formback_camera {background: #F2F7FC url(/computer_insurance/images/chooseproduct_cam.gif) 480px 14px no-repeat;}

body#laptop div.laptop_enter_details_container fieldset.fieldset_standard_back div.form_centered, body#laptop_aph div.laptop_enter_details_container fieldset.fieldset_standard_back div.form_centered  {text-align: center;}

/* space out fields for each product where multiple items of fixed equipment are being insured */
div.formback_fixed table {margin: 1em 0; padding: 3px; background: #e8eff0;  border: 1px solid #AFBBBD;}
table td.item_number {display: none;}
div.formback_fixed table td.item_number {display: block; text-align: left; padding: 0 0 7px; font-size: 10px;}
/* @end */



/* @group laptop quote results */
#laptop_results_container {width: 570px; color: #333; margin-bottom: 2em; text-align: left;
padding: 0 0 1em 0; margin: 0 0 10px 0; background: url(https://www.jsinsurance.co.uk/images/corners_white_bl.gif) bottom left no-repeat;}
#laptop_results_container h3 {font-size: 1.2em; font-weight: bold; color: #3869a0; background:  url(https://www.jsinsurance.co.uk/images/container_back_arrows.jpg) 50% 50% repeat-y; border-bottom: 7px solid #3869a0; padding: 10px 0 0 0; line-height: 1.1em; letter-spacing: 1px; margin-top: 0;}
.laptop_info_form_inner {padding: 1em 20px; text-align: left; border-right: 1px solid #2d2b2b; margin: 0;}
/* .laptop_info_form h2 {background: transparent url(../images/back_formheading.jpg) top left no-repeat;
font: 14px  'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #000; font-weight: bolder; text-align: left; padding: 2px 3px; border-bottom: 1px solid #2d2b2b; margin-bottom: 0;} */
#laptop_area #quote_results {position: relative; padding-top: 40px; min-height: 240px; height: auto !important; height: 240px; background-color: #f2f7fc;}
#laptop_quote_left {float: left; width: 300px; margin-top: 20px;}
#laptop_area #quote_results table {border-left: none;}

/* quote summary on right */
#laptop_area table#main_quote {font-size: 12px; margin: 20px 0 0 20px;}

#laptop_area table#main_quote {font-size: 12px; margin: 3px 0 0 20px;}
#laptop_area table#main_quote tr.quote_total {font-size: 14px; padding: 7px; font-weight: bolder;}
#laptop_area table#main_quote tr.quote_total td {border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 7px 0;}

/* quote summary on left */
.results_laptop {padding: 20px 0 20px 60px;}
.results_laptop_bot {background: url(/computer_insurance/images/back_results_bot.jpg) 0 100% no-repeat; height: 17px; width: 300px; margin: 0 0 1em 1px;}

.results_laptop table {font-size: 0.95em;}
.results_laptop table tr td strong {display: block; font-weight: bolder; text-align: right; color: #34587A;}

.back_desktop {background: url(/computer_insurance/images/back_results_desktop.jpg) 0 0 no-repeat;}
.back_laptop {background: url(/computer_insurance/images/back_results_laptop.jpg) 0 0 no-repeat;}
.back_pda {background: #fff url(/computer_insurance/images/back_results_pda.jpg) top left no-repeat;}
.back_fixed {background: #fff url(/computer_insurance/images/back_results_printer.jpg) top left no-repeat;}
.back_camera {background: #fff url(/computer_insurance/images/back_results_cam.jpg) top left no-repeat;}
.back_server {background: #fff url(/computer_insurance/images/back_results_server.jpg) 0 0 no-repeat;}

/* new quote, email quote and policy doc buttons */
#quote_results a#computer_newquote {line-height: 1.1em; display: block; position: absolute; left: 3px; top: 3px; background: #f1f4f7 url(/images/buttons/backquote_button.gif) 0 50% no-repeat; border: 1px solid #9fa9b5; font-size: 12px; letter-spacing: 1px; color: #000; text-decoration: none; padding: 11px 3px 3px 40px; width: 78px; min-height: 24px; height: auto !important; height: 24px; }
#quote_results a#computer_newquote:hover {text-decoration: underline; border: 1px solid #517fc5;}

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

a#computer_emailquote {display: block;  width: 90px;  font-size: 11px; font-family:  Arial, Verdana, 'Trebuchet MS', 'Lucida Grande', Sans-Serif; color: #2474b4; text-decoration: none; background: url(/images/buttons/email_quote_back.gif) 0 0 no-repeat; padding: 4px 0 3px 34px; text-align: left; text-align: center; margin: 0 auto;}
a#computer_emailquote:hover {text-decoration: underline;}

/* @end */



/* @group certificate download */
a.cert_download {display: block; width: 70px; min-height: 100px; padding-left: 0px; padding-top: 80px; text-align:  center; background: url(/computer_insurance/images/certificate_icon.gif) 50% 0 no-repeat; float: left; margin: 0 50px 0 10px;}
span.cert_number {display: block; color: #3869a0; margin-bottom: 1em; font-size: 15px; text-align: left; padding: 3px 5px;}
/* @end */

/* @group lists */
dl.claims_list {font-size: 13px; color: #333; text-align: left; margin-left: 40px;}
dl.claims_list dt {font-weight: normal; float: left; margin-right: 5px;}
dl.claims_list dd {color: #3869a0;}
#content ol {font-size: 11px; text-align: left;}
ol.list_decimal_claims {list-style-type: decimal; margin: 1em 10px 2em 10px; font-size: 12px;}
ol.list_decimal_claims li {margin-bottom: 5px;}
div.computer_claims ul {line-height: 1.3em; margin: 1em 40px; font-size: 13px;}
/* @end */

p.claims_sub_heading {font-size: 14px; text-align: center; font-weight: bolder; margin-bottom: 3px;}

/* @group keyfacts */
#laptop_key_facts {margin: 0 20px 0 20px; padding: 0 0 5px 0; font-size: 14px; text-align: center;}
#laptop_key_facts img {border: none;}
#laptop_key_facts a:link, #laptop_key_facts a:visited {display: block; padding: 4px 4px;}
#laptop_key_facts a:hover  {display: block; background: #fff; color: #fb4227; padding: 3px 3px; text-decoration: none; border: 1px solid #fb4227;}
#laptop_key_facts a:active {display: block;padding: 3px 3px;} 
/* @end */


/* @group form buttons */
.form_buttons {text-align: center; padding: 1em; margin-left: auto; margin-right: auto; position: relative; width: 500px;}

.form_centered img {margin: 3px 0 5px 5px;}

div#new_quote_button {position: absolute; left: 30px; top: 65px;}
div.goback {margin: 1em 0;}
#new_quote_button a, .goback a {background: url(/computer_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: underline; color: #C93620; background-color: transparent;}
#new_quote_button a:active, .goback a:active {color: #3869a0; text-decoration: none;}


/* new style email buttons added to provide consitency with JS */
a.laptop_buttons_email {display: block;  width: 90px;  font-size: 12px; letter-spacing: 2px; font-family:  Arial, Verdana, 'Trebuchet MS', 'Lucida Grande', Sans-Serif; color: #3869a0; text-decoration: none; background: url(/computer_insurance/images/email_quote_back.gif) 8px 0 no-repeat; padding: 0 0 5px 45px; text-align: left; text-align: center; margin: 20px auto 0 auto;}
a.laptop_buttons_email:hover {text-decoration: underline; color: #C93620;}


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: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

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





input.button
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #F26D0F;
color: #fff;
font-size: 100%;
font-weight: bold;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

input.button:hover 
{background-color: #033d7d;}
input.button:active 
{background-color: #033d7d;}
input.button:active 
{background-color: #033d7d;}
/* @end */

/* @group offical logos */
/* .official_logos {padding: 10px;}
.official_logos img {display: block; margin: 1em 0;} */
span.official_logos_text {display: block; font-size: 9px; color: #333;}
/* @end */

/* @group faq */
/* laptop faq */
dl#laptop_faq  {margin: 0; padding: 0; font-size: 11px;}
#laptop_faq dt {margin: 0 0 5px 0; padding: 3px 0;background-color: #3869a0; color: #fff; text-align: center;}
#laptop_faq dd {margin:0; padding: 0; text align: left; margin-bottom: 2em; text-align: left; color: #333;} 
span.feedback_thanks {color: #333; display: block; text-align: center; font-size: 18px;}
/* @end */

/* @group laptop info */
/*  laptop info page */
div.laptop_info  {padding: 5px 5px 5px 0; font-size: 12px;}
ul.laptop_info {list-style: none; margin-right: 20px; padding-left: 10px;}
ul.laptop_info li {margin: 1em 0 0 30px; color: #333; font-size: 12px;} /* font size added onto li for Safari and Firefox on OSX */
/* @end */

/* @group contact form */
.contact_form label {text-align: right; float: left; width: 180px; margin: 3px 0 3px 50px; font-size: 11px;}
.contact_form input {margin: 3px 5px; font-size: 11px; text-align: left; color: #000;}
.contact_form select {margin: 3px 5px 10px 5px; text-align: left; color: #000;}

/* @end */

/* @group general info pages */
#laptop_main_content .general_info_box_white .general_info_box_inner ul {list-style-type: circle; font-size: 11px; margin-top: 0;}
div.laptop_policy_wording {text-align: center; width: 500px; margin: 0 auto 1em auto;}
div.laptop_policy_wording p {font-size: 14px; font-weight: bolder;}

body#laptop .general_info_box_white, body#laptop_aph .general_info_box_white {background: url(/images/corners_white_bl.gif) bottom left no-repeat;}
body#laptop .general_info_box_white h2.h2back_7a, body#laptop_aph .general_info_box_white h2.h2back_7a {margin-bottom: 0;}
body#laptop .general_info_box_white .general_info_box_inner, body#laptop_aph .general_info_box_white .general_info_box_inner {background: #fff; margin: 0 0 20px 0; border-left: 1px solid #999; padding: 0 10px 1em 10px;}

/* information pages */
div.computer-ipage {padding-right: 270px;}
div.computer-ipage, div.computer-ipage-lower {line-height: 1.3em; font-size: 1.1 em; margin: 1em 20px;}
div.computer-ipage ol, div.computer-ipage-lower ol {font-size: 12px; margin: 1em 40px;}
div.computer-ipage ol li, div.computer-ipage-lower ol li {margin-bottom: 7px;}

div.computer-water-damage {background: url(/computer_insurance/images/backgrounds/keyboard_drink.jpg) 100% 0 no-repeat; min-height: 170px; height: auto !important; height: 170px;}

/* ipage get a quote button */
a.button_computerquote span {position: absolute; left: -9000px;}
a.button_computerquote {display: block; background: url(/computer_insurance/images/buttons/buttonquote-computer.gif) 0 0 no-repeat; width: 101px; height: 34px; margin: 1em auto; outline: none;}
a.button_computerquote:hover {background: url(/computer_insurance/images/buttons/buttonquote-computer-over.gif) 0 0 no-repeat;}


/* @end */

/* @group renewals */
#renewals .form_centered {text-align: center; margin-top: 1em;}
#renewals_2 #form_table {}
#renewals_2 div#form_table p {clear: left; text-align: center;}
#renewals_2 #form_table div.row {clear: left; margin: 1em 50px; padding: 3px 10px 3px 70px; background: #f2f7fc; border: 1px solid #85A0B9; width: 270px; _float: left; _margin: 1em 25px;}
#renewals_2 span.renewals_text, #renewals_2 span.renewals_buy {float: left; width: 7em; margin: 3px 0; vertical-align: middle; font-size: 12px;}
#renewals_2 span.renewals_text {display: block; margin-top: 3px;}
#renewals_2 span.renewals_price {font-size: 14px; font-weight: bolder; letter-spacing: 1px;}
#renewals_2 span.renewals_buy a, #renewals_2 span.renewals_buy a:visited, #renewals_2 span.renewals_buy a:hover, #renewals_2 span.renewals_buy a:active {display: block; background: #F26D0F; color: #fff; font-weight: bolder; letter-spacing: 1px; padding: 3px; border: 1px solid #C45B10; text-align: center; width: 2.5em;}

#renewals_2 div.worldwide_link h3 {margin-top: 0; color: #3869a0;}

#renewals_2 div.worldwide_link {padding-left: 125px; background: url(/computer_insurance/images/backgrounds/renewals_worldmap.gif) 0 0 no-repeat; width: 325px; _margin-left: 20px; _width: 305px;}
#renewals_2 div#form_table div.worldwide_link p {text-align: left; margin-left: 0;}

#renewals_2 div#renewals_worldwide span.renewals_year {width: 10em;}
#renewals_2 div#renewals_worldwide span.renewals_year em {text-align: center; font-style: normal; font-size: 10px;}
#renewals_2 div#renewals_worldwide span.renewals_buy {width: 5.5em;}
#renewals_2 #form_table div#renewals_worldwide div.row {padding-left: 30px; padding-right: 3px; width: 317px;}

/* @end */



/* @group IE Hacks */
/* following hacks put in as ie6 kep adding extra margins on the rhs of the info boxes and calculators, then the h2 headings stopped short of the rhs */

.calc_inner, .calc_laptop_middle {_margin-left: 45px;}

#laptop_main_content #laptop_area .front_info_box {
_margin-left: 30px;
_width: 570px;
}

#laptop_calculator, #laptop_calculator_step2 {} /* was _margin-left: 30px; but this now removed as it was causing the contentbox above the calculator and the content below it to become too far ushed over to the left in IE6 only */

#laptop_main_content #laptop_area #laptop_results_container {
_width: 540px;
}

#laptop_calculator_step2 h2.h2back_1a, #laptop_calculator h2.h2back_1a, #laptop_results_container h2.h2back_4a {
_width: 490px; padding: 20px 0 40px 80px;}

.chooseproduct {
_padding-bottom: 45px; /* padding added for ie only as it doesn't understand min-height */
/* width: 280px; removed as it confused ie */
}

/* following style added to add missing margin below legend in ie */
.laptop_enter_details_container fieldset {
_padding-top: 10px;
/* padding added for ie only at bottom of filedset */
_padding-bottom: 10px;
_margin-bottom: 50px;
}

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


ol.list_decimal_claims {
_margin-left: 60px;	
}

#laptop_quote_left {_margin-right: 40px;}


/* @end */