/* @group main layout */

#studenthome_intro {width: 689px; float: left; clear: both;}

/* @end */

/* @group quotamiser */
#progress_container {padding-right:5px;}
#progress {width: 107px; height: 400px; padding-top: 216px; padding-left: 3px;}
#progress span {font-size: 0.885em; line-height: 1.2em; color: #3869a0; margin-left: 2px; display: block; text-align: center;}
.nostep {background-image: none;}
.step1 {background: transparent url(https://www.jsinsurance.co.uk/images/quotamizer_step1.jpg) top right no-repeat;}
.step2 {background: transparent url(https://www.jsinsurance.co.uk/images/quotamizer_step2.jpg) top right no-repeat;}
.step3 {background: transparent url(https://www.jsinsurance.co.uk/images/quotamizer_step3.jpg) top right no-repeat;}
.step4 {background: transparent url(https://www.jsinsurance.co.uk/images/quotamizer_step4.jpg) top right no-repeat;}
.step5 {background: transparent url(https://www.jsinsurance.co.uk/images/quotamizer_step5.jpg) top right no-repeat;}
/* @end */



/* @group calculator */
#calculator {position: relative;}
.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;}
#calculator p {color: #333; margin-top: 1em;}


/* margins for ie */
.calc_inner, .calc_laptop_middle {_margin-left: 25px;}

#calculator dl {font-size: 12px;}
#calculator dl dt {font-size: 14px; color: #3869a0; letter-spacing: 1px; font-weight: bolder;}

.calcback_propertytype {background: transparent url(/student_home_insurance/images/back_calc-propertytype.jpg) top left no-repeat;}
.calcback_contentscover {background: transparent url(/student_home_insurance/images/back_calc-contentscover.jpg) top left no-repeat;}

.float_container {float: left;}
.chooseproduct {margin: 0 auto 1em 0px; text-align: left; background-color: transparent;  padding-left: 70px; min-height: 65px; float: left; clear: both; 
_padding-bottom: 45px; /* padding added for ie only as it doesn't understand min-height */
/* width: 280px; removed as it confused ie */
}
/* @end */


/* @group keyfacts */
#key_facts {position: absolute; right: 10px; top: 90px; margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 14px; text-align: right;}
#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;} 
/* @end */

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

/* @group display quote page */
/* #quote_results {text-align: left; margin-bottom: 2em; width: 569px; background: #fff; border: 1px solid #999; border-right: none;} */
/* #quote_results p {padding-bottom: 0.5em; margin-left: 3px;} */
/* #quote_results h3 {font-size: 1.4em; font-weight: bold; color: #3869a0; background: url(https://www.jsinsurance.co.uk/images/container_back_arrows.jpg) 50% 50% repeat-y; border-bottom: 7px solid #3869a0; padding-bottom: 0px; line-height: 0.95em; letter-spacing: 1px; margin: 0;} */

dl.blue_list {background-color: #e6eff9;}

/* div#quote_results dl {background: #fff; margin: 0 0 10px 0;}
div.quote_results_normal dl {font-size: 0.75em; letter-spacing: 1px;}
div.quote_results_small dl {font-size: 0.7em; letter-spacing: normal;} */

/* common styles for dt & dd */
/* div#quote_results dt, div#quote_results dd {font-weight: bolder; background: #f2f7fc; border-top: 1px solid #fff; margin: 0;}
div.quote_results_normal dt, div.quote_results_normal dd {padding: 3px 2px;}
div.quote_results_small dt, div.quote_results_small dd {padding: 1px 2px;}

div#quote_results dt {font-weight: normal; width: 160px; float: left; clear: left; padding-left: 3px;}
div#quote_results dd {margin-bottom: 3px; margin-left: 160px;} */


/* listing policys   */
table.quote_table {margin-bottom: 2em;}
#quote_results #quote_left {width: 200px;}
#quote_results table {margin-top: 20px; font-size: 0.95em;}
#quote_results tr.quote_total {font-size: 14px; padding: 7px; font-weight: bolder;}
td.policy_details_td {border: 1px solid #999; margin: 0; padding: 0;  background-color: #fff;}
dl.policy_details_dl {padding: 0; margin: 0; list-style: none; font-size: 14px; color: #333; text-align: left; margin-bottom: 1em; text-align: center; line-height: 1.5em; border-top: none; padding-bottom: 1em;}
dd.policy_details {padding: 0 ; margin: 0; text-align: center; padding: 0.2em 2px 0 2px; font-size: 12px;}
dd.policy_details_price {padding: 0 ; margin: 0; text-align: center; padding: 0.5em 2px 0 2px; font-size: 20px; font-weight: bolder; padding-bottom: 5px; color: #333;}
dd.policy_details_price span {display: block; font-size: 11px;}
dt.policy_details_dt {font-size: 15px; color: #fff; background: #517fc5 url(/images/backgrounds/policydetails_back.jpg) 0 0 no-repeat; padding: 3px 4px; margin-bottom: 6px;
font-weight: bolder; border-right: 1px solid #fff; min-height: 3em;
_height: 3em;}
table.summary {background-color: #fff;}

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

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


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

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

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

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

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

/* @group rates tables */
div.contentbox table.rates_table {margin-left: 60px;}
div.contentbox table.rates_table th {font-size: 12px; font-weight: bolder; padding: 0 10px;}
div.contentbox table.rates_table td {font-size: 12px; font-weight: normal; padding: 0 10px;}
/* @end */



/* @group My Group */
ul.cover_highlights_ul {margin: 0 0 2em 50px; padding: 0;}
body#student_home div.info_box_smaller div#checkout_buttons {margin-left: 30px;}

/* @end */