@charset "utf-8";
/* CSS Document */

    p {
	margin-top:10px;
	margin-bottom: 10px;
}
#footer p {
	margin:0px;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
}
h6 {
	font-size:0.85em;
	font-weight:lighter;
	color:#333333;
	text-decoration:none;
	text-align:justify;
}
#tabs {
	font-size:14px;
}
#openings {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
#openings td {
	font-size:.8em;
	width:60px;
	padding:5px;
}
#pricedata {
	width:430px;
	float:right;
}
#pricedata table {
	position:relative;
	margin-top:10px;
}
#price, #deposit {
	font-size:24px;
	font-weight:bold;
	color:#333;
}
.priceheader {
	font-size: 20px;
	font-weight: bold;
	color:#333;
	line-height: 24px;
	text-align:right;
}
#pricedata td {
	border:none;
	padding:5px;
	vertical-align:middle;
}
.pricetext {
	color:#ccc;
	font-size:10px;
	text-align:center;
}
.compLogo {
	background-color:#FFF;
}
#displayZIP {
	font-size:11px;
	font-weight:bold;
	margin:auto;
	clear:both;
}
.centerthis {
	text-align:center;
}
#buildsummary_container {
	clear:right;
	margin-top:10px;
	margin-bottom:10px;
}
#buildsummary {
	width: 100%;
	height: 100px;
	font-size: 14px;
	font-weight:bold;
	color:#333;
	border-spacing:10px;
}
#buildsummary h3 {
	font-size:18px;
	font-weight:bold;
}
#buildsummary td {
	text-align:center;
	vertical-align:middle;
}
#buildSummary {
	color: 333;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
	margin-bottom:20px;
}
#buildSummaryTable {
	width:430px;
	color:#333;
}
#buildSummaryTable th, #buildSummaryTable td {
	border-collapse:collapse;
	border-width:2px;
	border-style:solid;
	border-color:white;
	width:47px;
	height:30px;
	text-align:center;
	vertical-align:middle;
}
#buildSummaryTable th {
	background-color:#333;
	padding: 1px;
	font-size: 12px;
	color:#ddd;
}
#buildSummaryTable td {
	background-color:#ddd;
	padding: 1px;
	font-size: 10px;
}
.summaryNumbers td {
	font-size:14px;
	font-weight:bold;
}
#username {
	font-size:1.2em;
	font-weight:bolder;
}
.changeTTroofstyle {
	font-size: 12px;
}
#render {
	margin:auto;
	width:460px;
	height:345px;
	position:relative;
	top:25px;
	left:25px;
}
#renderContainer {
	width: 510px;
	height: 395px;
	float:left;
	background-color:#CCC;
	background-image:url(/images/render_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#welcome {
	color:#FFF;
	text-align:center;
}
#welcome h2 {
	font-size:20px;
	font-weight:bold;
}
#welcome h3 {
	font-size:14px;
	font-weight:bold;
}
.icons {
	display: block;
	list-style:none;
	float:left;
	width:65px;
}
.icons a {
	color: #FFF;
	font-size:9px;
	text-decoration: none;
}
#reg_box #reg div.large_form div.field_container input {
	font-size: 16px;
	padding: 6px;
	width: 250px;
}
#reg_box .inputtext, #reg_box .inputpassword {
	border-color: #96A6C5;
	margin-top: 2px;
	width: 206px;
}
.inputtext, .inputpassword {
	margin: 0;
	padding-bottom: 4px;
}
textarea, .inputtext, .inputpassword {
	border: 1px solid #BDC7D8;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 3px;
}
.inputpassword1 {
	margin: 0;
	padding-bottom: 4px;
}
.inputpassword1 {
	border: 1px solid #BDC7D8;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 3px;
}
.inputtext1 {
	margin: 0;
	padding-bottom: 4px;
}
.inputtext1 {
	border: 1px solid #BDC7D8;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 3px;
}
.option_desc {
	font-size: 10px;
	text-align:left;
}
.frameButtons .ui-button-text {
	width:175px;
}
.color_drop {
	margin:0;
	text-align:right;
	width:10em;
	margin-top:15px;
	font-size:150%;
}
ul.colors {
	list-style:none;
	display:inline-block;
	margin-bottom:15px;
}
ul.colors li {
	float:right;
	width: 50px;
	height: 50px;
	cursor:pointer;
	font-size:10px;
	text-align:center;
}
ul.colors li.colorHighlight {
	background-color:#c5ddfc;
	padding:5px;
	color: #000;
	border-bottom:solid #3B5998 2px;
}
.colorListHeader {
	font-size:1.2em;
	color: #3B5998;
	font-weight:bold;
	clear:both;
	margin-bottom:15px;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.cents {
	font-size: 10px;
	line-height: 20px;
	text-decoration: underline;
	vertical-align:text-top;
}
#creditsFormContainer {
	width:100%;
	color:#FFF;
	font-size: 10px;
	position:absolute;
	top:467px;
	left:inherit;
	height: 350px;
	width:inherit;
	background-color:#3B5998;
	border:thick #06C;
	margin-left:auto;
	margin-right:auto;
}
#creditsForm {
	float: right;
	width: 500px;
	margin-top:20px;
}
#creditsForm p {
	height: 25px;
	margin:3px;
}
#creditsForm label {
	width: 100px;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
#creditsForm input {
	width: 200px;
}
.buy {
	color:#0C0;
	font-weight:bold;
}
#frmCredits {
	display:block;
	margin-right:0px;
	margin-left:0px;
}
#creditsFormIntro {
	width: 210px;
	float: left;
	font-size: 1em;
	margin:10px;
	margin-top: 20px;
}
#payButtonContainer {
	width:600px;
	margin-left:auto;
	margin-right:0;
	display:block;
}
#zip {
	font-size:18px;
	font-weight:bold;
	width: 200px;
	display:block;
	margin:15px;
}
#paymentText {
	text-align:left;
	margin-bottom:20px;
}
.orange {
	color:#F90;
	text-decoration: none;
}
.orange a a:hover a:visited {
	color:#F90;
	text-decoration: none;
}
label.error {
	display: inline-block;
	margin-left: 10px;
	width: auto;
	color:red;
}
#banner {
	height:60px;
	background-color:#333;
	margin-top:10px;
	border: 0px solid black;
	background-image:url(/banners/banner.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
#banner .banner_copy1 {
	position:absolute;
	left:20px;
	top:10px;
	width:600px;
	font-size:11px;
	color:#000;
	text-align:justify;
}
#banner .banner_copy1 b {
	font-size: 12px;
	line-height:14px;
}
#banner_ad {
	width: 150px;
	height: 60px;
	background-image:url(/images/dummy_ad.png);
	background-repeat:no-repeat;
}
.smalltextzip {
	font-size:12px;
	color:#999999;
	padding-left:15px;
	text-align:justify;
}
#frameOptions td {
	padding:10px;
}
.buildID {
	font-size:12px;
}
.dotline {
	height:9px;
	background-image:url(/images/dotline_pattern.png);
	background-repeat:repeat-x;
}
#builderIntro {
	color:#F90;
	text-align:center;
	font-size:12px;
	font-stretch:expanded;
	font-weight:bold;
	line-height:30px;
}
.ui-spinner {
	width:85px;
	text-align:center;
}
.ui-spinner-input {
	width:70px;
}
.barDivider {
	background-color:#FF9900;
	background-image:url(/images/background_metalbar40h.jpg);
	background-repeat:repeat-x;
	height:30px;
}
.prevtab {
	position:absolute;
	left:5px;
	bottom:5px;
	width:100px;
	background-color:#360;
	background: -moz-linear-gradient(top, #999, #333);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#333));
	font-size:12px;
	color:white;
	border-radius:5px;
	border:2px solid #ccc;
	text-align:center;
	cursor:pointer;
	padding:3px;
}
.prevtab:hover {
	background-color: #274F00;
	background: -moz-linear-gradient(top, #274F00, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#274F00), to(#360));
}
.nexttab {
	position:absolute;
	right:5px;
	bottom:5px;
	width:80px;
	background-color:#360;
	background: -moz-linear-gradient(top, #58B000, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58B000), to(#360));
	font-size:12px;
	color:white;
	border-radius:5px;
	border:2px solid #ccc;
	text-align:center;
	cursor:pointer;
	padding:3px;
}
.nexttab:hover {
	background-color: #274F00;
	background: -moz-linear-gradient(top, #274F00, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#274F00), to(#360));
}
 .orderButton {
	margin-bottom:10px;
	text-align:center;
	position:relative;
	font-size: 16px;
	width:200px;
	padding: 5px 20px 5px 20px;
	color: white;
	border-radius: 8px 8px 8px 8px;
	background-color: #360;
	background: -moz-linear-gradient(top, #58B000, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58B000), to(#360));
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}
.orderButton:hover {
	background-color: #274F00;
	background: -moz-linear-gradient(top, #274F00, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#274F00), to(#360));
}
.getstartedButton {
	font-size: 24px;
	font-weight:bold;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:30px;
	padding: 5px 20px 5px 20px;
	color:#fff;
	border-radius: 8px 8px 8px 8px;
	background-color: #360;
	background: -moz-linear-gradient(top, #58B000, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58B000), to(#360));
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	
}
.getstartedButton:hover {
	background-color: #274F00;
	color:#ffffff;
	background: -moz-linear-gradient(top, #274F00, #360);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#274F00), to(#360));
}

#enterBuildID {
	width:800px;
	margin-left:auto;
	margin-right:auto;	
}
#colorContainer {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
li.pricetab {
    margin-left: 10px; !important
    margin-top: 5px; !important
}
.pricetab.cents {
	font-size:8px;
}