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


body {
	position:absolute;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	overflow-x:hidden;
	overflow-y:scroll;
	background-image:url(/material/background/cart-back.jpg);
	background-size:cover;
	background-attachment: fixed;
}


.reciept {
	position:absolute;
	margin-left:8vw;
	top:120px;
	width:82vw;
	padding-bottom:20px;
	box-shadow: inset 0 0 10px 1px rgba(255,255,255,1.00), inset 0px 75px 75px rgba(38,27,0,0.72), inset 0 0 20px 2px rgba(255,255,255,0.50), inset 0 0 40px rgba(13,166,6,0.05), inset 0 0 88px rgba(13,166,6,0.10), inset 0 0 120px rgba(13,166,6,0.15), inset 0 0 18px rgba(13,166,6,0.08);
	background:rgba(45,99,7,.10);
	border-radius:0px 3px 12px 12px;
	color:rgba(75,44,0,1.00);
	z-index:1;
}

.quickquote {
	position:absolute;
	left:25px;
	top:-64px;
	width:206px;
	padding-bottom:4px;
	padding-top:2px;
	padding-left:12px;
	font-size:32px;
	background:rgba(255,255,255,0.99);
	border-radius:5px;
	box-shadow: inset 0px 8px 12px rgba(255,255,255,1.00), inset 0px -8px 18px rgba(0,0,0,.42), 
	2px 0px 10px 14px rgba(0,0,0,0.42), -14px 10px 5px 10px rgba(0,0,0,0.20), -14px 0 5px 10px rgba(0,0,0,0.65), 
	91px 1px 4px 9px rgba(0,0,0,0.75), 317px 2px 6px 7px rgba(0,0,0,0.6), 540px 3px 6px 7px rgba(0,0,0,0.4), 760px 4px 8px 7px rgba(0,0,0,0.2);
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0px -1px 1px rgba(86,72,0,0.50), 0px 0px 7px rgba(86,72,0,0.42);
	pointer-events:none;
}

.grandtotal {
	position:relative;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:60px;
	width:400px;
	padding-bottom:4px;
	padding-top:3px;
	padding-left:14px;
	font-size:26px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.32);
	box-shadow: inset 2px 8px 14px rgba(255,255,255,0.65), inset 0px -3px 7px 3px rgba(213,213,213,0.42), inset 4px 2px 8px rgba(255,255,255,0.32), inset 0px -11px 18px rgba(0,0,0,0.30);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
	pointer-events:none;
}
#grandtotal {
	position:relative;
	width:130px;
	text-align:right;
	font-size:25px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.25);
	box-shadow: inset -2px -5px 15px 4px rgba(255,255,255,0.35), inset 0px 3px 7px 3px rgba(213,213,213,0.42), inset -4px -2px 8px 3px rgba(255,255,255,0.32), inset 0px 11px 18px rgba(0,0,0,0.20);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
	pointer-events:none;
}

#pin {
	position:absolute;
	right:25px;
	top:0px;
	width:120px;
	height:22px;
	padding-bottom:4px;
	padding-left:5px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight:bold;
	background:rgba(235,235,235,1.00);
	border-radius:4px;
	box-shadow: -2px -1px 0px 2px rgba(253,253,253,1.00), inset -11px -4px 5px rgba(253,253,253,1.00), inset 0px 10px 28px rgba(255,255,255,0.80);
	pointer-events:none;
}

#user {
	position:absolute;
	right:245px;
	top:0px;
	width:220px;
	height:22px;
	padding-bottom:4px;
	padding-left:5px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight:bold;
	background:rgba(235,235,235,1.00);
	border-radius:4px;
	box-shadow: -2px -1px 0px 2px rgba(253,253,253,1.00), inset -11px -4px 5px rgba(253,253,253,1.00), inset 0px 10px 28px rgba(255,255,255,0.80);
	pointer-events:none;
}

.cart_empty {
	position:absolute;
	margin-left:10%;
	top:125px;
	width:80%;
	height:120px;
	margin-bottom:42px;
	background:rgba(255,255,255,0.87);
	display:none;
}



.product_summary {
	position:relative;
	margin-left:2%;
	padding-left:12px;
	padding-top:2px;
	margin-bottom:45px;
	height:227px;
	width:95%;
	border-radius:5px;
	background:rgba(255,255,255,0.15);
	box-shadow: inset 2px 8px 14px rgba(255,255,255,0.65), inset 0px -3px 7px 3px rgba(213,213,213,0.42), inset 4px 2px 8px rgba(255,255,255,0.32), inset 0px -11px 18px rgba(0,0,0,0.30);
}
.ptitle_wrap {
	position:absolute;
	left:0px;
	bottom:225px;
	width:400px;
	height:64px;
	overflow:hidden;
	pointer-events:none;
}
.product_title {
	position:absolute;
	font-size:24px;
	padding-top:3px;
	left:0px;
	padding-left:100px;
	width:300px;
	padding-bottom:50px;
	border-radius:100px;
	background:rgba(255,255,255,0.75);
	box-shadow: inset 0 0 0 2px rgba(255,255,255,1.00), inset 0px -10px 15px rgba(255,255,255,1.0), inset 0px 10px 20px rgba(255,255,255,0.72), inset 30px 0px 80px rgba(255,255,255,0.08), inset 0px 0px 150px rgba(255,255,255,0.05);
	text-shadow: 0 0 8px rgba(255,255,255,1.00), 0 0 12px rgba(255,255,255,1.00), 0 0 20px rgba(255,255,255,1.00), 0px -1px 1px rgba(86,72,0,0.50), 0px 0px 8px rgba(86,72,0,0.42);
	pointer-events:none;
}
.product_img {
	position:absolute;
	top:12px;
	left:24px;
	width:200px;
	height:200px;
	border-radius:3px;
	box-shadow:0 0 12px 2px rgba(255,255,255,1.00), 0 0 22px 4px rgba(255,255,255,1.00), 0 0 32px 4px rgba(255,255,255,0.50);
	pointer-events:none;
}
.quotes {
	position:absolute;
	left:252px;
	top:0px;
	width:450px;
	height:250px;
	pointer-events:none;
}
.product_total {
	position:relative;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:12px;
	width:85%;
	padding-top:5px;
	padding-bottom:11px;
	padding-left:12px;
	padding-right:24px;
	font-size:24px;
	font-weight:bold;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.32);
	box-shadow: inset 1px 4px 7px rgba(255,255,255,0.65), inset 0px -2px 3px 1px rgba(213,213,213,0.42), inset 2px 1px 4px rgba(255,255,255,0.32), inset 0px -6px 9px rgba(0,0,0,0.30);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
}
.product_sub_total {
	position:relative;
	margin-bottom:6px;
	width:70%;
	padding-top:5px;
	padding-bottom:9px;
	padding-left:12px;
	padding-right:24px;
	font-size:16px;
	font-weight:bold;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.32);
	box-shadow: inset 1px 4px 7px rgba(255,255,255,0.65), inset 0px -2px 3px 1px rgba(213,213,213,0.42), inset 2px 1px 4px rgba(255,255,255,0.32), inset 0px -6px 9px rgba(0,0,0,0.30);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
}

.data {
	position:relative;
	float:right;
	margin-top:1px;
	padding: 1px 10px 1px 20px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.12);
	box-shadow: inset -3px -5px 4px 4px rgba(255,255,255,0.42), inset 0px 2px 2px 2px rgba(213,213,213,0.5), inset -2px -1px 3px 3px rgba(255,255,255,0.32), inset 0px 4px 6px rgba(0,0,0,0.20);
	border-radius:3px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
}
.sqft_price {
	position:absolute;
	left:30px;
	bottom:25px;
	padding: 2px 4px 2px 4px;
	font-weight:bold;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.32);
	box-shadow: inset 1px 4px 7px rgba(255,255,255,0.65), inset 0px -2px 3px 1px rgba(213,213,213,0.42), inset 2px 1px 4px rgba(255,255,255,0.32), inset 0px -6px 9px rgba(0,0,0,0.30);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
}
.color_price {
	position:absolute;
	left:30px;
	bottom:45px;
	padding: 2px 4px 2px 4px;
	font-weight:bold;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color:rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.32);
	box-shadow: inset 1px 4px 7px rgba(255,255,255,0.65), inset 0px -2px 3px 1px rgba(213,213,213,0.42), inset 2px 1px 4px rgba(255,255,255,0.32), inset 0px -6px 9px rgba(0,0,0,0.30);
	border-radius:5px;
	text-shadow: 0.5px -0.5px rgba(0,0,0,1.00), 0.5px 0px rgba(0,0,0,1.00), 0px -0.7px 1px rgba(86,72,0,0.80), 0px 0px 3px rgba(52,32,0,0.89), 0.5px 0.5px 3px rgba(50,32,0,0.69);
}


.remove {
	position:absolute;
	top:15px;
	right:15px;
	height:20px;
	padding: 2px 5px 1px 4px;
	font-weight:bold;
	color:rgba(0,0,0,1.00);
	background:rgba(255,255,255,0.85);
	border-radius:3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,1.00), inset 0 0 2px rgba(255,255,255,1.00), inset 0 -9px 4px rgba(0,0,0,0.22), inset -8px 0 2px rgba(0,0,0,0.12), inset 8px 0 2px rgba(0,0,0,0.12);
	cursor:pointer;
}
.remove:hover {
	background:rgba(237,236,0,1.00);
}
.remove.active {
	box-shadow: 0 0 2px 2px rgba(0,21,255,1.00), inset 0 0 2px rgba(255,255,255,1.00), inset 0 -9px 4px rgba(0,21,255,0.22), inset -8px 0 2px rgba(0,21,255,0.12), inset 8px 0 2px rgba(0,21,255,0.12);
}

.color {
	position:absolute;
	bottom:25px;
	left:35px;
	width:120px;
	height:40px;
	background:rgba(255,255,255,1.00);
	z-index:99;
}

.remove_color {
	position:absolute;
	top:123px;
	left:630px;
	height:16px;
	padding: 2px 5px 1px 4px;
	font-size:14px;
	font-weight:bold;
	color:rgba(0,0,0,1.00);
	background:rgba(255,255,255,0.85);
	border-radius:3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,1.00), inset 0 0 2px rgba(255,255,255,1.00), inset 0 -9px 4px rgba(0,0,0,0.22), inset -8px 0 2px rgba(0,0,0,0.12), inset 8px 0 2px rgba(0,0,0,0.12);
	cursor:pointer;
}
.remove_color:hover {
	background:rgba(237,236,0,1.00);
}
.remove_color.active {
	box-shadow: 0 0 2px 2px rgba(0,21,255,1.00), inset 0 0 2px rgba(255,255,255,1.00), inset 0 -9px 4px rgba(0,21,255,0.22), inset -8px 0 2px rgba(0,21,255,0.12), inset 8px 0 2px rgba(0,21,255,0.12);
}



a:link {
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	border-radius:3px;
	box-shadow:inset 0px -11px 18px rgba(0,0,0,.30);
	cursor:pointer;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	box-shadow:inset 0px -11px 18px rgba(0,0,0,.30), 0 0 5px 2px rgba(0,0,0,1.00);
}
h1:active {
	box-shadow:inset 0px -11px 18px rgba(0,0,0,.30), 0 0 5px 2px rgba(0,0,0,1.00);
}
h1:hover {
	box-shadow:inset 0px -11px 18px rgba(0,0,0,.30);
}