/*   PRODUCT, TEXTURE, SPECIFICATION,
    FABRICATION, and COLOR DETAIL pages
========================================== */
#detail-area {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/*          Large image for DETAIL page
         (Note: height/width is set in the
          details-large-image.php program)
================================================= */
#large-image {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 374px;
	width: 374px;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#large-image img {
	border: none;
	outline-width: 0;
}
    
/*      Descriptive attributes of product on
   a DETAIL page.  Attributes on PRODUCTS will be
   aligned differently than attributes on TEXTURES
  and attributes in SPECIFICATIONS and FABRICATION
==================================================== */
#detail-definition {
	position: absolute;
	top: 0;
	left: 384px;
	height: 348px;
	width: 316px;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#detail-heading-1 {
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0;
	text-align: left;
	font-size: 20px;
}
#detail-heading-2 {
	position: absolute;
	width: 100%;
	top: 90px;
	left: 0;
	text-align: left;
	font-size: 16px;
}
#attributes {
	position: absolute;
	width: 100%;
	top: 120px;
	left: 0;
	width: 316px;
	font-size: 14px;
}
.attribute {
	float: left;
	width: 316px;
	padding: 0 0 15px 0;
}
.product-attribute-heading, .texture-attribute-heading {
	float: left;
	text-align: right;
	margin: 0 6px 0 0;
}
.product-attribute-info, .texture-attribute-info { 
	float: left;
	text-align: left;
}
.product-attribute-heading {
	width: 145px;
}
.product-attribute-info {
	width: 165px;
}
.texture-attribute-heading {
	width: 125px;
}
.texture-attribute-info {
	width: 185px;
}
.attribute-info-link a {
	color: #329592;
	text-decoration: none;
}
.attribute-info-link a:hover {
	color: #ec1d27;
}

/*      Small images on DETAIL page
     (Note: height/width is set in the
       details-make-list.php program)
========================================= */
#small-image-area {
	position: absolute;
	top: 384px;
	height: 207px;
	width: 710px;
	left: 0;
	text-align: left;
	overflow: hidden;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.small-image {
	display: inline-block;
	margin: 0 6px 10px 0;
	padding: 0;
	height: 86px;
	width: 86px;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.small-image a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.small-image img {
	vertical-align: top;
	display: table-cell;
	border: none;
	outline-width: 0;
}
.small-image img:hover {
	cursor: pointer;
}

/*       Enlarge image arrow 
================================== */
#enlarge-arrow {
	position: relative;
	top: 15px;
	left: 339px;
	opacity: 0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	visibility: hidden;
	height: 25px;
	width: 25px;
}
#enlarge-arrow a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#enlarge-arrow a:hover {
	cursor: pointer;
}
#enlarge-arrow img {
	height: 25px;
	width: 25px;
	border: none;
	outline-width: 0;
}

/*      Print and email icons in upper-right
================================================ */
#link-icons-detail {
	position: absolute;
	top: 0;
	right: 0px;
	width: 150px;
	padding: 0;
	height: 28px;
	text-align: right;
}
#print-tip {
	top: 35px;
	right: 0;
}
#email-tip {
	top: 35px;
	right: 38px;
}

/*      Social buttons inside large pic
           (Facebook LIKE and Pin-It)
=============================================== */
#link-icons-social {
 	position: absolute;
 	top: 320px;
	left: 240px;
}
#like-this {
 	position: absolute;
 	top: 0;
	left: 0; 
	padding: 20px;
}
#pinit-this {
 	position: absolute;
 	top: 0;
	left: 60px;
	padding: 20px;
}
#pinit-this a {
	margin: 0;
	padding: 0;
}