body
	{	
		padding: 0px;
		margin-top: 5px 0px 0px 0px;
		text-align:center;
		font-size: 11px;
		font-family: Verdana, sans-serif;
		color: #666666;
		line-height:1.4;
	}
@font-face {
font-family: 'bernhard';
src: url('fonts/bernfash-webfont.eot');
src: url('fonts/bernfash-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/bernfash-webfont.woff') format('woff'),
	 url('fonts/bernfash-webfont.ttf') format('truetype'),
	 url('fonts/bernfash-webfont.svg#bernhardfashion_btregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'alex';
src: url('fonts/AlexBrush-Regular.eot');
src: url('fonts/AlexBrush-Regular.eot?#iefix') format('embedded-opentype'),
	 url('fonts/AlexBrush-Regular.woff') format('woff'),
	 url('fonts/AlexBrush-Regular.ttf') format('truetype'),
	 url('fonts/AlexBrush-Regular.svg#AlexBrush-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
.alex {
font-family: alex;
font-size:18px;
}
.bernhard 
{
font-family: bernhard;
font-size:32px;
text-shadow: 1px 1px #ccc;
color:#666666
}
.bernhardsmall 
{
font-family: bernhard;
font-size:24px;
text-shadow: 1px 1px #ccc;
color:#666666;
font-weight:normal;
}
.bernhard_h2
{
font-family: bernhard;
font-size:24px;
text-shadow: 1px 1px #ccc;
color:#666666;
font-weight:normal;
}
.bernhard_h2 a
{
font-size:24px;
text-decoration:none
}
.bernhard_h2 a:hover
{
font-size:24px;
text-decoration:none;
font-weight:normal
}

.bernhardsmall:hover
{
font-family: bernhard;
font-size:24px;
text-shadow: 1px 1px #ccc;
color:#666666;
text-decoration:none;
font-weight:normal;
}
.black
	{
		color:#000; 
	}
.hidden 
	{
		display: none;
	}
.center
	{
		text-align: center;
	}
.left
	{
		text-align: left;
	}
.right
	{
		text-align: right;
	}
#wrapper	
	{
		width: 960px;
		background-color: #FFF;
		color: #666;
		position: relative;
		margin:0 auto;
		text-align:left;
	}
.header
	{
		margin:0 auto;
		text-align:left;
	}
#header #image
	{
		float:left; width:200px;
	}
#header #search
	{
		margin-left:200px;text-align:right;padding:0;margin:0;margin-bottom:-10px
	}
#header #menu
{
	z-index:2;
}
#header .clearboth
{
	padding-bottom:2px
}
#header #search form
	{
	margin: 0;
	padding: 0;
	}
#header #search input
    {
	font-size:85%;font-family: inherit; border: 1px solid #CCC;	
	}
#content
	{
		padding: 30px;
		margin: 0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		min-height:390px;
		height:auto !important;
		height: 390px;
		zoom: 1;
		overflow-y:auto;
		overflow-x:hidden
	}
#contenthome
	{
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		zoom: 1;
	}
#hometop
	{
	height:564px;
	width:960px;
	background-image: url(../engagement-rings/vintage-engagement-rings.jpg);
	margin-bottom:20px;
	background-repeat:no-repeat;
	position:relative;
	}	
#hometopright
{
	position:absolute;
	right:40px;
	top:30px;
	height:130px;
	width:300px;
	background:rgb(97,103,102);
    background: transparent\9;
	background-color:rgba(97,103,102,0.55);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c616766,endColorstr=#8c616766);
    zoom: 1;
	padding:15px;
}
#hometopright:nth-child(n) {
    filter: none;
}
.whitetext {
	color:white; 
	text-align:justify;
}
a:visited.whitetext {
color: white;	
}
.homecontainer{
	margin-bottom:30px;
}
.homeleft1{
	padding-right:25px;
	float:left;
	width:500px;
	text-align:justify;
	}
.homeright1{
	float:right;
}
.homeleft2{
	float:left;
	width:400px;
	text-align:justify;
	}
.homeright2{
	float:right;
}
.homereview{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding: 30px;
background-color: #955251;
color: #FFF;
margin-bottom:30px;
}
.homewarranty {
text-align:justify;
padding:30px;
margin-top:30px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
#footer
	{
		margin:0 auto;
		text-align:left;
	}
#footer #dyifoot
	{
		width: 700px;
		float:left;
		border-right:1px solid #CCC;
	}




#footer #bbb
	{
		width:250px;
		float:right;
	}
#footer #liveperson
	{
		
		float: right;
		width: 176px;
	}
.scrollbars {
		height:385px;
		overflow:auto;
}

.scrollbars2 {
		height:430px;
		overflow:auto;
}

.scrollbars3 {
		height:405px;
		overflow:auto;
}

.scrollbars4 {
		height:300px;
		overflow:auto;
}

hr  {
		COLOR: #CCCCCC;
	}
.thumbnail
	{
		width:22%;
		float:left;
		padding: 10px;
		text-align:center;
	}
.thumbnail img
	{
	 	position: relative;
	}
.thumbnail span {
		float: right;
		margin-right: 20px;
		margin-top: -10px;
  		width: 20px;
}
.thumbnail .imagewrap
	{
		height: 75px;
		overflow:hidden;
	}
.clearboth 
	{ 
		clear: both;
	}
.clearfoot 
	{ 
		height: 15px;
		line-height: 15px;
	}
p
	{
		padding: 0px;
		margin: 0px;
		color: #666666;
	}
h1
	{
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		color:#000;
	}
h2
	{
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		color:#000;
	}
h2 a:hover
	{
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		color:#000;
	}
h4
{
		color: #000;
}	
/*Navigation top*/
#nav
{
/* container */
width: 100em;
color: #666;
outline: none;
padding: 0px;
font-size: 11px;
font-family: Verdana,sans-serif;
padding-left:3%;
margin-top:-4px;
z-index:100;
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
}

/* first level */

#nav > ul
{
height: .7em;
list-style: none;
z-index:2;
padding: 0px;
z-index:100;
}
#nav > ul > li
{
height: 100%;
float: left;
z-index:2;
padding-bottom:11px;
z-index:100;
}
#nav > ul > li > a
{
text-decoration: none;
color: #666;
}

/* second level */

#nav li ul
{
display: none;
position: absolute;
top: 100%;
list-style: none;
background-color:white;
padding: 0px;
border: 1px solid #CCC;
width:93%;
padding:5px;
padding-top:2px;
z-index:100;
}
#nav li ul li
{
padding-top:4px;
padding-bottom:4px;
margin-left:7px;
z-index:100;
}
#nav li ul a
{
text-decoration: none;
color: #666;
font-size:10px;
}
#nav li:hover ul
{
display: block;
z-index:100;
}
#nav li ul a:hover
{
font-weight:bold;
color:black;
}

@media only screen and ( max-width: 40em ) /* 640 */
{
#nav
{
position: relative;
}
#nav > a
{
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: block;
}

/* first level */

#nav > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav:target > ul
{
display: block;
}
#nav > ul > li
{
width: 100%;
float: none;

}

/* second level */

#nav li ul
{
position: static;
}
}

/*Navigation Bottom*/
/*Navigation top*/
#nav2
{
/* container */
width: 100em;
color: #666;
outline: none;
padding: 0px;
font-size: 11px;
font-family: Verdana,sans-serif;
padding-left:3%;
margin-top:-15px;
padding-bottom:20px;
}
#nav2 > a
{
display: none;
}
#nav2 li
{
position: relative;
}

/* first level */

#nav2 > ul
{
list-style: none;
z-index:2;
padding: 0px;
line-height: 1;
}
#nav2 > ul > li
{
height: 100%;
float: left;
z-index:2;
padding-top:11px;
}
#nav2 > ul > li > a
{
text-decoration: none;
color: #666;
}

/* second level */

#nav2 li ul
{
display: none;
position: absolute;
top: 100%;
list-style: none;
background-color:white;
border: 1px solid #CCC;
width:93%;
padding:5px;
padding-top:2px;
}
#nav2 li ul li
{
padding-top:4px;
padding-bottom:4px;
margin-left:7px;
}
#nav2 li ul a
{
text-decoration: none;
color: #666;
font-size:10px;
}
#nav2 li:hover ul
{
display: block;
}
#nav2 li ul a:hover
{
font-weight:bold;
color:black;
}

@media only screen and ( max-width: 40em ) /* 640 */
{
#nav2
{
position: relative;
}
#nav2 > a
{
}
#nav2:not( :target ) > a:first-of-type,
#nav2:target > a:last-of-type
{
display: block;
}

/* first level */

#nav2 > ul
{

height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav2:target > ul
{
display: block;
}
#nav2 > ul > li
{
width: 100%;
float: none;
}

/* second level */

#nav2 li ul
{
position: static;
}
}


/*SQUIRRELCART*/



.stat_table {
	border: black solid 1px;
}
.stat_top_row {
	background-color: #B4B9D2;
	color: black;
	font-weight: bold;
}
.stat_top_td {
	border-bottom: solid black 1px;
}
.stat_td {
	border-bottom: silver solid 1px;
}
.stat_td_alternate {
	border-bottom: silver solid 1px;
	background-color: #F1F3F9;
}

.nav_block {
	width: 155px;
	border: black solid 1px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.nav_block div.nav_block_title {
	background-color: #B4B9D2;
	color: black;
	font-weight: bold;
	border-bottom: black solid 1px;
	padding: 3px;
	margin-bottom: 10px;
}
.nav_block div.nav_block_content {
	border-bottom: silver solid 1px;
/*	margin-left: 10px;
	margin-right: 10px;
*/
	padding-left: 5px;
	padding-right: 5px;

	padding-bottom: 10px;
}




.nav_link_container {
}

.nav_link_container ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

.nav_link_container a {
	display: block;
	padding: 2px;
}

/* width here is only for IE's benefit :( */
* html .nav_link_container a {
	width: 100%;
}

.nav_link_container a:link,
.nav_link_container a:visited {
	color: blue;
	text-decoration: none;
}

.nav_link_container a:hover {
	background-color: #dfdfdf;
}

.nav_link_container a.selected {
	font-weight: bold;
	color: blue;
}

/* a little spacing above and below the links in the Account Options block */
.acct_options div.nav_link_container {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* fix margins for best sellers ol */
.best_sellers ol {
	margin: 0px;
	padding-left: 27px;
	text-align: left;
}

.best_sellers ol li {
	vertical-align: top;
	margin-bottom: 5px;
}


/* move the links a little closer to the bullets */
.best_sellers a {
	position: relative;
	left: -5px;
}

/* fix alignment of text with numbered bullet for IE only */
* html .best_sellers a {
	position: relative;
	top: -2px;
}

/* table that contains subcategory links, below category detail */
.subcategory_table {
width: 100%;
}

.subcategory_table td {
	text-align:center;
}

/* vertical align elements with form fields, labels, etc... */
.valign_middle span,
.valign_middle a,
.valign_middle img,
.valign_middle input,
.valign_middle select {
	vertical-align: middle;
}

/* drop shadow div */
.drop_shadow {
	height: 10px;
	background-repeat: repeat-x;
}

/* content boxes (used on a <td> by deafult) */
.content {
	background-color: white; 
	width: 100%;
	margin-left: 10px; 
	border: gray solid 1px;
	padding: 7px;
	text-align: center;
}

.header {
	font-size: 20px; 
	text-align: left;
}

/* header div for certain sections of content, "Best Seller","Product Catalog", etc... */
.header2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #CED1E0;
	padding: 2px;
	border: gray solid 1px
}

/* links inside header2 */
.header2 a {
	text-decoration: none;
	color: navy;
}

.tiny_gray {
	color: gray;
	font-size: 7pt;
}

.small_link {
	font-size: 7pt;
	font-weight: normal;
}

.cat_popup {
	font-size: 7pt;
	font-weight: normal;
}



/**********************************************************************************
	Bread Crumb and Page navigation
**********************************************************************************/	
/* this is for the div that surrounds all the links */
.bread_crumb_nav {
	width: 100%;
	text-align: center;
}
/* this is for the link */
.bread_crumb_link {
	font-family: Verdana;
	font-size: 9px 
}
A.bread_crumb_link:hover
{
	font-family: Verdana;
	font-size: 9px 
}

/* the div surrounding the entire page nav */
.page_nav_div {
	text-align: center;
}

/* controls the spacing between the links */
.page_nav_spacing {
	padding-left: 5px;
	padding-right: 5px;
}

/* the current page number */
.page_nav_div .page_nav_current {
	color: #CCCCCC;
}

/* page links */
.page_nav_div a
,.page_nav_div a:visited
{
	text-decoration: none;
	color: #666666;
}

.page_nav_div a:hover
{
	color: #000000;
}

/* a disabled link */
.page_nav_disabled {
	color: #CCCCCC;
}


/**********************************************************************************
	Messages to customer
**********************************************************************************/
/* this is usually used for error messages */
.action_msg {
	color: red;
	font-weight: bold;
}

/* instruction message to customer */
.cart_instruction { 
	font-size: 10pt; 
	margin-bottom: 10px;
}

/* this is for the image of either a hand OR a balloon, and aligns it vertically with the msg text */
.cart_instruction img {
	vertical-align: middle;
}

/* add to cart error messages (div) */
.add_cart_errors {
	margin-top: 10px;
	color: red;
	text-align: center;
}

/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg {
	margin-top: 5px;
	color: blue;
	font-weight: bold;
}




/**********************************************************************************
	Category links in the "Product Catalog" nav block
**********************************************************************************/
/* this is for text inside the anchor for selected categories, and for parents that are expanded */
.cat_links .expanded .parent a
{
	font-weight: bold;
	color: blue;
	background-color: #dfdfdf;
	/*width: 100%;*/
}

/* this is the div surrounding an expanded parent and its children */
.cat_links .expanded
{
	border: silver solid 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 100%;
}

/* this is the div surrounding the expanded parent only */
.cat_links .expanded .parent {
	border-bottom: silver solid 1px;
	padding: 2px;
}

/* this is the div inside a parent category that contains the sub cats */
.cat_links .expanded .children {
	padding: 2px;
}



/**********************************************************************************
	Discount related styles
**********************************************************************************/
/* name of discount when it is advertised */
.discount_name {
	font-style: italic;
	text-align: left;
	font-weight: bold;
	margin-bottom: 4px;
}

/* image for discount when advertised */
.discount_image {
	float: left;
}

/* description of discount when advertised */
.discount_description {
	vertical-align: middle;
	text-align: left;
}

.discount_description .image_div {
	float: left;
}

/* hide margin from IE */
.discount_description>.image_div {
	margin-right: 10px;
}

.discount_conditions, .discount_product_link {
	color: gray;
	font-style: italic;
}
.discount_separator {height: 20px}

.coupon {
	border: black dashed 1px;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	width: 75%;
}
.coupon_code_field {
	width: 150px; margin: 8px 
}




/*****************************************************************
	Styles below are for product options...
	They control the way the options appear when viewing a product
******************************************************************/
/* table containing all options */
.options table {
	 margin-left: -3px; 
	/* margin-right: auto; */
}

/* keeps option rows evenly spaced vertically */
.options td {
	height: 10px; 
}

/*	This is a break that appears below textarea/radio options, to maintain spacing
	by default, it should be half of the height for the style immediately above this - ".options td" 
*/
.options .extra_br {
	height: 7px;
}

/* 1st td inside options table...contains instruction for selecting option */
.options .instruction {
	font-size: 7pt;
	text-align: left;
	vertical-align: middle;
}

/* 2nd td inside options table...contains actual form field */
.options .field {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
}


/* Custom Detail Link ... defaults to (details) */
.options .custom_detail_link {
	font-size: 7pt;
}

.options select {
	font-size: 7pt;
	vertical-align: middle;
}	

.options img {

	vertical-align: middle;
}

.options span {
	vertical-align: middle;
}

.options input {
	vertical-align: middle;
}

.options textarea {
}

/* this is for the div surrounding the radio options */
.options .radios {
	line-height: 170%;
}

/* below aligns radio buttons and checkboxes to the left, for IE only */
.radios input,
.options .checkbox {
	margin-left: -3px;
}

/* below aligns radio buttons and checkboxes to the left, for all but IE */
.radios>input,
.checkbox_span>.checkbox {
	margin-left: 0px;
}	



/***********************************************************************
	Styles below are for the product option detail page, 
	which opens when you click a link near an option for more detail
***********************************************************************/
.option_detail_body {
	background-color: #ffffff;
	font-size: 11px;
	margin: 5px
}

/* div that surrounds the entire content, directly inside <body>*/
.option_detail_div {
	text-align: left;
}

/* this is the div that surrounds the detail for the option itself */
.option_detail_div .option_detail {
}

/* this is the div that surrounds the name (or image of name) for the option */
.option_detail_div .product_section {
	text-align: center;
	padding-bottom: 0px;
}

/* image for option */
.option_detail .option_img {
	float: left;
}

/* DIV separating option and choices */
.option_detail_div .separator {
	clear: left;
	height: 10px;
}


/* table cell containing a single choice */
.option_detail_div .choices_table td {
	padding: 2px;
}


/* table containing choices for this option */
.option_detail_div .choices_table {
	width: 100%;
	background-color: lightblue;
}

/* name of choice */
.choices_table .choice_name {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.choices_table .choice_price {
	text-align: center;
}

/* DIV surrounding a choice's image */
.choices_table .choice_img_div {
	float: left;
}

/* description of choice */
.choices_table .choice_description {
	vertical-align: top;
	text-align: left;
}

.choices_table .single_choice_table {
	border: silver solid 1px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}



/******************************************************************
	Styles below are for the best sellers nav block
******************************************************************/
#best_sellers_table td {
	height: 40px;
	vertical-align: top;
}




/******************************************************************
	Styles below are for the cart options (advanced) nav block
******************************************************************/
/* table containing cart breakdown...IE doesn't like the width on this, so the > trick is used to exclude IE */
div.nav_block_content>#cart_options_advanced {
	width: 100%;
}

/* controls all td (table cells) */
#cart_options_advanced td {
	font-family: Arial;
	font-size: 9px;
}

/* controls the TD in the first row */
#cart_options_advanced .header_row_td {
	padding-bottom: 5px;
}

/* the td that contains the qty */
#cart_options_advanced .qty_td {
	text-align: left;
}

/* the td that contains the name of the item */
#cart_options_advanced .name_td {
	text-align: left;
	white-space: nowrap;
}

/* the td that contains the price of the item */
#cart_options_advanced .total_td {
	text-align: right;
}

/* controls the TD in the first row */
#cart_options_advanced .footer_row_td {
	text-align: right; 
	border-top: silver solid 1px;
	padding-top: 5px;
}

/* keep links from looking visited */
#cart_options_advanced a, 
#cart_options_advanced a:visited {
	text-decoration: underline;
	color: blue;
}



/******************************************************************
	Styles below are for the Account Choice page
******************************************************************/
/* login form on account choice page */
.account_choice_form {
}

/* table containing login fields */
.account_choice_form .login_table{
	margin-top: 10px;
}

/* username and password fields */
.account_choice_form .login_field {
	width: 120px;
}

.account_choice_form input {
	vertical-align: middle;
}

/* login button */
.account_choice_form .submit {
	font-size: 10px;
	width: 70px;
}

/* div containing text right below images for each choice..slightly larger than normal */
.sub_heading {
	font-size: 13px;
	text-align: center;
}

/* secondary text on page...field labels also use this */
.account_choice_form .small_text 
{
	color: gray;
}

/* table td that contains field labels */
.account_choice_form .field_label_td {
	text-align: right;
}

/* table td that contains fields */
.account_choice_form .field_td {
	text-align: left;
}






/******************************************************************
	Styles below are for the Address Form
******************************************************************/
/* Div surrounding form */
.address_form {
}

/* header above each section of fields */
.address_form_header {
	margin-bottom: 10px;
	padding-left: 5px; padding-right: 10px;
}

/* fieldset surrounding each set of fields */
.address_form fieldset {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}


/* table containing labels & fields*/
.address_form table {
	margin-left: auto;
	margin-right: auto;
}

/* fieldset properties hidden from IE :) */
.address_form_trick_ie>fieldset {
	-moz-border-radius: 6px 6px 6px 6px;
	border: solid silver 1px;
}

/* required and missing field indicator message */
.address_form .required_field_indicator {
	float: right;
	padding-top: 12px;
}

.address_form .required_field_indicator img
,.address_form .required_field_indicator span {
	vertical-align: middle;
}

/* td containing label for form field */
.address_form .field_label_td {
	text-align: right;
}

/* image inside field label td...usually the req. field indicator */
.address_form .field_label_td img
,.address_form .field_label_td span 
,.address_form .field_td img 
,.address_form .field_td select {
	vertical-align: middle;
}

/* td containing form field */
.address_form .field_td {
	text-align: left;
}

/* inputs */
.address_form .text_input {
	width: 250px;
}






/******************************************************************
	Styles below are for the Checkout
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table {
	width: 100%;
	border: black solid 1px;
}

/* address blocks (table) */
.address_block {
	border: black solid 1px;
	height: 75px;
	width: 130px;
}

/* address block TDs */
.address_block td{
	text-align: left;
	white-space: nowrap;
}

/* tracking number DIV inside address block */
.address_block .tracking_number {
	margin-top: 4px;
	text-align: center;
}

/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row
 {
	font-weight: bold;
 	height: 22px;
 	background-color: #B4B9D2;
}

/* row that contains an item */
.checkout_table .item_row td {
	vertical-align: top;
}

/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td
{
 	border-bottom: black solid 1px;
}


/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
	text-align: left;
	padding-left: 0px;
}

/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2,
.checkout_table .header_row .td_3,
.checkout_table .header_row .td_4
{
	text-align: right;
	padding-right: 4px;
}

/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1 
{
	/* width: 55%; */
}

/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2 

{
	/* width: 25%; */
	text-align:right;
	line-height: 150%;
}

.checkout_table .item_row .td_2W {
line-height: 175%;	
font-size: 7pt;
}

/* 3rd column in table */

.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3 
{
	/* width: 9%; */
	text-align:right;
	line-height: 150%;
}

/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4 
{
	/* width: 11%; */
	text-align:right;
}


/* 1st td in item row */
.checkout_table .item_row .td_1 {
	height: 100px;
}

/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2
{
	border-right: silver solid 1px;
}

/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td
{
	padding-right: 4px;
}


/* td inside qty row */
.checkout_table .qty_row td{
 	border-bottom: silver solid 1px;
 	border-top: silver solid 1px;
 	text-align: right;
	background-color: #f1f3f9;
}

/* payment method TD in footer row */
.checkout_table .footer_row .pay_method {
	vertical-align: bottom;
	padding: 4px;
}

/* quantity field & label */
.qty_row input,
.qty_row span
{
 	vertical-align: middle;
}

/* div containing thumbnail of product */
.checkout_table .product {
	padding: 4px;
	width: 100%;
}

/* all tds in product table */
.checkout_table td {
	text-align: left;
}

/* td for product name */
.checkout_table .prod_name {
	margin-bottom: 5px;
	padding: 2px;
}

/* div for product image */
.checkout_table .product .prod_img {
	margin: 4px;
	float: left;
}


/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
	padding-top: 4px;
}

/* div for savings info for item */
.checkout_table .savings_info {
	margin-top: 4px;
	margin-bottom: 4px;
	font-style: italic;
	clear: left;
}



/***************************************************************
	Styles below are for the checkout progress indicator
	above checkout form..."Step 1, Step 2, etc..."
***************************************************************/
/* table that contains the progress links */
.checkout_progress {
}

/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
	color: green;
	text-decoration: none;
	vertical-align: middle;
}
.checkout_progress a:hover {
	color: green;	
	text-decoration: underline;
}

.checkout_step_pending {
	color: silver;
	font-size: 10pt;
}
.checkout_step_active {
	font-size: 10pt;	
	color: blue;
	font-weight: bold;
	font-style: italic;
}
.checkout_step_done {
	color: green;
	font-size: 10pt;
}
.checkout_step_pending,
.checkout_step_active,
.checkout_step_done {
	width: 20%;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial;
}
.checkout_step_active .checkout_step_num {
	font-style: italic;
}



/************************************************************************************
	Form field styles
************************************************************************************/
/* for incomplete fields */
.error_field,
.error_field_radios {
	background-color: #ff6767;
}
/* border around incomplete radio button fields */
.error_field_radios {
	border: gray solid 1px;
	padding-left: 2px;
}

/* readonly text input fields */
.readonly {
	background-color: silver;
}

input, select {
	font-size: 11px;
}


	
/**********************************************************************************
	Styles for the Product Detail page (shown when a thumbnail is clicked)
**********************************************************************************/
/* surrounds the product description and image */
.product_description {
	text-align: left;
	vertical-align: top;
	width: 100%;
}
	
/* surrounds the entire product detail area */
.product_display {
	text-align: center;
}

.product_name {
	color: black;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

/* header for sections (Discounts, Buy Now, etc...) */
.product_section {
	text-align: left;
	color: blue;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	


/***********************************************************************************
	Styles for the Product Thumbnail
***********************************************************************************/
.product_price 
{
	FONT-SIZE: 13px; 
	FONT-FAMILY: Verdana; 
	font-weight:bold;
	text-align:left;
	color:#333;
}
.product_thumbnail a
{
	text-decoration:none;
}

	



/*****************************************************************************
	Styles for UPS tracking form
*****************************************************************************/
.ups_window {
	border: black solid 1px;
	width: 100%;
}
.ups_window_header {
	background-color: #804000;
	height: 30px;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}

	


	
/*************************************************************************
	The following styles control the appearance of HTML order emails
*************************************************************************/

.order_email_body {
	background-color: #ffffff;
}

/* DIV surrounding HTML emails */
.order_email_htm {
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
	font-size: 10pt;
	width: 100%;
}
.order_email_htm .header {
	margin-bottom: 5px;
}



/****************************************************************************
	Styles for fedex tracking results 
****************************************************************************/

/* body tag for fedex tracking */
.fedex_track_body {
	background-color: white;
}

/* table surrounding results */
.fedex_track_table {
	width: 100%;
}

/* other individual tables inside main one */
.fedex_track {
	border: black solid 1px;
	width: 100%;
}

.fedex_track td {
	text-align: left;
}

.fedex_track .header_row {
	background-color: #660099;
	color: white;
	padding: 4px;
}

.fedex_track .scantd {
	border-bottom: black solid 1px;
}
.fedex_track .scantd_alt {
	border-bottom: black solid 1px;
	background-color: #F1F3F9;
}



/***********************************
	Styles for diag mode window
***********************************/
.diag {
	padding: 8px;
	width: 100%;
	text-align: left;
	font-size: 8pt;
	border: gray solid 1px;
	background-color: #F5F5F5;
}
.diag_true {
	color: green;
}
.diag_false {
	color: red;
}
.diag_code {
	margin-left: 6px; 
	margin-right: 6px; 
	margin-top: 4px; 
	margin-bottom: 10px; 
	font-family: Verdana; 
	background-color: silver;
}
.diag_discount {
	margin-left: 6px; 
	margin-bottom: 10px; 
	padding: 2px; 
	padding-bottom: 10px; 
	background-color:#E8E8E8;
}
.diag_discount_name {
	text-decoration:underline; 
	margin-bottom: 2px;
}
a img {
border: none;
}
.nav_box_table td {
	text-align: center;
}
.linkcell {
	PADDING-LEFT: 11px; FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-FAMILY: Verdana;
}
.category_name {
	FONT-SIZE: 16px; FONT-FAMILY: Verdana; color:#000; font-weight:bold; text-align:left;
}
.heading_medium {
	FONT-SIZE: 13px; FONT-FAMILY: Verdana; font-weight:bold;
}
.heading_medium_link {
	FONT-SIZE: 13px; FONT-FAMILY: Verdana; font-weight:bold;
}
.heading_medium_link:hover {
	FONT-SIZE: 13px; COLOR: #9C4949; FONT-FAMILY: Verdana; font-weight:bold;
}
.category_name_small {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana; font-weight:bold; text-align:left;
}
.table_include_product_no_center_price {
	FONT-SIZE: 9px; FONT-FAMILY: Verdana; text-align:left;
}

A.wishlist {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.wishlist:hover {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana;
}

A.playvideo {
	FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.playvideo:hover {
	FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.dyi {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.dyi:hover {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana;
}
a {
	text-decoration: underline;
	color:#000000;  
}
a:hover {
	font-weight:normal
}
a:visited {
	color:#000000;
}
A.menu {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana;
}
A.menu:hover {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.menu2 {
	FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: Verdana;
}
A.menu2:hover {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana;
}
A.large 
	{
		FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana; font-weight:bold
	}
A.large:hover 
	{
		FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana; font-weight:bold
	}
TD 
	{
		FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial;
	}
.linkcell 
	{
		PADDING-LEFT: 11px; FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-FAMILY: Verdana;
	}
.category_name 
	{
		FONT-SIZE: 16px; FONT-FAMILY: Verdana; font-weight:bold; text-align:left;
	}
.heading_medium 
	{
		FONT-SIZE: 14px; FONT-FAMILY: Verdana; font-weight:bold; color:#000
	}
.heading_medium_link 
	{
		FONT-SIZE: 13px; FONT-FAMILY: Verdana; font-weight:bold;
	}
.heading_medium_link:hover 
	{
		FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana; font-weight:bold;
	}
.category_name_small 
	{
		FONT-SIZE: 12px; FONT-FAMILY: Verdana; font-weight:bold; text-align:left;
	}
.table_include_product_no_center_price 
	{
		FONT-SIZE: 9px; FONT-FAMILY: Verdana;
	}
.product_content
	{
	height:410px
	}
.product_left
	{
	float:left; 
	width:49%; 
	text-align:center; 
	padding: 0px; 
	margin: 0px;
	}
.product_info_labels
	{
	width:160px; 
	float:left;
	text-align:left;
	padding: 1px;
	}
.product_info_values
	{
	margin-left: 160px;
	text-align:left;
	padding: 1px;
	}
.product_info_values2
	{
	float:left;
	width:130px;
	text-align:left;
	padding: 1px;
	}
.product_info_labels2
	{
	width:170px; 
	float:left;
	text-align:left;
	padding: 1px;
	}
.product_info_values3
	{
	float: right;
	text-align:right;
	width:150px;
	padding: 1px;
	}
.product_info_values4
	{
	float:right;
	width:180px;
	text-align:right;
	padding: 1px;
	}
.floatleft { 
	text-align: center;
    float: left; 
    margin: 5px;
	width:280px;
}
.floatright { 
	text-align: center;
    margin-left: 430px;
	width:420px;
}
.txtonimageleft {
	margin-left: 280px;
	margin-top: 10px;
	width: 580px;
	color: #666666;
}
.txtonimageright {
	float: left;
	width: 430px;
	color: #666666;
}


/* Light Box */


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900000;
	width: 100%;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { 
	border: none; 
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border:1px solid #CCC;
	padding: 0px;
}
#lightbox-container-image { padding: 0px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 10px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display:none
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 12px Verdana;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 15px; 
	color: #000; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 95%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption {
font-weight:normal}
#lightbox-image-details-currentNumber { 
	clear: left; 
	padding-bottom: 1.0em;	
	display:none
}		
#lightbox-secNav-btnClose {
width: 10%;
text-align:right;
float: right;
margin-right:15px;
}
#lightbox-image {
	margin-top:0px
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px #CCC solid;
}

ul.navigation li {
    display: inline;
	padding:5px;
	margin-left: 15px;
}

ul.navigation a {
	font-size: 11px;
    padding: 4px;
    color: #666;
	outline: none;
    text-decoration: none;
	
}

ul.navigation a:hover {
	color:#000;
    font-weight:bold;
	text-decoration: none;

}

ul.navigation a.selected {
	color:#000;
	font-weight:bold;
}

ul.navigation a.focus {
    outline: none;
	font-weight:bold;
	
}

.scrollButtons {
	display: none;
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.hide {
    display: none;
}
.strongblack {
	color:#000;
	font-weight:bold;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	font-size:11px;
}

h3 a:hover{
	text-decoration:none;
}

h3 a:focus{
	font-weight:bold;
}
.pics {
width:100%;
z-index:0; 
min-height:270px;
height:auto!important;
height:270px;
display:none;
}

.pics img {
border:1px solid #CCC;	
display:block;
margin:auto;
}

#slideshow, #slideshow div { width: 100%; margin: auto; }
#slideshow div img { border:1px solid #CCC;	
display:block;
margin:auto;
 }

.extratitle {
	background-color: #CCC;
	padding: 3px
}

.display_all a{
		
}
.display_all a:hover {
	color:#000;
    font-weight:bold;
	text-decoration: none;

}

.uniquelist li{
padding:5px;	
}

.product_info h2 {
	background:#FFF;
	margin:0;
	padding:5px 0px;
	font-size:14px;
	font-weight:bold;
	/*border-bottom:1px solid #ccc;*/
}

.product_info h2.current {
	cursor:default;
	background-color:#fff;
	color:#000;
}

/* accordion pane */
.product_info .pane {
	padding:5px;
	color:#666;
	font-size:11px;
}

.product_info .pane2 {
	padding:20px;
	padding-top:5px;
	color:#666;
	font-size:11px;
	text-align:justify;
	background-color:#F8F8F8
}

.product_info .pane a{
	text-decoration:underline;
	color:#666;
}

.product_info .pane a:hover{
	font-weight:normal;
	color:#000
}

#accordion {
	background:#FFF;
	width: 100%;
}

/* accordion header */
#accordion h2 {
	background:#FFF;
	margin:0;
	padding:5px 0px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	cursor:pointer;	
	padding-left:25px;
	background:url(https://www.knoxjewelers.biz/images/open_button.gif) no-repeat ;
	background-position: 0px 4px;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
	color:#000;
	background:url(https://www.knoxjewelers.biz/images/close_button.gif) no-repeat ;
	background-position: 0px 4px;
}

/* accordion pane */
#accordion .pane {
	display:none;
	padding:15px;
	color:#666;
	font-size:12px;
}

.pane #centerpane {
	padding:5px;
}

/* accordion header */

.cluetip-default {
  background-color: #FFF;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  border: 1px solid #CCC; 
  padding: 0px
}
.cluetip-default #cluetip-inner {
  text-align:left;
}
.cluetip-default div#cluetip-close { 
  background-color: #CCC;
  text-align:right;
  padding: 3px
}

.cluetip-jtip {
	background-color: #fff;
	width: 310px;
	height: 340px;
	border: 1px solid #CCC;
	z-index:10000;
	padding: 0px
}

.cluetip-jtip2 {
	background-color: #fff;
	width: 280px;
	height: 160px;
	border: 1px solid #CCC;
	z-index:10000;
	padding: 0px
}

/* HIGHLIGHT  */
.highlight {
	background-color: yellow;
}
.highlightgray{
	background-color: #CCCCCC;
}
.highlightgray2{
	background-color: #CCCCCC;
}
.resetbox, .resetbox2:hover
{
	cursor: pointer;
}
.previewthumbs {
	cursor:pointer;
}
.productdiamondresults, .productgemstoneresults {
	cursor:pointer;
}
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#FFF;
	width:660px;	
	height:360px;
	border:1px solid #CCC;
	color:FFF;
	position: relative;
	margin:0 auto;
	padding:10px;
}
#diamondinfo, .diamondinfo{
	padding:10px
}
.diamondquestionheading{
	font-size:12px;
	font-weight:bold;
	color:black;
	padding-bottom:10px;
}
.diamondquestiontext{
	padding-bottom:20px;	
}
#diamondinfobox{
float: left;
width: 330px;
position: relative
}
#diamondphotobox {
margin-left:340px
}
#diamondinfowrapper, .diamondinfowrapper {
	position:relative
}
.reportpopup {
display: none;
}
#comparebutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
#comparebutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#comparebutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

#otherbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
#otherbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#otherbutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

#updatelist {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
#updatelist:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#updatelist span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

#defaultlist {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
#defaultlist:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#defaultlist span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

#comparebutton2 {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
#comparebutton2:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#comparebutton2 span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

.comparebutton, .comparethisstone {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
.comparebutton, .comparethisstone:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.comparebutton, .comparethisstone span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

.comparebutton2, .comparethisstone2 {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
.comparebutton2, .comparethisstone2:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.comparebutton2, .comparethisstone2  span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}

#chatbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px;
}
#chatbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:black;
}
#chatbutton a {
	color:#666;
	text-decoration:none
}
#chatbutton a:hover {
	text-decoration:none;
	font-weight:normal;
	color:black;
}

.lpChatTextLink a:hover {
	color:black;
}

#chatbutton span:nth-child(2){
	position: absolute;
	text-align:center;
	top: 4px;
	left: 0px;
	width:100%;
	margin: 0px;
	padding: 0px;
}

#chatbutton:first-child > span + span{
	position: absolute;
	text-align:center;
	top: 4px;
	left: 0px;
	width:100%;
	margin: 0px;
	padding: 0px;
}

#chatbutton2 {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px;
}
#chatbutton2:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:black;
}
#chatbutton2 a {
	color:#666;
	text-decoration:none;
}
#chatbutton2 a:hover {
	text-decoration:none;
	font-weight:normal;
	color:black;
}

.lpChatTextLink a:hover {
	color:black;
}

#chatbutton2 span:nth-child(2n+0){
	position: absolute;
	text-align:center;
	top: 4px;
	left: 0px;
	width:100%;
	margin: 0px;
	padding: 0px;
}

.livechat_button{
	position: absolute;
	text-align:center;
	top: 4px;
	left: 0px;
	width:100%;
	margin: 0px;
	padding: 0px;
}

#nav-primary ul li:first-child + li a {
    border-top: 5px solid blue;
}
.askquestionbutton {
	cursor: pointer;
}
#addtocartbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	margin-top:0px;
	position: relative;
	cursor: pointer;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
    border: none !important;
}
#addtocartbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}

.seeringbutton {
	cursor: pointer;
}
#seeringbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px
}
#seeringbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#seeringbutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
}

.trybeforebutton {
	cursor: pointer;
}

#trybeforebutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:11px
}
#trybeforebutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#trybeforebutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
}

#viewcartbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
    border: none !important;
}
#viewcartbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#viewcartbutton a{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
text-decoration:none;
}
#askquestionbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px
}
#askquestionbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#askquestionbutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
}

#similardesignsbutton {
	background-image:url('https://www.knoxjewelers.biz/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	font-size:12px
}
#similardesignsbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
#similardesignsbutton span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
}

#comparestatus {
	color:black;
	min-height:25px;
	margin-left:134px;
	width: 280px;
	padding: 0px;
	position: relative;
}

#comparemessage {
	position: absolute;
	text-align:left;
	top: 5px;
	left: 0px;
	width:100%;
	margin: 0px;
	padding: 0px;
	font-size:12px
}

.wishlistbutton {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmedium.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:45px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
.wishlistbutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmediumhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.wishlistbutton span{
position: absolute;
text-align:center;
top: 2px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:10px
}

.diamondinfobutton {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmedium.gif');
	background-repeat:no-repeat;
	min-height:16px;
	width:45px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
	padding: 0px
}
.diamondinfobutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmediumhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.diamondinfobutton span{
position: absolute;
text-align:center;
top: 2px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:10px
}

.gemstoneinfobutton {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmedium.gif');
	background-repeat:no-repeat;
	min-height:16px;
	width:45px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
	padding: 0px
}
.gemstoneinfobutton:hover {
	background-image:url('https://www.knoxjewelers.biz/images/buttonmediumhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.gemstoneinfobutton span{
position: absolute;
text-align:center;
top: 2px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:10px
}

.productquestion {
background-image:url('https://www.knoxjewelers.biz/images/buttonsmall.gif');
background-repeat:no-repeat;
width:15px;
padding: 0px;
min-height:13px;
cursor: pointer;
float:left;
position:relative;
overflow:hidden
}
.productquestion span{
position: absolute;
text-align:center;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:9px
}
.productquestion:hover {
background-image:url('https://www.knoxjewelers.biz/images/buttonsmallhover.gif');
background-repeat:no-repeat;
color:black;
font-weight:bold
}
.productquestion2 {
background-image:url('https://www.knoxjewelers.biz/images/buttonsmall.gif');
background-repeat:no-repeat;
width:15px;
padding: 0px;
min-height:13px;
cursor: pointer;
float:right;
margin-right:-200px;
position:relative;
overflow:hidden;
margin-left:5px;
margin-top: 2px;
}
.productquestion2 span{
position: absolute;
text-align:center;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:9px
}
.productquestion2:hover {
background-image:url('https://www.knoxjewelers.biz/images/buttonsmallhover.gif');
background-repeat:no-repeat;
color:black;
font-weight:bold
}
.closediamondinfo:hover {
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
	color:black;
}


/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  display:inline;
  overflow:hidden
}
#wishlistorder {font-size:12px; color:#000; font-weight:bold;}
#wishlistname {font-size:12px; color:#000; font-weight:bold; margin-left:20px}
#wishlistcontent { margin:0px auto; width:600px}
#wishlistimageprice {float:left; width:210px; margin-left:5px;}
#wishlistimage {position:relative;}
#wishlisttext {float:left; margin-left:10px; margin-top:50px; width:240px; position:relative;}
#wishlistmenu {float:right; width:100px; position:relative;}
.excerpt {
	font-size:1.25em;
	text-align:center;
	color:black;
	font-weight:bold;
	cursor:pointer
}
.income {
	text-decoration:underline;
}
.income:hover {
	color:black;
	cursor:pointer
}


.browse{
width:320px;
margin:0 auto;
text-align:center;
border:1px solid #CCC;
padding:15px;
background-color: #FFF
}

.browse:hover{
background-color: #F5F5F5;
cursor:pointer
}

.browse a {
	text-decoration:none;
	font-size:14px
}

.browse a:hover {
	text-decoration:none;
	font-weight:normal
	
}

.browse_long{
width:550px;
margin:0 auto;
text-align:center;
border:1px solid #CCC;
padding:15px;
background-color: #FFF
}

.browse_long:hover{
background-color: #F5F5F5;
cursor:pointer
}

.browse_long a {
	text-decoration:none;
	font-size:14px
}

.browse_long a:hover {
	text-decoration:none;
	font-weight:normal
	
}
/***************************************
  category footer
-------------------------------------- */
#category_footer {
width:960px; border-top:1px solid #CCC; margin-top:5px; margin:-30px; margin-top:0px	
}
#category_footer #left
{
float:left;width:67%; margin-left:3%	
}
#category_footer h2{
text-align:center; margin-top:5px;	
}
#category_footer p{
text-align:justify	
}
#category_footer #right
{
margin-left:35%; text-align:right
}
#category_footer .wrap-left {
float:left; width:50%; border-right:1px solid #CCC	
}
#category_footer .wrap-right {
margin-left:50%;width:50%;
}
.remove_row {
	cursor:pointer;
}
#formstatic {
display: none !important;
}

/***********************************************************************************
	Styles for the Category Product Thumbnails
***********************************************************************************/

.product_thumbnail {
	width:33%; 
	height:300px; 
	float:left
}

.frame:before,
.frame_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.frame_name {
	padding-top:30px;
}
.frame_name a{
	text-decoration:none;
}
.image_thumbnails {
	cursor:pointer
}
.stone_wrapper {
	float: left;
	text-align:center;
	margin-left:20px;
}
.checkbox_wrapper{
	position: relative;
	height: 40px;
	width: 40px;
	padding-top: 0px;
	margin: 0 auto;
}
input.stone_option[type="checkbox"] + label{
	height: 40px;
	width: 40px;
	display:inline-block;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border:1px solid #CCC;
	margin: 0px;
	padding: 0px;
}
input.stone_option[type="checkbox"] {
	opacity:0;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor:pointer;
	margin: 0px;
}
.selectthisstone {
	background-image:url('/images/button.gif');
	background-repeat:no-repeat;
	min-height:25px;
	width:127px;
	padding: 0px;
	position: relative;
	cursor: pointer;	
}
.selectthisstone:hover {
	background-image:url('/images/buttonhover.gif');
	background-repeat:no-repeat;
	color:#000;
}
.selectthisstone  span{
position: absolute;
text-align:center;
top: 5px;
left: 0px;
width:100%;
margin: 0px;
padding: 0px;
font-size:12px
}
input.Round[type="checkbox"] + label{
    background-image: url('/gemstones/icons/round-light.gif');
	background-size: 40px 40px;
    background-size: 40px 40px;
}
input.Round[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/round-select.gif');
}
input.Round[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/round-select.gif');
	border:1px solid black;
}

input.Cushion[type="checkbox"] + label{
    background-image: url('/gemstones/icons/cushion-light.gif');
	background-size: 40px 40px;
}
input.Cushion[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/cushion-select.gif');
}
input.Cushion[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/cushion-select.gif');
	border:1px solid black;
}

input.Princess[type="checkbox"] + label{
    background-image: url('/gemstones/icons/princess-light.gif');
	background-size: 40px 40px;
}
input.Princess[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/princess-select.gif');
}
input.Princess[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/princess-select.gif');
	border:1px solid black;
}

input.Oval[type="checkbox"] + label{
    background-image: url('/gemstones/icons/oval-light.gif');
	background-size: 40px 40px;
}
input.Oval[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/oval-select.gif');
}
input.Oval[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/oval-select.gif');
	border:1px solid black;
}

input.Pear[type="checkbox"] + label{
    background-image: url('/gemstones/icons/pear-light.gif');
	background-size: 40px 40px;
}
input.Pear[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/pear-select.gif');
}
input.Pear[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/pear-select.gif');
	border:1px solid black;
}

input.Emerald[type="checkbox"] + label{
    background-image: url('/gemstones/icons/emerald-light.gif');
	background-size: 40px 40px;
}
input.Emerald[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/emerald-select.gif');
}
input.Emerald[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/emerald-select.gif');
	border:1px solid black;
}

input.Asscher[type="checkbox"] + label{
    background-image: url('/gemstones/icons/asscher-light.gif');
	background-size: 40px 40px;
}
input.Asscher[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/asscher-select.gif');
}
input.Asscher[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/asscher-select.gif');
	border:1px solid black;
}

input.Marquise[type="checkbox"] + label{
    background-image: url('/gemstones/icons/marquise-light.gif');
	background-size: 40px 40px;
}
input.Marquise[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/marquise-select.gif');
}
input.Marquise[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/marquise-select.gif');
	border:1px solid black;
}

input.Radiant[type="checkbox"] + label{
    background-image: url('/gemstones/icons/radiant-light.gif');
	background-size: 40px 40px;
}
input.Radiant[type="checkbox"]:hover + label{
    background-image: url('/gemstones/icons/radiant-select.gif');
}
input.Radiant[type="checkbox"]:checked + label{
    background-image: url('/gemstones/icons/radiant-select.gif');
	border:1px solid black;
}
#stone_question
{
	width:40px;
	height:40px;
	border:1px solid #CCC;
	margin:auto 0;
	font-size:30px;
	color:#D5D5D5;
	cursor:pointer
}
#stone_question:hover
{
	color:black;
	border:1px solid black;
}
.frame {
	text-align:center; 
	height:250px;
    list-style:none;
    behavior: expression(
        function(t){
            t.insertAdjacentHTML('afterBegin','<span class="frame_before"></span>');
            t.runtimeStyle.behavior = 'none';
        }(this)
    );
}
.justify {
	text-align:justify;
}