/*~~~~~~~~~~~~~~~~~~*/
/* General elements */
/*                  */
body {
  margin:0;
  background-color:white;
  padding:0;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:.8em;
  text-align:center; /* IE hack necessary here */
  color:#5a5a5a;
}
h1 {
  font-size:1.4em;
  margin:0 0 8px 0;
}
h2 {
  font-size:1.2em;
  margin:0 0 8px 0;
}
h3 {
  font-size:1.1em;
  margin:0 0 4px 0;
}
p {
  margin:0 0 1.2em 0;
}
a {
  color:#5a5a5a;
}
a:hover {
  text-decoration:none;
}
form {
  margin:0;
  padding:0;
}
.small {
  font-size:.8em;
}


/*~~~~~~~~~~~~*/
/* Containers */
/*            */
#main {
  width:700px;
  margin:0 auto;
  text-align:left;
}
#menu {
  float:left;
  width:150px;
}
#content {
  float:left;
  width:550px;
}
#footer {
  clear:both;
}

/*~~~~~~*/
/* Menu */
/*      */
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  margin:0 0 8px 0;
  white-space:nowrap;
}
#menu a {
  display:block;
  width:130px;
  border:1px solid white;
  padding:3px;
  font-weight:bold;
  text-decoration:none;
  color:#5a5a5a;
}
#menu a:hover {
  border:1px solid #c6c6c6;
  background-color:#eaeaea;
}

/*~~~~~~~~*/
/* Footer */
/*        */
#footer ul {
  display:block;
  margin:0;
  padding:30px 0 15px 0;
  text-align:center;
  list-style:none;
}
#footer li {
  display:inline;
  margin:0 10px;
}
#footer a {
  font-size:.8em;
  font-weight:bold;
}

/*~~~~~~~~~~~~~~~~~*/
/* Specific styles */
/*                 */
/* bubble line */
h3.bubble_line {
  background:url("/img/center_line.gif") no-repeat bottom left;
  line-height:1.8em;
  text-indent:.1em;
}
/* button */
input.button {
  font-size:.9em;
}
select {
  font-size:.9em;
}
/* stores_and_galleries */
h3.stores {
  background:url("/img/center_line.gif") no-repeat bottom left;
  line-height:1.8em;
  text-indent:.1em;
  letter-spacing:.2em;
}
p.stores {
  margin-left:.2em;
}
/* in_the_media */
ul.media {
  margin:0 0 2em 1.5em;
  padding:0 0 0 .5em;
  list-style-image:url("/img/double-bullet.gif");
}
ul.media li {
  padding:0 0 .3em 0;
}
img.media {
  border-bottom:20px solid white;
}
object {
  margin:0 0 20px 0;
}
/* jewelry_products (list) */
.product, .product_details {
  clear:both;
  margin:0;
}
.product h3, product_details h3 {
  margin:0 0 5px 0;
}
.product a.shadow {
  float:left;
  background: url("/img/shadow.png") no-repeat bottom right;
  margin:6px 4px 22px 6px;
  padding:0 6px 6px 0;
}
.product img {
  display:block;
  position:relative;
  float:left;
  /* Mozilla cannot understand .product margin-bottom, so we add a border to the image */
  border-bottom:none;
  margin:-6px 0 0 -6px;
  padding:0;
}
.product p {
  margin:0;
  padding:3px 0 5px 0;
}
/* jewelry_products (details) */
.product_details p {
  margin:15px 0 1.2em 0;
}
.product_details table {
  margin:8px 0 0 0;
  padding:0;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:1em;
  text-align:center;
}
.product_details table caption {
  white-space:nowrap;
}
/* events */
img.event {
  padding:5px 0;
}