* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
}

img {
	max-width: 100%;
}

input, select {
	width: 100%;
}

input[type='checkbox']{
	width: auto;
}

h3 span{
	float: right;
	color: #434343;
	font-size: .7em;
	line-height: 2em;
}

p.sub, ol, ul{
	font-size: .7em;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: 700;
}

ol, ul{
	padding-left: 35px;
}

ul{
	list-style: none;
}

p.sub.no-margin{
	margin: 0;
}

.frc-only{
	display: none;
}

.frc .frc-only{
	display: block;
}

.frc .frc-hide{
	display: none;
}

#site_container {
	width: 800px;
	padding: 0px 15px;
	margin: 0 auto;
}

#site_containerInner {
	
}

.gulf-hide{
	display: none !important;
}

.accordionHolder {
	min-height: 100px;
	background: url('/images/ajax-loader.gif') no-repeat center center;
}

#accordion {
	display: none;
	background: #FFFFFF
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: 1em .5em 1em .7em;
	min-height: 0;
	/* support: IE7; */
	font-size: 100%;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 4px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #bf4827;
	background: #FFF;
	font-weight: bold;
	color: #e31d1a;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #727272;
	background: #FFF;
	font-weight: bold;
	color: #333333;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(114,114,114,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(114,114,114,1);
	box-shadow: inset 0px 0px 10px 0px rgba(114,114,114,1);
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em;
	border-top: 0;
	overflow: auto;
}


.ui-accordion .ui-accordion-content p{
	font-weight: 700;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 4px;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee;
	color: #333333;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

#builderTop{
	max-width: 426px;
	margin: 0 auto;
	position: relative;
	/* Rob, unhide the next line to hide the header */
	/*display: none;*/
}

#builderBottom{
	visibility: hidden;
	margin-bottom: 20px;
}

.subLogo{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 75px;
}

#builderTop h1{
	font-size: 1.75em;
	text-align: center;
}

.imageSelect img{
	padding: 2px;
	margin-right: 3px;
	cursor: pointer;
	max-height: 50px;
}

.imageSelect img.selected{
	padding: 0px;
	border: 2px solid #FF0000;
}

.amenities_d.show, .amenities_s.show{
	position: relative;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.amenities_d.show:after{
	content: "Double-sided";
} 

.amenities_s.show:after{
	content: "Single-sided";
}

.amenities_d:after, .amenities_s:after{

	position: absolute;
	left: 0px;
	bottom: -11px;

	width: 70%;
	margin: 0 15%;

	background: #eeeeee;

	font-size: .7em;
	font-weight: bold;
	text-align: center;
}

.rcf-signT{
	display: none;
	padding-left: 20px;	
}

div[data-step="canopy"] .collapse, div[data-step="amenities"] .collapse, div[data-step="mid"] .collapse{
	display: none;
}

div[data-step="amenities"] .collapse{
	margin-top: 15px;
}

select[name='canopy-type']{
	display: none;
}

.needed{
	border: 1px solid #F00;
	background: #ffb3b3;
}

.error{
	margin: 10px 0px;
	color: #F00;
	text-align: center;
	visibility: hidden;
}

#calculate{
	padding: 1em 0px;

	color: #b72f24;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
	
	background: #FFF;
	border: 1px solid #bf4827;

	cursor: pointer;

	border-radius: 4px;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
}

#estimateTotal_container{
	background-color:rgba(0,0,0,0.5);
	display: none;

	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#estimateTotal{
	width: 70%;
	/*height: 185px;*/
	padding: 20px 0px;
	border: 1px solid #bf4827;
	background: #f6f6f6 url("/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;

	position: fixed;
	top: 40%;
	left: 15%;

	font-size: 1.5em;
	text-align: center;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
}

#estimateTotal div{
	font-weight: 700;
	text-align: center;
}

.mth-small{
	display: inline-block;
	width: 300px;
	margin: 0 auto;
	vertical-align: top;
}

.mth-large{
	display: inline-block;
	width: 400px;
	margin: 0 auto;
}

[class *= "mth"] .total-tables[name="et-table"], [class *= "mth"] .total-tables[name="ot-table"]{
	width: 100%;
}

.total-tables[name="ot-table"]{
	color: #e31d1a;
}

.total-tables[name="et-table"] tr:first-child td{
	border-bottom: 2px solid #000000;
}

.total-tables[name="ot-table"] tr:first-child td{
	border-bottom: 2px solid #e31d1a;
}

.faux-table{
	display: table;
	margin-top: 15px;
	width: 100%;

	/*border: 1px solid #000;*/
}

.faux-tr{
	display: table-row;

	/*border: 1px solid #000;*/
}


.faux-th, .faux-td{
	display: table-cell;
	padding-bottom: 10px;
	text-align: left;

	/*border: 1px solid #000;*/
}

.faux-th{
	font-size: .7em;
}

.faux-th[data-td='1'], .faux-td[data-td='1']{
	width: 39%;
}

.faux-td[data-td='2']{
	width: 15%;
}

.faux-td[data-td='3']{
	width: 24%;
}

.faux-table input[type='number']{
	width: 80%;
}

.faux-table select{
	width: 80%;
}

div[data-step="dispensers"] input[type='number']{
	width: 35px;
}

.total-tables{
	margin-top: 15px;
	min-width: 270px;
	font-size: .9em;
	font-weight: 700;

}

.total-tables td{
	width: 60%;
	float: left;
}

.total-tables td[name="cost"]{
	width: 40%;
	text-align: right;
}

.total-tables[name = "ot-table"] td{
	width: 75%;
}

.total-tables[name = "ot-table"] td[name="cost"]{
	width: 25%;
}

.total-tables tr[name="et-optional"] td{
	display: block;
	text-align: center;
	width: 100%;
}

.total-tables tr[name="et-optional"] td:first-child{
	border-top: 2px dotted #F00;
}

.total-tables tr[name="et-optional"] td:last-child{
	color: #F00;
}

.frc .power-wash{
	display: none;
}

table.displays td{
	padding: 0 10px;
}

table.displays img{
	border: 2px solid #000;
}

table.displays p{
	text-align: center;
}

@media (max-width:530px) {
	table.displays td{
		display: inline-block;
		width: 49%;
		padding: 0;
		text-align: center;
	}
}

@media (max-width:830px) {
	#site_container{
		width: auto;
	}

	input, select{
		padding: 10px 0px;
	}
}

@media (max-width:650px) {
	#estimateTotal{
		top: 0;
	}

	#estimateTotal h2{
		font-size: .75em;
	}

	.total-tables{
		font-size: .5em;
	}

	.mth-small, .mth-large{
		width: 100%;
	}

	.total-tables{
		min-width: 100%;
	}
}

/* Export Table Start */
#genOutput{
	display: none;
	padding: .5em .5em;
	
	color: #b72f24;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	/* text-transform: uppercase; */
	
	background: #FFF;
	border: 1px solid #bf4827;

	cursor: pointer;

	border-radius: 4px;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
	box-shadow: inset 0px 0px 10px 0px rgba(191,72,39,1);
}

.dataTables_wrapper{
	display: none;	
}

.table-item{
	/* position: fixed;
	top: 0;
	left: 0; */	
	width: 800px;
	background: #FFF;

	border-collapse: collapse;
	
	font-size: 12px;
	text-align: center;
}

.table-item table{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
}

.table-header{
	padding: 10px 0;
	background: #000000;

	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
}

.table-subheader{
	background: #e31d1a;

	color: #FFFFFF;
	font-weight: 700;
}

.table-estimate .table-subheader, .table-subheader-estimate{
	background: rgb(114,114,114);
}

.table-line > td{
	border-bottom: 1px solid #000000;
}

.table-red{
	color: #e31d1a;
}

.table-quarter td{
	width: 25%;

	text-align: left;
}

/* Export Table End */

.noshow{
	display: none !important;
}

.isBP{
	background: rgb(0,163,48);
	background: linear-gradient(135deg, rgba(0,163,48,.4) 0%, rgba(255,255,255,1) 50%, rgba(255,227,0,.4) 100%);
}

.isBP .ui-state-default, .isBP .ui-widget-content .ui-state-default, .isBP .ui-widget-header .ui-state-default, .isBP #calculate, .isBP #estimateTotal{
	border: 1px solid #3bbc00;
	background: rgba(59,188,0,.2);
	font-weight: bold;
	color: #000;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
	box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
}

.isBP .ui-widget-content{
	border: 1px solid #00a330;
	background: #FFFFFF;
}

.isBP #estimateTotal{
	background: #FFF;
}

.isBP #estimateTotal:before{
	content: "";
	
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background: rgba(59,188,0,.2);
}

.isBP #estimateTotal:after{
	content: "";
	
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
	box-shadow: inset 0px 0px 10px 0px rgba(0,163,48,1);
}

.isBP #estimateTotal_container{
	background: rgba(255,255,255,.75);

	background: rgb(0,163,48);
	background: linear-gradient(315deg, rgba(0,163,48,.4) 0%, rgba(255,255,255,1) 50%, rgba(255,227,0,.4) 100%);
}