/* CSS Document */

/* MAIN CONTENT */

img {border: none;}

#StudyingSelector, .visibleSelect {width: 286px;}

#paymentForm {
    float: left;
    width: 540px;
}

.formRow {
    clear: both;
}

.formRow label {
    float: left;
    padding: 2px 0;
    font-size: 1em;
    width: 190px;
}

#studentContent{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    width:770px;
    padding: 0;
    margin: 0;
}

body.studentInsurance .hidden {display: none}

p.oneEm{ 
    font-size: 1em;
    padding: 0;
    margin: 0;
}

#studentContent #Left{ 
    width:560px;
    float: left;
    padding: 20px;
    margin: 0;
}

#studentContent #Right{ 
    width:170px;
    float: left;
    padding: 20px 0 70px 0;
    margin: 0;
}
#studentContent #Left p{
    font-size: 1em;
}

#studentContent #Right p.tel{
    font-size: 1.2em;
    color:#003F8F; 
}

#headerQuote{ 
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-decoration:none;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ffcc00;
 }
 
 
 #studentCalcPopup{ 
    padding: 10px;
    margin: 10px;
    text-align: left;
}


#studentBanner{
	height: 30px;
	width: 596px;
	padding-top: 120px;
	background-image: url("/images/banners/StudentBanner-Freshers.jpg");
	background-repeat: no-repeat;
}

#studentBanner a{
	height: 20px;
	width:130px;
	display: block;
}

#studentBanner a span{
	display: none;
}

.spaceLeft{
	width:500px;
	padding: 0 0 10px 30px;
	float: left;
	font-size: 0.9em;
}

.spaceLeftBullet{
	width:30px;
	padding: 0 0 10px 30px;
	float: left;
}

.spaceBullet{
	width:500px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}



/* New student Landing page styles */

h1 span,
h2 span {
	display: none;
	}

#landingWideStudent h1,
#landingWideStudent h2{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #073875;
	margin: 0px;
	padding: 0px;
	}

#landingTopBanner {
	background: url("/images/banners/student/landing_banner.gif") no-repeat;
	height: 90px;
	width: 770px;
	}

#landingTopBannerReview {
	background: url("/images/banners/student/landing_review_banner.gif") no-repeat;
	height: 90px;
	width: 770px;
	}	

/* New Student Form Styles */

#landingWideStudent fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#landingWideStudent fieldset legend {
	color: #073875;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0 0 0 0px;
	}
	
#landingWideStudent fieldset label {
	display: block;
	margin: 0 5px 0px 0;
	float: left;
	}
	
#landingWideStudent fieldset label span.labelmini {
	font-size: 0.75em;
	font-weight: bold;
	}
	
#landingWideStudent fieldset input.inputStudent {
	background-color: #fff; !important;
	margin: 0 0 10px 0;
	border: 1px solid #eee;
	float: left;
	}
	
#landingWideStudent fieldset#paymentStudent {
	padding: 10px 0 0 10px;
	width: 600px;
	margin: 25px 0 0 0;
	}
	
#landingWideStudent fieldset#registrationStudent label {	
	width: 90px;
	}

#landingWideStudent fieldset#paymentStudent label {
	font-size: 0.9em;
	margin: 0 10px 0 0;
	}
	
#landingWideStudent fieldset#paymentStudent input {
	margin: 0 5px 0 0;
	}
	
#landingWideStudent input {
	float: left;
	}
	
#landingWideStudent fieldset#paymentStudent select {
	float: left;
	background-color: #fff;
	border: 1px solid #eee;
	width: 50px;
	margin: 0 5px 0 0;
	}
	


/* Registration page styles */
	
#headerRegStudent {
	background: url("/images/banners/student/goodnews_banner.gif") no-repeat;
	height: 20px;
	width: 167px;
	margin: 30px 0 0 10px;
	padding: 50px 0 0 0;
	color: #073875;
	}	

#contentRegStudent {
	background: url("/images/banners/student/goodnews_bg.jpg") no-repeat;
	height: 425px;
	color: #073875;
	padding: 0 0 0 15px;
	}	
	
#contentRegStudent fieldset {
	border: none;
	padding: 90px  0 0 362px;
	}


	


	
p.registrationIntro {
	width: 300px;
	color: #073875;
	}
	
.versignLogo {
	float: right;
	margin: 0 10px 0 0;
	}
	
.bottomText { 
	color: #999;
	}
	
.bottomText p {
	color: #777;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;	
	}
	
.bottomText p.asteriskAdditional {
	color: #333;
	}
	
.bottomText a { 
	color: #999;
	}
	
.bottomText a:hover { 
	color: #999;
	}
	
	
/* New Student Top Banners */

#landingTopBanner h1 {
	font-size: 1.8em;
	padding: 40px 0 30px 10px;
	}
	
#paymentTopBanner {
	background: url("/images/banners/student/payment_top_banner.gif") no-repeat;
	height: 144px;
	width: 770px;
	}
	
#thankyouTopBanner {
	background: url("/images/banners/student/thankyou_top_banner.gif") no-repeat;
	height: 175px;
	width: 770px;
	}

#extendTopBanner {
	background: url("/images/banners/student/extend_top_banner.gif") no-repeat;
	height: 175px;
	width: 770px;
	}
	
#basicTopBanner {
	background: url("/images/banners/student/basic_top_banner.gif") no-repeat;
	height: 175px;
	width: 770px;
	}
	
#thankyouTopBanner {
	background: url("/images/banners/student/thankyou_top_banner.gif") no-repeat;
	height: 175px;
	width: 770px;
	}
	
#summaryTopBanner {
	background: url("/images/banners/student/summary_top_banner.gif") no-repeat;
	height: 175px;
	width: 770px;
	}

/* New Student Middle Banners */

#landingMidBanner {
	background: url("/images/banners/student/landing_mid_banner.jpg") no-repeat 0px -1px;;
	height: 200px;
	width: 770px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	}

#landingMidBannerReview {
	background: url("/images/banners/student/landing_review_mid_banner.jpg") no-repeat 0px -1px;;
	height: 200px;
	width: 770px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#studentMidLeft {
	float: left;
	width: 290px;
	padding: 65px 0 0px 15px;
	}
	
#studentMidLeft h2 {
	font-size: 1.8em;
	}
	
#studentMidLeft p {
	color: #073875;
	font-size: 1em;
	}	
	
#studentMidLeft ul {
	color: #073875;
	}
	
#studentMidLeft ul li {
	list-style-image: url(/images/bullets/studentUSPTick.gif);
	margin: 0 0 0 20px;
	*margin: 0 0 0 18px;
	}	

#studentMidLeftReview {
	float: left;
	width: 520px;
	padding: 65px 0 0px 15px;
	}

#studentMidLeftReview ol {
	color: #152e4b;
	font-size: 1.4em;
	font-weight:bold;
	}
	
#studentMidLeftReview ol li {
	margin: 0 0 0 70px;
	*margin: 0 0 0 70px;
	}	
	
#studentMidCenter {
	float: left;
	width: 215px;
	padding: 80px 0 0px 2px;
	}

#studentMidCenter h2 {
	font-size: 1.8em;
	}
	
#studentMidCenter p {
	color: #073875;
	font-size: 1em;
	}	
	
#studentMidCenter ul,
#studentMidCenter ol {
	color: #073875;
	}
	
#studentMidCenter ul li {
	list-style-image: url(/images/bullets/studentUSPTick.gif);
	margin: 0 0 0 20px;
	*margin: 0 0 0 18px;	
	}
	
#studentMidCenter ol li {
	margin: 0 0 0 20px;
	}	
	
	
	
#studentMidRight {
	float: left;
	width: 173px;
	padding: 70px 0px 0 16px;
	}
	
#studentMidRight h2 {
	color: #fff;
	font-size: 1.6em;
	margin: 0px;
	}
	
#studentMidRight p {
	color: #fff;
	font-size: 1em;
	}	
	
#paymentMidBanner {
	background: url("/images/banners/student/payment_middle_banner.jpg") no-repeat;
	height: 276px;
	width: 770px;
	padding: 90px 0 0 0;
	}
	
#basicMidBanner {
    background: url("/images/banners/student/basic_middle_banner.gif") no-repeat;
    height: 145px;
    width: 770px;
    margin: 0 0 30px 0;
    padding: 8px 0 0 0;
    color: #073875;
    }
	
#basicMidBanner p {
	width: 300px;
    color: #073875;
	margin: 10px 0 0 15px;
	font-size: 1em;
	}
      
#basicMidBanner ul li.exclamationBul, li.exclamationBul {
    list-style-image: none;
    list-style-type: none;
    height: 15px;
    background: url("/images/bullets/exclamation_bullet.gif") no-repeat;
    margin: 10px 10px 0 15px;
    padding:0 10px 0px 30px;
    font-weight: bold;
    font-size: 1.1em;
    color: #073875;
}

#thankyouMidBanner {
	background: url("/images/banners/student/thankyou_middle_banner.gif") no-repeat;
	height: 246px;
	width: 770px;
	}

	

	
/* New Student Bottom Styles */
	
#landingBottomBanner {
	background: url("/images/banners/student/landing_bottom_banner.gif") no-repeat -5px 0;
	height: 140px;
	width: 770px;
	margin: 10px 0 0 0;
	}

#landingBottomBanner h2 {
	color: #324862;
	font-size: 1.2em;
	margin: 0 0 0 2px;
	}
		
#studentBottomLeft {
	float: left;
	width: 160px;
	height: 60px;
	margin: 0 7px 0 0;
	padding: 40px 0 20px 10px;
	}
	
#studentBottomLeft h4 {
	color: #8a8a8a;
	font-size: 0.9em;
	}
	
#studentBottomLeft p {
	color: #073875;
	}	
	
#studentBottomLeft ul {
	color: #073875;
	}

#studentBottomMiddle {
	float: left;
	width: 170px;
	height: 60px;
	margin: 0 4px 0 0;
	padding: 40px 0 20px 10px;
	}
	
#studentBottomMiddle h2 {
	color: #073875;
	font-size: 1.8em;
	}
	
#studentBottomMiddle p {
	color: #073875;
	font-size: 
	}	
	
#studentBottomMiddle ul {
	color: #073875;
	}
	
#studentBottomRight {
	float: left;
	width: 227px;
	padding: 5px 0 0 0;
	}
	
#studentBottomRight h2 {
	font-size: 1.6em;
	margin: 0px;
	}
	
#studentBottomRight p {
	color: #fff;
	font-size: 
	}
	
#studentBottomCar {
	float: left;
	width: 120px;
	padding: 100px 0 0 6px;
	}
	
#studentFollowUs {
	float: left;
	width: 120px;
	padding: 5px 0 0 6px;
	}
	
#otherBottomBanner {	
	background: url("/images/banners/student/other_insurance_banner.gif") no-repeat 0px 0;
	height: 240px;
	width: 770px;
	margin: 0 0 90px 0;	
	}
	
#otherBottomBanner h2,
#otherBottomBanner p {
	display: none;
	}
	
#otherInsuranceLeft {
	float: left;
	width: 230px;
	height: 100px;
	padding:110px 0 0 10px;
	}
	
#otherInsuranceMiddle {
	float: left;
	width: 230px;
	height: 100px;
	margin: 0 0 0 25px;
	padding: 110px 0 0 10px;
	}
	
#otherInsuranceRight {
	float: left;
	width: 230px;
	height: 100px;
	margin: 0 0 0 25px;	
	padding: 110px 0 0 10px;
	}


#whyChooseSection {
	background: url("/images/banners/student/whyChooseSection.gif") no-repeat -5px 0;
	height: 111px;
	width: 770px;
	margin: 0 0 6px 0;
	}

#whyChooseSection h2 {
	color: #324862;
	font-size: 1.2em;
	margin: 0 0 0 2px;
	}
		
#whyChooseSection ul {
	color: #073875;
	padding: 25px 0 0 15px;
	color:#8a8a8a;
	}
	
#whyChooseSection ul li {
	list-style-image: url(/images/bullets/studentUSPTick.gif);
	margin: 0 0 0 20px;
	*margin: 0 0 0 18px;
	}	

/* new student rollover button styles */

div.getquoteStudentBtn a {
	background: url("/images/buttons/student/get_a_quote.gif") 0 -25px;
	height: 25px;
	width: 112px;
	display: block;
	margin: 14px 0 0 145px;
	}
	
div.getquoteStudentBtn a:hover {
	background: url("/images/buttons/student/get_a_quote.gif");
	height: 25px;
	width: 112px;
	display: block;
	}
	
div.getquoteStudentBtn span {
	display: none;
	color: #f00;
	}
	
	
div.getquoteStudentBtn2 a {
	float: right;
	height: 25px;
	width: 107px;
	display: block;
	background: url("/images/buttons/student/find_out.gif") 0 -25px;
	margin: 18px 0 0 0;
	}
	
div.getquoteStudentBtn2 a:hover {
	background: url("/images/buttons/student/find_out.gif");
	height: 25px;
	width: 107px;
	display: block;
	}
	
div.getquoteStudentBtn2 span {
	display: none;
	color: #f00;
	}
		
div.backQuoteSummaryBtn a {
	background: url("/images/buttons/student/back_to_quote.gif") 0 -25px;
	height: 25px;
	width: 179px;
	display: block;
	margin: 13px 0 0 592px;
	}
	
div.backQuoteSummaryBtn a:hover {
	background: url("/images/buttons/student/back_to_quote.gif");
	height: 25px;
	width: 179px;
	display: block;
	}
	
div.backQuoteSummaryBtn span {
	display: none;
	color: #f00;
	}
	
div.renewStudentBtn a {
	background: url("/images/buttons/student/renew_policy.gif") 0 -25px;
	height: 25px;
	width: 109px;
	display: block;
	margin: 57px 0 0 100px;
	}
	
div.renewStudentBtn a:hover {
	background: url("/images/buttons/student/renew_policy.gif");
	height: 25px;
	width: 109px;
	display: block;
	}
	
div.renewStudentBtn span {
	display: none;
	color: #f00;
	}	

div.reviewCoverBtn a {
	float: left;
	background: url("/images/buttons/student/review_cover.gif") 0 -25px;
	height: 25px;
	width: 160px;
	display: block;
	}
	
div.reviewCoverBtn a:hover {
	background: url("/images/buttons/student/review_cover.gif");
	height: 25px;
	width: 160px;
	display: block;
	}
	
div.reviewCoverBtn span {
	display: none;
	color: #f00;
	}



div.retrieveStudentBtn a {
	background: url("/images/buttons/student/retrieve_quote.gif") 0 -25px;
	height: 25px;
	width: 102px;
	display: block;
	}
	
div.retrieveStudentBtn a:hover {
	background: url("/images/buttons/student/retrieve_quote.gif");
	height: 25px;
	width: 102px;
	display: block;
	}
	
div.retrieveStudentBtn span {
	display: none;
	color: #f00;
	}
	
	
	
div.findoutStudentBtn a {
	background: url("/images/buttons/student/find_out_more.gif") 0 -25px;
	height: 25px;
	width: 129px;
	display: block;
	margin: 0px 0 0 0;
	}
	
div.findoutStudentBtn a:hover {
	background: url("/images/buttons/student/find_out_more.gif");
	height: 25px;
	width: 129px;
	display: block
	}
	
div.findoutStudentBtn span {
	display: none;
	color: #f00;
	}	
	
div.carInsStudentBtn a {
	background: url("/images/buttons/student/find_out_more.gif") 0 -25px;
	height: 25px;
	width: 129px;
	display: block;
	margin: 0px 0 0 0;
	}
	
div.carInsStudentBtn a:hover {
	background: url("/images/buttons/student/find_out_more.gif");
	height: 25px;
	width: 129px;
	display: block
	}
	
div.carInsStudentBtn span {
	display: none;
	color: #f00;
	}	

	
div.otherGetQuoteBtn a {
	background: url("/images/buttons/student/get_a_quote.gif") 0 -25px;
	height: 25px;
	width: 112px;
	display: block;
	margin: 0px;
	}
	
div.otherGetQuoteBtn a:hover {
	background: url("/images/buttons/student/get_a_quote.gif");
	height: 25px;
	width: 112px;
	display: block;
	}
	
div.otherGetQuoteBtn span {
	display: none;
	color: #f00;
	}
	
button#viewCover:hover {
	background: url("/images/quote/view_cover.gif");
	}


div.travelStudentBtn a {
	background: url("/images/buttons/student/travelStudentBtn.gif") 0 -35px;
	height: 35px;
	width: 181px;
	display: block;
	padding-bottom: 3px;
	}	

div.travelStudentBtn a:hover {
	background: url("/images/buttons/student/travelStudentBtn.gif");
	height: 35px;
	width: 181px;
	display: block
	}
	
div.travelStudentBtn span {
	display: none;
	color: #f00;
	}		


div.bicycleStudentBtn a {
	background: url("/images/buttons/student/bicycleStudentBtn.gif") 0 -35px;
	height: 35px;
	width: 181px;
	display: block;
	padding-bottom: 3px;
	}	

div.bicycleStudentBtn a:hover {
	background: url("/images/buttons/student/bicycleStudentBtn.gif");
	height: 35px;
	width: 181px;
	display: block
	}
	
div.bicycleStudentBtn span {
	display: none;
	color: #f00;
	}

div.carStudentBtn a {
	background: url("/images/buttons/student/carStudentBtn.gif") 0 -35px;
	height: 35px;
	width: 181px;
	display: block;
	}	

div.carStudentBtn a:hover {
	background: url("/images/buttons/student/carStudentBtn.gif");
	height: 35px;
	width: 181px;
	display: block
	}
	
div.carStudentBtn span {
	display: none;
	color: #f00;
	}	
	
div.faqsStudentBtn {
	margin-bottom: 25px;
	}

div.faqsStudentBtn a {
	background: url("/images/buttons/student/faqsStudentBtn.gif") 0 -27px;
	height: 27px;
	width: 111px;
	display: block;
	}	

div.faqsStudentBtn a:hover {
	background: url("/images/buttons/student/faqsStudentBtn.gif");
	height: 27px;
	width: 111px;
	display: block
	}

div.faqsStudentBtn span {
	display: none;
	color: #f00;
	}

div.twitterStudentBtn a {
	background: url("/images/buttons/student/twitterStudentBtn.gif") 0 -27px;
	height: 27px;
	width: 111px;
	display: block;
	}	

div.twitterStudentBtn a:hover {
	background: url("/images/buttons/student/twitterStudentBtn.gif");
	height: 27px;
	width: 111px;
	display: block
	}
	
div.twitterStudentBtn span {
	display: none;
	color: #f00;
	}	

div.facebookStudentBtn a {
	background: url("/images/buttons/student/facebookStudentBtn.gif") 0 -27px;
	height: 27px;
	width: 111px;
	display: block;
	margin-top: 5px;
	}	

div.facebookStudentBtn a:hover {
	background: url("/images/buttons/student/facebookStudentBtn.gif");
	height: 27px;
	width: 111px;
	display: block
	}
	
div.facebookStudentBtn span {
	display: none;
	color: #f00;
	}	

div.reviewCoverBtn2 a {
	background: url("/images/buttons/student/review_cover2.gif") 0 -25px;
	height: 25px;
	width: 129px;
	display: block;
	margin: 40px 20px 0 0;
	float:right;
	}
	
div.reviewCoverBtn2 a:hover {
	background: url("/images/buttons/student/review_cover2.gif");
	height: 25px;
	width: 129px;
	display: block;
	}
	
div.reviewCoverBtn2 span {
	display: none;
	color: #f00;
	}
	

.summaryLink {
	float: left;
	margin: 21px 0 0 0;
	}

.summaryLink a {
	color: #073875;
	font-size:0.8em;
	font-weight: bold;
	}

.summaryLink2 {
	float: right;
	margin: 14px 10px 0 0;
	}

.summaryLink2 a {
	color: #073875;
	font-size:0.8em;
	font-weight: bold;
	}
	
.summaryLink3 {
	float: right;
	margin: 54px 10px 0 0;
	}

.summaryLink3 a {
	color: #073875;
	font-size:0.8em;
	font-weight: bold;
	}
		
#studentBottomMiddle .summaryLink a {
	color: #656565;
	margin: 10px 0 0 35px;
	}
	
#studentMidLeft .summaryLink {
		padding:
		}
	
	
/* Student FAQS */

#contentFAQ {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 20px 30px;
	}

#contentFAQ ul {
	margin-bottom: 10px;
	}
	
#contentFAQ ul li {
	margin-left: 15px;
	}

#landingWideStudent #contentFAQ h1 {
	margin: 0 0 20px 0;
	font-size: 2.3em;
	}




/* FORMS */

.labelWrapperStudent {
	font-size: 0.9em;
}

.form fieldset .labelWrapperStudent {
	width: 150px;
	float: left;
	padding: 6px 0;
}



/* BOX */

#studentContent #boxTop{
    width: 540px;
    padding: 10px;
    background-image: url("/images/quote/boxTop.gif");
    background-repeat: no-repeat;
}

#studentContent #boxTop h1{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}

#studentContent #Col1{
    width:260px;
    float: left;
    padding-right: 20px;
}

#studentContent #Col1 h2{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}


#studentContent #Col2{
    width:250px;
    float: left;
}

#studentContent #Col2 h2{
    color:#cc0000; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
    margin: 0;
    padding: 8px 0 6px 0;
}

#studentContent #Row {
    width:540px;
    float: left;
    text-align: center;
    padding-top: 20px;
}

#studentContent .Col1Cover{
    width:220px;
    float: left;
}

#studentContent .Col1LongCover{
    width:350px;
    float: left;
}

#studentContent .Col2Cover{
    width:22px;
    float: left;
}

#studentContent .Col3Cover{
    width:130px;
    float: left;
}

#studentContent .Col4Cover{
    width:90px;
    float: left;
}

#studentContent .Col4CoverRight{
    width:70px;
    float: left;
    text-align: right;
    padding-right: 20px;
}

#studentContent #RowCover{
    width:540px;
    float: left;
    text-align: left;
    padding: 14px 0 8px 20px;
    border-bottom: 1px solid #ccc;
}


#studentContent #boxBottom{
    height: 20px;
    background-image: url("/images/quote/boxBottom.gif");
    background-repeat: no-repeat;
}

/* LISTS */

#studentContent #boxTop ul  {
    margin: 0;
    padding: 0;
    color: #333;
}

#studentContent #boxTop ul li.tick, li.tick{
    list-style-image: none;
    list-style-type: none;
    background: url("/images/bullets/tick.gif") no-repeat;
    margin: 8px 0 0 0;
    padding:0 4px 0 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent #boxTop ul li.arrow, li.arrow {
    list-style-image: none;
    list-style-type: none;
    background: url("/images/bullets/boxArrow.gif") no-repeat;
    margin: 8px 0 0 0;
    padding:0 4px 0 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent ul li.bang, li.bang{
    list-style-image: none;
    list-style-type: none;
    height: 20px;
    background: url("/images/bullets/boxExclaim.gif") no-repeat;
    margin: 8px 10px 0 24px;
    padding:0 10px 10px 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

#studentContent ol  {
    margin: 4px 0 8px 22px;
    padding: 0;
}

#studentContent ol li{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
}

ul.arrowYellow{
  margin: 10px 0 0 20px;
  padding: 0;
}

ul.arrowYellow li{
    list-style-image: url(/images/quote/yellowArrow.gif) !important;
    padding: 0 0 4px 0;
    margin: 0;
}

ul.arrowYellow li a, ul.arrowYellow li a:visited, ul.arrowYellow li a:hover:visited{
    color: #003F8F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-decoration:none;
    font-weight: bold;
}

ul.arrowYellow li a:hover {
    color: #3399CC; 
    text-decoration:none;
}

/* help popup code */
.helpPopup, .yui-tt, #cluetip-outer {
    position: absolute;
    text-align: left;
    background-color: #fef5ca;
    border: 1px solid #FFCC00;
    padding: 10px;
    z-index: 999;
    font-size: 1em;
    width: 400px;
}

.helpPopup h2, #cluetip-outer h3 {
    color:#006;
    font-size: 0.9em;
    padding-bottom: 14px;
}

.helpPopup ul, #cluetip-outer ul {
    margin: 0;
    padding: 10px 0 10px 30px;
    list-style-type: disc;
    background-image: none;
}

.helpPopup ul li, #cluetip-outer ul li {
    margin: 0;
    padding: 0 0 4px 0;
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.helpPopup p, #cluetip-outer p {padding-bottom: 3px;}

.labelStudent {
    font-size: 1em;
}

#studentContent #confirmTop{
    width: 480px;
    height: 21px;
    margin: 0px 40px 0px 40px;
    padding: 0px;
    background-image: url("/images/quote/confirmTop.gif");
    background-repeat: no-repeat;
}
#studentContent #confirm h1{
    width: 480px;
    background-color:#fef5cc; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-decoration:none;
    text-align: center;
    margin: 0px 40px 0px 40px;
    padding: 5px 0 5px 0;
}
#studentContent #confirmBottom{
    width: 480px;
    height: 21px;
    margin: 0px 40px 10px 40px;
    padding: 0px;
    background-image: url("/images/quote/confirmBottom.gif");
    background-repeat: no-repeat;
}

#adContainer{
    width: 560px;
    height: 140px;
    margin: 0px 0px 10px 0px;
}

.ad{
    width:270px;
    height:150px;
    float: right;
}

.adPlusSpace{
    width:270px;
    height:150px;
    float: left;
}


.ad .quote, .adPlusSpace .quote{
    height: 30px;
    width: 140px;
    margin-top: 90px;
    border: none;
    float: right;
}

.ad .more, .adPlusSpace .more{
    height: 30px;
    width: 120px;
    border: none;
    top: 100px;
    margin-top: 90px;
    float: left;
}

.more span, .quote span{
   display: none;
}

span.hidden {
	display: none;
	}


.getaquote{
    position: relative;
    top: 89px;
    left: 140px
}
.findoutmore{
    position: relative;
    top: 75px;
    left: 10px;
    color:#3399cc; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration:none;
}
.fmi{
    position:relative;
    top:8px;
}
.yellowline{
    width:560px;
    padding-bottom:5px;
    border-bottom: 1px solid #ffcc00;
    display:block;
}
.width360{
    width:360px;
}
.width200{
    width:200px;
}
.minus32{
    position:relative;
    top: -35px;
    margin-bottom: -35px;
}
.left420{
    position:relative;
    left: 400px;
}
/* Make all buttons minimal */
button, .button {
    display: block;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
/* Now set up each individual button */
button#student_possessions_submit {
    background: transparent url('/images/buttons/next-step-red2.gif') no-repeat;
    width: 126px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#student_possessions_submit_back, button#student_possessions_submit:hover, button#student_possessions_submit.hover {background-image: url('/images/buttons/next-step-red2-on.gif')}

button#renewal_discount_submit {
    background: transparent url(/images/buttons/submitRed.gif) no-repeat;
    width: 126px;
    height: 32px;

}

/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
/*div#student_possessions_submit_back, button#student_possessions_submit:hover, button#student_possessions_submit.hover {background-image: url('/images/buttons/next-step-red2-on.gif')}*/

button#remind_me_later_submit {
    background: transparent url('/images/buttons/build-your-policy.gif') no-repeat;
    width: 169px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#remind_me_later_submit_back, button#remind_me_later_submit:hover, button#remind_me_later_submit.hover {background-image: url('/images/buttons/build-your-policy-on.gif')}

button#details_submit {
    background: transparent url('/images/quote/viewCover.gif') no-repeat;
    width: 132px;
    height: 32px;
}

/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#remind_me_later_submit_back, button#remind_me_later_submit:hover, button#remind_me_later_submit.hover {background-image: url('/images/buttons/build-your-policy-on.gif')}

button#newdetails_submit {
    background: transparent url('/images/quote/viewCover.gif') no-repeat;
    width: 132px;
    height: 32px;
}


/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#details_submit_back, button#details_submit.hover, button#details_submit:hover {background-image: url('/images/quote/viewCover-on.gif')}

button#summary_quote_submit {
    background: transparent url('/images/quote/extendCover.gif') no-repeat;
    width: 150px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#summary_quote_submit_back, button#summary_quote_submit:hover, button#summary_quote_submit.hover {background-image: url('/images/quote/extendCover-on.gif')}

button#claims_back_button {
    background-image: url('/images/quote/Back.gif');
    height: 32px;
    width: 99px;
}
div#claims_back_button_back,button#claims_back_button:hover, button#claims_back_button.hover {background-image: url('/images/quote/Back-on.gif');}

button#extend_cover {
    background-image: url('/images/quote/extendCover.gif');
    width: 150px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#extend_cover_back, button#extend_cover.hover, button#extend_cover:hover {background-image: url('/images/quote/extendCover-on.gif');}

button#extend_cover_calc, div#extend_cover_calc_back {
    background-image: url('/images/quote/extendCover2.gif');
    width: 145px;
    height: 32px;
}
div#extend_cover_calc_back, button#extend_cover_calc.hover, button#extend_cover_calc:hover {background-image: url('/images/quote/extendCover2-on.gif');}

button#basic_cover_button {
    background-image: url('/images/quote/basicCover.jpg');
    width: 139px;
    height: 32px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#basic_cover_button_back, button#basic_cover_button.hover, button#basic_cover_button:hover {background-image: url('/images/quote/basicCover-on.jpg');}

button#payment_submit, button#payment_details_submit {
    background-image: url('/images/quote/payOnline.gif');
    height: 32px;
    width: 133px;
}
div#payment_submit_back, div#payment_details_submit_back, button#payment_submit.hover, button#payment_submit:hover, button#payment_details_submit.hover, button#payment_details_submit:hover {background-image: url('/images/quote/payOnline-on.gif');}

a.button#policy_summary {
    background-image: url('/images/quote/policySummary.gif');
    height: 32px;
    width: 164px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#policy_summary_back, a.button#policy_summary.hover, a.button#policy_summary:hover {background-image: url('/images/quote/policySummary-on.gif');}

a.button#back_to_quote {
    background-image: url('/images/quote/back_to_quote.gif');
    height: 32px;
    width: 165px;
}
/* First, give the background "div" a background image of the rollover image. Next set :hover as the background image, then also hover classes too for browsers that dont understand :hover */
div#back_to_quote_back, a.button#back_to_quote.hover, a.button#back_to_quote:hover {background-image: url('/images/quote/back_to_quote-on.gif');}


/* New Student Insurance section */












.floatRight {float: right;}
.otherQuote{
    color:#003F8F; 
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-decoration:none;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ffcc00;
 }
label.inline {padding: 0 10px}
#agree, #disagree{
   /* width:10px; 
    margin: 10px 5px 20px 5px;
    border: 0px !important;
    color:#fff;
    background-color:#fff;*/
}
.form fieldset input.radioButton {
    vertical-align: top;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: none;
}
.radioAdjust{
    position:relative;
    top: -20px;
    margin: 12px 5px 18px 5px;
}

#studentContent .dynamicList {
    float: left;
    clear: both;
    list-style: disc url('/images/bullets/disc-black.gif') outside !important;
}

#studentContent .dynamicListItem {
    float:left;
    clear: both;
    margin-bottom:5px;
    width:100%;
}

#studentContent .dynamicListItem .dynamicListName {
    float:left;
    width:327px;
}

#studentContent .dynamicListItem .dynamicListPrice {
    float:left;
    padding:0pt 20px 0pt 0pt;
    text-align:right;
    width:70px;
}

#studentContent .dynamicListItem .dynamicListImage {
    float:left;
    margin-top:-4px;
    width:90px;
}
.IE6linefix { /* hack to fix div clears in IE6 */
    _position:relative;
    _top:-20px;
    _margin-bottom:-20px;
}
#radioContainer{
    list-style:none;
    margin:0px;
    padding: 0px;
    
}
ul#radioList li{
    display:inline;
    }
ul#radioList li input, ul#radioList li span{
    float:left;
}
ul#radioList li input{
    width:10px;
}
ul#radioList li span{
    width:7em;
    position:relative;
    top: 12px;
}
#studentContent .hiddenFieldset {
    padding-left: 25px;
    clear: both;
}
/*----------------Calculator---------------------*/
#calculatorPadding {height: 320px;} /* Makes sure the right div has enough padding to compensate for the calculator */
#verisign {
    float: right;
    clear: both;
    margin-top: -120px;
}
#calcContainer{
    width:170px;
    float: right;
    clear: both;
    margin-top: -410px;
}
#calcTop{
    background: url("/images/calc/calcTop.gif") bottom center no-repeat;
    height:20px;
    width: 170px;
}
#calcBody{
    width:152px;
    padding: 0px 8px;
    background-color: #fdf8e2;
    border-left: 1px solid #fbcd00;
    border-right: 1px solid #fbcd00;
    display:table;
}
#calcBottom{
    background: url("/images/calc/calcBottom.gif") bottom center no-repeat;
    height:20px;
    width: 170px;
}
.calcH3fix{
    position:relative;
    top:-5px;
    padding:0px;
    margin:0px;
    font-size:0.9em;
    _font-size:0.9em;
}

table#ExtendCalculator {
    padding: 0;
    margin: 5px 0;
    height:100%;
    width:152px;
    border-collapse: collapse;
    border-spacing: 0px;
}
table#ExtendCalculator thead {
    display: none;
}

table#ExtendCalculator tr {
    width:152px;
    padding: 0;
    margin: 0;
}
table#ExtendCalculator tr.last td {
    padding-bottom: 10px;
}

table#ExtendCalculator tr td {
    padding: 3px 0;
    margin: 0;
}
table#ExtendCalculator tr td.calcText {
    width: 134px;
    font-size:0.8em;
}
table#ExtendCalculator tr td.calcNum {
    width: 18px;
    height: 10px;
    font-size:0.8em;
    font-weight: bold;
}
table#ExtendCalculator tr#ExtendCalculatorCalc td {border-top: 1px solid #fbcd00;}
table#ExtendCalculator tr#ExtendCalculatorCalc td.calcText {
    color:#FF0000;
    font-weight:bold;
}
table#ExtendCalculator tr#ExtendCalculatorCalc td.calcTotal {
    color:#FF0000;
    font-weight:bold;
}

.calcDisclaimer{
    text-align: center;
    width:152px;
    font-size:0.7em;
}
.calcImgFix{
    text-align: center;
    margin: -8px 0 0 0;
    position:relative;
    top:15px;
    left:3px;
}


.overflowVisible {overflow: visible !important;}

.errorImg {
    width: 9px; 
    height: 8px;
    padding: 0;
    margin: 0;
    border: none;
}

.ajaxLoad {
	padding: 5px 0 0 445px;
	}

.link {
	cursor: pointer;
	text-decoration: underline;
}