body {background: #003399 url(images/background.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em; }

#header{height:80px;}
#logo {float:left; width:700px; color:#000;margin-top:10px;}
.links {float:left; margin-right:20px; color:#FFF;  }
.greenlink{color:#FFF; text-decoration:underline}

#main{ color:#000; text-align:center; margin-top:20px;width:700px;margin-left:15%; }
.leftpix {width:310px; float:left; text-align:center;margin-top:15px;}
.rightbody {width:370px; float:left; text-align:left;padding-left:5px ; margin-top:15px}
.plaintext {width:670px; float:left; text-align:left;padding-left:5px ; margin-top:15px}
.green { background-image:url(images/greenback.gif); background-repeat:no-repeat;text-align:left;
	width:250px; height:150px;float:left; margin-top:5px; background-position:center;padding-top:40px;padding-left:60px}
.greentext {width:250px;height:150px; color:#FFF;padding-left:30px;}
#legal { clear:both;color:#FFF;margin-top:50px;font-size:.8em}
#footer{ width:700px;margin-left:15%;font-size:xx-small;color:#FFF;padding-top:10px; text-align:center }

/* Rounded corners */
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{min-height:320px; height:320px; 
  background:#ffffff}
.spiffyChild{min-height:480px; height:480px; 
  background:#ffffff}
.spiffyfaq{min-height:830px; height:770px; 
  background:#ffffff} 
 .spiffyc{min-height:600px; height:600px; 
  background:#ffffff}  
  

/* Navigation */
ul#nav { margin:0; padding:0; list-style:none; height: 50px; }
#nav li {float:left; margin:0; padding:0; list-style-type:none; height: 50px; vertical-align:bottom  }	
#nav a {display:block; text-decoration: none;color:#000000; padding-right:6px; padding-right:5px; vertical-align:middle;height: 50px;text-indent : -9999px;   }
#nav a:hover {background-color:#FFFFFF }

li#nav_1 {background :url(images/home.gif) no-repeat 50% 100%; width:115px;}
li#nav_2 {background :url(images/anklets.gif) no-repeat 50% 100%;width:115px;}
li#nav_3 {background :url(images/bracelets.gif) no-repeat 50% 100%;width:115px;}
li#nav_4 {background :url(images/necklaces.gif) no-repeat 50% 100%;width:115px;}
li#nav_5 {background :url(images/watches.gif) no-repeat 50% 100%;width:115px;}
li#nav_6 {background :url(images/dogproducts.gif) no-repeat 50% 100%;width:115px;}


li#nav_1 a:hover { background : url(images/homewh.gif) no-repeat 50% 100%; text-indent : -9999px; }
li#nav_2 a:hover { background : url(images/ankletswh.gif) no-repeat 50% 100%; text-indent : -9999px; }
li#nav_3 a:hover { background : url(images/braceletswh.gif) no-repeat 50% 100%; text-indent : -9999px; }
li#nav_4 a:hover { background : url(images/necklaceswh.gif) no-repeat 50% 100%; text-indent : -9999px; }
li#nav_5 a:hover { background : url(images/watcheswh.gif) no-repeat 50% 100%; text-indent : -9999px; }
li#nav_6 a:hover { background : url(images/dogproductswh.gif) no-repeat 50% 100%; text-indent : -9999px; }

/* Generic mouseover */
.gallerycontainer{position: relative;}
.thumbnail img{border: 1px solid white;margin: 0 5px 5px 0;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid white;}

/* necklace */
.thumbnail span{position: absolute;background-color: white;padding: 0;left: -1000px;visibility: hidden;
color: black;text-decoration: none;}
.thumbnail span img{border-width: 0;padding: 2px;}
.thumbnail:hover span{ visibility: visible;top: 0;left: 0px; top:-305px}
* html .thumbnail:hover span { left:-80px; }


/* bracelets*/
.bthumbnail img{border: 1px solid white;margin: 0 5px 5px 0;}
.bthumbnail:hover{background-color: transparent;}
.bthumbnail:hover img{border: 1px solid white;}
.bthumbnail span{position: absolute;background-color: white;padding: 0;left: -700px;visibility: hidden;
color: black;text-decoration: none;}
.bthumbnail span img{border-width: 0;padding: 2px;}
.bthumbnail:hover span{visibility: visible;top: 0;left: 0px; top:-190px}
* html .bthumbnail:hover span { left:-40px;top:-198px} 


.orderleft{width: 200px; float:left;}
.orderright{width:100px; float:left}