/* CSS Document */

a:link, a:active, a:visited, a:hover {
	color: #f49422;
	text-decoration: none;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	}

a.mainNav:link, a.mainNav:active, a.mainNav:visited, a.mainNav:hover {
	color: #999;
	text-decoration: none;
	outline: none;
	}

a.mainNav:hover {
	color: #f49422;
	}

a.mainNavOn:link, a.mainNavOn:active, a.mainNavOn:visited, a.mainNavOn:hover {
	color: #f49422;
	text-decoration: none;
	outline: none;
	}

a.gray:link, a.gray:active, a.gray:visited, a.gray:hover {
	color: #747472;
	text-decoration: none;
	outline: none;
	}

a.gray:hover {
	color: #f49422;
	text-decoration: underline;
	}

body {
	background-color: #fff;
	background-image: url('img/bg.gif');
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 15px;
	}

form {
	padding: 0px;
	margin: 0px;
	}

/* STRUCTURAL */


.containerDiv {
	position: absolute;
	background-color: #fff;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-left: -400px;
	margin-top: 25px;
	}

.containerExpandDiv {
	border: 1px solid #fff;
	background-color: #fff;
	margin-top: 24px;
	width: 800px;
	}

/*.navDiv {
	z-index: 2;
	position: relative;
	float: left;
	width: 329px;
	height: 15px;
	margin-top: 21px;
	}*/

.navItem {
	float: left;
	}

.navDiv {
	position: absolute;
	left: 10px; top: 15px;
	text-align: left;
	}

.navTextDiv_top {
	position: relative;
	float: left;
	z-index: 2;
	padding: 0px 0px 7px 0px;
	margin: 0px;
	font-size: 9px;
	color: #999;
	border-bottom: 1px solid #dddbd8;
	}

.navTextDiv_bottom {
	position: relative;
	float: left;
	clear: both;
	z-index: 2;
	padding: 7px 0px 0px 0px;
	margin: 0px;
	font-size: 9px;
	color: #999;
	}

.navTextItem {
	position: relative;
	float: left;
	padding: 0px 6px 0px 6px;
	margin: 0px;
	}

.navTextItemMSIE {
	position: relative;
	float: left;
	padding: 0px 3px 0px 3px;
	margin: 0px;
	}

.logoDiv {
	z-index: 2;
	position: absolute;
	left: 350px; top: 15px;
	width: 232px;
	height: 45px;
	}

#homeBeadsDiv {
	position: absolute;
	left: 182px;
	top: 104px;
	}

.mainImg {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	}

.mainImgSub1 {
	z-index: 1;
	position: relative;
	float: right;
	margin-top: 10px;
	}

.bottomNavDiv {
	position: absolute;
	left: 50%;
	top: 625px;
	width: 800px;
	height: 17px;
	margin-left: -400px;
	text-align: right;
	}

.bottomNavItem {
	float: right;
	height: 20px;
	margin-bottom: 20px;
	}

.leftBarDiv {
	position: absolute;
	width: 300px;
	left: 0px;
	top: 110px;
	text-align: left;
	}

#itemPrice {
	font-weight: bold;
	}

.productThumbsDiv {
	position: relative;
	float: left;
	width: 120px;
	left: 30px;
	text-align: left;
	}

#productContentDiv {
	position: absolute;
	width: 270px;
	left: 30px;
	top: 290px;
	text-align: left;
	}

.earringThumbsDiv {
	position: relative;
	float: left;
	width: 240px;
	left: 30px;
	text-align: left;
	}

.earringContentDiv {
	position: relative;
	float: left;
	clear: both;
	width: 270px;
	left: 30px;
	margin-top: 121px;
	text-align: left;
	}

.otherContentDiv {
	clear: both;
	position: relative;
	float: none;
	width: 800px;
	height: 540px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	}

.otherContentExpandDiv {
	position: relative;
	float: left;
	background-color: #fff;
	width: 800px;
	padding-left: 29px;
	margin: 0px;
	padding: 0px;
	}

.contactContentDiv {
	position: relative;
	float: left;
	width: 270px;
	top: 130px;
	left: 352px;
	margin: 0px;
	text-align: left;
	}

.pressContentDiv {
	position: relative;
	float: left;
	width: 790px;
	top: 130px;
	left: 10px;
	margin: 0px;
	text-align: left;
	}

.storesContentDiv {
	position: relative;
	float: left;
	width: 780px;
	top: 40px;
	left: 40px;
	margin-top: 80px;
	margin-bottom: 60px;
	text-align: left;
	}

.storesCol {
	position: relative;
	float: left;
	width: 230px;
	padding: 0px 20px 0px 0px;
	text-align: left;
	}

.companyContentDiv {
	position: relative;
	width: 740px;
	top: 40px;
	left: 29px;
	margin-top: 80px;
	margin-bottom: 60px;
	text-align: left;
	}


.buyButtonDiv {
	float: left;
	margin-top: 6px;
	}

.itemOptionsDiv {
	float: left;
	margin: 8px 0px 0px 8px;
	}

#necklaceBeadsDiv {
	position: absolute;
	left: 182px;
	top: 104px;
	}

#braceletBeadsDiv {
	position: absolute;
	left: 134px;
	top: 230px;
	}

#earringBeadsDiv {
	position: absolute;
	left: 130px;
	top: 214px;
	}

.moreImagesDiv {
	z-index: 2;
	position: relative;
	float: right;
	top: 58px;
	margin-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}

.moreArrow {
	margin: 0px 0px 0px 3px;
	}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #999;
	padding: 1px;
	}

.itemName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 15px;
	font-weight: bold;
	}

.subhead {
	color: #f49422;
	}

#div_mask {
	position: absolute;
	left: 0px; top: 0px;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	z-index: 100;
	display: none;
	}

#div_img_lrg {
	position: absolute;
	left: 0px; top: 0px;
	padding: 30px;
	background-color: #fff;
	z-index: 200;
	display: none;
	border: 2px solid #ccc;
	}

#morepress {
	position: absolute;
	left: 0px;
	top: 560px;
	text-align: center;
	width: 800px;
	}