@charset "utf-8";
/** Advance WebQuote CSS */


/*******************************************
BOX CALCUALATOR POPUP
*******************************************/

body#box_calc {
	background:url(/images/quote/box-calculator-bg.gif) 0 0 no-repeat;
	width: 644px; height: 345px;
	position: relative;
}

	body#box_calc div {
		position: absolute;
		top: 20px;
		left: 30px;
		width: 570px;
	}
	
	body#box_calc h1 {
		font-weight: normal;
		color: #c44b21;
		font-size: 2em;
		border-bottom: 1px solid #c44b21;
		margin-bottom: 10px;	
	}
	
	body#box_calc h2 {
		font-weight: normal;
		color: #005da4;
		font-size: 2.3em;
		margin: 10px 0;	
	}
	
	body#box_calc p { line-height: 155%; }	
		body#box_calc p.info { margin-top: 25px; }
	
	body#box_calc img { float: right; padding: 0 0 10px 10px; }
	
	body#box_calc form {
		font-size: 1.4em;	
	}
	
		body#box_calc form legend { display: none; }
			
		body#box_calc form ul {
			margin: 30px 0 20px 0;
		}
	
		body#box_calc form p {
			font-size: 13px;
		}
		
		body#box_calc fieldset { padding: 0; margin: 0; }
	
		body#box_calc form label {
			color: #C54B21;
			float: left;
			width: 121px;
			text-align: right;
			margin: 0 15px 0 0;		
		}
		body#box_calc form input {
			border: 1px solid #BBBBBB;
			font-size: 0.65em;
			height: 19px;
			padding: 2px 5px;
			width: 75px;
		}
			body#box_calc form input.calculate_boxes {
				background:url(/images/quote/ui/calc-boxes.gif)	0 0 no-repeat;
				width: 79px; height: 23px;
				padding: 0; border: 0;
				cursor: pointer;
				line-height: 0;
				text-indent: -9999px;
				margin-left: 15px;				
			}
		
		body#box_calc form select {
			border: 1px solid #BBBBBB;
			font-size: 0.65em;
			height: 25px;
			padding: 3px 5px;
			width: 55px;	
		}

/*******************************************
LOGIN  (ADMIN)
*******************************************/

		
body#login {
	margin: 0;
	width: 100%;	
}

form.login {
	margin: 100px auto 0 auto;
	width: 433px;
	height: 333px;
	background: url(/images/quote/login-form-bg.gif) 0 0 no-repeat;
}
	form.login fieldset {
		position: relative;
		width: 385px;
		height: 281px;
		padding: 57px 23px 10px 23px;
	}	
	form.login legend {	display: none; }
	
		form.login h2 {
			font-size: 2em;
			color: #C44B21;
			font-weight: normal;
			padding: 10px 0 10px 0;
			clear: both;
		}
		form.login p {
			margin: 0 0 15px;
			line-height: 1.6em;
			font-size: 0.9em;
			width: 350px;
		}	
			form.login p.error {
				margin: 0 0 5px 20px;
				color: #9d1c1f;
				font-weight: bold;
			}
		
				
		form.login ul {
			
			display: block;
			background: #f5f5f5 url(/images/quote/form-fields-bg.gif) 0 0 no-repeat;
			height: 83px;
			width: 350px;
			margin: 20px auto 10px 0;
			padding: 1px 10px 4px 10px;
		}
		form.login ul li {
			position: relative;
			margin: 8px 0 15px 0;
			font-size: 1.4em;
		}				
			form.login li label {
				width: 100px;
				float: left;
				text-align: right;
				margin: 0 15px 0 0;
			}
				form.login li.active label { color: #005da4; }		
			form.login li input {
				width: 170px;
				height: 18px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
				form.login li.active input { border-color: #000; color: #337db6; }			
			form.login li a.explain {
				background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 19px;
				text-indent: -9999px;
			}	
			
	form input.submit-login {
		float: right;
		background: url(/images/quote/ui/button-login.gif) 0 0 no-repeat;
		width: 94px; height: 29px;;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		text-size: 0;
		line-height: 0;
		display:block;
		margin: 0 16px 0 0;
	}
	
#login-footer {
	position: relative;
	font-size: 0.9em;
	width: 433px;
	margin: 0 auto;
}

	div#login-footer ul#footer-nav { 
		position: absolute;
		top: 0px;
		right: 8px; 
	}
		div#login-footer ul li {
			margin: 7px 0;
			float: left;
			padding: 0 11px;
			border-right: 1px solid #e3e3e3;
			text-transform: lowercase;
		}
			div#login-footer ul li a { color: #000000; }
			div#login-footer ul li a span { color: #124F6B; }	
			div#login-footer ul li.last { border: 0; padding-right: 0; }
		
		div#login-footer p.andcopy {
			position: absolute;
			top: 30px;
			right: 8px;	
			padding-bottom: 8px;
		}
		
div.message-bar {
	display: none;
	height: 30px;
	padding: 14px 15px 5px;
	background: #6BBA70;
	color: #EEEEEE;
}
div.message-bar p {
	font-size: 1.2em;
}

div.message-bar p span {
	font-size: 1.1em;
	font-weight: bold;
}
		
/*******************************************
LOGIN OR REGISTER FORM (USER)
*******************************************/

body#login-user {
	margin: 0;
	width: 100%;	
}

div#login-holder {
	position: relative;
	margin: 100px auto 0 auto;
	width: 905px;
	height: 333px;
	background: url(/images/quote/login-user-form-bg.gif) 0 0 no-repeat;
}

div#login-holder form.login {
	position: absolute;
	top: 0px;
	left: 2px;	
	width: 433px;
	height: 333px;
	background: none;
	margin: 0;
}

div#register {
	width: 433px;
	height: 333px;
	position: absolute;
	top: 0px;
	left: 480px;	
	width: 433px;
	height: 281px;
	padding: 57px 23px 10px;
}

	div#register h2 {
		font-size: 2em;
		color: #C44B21;
		font-weight: normal;
		padding: 10px 0 10px 0;
		clear: both;
	}
	
	div#register p {line-height: 1.6;  }
	
	div#register ul {
		margin: 10px 0 5px 40px;	
	}
		
		div#register ul li {
			font-weight: bold;
			color: #012847;
			line-height: 1.8;
			padding-left: 5px;
			list-style-image: url(/images/quote/ui/orange-bullet.gif);
		}
		div#register ul li a {
			text-decoration: none;
			font-weight: bold;
			color: #012847;		
		}
			div#register ul li a:hover { text-decoration: underline; }		
			div#register ul li.odd, div#register ul li.odd a { color: #225175; }
			
		a#button-register {
			background: url(/images/quote/ui/get-quote.gif) 0 0 no-repeat;
			height: 29px; width: 124px;
			border: 0;
			text-indent: -9999px;
			cursor: pointer;
			text-size: 0;
			line-height: 0;
			display:block;	
			float: right;
			margin-right: 68px;	
		}

#login-footer.user { width: 905px; }


/*******************************************
QUOTE PAGE LAYOUT
*******************************************/

#content-quote {
	border-width: 10px 8px;
	border-color: #ba4a24;
	border-style: solid;
	clear: both;	
}

ul#quote-nav {
	width: 924px;
	background: #f1f1f1;
	height: 50px;
}

	ul#quote-nav li {
		color: #999;
		font-family: Arial, sans-serif;
		float: left;
		text-align: center;
		padding: 15px 95px 0 50px;
		height: 32px;
		font-size: 1.4em;
		background: url(/images/quote/ui/quote-steps-divider.gif) right 14px no-repeat;
	}
		ul#quote-nav li.this-step {
			color: #116287;
			background: url(/images/quote/ui/quote-this-step-divider.gif) right 14px no-repeat;
		}
		ul#quote-nav li.last {
			background: none;
			padding-right: 30px;
		}
			
#page-quote {
	padding: 0px 45px 20px 20px;
}

div#page-quote p.breadcrumb {
	font-size: 0.9em;
	margin: 0;
}
	div#page-quote h1, div#page-quote h2 {
		font-size: 2em;
		color: #C44B21;
		font-weight: normal;
		padding: 20px 0 10px 0;
		clear: both;
	}
	div#page-quote p {
		margin: 0 0 15px;
		line-height: 1.6em;
		clear: both;
	}	
	
/*******************************************
TEMPORARY PLACEHOLDER (REQUEST QUOTE)
*******************************************/

.quote-temp {
	position: relative;
	background: url(/images/quote/ui/quote-steps-bg.gif) 0 0 no-repeat;
	margin: 0 auto;
	width: 807px; 
	height: 481px;
}
	.quote-temp h3 {
		position: absolute;
		top: 9px; left: 10px;
		font-size: 1.3em;
		color: #fff;
	}
	
	
.quote-temp form {
		position: relative;
		float: left;
		margin: 49px 0 0 30px;
		padding: 20px 0 0 15px;
		background: url(/images/quote/ui/full-white-bg.gif) 0 0 no-repeat;
		width: 745px; height: 377px;
		display: block;
	}
		#page-quote .quote-temp form p { width: 390px; }
		p.error { color: #990000; font-weight: bold; }
	
	.quote-temp fieldset { padding: 0; margin: 0; }
		.quote-temp fieldset legend { display: none; font-size: 1.5em; }
			.quote-temp fieldset.blue legend { color: #005da4; }
			
		.quote-temp fieldset.temp-left { float:left; width: 400px; }
		.quote-temp fieldset.temp-right { min-height: 0; float:left; margin-top: 41px; }
	
		.quote-temp form ul {
			display: block;
			height: 86px;
			width: 398px;
			margin: 11px 0 15px;
			padding: 9px 10px 4px 10px;
		}
			.quote-temp form .temp-right ul { 
				width: 100px;
			}
		
		.quote-temp form ul li {
			position: relative;
			margin: 8px 0 15px 0;
			font-size: 1.4em;
		}				
			.quote-temp form ul li label {
				width: 150px;
				float: left;
				text-align: right;
				margin: 0 15px 0 0;
			}
				.quote-temp form fieldset.temp-right ul li label { text-align: left; }
				.quote-temp form fieldset.temp-right ul li p { font-size: 0.6em; }
				
			
				.quote-temp form fieldset.blue ul li.active label { color: #005da4; }
									
			.quote-temp form ul li input {
				width: 176px;
				height: 18px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
			.quote-temp form ul li select {
				width: 188px;
				height: 25px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
			.quote-temp form ul li textarea{
				width: 176px;
				height: 100px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
				font-family: Arial, sans-serif
			}
			.quote-temp form ul li textarea.req { width: 270px; height: 208px; }
			
				.quote-temp form fieldset.blue ul li.active input, .quote-temp form fieldset.blue ul li.active select,
				.quote-temp form fieldset.blue ul li.active textarea { border-color: #000; color: #337db6; }		
			
			.quote-temp form ul li a.explain {
				background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 14px;
				text-indent: -9999px;
			}
			
	.quote-temp form input.button-submit-quote-req {
		background: url(/images/quote/ui/button-submit-quote-req.gif) 0 0 no-repeat;
		position: absolute;
		top: 388px; right: 16px;
		width: 174px; height: 32px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		text-size: 0;
		line-height: 0;
		display:block;
	}
	
	.quote-temp img.select-other {
		position: absolute;
		top: 437px; left: 28px;
		height: 34px; width: 178px;
	}
	
	
	
/*******************************************
SELECT SERVICE
*******************************************/

ul#quote-services { }

ul#quote-services li {
	position: relative;
	float: left;
	display: block;
	width: 242px;
	height: 220px;
	background:url(/images/quote/ui/select-service-box.gif) 0 0 no-repeat;
	margin: 15px 20px;
}

	ul#quote-services li h3 {
		position: absolute;
		top: 9px; left: 10px;
		color: #fff;
		font-weight: normal;
		font-size: 1.4em;
	}	
	ul#quote-services li img.service-img {
		position: absolute;
		top: 45px; left: 6px;
	}	
	ul#quote-services li p {
		position: absolute;
		top: 113px; left: 13px;
		font-size: 0.9em;
		line-height: 1.8em;
		width: 217px;
	}
	ul#quote-services li a.more-info {
		position: absolute;
		top: 189px; left: 13px;
		font-weight: bold;
		font-size: 0.9em;
	}
	ul#quote-services li img.select-button {
		position: absolute;
		top: 181px; right: 12px;
	}
	
ul#quote-tools { }

	ul#quote-tools li { 
		position: relative;
		width: 813px;
		height: 91px;
		margin: 25px 20px 35px 20px;
		background:url(/images/quote/ui/select-tool-box.gif) 0 0 no-repeat;
		color: #fff;
	}
		ul#quote-tools li img.tool-img {
			position: absolute;
			top: 10px; left: 10px;
		}
		ul#quote-tools li h3 {
			position: absolute;
			top: 10px; left: 195px;
			font-weight: normal;
			font-size: 1.4em;
		}		
		ul#quote-tools li p {
			position: absolute;
			top: 40px; left: 195px;
			line-height: 1.7em;
			font-size: 0.9em;
		} 
		ul#quote-tools li a.more-info {
			position: absolute;
			top: 14px; right: 14px;
			font-weight: bold;
			font-size: 0.9em;
			color: #fff;
		}
		ul#quote-tools li img.select-button {
			position: absolute;
			top: 53px; right: 13px;
		} 
		
/*******************************************
GENERAL QUOTE FORM
*******************************************/

table#progress { width: 390px; font-size: 1.1em; margin: 0 0 13px 0; }
	table#progress td.key { width: 130px; font-weight: bold; padding: 2px 0 3px 0; }
	table#progress td.value { color: #005DA4; font-weight: bold; }
		table#progress td.value.nth { color: #C54B21; font-weight: bold; }

.quote-step {
	position: relative;
	background: url(/images/quote/ui/quote-steps-bg.gif) 0 0 no-repeat;
	margin: 20px auto;
	width: 807px; 
	height: 481px;
}
	.quote-step h3 {
		position: absolute;
		top: 9px; left: 10px;
		font-size: 1.3em;
		color: #fff;
	}
	
	.help-info {
		position: relative;
		float: left;
		margin: 50px 0 0 22px;
		background: url(/images/quote/ui/quote-help-bg.gif) 0 0 no-repeat;
		width: 242px; height: 381px;
		display: block;
	}	
		#page-quote .help-info p { line-height: 1.9em; margin-bottom: 23px; }
		.help-info h4 {
			position: absolute;
			top: 8px; left: 13px;
			font-size: 1.4em;
			font-weight: normal;
			color: #fff;
		}
		.help-info img {
			position: absolute;
			top: 37px; left: 8px;
			width: 227px; height: 63px;
		}
		
		.help-info div.instructions {
			position: absolute;
			top: 115px; left: 13px;
			font-size: 0.9em;
			width: 215px;
		}
		
		.help-info div.help {
			position: absolute;
			top: 277px; left: 13px;
			font-size: 0.9em;
			width: 215px;
			padding-top: 15px;
			background: url(/images/quote/ui/help-divider.gif) top center no-repeat;
		}
		
		.help-info div.help .explain {			
			background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
			width: 18px; height: 17px;
			display: inline-block;
			margin: 0 2px;
			text-indent: -9999px;
		}
		

	.quote-step form {
		position: relative;
		float: left;
		margin: 49px 0 0 40px;
		padding: 23px 0 0 26px;
		background: url(/images/quote/ui/quote-form-bg.gif) 0 0 no-repeat;
		width: 470px; height: 375px;
		display: block;
	}
		.quote-step form p { width: 390px; }
	
	.quote-step fieldset { padding: 0; margin: 0; }
		.quote-step fieldset legend { font-size: 1.5em; }
			.quote-step fieldset.blue legend { color: #005da4; }
			.quote-step fieldset.orange legend { color: #c54b21; }
				.quote-step fieldset.blue legend.override-orange { color: #c54b21; }
				.quote-step fieldset.orange legend.override-blue { color: #005da4; }
						
	
		.quote-step form ul {
			display: block;
			height: 86px;
			width: 398px;
			margin: 11px 0 15px;
			padding: 9px 10px 4px 10px;
		}
		.quote-step form ul.active { background: #f5f5f5 url(/images/quote/ui/quote-form-fields-bg.gif) 0 0 no-repeat; }
		
		.quote-step form ul li {
			position: relative;
			margin: 8px 0 15px 0;
			font-size: 1.4em;
		}	
			.quote-step form ul li.error, 
			.quote-step form fieldset.blue ul li.error.active label,
			.quote-step form fieldset.orange ul li.error.active label { color: #990000; }
			
			.quote-step form fieldset.blue ul li.error input,
			.quote-step form fieldset.orange ul li.error input,
			.quote-step form fieldset.blue ul li.error.active input,
			.quote-step form fieldset.orange ul li.error.active input { border-color: #990000; background-color: #F9D0D1; color: #000; }
			
						
			.quote-step form ul li label {
				width: 140px;
				float: left;
				text-align: right;
				margin: 0 15px 0 0;
			}
				.quote-step form fieldset.blue ul li.active label { color: #005da4; }
				.quote-step form fieldset.orange ul li.active label { color: #c54b21; }
				
				.quote-step form ul li label.long { width: 231px; }
									
			.quote-step form ul li input {
				width: 176px;
				height: 19px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
				.quote-step form fieldset.blue ul li.active input { border-color: #000; color: #337db6; }		
				.quote-step form fieldset.orange ul li.active input { border-color: #000; color: #c54b21; }	
				
				
			.quote-step form ul li select {
				width: 188px;
				height: 25px;
				padding: 3px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
				.quote-step form ul li input.short, .quote-step form ul li select.short { width: 55px; }
				.quote-step form ul li input.medium, .quote-step form ul li select.medium { width: 120px; }
			
				.quote-step form fieldset.blue ul li.active select { border-color: #000; color: #337db6; }		
				.quote-step form fieldset.orange ul li.active select { border-color: #000; color: #c54b21; }
				
			
			
			.quote-step form ul li a.explain {
				background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 19px;
				text-indent: -9999px;
			}
			
			.quote-step form ul li a.exclaim {
				background: url(/images/quote/ui/form-error-exclaim.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 19px;
				text-indent: -9999px;
		
			}
			
	.quote-result form ul li input.name,
	.quote-step form ul li input.name
	{ width: 78px; }
	.quote-result form ul li input.sur,
	.quote-step form ul li input.sur
	 { margin-left: 3px; }
	
	form input.next {
		position: absolute;
		top: 388px; right: 26px;
		width: 174px; height: 32px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		text-size: 0;
		line-height: 0;
		display:block;
	}
			
	form input.next.add-items {	background: url(/images/quote/ui/next-goods.png) 0 0 no-repeat; }	
	form input.next.notes { background: url(/images/quote/ui/next-notes.png) 0 0 no-repeat; }
	form input.next.options { background: url(/images/quote/ui/next-options.png) 0 0 no-repeat; }
	form input.next.req-quote { background: url(/images/quote/ui/next-req-quote.png) 0 0 no-repeat; }
	form input.next.get-quote { background: url(/images/quote/ui/next-get-quote.png) 0 0 no-repeat; }
	form input.next.save-quote { background: url(/images/quote/ui/next-save-quote.png) 0 0 no-repeat; }
	form input.next.shipping { background: url(/images/quote/ui/next-shipment.png) 0 0 no-repeat; }
	
	.quote-step img.select-other {
		position: absolute;
		top: 437px; left: 29px;
		height: 32px; width: 174px;
	}
	
/*******************************************
FORWARDING/STUDENT GOODS BY WEIGHT OR BOX
*******************************************/

div#page-quote .quote-step form p.radiochoice {
			position: relative;
			width: 410px;
			height: 60px;	
			margin: 19px 0 0 12px;
			font-size: 0.9em;
		}
		
	.quote-step form p.radiochoice input {
		float: left;
		margin: 9px 15px 5px 0;
	}
	
		div#page-quote .quote-step form p.radiochoice label {
			display: block;
			width: 155px;
			position: absolute;
			line-height: 1.2em;
		}		
			.quote-step form p.radiochoice .left {
				top: 5px;
				left: 0px;
			}
			.quote-step form p.radiochoice .right {
				top: 5px;
				right: 0;
			}
				div#page-quote .quote-step form p.radiochoice label.this-on { font-weight: bold; }
		
		.quote-step form p.radiochoice .radio-or {
			display: block;
			width: 50px;
			font-size: 1.7em;
			color: #337db6;
			position: absolute;
			top: 11px;
			left: 185px;
		}
		
	.quote-step form p.checkbox { padding: 15px 5px; }
		
	.quote-step form ul.hidden { display: none; }
		
	.quote-step form ul#weight-val { margin-top: 4px; }
		.quote-step form ul#weight-val li { margin-top: 30px; }
		
	.quote-step form ul#boxes-val { margin-top: 4px; }
		.quote-step form ul#boxes-val li { margin-top: 19px; }
		
		.quote-step form ul#boxes-val input { width: 97px; }
		
		.quote-step form ul#boxes-val small {
			display: block;
			font-size: 0.6em;
			padding: 10px 0 0 23px;	
		}
		
		.quote-step form ul#boxes-val small a {
			color: #0561a8;
			font-weight: bold;
			text-decoration: underline;
		}
	
	.quote-step form ul.notes { height: 132px; }		

	.quote-step form ul.notes label { display: none; }
	
	.quote-step form ul.notes.active { background: #f5f5f5 url(/images/quote/ui/quote-form-fields-bg-big.gif) 0 0 no-repeat; }
		
	.quote-step form ul.notes textarea {
		width: 335px;
		height: 105px;
		padding: 2px 5px;
		border: 1px solid #bbb;
		font-size: 0.65em;
		font-family: Arial, sans-serif
	}	
	.quote-step form ul.notes li.active textarea { border-color: #000; color: #c54b21; }		
			
	
/*******************************************
RESULTS PAGE
*******************************************/
	
.quote-result {
	position: relative;
	background: url(/images/quote/ui/quote-steps-bg.gif) 0 0 no-repeat;
	margin: 20px auto;
	width: 807px; 
	height: 481px;
}
	
	#page-quote .quote-result h2.yourquote {
		padding-top: 5px;
	}

	.quote-result h3 {
		position: absolute;
		top: 9px; left: 10px;
		font-size: 1.3em;
		color: #fff;
	}
	
	.quote-result h4 {		
		font-size: 1.15em;
		color: #C44B21;
		margin: 25px 0 15px 0;
	}	
		.quote-result h4.error { color: #990000; }
	
	
.quote-result form {
		position: relative;
		float: left;
		margin: 49px 0 0 25px;
		padding: 1px 0 0 11px;
		background: url(/images/quote/ui/full-white-bg.gif) 0 0 no-repeat;
		width: 745px; height: 377px;
		display: block;
	}
		#page-quote .quote-result form p { width: 320px; }
		p.error { color: #990000; font-weight: bold; }
	
	.quote-result fieldset { padding: 0; margin: 0; }
		.quote-result fieldset legend { display: none; font-size: 1.5em; }
			.quote-result fieldset.blue legend { color: #005da4; }
			
		.quote-result fieldset.result { float:left; width: 345px; background:url(/images/quote/ui/quote-result-divider.gif) 330px 0px no-repeat; }
		.quote-result fieldset.save { min-height: 0; float:left; width: 365px; }
		
		.quote-result fieldset.result table#progress {
			width: 345px;	
		}
		
		#page-quote .quote-result fieldset.save h2 { color: #005DA4; margin-left: 12px; }
		#page-quote .quote-result fieldset.save p { margin-left: 12px; }
	
		.quote-result form ul {
			display: block;
			height: 86px;
			width: 340px;
			margin: 11px 0 15px;
			padding: 9px 10px 4px 10px;
		}
		
		.quote-result form ul li {
			position: relative;
			margin: 8px 0 15px 0;
			font-size: 1.4em;
		}				
			.quote-result form ul li label {
				width: 100px;
				float: left;
				text-align: right;
				margin: 0 15px 0 0;
			}				
			
				.quote-result form fieldset.blue ul li.active label { color: #005da4; }
									
			.quote-result form ul li input {
				width: 176px;
				height: 18px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
			
			.quote-result form fieldset ul li.error input,
			.quote-result form fieldset ul li.error.active input,
			.quote-result form fieldset ul li.error textarea,
			.quote-result form fieldset ul li.error.active textarea { border-color: #990000; background-color: #F9D0D1; color: #000; }
			
			.quote-result form ul li select {
				width: 188px;
				height: 25px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
			}
			
			.quote-result form ul li textarea {
				width: 176px;
				height: 100px;
				padding: 2px 5px;
				border: 1px solid #bbb;
				font-size: 0.65em;
				font-family: Arial, sans-serif
			}
			.quote-result form ul li textarea.req { width: 270px; height: 208px; }
			
				.quote-result form fieldset.blue ul li.active input, .quote-result form fieldset.blue ul li.active select,
				.quote-result form fieldset.blue ul li.active textarea { border-color: #000; color: #337db6; }		
			
			.quote-result form ul li a.explain {
				background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 14px;
				text-indent: -9999px;
			}
			
			.quote-result form ul li a.exclaim {
				background: url(/images/quote/ui/form-error-exclaim.gif) 0 0 no-repeat;
				width: 18px; height: 17px;
				display: block;
				position: absolute;
				top: 4px; right: 14px;
				text-indent: -9999px;
		
			}
			
	.quote-result form input.button-submit-quote-req {
		background: url(/images/quote/ui/button-submit-quote-req.gif) 0 0 no-repeat;
		position: absolute;
		top: 388px; right: 16px;
		width: 174px; height: 32px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		text-size: 0;
		line-height: 0;
		display:block;
	}
	
	.quote-result img.select-other {
		position: absolute;
		top: 437px; left: 28px;
		height: 32px; width: 145px;
	}
	
	table.quote-forwarding {
		width: 345px;
		font-size: 1.4em;
		vertical-align: top;
	}
	
	table.quote-forwarding td.method {
		width: 190px;
		text-align: left;		
	}
		table.quote-forwarding .air td.method { color: #0762a9; height: 40px; vertical-align: top; }
		table.quote-forwarding .sea td.method { color: #C44B21; height: 30px; vertical-align: top; }
		
		table.quote-forwarding .insurance td.method { font-size: 0.6em; height: 10px; color:#666; }
		
		table.quote-forwarding td.price { vertical-align: top; }
		
	table.quote-forwarding td.price span { display: block; font-size: 0.6em; color:#999; }
	
	
/*******************************************
THANK YOU SCREEN
*******************************************/

div#page-quote .quote-thanks p { clear: none; }

.quote-thanks {
	position: relative;
	background: url(/images/quote/ui/quote-steps-bg.gif) 0 0 no-repeat;
	margin: 20px auto;
	width: 807px; 
	height: 481px;
}
	.quote-thanks h3 {
		position: absolute;
		top: 9px; left: 10px;
		font-size: 1.3em;
		color: #fff;
	}
	
	.quote-thanks div#holder {
		position: relative;
		float: left;
		margin: 49px 0 0 25px;
		padding: 1px 0 0 20px;
		background: url(/images/quote/ui/full-white-bg.gif) 0 0 no-repeat;
		width: 745px; height: 377px;
		display: block;
		color: #424242;
	}
	
	table.login-details { font-size: 1.6em; margin-bottom: 15px; }	
		table.login-details tr { height: 40px; color: #000; }
		
		table.login-details td.heading { text-align: left; padding-left: 50px; }
			table.login-details tr.quote-id td.heading { background: url(/images/quote/ui/lock-icon.png) 10px center no-repeat; }
			table.login-details tr.email td.heading { background: url(/images/quote/ui/icon-email.png) 12px center no-repeat; }
		table.login-details td.data { padding-left: 50px; }
			table.login-details tr.quote-id td.data { color: #005DA4; }
			table.login-details tr.email td.data { color: #C44B21; }
			
	div.online { padding: 10px 0 20px 0; }
	
		div.online img { float: left; padding: 0 15px 0 0; }
		div.online p { width: 600px; }
			div.online p a { font-size: 1.1em; font-weight: bold; color: #000; }
			
	#page-quote .quote-thanks div#holder .bold { clear: both; }


/*******************************************
MODAL DIALOGS
*******************************************/

#dialog {
	padding: 20px 0 0 30px;	
}

#dialog h2 {
	border-bottom: 1px solid #C44B21;
	width: 406px;
}

#dialog form {
	width: 385px;
	margin-left: 10px;	
}

#dialog form ul li {
	position: relative;
	margin: 8px 0 15px 0;
	font-size: 1.4em;
	clear: both;
}				
#dialog form li label {
	width: 125px;
	float: left;
	text-align: right;
	margin: 0 15px 0 0;
}
	#dialog form li.active label { color: #005da4; }
	
	#dialog form li label span { font-size: 0.6em; color: #666; }

#dialog form li input {
	width: 160px;
	height: 18px;
	padding: 2px 5px;
	border: 1px solid #bbb;
	font-size: 0.65em;
}
	#dialog form ul li input.vshort, #dialog form ul li select.vshort { width: 32px; font-size: 0.5em; }
	#dialog form ul li input.short, #dialog form ul li select.short { width: 55px; }
	#dialog form ul li input.medium, #dialog form ul li select.medium { width: 120px; }

	#dialog form li.active input, 
	#dialog form li.active select, 
	#dialog form li.active textarea { border-color: #000; color: #337db6; }
	
	#dialog form ul li.error input, #dialog form ul li.active.error input,
	#dialog form li.error select, #dialog form li.active.error select,
	#dialog form li.error textarea, #dialog form li.active.error textarea {
		border-color: #990000; background-color: #F9D0D1; color: #000;
	}
	
#dialog form ul li select {
	width: 188px;
	height: 25px;
	padding: 2px 5px;
	border: 1px solid #bbb;
	font-size: 0.65em;
}

#dialog form ul li textarea {
	width: 163px;
	height: 65px;
	padding: 2px 5px;
	border: 1px solid #bbb;
	font-size: 0.65em;
	font-family: Arial, sans-serif
}
				
#dialog form li a.explain {
	background: url(/images/student-luggage/button-questionmark.gif) 0 0 no-repeat;
	width: 18px; height: 17px;
	display: block;
	position: absolute;
	top: 4px; right: 19px;
	text-indent: -9999px;
}

#dialog form ul li a.exclaim {
	background: url(/images/quote/ui/form-error-exclaim.gif) 0 0 no-repeat;
	width: 18px; height: 17px;
	display: block;
	position: absolute;
	top: 4px; right: 19px;
	text-indent: -9999px;		
}

#dialog form p {
	text-align: right;
	margin-right: 18px;
}

#dialog form p input {
	background: url(/images/quote/ui/button-modal-add.gif) 0 0 no-repeat;
	width: 79px; height: 23px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	text-size: 0;
	line-height: 0;
}

#dialog form p input#edit-confirm {
	background: url(/images/quote/ui/button-modal-edit.gif) 0 0 no-repeat;
	width: 79px; height: 23px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	text-size: 0;
	line-height: 0;
	display: none;
}
	
/*******************************************
PACKING - ITEMS
*******************************************/

fieldset.addbox {
	position: absolute;
	top: 225px;	
}

form.packing p.no-items {
	color: #999;
	padding: 35px 0 45px 45px;	
}

input#modal-new {
	background: url(/images/quote/ui/button-add-item.gif) 0 0 no-repeat;
	width: 79px; height: 23px;
	margin-left: 263px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	text-size: 0;
	line-height: 0;
	display: block;
}

table#packing-items {
	width: 	398px;
	margin: 10px 0 20px 3px;
	font-size: 0.9em;
}

	table#packing-items thead th {
		background: url(/images/quote/ui/packing-items-thead.gif) 0 0 repeat-x;
		height: 19px;
		color: #004173;
	}
	
	table#packing-items tbody td {
		height: 22px;	
		padding: 5px 0;
	}
	
	table#packing-items tbody tr:hover {
		background: #F4F9FF;	
	}		
	
	table#packing-items td.col-item {
		width: 170px;
		font-weight: bold;	
	}		
	table#packing-items td.col-quantity {	width: 50px; color: #666; }		
	table#packing-items td.col-cntrl { text-align: right;	}	
		
		table#packing-items .col-cntrl a {
			text-decoration: underline;
			padding: 0 7px;				
		}		
			table#packing-items .col-cntrl a.edit-i { color: #0d67ae; }
			table#packing-items .col-cntrl a.remove-i { color: #942124; }

small#clear-all {
	float: right;
	margin-right: 76px;	
}

/*******************************************
PACKING - GET YOUR QUOTE
*******************************************/

div#page-quote fieldset.save p { margin-top: 15px; }
fieldset.save ul.active { background: none; }

fieldset.save ul li.error textarea, 
fieldset.save ul li.error.active textarea { border-color: #990000; background-color: #F9D0D1; color: #000; }
			

fieldset.save ul li textarea {
	width: 176px;
	height: 90px;
	padding: 2px 5px;
	border: 1px solid #bbb;
	font-size: 0.65em;
	font-family: Arial, sans-serif
}

fieldset.save ul li.active textarea { border-color: #000; color: #337db6; }

/*******************************************
MOTORCYCLE - YOUR BIKE
*******************************************/

fieldset#bike-additional small {
	margin: 0 0 10px 2px;	
}

fieldset#bike-additional ul {
	padding: 0 10px 0;
	margin: 0 0 15px;
}
	fieldset#bike-additional ul li textarea {
		width: 336px;
		height: 89px;
		padding: 2px 5px;
		border: 1px solid #bbb;
		font-size: 0.65em;
		font-family: Arial, sans-serif
	}
		fieldset#bike-additional ul li.active textarea { border-color: #000; color: #337db6; }
		
		fieldset#bike-additional ul.active { background: none; }
		
		fieldset#bike-additional ul li.error textarea,
		fieldset#bike-additional ul li.error.active textarea { border-color: #990000; background-color: #F9D0D1; color: #000; }

/*******************************************
ANTIQUES - 
*******************************************/

form.arts_antiques fieldset ul.active { background: none; }