/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
	margin: 0;
	padding: 0;
	background: #000 url(/images/bg-main.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;}



/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h2#page-title { /* if Flash is not installed, this style will take over */
	color: #e0cb7b;
	font-family:"Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

h2#page-title a{color: #e0cb7b;
	font-family:"Times New Roman", Times, serif;
	font-size: 26.4px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	text-decoration:none;}

h2 {
  font-size:1.4em;
  color:#e0cb7b;
  margin-bottom:0;
}

p {
  color:#fff;}
  

/* 1.2	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #fff;
	text-decoration:underline}

a:hover, a:active {
	color: #2a72ad;
	text-decoration:none;}


/* 1.3	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}

img {
	border: none; }
	
.img_left {
	float:left;
	margin: 0 15px 15px 0; }
	
.img_right {
	float:right;
	margin: 0 0 15px 15px; }

.border {
	border: 1px solid #81A9C9;
	padding: 0;
	Margin: 0;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.clear_wide{ width:100%; clear:both;}

.imgreplace {
  display:block;
  text-indent:-99999px;}

.fleft {
  float:left;}

.fright {
  float:right;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container {
  width:938px;
  margin:0 auto;}

/*#header {
  padding:22px 0 0 0;}*/

#maincontent {
  margin-top:0;
  padding-top:0;
  padding:75px 0 0 0 !important;
  min-height:450px;}

#footer {
  background:url(/images/bg-footer.gif) no-repeat;
  padding:8px 0 0 0;
  margin:20px 0px 30px 0px;
  font-size:0.9em;}
  



/* 3.1 Header
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header h1 {
  float:left;
  background:url(/images/logo-jedwards.png) no-repeat;
  width:170px;
  height:52px;
  padding:0;
  margin:0;
  margin-top:18px;}


#header h1  a {
  display:block;
  width:170px;
  height:52px;
  overflow: hidden;
  text-indent:-999px;
  display:block;}
  

#header ul {
  float:right;
  position:relative;
  top:57px;
  margin:0;
  padding:0;}

#header ul li {
  display:block;
  float:left;
  background:url(/images/bul-diamond.gif) right top no-repeat;
  padding:0 0 0 8px;
  margin:0;
  height:12px;}

#header ul li a {
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  height:12px;
  padding:0 8px;
  margin:0;}
 
#header ul li a:hover, #header ul li a.selected {
 background-position: 0 -12px !important;}

#header ul li.home a {
  background:url(/images/nav-home.gif) left top no-repeat;
  width:32px;}

#header ul li.diamonds a {
  background:url(/images/nav-diamonds.gif) 0 0 no-repeat;
  width:56px;}

#header ul li.diamondedu a {
  background:url(/images/nav-diamondeducation.gif) 0 0 no-repeat;
  width:109px;}

#header ul li.jewelry a {
  background:url(/images/nav-jewelry.gif) 0 0 no-repeat;
  width:41px;}

#header ul li.aboutus a {
  background:url(/images/nav-aboutus.gif) 0 0 no-repeat;
  width:50px;}

#header ul li.benefits a {
  background:url(/images/nav-benefits.gif) 0 0 no-repeat;
  width:45px;}

#header ul li.financing a {
  background:url(/images/nav-financing.gif) 0 0 no-repeat;
  width:54px;}

#header ul li.faqs a {
  background:url(/images/nav-faqs.gif) 0 0 no-repeat;
  width:25px;}
  
  #header ul li.warranty a {
  background:url(/images/nav-warranty.gif) 0 0 no-repeat;
  width:50px;}

#header ul li.contactus {
  background:none;}

#header ul li.contactus a {
  background:url(/images/nav-contactus.gif) 0 0 no-repeat;
  width:60px;
  padding:0;}

#facebook { float:left; position:relative; margin-top:80px; margin-left:-180px;}
#facebook img { margin:0 10px;}
#facebook a#fb { color:#81a9c9; text-decoration:none;}
#facebook a#fb:hover { color:#ffffff;}

/* 3.2 Maincontent
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#maincontent .sidephotocol {
  background:url(/images/photo-diamond1.png) no-repeat;
  width:460px;
  height:370px;}
  #maincontent .sidephotocol2 {
	width: 460px;
	height:25px;
  }
  
#maincontent .sidephotocolsub {
  width:270px;
  color:#FFFFFF;}
  
#maincontent .sidetextcontent {
  width:420px;}

#maincontent .sidetextcontent .flasharea1 {
  width:419px;
  height:97px;}

#maincontent .sidetextcontent .introcontent {
  padding:14px 0 0 15px;}

#maincontent .sidetextcontent .introcontent p {
  line-height:23px;}

#maincontent .subcontent {
  width:615px;
  padding:0 0 0 15px;
  text-align:left;}

#maincontent .subcontent p {
  line-height:23px;
  font-size:1.1em;
  margin-top:0;}
  
#maincontent .subcontent ul {
  color:#FFFFFF;
  line-height:23px;}
  
#maincontent .subcontent ul li {
   margin-bottom:5px;}
   
#maincontent .subcontent ul.diamonds li {
   margin-bottom:15px;}

#maincontent .fullcontent {
  width:938px;
  padding:14px 0 0 0;
  text-align:left;
  float:left;}

#maincontent .fullcontent .sidejewelry {
  width:270px;
  height:400px;
  /*border:#CCCCCC 1px solid;*/
  color:#FFFFFF;
  float:left;
  margin-top:-14px;}
  
#maincontent .fullcontent .sidejewelry a.jewelry_link{float:left; clear:both; margin-bottom:5px; cursor:pointer;}
#maincontent .fullcontent .sidejewelry a.selected{color: #81A9C9; background:url(/images/bul-diamond.gif) right center no-repeat; padding-right:12px;}

#maincontent .fullcontent .mainjewelry{
  width:662px;
  height:342px;
  border:#CCCCCC 1px solid;
  background-color:#000000;
  float:left;
  margin-top:-14px;
  margin-bottom:10px;
}
#main_image{ padding:0px; margin:0px; border:none; height:342px;}
#maincontent .fullcontent .jewelry_info{ width:662px; float:left; padding-bottom:25px; position:relative; float:left;}
#maincontent .fullcontent .jewelry_info .jewelry_note{ background:url(/images/control_play_blue.png) left no-repeat; padding-left:20px; position:relative; margin-top:0px; margin-right:10px; float:right;}
#maincontent .fullcontent .jewelry_info .jewelry_title{ width: 50%; margin-top:0px;}

#maincontent .fullcontent .bottomjewelry {
  width: 666px;
  height: 51px;
  margin-top: 2px;
  float:left;
  overflow: hidden;
  position: relative;}

#maincontent .fullcontent .bottomjewelry #left_button {
  position:absolute;
  top:0;
  left:0;
  width:58px;
  height:51px;
  display:none;}
  
#maincontent .fullcontent .bottomjewelry #right_button {
  position:absolute;
  top:0;
  left:606px;
  width:58px;
  height:51px;
  display:none;}
  
#maincontent .fullcontent .bottomjewelry #right_button img, #maincontent .fullcontent .bottomjewelry #left_button img{ border:none; cursor:pointer;}
  
#maincontent .fullcontent .bottomjewelry #thumb_container ul.thumbnail_list{ padding:0px !important; margin: 0px;list-style:none; clear:both;}
#maincontent .fullcontent .bottomjewelry #thumb_container ul.thumbnail_list li{ float:left; padding:0px !important; margin:0px !important; cursor:pointer;}

#maincontent .fullcontent .bottomjewelry img {
  border:#CCCCCC 1px solid;
  opacity: .50;
  padding: 0px;
  margin: 0px;
  margin-right:2px;}

#maincontent .fullcontent .bottomjewelry img:hover {
    opacity: 1.0;
}

#maincontent .fullcontent .bottomjewelry img.selected{
    opacity: 1.0;
} 
  
#maincontent .bottomcontent {
  padding-top:30px;}

#maincontent .bottomcontent .img2 {
  background:url(/images/photo-diamond2.png) no-repeat;
  width:189px;
  height:136px;
  display:block;
  float:left;
  position:relative;
  top:28px;
  margin-right:13px;}

#maincontent .bottomcontent .img3 {
  background:url(/images/photo-diamond3.png) no-repeat;
  width:197px;
  height:164px;
  display:block;
  float:left;}

#maincontent .bottomcontent .img4 {
  background:url(/images/photo-diamond4.png) no-repeat;
  width:164px;
  height:101px;
  display:block;
  float:left;
  position:relative;
  top:50px;}

#maincontent .bottomcontent .flasharea2 {
  width:162px;
  height:142px;
  display:block;
  float:left;
  margin:0 14px;}

#maincontent .bottomcontent .ph {
  /*background:url(/images/bg-imageclick.png) no-repeat;*/
  width:184px;
  height:169px;
  display:block;
  float:left;}

#maincontent .bottomcontent .ph a {
  position:relative;
  top:123px;
  left:30px;
  font-size:0.9em;
  text-decoration:none;}

#maincontent .bottomcontent .ph a:hover {
  color:#fff;}

/* 3.3 Footer
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer p {
   color:#8f9091;}
   
#footer .ss {
  background:url(/images/logo-ss.gif) right no-repeat;
  padding:0 16px 0 0;
  margin-bottom:30px;}

#footer .ss a {
  color:#8f9091;
  text-decoration:none;}

#footer .ss a:hover {
  color:#466986;
  text-decoration:underline;}  

/*** BEGIN FORMS ***/
.form_instructions{ margin:0;}
#contact-form fieldset {
	margin: 0;
	padding: 0;
	border: none;	
}
#contact-form legend{
	margin-left: 5px;
	padding: 0;
	color: #0072BC;
	font-weight: bold;
	font-size: 18px;
}
#contact-form input, #contact-form textarea, #contact-form select { border: 1px solid #CCCCCC;}
#contact-form fieldset ol{
	padding: 0px;
	margin: 0;
	list-style: none !important;
	/*border: 1px solid #93C3E2;*/
	
}
#contact-form fieldset li{
	padding: 12px 0px !important;
	margin: 0px !important;
	list-style: none !important;
	/*margin-bottom: 1px !important;	*/
}


#contact-form input,
#contact-form textarea,
#contact-form select{ 
	padding: 5px;
	border: none;
	background:#11314b;
	color:#FFF;
	border: 2px solid #81A9C9;
}
#contact-form input,
#contact-form textarea{ 
	width:65%;
}
#contact-form input:hover,
#contact-form textarea:hover{ border:2px solid #E0CB7B;}
#contact-form input:focus,
#contact-form textarea:focus{ border:2px solid #E0CB7B;}
#contact-form fieldset span.notification{ font-size: 11px;}
#contact-form img { display: inline;}
#contact-form label {
	float: left;
	margin-right: 5px;
	text-align: right;
	color:#FFFFFF;
}

#contact-form .box img{ border: 3px solid #93C3E2;}
#contact-form label span.required{ font-weight: bold;}
.failure, .success {
	text-align: left;
	padding: 5px 0px 5px 0px;
	color: #CC0000;
}
.success { color: #006600;}
.sucess_white { color: #FFFFFF;}
.success_blue {color: #4f7da3;}
.success_gold{ color: #e0cb7b}
.dontfillmeout { display:none;}

#contact-form .submit_button {
	height: 29px;
	overflow: hidden;
	display: block;
	border: none;
	background-repeat: no-repeat;
	text-indent: -99999px;
	cursor: pointer;
	width: 117px;
	background:url(/images/submit_button.gif);
	margin:10px 0px 0px 0px;
}

#contact-form .submit_button:hover, #contact-form .submit_button:focus {
	border: none;
	background-position: bottom left;
}

.location_title {font-weight:bold; color:#e0cb7b;}

.success {color:#81a9c9;}
.success_white {color:#FFFFFF; font-weight:bold;}

/*** Commercial Verbiage ***/
.transcript{ color:#81A9C9; font-style:italic; font-size:1.1em; line-height:1.4em;}

/*** FAQs ***/
.faq_category{padding:0; margin:0; color:#FFFFFF;}
.faq_items{ list-style:none; padding:0; margin:0;}
.faq_items li{ padding:0 10px 0 10px;}
.faq_item{ list-style:none; padding:0; margin:0; margin-top:50px; color:#81A9C9; font-style:italic; font-size:1.1em; line-height:1.4em;}
.faq_item a, a.faq_more, .faq_item li.faq_question { color:#b6cfe3;}
.faq_item a:hover, a.faq_more:hover{ color:#ffffff;}
.faq_item li{ padding:5px 0px;}
.faq_question { padding-top:5px; padding-left: 20px !important; font-weight: bold; font-size:1.1em; cursor: pointer; padding:0; text-decoration: underline; background: url(/images/bullet_plus.gif) no-repeat; background-position: 5px 7px;}
.faq_question:hover { color:#e0cb7b;}
.faq_item li.faq_question:hover { list-style:none; cursor:auto;}
.faq_answer{ display:none; border-bottom: 1px solid #002442;}

/*** DIAMOND EDUCATION ***/
.carats{ 
	list-style:none;
	padding:0; 
	margin:0; 
	background: transparent url('images/carats.jpg') top left no-repeat; 
	height:200px;
	color:#81A9C9; 
	font-style:italic; 
	font-size:1.1em; 
	line-height:1.4em;
}

.carats li{ padding:0 0 20px 0;}
.carats_title { padding-bottom:5px; font-weight: bold; font-size:1.1em; cursor: pointer; margin:0;}
.carats img {border: 1px solid #81A9C9}
.no_border {border:none; !important}

.carats_top {width:23%; text-align:center; float:left; padding:0px; color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}
.carats_top img {border: 1px solid #81A9C9; margin-bottom:5px;}
.carats_top_text {color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}

.cuts_top {width:50%; text-align:center; float:left; padding:0 0 15px 0; color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}
.cuts_top img {border: 1px solid #81A9C9}
.cuts_top_text {color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}

.clarity_top {width:33%; text-align:center; float:left; padding:0 0 15px 0; color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}
.first_col {width:32%;}
.clarity_top img {border: 1px solid #81A9C9; margin:0 0 5px 0;}
.clarity_top_text {color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}

.color_top {width:100%; text-align:center; float:left; padding:0px; color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}
.color_top img {border: 1px solid #81A9C9}
.color_top_text {color:#81A9C9; font-style:italic; background: transparent url('images/carats.jpg') top left no-repeat;}

/*** MAPS ***/
.map {
	background: url(/images/map.gif) left center no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.maps_left{ color:#FFFFFF; margin-bottom:25px;}

img.location{ border:2px solid #81A9C9; margin:10px 0 0; }

/*** Jewelry Page ***/
.low_h2{ margin:0;}
a.video_link { /*background:url(/images/control_play_blue.png) left no-repeat; padding-left:20px;*/ color:#2a72ad; text-decoration:none;  }
a.video_link:hover{text-decoration:underline;}

/*** Warranty ***/
#special_notices{ width:auto !important; margin:0;}
#special_notices_label{ font-size:.9em; float:none !important; padding-bottom:3px;}

#warranty_border { margin-top:20px; padding-top:5px; border-top:1px solid #FFFFFF;}
#warranty_comments { padding:4px;}
#warranty_comments img { margin-right:10px;}
#warranty_comments a { text-decoration:none; font-size:1.2em;}
#warranty_comments a:hover { text-decoration:underline;}
.warranty_fb { padding-top:10px; font-size:.9em; line-height:1.8em; color:#E0CB7B;}
.warranty_fb a {text-decoration:none;}
.warranty_fb a:hover { text-decoration:underline;}


.diamondside {
	float: left;
	Margin: 0;
}
.diamond_image_one {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 177px;
}
.diamond_image_one img{
	float: left;
	padding: 0;
	margin: 0;
}
.diamond_image_two {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 25px;
}
.diamond_image_two img{
	float: left;
	padding: 0;
	margin: 0;
}
.diamond_image_three {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 25px;
}
.diamond_image_three img{
	float: left;
	padding: 0;
	margin: 0;
}
.diamond_image_four {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 25px;
}
.diamond_image_four img{
	float: left;
	padding: 0;
	margin: 0;
}
.diamond_image_five {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 25px;
}
.diamond_image_five img{
	float: left;
	padding: 0;
	margin: 0;
}
.jewelry_page_video{
	float: left;
	padding: 0 40px 10px 0;
}

/** Start Product Catalog Styles **/
#categories, #products {float:left; width:520px; padding:20px 32px; background:url(/images/categories_background.gif) repeat-x; min-height:700px;}
#product{float:left; width:520px; padding:32px;background:url(/images/singleitem_background.gif) repeat-x;;min-height:600px;}
#products{width:820px;}
p.jewelry_description { line-height:1.6em; margin-top:25px;}
.category_block,.product_block{float:left;width:170px;padding-top:42px; text-align:center;}
.product_block{width:205px;}
.category_block .image,.product_block .image{height:128px;}
.category_block img,.product_block img{margin:0 auto;}
.category_block p,.product_block p{font-size:1.1em;font-weight:bold;margin:5px 0 0 0;padding:0;text-align:center;color:#DFCA77;}
.category_block a,.product_block a,#product a{color:#DFCA77;text-decoration:none;}
.category_block a:hover,.product_block a:hover,#product a:hover{color:#DFCA77;text-decoration:underline;}
#paginator{float:left;padding-top:50px;}
#paginator ul,#paginator li{margin:0;padding:0;}
#paginator li a{background:url(/images/SHA.gif) repeat-y; display:block;padding:13px 0;color:#FFF;text-decoration:none;}
#paginator li{margin-bottom:10px;list-style-type:none;display:block;width:45px;text-align:center;color:#FFFFFF;background:#284C6C;font-size:1.5em; font-weight:bold;}
#paginator li.navigator { background:#284C6C url(/images/SHA.gif) repeat-y; font-size:.9em; font-weight:normal; text-transform:uppercase;}
#paginator li span{background:#507DA4 url(/images/SHA1.gif) repeat-y;display:block;padding:13px 0;color:#FFF;text-decoration:none;}
#paginator li a:hover{background:#507DA4 url(/images/SHA1.gif) repeat-y;color:#FFF;text-decoration:none;}


#product{width:874px;}
#product div.image{float:left; width:290px;}
#product div.info{float:right;width: 550px;  line-height:1.5em;}
#product h3{color:#DFCA77;font-size:1.6em; margin:0; text-transform:uppercase;}
#product h4 {color:#002441; font-weight:bold; margin:5px 0px;}
#product a{font-size:1.1em;font-weight:bold;}

#breadcrumb-nav{padding:10px;}
#breadcrumb-nav a{display:block;background: url(/images/back_navigator.gif) no-repeat 0 -10px;line-height:10px;text-decoration:none;padding-left:15px;color:#DFCA77;font-size:13.2px;font-weight:bold;}
#breadcrumb-nav a:hover{color:#DFCA77;text-decoration:none; background-position: 0 0px;} 
/** End Product Catalog Styles **/


/***INDEX STYLES ***/
#maincontent .diamondshome{
  background: url(/images/diamonds.png) no-repeat; width:402px; height:300px; padding:0px 11px;}
#maincontent .lowprices { background: url(/images/lowprices.png) no-repeat; width:474px; height:474px;}
#bottomsquares {width:384px; height:165px; list-style:none; padding:24px 20px 20px 20px; margin:0;}
#bottomsquares .rotatingrings {width:165px; height:165px; margin:0;}
#bottomsquares .financingsquare  {width:165px; height:165px;  margin:0; color:#FFFF33; text-align:center;}
.content_text {text-align:center; width:350px; margin:0 auto; text-indent:-99999px; overflow:hidden;}
.content_text2 {text-indent:-99999px; overflow:hidden;}
.small_text {font-size:.9em;}
.medium_text {font-size:1.2em;}
.big_text {font-size:16px;}
.biggest_text {font-size:43px; line-height:40px;}
#flashcontent1 {width:434px; height:97px; margin:0px 20px; margin-top:-82px; border: 2px solid #00233f}
/***END INDEX STYLES ***/

.top-picks{width:920px;text-align:center; color:white;}
.top-picks th{color:#e0cb7b;}
.header-row th{border-bottom:solid #e0cb7b 1px;}
.top-picks .alt-row{background:#003057}
.see-price{cursor:pointer;position:relative;display:block; background: url(/images/see-price.png) no-repeat; width:68px; height:26px; padding:5px; margin:5px auto 0;}
.price-bubble{z-index:100;position:absolute; top:-10px; left:-120px;display:none; background: url(/images/pricing-bubble.png) no-repeat; width:120px; height:53px; padding:10px 0 0 0; text-align:center;}
.price-bubble span{color:#e0cb7b;}
.top-picks-disclaimer{text-align:center;}
.top-picks-ordering{text-align:center;font-weight:bold;}
.highlight{color:#e0cb7b;}

/*** OLD INDEX STYLES
.homepage_intro_very_big {padding: 0; margin: 0; width: 100%; text-align: center;font-size: 1.8em;}
.homepage_intro_big {padding: 0; margin: 0; width: 100%; text-align: center;font-size: 1.2em;}
.gold_big{color: #eec979 !important; font-size: 1.5em !important;}
.gold{color: #eec979 !important;}
.blue{color:#6e95be !important;}
.homepage_intro{width: 100%; text-align: center;font-size: 1.2em;} ***/