.quickDebugContainer{display:none;}	
#zOS_mode_form{display:none;}
body{overflow:hidden;}

#builderSidebarTemplateContainer{width:100%; float:left;}
#builderSidebarStepBar{width:100%; float:left; padding:0px; background-color:#EEE;}
#builderSidebarBodyContainer{
	width:70%; 
	float:left;
/*	display: flex;
	flex-direction: column;*/
	height:100vh;
}


#builderSidebarBodyContainer > div{
/*  display: flex;
  justify-content: center;
  flex-direction: column; */
  float:left;
}
#builderTitleContainer{flex-direction:row !important;
  justify-content: left !important; padding:10px; padding-bottom:10px; padding-top:10px; width:100%; float:left; border-bottom:1px solid #999;}
#builderTitleContainer h1{ display:inline-block !important; font-size:24px;}
#builderSidebarCloseLink{display:inline-block !important; width:auto; margin-right:20px;  float:left; font-size:21px;}

#builderSidebarPreviewImage{ width:100%; float:left; flex: 1;}
#builderSidebarFullWidthDisclaimer{ padding:10px; font-size:14px; }
#builderSidebarDisclaimer{ padding:10px; font-size:14px; width:100%; float:left; }
#builderSidebarSidebarContainer{
	width:30%; float:left;
	position:relative;
	z-index:1;
  box-shadow:0px 0px 10px #000;

}
#boatEngineContainer select{width:100%;}
.view_controller .view{padding:10px;}
#sidebar{ border-left:none; width:100%; padding:0px 10px;}
#builderSidebarContinueBuildingLink{display:none;}
#builderSidebarContents{
	width:100%; float:left; overflow-y:scroll;
}
#builderSidebarQuote{
 width:100%; float:left;
}
#builderSidebarQuote{ padding:10px; }
#builderSidebarQuote .totalPrice{ }
#builderSidebarSteps{ width:100%; float:left; }
#builderSidebarQuote{display:none;}
#builderSidebarCompanyContainer{ width:100%; height:170px; float:left; text-align:center; padding:20px; }
#builderSidebarNavigation{ width:100%;  text-align:center; float:left; padding:10px;}
#builderSidebarNavigation .btnNext, #builderSidebarNavigation .btnPrevious{ width:40%; }
.step-bar-5, .step-bar-6, .step-bar-4{
    background-size: 100% auto;
}

.colorList li{width:auto; margin:0 0 10px 10px}
.colorSwatchBox{ margin-right:0px;}

.colorListContainer dd{ padding:10px 0px !important;}

.window, .window2 {
	width: 100%;
} 
#boatImage, #seatImage { 
	width: 100%;  
	padding:0px;
	max-width:1280px;
}

#boatImage .boatLayer {
	width: 100%;  
	padding:20px; 
}
.seatLayer {
	width: 100%;    
	padding:20px;
} 
.builderButton{
    background-color: #000;
    text-transform: uppercase;
    max-width: 100%;
    color: #FFF !important;
    text-align: center; 
    margin-bottom: 5px;
    padding:10px 20px;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
}

#content{ margin:0px; padding-top:0px;}
.controls-mobile{display:none;}
.controls-mobile-hidden-copy{ display:none;}
.builderPublicFormColumn{ width:100%;}
/*#boatImage{ margin-top:0px !important;}
#boatImage .boatLayer img{ 
	margin-top:0px !important;
}*/
@media screen and (max-width: 1362px) {

	/*.window, .window2 {
		width: 100%;

	}
	#boatPreview {
		width: 100%; 
	}
	#boatImage {
		width: 100%; 
	}

	#boatImage .boatLayer {
		width: 100%; 
	} 
	.seatLayer {
		width: 100%; 
	} */
	#content{
		width:100%;
	}
}
@media screen and (max-width: 992px) {
	/* debug mobile styles*/

	/*#builderSidebarBodyContainer{ background:rgba(255,0,0,.3);}*/
	/*#builderSidebarSidebarContainer{ background:rgba(0,255,0,.3);}*/
	/*#builderSidebarContents{ background:rgba(0,255,255,.3);}*/
	/*#builderSidebarDisclaimer{ background:rgba(0,0,255,.3);}*/
	/*#builderSidebarSteps{ background:rgba(128,128,128,.3);}*/
	/*#builderSidebarNavigation{ background:rgba(0,128,128,.3);}*/
	/* end debug */

	.controls-mobile-hide{ display:none !important;}
	.totalPrice{padding:0px;}
	.controls-mobile{display:block; padding-left:10px;}
	.controls-mobile-hidden-copy{display:none;}
	.controls-mobile-hidden-copy.fixedMobileControls{ display:block;}
	.controls-mobile.fixedMobileControls{ width:100%; padding:10px;  top:0px;}
	.totalPrice span{ float:none;}
	#boatImage {
		width: 920px; 
		max-width:100%;
	}
	body{overflow:visible;}
	.view_controller .view{padding:0px;}
	#builderSidebarCompanyContainer{display:none;}
	#builderSidebarBodyContainer{ width:100%; height:auto; display:block;}
	#builderSidebarSidebarContainer{ width:100%; height:auto; display:block;}
	#builderSidebarSteps{ height:auto;}
	#builderSidebarSidebarContainer{ box-shadow:none;}
	#builderSidebarBodyContainer > div{ display:block; width:100%;}
}
