
/* 
 * styles.css
 *
 */

html {
	height: 100%;
	background: #CCC url(../images/page_bg_temp.jpg);
}

body {
	font-family: Times New Roman, Times, serif;
	color: #dcd5c8;
	font-size: 14px;
	line-height: 18px;
	/*height: 100%;*/
	background: #CCC url(../images/page_bg_temp.jpg);
}

input{
	font-size: 14px;
	height: 22px;
}
a{
	text-decoration: none;
	color: #dcd5c8;
}
#wrap {
	width: 945px;
	margin-left: auto;
	margin-right: auto;
 background: #CCC url(../images/page_bg_temp.jpg);
	height: 100%;
}

#header{
margin-top: 0px;
	height: 120px;
	position: relative;
}
#logo{
	width: 200px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/common/logo.jpg) no-repeat;
}

#logolink{
	display:block;
	width: 200px;
	height: 80px;
}
#mainnav{
	position: relative;
	/*display: inline-block;*/
	font-variant: small-caps;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
   
    text-align: center;
	top: 15px;
	/*width: 800px;*/
}

#mainnav li{
	display: inline;
	padding-left: 20px;
}

#mainnav li a:hover{
	color: #599ce9;
	border-bottom: 1px dotted #599ce9;
}
#mainnav li.current a{
	color: #599ce9;
}

#center{
	position: relative;
	background: #cac3ae url(../images/content_bg_top.jpg) no-repeat;
	padding-top: 20px;
	min-height: 800px;
  	height:auto !important;
	height: 800px;
}
#center.short
{
    min-height: 400px;
  	height:auto !important;
	height: 400px;
    }
#centerhome{
		position: relative;
	background: none;
	padding-top: 0px;
	min-height: 100px;
}	


#center_bottom{
	position: relative;
	background: #cac3ae url(../images/content_bg_bottom.jpg) no-repeat -1px 0px;
	height: 9px;
	
}
#home_flash{
	width:960px;
	height:400px;
}

#promo_wrap{
	width: 100%;

	background: url(../images/home/lowershimmer.jpg) no-repeat 5px -14px;
	height: 110px;
}
.home_promo{
	margin-top: 5px;
	margin-bottom: 0px;
	float:right;
	width: 261px;
	height: 100px;
	padding-right: 45px;
	overflow: hidden;
}
.home_promo a{
	display: block;
	width:100%;
	height:100%;
}
.promo_one{
	background: url(../images/home/promo1.jpg) no-repeat top ;
}

.promo_one:hover{
	background-position:bottom;
}

.promo_two{
background: url(../images/home/promo2.jpg) no-repeat;	
}

.promo_two:hover{
background-position: bottom;	
}

.promo_three{
background: url(../images/home/promo3.jpg) no-repeat;
/*	padding-right: 32px;*/	
}

.promo_three:hover{
background-position: bottom;	

}

#section_nav{

	float: left;
	height: 325px;
	width: 271px;
	background: #cac3ae url(../images/sidenav_bg.jpg) no-repeat 20px 0;
	/*padding-left: 48px;*/
	padding-top: 20px;
}

#section_nav ul{
	font-style: italic;
	font-size: 1.3em;
	line-height: 3em;
	width: 200px;
	/*margin-left: 22px;*/
}
#sectionnav li{
	width: 271px;
	height: 55px;
	padding-left: 46px;
	

}

#sectionnav li a:hover{
	font-weight: bold;
}

#sectionnav li.current{
	padding-left: 20px;
	color: #293e5e;
	font-size: 1.1em;
	background: url(../images/side_nav_active.jpg) no-repeat 8px 9px;
}

#sectionnav li.current a{
	color: #293e5e;	
	
}
#sectionnav li.current a:hover{
	font-weight: normal;
}

#sectionnav .section_sep{
	margin-left: 50px;
	border-top: 1px dotted 	#dcd5c8;
	width: 100%;
	height: 1px;
}

#slideshow_wrapper{
/*	width: 653px;*/
	height: 350px;
	margin-bottom: 10px;

	/*background: #cac3ae url(../images/flash_shadow_3.jpg) no-repeat 270px 325px;*/
}

#slideshow{
	background: #cac3ae;
	width: 652px;
	height: 340px;
/*	margin-bottom: 10px;*/
/*	margin-left: 275px;*/
}

#content{
	color: #502208;
	width: 511px;
	margin-left: 23px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	background: #f6f2e9 url(../images/center_bg_top.jpg) no-repeat -2px 0;

}

#contentbottom{
	padding-left: 10px;
	padding-right: 10px;
/*	border-top: 1px dashed #502208;*/
	width: 519px;
	height: 10px;
	margin-left: 23px;
	background: url(../images/center_bg_bottom.jpg) no-repeat -2px 0;
}

div#contentbottomborder{
	margin-top: 10px;
	height: 10px;
	position: relative;
	width: 100%;
	border-top: 1px dotted #502208;
}
#content h1{
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 15px;
	line-height: 1.2em;

}

#content a{
	color: #599ce9;
}

#content a:hover{
	color: #599ce9;
	border-bottom: 1px dotted #599ce9;
}
#content ul{
	margin-left: 10px;
}
#content li{
	list-style: disc;
	font-style: normal;
	font-weight: normal;
	
}
#content div.hr{
	border-top: 1px dotted #8c4917;
	width: 100%;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#content .blockquote_wrap{
	background-color: #f0ebe1;
	width: 450px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

#content blockquote{
	padding-left: 10px;
	padding-right: 10px;
	font-style: italic;
	font-weight: bold;
	font-size: .9em;
	color: #8c4917;
	border: 1px solid #d7c7b7; 
	background-color: #f0ebe1;
}

#content blockquote li{
	margin-bottom: 20px;
}

#content p{
	padding-bottom: 15px;

}
#content #submit, #content #ctl00_content_Submit, #content #ctl00_Copy_submit{
	color: #FFF;
	font-style: italic;
	text-transform: uppercase;
	
	border: none;
	width: 72px;
	height: 30px;
	position: relative;
	/*top: -30px;*/
	/*left: 340px;*/
	background:#f6f2e9 url('../images/submit_button.jpg') no-repeat 0px 4px;
}

#content #submit.aj{
	position: relative;
	top: -31px;
	left: 346px;
	display:block;
	padding:6px 0px 0 7px;
}
#content #ajlabel{
	position: relative; 
	vertical-align: middle; 
	/*top: -5px; */
	font-size:1.2em;
	margin-left: 100px;
}
#content #ctl00_content_Submit, #content #ctl00_Copy_submit{
/*	color: #FFF;
	font-style: italic;
	text-transform: uppercase;
	border: none;
	width: 72px;
	height: 30px;
display:inline;
	/*margin-left: 372px;*/
	background: url('../images/submit_button.jpg') no-repeat 0px 1px;*/
}

#content .center{
	margin-left: auto;
	margin-right: auto;
}

.daimage{
    margin-right: 5px;
}
.author{
	display: block;
	position: static;
	text-align: right;
}
#features{
	color: #502208;
	float: right;
	width: 348px;

}
 #map{
	width: 500px; 
	height: 300px;
	}
	.tablewrapper{
		background-color: #f0ebe1;
		width: 480px;
		padding: 10px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	.tableinnerwrapper{
		border: 1px solid #d7c7b7;
		padding: 10px;
	}
#storeresults{
		 font-size: .8em;
	
	width: 460px;
}
#storeresults thead{
	font-weight: bold;
}
#storeresults tr{
	border-top: 1px dotted #502208;
	margin-bottom: 10px;
		margin-right: 10px;
		margin-left: 10px;
}
#storeresults td{
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
}
#storeresults td.storename{
	width: 160px;
}

#storeresults td.storeaddress{}

#storeresults td.storephone
{
    width: 90px;
    }

#storeresults td.storedistance{}


#features h1{
	text-indent: -5000px;
	background: url(../images/features_title.jpg) no-repeat;
	height: 30px;
}

.feature{
	padding-top: 25px;
	margin-left: 27px;
	margin-right: 55px;
	border-top: 1px dotted #502208 ;
	height: 148px;
}

.feature h2{
	font-size: 1.2em;
	font-weight: bold;
}

.feature_link{
	display: block;
	width: 263px;
	height: 73px;
	margin-bottom: 4px;
}

.feature a{
	color: #502208;
}
#footer_left{
	font-family: Myriad Pro, Arial;
	font-size: 8pt;
	color: #7d562e;
}

#footer_right{
	color: #7d562e;
	float:right;
	font-family: Myriad Pro, Arial, sans serif;
	font-size: 8pt;

}

#footer_right a, #footer_left a{
	color: #7d562e;
}
#footer_right a:hover, #footer_left a:hover{
    color: #7d562e;
    text-decoration: underline;
}

#footer_right a:active, #footer_left a:active{
    color: #a1774b;
    text-decoration: none;
}
#caratweightwrapper{
	padding: 23px;
	width: 486px;
	height: 111px;
	background: url("../images/caratweightwrapper.jpg")  no-repeat -2px 0px;
	
}
#colorsliderwrapper{
	padding: 25px;
	width: 486px;
	height: 111px;
	background: url("../images/colorsliderwrapper.jpg")  no-repeat -2px 0px;
	
}
#errorcontainer li{
	list-style: none;
}
table#results{
	width: 100%;
	font-size: .9em;
}
table#results th{
	font-weight: bold;
}

table#results tr{
	border-bottom: 1px dotted #8c4917;
}
.formlabel{
	background-color: #cac3ae;
	border: 1px solid #d7c7b7;
	height: 24px;
	width: 400px;
	position:relative;
/*	padding-left: 10px;*/
	margin-bottom: 10px;
	margin-left: 40px;
}

.formlabel span{
	position:absolute;
	margin-top: 4px;
	margin-left: 10px;
}
.formlabel input{
	height: 24px;
	right: 0px;
	width: 300px;
	border: none;
	position: absolute;
	background-color: #f0ebe1;
}

.formlabel textarea{
	margin-top: 24px;
	height: 100px;
	width: 400px;
	border: none;
	position: absolute;
	background-color: #f0ebe1;
	
}
#emailform_container.guide_section{
	 background-color: #f6f2e9;
	overflow: hidden;
}

.ietransparent {	
	filter: alpha(opacity=0);
}

.guide_section .formlabel{
	background-color: #cac3ae;
	border: 1px solid #d7c7b7;
	height: 24px;
	width: 420px;
	position:relative;
/*	padding-left: 10px;*/
	margin-bottom: 10px;
	margin-left: 40px;
}

.guide_section .formlabel span{
	position:absolute;
	margin-top: 4px;
	margin-left: 10px;
}
.guide_section .formlabel input{
	height: 24px;
	right: 0px;
	width: 275px;
	border: none;
	position: absolute;
	background-color: #f0ebe1;
}

.guide_section .formlabel textarea{
	margin-top: 24px;
	height: 100px;
	width: 510px;
	border: none;
	position: absolute;
	background-color: #f0ebe1;
	
}


#errorcontainer{
	margin-left: 120px;
	padding-bottom: 5px;
}

#holiday_feature{
	background-image: url(../images/common/features/holiday_feature.jpg) ;
}
#holiday_feature:hover{
	background-image: url(../images/common/features/holiday_feature_over.jpg) ;
}

#diamond_feature{
		background-image: url(../images/common/features/diamondguide_feature.jpg);
}
#diamond_feature:hover{
		background-image: url(../images/common/features/diamondguide_feature_over.jpg);
}

#map_feature{
		background-image: url(../images/common/features/map_feature.jpg);
}

#map_feature:hover{
		background-image: url(../images/common/features/diamondguide_feature.jpg);
}
#diamond_feature:hover{
		background-image: url(../images/common/features/diamondguide_feature_over.jpg);
}

#map_feature{
		background-image: url(../images/common/features/map_feature.jpg);
}

#map_feature:hover{
		background-image: url(../images/common/features/map_feature_over.jpg);
}

.small{
	font-size: 6pt;
}
em{
	font-style: italic;
}
strong{
	font-weight: bold;
}
.fleft{
	float:left;
	clear: left;
	height:240px;
}
.diamondaire{
	height: 290px;
}
#emailform #submit{
	color: #FFF;
	font-style: italic;
	text-transform: uppercase;
	border: none;
	width: 72px;
	height: 30px;
	background: url('../images/submit_button.jpg') no-repeat 0px 4px;
}
/*
 * Guide
 */

#guide_content{
	color: #502208;
	width: 590px;
	margin-left: 23px;
	padding-left: 155px;
	padding-right: 155px;
	padding-top: 14px;
	background: #f6f2e9 url(../images/center_bg_top_wide.gif) no-repeat -2px 0;
}
#guide_content h1{
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.2em;
}
#guide_content h2{
	background: #f0ebe1;
	line-height: 1.5em;
	border:1px solid #d7c7b7;	
	padding-left: 20px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}

#guide_content #guide_wrap {
	margin-left: 20px;
}

#guide_head{
	position:relative;
}
#guide_head #contents{
	width: 215px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #f0ebe1 url(../images/guide_contents_bg_top.gif) no-repeat;
}

#guide_head #contents_bottom{
	width: 225px;
	height: 5px;
	background: #f0ebe1 url(../images/guide_contents_bg_bottom.gif) no-repeat;
}

#guide_head #contents h2{
	line-height: 1em;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #502208;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	padding-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 4px;
}

#guide_head #contents #contents_inside{
	border: 1px #d7c7b7 solid;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

#guide_head #contents ul{
	font-size: 12px;
	
	font-weight: bold;
}

#guide_head #contents li{
	line-height: 1.45em;
}

#guide_head #contents ul ul{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding-left: 3.2em;
}

#guide_content a {
	color: #599ce9;
}

#guide_head #intro{
	margin-top: 8px;
	position: absolute;
	left: 235px;
	top: 0px;
	width: 340px;
}

#guide_head #guide_buttons{
	height: 54px;
	padding-top: 20px;
	padding-left: 8px;
}

#guide_head #guide_buttons ul{
	display: inline;
}

#guide_head #guide_buttons ul li{
	display: inline;
	list-style-type: none;
	padding-top: 20px;
	* padding-top: 8px;
	padding-right: 4px;
	height: 60px;
	/*border: 1px red solid;*/
}

#guide_head #guide_buttons ul li.divider{
	padding-left: 12px;
	border-left: 1px dashed #442312;
	/*border: 1px red solid;*/
}

.guide_section .section_content{
	margin-top: 20px;
	margin-left: 32px;
	margin-bottom: 10px;
	margin-right: 20px;
	/*border: 1px red solid;*/
}

.guide_section ul{
	margin-left: 52px;
	/*border: 1px red solid;*/
}

.guide_section ul.bullet_list{
	margin-left: 52px;
}

.guide_section ul.bullet_list li{
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 0.9em;
}

.section_content h3 {
	font-weight: bold;
}

.section_content p {
	margin-bottom: 1em;
}

.guide_section .guide_checkbox {
	margin-bottom: 1em;
}

.guide_section fieldset{
	border: 1px dashed #502208;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.guide_section fieldset legend{
	/*border: 1px red solid;*/
	font-size: 14px;
	color: #502208;
	padding-left: 32px;
	padding-right: 8px;
	margin-left: 34px;
	background: #f6f2e9 url(../images/diamondguide/checklist.gif) no-repeat 8px -1px;
	font-style: italic;
}

/*.guide_section .guide_checkbox .checklist_shaded_box{
	border: 1px solid #d7c7b7;
	background-color: #ded6c7;
	height: 1.8em;
	margin-bottom: 8px;
	line-height: 1.8em;
}

.guide_section .guide_checkbox .checklist_shaded_box div{
	background-color: #f0ebe1;
	float: left;
	width: 480px;
	height: 1.8em;
	padding-left: 6px;
	margin-right: 8px;
}*/



.guide_section .guide_checkbox .checklist_box{
	width: 100%;
	margin-bottom: 8px;
	border: 1px solid #d7c7b7;
	background-color: #f0ebe1;
	vertical-align: center;
}

.guide_section .guide_checkbox .checklist_box td{
	line-height: 1.2em;
	padding-left: 4px;
}

.guide_section .guide_checkbox .checklist_box p{
	padding: 5px;
	margin-bottom: 0;
}
.guide_section .guide_checkbox .checklist_box td.check_cell{
	width: 1.8em;
	padding-left: 0;
	text-align: center;
	background-color: #ded6c7;
}

.guide_section .guide_checkbox .checklist_box img{
	padding-top: 4px;
}

.guide_section .guide_checkbox .checklist_box td .label{
	padding-left: 3px;
	vertical-align: 2px;
}

.guide_section .guide_checkbox .checklist_notes{
	width: 100%;
	margin-bottom: 8px;
}

.guide_section .guide_checkbox .checklist_notes td{
	line-height: 0.5em;
	padding-top: 0.7em;
	border-bottom: 1px solid #502208;
}

.guide_section .guide_checkbox .checklist_notes td.label{
	border-bottom: none;
}

.guide_section .guide_nav {
	margin-bottom: 1em;
	text-align: right;
}

.guide_section .guide_nav a{
	text-decoration: underline;
}

/*Checklist Table*/
.guide_section .guide_checkbox .checklist_table{
	width: 100%;
	margin-bottom: 8px;
}

.guide_section .guide_checkbox .checklist_table th,
.guide_section .guide_checkbox .checklist_table td{
	border: 1px solid #d7c7b7;
	background-color: #f0ebe1;
	padding: 5px;
}

.guide_section .guide_checkbox .checklist_table th{
	background-color: #ded6c7;
	padding-top: 1px;
	padding-bottom: 1px;
}

.guide_section .gallery_content {
	/*border: 1px solid red;*/
	margin-left: 52px;
}

.guide_section .gallery_content p{
	/*border: 1px solid red;*/
	padding-top: 3em;
	margin-left: 190px;
}


.guide_section .photo_box {
	width: 176px;
	padding: 4px;
	border: 1px solid #5e301c;
	float: left;
}

.guide_section .gallery_content .photo_box .caption {
	font-size: 10px;
	font-weight: bold;
	/*line-height: 0px;*/
}

#contentbottom_wide{
	width: 902px;
	height: 10px;
	padding-bottom: 10px;
	margin-left: 23px;
	background: url(../images/center_bg_bottom_wide.gif) no-repeat -2px 0;
}
.hidden{

  display:none;  
}