@charset "utf-8";
/* CSS Document */
body  {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/notice_to_owner_web_03.gif);
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #666666;
}
*{
	margin: 0; 
	padding: 0;
}

/* LINK STYLES */
a {
	color: #174dc9;
	text-decoration: underline;
}
a:hover {
	color: #174dc9;
	text-decoration: none;
}
#container #header_bar a {
	color: #FFFFFF;
	text-decoration: underline;
}
#container #header_bar a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a {
	color: #39b54a;
	text-decoration: underline;
}
#footer a:hover {
	color: #39b54a;
	text-decoration: none;
}

/* HEADING STYLES */
h1 {
	font-size: 28px;
	font-weight: 100;
	margin-bottom: 20px;
	color: #000000;
}
h2 {
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 20px;
	color: #000000;
}
h3 {
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 20px;
	color: #000000;
}
p { padding-bottom: 20px; }


/* LIBRARY STYLES */
div.terms_of_use {
	height: 200px;
	overflow:auto;
	border: 2px solid #ccc;
}
ul.horizontal_list_right li {
	text-align: right;
	float: right;
	list-style: none;
}
ul.horizontal_list_left li, #legal_form_questionnaire li {
	text-align: left;
	float: left;
	list-style: none;
}

ul.three_column li, ul.four_column li{
	margin-right: 20px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}
ul.three_column li { width: 200px; }
ul.four_column li { width: 150px;}

.clear{ clear: both; margin: 0px; padding: 0px; }

#notice {
	border: 2px solid #5B2D2D;
	color:#5B2D2D;
	background-color:#CEADAD;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #4B5D41;
	color:#4B5D41;
	background-color:#C5D4BD;
	margin: 0px 0px 18px 0px;
	padding: 7px;
	text-align:left;
}
span.emphasize { background: #FFFF00; }




/* LAYOUT STYLES */

.page_body #container {
	text-align: left;
	width: 781px;
	background: #FFFFFF;
	padding: 0px 10px 0px 10px;
	margin: 0 auto; 
	position: relative;
}
	#header_bar { 
		background: #000000;
		padding: 5px 10px 3px 10px;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		height: 30px;
		overflow: hidden;
	}
		#tagline { float: left; width: 369px; }
		#top_links li { margin-left: 10px; padding-left: 10px; }
			#espanol { border-left: 2px solid #FFFFFF; }
			#english, #espanol { margin-top: 4px; }
			
	#header {
		margin-top: 20px;
		height: 53px;
		overflow: hidden;
		margin-bottom: 0px;
	}
	
	#as_seen_in {
		position: absolute;
		top: 50px;
		left: 500px;
		width: 275px;
		height: 61px;
	}
		#as_seen_in a {
			display: block;
			width: 275px;
			height: 61px;
			text-indent: -9999px;
			background: url(images/misc/as_seen_in.jpg) no-repeat;
		}
	
	#top_navigation{
		background: url(images/notice_to_owner_web_15.gif) top left no-repeat;
		height: 34px;
		overflow: hidden;
		margin-bottom: 20px;
		border-top: 1px solid #c6c6c6;
	}
	
	#body{ padding-bottom: 45px; }
		
		#step_list { 
			margin-bottom: 20px;
			border-bottom: 5px solid #39b54a;
			height: 111px;
		}
		
		
		#step_one { 
			margin-bottom: 20px;
			height: 400px;
		}
			#step_one li { width: 255px; }
			#step_one p { display: block; height: 125px; }
			#step_one #builder, #step_one #owner { margin-right: 7px; }
			#step_one .header { height: 32px; width: 255px; overflow: hidden; }
			#step_one .body { border-right: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; padding: 0px 10px 0px 10px;}
			#step_one .choose { text-align: center; margin-bottom: 20px; }
			#step_one .footer { height: 13px; overflow: hidden; background: url(images/notice_to_owner_web_42.gif) no-repeat; }
		
	#footer {
		background: #000000;
		color: #FFFFFF;
		padding: 10px 20px 0px 20px;
	}
		#footer #footer_nav { height: 40px; font-size: 16px; }
		#footer #footer_nav li { margin-right: 20px; }
		#footer #footer_info li { margin-left: 20px; }
		#footer footer_logo { float: left; }
		
/* Questionnaire Styles */

#legal_form_questionnaire div { margin-bottom: 45px; }
#legal_form_questionnaire div.clear { margin: 0; }
#legal_form_questionnaire dt { float: left; margin-right: 18px; font-weight: bold; }
#legal_form_questionnaire dd { margin: 0px 0px 18px 0px; }
#legal_form_questionnaire li { margin-right: 25px; }
#legal_form_questionnaire h2 {clear: both; border-bottom: 1px solid #CCC; }	
#legal_form_questionnaire #order_overview {
	padding: 10px;
	background: #e1ede3 url(images/box_background.gif) repeat-x;
	border: 1px solid #CCC;
	color: #000;
}

/* Login Styles */

#body .login {
	float: left;
	width: 340px;
	padding: 10px;
	background: #e1ede3 url(images/box_background.gif) repeat-x;
	border: 1px solid #CCC;
}
	#body .login dt { float: left; width: 100px; }
	#body .login dd { margin: 0px 0px 10px 0px; }
	

#body .register {
	float: right;
	width: 390px;
}
	#body .register dt { float: left; width: 130px; }
	#body .register dd { margin: 0px 0px 18px 0px; }
	
	
/* User Account Styles */

#body .column_one {
	float: left;
	width: 375px;
}

#body .column_two {
	float: right;
	width: 375px;
}

.column_one .legal_document, .column_two .legal_document_purchased {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	height: 75px;
}

.column_one .legal_document h4, .column_two .legal_document_purchased h4 { 
	margin-bottom: 5px;
	border-bottom: 1px solid #39b54a;
	color: #000;
}

.column_one .legal_document h5, .column_two .legal_document_purchased h5 { 
	margin-bottom: 10px;
}

.column_one .legal_document li, .column_two .legal_document_purchased li{
	list-style: none;
	float: left;
	margin-left: 20px;
}
.column_one .legal_document input { 
	background: #fff; 
	color:#174dc9; 
	text-decoration: underline; 
	margin: 0; 
	padding: 0; 
	border: none; 
	border-bottom: 1px solid #174dc9; 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.column_two ul {
	padding: 10px;
	background: #e1ede3 url(images/box_background.gif) repeat-x;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
.column_two li { 
	list-style: none; 
	font-weight: bold;
	margin-bottom: 10px
}

.purchase_credits ul {
	border: 1px solid #CCC;
	padding: 10px;
	width: 550px;
}

.purchase_credits li { 
	list-style: none; 
	margin-bottom: 10px
}

#body .profile {
	width: 450px;
}
	#body .profile dt { float: left; width: 170px; }
	#body .profile dd { margin: 0px 0px 18px 0px; }
	
/* Contact form Styles */

#body #contact_form dt { float: left; width: 130px; }
#body #contact_form dd { margin: 0px 0px 18px 0px; }