#builderSidebarTemplateContainer{width:100%; float:left;}
#builderSidebarStepBar{width:100%; float:left; padding:0px; padding-top:0px; padding-bottom: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; height:0px; flex: 1;}
#builderSidebarDisclaimer{ padding:10px; font-size:14px; }
#builderSidebarSidebarContainer{
	width:30%; float:left;
	position:relative;
	z-index:1;
  display: flex;
  justify-content: center;
  flex-direction: column; 
  height:100vh;
  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, #builderSidebarQuote{ flex:1; overflow-y:scroll;  width:100%; float:left; }
#builderSidebarQuote{ padding:10px; }
#builderSidebarQuote .totalPrice{ }
#builderSidebarSteps{ height:40vh; }
#builderSidebarQuote{display:none;}
#builderSidebarCompanyContainer{ width:100%; /*min-height:97px; height:10vh;*/ float:left; background-color:#999; text-align:center; padding:20px; }
#builderSidebarNavigation{ width:100%;  text-align:center; float:left; padding:10px;}
#builderSidebarNavigation .btnNext, #builderSidebarNavigation .btnPrevious{ width:40%; }
.variationPricing{ display:none;}
.step-bar{
    background-size: 100% auto;
}

.colorListContainer dd{ padding:10px 0px !important;}

.window, .window2 {
	width: 100%;
} 
#boatImage, #seatImage { 
	width: 100%;  
	padding:20px; 
	height:3000px;
}
#boatImage .boatLayer img, #seatImage .boatLayer img{ width:auto !important; max-width:100%; max-height:100%;}
#boatImage .boatLayer {
	width: 100%;  
	padding:20px; 
	text-align:center;
}
.seatLayer {
	width: 100%;    
	padding:20px;
} 
#content{ margin:0px; padding-top:0px;}
.controls-mobile{display:none;}
.controls-mobile-hidden-copy{ display:none;}
.builderDesktopPrice{ padding:20px;}
#builderSidebarCompanyContainer{ background-color:#0a3579; }
#builderSidebarTemplateContainer .z-container{max-width:100%;}
#builderSidebarTemplateContainer h2{ font-size:24px !important; letter-spacing:0px !important; margin-bottom:10px;}
#mainColor{ width:100%; display:block; float:left;}
#graphicsList li{ width:50%;}
#extremeGraphic img{ width:160px;}
#standardGraphic img{ width:40px; height:51px !important;}
#selectEngine select{ max-width:100%;}

.builderFormColumn{width:100% !important;}
.builderFormColumn label{ width:100% !important; padding-top:5px;}
.builderFormColumn input{ width:100% !important; }
.builderFormColumn select{ width:100% !important; }

.variations-container .z-1of3{ width:100%; max-width:192px;}

.quote_dealer_wrapper { max-width:100%;}
#content{ max-width:100%; width:100%;}

.builderAccordion:link, builderAccordion:visited{ text-decoration:none; margin-bottom:10px; width:100%; float:left; 
	padding:10px; font-size:18px; background-color:#CCC; color:#000; 
}
.buildertab{ float:left; width:100%; display:none; border:1px solid #999; padding:10px; margin-top:-10px; margin-bottom:10px;}

.builderButton{
    background-color: #0a3579;
    text-transform: uppercase;
    max-width: 100%;
    color: #FFF !important;
    text-align: center; 
    padding-top: 10px;
    display: inline-block;
    padding-bottom: 10px;
    padding-left:20px; padding-right:20px;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:4px;
}
.builderTabsContainer th{
    text-align: left; 
    white-space:nowrap;
    text-transform: uppercase;
    color: #0a3579;
    font-family: 'Oswald';
    font-size: 18px;}
#modelSpecTable th, #modelSpecTable td{ padding:10px; padding-left:35px; font-family:'Montserrat';} 
.step-bar{ background:none; height:auto;}
.step-over{display:none; height:40px;  width:20% !important;  margin-top:0px; text-align:center; font-size:11px; font-weight:bold; background:none; padding-top:10px; background-color:#FFF; color:#0a3579 !important; }
.step-over.step1{width:17% !important;}
.step-over.step2{width:23% !important;}
.step-over.inactive{background:none !important; display:block; color:#999 !important;}
.step-over.active{display:block;background-color:#0a3579; color:#FFF !important; margin-top:-39px;}
.tab_content{overflow:auto;}
.ui-widget-header{ border:none; background:none;}
.dataTable{width:100% !important;}
.dataTable th{ padding:5px !important;font-size:13px !important;}
.dataTable td{ padding:5px !important; font-size:13px !important;}
#boatImage .boatLayer{ height:100%;}
.totalPrice span{ float:right;}
#discountMSRP{display:none !important;}
#discountMSRP.discountMSRPVisible{ display:block !important;}
/*#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) {

	#builderSidebarPreviewImage{height:auto; padding-top:0px;}
	.totalPrice{padding:0px;}
	.controls-mobile{ padding-top:0px; padding-bottom:10px; margin-top:0px; margin-bottom:0px;}
	#builderSidebarPreviewImage #boatImage{ height:3000px;}
	.step-bar-container{display:block;}
	.step-over span{ display:none;}
	#builderSidebarNextPreviousContainer{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-hide{display:none !important;}
	.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%; overflow:hidden; height:auto; display:block;}
	#builderSidebarSidebarContainer{ width:100%; height:auto; display:block;}
	#builderSidebarSteps{ height:auto;}
	#builderSidebarSidebarContainer{ box-shadow:none;}
	#builderSidebarBodyContainer > div{ 
		display:block;
		width:100%;
	}
}

@media screen and (max-width: 767px) {
	.builderButton{width:100%;}
}