@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {background-color: #999;}

a:link {color:#FFF; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active{color:#FFF; text-decoration:none;}

#wrapper {position: relative; width: 1000px; margin: 0px auto;}

#wrapperHome {position: relative; margin: 100px auto 0px auto;}

#wrapperInterior {position: relative; margin: 0px auto 0px auto;}

#wrapper_indexphotos { width: 1000px; margin: 0px auto 0px auto;}
#wrapper_Alt {position: relative; width: 1000px; margin: 0px auto;}


#HomeHeader { 
	height: 170px;
	margin: 0px; 
	text-align: center;
	background-color:#666666;
	padding-top:50px;
}
#HomeHeader_alt { 
	height: 170px;
	margin: 0px; 
	text-align: center;
	background-color:#666666;
	padding-top:50px;
}

#InteriorHeader {
	height:60px; 
	margin: 0px; 
	text-align: center;
	background-color:#666666;
}

img.interiorlogo{padding-top:15px;}

#overtopbox_textbox {
	position: absolute;
	padding: 0px;
	/*margin: 310px 0px 0px -370px;*/
	top:300px;
	left:540px;
	display: block;
	width: 350px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	z-index: 1;
	display:inline;	
}
#top_textbox {
	position: absolute;
	padding: 0px;
	/*margin: 310px 0px 0px -370px;*/
	top:300px;
	left:540px;
	display: block;
	width: 350px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
}
#overtopbox_textboxAbout {
	position: absolute;
	padding: 0px;
	/*margin: 210px 0px 0px -270px;*/
	top:95px;
	left:650px;
	display: block;
	width: 300px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	z-index: 1;
	display:inline;
}
#overtopbox_textboxContact {
	position: absolute;
	padding: 0px;
	/*margin: 210px 0px 0px -270px;*/
	top:135px;
	left:650px;
	display: block;
	width: 300px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	z-index: 1;
	display:inline;
}
#top_textboxWhere {
	position: absolute;
	padding: 0px;
	/*margin: 210px 0px 0px -270px;*/
	top:120px;
	left:315px;
	display: block;
	width: 360px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
}


#top_textboxBuyCC {
	position: absolute;
	padding: 0px;
	/*margin: 210px 0px 0px -270px;*/
	top:135px;
	left:650px;
	display: block;
	width: 300px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	z-index: 1;
	display:inline;
}
#top_textboxSM {
	position: absolute;
	padding: 0px;
	/*margin: 210px 0px 0px -270px;*/
	top:135px;
	left:650px;
	display: block;
	width: 300px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	z-index: 1;
	display:inline;
}

/* ----- IMAGE STYLES ----- */


/* Turn off borders on image links */
img {border:0;}

#homeimage_box {
	width:1000px;
	height:525px;
	padding:0;
	margin:0 auto;
	display:block;
}

#image_box {
	position:relative;
	width:1000px;
	height:510px;
	padding:0;
	margin:0 auto;
	display:block;
	text-align:center;
}
#image_boxAlt {
	position:relative;
	width:1000px;
	height:525px;
	padding:0;
	margin:0 auto;
	display:block;
	text-align:center;
}

#arrowsbox { width:990px; margin: 5px; text-align:center;}

#jewelryimage_box {
	width:1000px;
	height:530px;
	display:block;
	text-align: center;
	margin:0px;
}

/* ----- eSHOP PAGES STYLES ----- */
#shop_leftnav {
	position:relative;
	float:left;
	width:190px;
	height:auto;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
}
div.collection { font-size:16px; font-weight:bold; text-transform:uppercase; color:#CCC; letter-spacing:.075em; text-decoration:underline;}

div.collection_names { padding: 10px 0 0 15px; color:#CCC; letter-spacing:.05em; text-align:left;}
/*div.collection_names p { padding-bottom:20px;}*/
p.collection_cat {font-size:15px; text-transform:uppercase; padding-top:15px;}
p.collection_cat a:link {color:#CCC; text-decoration:none;}
p.collection_cat a:visited {color:#CCC; text-decoration:none;}
p.collection_cat a:hover {color:#000; text-decoration:none;}
p.collection_cat a:active{color:#CCC; text-decoration:none;}

p.collection_firstcat {font-size:15px; text-transform:uppercase; padding-top:5px;}
p.collection_firstcat a:link {color:#CCC; text-decoration:none;}
p.collection_firstcat a:visited {color:#CCC; text-decoration:none;}
p.collection_firstcat a:hover {color:#000; text-decoration:none;}
p.collection_firstcat a:active{color:#CCC; text-decoration:none;}

p.collection_subcat {font-size: 13px; padding:5px 0px 5px 15px;}
p.collection_subcat a:link {color:#CCC; text-decoration:none;}
p.collection_subcat a:visited {color:#CCC; text-decoration:none;}
p.collection_subcat a:hover {color:#000; text-decoration:none;}
p.collection_subcat a:active{color:#CCC; text-decoration:none;}

div.eshop_pages {font-size:14px; padding: 20px 0 5px 0; text-transform:uppercase; color:#CCC; letter-spacing:.05em;}
div.eshop_pages p { padding-bottom:20px;}
span.eggvideo {font-size:12px; text-transform:uppercase; color:#CCC; letter-spacing:.05em; font-style:italic;}
.eshop_pages a:link {color:#CCC; text-decoration:none;}
.eshop_pages a:visited {color:#CCC; text-decoration:none;}
.eshop_pages a:hover {color:#000; text-decoration:none;}
.eshop_pages a:active{color:#CCC; text-decoration:none;}


#jewelry_samples { position:relative; float:left; width:512px; height:auto; margin:20px 0; padding:0; }

div.jewelry_4box {position:relative; float:left; width:256px; height:256px; margin:0; padding:0;}
div.rotate_necklaces {position:relative; float:left; width:256px; height:256px; margin:0; padding:0;}

#jewelry_samples ul {list-style-type: none; margin: 0; padding: 0;}

#jewelry_samples li {display: inline; float:left;}

#jewelry_samples li img { display: block;}

#shop_rtcol {position:relative; float:right; width:220px; height:auto; margin:20px 20px 20px 0px; font-family:Arial, Helvetica, sans-serif; }

div.collection_title {font-size:15px; font-weight:bold;  color:#FFF; letter-spacing:.05em; text-align:left;}

div.collection_description {font-size:12px; color:#CCC; margin:10px 0; text-align:left;}
div.collection_description p { padding-bottom:10px;}

.readmore {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-transform:uppercase;}
.readmore a {color:#FFF; text-decoration:none;}
.readmore a:hover {color:#333; text-decoration:underline;}


#product_image { position:relative; float:left; width:425px; height:auto; display:block; margin-top:20px; padding:0; margin-bottom:20px;}

#product_info {position:relative; float:right; width:305px; height:auto; margin:20px 20px 20px 0px; font-family:Arial, Helvetica, sans-serif;}

div.product_title {font-size:15px; font-weight:bold;  color:#FFF; letter-spacing:.05em; margin-bottom:15px;}
div.product_desc {font-size:13px; color:#CCC; margin-bottom:20px; line-height:20px;}
div.product_sku {font-size:12px; color:#CCC; margin-bottom:20px;}
div.product_sku p { padding-bottom:10px;}
div.product_price {font-size:14px;  color:#ccc; margin-bottom:25px;}
div.product_price p { padding-bottom:18px;}
div.product_hang p {font-size:11px; color:#999; margin-bottom:20px;padding-top:4px;}

#mainshoptext { position:relative; float:left; width:725px; height:auto; font-family:Arial, Helvetica, sans-serif; margin:20px 0; padding:0;}
div.maintext {font-size:13px; color:#CCC; text-align:left;}
div.maintext p { padding-bottom:10px;}
div.maintext h1 {font-size:18px; text-transform:uppercase; color:#FFF; letter-spacing:.05em; padding-top:-10px; padding-bottom:10px;}
div.maintext h2 {font-size:15px; text-transform:uppercase; color:#FFF; letter-spacing:.05em; padding-bottom:-.125em;}

#pbshopcart {position:relative; width:900px; height:auto; font-family:Arial, Helvetica, sans-serif; margin-top:25px; margin-left:50px; color:#CCC;}

/* ----- TEXT and MISC STYLES ----- */
.bold {font-weight: bold;}
.italic {font-style: italic;}
.boldItalic {font-style: italic; font-weight: bold;}
span.uppercase {text-transform:uppercase;}
span.e {text-transform: lowercase;}

p {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	margin:0px;
}

div.overtopbox_text {
	font-family:Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	padding:5px;
}
.text{ font-size:13px; color:#FFFFFF; line-height:18px;}

.text a:link {color:#FFF; text-decoration:none;}
.text a:visited {color:#FFF; text-decoration:none;}
.text a:hover {color:#333; text-decoration:underline;}
.text a:active{color:#FFF; text-decoration:none;}


.abouttext { font-size:12px; color:#FFF; line-height:16px; padding-bottom:10px;}

.retailertext { font-size:14px; color:#FFF;  line-height:22px; text-align:center; padding-bottom:10px; letter-spacing:.05em;}
.retailertext a:link{color:#FFF;text-decoration:none;}
.retailertext a:visited {color:#FFF; text-decoration:none;}
.retailertext a:hover {color:#000; text-decoration:none;}
.retailertext a:active {color:#FFF; text-decoration:none;}



.retailernew { font-size:13px; color:#CCC; line-height:20px; text-align:center; padding-bottom:10px; letter-spacing:.0em;}

h1 {
	text-transform:uppercase;
	color:#FFF;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:.15em;
}

.titles {
	text-transform:uppercase;
	color:#CCCCCC;
	padding:15px 0 2px 0;
	font-size:13px;
	font-weight:bold;
	letter-spacing:.15em;
}

.Wheretitle {
	text-align:center;
	color:#CCCCCC;
	padding:15px 0 5px 0;
	font-size:13px;
	font-weight:bold;
	letter-spacing:.0em;
}
.locations {
	text-transform:uppercase;
	color:#CCCCCC;
	padding-top:22px;
	font-size:13px;
	font-weight:bold;
	letter-spacing:.15em;
}

.webdesigner {
	text-transform:uppercase;
	color:#333;
	font-weight:bold;
	padding-top:60px;
	font-size:10px;
	letter-spacing:.15em;
}
.webdesignertext { font-size:10px; color:#333; line-height:16px; padding-top:20px;}
.webdesignertext a:link {color:#333; text-decoration:none;}
.webdesignertext a:visited {color:#000; text-decoration:none;}
.webdesignertext a:hover {color:#FFF; text-decoration:underline;}
.webdesignertext a:active {color:#333; text-decoration:none;}

.photographer {
	text-transform:uppercase;
	color:#333;
	font-weight:bold;
	padding-top:20px;
	font-size:10px;
	letter-spacing:.15em;
}
.aboutTitle {
	text-transform:uppercase;
	color:#CCCCCC;
	padding-top:22px;
	font-size:13px;
	font-weight:bold;
	letter-spacing:.15em;
}

#jewelry_textbox {
	width:600px;
	text-align:center;
	padding: 10px 200px 10px 200px;
	display:block;
}

div.jewelry_text { font-family:Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding:5px; letter-spacing:.1em;}

#copyright {
	position: relative;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	clear: both;
	padding: 15px 0;
}

.copyright_PB{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#666;
	font-size:11px
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
}

.copyright_whPB{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#CCC;
	font-size:11px
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
}

.copyright_PB a:link {color:#666; text-decoration:none;}
.copyright_PB a:visited {color:#666; text-decoration:none;}
.copyright_PB a:hover {color:#FFF; text-decoration:underline;}
.copyright_PB a:active {color:#666; text-decoration:none;}

.copyright_text{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#666;
	font-size:10px;
	font-weight:bold;
	padding-bottom:5px;
}

.copyright_text a:link {color:#666; text-decoration:none;}
.copyright_text a:visited {color:#666; text-decoration:none;}
.copyright_text a:hover {color:#FFF; text-decoration:underline;}
.copyright_text a:active{color:#FFF; text-decoration:none;}

.copyright_whtext{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	padding-bottom:5px;
}

.copyright_whtext a:link {color:#FFF; text-decoration:none;}
.copyright_whtext a:visited {color:#FFF; text-decoration:none;}
.copyright_whtext a:hover {color:#333; text-decoration:underline;}
.copyright_whtext a:active{color:#333; text-decoration:none;}

.copyright_locations{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#666;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
	letter-spacing: .15em;
}
.copyright_WDesign{
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color:#666666;
	font-size:9px;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom:5px;
}

.copyright_WDesign a:link { color:#666666; text-decoration:none;}
.copyright_WDesign a:visited { color:#666666; text-decoration:none;}
.copyright_WDesign a:hover { color:#FFF; text-decoration:underline;}
.copyright_WDesign a:active { color:#666666; text-decoration:none;}


/* ----- NAVIGATION BAR ----- */

#NavBar {
	height:35px;
	text-align: center;
	margin: 0px;
	padding:0px;	
}
.NavBarText {
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-size:12px;
	color: #FFFFFF; 
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing: .15em;
	margin-top: 0px;
	padding-top:10px;
}

.NavBarText li{
	display:inline;
	padding-right: 50px;
}
.NavBarText li.last{ padding-right:0px;}

.NavBarText a:link {color:#FFF; text-decoration:none;}
.NavBarText a:visited {color:#FFF; text-decoration:none;}
.NavBarText a:hover {color:#333; text-decoration:none;}
.NavBarText a:active {color:#FFF; text-decoration:none;}

p.smtext{ font-size:16px; color:#FFFFFF; line-height:28px;}

p.smtext a:link {color:#FFF; text-decoration:none;}
p.smtext a:visited {color:#FFF; text-decoration:none;}
p.smtext a:hover {color:#333; text-decoration:underline;}
p.smtext a:active{color:#FFF; text-decoration:none;}

p.sm_inttext{ font-size:12px; color:#FFFFFF; padding-left:15px; line-height:18px;}

p.sm_inttext a:link {color:#FFF; text-decoration:none;}
p.sm_inttext a:visited {color:#FFF; text-decoration:none;}
p.sm_inttext a:hover {color:#333; text-decoration:underline;}
p.sm_inttext a:active{color:#FFF; text-decoration:none;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background-color: #eee;
	padding: 5px;
	opacity: 0.80;
	font-size:60%;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}
#tooltip h3, #tooltip div { margin: 0; }

#jewelry_samples li.over {
		background-color:#000;	
		display:block;
		opacity:				.4;
		filter:					alpha(opacity=40);
		-moz-opacity:			0.4;		
	}

