/*---------- eric meyer css reset -- this will make everything else easier ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
	q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

/*--- end reset ---*/


/*---------- page structure ----------*/

body {
	background-color: #eaf1db;
	font-family: Arial,sans-serif;
	color: #333;;
	}

#container {
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
	padding: 15px;
	overflow: hidden;
	}

#beta_notice {
	font-size: 90%;
	background-color: #eaf1db;
	width: 950px;
	height: 50;
	margin: 0 auto;
   text-align: center;
	}

#header {
	overflow: hidden;
	}

#logo {
	display: block;       /* ############ NEW ########### */
	text-indent: -9999px;
	background: url(Images/General/logo_artisan.gif) top left no-repeat;
	height: 100px;
	width: 300px;
	float: left; display: inline;
	}

#header_nav {
	float: right;
	display: inline;
	overflow: hidden;
	width: 50%;
	}

#feature_image {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 8px 0 0 8px;
	/* border-top: 1px solid #ddd;    ** BOB ** commented out */
	}

#message {
	clear: both;
	background: url(Images/General/bg_message.gif) top left no-repeat #51740a;
	padding: 10px;
	margin: 10px 0 20px 0;
	}

#wrapper {
   overflow: hidden;
   }

#footer {
   border-top: 1px solid #ddd;
   clear: both;
   padding: 10px 0 0 0;
   margin: 20px 0 0 0;
	text-align: center;        /* BOB */
   }

#left_sidebar {
   width: 170px;  
   float: left; display: inline;
   margin: 0 15px 0 0;
   }

#content {
   float: left; display: inline;
   width: 760px;
   border-right: 1px solid #ddd;
   margin: 0 0 20px 0;
   }

#center {
   float: left; display: inline;
   width: 560px; /* made narrower to fix IE problem 7/13/09 */  
   }

#feature {
   /* float: right; *//*unneeded, removed 7/13/09 */
   /* width: 360px; */ /* was 300 BOB *//*unneeded, removed - Rachel*/
   font-size: 90%;  /* BOB */
   }

#selection {
   clear: both;
   /*overflow: hidden;*/        /*BOB - trying to fix c=2, a=999 page */
   margin: 0 -10px 0 0;
   padding: 0 0 0 10px;
   }

#right_sidebar {
   float: right; display: inline;
   width: 170px;  
   padding: 0 0 0 10px;                /* changes left padding from 30px to 10px 4/7/09 BOB */
   /*border-left: 1px solid #ddd;*/    /* commented out 4/7/09 BOB */
   margin: 0 0 20px -1px;
   }

#content_footer {
   padding: 10px 0;
   margin: 20px 20px 20px 0;    
   border-top: 1px solid #ddd;
   clear: both;
   overflow: hidden;
   }


/*---------- page elements ----------*/


/*--- general ---*/

a.special {
   color: #660066 !important;
   text-decoration: none;
   }

a.special:hover {
   text-decoration: underline;
   }

h1, h2, h3, h4 {
   color: #690;
   font-family: Times;
   font-weight: normal;
   }

h1 {
   font-size: 200%;
   }

h2 {
   font-size: 150%;
   }

h3 {
   font-size: 120%;
   margin: 0 0 5px 0;
   }

h4 {
   font-size: 100%;
   margin: 0 0 5px 0;
   }

/*--- header area ---*/

#header_nav a {
   text-decoration: none;
   color: #666;
   line-height:1.2em;
   }

#header_nav a:hover {
   text-decoration:underline;
   }

#header_nav ul,
   #header_nav p {
   float: right; display: inline;
   clear: right;
   font-size: 70%;
   }

#header_nav ul {
   overflow: hidden;
   margin: 0 0 10px 0;
   }

#header_nav ul li {
   float: left; display:inline;
   margin: 0 8px 0 0;
   padding: 0 8px 0 0;
   line-height: 1em;
   border-right: 1px solid #666;
   }

#header_nav ul li.last {
   margin: 0;
   padding: 0;
   border: none;
   }

#main_nav {
   clear: both;
   overflow: hidden;
   margin: 5px 0 0 0;
   padding: 6px 0 0 6px;               /* from 8 0 0 8 to 6 0 0 6 BOB 4/20/09 */
   border-top: 1px solid #ddd;
   }

#main_nav li {
   float: left; display:inline;
   padding: 0 10px 0 0;
   margin: 0 10px 0 0;
   font-size: 75%;
   text-transform: uppercase;
   line-height: 1.5em;
   border-right: 1px solid #595959;
   }

#main_nav li.last {
   margin: 0;
   padding: 0;
   border-right: none;
   }

#main_nav li a {
   color: #595959;
   text-decoration: none;
   }

#main_nav li a:hover {
   text-decoration: underline;
   }

#message {
   color: #fff;
   font-size: 90%;
   text-align: center;
   font-style: italic;
   }

#message a {
   color: #fff;
   }

/* entire rule removed 7/13/09 */
/*#header_nav #phone_number {
   text-indent: -9999px;
   background: url(Images/General/h_phone_number.gif) top right no-repeat;
   height: 35px;
   width: 200px;
   margin: 5px 0 0 0;
   }*/ 

#header_nav p {
   margin: 20px 0 0 0;
   }

/*--- content area ---*/

#breadcrumb {
   /*overflow: hidden;*/    /* BOB commented out */
   margin: 0 0 10px 0;
   height: 2em;             /* BOB changed, was 1em */
   }

#breadcrumb a {
   color: #51740a;
   text-decoration: none;
   }

#breadcrumb a:hover {
   text-decoration: underline;
   }

#breadcrumb li {
   float: left; display:inline;
   margin: 0 0.4em 0 0;
   font-size: 80%;
   }

h1 {
   margin: 0 0 20px 0;
   }

#search {
   border: 1px solid #ddd;
   font-family: Arial;
   padding: 3px;
   font-size: 70%;
   color: #aaa;
   width: 135px;
   margin: 0 5px 0 0;
   }

/*--- left sidebar ---*/

#browse {
   margin: 10px 0 10px 0;
   border: 1px solid #ddd;
   padding: 10px;
   font-size: 80%;
   }

#browse h4 {
   color: #436400;        
   margin: 15px 0 3px 0;
   }

#browse a {
   color: #666666;              /* Bob revised. was 9f9f9f */
   text-decoration: none;
   }

#browse a:hover {
   text-decoration: underline;
   }

#browse li {
   margin: 0 0 3px 0;
   }

#feedback h5 {
   font-size: 70%;
   font-weight: bold;
   padding: 0 5px 8px;
   margin: 0 0 5px 0;
   background: url(Images/General/bg_dotted_border.gif) bottom left repeat-x;
   }

#feedback p {
   padding: 5px;
   font-size: 70%;
   }

/*--- feature area ---*/

#feature_image {
   float: left; display:inline;
   margin: 0 10px 0 0;
   }

#feature p {
   font-size: 85%;
   margin: 0 0 10px 0;
   line-height: 1.3em;
   }

#feature h2 {
   margin: 20px 0 0 0;
   }

#feature ul {
   margin: 10px 0 0 0;
   }

#feature li {
   padding: 0 0 0 15px;
   background: url(Images/General/bg_bullet.gif) center left no-repeat #fff;
   margin: 0 0 5px 0;
   }

#feature li a {
   color: #333;
   text-decoration: none;
   }

#feature li a:hover {
	text-decoration: underline;
	}

/*--- selection area ---*/

#selection li {
   width: 180px;
   /*margin: 10px 10px 10px 0; changed to make objects line up three to a row - 7/13/09 */
   margin: 10px 3px 10px 0; /*new margin properties fit a bit better - 7/13/09 */
   float: left; display:inline;
   height: 180px;
   text-align: center;
   font-size: 11px;
   }

#selection li h3 {
   font-weight: bold;
   font-family: Arial;
   margin: 0 0 5px 0;
   font-size: 100%;
   color: #444;
   }

#selection li p {
   line-height: 1.2em;
   }

#selection li a {
   color: #333;
   text-decoration: none;
   }

#selection li a:hover {
   text-decoration: underline;
   }

#selection img { display: block; } /* Added 5/30/09 */

/*--- right sidebar ---*/

#right_sidebar li.item {
   padding: 0 0 20px 0;
   margin: 0 0 20px 0;
   background: url(Images/General/bg_dotted_border.gif) bottom left repeat-x;
   }

#right_sidebar li.panel h3 a {
   color: #690;
   }

#right_sidebar li.panel {
   padding: 10px;
   border: 1px solid #eee;
   margin: 0 0 10px 0;
   }

#right_sidebar li.panel ul {
   margin: 5px 0 0 0;
   }

#right_sidebar li.panel ul li {
   font-size: 80%;
   margin: 0 0 3px 0;
   }

#right_sidebar li.last {
   background: none;
   margin: 0;
   padding: 0;
   }

#right_sidebar #tools li {
   font-size: 70%;
   text-transform: uppercase;
   margin: 0 0 5px 0;
   }

#right_sidebar a {
   text-decoration: none;
   color: #666;
   }

#right_sidebar a:hover {
   text-decoration: underline;
   }

#right_sidebar p {
   font-size: 80%;
   margin: 0 0 5px 0;
   }

#right_sidebar #learn {
   margin: 18px 0 0 0;
   }

#right_sidebar #learn li {
   font-size: 80%;
   padding: 1em 0 1em 35px;
   }

#right_sidebar #learn li a {
   color: #333;
   }

#fair_trade {
   background: url(Images/General/bg_fair_trade.gif) left center no-repeat;
   }

#socially_responsible {
   background: url(Images/General/bg_socially_responsible.gif) left center no-repeat;
   }

#conflict_diamonds {
   background: url(Images/General/bg_conflict_free_diamonds.gif) left center no-repeat;
   }

#fair_gem {
   background: url(Images/General/bg_fair_gem.gif) left center no-repeat;
   }

#eco_friendly {
   background: url(Images/General/bg_eco_friendly.gif) left center no-repeat;
   }

#recycled {
   background: url(Images/General/bg_recycled_gold_platinum.gif) left center no-repeat;
   }

#get_involved {
   padding: 10px;
   }

#guarantee {
   margin: 10px 0 0 0;
   padding: 10px;
   background: url(Images/General/bg_purchase_with_confidence.gif) top left no-repeat;
   }

#guarantee li {
   margin: 0 0 10px 0;
   }

#testimonials {
   padding: 10px
   }

/*--- content footer ---*/

/* MOVED EMAIL SIGN UP TO LEFT SIDEBAR

#content_footer form {
   float: left; display:inline;
   width: 140px;
   background: url(Images/General/bg_form.gif) top left no-repeat;
   padding: 10px;
   height: 140px;
   margin: 0 30px 0 0;
   }

#content_footer form p {
   font-size: 70%;
   font-weight: bold;
   margin: 0 0 10px 0;
   }

#content_footer input.input_text {
   width: 130px;
   border: 0;
   margin: 0 0 5px 0;
   padding: 3px;
   font-family: Arial;
   color: #666;
   font-size: 85%;
   }

#content_footer form li.submit {
   text-align: center;
   margin: 3px 0 0 0;
   }

*/


#content_footer ul {
   color: #666;
   }

#content_footer ul ul {
   float: none;
   }

#content_footer ul li.item {
   float: left; display:inline;
   margin: 0 34px 0 0;   /* change from '0 40px 0 0'  to  '0 16px 0 0' to accomodate one additional column in the footer, BOB 4-15-09 */
   font-size: 70%;
   width: 100px;         /* change from '135px'  to  '100px' to accomodate one additional column in the footer, BOB 4-15-09 */
   }

#content_footer ul li.item h5 {
   font-weight: bold;
   margin: 0 0 3px 0;
   }

#content_footer ul li.item li,
   #content_footer ul li.item p {
   margin: 0 0 3px 0;
   }

#content_footer a {
   text-decoration: none;
   color: #666;
   }

#content_footer a:hover {
   text-decoration: underline;
   }

/*--- footer ---*/

#footer {
   font-size: 70%;
   color: #666;                     /* BOB changed from #CCC to #666 */
   }

#footer p {
   margin: 0 0 10px 0;
   }

#footer img {
   margin: 0 10px 0 0;
   }

/*--- special span classes for font and color (BOB) ---*/

#lightgray {
	color: red;
	}


#sitemap li a {
   color: #595959;
   text-decoration: underline;
	padding-left: 40px;
	line-height: 1.7em;
   }


/*--- hr styles for thin grey line above and below category intros ---*/

hr {
   border:0;
   height: 1px;
   width: 100%;
   display: block;
   clear:both;
   border-bottom: #ddd solid 1px;
   }

/*--- table styles for intros ---*/

#feature td {
   vertical-align: middle;
   }

/*#feature img {
   margin:0 10px 0 0;
   } commented out 5/30/09, to fix IE6 item page */

#feature p {
   margin-top: 10px;
   }

#intro-text {
   padding-left: 10px;
   }


/*========================================================================*/
/*======== These are font settings for general use -- BOB 1-24-09 ========*/
/*========================================================================*/


.replaceh3 {
	color: #690;
   font-size: 120%;
   margin: 0 0 5px 0;
   font-family: Times;
   font-weight: normal;
   }


.red {
color: red;
}

.redb {
color: red;
font-weight: bold
}

.orangeb {
color: orange;
font-weight: bold
}

.green {
color: #436400;
}

.greenb {
color: #436400;
font-weight: bold
}

.greenu {
color: #436400;
text-decoration: underline;
}

.greeni {
color: #436400;
font-style: italic;
}

.blue {
color: blue;
}

.brown {
color: brown;
}

.px100b {
font-family: Arial,sans-serif;
font-size: 100%;
color: #666666;
font-weight: bold
}

.px100greenb {
font-family: Arial,sans-serif;
font-size: 100%;
color: #436400;
font-weight: bold
}

.px120greenub {
font-family: Arial,sans-serif;
font-size: 120%;
font-weight: bold;
color: #436400;
text-decoration: underline
}

.px90 {
font-size: 90%;
color: #666666;
}

.px90b {
font-size: 90%;
color: #666666;
font-weight: bold
}

.px90dark {
font-size: 90%;
color: #333333;
}

.px90green {
font-size: 90%;
color: #436400;
}

.px90greenu {
font-size: 90%;
color: #436400;
text-decoration: underline;
}

.px80b {
font-size: 80%;
color: #666666;
font-weight: bold
}

.px80 {
font-size: 80%;
color: #666666;
}

.px85 {
font-size: 85%;
color: #666666;
line-height: 1.3em;
}

.px80dark {
font-size: 80%;
color: #333333;
}

.px80green {
font-size: 80%;
color: #436400;
}

.px80blue {
font-size: 80%;
color: blue;
}

.px80greenu {
font-size: 80%;
color: #436400;
text-decoration: underline;
}

.clear_search {
font-size: 120%;
color: #B22222;
}

.px70green {
font-size: 70%;
color: #436400;
}

.px75greenu {
font-size: 75%;
color: #436400;
text-decoration: underline;
}

.px70greenu {
font-size: 70%;
color: #436400;
text-decoration: underline;
}

.px70 {
font-size: 70%;
color: #666666;
}

.px60 {
font-size: 60%;
color: #666666;
}

.nu {
text-decoration:none;
}

.static_content {
font-size: 13px;
line-height: 1.2;
color: #333333;
}

#window {
padding-top: 15px;
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
font-size: 13px;
line-height: 1.2;
color: #333333;
}

.hilite_selection {
/*text-decoration: underline;*/
/*background-color: #eaf1db;*/
color: #436400;
background-color: rgb(210,210,210);
}

.headerlike {
color: #690;
font-family: Times;
font-weight: normal;
font-size: 150%;
}



/*========== from old AWR site - for ease of conversion (BOB) ==========*/

.px1{font-size:1px;color:#333333}
.px2{font-size:2px;color:#333333}
.px3{font-size:3px;color:#333333}
.px7{font-size:7px;color:#333333}
.px10{font-size:10px;color:#333333}
.px11{font-size:11px;color:#333333}
.px12{font-size:12px;color:#333333}
.px13{font-size:13px;color:#333333}
.px14{font-size:14px;color:#333333}
.px15{font-size:15px;color:#333333}
.px20{font-size:20px}

.darkgray{color:333333}     

/* Rings on front page */

ul#nav_rings { 
height: 215px; 
margin: 0 0 20px;
margin-bottom: 80px;
padding: 0;
}

#nav_rings li { 
float: left; 
width: 250px;
}
/*
#nav_rings h1 { 
background: url(Images/HomePage/bg_nav-ring.gif) repeat-y; 
margin: 0;
padding: 8px 15px; 
text-align: center;
}

#nav_rings h1 a { 
color: #333;
font: "Times New Roman", Times, serif; 
font-size: 60%; 
font-weight: bold; 
text-decoration: none; 
text-align: center;
}

#nav_rings p{ 
font-size: 70%; 
margin-top: 10px; 
text-align: center; 
}

#nav_rings p a { 
color: #666; 
text-decoration:none; 
}

#nav_rings p a:hover, #nav_rings p a:active { text-decoration: underline; }

*/


ul#right_sidebar li { list-style-position:outside; } /* added 7/13/09*/

#header_nav #phone_number {
	color: #690;
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	letter-spacing: -1px;
   height: 35px;
   width: 200px;
   margin: 5px 0 0 0;
   text-align: right;
}





/*========== for text over image on home page ==========*/


#intro {
  position: relative;
  min-height: 320px;
  background: url(Images/HomePage/model4.jpg) no-repeat;
}
#intro_text {
  position: absolute;
  left: 15px;
  bottom: 30px;
  width: 280px;
  font-size: 90%;
  color: #000;
}
#intro h1 {
  margin-bottom: 15px;
  color: #000;
  font-family: Times, "Times New Roman", serif;
  font-size: 160%;
  text-align: left;
  text-shadow: 1px 1px 2px #fff; /* CSS3, will not work in IE */
}
#intro p {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  text-shadow: 1px 1px 2px #fff; /* CSS3, will not work in IE */
}

/* pierre additions */

#custom_rings ul {
  list-style-type:circle
}

#custom_rings ul li {
  margin-bottom: 8px;
  margin-left: 20px;
}

.promo_banner {
  margin-bottom: 20px;
}

#header {
  position: relative;
}

.badge {
  position: absolute;
}

  #authorize_badge {
    top: 20px;
    left: 320px;
  }

  #bbb_badge {
    top: 40px;
    left: 580px;
  }

  #geotrust_badge {
    top: 45px;
    left: 620px;
  }

/* moved sidebar from footer to left sidebar */

#left_sidebar form#email_deals {
   float: left; display:inline;
   width: 140px;
   background: url(Images/General/bg_form.gif) top left no-repeat;
   padding: 10px;
   height: 140px;
   margin: 0 30px 0 0;
}

#left_sidebar form#email_deals p {
   font-size: 70%;
   font-weight: bold;
   margin: 0 0 10px 0;
}

#left_sidebar input.input_text {
   width: 130px;
   border: 0;
   margin: 0 0 5px 0;
   padding: 3px;
   font-family: Arial;
   color: #666;
   font-size: 85%;
}

#left_sidebar form#email_deals li.submit {
   text-align: center;
   margin: 3px 0 0 0;
}

#content_footer ul li.item {
   float: right;
}

/* homepage slider */

.slide {
  display: none;
}

  .slide.active {
    display: block;
  }

#intro {
  font-family: 'Palatino Linotype', 'Book Antiqua';
  font-size: 20px;
  position: relative;
  background: none;
  height: 360px;
  z-index: 0px;
}

#intro span {
  position: absolute;
  line-height: 30px;
  top: 235px;
  left: 30px;
  display: block;
  z-index: 10;
}

#intro span a {
  font-style: italic;
  text-decoration: none;
  color: #363636;
}


#intro span a:hover {
  text-decoration: underline;
}

#intro_text {
  position: relative;
  left: 20px;
  top: -25px;
  width: 95%;
  color: #4D4D4D;
}

#intro_text p {
  line-height: 30px;
  font-family: 'Palatino Linotype', 'Book Antiqua';
  font-size: 13pxpx;
}

#intro_text p a {
  color: #690;
  text-decoration: none;
  font-weight: normal;
}

#intro_text p a:hover {
  text-decoration: underline;
}

#nav_rings-wedding, #nav_rings-engagement, #nav_rings-sets {
  position: relative;
}

#nav_rings {
  position: relative;
}

#nav_rings p {
  margin-top: 10px;
}

#nav_rings a {
  display: block;
  font-family: 'Palatino Linotype', 'Book Antiqua';
  font-size: 14px;
  font-weight: bold;
  color: #000;
  font-style: italic;
  text-decoration: none;
}

#nav_rings a:hover {
  text-decoration: underline;
}

#nav_rings .category_links {
  position: absolute;
  top: 45px;
  left: 15px;
  font-size: 12px;
  line-height: 18px;
  display: block;
}