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

/* These styles are for use in the Hoover&Strong product pages */
body {
	padding: 0px;		
	margin: 0px;	
	font-weight: normal;	
	font-size: 10px;
	font-style: normal;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/* Product listing styles (3-across) */

.style_wrapper{
	float: left;
	width: 730px;
}

.style_item{
	float: left;
	width: 230px;
	text-align: center;
	padding: 6px;
}

.style_item_new_row{

}

.style_image{
	height: 135px;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.style_label {
	font-weight: bold;
	color: #003366;
	margin: 0 10px;
}
.style_head {
	height: 30px;
}

.style_price {
	text-align: left;
	float: left;
	width: 170px;
	height: 50px;
	margin: 0 30px;
}
.style_price_label {
	float: left;
	clear: both;
	width: 100px;
}
.style_price_value {
	float: right;
	width: 60px;
	text-align: right;
}
.style_details {
	float: inherit;
	width: 100%;
	height: 100%;
	clear: both;
	text-align: center;
	vertical-align:bottom;
	padding-top: 3px;
	padding-bottom: 3px;
}
.style_new_icon {
	float: left; 
	padding: 15px;
}
.break {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 2px;
	padding-bottom:  2px;
}
hr {
	float: left;
	clear: both;
	width: 100%;
	border: 0;
	color: #d5d2be;
	background-color: #d5d2be;
	height: 1px;
}
.red{ color: #a00;}
.red_border{ border: 2px solid red; }

.pagination_show_all {
	text-align: left;
	float: left;
}

.pagination_pages {
	text-align: right;
	float: right;
}

/* product details styles */
.product_category {
	color: #036;
	font-size: 16px;
	font-family: Georgia;
	padding-bottom: 10px;	
}
.product_label {
	float:left;
	color: #036;
	font-weight: bolder;
	font-size: 14px;
	padding: 3px 10px 0px 0px;
	border-bottom: #d5d2be 1px solid;
	width: 90%;
}
.product_head {
	float:left;
	clear:left;
	font-weight: bold;
	font-size: 12px;
	width: 90%;
}
.product_head_small {
	float:left;
	clear:left;
	font-weight: bold;
	font-size: 10px;
	width: 90%;
}
.product_body {
	float:left;
	clear:left;
	padding-top: 6px;
	width: 530px;
}
.product_icons {
	float:left;
	clear:left;
	padding-top: 6px;
	height: 30px;
	width: 80%;
}
.product_table{
	float:left;
	clear:both;
	padding-top: 6px;
}
.product_table_header{
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	text-align:center;
}

.product_footer{
	float: left;
	width: 100%;
	clear: both;
}

.product_container{
	float:left;
	width:750px;
}
.product_data{
	width: 540px;
	float: left;
	padding-top: 15px;
}
.product_images{
	width: 230px;
	float:right;
	padding-top: 17px;
}
.product_table_line {
	padding-left: 4px;
	padding-right: 4px;
	text-align:right;
}

.product_sidebar{
	width: 230px;
	float: right;
	clear: right;
	padding-top: 17px;
	text-align: left;
}

.sidebar_icon_group .icon{
	float: left;
	width: 40px;
}
.sidebar_icon_group .group_text{
	float: left;
	width: 180px;
}

.prod_image{
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 220px;
}
.schematic {
	width: 222px; 
	height: 399px; 
	padding: 0;
	float: left;
	background-repeat: no-repeat;
}
.round { background-image: url('/catalog_images/diamond_round_diagram.gif'); background-repeat: no-repeat; }
.princess { background-image: url('/catalog_images/diamond_princess_diagram.gif');  background-repeat: no-repeat;}
.emerald { background-image: url('/catalog_images/diamond_emerald_diagram.gif');  background-repeat: no-repeat;}
.marquise { background-image: url('/catalog_images/diamond_marquise_diagram.gif');  background-repeat: no-repeat;}
.oval { background-image: url('/catalog_images/diamond_oval_diagram.gif');  background-repeat: no-repeat;}
.pear { background-image: url('/catalog_images/diamond_pear_diagram.gif');  background-repeat: no-repeat;}
.heart { background-image: url('/catalog_images/diamond_heart_diagram.gif');  background-repeat: no-repeat;}
.asscher { background-image: url('/catalog_images/diamond_asscher_diagram.gif'); background-repeat: no-repeat;}
.cushion { background-image: url('/catalog_images/diamond_cushion_diagram.gif'); background-repeat: no-repeat;}
.radiant { background-image: url('/catalog_images/diamond_radiant_diagram.gif'); background-repeat: no-repeat;}


.image_label { position:relative; z-index: 2; background-color: #fff; text-align: center; }
.width {	left: 104px; 	top:37px; 	width: 52px; 	height: 28px;}
.length { 	left: 60px; 	top: 83px; 	width: 52px; 	height: 28px; }
.table {	left: 77px; 	top:157px; 	width: 65px; 	height: 12px;}
.depth_percent {left: 170px; top:225px; 	width: 52px; 	height: 28px;}
.depth_mm{	left: 7px; 	top:197px; 	width: 52px; 	height: 28px;}
.girdle {	left: 17px; 		top:224px; 	width: 61px; 	height: 43px;}
.culet {	left: 125px; 	top:178px; 	width: 41px; 	height: 28px;}

.harmony {
/*	background: url(/media/image/HarmonyHeartLarge.gif) right top no-repeat;*/
	background: url(/media/image/harmonyMG-large.gif) right top no-repeat;
}

.shapes{
	text-align: center;
	float: left;
	width: 230px;
}
.shapes img {
	padding: 2px;
}
.shapes h4 {
	padding: 0;
	margin-bottom: 0;
	font-size: 10px;
}

.related{
	float: left;
	clear: left;
	text-align: left;
	padding: 10px;
}
.related h4 {
	padding: 0;
	margin-bottom: 0;
	font-size: 10px;
}
.related_item{
	padding: 15px;
	float: left;
	width: 80px;
	vertical-align: bottom;
	text-align: center;
}
.related_item_newline{
	clear: both;
}
.related_img{
	float: left;
	width: 80px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.noimg { background-color: #f00; }
.notype { color: #080; }
.NOTSET{ background-color: #E0DEDA; }
.AU10K{ background-color: #F0EBCD; }
.AU14K{ background-color: #E4DCB5; }
.AU14D{ background-color: #C2C5AA; }
.AU18D{ background-color: #CBC5A9; }
.AU18K { background-color: #D5C4A8; }
.AU22K{ background-color: #B5A282; }
.AU24K{ background-color: #9C855C; }
.PD{ background-color: #DDDED0; }
.PT{ background-color: #C8C8C6; }
.AG { background-color: #C5D1F3; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

a.no_decoration,
a.no_decoration:hover,
a.no_decoration:visited,
a.no_decoration:link{
	color: #000;
	text-decoration: none;
}
.related_link{
	font-size: 8pt; 
	font-weight: normal; 
	padding-bottom: 2px;
}
.non_customer_label{
	font-weight: bold;
	color: #f00;
	padding-left: 200px;
	display: inline;
}
.non_customer_pricing{
	font-size: 12px;
	font-weight: bold;
}
.non_customer_footer{
	font-size: 12px;
	float:left;
	width: 500px;
}

/* Diamond shape popup styles */
.hidden { display: none;}
.shape_popup_container{
	position: absolute;
	top: 101px;
	left: 792px;
	height: 88px;
	width: 230px;
	z-index:10;
}

.shape_popup_frame{
	background-image: url(/product/popup_frame.png);
	background-repeat: no-repeat;
	position: relative;
	height: 100px;
	width: 170px;
	z-index:15;
	top: 0;
	left: 0; 
}

.shape_popup{
	z-index:20;
	padding: 8px 18px 28px 8px;
	font-size: 9px;
	position: absolute;
	height: 64px;
	width: 144px;
}
.popup{
	cursor: default;
}

label.calculator{
	float: left;
	width: 100px;
}
div.calculator{
	float: left;
	clear: left;
	height: 22px;
	width: 100%;
}
label.markets{
	float: left;
	width: 65px;
}
input.markets{
	text-align: right;
	font-size: 10px;
}
div.markets{
	float:left;
	clear:left;
	height:19px;
	width: 185px;
}
span.calculator{
	float: left;
	clear: left;
	display:block;
	width: 100px;
}
div.calculator input,
div.calculator select{
	font-size: 10px;
	display: inline;
}
div.calculator_border{
	float:left;
	border: 1px solid black;
	padding: 5px;
	margin: 3px 0 0 0;
}
div.calculator_results,
div.calculator_form {
	background-color: #E6E5E1;
	float: left;
	padding: 8px;
	width: 540px;	
}
div.calculator_results h3,
div.calculator_form h3{
	font-size:11px;
	color: #5C7288;
}
div.calculator_results h3{ margin: 0;}
div.calculator_markets{
	float: left;
	width: 200px;
}
div.calculator_markets th {
	text-align: left;
}
div.calculator_markets td {
	text-align: right;
	padding-left: 15px;
	padding-right: 25px;
}
span#error{
	margin:2px;
	padding:2px 4px;
	border: 1px solid black;
	background-color: #CEBE8D;
	color: #d00;
}

@media print{

.product_data {
	width: 350px;
	padding-top: 0;
}
.product_images {
	padding-top: 0;
}
.product_label {
	background-color: #FFF;
	color: #000;
}
.product_body {
	width: 325px;
}

.product_table td {
	background-color: #FFF;
}
.product_container {
	width: 100%;
}

#middle_heading, #middle_heading ul{
	display:none;
	height: 0;
}
#middle_search, #middle_heading form{
	display:none;
	height: 0;
}
#bread_crumbs, #bread_crumbs a {
	display:none;
	height: 0;
}

}