/* ======================================================================== */
/* Name:			Product.css												*/
/* Author:			Derrick Went											*/
/* Date:			19 July 2006											*/
/* Description:		Standard stylesheet for Product Information				*/
/* Client:			Platinum Rings											*/
/* ======================================================================== */

/* ======================= */
/* The Product Detail Form */
/* ======================= */
.ProductDetailsCode
{
	/*border:1px solid blue;*/
	margin: 95px 0 0 210px;
	/*width:180px;*/
}
.ProductDetailsPrice
{
	/*border:1px solid #ffaa44;*/
	/*width:130px;*/
	margin:/*115px*/0 0 0 210px;
}
div.ProductDetailsCode label
{
	font-weight:bold;
	width:90px;
}
div.ProductDetailsPrice label
{
	font-weight:bold;
	width:40px;
}
/*
.ProductDetails ol
{
	border: solid 1px #00bb33;
	padding: 0em;
	margin: 0em;
	width:400px;
}*/

fieldset.ProductDetails
{
	width: 650px;
	height:360px;
	border: solid 1px #999999;
	background-color:#eFeFeF;
	position:relative;
	padding:0 0 0 5px;
	top:20px;
}
fieldset.ProductDetails legend
{
	width:0;
	margin:5px 0 0 -5px;
	padding:0;
	font-size:1.1em;
}

.ProductDetails li 
{

	display: block;
	margin: 0em;
	padding: 0em;
	position:relative;
	text-align: left;
/*
	height: auto !important;
	min-height: 1%;
	max-height: 100%;
	height: 100%;
	width:200px;*/
}

.ProductDetailsDescription {}
.ProductDetailsOverview
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	left: 420px;
	width: 220px;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	position: relative;
	top: 15px;
}
.ProductDetailsOverview h3
{
	font-weight: normal;
	font-style:  normal;
	font-size:  1em;
}
.ProductDetails label
{
	/*display: inline;
	float: left;
	margin: 0;
	/*
	width:520px;
	font-weight: normal;
	font-style:normal;
	font-size:1em;*/
}
fieldset.ProductAttributes 
{
	/*margin: 0 0 0 215px;
	/*padding: 0px;*/
}
fieldset.ProductAttributes li div.ProductDetailsAttributes1 /*Ring Size Fieldset - ProductDetail.asp*/
{
	/*border:1px solid blue;*/
	width:250px;
	margin:0;
	position:relative;
}
select#ProductDetailsAttribute1 /*Ring Size Select Box - ProductDetail.asp*/
{
	/*border:3px solid green;*/
	margin:0;
	position:absolute;
	top:0;
	left:65px;
}
fieldset.ProductAttributes li div.ProductDetailsAttributes1 span.HelpIndicator /*Ring Size Help Indicator - ProductDetail.asp*/
{
	/*border:1px solid red;*/
	width:15px;
	position:absolute;
	top:-2px;
	left:170px;
}
fieldset.ProductAttributes li div.ProductDetailsAttributes3 /*Engraving Fieldset - ProductDetail.asp*/
{
	/*border:1px solid blue;*/
	width:250px;
	margin:10px 0 0 0;
	position:relative;
}
fieldset.ProductAttributes li div.ProductDetailsAttributes3 label /*Engraving Label - ProductDetail.asp*/
{
	/*border:1px solid orange;*/
}
fieldset.ProductAttributes li div.ProductDetailsAttributes3 span.HelpIndicator /*Engraving Help Indicator - ProductDetail.asp*/
{
	/*border:1px solid red;*/
	width:15px;
	position:absolute;
	top:-2px;
	left:220px;
}
.ProductAttributes legend /*Engraving Legend - ProductDetail.asp*/
{
	display: none;
}
#ProductDetailsAttribute2 /*Engraving Input Box - ProductDetail.asp*/
{
	/*border:1px solid green;*/
	margin:0;
	position:absolute;
	top:0;
	left:65px;
}

input.ProductDetailsQuantity 
{
	/*border:1px solid green;*/
	position:absolute;
	top:-13px;
	left:50px;
	margin:0 0 0 20px;
}
label.ProductDetailsQuantityLabel
{
	margin:0 0 0 5px;
	top:-13px;
	position:absolute;
	width:65px;
	/*border:1px solid green;*/
}
#ProductDetailsSpan1
{
	margin:/*175px*/0 0 0 0;
	width:300px;
}
div.ProductDetailsAttributes
{
	margin:/*155px*/0 0 0 207px;
}

/* IMAGES */
/* ====== */
/* IMAGE 1 */
span.ProductDetailsImage1 {border: none; display: block; left: 0px; float: left; position: absolute; top: -60px;}
.ProductDetailsImage1 img {border:1px solid #c0c0c0; width: 200px; /*max-width: 220px; min-width: 220px;*/ margin:0 15px 0 0;}
.ProductDetailsImage1 label {clear: both; display: block; padding-left: .25em; float: none; width: 150px; font-style: normal; font-size:10px; background-color: transparent; text-align: left; border: none;}
/* IMAGE 2 */
span.ProductDetailsImage2 {border: none; display: block; left: 210px; float: left; position: relative; top: -75px;}
.ProductDetailsImage2 img {border:1px solid #c0c0c0; width: 110; height:73px;}
.ProductDetailsImage2 label {clear: both; display: block; /*padding-left: .25em;*/ float: none; width: 150px; font-style: normal; font-size:10px; background-color: transparent; text-align: left; border: none;}
/* IMAGE 3 */
span.ProductDetailsImage3 {border: none; display: block; left: 0px; float: left; position: relative; top: 0px;}
.ProductDetailsImage3 img {border: none; width: 220px; max-width: 220px; min-width: 220px;}
.ProductDetailsImage3 label {clear: both; display: block; padding-left: .25em; float: none; width: 100%; font-style: italic; background-color: transparent; text-align: left; border: none;}
/* ZOOM IMAGES */
/* =========== */
/* ZOOM IMAGE 1 */
span.ProductDetailsZoomImage1 { z-index: 0; border: ridge thick #8c8c8c; display: block; position: absolute; left: 0px; float: none; top: 0px;}
.ProductDetailsZoomImage1 label {clear: both; display: block; padding: 0.25em; float: none; font-style: italic;}
.ProductDetailsZoomImage1 img {border: none; width: 400px; max-width: 400px; min-width: 400px;}

/*
span.ProductDetailsZoomImage1 {border: ridge thick #8c8c8c; display: block; left: 0px; float: none; top: 0px;} 
.ProductDetailsZoomImage1 label {clear: both; display: block; padding: 0.25em; float: none; font-style: italic;}
.ProductDetailsZoomImage1 img {border: none; width: 500px; max-width: 500px; min-width: 500px;}
*/
/* ZOOM IMAGE 2 */
span.ProductDetailsZoomImage2 {z-index: 99; border: ridge thick #8c8c8c; display: block; position: relative; left: 20em; float: none; top: 0px;}
.ProductDetailsZoomImage2 label {clear: both; display: block; padding: 0.25em; float: none; font-style: italic;}
.ProductDetailsZoomImage2 img {border: none; width: 400px; max-width: 400px; min-width: 400px;}
/*
span.ProductDetailsZoomImage2 {border: ridge thick #8c8c8c; display: block; left: 0px; float: none; top: 0px;}
.ProductDetailsZoomImage2 label {clear: both; display: block; padding: 0.25em; float: none; font-style: italic;}
.ProductDetailsZoomImage2 img {border: none; width: 500px; max-width: 500px; min-width: 500px;}
*/
/* ZOOM IMAGE 3 */
span.ProductDetailsZoomImage3 {border: ridge thick #8c8c8c; display: block; left: 0px; float: none; top: 0px;}
.ProductDetailsZoomImage3 label {clear: both; display: block; padding: 0.25em; float: none; font-style: italic;}
.ProductDetailsZoomImage3 img {border: none; width: 500px; max-width: 500px; min-width: 500px;}
/* ===================== */

/*.ProductDetailsAttributes
{
	display: block;
	padding: 0px;
	margin: 0px;
}
.ProductDetailsAttributes label
{
	display: block;
	padding: 0px;
	font-weight: bold;
	float: left;
	margin: 0px;
	text-align: left;
}
.ProductDetailsAttribute
{
	display: block;
	height: 1em;
	line-height: 1em;
}
.ProductDetailsAttributes ol
{
	border: solid 1px green;
	padding: 0em;
	margin: 0em;
} 
.ProductDetailsAttributes li 
{
	border: solid 1px blue;
	display: block;
	margin: 0em;
	padding: 0em;
	position: relative;
	text-align: left;
	min-height: 1%;
	max-height: 100%;
	float:left;/*
	min-width: 1%;
	max-width: 100%;*/
/*	width: 150px;
}
/*
.ProductDetailsAttributes div
{
	display: block;
	padding-left: 4px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	text-align: left;
	height: 1em;
	line-height: 1em;
}
*/
/* ========================== */
/* The Product Summaries Form */
/* ========================== */
.ProductSummariesFieldSet {padding:0; float: left; display: block; margin: 0 0 10px 0; position: relative; width:600px;}
.ProductSummariesLegend {display: none;} 
/* ======================== */
/* The Product Summary Form */
/* ======================== */

/*
.ProductSummaryFieldSet {padding:0; text-align: center; display: block; float: left; margin:0 0 0 30px; width:170px; height:155px; position: relative;}
*/
.ProductSummaryFieldSet {padding:0; text-align: center; display: block; float: left; padding: 10px 0 0 30px; width:170px; position: relative;}

.ProductSummaryLegend {display:none; padding: 0; font-weight: bolder; font-size: larger; position:relative; top:72px; text-align:center; color:#666666;} 
.ProductSummaryDescription {padding: 0px; display: block; position: relative; top: 130px; height:25px; color:#666666;} 
.ProductSummaryOverview {display:none; color:#666666;}
img.ProductSummaryImage {border:1px solid #999999; left: 0px; position: relative; width:140px; margin:0; border:1px solid #c0c0c0;}
.ProductSummaryFieldSet .ButtonBar {text-align: center; position: relative; /*top: .5em; left: 30%;*/}
.ProductSummaryPrice {display: block; font-weight: bolder; padding: 0px; margin:0 0 5px 0; position: relative; top:37px; color:#666666;}
.ProductSummaryPrice label {display: none;}
.ProductSummaryFieldSet div span {/*background-color:#cccccc;*/}
.ProductSummaryFieldSet a {display:block; width:150px; height:100px; /*background-color:#eFeFeF; background-position:10px 0;*/}

/* ========================= */
/* The Product PageInfo Form */
/* ========================= */
.ProductPageInfo {text-align: center; float: left; height: 2em; min-height: 2em; max-height: 2em; width: 100%; padding: 1em;}
.ProductPageInfoExtra {width: 100%;}
.ProductPageInfoThis {font-weight: bold; font-size: 0.75em; line-height: 2em; text-align: center; text-decoration: none; float: left; width: 45%;}

/* ======================= */
/* The Product Sample Form */
/* ======================= */
Fieldset.ProductSample {display: block; width: 630px; height: 300px; border: solid 1px #999999; background-color: #eFeFeF; padding: 2em 1em 1em 1em; }
.ProductSampleLegend {width: 0; margin: 5px 0 0 -5px; padding: 0; font-size: 1.1em; } 
.ProductSample li 
{
	display: block;
	margin: 0em;
	padding: 0em;
	position: relative;
}
.ProductSample ol {height: 270px;}
/*.ProductSample label
{
	font-weight:bold;
	float: left;
	width: 40px;
	display: inline;
	text-align: left;
	font-weight: bold;
border: solid 1px blue;
}
*/
.ProductSampleDescription
{
	display: none;
	visibility: hidden;
} 
.ProductSampleText
{
	margin: 1em 4em 1em 0;
}
.ProductSampleOverview
{
	display: block;
	top: 0px;
	padding-left: 0px;
	left: 0px;
	margin: 3px 1em 3px 0px;
	position: relative;
	background-color: transparent;
	text-align: left;
} 
/*
.ProductSampleDescriptionPara
{
} 
*/
#ProductSampleCode {visibility: hidden; display: none;}
.ProductSampleCode {visibility: hidden; display: none;}
.ProductSampleCode label {visibility: hidden; display: none;}
.ProductSampleExtra
{
	display: block;
	padding-left: 3px;
	margin: 3px 1em 3px 0px;
	height: 1em;
	line-height: 1em;
}
.ProductSampleExtra label
{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	line-height: 1em;
	height: 1em;
	text-align: left;
}
.ProductSampleExtra div
{
	display: block;
	padding-left: 4px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	text-align: left;
	height: 1em;
	line-height: 1em;
}
.ProductSampleAttributes
{
	display: block;
	padding-left: 3px;
	margin: 3px 1em 3px 0px;
	height: 1em;
	line-height: 1em;
}
.ProductSampleAttributes label
{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	line-height: 1em;
	height: 1em;
	text-align: left;
}
.ProductSampleAttribute
{
	display: block;
	height: 1em;
	line-height: 1em;
}
.ProductSampleAttributes div
{
	display: block;
	padding-left: 4px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	text-align: left;
	height: 1em;
	line-height: 1em;
}
.ProductSamplePrice
{
	display: block;
	padding-left: 3px;
	margin: 3px  1em  3px 0px;
	height: 1em;
	line-height: 1em;
	border: solid 1px green;
}
.ProductSamplePrice label
{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	line-height: 1em;
	height: 1em;
	text-align: left;
}
.ProductSamplePrice div
{
	display: block;
	padding-left: 4px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	text-align: left;
	height: 1em;
	line-height: 1em;
}
.ProductSampleUnitOfSale
{
	display: block;
	padding-left: 3px;
	margin: 3px 1em 3px 0px;
	height: 1em;
	line-height: 1em;
}
.ProductSampleUnitOfSale label
{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	line-height: 1em;
	height: 1em;
	text-align: left;
}
.ProductSampleUnitOfSale div
{
	display: block;
	padding-left: 4px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	text-align: left;
	height: 1em;
	line-height: 1em;
}
.ProductSampleQuantity
{
	display: block;
	padding-left: 3px;
	margin: 3px 1em 3px 0px;
	height: 1em;
	line-height: 1em;
}
.ProductSampleQuantity input
{
	width: 30px;
	text-align: right;
}
.ProductSampleQuantity label
{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	line-height: 1em;
	height: 1em;
	text-align: left;
}
.ProductSample li .ProductDetailsAttributes1 label
{
	height: 1.5em; line-height: 1.5em; width: 250px; display: inline; float: left; 
}
.ProductOffer div
{
}
.ProductOffer FieldSet
{
	border-right: blue 1px solid;
	padding-right: 0em;
	border-top: blue 1px solid;
	padding-left: 1em;
	padding-bottom: 1em;
	border-left: blue 1px solid;
	padding-top: 1em;
	border-bottom: blue 1px solid;
	position: static;
	margin: 0em;
}
.ProductOffer Legend
{
	border-right: blue 1px solid;
	padding-right: 2px;
	border-top: blue 1px solid;
	padding-left: 2px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 1px;
	border-left: blue 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: blue;
	padding-top: 1px;
	border-bottom: blue 1px solid;
}
.ProductOffer label
{
}
.ProductOffer input
{
}
/* ======================= */
/* The Product Table	   */
/* ======================= */
.ProductsTable table
{
	border: solid 1px #8C8C8C;
	padding: 0.25em;
} 
.ProductsTable caption
{
	border: solid 1px #8C8C8C;
	padding: 0.25em;
	background-color: #8C8C8C;
} 
.ProductsTable thead
{
	border: solid 1px #8C8C8C;
	padding: 0.25em;
	background-color: #8C8C8C;
	color: White;
	font-weight: bold;
} 
.ProductsTable th
{
	border: solid 1px #8C8C8C;
	padding: 0.25em;
	text-align: center;
} 

.ProductsTable td
{
	border: solid 1px #8C8C8C;
	text-align: center;
} 
.ProductsTable td span
{
} 
.ProductsTableCategory
{
	font-weight: 600;
	writing-mode: tb-rl;
	font-style: italic;
}
.ProductsTable img
{
	border: none;
}