/* -----------------------
Zurich - Video Order Form
Author: Cyberwoven
Version: 06/09
----------------------- */

/* Resets ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* reusables ---- */
	
	.clear { clear:both; float:none; }
	strong { font-weight:bold; }
	em { font-style:italic; }
	.caps { text-transform:uppercase; }


/* layout ---- */
	
	body { font-family:helvetica, arial, sans-serif; color:#000; font-size:12px; line-height:120%; background:#fff; }
	
	#header_wrap { width:100%; border-bottom:solid 1px #d8dcdf; }
		#header, #content, #footer { margin:0 auto; width:940px; }
		#header h1 { display:block; float:left; width:100px; height:68px; margin:57px 0 0 140px; }
			#header h1 a { display:block; height:100%; width:100%; text-indent:-9999px; background:url(../images/zurich_logo.png) no-repeat top left; }
		
		#header span.eri { display:block; float:right; width:160px; height:42px; margin:83px 70px 0 0; }
			#header span.eri a { display:block; height:100%; width:100%; text-indent:-9999px; background:url(../images/ERI_logo.png) no-repeat 0 0; }
				#header span.eri a:hover { background-position:100% 0; }
		
		#header h2 { display:block; float:left; clear:both; width:220px; height:13px; margin:20px 0 0 0; padding:20px 410px 20px 0; background:#f0f0f0; text-align:right; color:#272727; font-size:16px; line-height:16px; text-transform:uppercase; letter-spacing:-.03em; }
			
		#header .help { display:block; float:right; clear:right; margin:20px 0 0 0; width:310px; background:#e2e1e1; }
			#header .help a.reveal, #header .help h3 { display:block; text-decoration:none; height:34px; width:100%; padding:19px 0 0 0; text-align:center; color:#272727; font-family:georgia, "times new roman", times, serif; font-size:12px; font-style:italic; }
				#header .help.js a.reveal:hover { background:#d6d6d6; }
			
			#header .help .pop { position:absolute; z-index:20; display:block; background:#e2e1e1; width:310px; height:auto; margin:-53px 0 0 -9999px; }
				#header .help .pop h3 { font-size:14px; height:auto; text-align:center; }
				#header .help .pop h4 { text-align:center; font-family:georgia, "times new roman", times, serif; font-size:11px; font-style:italic; margin:5px 0 30px 0; }
		
				#header .help .pop dl { margin:0 auto; text-align:center; }
					#header .help .pop dt { font-family:georgia, "times new roman", times, serif; font-style:italic; margin:0 0 5px 0; }
					#header .help .pop dd { font-family:helvetica, arial, sans-serif; color:#0f0f0f; font-size:14px; margin:0 0 15px 0; }
						#header .help .pop dd .light { color:#6c6c6c; font-family:georgia, "times new roman", times, serif; }
						#header .help .pop dd .ext em { font-size:11px; }
						#header .help .pop dd .ext strong { font-size:12px; }
						#header .help .pop dd a { font-size:11px; font-weight:bold; color:#414547; text-decoration:none; }
							#header .help .pop dd a:hover { color:#1b1c1d; }
			
			#header .help .pop a.close { display:none; width:35px; height:35px; padding:0; text-indent:-9999px; background:url(../images/close.png) no-repeat 0 0; margin:40px 0 0 0; }
				#header .help.js .pop a.close { display:block; }
				#header .help .pop a.close:hover { background-position:100% 0; }
				
			#header .help:hover .pop { margin-left:0; }	
			#header .help.js:hover .pop { margin-left:-9999px; }
		
	
	#content { clear:both; position:relative; }	
		
		p.form_instructions { position:absolute; right:80px; top:20px; font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:11px; }
		fieldset, .main_content { background:#f6f6f6; width:100%; padding:0 0 64px 0; border-bottom:solid 1px #e3e2e2; }
			.main_content { padding-top:40px; }
			fieldset fieldset { border:none; padding:0; }
			
			fieldset h3, .main_content h3 { font-size:12px; line-height:12px; color:#000; text-align:right; letter-spacing:-.03em; border-bottom:solid 1px #e3e2e2; text-transform:uppercase; display:block; width:220px; height:6px; padding:22px 720px 22px 0; margin:0 0 20px 0; }
			fieldset h4 { width:717px; margin:0 0 20px -220px; padding:0 0 8px 223px; border-bottom:solid 1px #ebebeb; }
			
			ul.form_list { display:block; margin:0; padding:0; }
				ul.form_list li { display:block; clear:both; margin:0 0 0 217px; }
					ul.form_list ul li { margin-left:0; }
				
				label { display:block; margin:0 0 10px 3px; }
					ul.form_list ul li label { font-size:11px; color:#5f5f5f; }
				
				input.textbox { display:block; float:left; clear:left; width:382px; height:24px; padding:6px 10px 0 10px; margin:0 0 20px 0; background:url(../images/textbox.png) no-repeat 0 0; border:none; }
				 	input.textbox:focus, input.textbox:active { background-position:100% 0; }
					ul.form_list ul li input.textbox { margin-bottom:15px; }
				
				select { display:block; float:left; clear:left; margin:0 0 20px 0; }
				
				ul.form_list ul li.state, ul.form_list li.zip { float:left; clear:none; }
					ul.form_list ul li.state { width:232px; clear:left; }
						ul.form_list ul li.state input { width:212px; background-image:url(../images/textbox_state.png); }
					ul.form_list ul li.zip { width:152px; margin-left:18px; }
						ul.form_list ul li.zip input { width:132px; background-image:url(../images/textbox_zip.png); }
				
				span.instructional_text { display:block; float:left; clear:none; margin:6px 0 0 11px; font-style:italic; color:#848486; }
				span.error_message { display:block; clear:left; float:left; margin:-25px 0 15px 0; color:#8f1616; font-family:georgia, "times new roman", times, serif; font-style:italic; letter-spacing:-.03em; }
			
		a.add_more { display:inline-block; font-size:11px; letter-spacing:-.03em; font-weight:bold; clear:both; margin:-10px 0 0 217px; height:27px; color:#626464; text-decoration:none; padding:12px 0 0 45px; background:url(../images/add.png) no-repeat 0 -40px; }
			a.add_more:hover { color:#383838; background-position:0 0; }
			
		input.button { display:block; margin:35px auto 53px auto; height:64px; width:195px; font-size:0; letter-spacing:-9999px; color:#1443a0; text-align:left; cursor:pointer; background:url(../images/submit.png) no-repeat 0 0; border:none; }
			input.button:hover { background-position:100% 0; }
			
		.main_content p { display:block; margin:0 0 0 220px; width:460px; font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:13px; line-height:20px; }	
		body.terms .main_content h3 { font-size:12px; line-height:12px; color:#000; text-align:left; letter-spacing:-.03em; border-bottom:solid 1px #e3e2e2; text-transform:uppercase; display:block; width:720px; height:6px; padding:22px 0 22px 220px; margin:0 0 20px 0; }
			body.terms .main_content ol li h3 { margin-left:-220px; }
		body.terms .main_content h4 { width:460px; margin:15px 0 0 220px; font-size:12px; color:#000; font-weight:bold; }
		body.terms .main_content p strong { font-family:helvetica, arial, sans-serif; font-style:normal; font-size:10px; }
		.main_content ol { margin:0 0 0 220px; width:460px; }
			.main_content ol li { list-style-type:decimal; margin:0 0 15px 0; }
				.main_content ol li p { margin-left:0; font-style:normal; font-family:georgia, "times new roman", times, serif; }
				body.terms .main_content ol li strong { font-size:12px; }
		body.terms .main_content a, body.terms .main_content a:visited { font-size:11px; font-weight:bold; color:#414547; text-decoration:none; }
		 	body.terms .main_content a:hover { color:#1b1c1d; }
		body.terms a.back { position:absolute; display:block; width:205px; text-align:right; padding:0 735px 0 0; margin:-1px 0 0 0; font-size:11px; font-family:helvetica, arial, sans-serif; font-style:normal; }
		
		
		#footer { border-top:solid 1px #eeeeee; padding:20px 0 100px 0; text-align:center; }
			body.confirm #footer { border:none; }
			#footer a { color:#6f7171; font-weight:bold; font-size:11px; text-decoration:none; }	
				#footer a:hover { color:#3e3e3e; }