/* CSS Document */
	.red{color:#F00; font-weight:bolder; font-size:18px;}
	#extraOptions{padding:15px;}
  #holder{position:relative; width:100%; height:500px; overflow:hidden; border:thick #000 solid; cursor: grab;}
  
  #selector{position:absolute; top:10px; left:60px; width:873px; background-color:#FFF; height:25px;}/*Zoom bar*/
  #zoomin{position:absolute; right:10px; top:10px; width: 25px;}
  #zoomout{position:absolute; left:10px; top:10px; width: 25px;}
  
  #image{overflow: hidden; max-width:1500px; width:998px;}
  
  #location {position:fixed; width:300px; height:500px; bottom:10px; left:10px; border:thick #000 solid; padding:10px;} /*DEBUG*/
  
  #width, #height{width:200px;}
  
  #clickndrag{width:80px; margin:25px;}
  
  #cost{width:100%;}
  
  #installDropdown{margin-top:10px;}
  
  #addToCart{display:none !important;}
  
.ui-slider .ui-slider-handle {
	height:35px;
	background:url(../images/slider_image.svg) #6cc4e2;
	background-size: 20px 35px;
}
  
input, select{
	background-color:#FFF;
	border:thin #999 solid;
	color:#3f3f40;
	font-size:24px;
	padding:10px;
	margin-top:-5px;
}
input{
	text-align:right;
}

h2{
	margin:0px 0px 10px 0px;
}

#upload{
	width:350px;
	position:absolute;
	right:20px;
	bottom:80px;
}

#new, #addToCart{
	width:350px;
	position:absolute;
	right:20px;
	bottom:20px;
}

#addToCart{display:none;}

.bigText{
	color:#3f3f40;
	font-size:24px;
	padding:10px;
	margin-top:-5px;
}

.aps p, .pg p{
	text-align:left;
}

.meterialDisc{
	margin-top:15px;
	position:relative;
}

.clickndragDisc{
	position:relative;
	float:right;
	width:850px;
}

.extras{
	float:left;
	width:100%;
	display:block;
}

.clearBreak{
	width:100%;
	height:3px;
	background-color:#999;	
	clear:both;
}

.extras img{
	vertical-align:middle;
	margin:10px;
}

.smallText{
	font-size:13px;	
}

.zoom{
	margin-top:25px;
	position:relative;
	clear:both;
	height:55px;
}

.meterialDisc img{
	float:right;
	margin-top:15px;
}

.extraImages img{
	max-height:200px;
	float:left;
}

.extraInfo, .totalPrice{
	display:block;
	margin-top:15px;
	font-size:22px;
}

.extraInfo{
	height:200px;
}

.extraInfo strong, .totalPrice strong{
	font-size:40px;
	font-weight:bolder;
}

.productBlock{
	display:inline-block;	
	float:left;
	width:450px;
}

.aps{
	display:none;
}

.pg{
	display:none;
}

#prepasted{
	position:absolute;
	left:919px;
	top:-117px;
	max-width:75px;	
}

#uploadImage{
    display:none;
}

.quick_buttons{
    float: right;
}

@media screen and (max-width: 1200px) {
	img{max-width:99999px;}
	#width, #height {width: 150px;}
	#selector{width:624px}
	.clickndragDisc {width: 262px; margin-right: 356px; top: -19px;}
	.extras{width:100%;}
	#cost{width:100%;}
	#prepasted{left:671px;top:-117px;}
        .quick_buttons{margin-top: 12px;}
        .quick_buttons button{width: 220px; font-size: 18px;}
}

@media screen and (max-width: 850px) {
	img{max-width:99999px;}
	#width, #height{margin-bottom:10px;}
	#selector {width: 314px;}
	.clickndragDisc {width: 100%; margin-right: 0px; top: 0px; position:relative; float:none;}
	#clickndrag{display:none;}
	#new, #upload, #addToCart {width: 100%; position: relative; right: 0px; bottom: 0px; margin-top:10px;}
	.meterialDisc {float: none; width: 100%; top: 0px;}
	#materials{margin-bottom:20px; width:100%;}
	#prepasted{left:185px;top:107px; max-width:60px;}
        .quick_buttons{position: absolute; right:10px; bottom: 0px; text-align: right; width: 170px;}
        .quick_buttons button{width: 170px; height: 40px; font-size: 14px; margin-bottom: 4px;}
}