/* J Peck Nav Styles */

/* Function Nav */

#functNav {
	background: url(img/topbar_bkg.jpg) repeat-x;
	height: 29px;
	width: 680px;
	position: relative;
	top: 122px;
	left: 45px;
	z-index: 3;
}

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

#functNav ul li span {
	display: none;
}

#home {
	float: left;
}

#home a {
	display: block;
	background: url(img/home_btn.jpg) no-repeat;
	width: 62px;
	height: 29px;
}

#home a:hover {
	background: url(img/home_btn.jpg) no-repeat 0 -29px;
}

#tell {
	float: left;
}

#tell a {
	display: block;
	background: url(img/tell_btn.jpg) no-repeat;
	width: 124px;
	height: 29px
}

#tell a:hover {
	background: url(img/tell_btn.jpg) no-repeat 0 -29px;
}

#tell a.active {
	background: url(img/tell_btn.jpg) no-repeat 0 -29px;
}

#login {
	float: left;
}

#login a {
	display: block;
	background: url(img/login_btn.jpg) no-repeat;
	width: 63px;
	height: 29px
}

#login a:hover {
	background: url(img/login_btn.jpg) no-repeat 0 -29px;
}

#print {
	float: right;
	position: relative;
	right: 150px
}

#print a {
	display: block;
	background: url(img/print_btn.jpg) no-repeat;
	width: 101px;
	height: 29px;
}

#print a:hover {
	background: url(img/print_btn.jpg) no-repeat 0 -29px;
}

#search {
	position: absolute;
	top: 0;
	right: 0px;
	width: 140px;
}

#search form {
	display: inline;
}

#search input {
	display: block;
	font-family: georgia, times, serif;
	font-size: 70%;
	color: #401408;
	background-color: #ECDED4;
	border: 1px solid #3D1208;
	width: 93px;
	height: 19px;
	padding: 3px 4px 2px 4px;
	margin: 5px 0 0 0;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:87px;
  height: 12px;
}

#go {
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/go_btn.jpg) no-repeat;
	width: 42px;
	height: 29px;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0
}

#go:hover {
	background: url(img/go_btn.jpg) no-repeat 0 -29px;
}

/* Home Nav */

#homeFlash ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 313px;
	left: 2px
}

#homeFlash li {
	float: left;
}

#homeFlash span {
	display: none
}

#rings {
	display: block;
	background: url(img/ring_btn.jpg) no-repeat;
	width: 122px;
	height: 114px;
}

#rings:hover {
	background: url(img/ring_btn.jpg) no-repeat 0 -114px;
}

#watches {
	display: block;
	background: url(img/watch_btn.jpg) no-repeat;
	width: 110px;
	height: 114px;
}

#watches:hover {
	background: url(img/watch_btn.jpg) no-repeat 0 -114px;
}

#earrings {
	display: block;
	background: url(img/earrings_btn.jpg) no-repeat;
	width: 119px;
	height: 114px;
}

#earrings:hover {
	background: url(img/earrings_btn.jpg) no-repeat 0 -114px;
}

#necklaces {
	display: block;
	background: url(img/necklace_btn.jpg) no-repeat;
	width: 133px;
	height: 114px;
}

#necklaces:hover {
	background: url(img/necklace_btn.jpg) no-repeat 0 -114px;
}

#bracelets {
	display: block;
	background: url(img/bracelets_btn.jpg) no-repeat;
	width: 125px;
	height: 114px;
}

#bracelets:hover {
	background: url(img/bracelets_btn.jpg) no-repeat 0 -114px;
}

#gifts {
	display: block;
	background: url(img/gifts_btn.jpg) no-repeat;
	width: 100px;
	height: 114px;
}

#gifts:hover {
	background: url(img/gifts_btn.jpg) no-repeat 0 -114px;
}

/* Primary Nav */


#nav {
	background: url(img/nav_bkg.jpg) repeat-y;
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
	width: 167px;
	position: relative;
	top: 10px;
	left: 21px;
}

#nav li {
	position: relative;
	left: 3px;
}

/* Level One Styles */

#nav li a {
	display: block;
	width: 161px;
	font-family: georgia, times, sans-serif;
	text-decoration: none;
	color: #ECDED4;
	font-size: 115%;
	padding: 4px 6px 4px 6px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:149px;
  border-top: 1px solid #881500;
  border-bottom: 1px solid #470E03;
  background: none
}

#nav li a:hover {
	color: #361007;
	background-color: #FFFFFF;
}

#nav li a.on {
	color: #fff;
	background: url(img/nav_lvl_1_on.jpg) repeat-x #3C1208;
	font-weight: bold;
}
#nav li a.on:hover {
	color: #361007;
	background-color: #FFF;
	background-image: none;
}

#nav li a.active {
	color: #361007;
	background-color: #FFFFFF;
	background-image: none;
}

/* Level Two Styles */

#nav ul {
	margin: 0;
	padding: 0;
	width: 161px;
	list-style: none;
	background-color: #881500;
}

#nav li li {
	position: relative;
	left: 0;
}

#nav li li a {
	display: block;
	width: 161px;
	font-family: helvetica, arial, serif;
	text-decoration: none;
	color: #ECDED4;
	font-size: 90%;
	padding: 3px 6px 3px 6px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:149px;
  border: 0;
  background-image: none;
  background-color: #AE1A00
}

#nav li li a:hover {
	color: #361007;
	background-color: #FFFFFF;
}

#nav li li a.on {
	color: #fff;
	font-style: italic;
	background-color: #AE1A00;
	background-image: none;
	font-weight: bold
}

#nav li li a.on:hover {
	color: #361007;
	background-color: #FFF;
	background-image: none;
}

#nav li li a.active {
	color: #361007;
	background-color: #FFFFFF;
	background-image: none;
}

/* Level Three Styles */

#nav ul ul {
	margin: 0;
	padding: 0;
	width: 161px;
	list-style: none;
	background-color: #3B1208;
}

#nav li li li a {
	display: block;
	width: 161px;
	font-family: helvetica, arial, serif;
	text-decoration: none;
	color: #ECDED4;
	font-size: 90%;
	padding: 3px 14px 3px 14px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:133px;
  border: 0;
  background: none
}

#nav li li li a:hover {
	color: #361007;
	background-color: #FFFFFF;
}

#nav li li li a.on {
	color: #fff;
	font-style: italic;
	background-color: #5E1B0B;
	background-image: none;
	font-weight: bold
}

#nav li li li a.on:hover {
	color: #361007;
	background-color: #FFF;
	background-image: none;
}

#nav li li li a.active {
	color: #361007;
	background-color: #FFFFFF;
	background-image: none;
}

/* Level Four Styles */

#nav ul ul ul {
	margin: 0;
	padding: 0;
	width: 161px;
	list-style: none;
	background-color: #0a0301;
}

#nav li li li li a {
	display: block;
	width: 161px;
	font-family: helvetica, arial, serif;
	text-decoration: none;
	color: #fff;
	font-size: 90%;
	padding: 3px 22px 3px 22px;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:117px;
  border: 0;
  background: none
}

#nav li li li li a:hover {
	color: #361007;
	background-color: #FFFFFF;
}

#nav li li li li a.on {
	color: #361007;
	background-color: #FFFFFF;
	background-image: none;
}

#nav li li li li a.on:hover {
	color: #361007;
	background-color: #FFF;
	background-image: none;
}

#nav li li li li a.active {
	color: #361007;
	background-color: #FFFFFF;
	background-image: none;
	font-weight: bold
}


#navFoot {
	display: block;
	background: url(img/nav_foot.jpg) no-repeat;
	width: 167px;
	height: 55px;
	position: relative;
	top: 10px;
	left: 21px;
	margin-bottom: 10px;
}