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

#mobile_results_container {width: 570px; color: #333; margin-bottom: 2em; text-align: left;
padding: 0 0 1em 0; margin: 0 0 10px 0; background: url(/images/corners_white_bl.gif) bottom left no-repeat; border-right: 1px solid #999;
}


div.back_direct_debit ul {list-style-type: disc;}
div.back_direct_debit li {margin-bottom: 1em;}
/* @end */


/* @group text */
#mobile_results_container h2 {font-size: 1.4em; font-weight: bold; color: #3869a0; border-bottom: 7px solid #3869a0; padding-bottom: 0px; line-height: 0.95em; letter-spacing: 1px; margin-top: 0;}
#mobile_confirmation_summary span.dd_text {margin-bottom: 0; padding-bottom: 0; font-size: 0.7em; display: block; color: #333;}
.general_info_box_inner ol.list_decimal {font-size: 0.75em;}
p.small_text {font-size: 0.6em;}
p.disclaimer_text {color: #A3A5CC; font-size: 0.6em;}
/* @end */



/* @group index page */
div#mobile_home_inner {padding: 0 10px;}
div#mobile_home_top {background: url(/mobile_phone_insurance/images/mobile_home_back.jpg) 0 0 no-repeat; position: relative; width: 320px; padding: 40px 30px 60px 200px; margin: 0 10px 2em 27px; border-right: 1px solid #999; border-bottom: 1px solid #999;}
div#mobile_home_top p {font-size: 0.85em;}
div#mobile_home_top div.mobile_axa_logo {position: absolute; right: 4px; bottom: 4px; width: 260px; background: url(/images/underwriter_logos/axa_logo.gif) right bottom no-repeat; padding: 10px 40px 0 0; text-align: right;}
div#mobile_home_top div.mobile_axa_logo span {color: #fff; font-size: 10px; letter-spacing: 1px; display: block; line-height: 1.2em;}
div#mobile_home_bottom {position: relative; background: url(/mobile_phone_insurance/images/mobile_home_back_bot.jpg) top right no-repeat; width: 310px; padding: 0 240px 50px 0; margin: 0 0 1em 0; font-size: 1.2em; letter-spacing: 1px;}
div#mobile_home_text {padding: 10px 0 0 30px;}
div#mobile_home_text p {color: #fff; font-weight: bolder; letter-spacing: 2px; font-size: 1.2em; line-height: 1.2em;}
div#mobile_home_text span.source_text {color: #fff; font-size: 0.4em; letter-spacing: 0.5px; display: block;}
div#mobile_home_bottom ul {margin: 0 10px 1em 10px; padding: 0 0 0 30px;}
div#mobile_home_bottom ul li {font-size: 0.9em; margin-bottom: 3px; font-weight: bolder; letter-spacing: 1px;}
div#mobile_home_button img {border: none;}

div#direct_debit {position: absolute; left: 20px; bottom: 0;}
div#direct_debit a span {display: none;}
div#direct_debit a {display: block; background: url(/mobile_phone_insurance/images/DD_logo-small.gif) top right no-repeat; width: 96px; height: 42px; border: 1px solid #fff;}
div#direct_debit a:hover {border: 1px solid #fb4227;}

div#mobile_home_bottom div.orderpolicy {position: absolute; bottom: 50px; right: 10px;}

div#infopage_text {margin: 1em 0; padding: 0 10px;}
div#infopage_text h3 {color: #3869a0; font-size: 14px; letter-spacing: 1px;}
div#infopage_text span {font-size: 0.75em;}
/* @end */


/* @group keyfacts & policy wordings etc */
#key_facts {position: absolute; right: 0; bottom: 0;}
#key_facts img {border: none;}
#key_facts a:link, #key_facts a:visited {display: block; padding: 4px 4px;}
#key_facts a:hover {display: block; background: #fff; color: #fb4227; padding: 3px 3px; text-decoration: none; border: 1px solid #fb4227;}
#key_facts a:active {display: block;padding: 3px 3px;} 

#mobile_policy_wording_summary {width: 370px; text-align: center; padding-left: 120px; margin: 1em 0;}
#mobile_policy_wording_summary div.policy_wording  {float: left; }
#mobile_policy_wording_summary div.policy_summary  {}

/* direct_debit_guarantee page */
div.direct_debit_guarantee p.subheading {background: url(/mobile_phone_insurance/images/DD_logo-small.gif) 100% 50% no-repeat; letter-spacing: 1px; padding: 10px 0;}

/* @end */


/* @group get a quote */
/*get a quote */
div.orderpolicy {text-align: center; margin: 3px 5px 2em 0;}
.orderpolicy a {background: url(/images/buttons/button_continue-whitebk.gif) 0 0 no-repeat; display: block; width: 129px; height: 32px; margin-top: 10px; outline: none;}
.orderpolicy a:hover {background: url(/images/buttons/button_continue-whitebk-over.gif) 0 0 no-repeat;}
.orderpolicy span {position: absolute; left: -9000px; clear: both;}
div#button_center {margin-left: 240px;}

a.button_mobilequote span {position: absolute; left: -9000px;}
a.button_mobilequote {display: block; background: url(/mobile_phone_insurance/images/button_mobile.gif) 0 0 no-repeat; width: 127px; height: 38px; margin: 1em auto; outline: none;}
a.button_mobilequote:hover {background: url(/mobile_phone_insurance/images/button_mobile-over.gif) 0 0 no-repeat;}
/* @end */





/* @group enter details form */
.mobile_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;}
.mobile_enter_details_container fieldset {border: 1px solid #3869a0; margin-bottom: 10px;  color: #333; text-align: left;
_position: relative; /* for ie eyes only */
_margin: 10px 0 60px 0; /* for ie eyes only */
}
.mobile_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 */
*>.mobile_enter_details_container legend {
/* Since Gecko ignores the rule above, we'll push it up with margin-bottom */
margin-bottom: 1em;
}



div.row, div.row_help {clear: both; padding-top: 10px; color: #333; width: 470px; margin-left: 20px;}
div#row_wider {width: 550px;}
div.row_help {position: relative;}
div.orderWarning {font-size: 1em; color: #fb4227;}
div.row_help a.helplink span {display: none;}

/* help link sstyles used for mobile only. Overwrites some of the styles defined in universal stlylesheet. use row_help for  the containing div that contains a helpicon button */
#mobile_container div.row_help a.helplink {float: left;} 
#mobile_container div.row_help label {width: 145px;}

div.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;} 
.form_info {clear: both; margin: 1em 0; color: #3869a0;}
.form_buttons {text-align: center; padding: 1em; margin-left: auto; margin-right:  auto; clear: both; position: relative; width: 350px;}

/* div#form_table div.row_checkbox input {float: left; margin-left: 80px;} */
div.row_checkbox {padding-top: 10px; width: 500px; margin-left: 100px;}
div#form_table div.row_checkbox label {font-size: 0.725em; text-align: left; width: 400px;} /* text-align: left; width: 380px; margin: 2px 7px 2px 0px; padding-left: 40px;  */
div#form_table {text-align: left; width: 626px; margin: 0; position: relative;}

/* following styles used on contact us page */

/* background images used for different areas of form */
.form_back_mobile {background: url(/mobile_phone_insurance/images/form_back_mobile.gif) right 50% no-repeat;}
.form_back_bank {background: url(/mobile_phone_insurance/images/form_back_bank.gif) right 50% no-repeat;}
.form_back_personal {background: url(/mobile_phone_insurance/images/form_back_personal.gif) right 50% no-repeat;}
.form_back_email {background: url(/mobile_phone_insurance/images/form_back_email.gif) right 50% no-repeat;}
.form_back_direct_debit {background: url(/mobile_phone_insurance/images/DD_logo-small.gif) right 50% no-repeat;}
.back_direct_debit {background: url(/mobile_phone_insurance/images/DD_logo-small.gif) 100% 0 no-repeat;}
.form_back_direct_debit p {text-align: center; margin-top: 2em;}

p.direct_debit_top {padding-right: 100px; background: url(/mobile_phone_insurance/images/DD_logo-small.gif) 100% 0 no-repeat;}

/* body#mobile div.postcode_search_results {margin-left: 40px;} */

/* @end */


/* @group confirmation screen */
div#mobile_confirmation_summary {margin: 1em 40px;}
div#mobile_confirmation_summary div.policy_date {text-align: right; color: #333; font-weight: bolder; letter-spacing: 1px; font-size: 12px; margin-bottom: 2em;}
div#mobile_confirmation_summary span {color: #3869a0;}
div#mobile_confirmation_summary dl {margin: 0 0 2em 0; padding: 3px 0; float: left; background: #f2f7fd; width: 490px; border: 1px solid #dbe6f1;}
div.mobile_summary_info {background: #f2f7fd; width: 490px; border: 1px solid #dbe6f1; padding: 3px 0 0 0; margin: 0 0 2em 0; text-align: center;}
div#mobile_confirmation_summary dt  {float: left; clear: left; text-align: right; width: 260px; margin: 2px 7px 2px 0px; padding: 0 0 0 5px; font-size: 0.725em;}
div#mobile_confirmation_summary dd {font-size: 0.75em; color: #3869a0; margin: 0; padding: 2px 0;}
.back_button_container, .cancel_button_container {position: relative;}
div.cancel_button_container ul {list-style-type: none;}
/* div#goback, div#cancel_order {position: absolute; bottom: 10px; left: 10px;} */
div#cancel_order {margin-left: 20px;}
div#cancel_order a {background: url(/mobile_phone_insurance/images/cancel_button.gif) 0 0 no-repeat; display: block; width: 129px; height: 35px;}
div#cancel_order a span {display: none;}

/* new confirmation styles using tables */
div#mobile_confirmation_summary h3 {color: #000; margin: 0 0 0 12px; padding: 0 0 3px; letter-spacing: 2px; font-size: 14px; width: 502px; position: relative; border-bottom: 1px solid #b6c0ca;}
div#mobile_confirmation_summary table {margin: 0 0 3em 20px; padding: 3px 0; background: #f2f7fd; width: 490px; border: 1px solid #7F91A3; border-collapse: collapse; font-size: 12px;}
div#mobile_confirmation_summary table td.td_left, div#mobile_confirmation_summary table th.td_left {text-align: right; color: #000; padding: 3px; width: 50%; font-weight: normal; vertical-align: top;}
div#mobile_confirmation_summary table td.td_right, div#mobile_confirmation_summary table th.td_right {text-align: left; color: #333E4E; padding: 3px; font-weight: normal; vertical-align: top;}

div#mobile_confirmation_summary table td.td_left, div#mobile_confirmation_summary table td.td_right {border-top: 1px solid #B9C4CF;}

/* toggle buttons */
div#mobile_confirmation_summary a.link_open:link, div#mobile_confirmation_summary a.link_open:visited {display: block; margin: 0 0 1.5em 17px; padding-left: 12px; background: url(/images/buttons/open_triangle.gif) 0 50% no-repeat; font-size: 11px; outline: none;}

div#mobile_confirmation_summary a.link_close:link, div#mobile_confirmation_summary a.link_close:visited {display: block; margin: 0 0 1.5em 17px; padding-left: 12px; background: url(/images/buttons/close_triangle.gif) 0 60% no-repeat; font-size: 11px; outline: none;}


/* @end */


/* @group quote info */
#quote_results table {margin: 20px 0 0 40px;}
#quote_results tr.quote_total {font-size: 14px; padding: 7px; font-weight: bolder;}
div#mobile_results_container dl#quote_information {background: #fff; margin: 0 10px 10px 10px; font-size: 0.75em;}
div#mobile_results_container dl#quote_information dt, div#mobile_results_container dl#quote_information dd {font-weight: bolder; background: #f2f7fc; border-top: 1px solid #fff; margin: 0; padding: 3px 2px;}

div#mobile_results_container dl#quote_information dt {font-weight: normal; width: 160px; float: left; clear: left; padding-left: 3px;}
div#mobile_results_container dl#quote_information dd {margin-bottom: 3px; margin-left: 160px;}

/* new quote results details */
div.mobile_enter_details_container div#quote_results {padding: 12px 0 0; width: 602px; background: #fff url(/mobile_phone_insurance/images/quote_results_back-top.gif) 0 0 no-repeat; border: none;}

/* PDF button */
div.mobile_enter_details_container div#quote_results a.pdf_button-small {display: block; background: url(/mobile_phone_insurance/images/pdf_button-small.gif) 0 50% no-repeat; width: 170px; padding: 8px 0 0 34px; font-size: 12px; color: #333; text-decoration: none; margin: 7px auto 3px; min-height: 23px; height: auto !important; height: 23px;}
div.mobile_enter_details_container div#quote_results a.pdf_button-small:hover {text-decoration: underline; color: #2474b4;}

#quote_results_top {text-align: center; margin-bottom: 1em;}
#quote_results_top span.quote_top_1, #quote_results_top span.quote_top_2 {font-size: 13.5px;}
#quote_results_top span.quote_top_3 {font-size: 14px; font-weight: bolder; letter-spacing: 1px;}

div.mobile_enter_details_container div#quote_results div.quote_yours {width: 180px; float: left; margin: 4px; background: #fff url(/mobile_phone_insurance/images/quote_yours-mid.gif) 0 0 repeat-y; position: relative;} /* border: 1px solid #b6c0ca; */

/* move the first quote_yours box over to the right a little, NB both the IE's have a different value for this set elsewhere */
div.mobile_enter_details_container div#quote_results #quote_mobile {margin-left: 21px;}

div.mobile_enter_details_container div#quote_results div.quote_yours h2 {border: none; text-align: center; background: #528CBD url(/mobile_phone_insurance/images/quote_yours-top.gif) 0 0 no-repeat; color: #fff; letter-spacing: 2px; margin: 0; padding: 2px 0;}
div.mobile_enter_details_container div#quote_results div.quote_yours h2 span {} /* color: #546088; */

/* fade the steps we are currently not on */
div#mobile_quote_step1 #quote_results #quote_personal h2, div#mobile_quote_step1 #quote_results #quote_bank h2, div#mobile_quote_step2 #quote_results #quote_mobile h2, div#mobile_quote_step2 #quote_results #quote_bank h2, div#mobile_quote_step3 #quote_results #quote_mobile h2, div#mobile_quote_step3 #quote_results #quote_personal h2 {background: #ECF0F3 url(/mobile_phone_insurance/images/quote_yours-top-faded.gif) 0 0 no-repeat; color: #999;}

/* these are the edit quote buttons used during the order process, the style is changed completely for the confirmation page */
a.edit_quote {display: block; padding: 1px; background: #e6ebf2 url(/mobile_phone_insurance/images/quote_yours-bot.gif) bottom left no-repeat; color: #384B58; border-top: 1px solid #939EA8; letter-spacing: 2px; text-decoration: none; font-size: 11px; font-weight: bolder; text-align: center; width: 178px;}
a.edit_quote:hover {text-decoration: none; background: #528CBD url(/mobile_phone_insurance/images/quote_yours-bot-over.gif) bottom left no-repeat; color: #fff;}

/* and these are the buttons used for the confirmation screen */
div#mobile_confirmation_summary a.edit_quote {position: absolute; right: 0; top: 3px; background: #fff url(/mobile_phone_insurance/images/edit_quote_back.gif) 0 50% no-repeat; border: none; width: auto; padding: 0 0 0 20px;}
div#mobile_confirmation_summary a.edit_quote:hover {background: #fff url(/mobile_phone_insurance/images/edit_quote_back.gif) 0 50% no-repeat;}


div.mobile_enter_details_container #quote_results .quote_yours ul, div.mobile_enter_details_container #quote_results .quote_yours li {margin: 0; padding: 0;}
div.mobile_enter_details_container #quote_results .quote_yours ul {list-style-type: none; border-top: 1px solid #b6c0ca; padding: 3px 3px 0; line-height: 1.1em; background: url(/mobile_phone_insurance/images/quote_yours-mid-tick.gif) 50% 50% no-repeat; min-height: 100px; height: auto !important; height: 100px;}
div.mobile_enter_details_container #quote_results .quote_yours ul li {font-size: 10px; padding: 2px; letter-spacing: 1px;}
div.mobile_enter_details_container #quote_results .quote_yours li span {font-size: 9px;}

div.mobile_enter_details_container #quote_results .quote_yours .quote_yours_bot {background: url(/mobile_phone_insurance/images/quote_yours-bot-blank.gif) bottom left no-repeat; width: 180px; height: 18px;}


div.mobile_enter_details_container div#quote_results p {text-align: center; margin: 1.4em 0 0; padding: 0 0 12px; font-size: 11px; letter-spacing: 1px; width: 602px; background: #fff url(/mobile_phone_insurance/images/quote_results_back-bot.gif) bottom left no-repeat;}

#direct_debit_info {clear: both;  background: url(/mobile_phone_insurance/images/DD_logo.gif) top right no-repeat; padding-top: 20px; margin-right: 20px;}

/* @end */


/* @group information page styles */
/* the following, ipage, are common styles used by the mobile information pages */
div.mobile-ipage {padding-right: 270px;}
div.mobile-ipage, div.mobile-ipage-lower {line-height: 1.3em; font-size: 1.1 em; margin: 1em 20px;}
div.mobile-ipage ol, div.mobile-ipage-lower ol {font-size: 12px; margin: 1em 40px;}
div.mobile-ipage ol li, div.mobile-ipage-lower ol li {margin-bottom: 7px;}


div.mobilemake-motorola {background: url(/mobile_phone_insurance/images/mobile_makes/motorola01.jpg) 95% 40% no-repeat; padding-left: 20px; padding-right: 183px; min-height: 200px; height: auto !important; height: 200px;}
div.mobilemake-nokia {background: url(/mobile_phone_insurance/images/mobile_makes/nokia01.jpg) 5% 20% no-repeat; padding-left: 240px; min-height: 170px; height: auto !important; height: 170px;}
div.mobilemake-sony {background: url(/mobile_phone_insurance/images/mobile_makes/sonyericsson01.jpg) 95% 20% no-repeat; padding: 40px 164px 0 40px; min-height: 280px; height: auto !important; height: 280px;}
div.mobile-newtechnology {background: url(/mobile_phone_insurance/images/lightening.jpg) 100% 10% no-repeat; min-height: 170px; height: auto !important; height: 170px;}
div.mobile-water {background: url(/mobile_phone_insurance/images/water_damage.jpg) 100% 0 no-repeat; min-height: 380px; height: auto !important; height: 380px;}
div.mobile-iphone {background: url(/mobile_phone_insurance/images/mobile_makes/iphone_image.jpg) no-repeat 0 50%; min-height: 170px; height: auto !important; height: 180px; margin: 0 40px; padding: 10px 0 0 150px;}

div.contentbox h2.title_iphone {background: #425cb0 url(/images/h2_headings/signback_top-iphone.jpg) 0 0 no-repeat;}
/* @end */


/* @group transparency stuff */
.trans_box {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/mobile_phone_insurance/images/back_divs.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box[class] {
  background-image: url(/mobile_phone_insurance/images/back_divs.png);
}

/* @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 */
#mobile_main_content #mobile_area .front_info_box {_margin-left: 30px; _width: 570px;}
#mobile_calculator, #mobile_calculator_step2 {_margin-left: 30px;}
#mobile_main_content #mobile_area #mobile_results_container {_width: 540px;}
#mobile_calculator_step2 h2.h2back_1a, #mobile_calculator h2.h2back_1a, #mobile_results_container h2.h2back_4a {_width: 490px; padding: 20px 0 40px 80px;}

/* following style added to add missing margin below legend in ie */
.mobile_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;}

div.row_one {_margin-top: 40px;}
div#mobile_confirmation_summary dl {_position: relative;}
div#button_center {_margin-left: 0;}
div.mobile_enter_details_container div#quote_results #quote_mobile {_margin-left: 10px;}

/* @end */