/* general */


body { background: #edeee0; font: normal 0.7em Verdana, Arial,sans-serif;	padding: 2% 0;}

a {color: #8a8a6b; text-decoration: none;}
a:hover {color: red; text-decoration: none;}
a.red:link {color: #FF0000}
a.red:hover {color: #e7a20e; text-decoration: none;}
* {margin: 0; padding: 0;}
big {font-size: 1.1em;}

h1,h2,h3 {color: #8a8a6b; }

h1 {font: bold 1.0em verdana, Arial, sans-serif; padding: 8px 0 15px;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: none;}

h2 {font: bold 1.0em verdana,Arial, sans-serif; padding: 15px 0px 15px; }
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: none;}


h3 {font: bold 1.0em verdana, Arial,  sans-serif; line-height: 1.2em;}


img {border: none;}

li {line-height: 1.5em; }
p {padding: 2px 0 10px ; font: normal 0.78em Verdana, Arial ,sans-serif; line-height: 1.5em; }

ul {padding: 0 2em 1.2em;}

/* below image */
#wrapper { background: #797b4e left bottom; margin: 0 auto;	width: 900px;}
#container { background: #cfa956; border-top: 6px solid #797b4e; font-size: 1.3em; line-height: 1.3em; margin: 0 auto;	width: 884px;}

/* rounder top */
.top { background: #edeee0 url(images/top3.gif) no-repeat; height: 11px;}
.title { background: #edeee0; height: 10%;}
.title h1 { color: #8a8a6b; font: normal 1.5em verdana,sans-serif; padding: 0.1%  0.5% 1.5% 1%; text-align: left;}

.header { border-top: 1px solid #663; border-bottom: 1px solid #663; background: #ded0b1 url(images/header.jpg) no-repeat center bottom; height: 100px; }

.main {background: #FFF ; }

/*odds and ends */

.clear {clear: both;} 
.clearer {font-size: 0;}
.content {padding: 18px 20px;}
.content_links {padding: 18px 20px;}
.index_content {padding: 18px 20px;}
.content_index_gallery { padding: 18px 20px; border-bottom: 2px solid #ded0b1; height: 800px;}
.content_srajd { padding: 18px 20px;  }
.gallerycontent {padding: 18px 20px; }
.preciousnecklaces1 {padding: 18px 20px; }
.preciousnecklaces2 {padding: 18px 20px; }
.preciousearrings {padding: 18px 20px; }
.preciousbracelets {padding: 18px 20px; }
.elementalnecklaces1 {padding: 18px 20px; }
.elementalnecklaces2 {padding: 18px 20px; }
.elementalbracelets {padding: 18px 20px; }
.elementalearrings {padding: 18px 20px; }
.elementalchildren {padding: 18px 20px; }
.children {padding: 18px 20px; }
.orange {color: #e7a20e; }
.black {color: black;}
.valid {text-align: center; margin: 15px;}
.srajd {text-align: center; padding-top: 50px; }
.paypal {text-align: center; padding-top: 20px; }

#description {margin: 10px 10px 0px 10px; font: normal 0.6em verdana, Arial, sans-serif; text-align: justify; }
#top_of_page {text-align: right; }

.external_site_links {float: left; padding-bottom: 20px; padding-top: 30px; padding-left: 20px; font: normal 0.8em verdana, Arial, sans-serif; text-align: center; height: 61px; line-height: 1.4em; width: 400px;}
/* bottom */
.bottom { background: #edeee0 url(images/bottom.gif) repeat-x; height: 42px;
	
}
.bottom2	 { background: #797b4e url(images/bottom4.gif) no-repeat; height: 11px;
}
/* footer */
.footer { background: #797b4e; padding: 0.3em; }
#gs2	{ font: bold 0.9em verdana,sans-serif; text-align: center;}
#gs2 a:link { color: black; }

#gs2 a:hover {color: #edeee0; text-decoration: none;}
 
/*thumbnail */


.thumbnail{width: 800px; background-color: #F2F0EA; padding: 10px; margin: 10px 20px 20px 20px; border: 1px solid #ded0b1;text-align: justify; }
.thumbnail img {float:left ; border: 2px solid white;  }
.thumbnail p {margin-left: 200px; font: normal 0.7em verdana, Arial, sans-serif; line-height: 1.3em; color: #8a8a6b;} 
.thumbnail h2 {margin-left: 200px; font: normal 0.7em verdana, Arial, sans-serif; line-height: 1.3em; color: black;}
.thumbnail p.red {margin-left: 200px; font: normal 0.7em verdana, Arial, sans-serif; line-height: 1.2em; color:black; }

.thumbnail_index_bottom {float: left; width: 210px; padding: 4px; border: 1px solid #a9a9a9; margin: 20px 0 20px 100px; text-decoration: none; text-align: center ; font: normal 0.76em verdana, Arial, sans-serif; position: relative; }


.thumbnail_index { float: right; margin: 0 0 10px 10px; padding: 4px; border: 1px solid #a9a9a9; }

/* gallery */
.gallery_thumbnail , .gallery_thumbnail a
{
float: left;
width: 168px;
text-align: center;
margin: 0 5px 5px 0;
font: normal 0.8em verdana, Arial, sans-serif; color: black;
}
.gallery_thumbnail a:hover {color: #e7a20e; text-decoration: none;}

#gallery_content  {float: left ; margin: 0 0 0 80px  ; }



.shop_link { font: normal 0.7em verdana, Arial, Verdana, sans-serif; }
/* fancy image view */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url("data:image/gif;base64,AAAA"); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*navigation */
#navlist { margin-left: 0; border-bottom: 2px solid #ded0b1; background: #DED9D0 url(images/nav.gif) repeat-x; height: 49px; padding: 0; font: bold 0.85em verdana,sans-serif;}

#navlist li { list-style: none; margin: 0; display: inline;}

#navlist li a { color: #8a8a6b; border-right: 2px solid #ded0b1; float: left; font: bold 0.85em verdana,sans-serif; padding: 0 17px; line-height:48px; text-align: left; text-decoration: none; margin: 0;}

#navlist li a:link { color: #8a8a6b; }

#navlist li a:hover, 

#navlist li a#current {color: #dbc5a1; border-right: 1px solid #8a8a6b; border-left: 1px solid #8a8a6b; border-top: 1px solid #8a8a6b; border-bottom: 1px solid #8a8a6b;}

#subnavlist { margin-left: 0; border-bottom: 2px solid #ded0b1;  border-top: 1px solid #ded0b1;background: #DED9D0 url(images/nav.gif) repeat-x; height: 49px; padding: 0; font:bold 0.85em verdana,sans-serif;}

#subnavlist li { list-style: none; margin: 0; display: inline; }

#subnavlist li a { color: #8a8a6b; border-right: 2px solid #ded0b1; float: left; font: bold 0.85em verdana,sans-serif; padding: 0  17px;line-height: 48px;  text-align: left; text-decoration: none; margin: 0; }

#subnavlist li a:link { color: #8a8a6b; }


#subnavlist li a:hover, 

#subnavlist li a#subcurrent {color: #dbc5a1; border-right: 1px solid #8a8a6b; border-left: 1px solid #8a8a6b; border-top: 1px solid #8a8a6b; border-bottom: 1px solid #8a8a6b;}

.page_navigation1 { text-align: center; font: bold 0.9em verdana, Arial, Verdana, sans-serif; }
.page_number { text-align: right; font: bold 0.9em verdana, Arial, Verdana, sans-serif; }

/* right nav */
ul.square {border-top: 1px dashed #BCBAAC; margin: 4px 0;
	padding: 0;
	width: 90%;
	}
.square li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;}
.square li a,.block li em {
	color: #553;
	display: block;
}
.square li em {
	font-size: 0.9em;
	font-style: normal;
}
.square li a {
	padding: 5px 3%;
	text-decoration: none;
	width: 94%;
}
.square li a span {font-weight: bold;}
.square li a:hover {
	background: #D2D0C0 ;
	color: #553;}
.right .square,.right .square li {border-color: #DCDACC;}
.right .square li a:hover {background: #F2F0EA;}
.right .square li a#current {background: #F2F0EA;}

.right_nav { padding: 18px 10px 0px 0px; background: #fbfbf8 ; width: 25%;float: right;}

/* border */

.border_middle {border-bottom: 2px solid #ded0b1; }

/* breadcrumb */

.breadcrumb { font: normal 0.76em verdana, sans-serif; padding: 2px 0 10px ; line-height: 1.5em; }

.breadcrumb a{ color: #dbc5a1; }

.breadcrumb a:active{ color: black; }

.breadcrumb a:hover{ text-decoration: underline; }
#top_page {font-size: 0.9em; padding: 0 0 0 30px;}
#top_page_gallery {font-size:0.9em; padding: 0 0 0 17px;}
/* to sort out 2 colums */
.col2 .left {width: 74%;}
.col2 .right .content {background: #fbfbf8; }
.col2 .right {width: 25%;}
.left {float: left; }
.right .content {padding: 18px 12px 12px;}
.right {float: right; }