/*  Control overlays in PRODUCTS, TEXTURES, FABRICATION, COLORS,
            GLASS TYPES, and SPECIFICATIONS section

     Override site-wide colors
====================================== */
html, body {
	background: #222222;
	color: #ffffff;
}

/*            Big picture
====================================== */
#big-picture {
	position: absolute;
	top: 34px;
	left: 155px;
	display: block;
}
#big-picture img {
	border: none;
 	outline-width: 0;
}

/*       Left and right arrows
======================================= */
.arrow {
	position: absolute;
	top: 245px;
}
#left-arrow {
	left: 20px;
}
#right-arrow {
	left: 765px;
}
.arrow span {
	position: relative;
	color: #777777;
	display: inline-block;
	margin: 0 -6px 0 0;
	text-decoration: none;
	padding: 80px 60px 80px 60px;
	height: 30px;
}
.arrow span:before, .arrow span:after {
	position: absolute;
	display: block;
	height: 32px;
	border-right: 10px solid;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
 	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	content: '';
}
#left-arrow span:before {
	margin-top: -11px;
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
}
#left-arrow span:after {
	margin-top: 11px;
	-moz-transform: rotate(150deg);
 	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}
#right-arrow span:before {
	margin-top: -11px;
	-moz-transform: rotate(150deg);
 	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}
#right-arrow span:after {
	margin-top: 11px;
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.arrow a:hover, .arrow span:hover:before, .arrow span:hover:after, .arrow span:focus, .arrow span:focus:before, .arrow span:focus:after {
	color: #cccccc;
}

/*            Close X
=================================== */
#close-me {
	position: absolute;
	top: 25px;
	left: 1318px;
}
#close-me span {
	position: relative;
	width: 33px;
	height: 32px;
	color: #cccccc;
	background: #222222;
	display: inline-block;
	text-decoration: none;
}
#close-me span:before, #close-me span:after {
	position: absolute;
	display: block;
	height: 20px;
	margin: 6px 0 0 15px;
	border-right: 3px solid;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	content: '';
}
#close-me span:before {
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
#close-me span:after {
	-moz-transform: rotate(135deg);
 	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#close-me span:hover {
	background: #777777;
}

/*           Detailed info
======================================= */
#detail-area {
	position: absolute;
	top: 150px;
	left: 930px;
	width: 300px;
	padding: 20px;
	background: #555555;
	color: #ffffff;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
 	user-select:none; 
}
#heading-1 {
	font-size: 22px;
	margin: 0 0 20px 0;
}
#heading-2 {
	font-size: 19px;
	margin: 0 0 20px 0;
}

/*          Glass types
====================================== */
#type-info {
	font-size: 16px;
}

/*          Specifications
====================================== */
#spec-info {
	font-size: 16px;
}

/*          Fabrication
====================================== */
#fab-info {
	font-size: 16px;
}

/*      Products and Textures
====================================== */
#product-attributes, #texture-attributes {
	position: relative;
	font-size: 13px;
}
.product-attribute, .texture-attribute {
	width: 100%;
	padding: 10px 0 10px 0;
}
.product-attribute-heading, .texture-attribute-heading {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin: 0 4px 0 0;
}
.product-attribute-heading {
	width: 135px;
}
.texture-attribute-heading {
	width: 110px;
}
.product-attribute-info, .texture-attribute-info {
	display: inline-block;
	text-align: left;
}
.product-attribute-info {
	width: 155px;
}
.texture-attribute-info {
	width: 180px;
}