body{
 font-family: sans-serif;
 background:none transparent;	
}

.debugoutline{
	border:0px red dotted;
}
.btn-primary{
	background-color:#666;
	border: 0px !important;
}
/*.fixed {
    width: 500px;  
    float: left;
}

.fixed + div {
     margin-left: 500px;  
     overflow: hidden;
}

.fill { 
    min-height: 100%;
    position: relative;
}

.filler:after{
    background-color:inherit;
    bottom: 0;
    content: "";
    height: auto;
    min-height: 100%;
    left: 0;
    margin:inherit;
    right: 0;
    position: absolute;
    top: 0;
    width: inherit;
    z-index: -1;  
}
*/
div[class^="layer"]{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	opacity:1;
	border: 0px dashed #000000;
	
}

select{
	height:20px;
}

#holder {
	width:500px;
	min-height:500px;
	position: relative;
	margin-left: auto;
	margin-right:auto;
	border: 0px dashed #000000;
	/*overflow: hidden;*/
	z-index: 1;
	text-align: center;
	margin-top:0px;
	/*top:30px;*/
}
#holder img{
	
}
#seatdisplay{
	width:100px;
	/*height:500px*/;
	border-bottom: 0px dashed #00ff00;
}
#seatdisplay img{
	width:100%x;
	border: 0px dotted #00cccc;
}
/*
#rr{
	text-align:right;
	float:right;
	width:20%;
	display:inline-block;
	cursor: pointer;
	opacity:.7;
}

#ff{
	text-align:left;
	float:left;
	width:20%;
	display:inline-block;
	cursor: pointer;
	opacity:.7;	
	
}

#ff:hover, #rr:hover{
	opacity:1;
}*/

#rmsg{
 	font-size: 14px;
	font-weight: 400;
	margin-top:40px;
	width:60%;
	display:inline-block;
	border: 0px dashed #000000;
	color:#999999;
			
}



#controls{
	width:100%;
	/*margin-right: auto;*/
	position:relative;
	top: 500px;
	border: 0px dashed #dddddd;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:10;
}
#buttons{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;

}
#view1{
	opacity:1;
}
#view2, #view3, #view4, #view5, #view6, #view7, #view8{
	opacity:0;
}

.tint{
	background-color: rgba(0,255,255, 0.5)
}

#pricedisplay{
	margin-top:20px;
	font-size:36px;
	font-weight: 800;
	border-top: 1px #dddddd solid;

}

.seatreviewcontainer{display:none}
/* data styling*/

#seatselectorcontainer{
	margin-bottom:10px;
}

#links{
	width:100%;
	background-color: #cecece;
	padding:6px;
}
.fabblock{
	width:100%;
	background-color: #fafafa;
	
	margin-bottom:12px;
	overflow: hidden;	
	
}
.fabthumb{
	float:left;
	width:136px;
	height:136px;
	background-color: #cccccc;
	/*border: 1px #00FF00 solid;*/	
}
.fabthumb img{
	width:100%;
}
.fablabel{
	float:left;
	position: relative;
	left:12px;
	/*border: 1px #00FF00 solid;*/
		
}

.largefabric{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	color:#dedede;
}
.largefabric img{
	width:100%;
	max-width:1000px;
	max-height:1000px;
	margin-top:-100px;
}
.colorselectorcontainer,.optionsselectorcontainer{
	margin-bottom:20px;
}
.colordetailview{
	width:100%;
	height:auto;
	border: 0px solid #dfdfdf;
	overflow:hidden;
	margin-bottom: 18px;
}

.colorwell{
	width:100%;
}
.colorblock{
	
	width:100%;
	height:30px;
	margin: 8px;
	
}
.colorselector{
	width:40px;
	height:20px;
	background-color: #cccccc;
	border: 1px #dddddd solid;
	overflow:hidden;
	background-position: center;
	background-size:200%;
	float:left;
}
.colorselector img{
	/*width: 100%;*/
}
div[id^="well"]{
	border: 1px #cccccc solid;
	background-position: top left;
	background-size:100%;
}

div[id^="well"] img{
	width:180px;
	margin-left:-46px;
	margin-top:-46px
}

.colorlabel{
	color:#333;
	font-size: 16px;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight: 300;
	height:20px;
	float:left;
	padding-left:4px;
}
#colordetails{
	min-height: 400px;
	overflow: visible;

}

.modalcolorblock{
	border:0px green solid;
	width:120px;
	height:150px;
	margin: 8px;
	float:left;
}
.modalcolorselector{
	width:120px;
	height:100px;
	background-color: #cccccc;
	border: 2px #dddddd solid;
	overflow:hidden;
	background-position: center;
	background-size:200%;
	float:left;
}
.modalcolorlabel{
	color:#333;
	font-size: 16px;
	/*text-align: center;
	text-transform: uppercase;*/
	font-weight: 300;
	height:40px;
	float:left;
	padding:4px;
	display:block;
}

.magicon{
	margin-top:-90px;
	/*margin-bottom:10px;*/
	margin-left:10px;
	color:#fff;
	border: 0px #ff0000 solid;
	z-index:999;
	/*text-shadow: 0px 2px 1px #000;*/
	float:left;
}
.magicon:hover{
	cursor:pointer;
}

.modal-dialog{
	max-width:80%;
	
}
.swatchholder{
	overflow: auto;
	display:block;
	float:left;
	border: 0px solid #00ff00;
	margin-bottom:15px;
}


.bottombuttonrow{
	display:block;
	border: 0px solid #ff0000;
	text-align:left;
	margin-top:0px;
}

.designblock{
	float:none;
	width:100%;
	height:80px;
	/*background-color: #fff;*/
	border-bottom: 1px solid #999999;
	padding: 8px;
	text-align: left;
}
.designblock .dbimg{
	height:60px;
}
.dbimg img{
	height:100%;
}
.designblock .selecttitle{
	color:#000;
	font-size: 20px;
	text-align: left;
}
#suitprice{
	color:#bc3017;
	font-size: 16px;
	font-weight: 600;
	z-index: 5;
	margin-top:6px;
	text-align: center;
	/*background-color:#bc3017;
	background-color:#333333;*/
	height:24px;
	text-align: left;
}
.designblock a{
	margin-top:-24px;
}
#suitid{
	position:relative;
	top:0px;
	left:0px;
	z-index: 5;
}


/*Accordian Styling */

#accordion{
	width:468px;
}

.panel-group{
	border:1px solid #cdcdcd;
}
.panel{
	border-radius: 0px !important;
	padding-bottom:0px;
	border:0px;
}
.panel-default{
	

}
.panel-heading,.modal-header{
	border-radius: 0px !important;
	background-color:#bc3017 !important; 
	border:1px solid #cdcdcd;
	
}
.panel-title{
	color:#FFFFFF;
	
}
.panel-title a, .modal-title{
	text-decoration: none;
	font-weight: 600;
	color:#ffffff;
}
.stepnum{
	display: inline-block;
	float: right;
	font-size: 12px;
	opacity:.6;

}
#steperror{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility: show;
	z_index:10;
}
#seldesigns{
	z-index: 1;
}
#stepdone1, #stepdone2, #stepdone3, #stepdone4, #stepdone5, #stepdone6{
	opacity: 0;
}

.wells, .swatches{
	width:100%;
	margin-bottom: 10px;
	border: 0px solid #00ffcc;
	display:inline-block;
	float:left;
}
.optiondescription{
	margin-left: 30px;
	font-size: 13px;
	color:#999999;
}
.big-checkbox {
	width: 50px; 
	height: 50px;
}
input[type=checkbox][disabled] + label {
    color: #ccc;
}
#ckboxcontainer6, #ckboxcontainer10, #ckboxcontainer11 {
	/*margin-left: 24px;*/
}
#ckboxcontainer10, #ckboxcontainer11{
	display: none;
	
}

 /* measurement dialog stuff*/
 #measurementdialogbody{
 	border: 0px solid #cc00ff;
 	height:760px;
 }
 #measurevideos{
 	border: 0px solid #00ffcc;
 	width:40%;
 	float:left;
 	display:block;
 	height:300px;
 }
 #measuredetails{
 	border: 0px solid #00ffcc;
 	width:60%;
 	float:right;
 	display:block;
 	
 }
.measurementrow{
	border-bottom: 1px solid #dddddd;
	margin-bottom:10px;
	height:36px;
}
.measurementinput{
	border: 0px solid #ccffcc;
	display:inline-block;
	margin-top:auto;
	margin-bottom:auto;
	width:15%;
	height:36px;


}
.measurementlabel{
	border: 0px solid #ccff00;
	display:inline-block;
	font-weight: 800;
	font-size: 20px;
	color:#000000;
	width:10%;
	margin-top:auto;
	margin-bottom:auto;
	border: 0px solid #ffccff;
	text-align: center;
	height:36px;

}
input[id^="inputmeasure"]{
	width:40px;	text-align:center;
}
.measurementdescription{
	border: 0px solid #00cccc;
	display:inline-block;
	font-weight: 300;
	font-size: 10px;
	color:#999999;
	width:75%;
	margin-top:auto;
	margin-bottom:auto;

}

/*REVIEW ORDER*/

#revieworder{
	padding:10px;
	height:auto;
	
	
}
#reviewrow,#reviewrowoption{
	display:none;
}
#revieworder #reviewleft{
	width:20%;
	float: left;
	border-bottom: 1px dotted #cccccc;
	font-weight: 600;
	margin-bottom:20px;
	text-align:left;
	
}
#revieworder #reviewright{
	width:80%;
	float: left;
	border-bottom: 1px dotted #cccccc;
	font-weight: 300;
	margin-bottom:20px;
	text-align:left;
	
}
#revieworder #reviewrowoption{
	margin-left:20px;
	color:#999999;
	
}
.bigprice{

	font-size: 30px;
}

#backdisplaycontainer{
	display:none;
}
.quantityleft, .quantityright{
	width:40%;
	/*float:left;*/
	margin-bottom:8px;
}
.quantityright{
	
	margin-bottom:16px;
}
#confirmbutton{
	display:block;
	
}

.savewarning{
	color:#FF0000;
	font-size:16px;
}
.seatqty{
	width:20px;
	text-align:center;
	font-weight:800;
	height:28px;
	font-size 22px;
}
.seatqty2{
	width:20px;
	text-align:center;
	font-weight:800;
	height:28px;
	font-size 22px;
}

.seatdesctiptor{
	
}

.instructionbox{
	display:block;
	background-color:#ddd;
	border:2px dotted #999;
	padding:10px;
	margin-top:20px;
	border-radius:20px;
}

.instructionbox h4{
	font-size:18px !important;
	font-weight:800 !important;
}

.optsubcontainer{
	padding:10px;
}

.optsub{
	font-size:18px;
	font-weight:800;
}