@charset "utf-8";
/* quick quote CSS Document */

body {
	padding-bottom:120px;
	background:rgba(192,187,167,0.90);
}

.container {
	position:relative;
	float:left;
	width:75%;
	height:250px;
}

.conimg {
	margin-right:16px;
	box-shadow: 0px 0px 1px 2.5px rgba(0,0,0,1.00), -14px 3px 15px 16px rgba(190,192,182,.6);
	height:100px;
	width:100px;
}


.quotetitle {
	position:absolute;
	margin-top:-1px;
	margin-left:-3px;
	width:100%;
	height:36px;
	padding-bottom:7px;
	padding-top:3px;
	padding-left:13px;
	line-height:18px;
	background-color:rgba(139,134,110,0.92);
	box-shadow: inset 0px 0px 4px rgba(0,0,0,0.77), inset 0px 0px 12px rgba(0,0,0,0.69);
	z-index:109;
	pointer-events:none;
	}
	

.receipt {
	position:absolute;
	left:97px;
	top:17px;
	width:90%;
	background-color:rgba(57,51,37,0.74);
	z-index:110;
	pointer-events:none;
	color:rgba(255,255,255,1.00);
}

.refresh {
	position:absolute;
	left:590px;
	top:12px;
	width:36px;
	height:36px;
	z-index:110;
	border-radius:8px;
	box-shadow: inset -0.5px 0.7px 4px 1px rgba(0,0,0,0.78);
	cursor:pointer;
	background:url(/material/misc/refresh-01.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
}
.refresh:hover {
	box-shadow: inset 0 0 1px 1px rgba(42,42,42,1.0), inset -0.5px 0.7px 4px 1px rgba(0,0,0,0.0), inset 0 0px 15px 2px rgba(255,255,255,0.6), inset 0 0px 22px 12px rgba(0,0,0,0.15);}

.sqft {
	position:absolute;
	left:12px;
	top:64px;
	width:115px;
	height:150px;
	padding-left:11px;
	padding-right:9px;
	padding-top:8px;
	padding-bottom:8px;
	z-index:101;
	border-radius:2px;
	background-color:rgba(249,249,249,0.95);
	box-shadow: inset 0px 0px 6px rgba(139,134,110,0.92);
}

.sqback {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(252,250,245,0.0);
	pointer-events:none;
	z-index:100;
}

.starthere {
	position:absolute;
	top:72px;
	left:160px;
	padding:4px;
	padding-top:1.5px;
	font-size:36px;
	font-weight:bold;
	color:rgba(0,0,0,1.0);
	text-shadow: -4px 2px 1px rgba(255,255,255,1.00);
	box-shadow: -9px -9px 16px -3px rgba(0,0,0,.35), -3px -2px 2px 0px rgba(0,0,0,.9), -3px -2px 7px 1px rgba(0,0,0,.6);
	background-color:rgba(255,255,255,0.95);
	border-radius:4px;
	z-index:120;
	cursor:default;
}

.qqdisclaimer {
	position:absolute;
	top:136px;
	left:160px;
	width:462px;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	color:rgba(0,0,0,1.0);
	text-shadow: -4px 2px 1px rgba(255,255,255,1.00);
	box-shadow: -2px -1px 7px 1px rgba(0,0,0,.9);
	background-color:rgba(255,255,255,0.95);
	border-radius:7px;
	z-index:120;
	cursor:default;
}


.finish {
	position:absolute;
	left:20px;
	top:250px;
	padding-bottom:4px;
	padding-top:26px;
	background-color:rgba(229,229,222,1.00);
	box-shadow: inset 0 0 8px rgba(67,60,25,0.77);
	border-radius:4px;
	z-index:13;
}

.finishtitle {
	position:absolute;
	top:0px;
	padding-left:8px;
	font-size:24px;
	font-weight:bold;
	pointer-events:none;
}

.demo {
	position:absolute;
	left:170px;
	top:64px;
	box-shadow: inset 0 0 7px rgba(0,0,0,0.75);
	width:140px;
	height:170px;
	border-radius:3px;
	cursor:default;
}

.demotitle {
	position:absolute;
	top:5px;
	left:10px;
	line-height:20px;
	font-size:24px;
	font-weight:bold;
	pointer-events:none;
	z-index:99;
	cursor:default;
}

.demoimg {
	position:absolute;
	left:20px;
	top:55px;
	box-shadow: 0px 0px 1px 2.5px rgba(0,0,0,1.00), -14px 3px 15px 16px rgba(190,192,182,.6);
	height:100px;
	width:100px;
	z-index:98;
}

.demobutton {
	position:absolute;
	left:11px;
	top:27px;
	width:120px;
	height:24px;
	z-index:99;
	cursor:pointer;
}
.gloss {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-shadow: inset -15px 15px 25px rgba(255,255,255,0.54), inset 15px -15px 25px rgba(0,0,0,0.54);
	pointer-events:none;
}

.color {
	position:absolute;
	left:335px;
	top:64px;
	width:140px;
	height:170px;
	background-color:rgba(171,168,152,1.00);
	box-shadow: inset 0 0 7px rgba(0,0,0,0.75);
	cursor:default;
	border-radius:3px;
	z-index:99;
}

#coloradded {
	position:absolute;
	left:335px;
	top:64px;
	width:140px;
	height:170px;
	background-color:rgba(171,250,152,1.00);
	box-shadow: inset 0 0 7px rgba(0,0,0,0.75);
	cursor:default;
	border-radius:3px;
}

.colorimg {
	position:absolute;
	left:20px;
	top:55px;
	box-shadow: 0px 0px 1px 2.5px rgba(0,0,0,1.00), -14px 3px 15px 16px rgba(190,192,182,.6);
	height:100px;
	width:100px;
}

.colorbutton {
	position:absolute;
	left:8px;
	top:27px;
	width:124px;
	height:24px;
	z-index:99;
	cursor:pointer;
}

.background {
	position:absolute;
	top:0px;
	left:0px;
	width:1260px;
	height:750px;
	z-index:-200px;
}



label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}