@charset "utf-8";
/* CSS Document */
body {
background: #000 url(images/silver_back.gif) repeat-y center;
margin:0;
padding:0;
font: 12px Arial, Helvetica, sans-serif;
color:#fff;
}
object {
margin:0;
padding:0;
}
h1 {
font: italic bold 24px "Times New Roman", Times, serif;
}
a {
font-weight:bold;
}
a:link {
color: #ccc;
}
a:visited {
color: #ccc;
text-decoration:none;
}
a:hover, a:active {
color: #999;
text-decoration:overline underline;
}
h2 i, h3 i {
display:none;
}
#wrap {
width:733px;
border:1px solid #000;
border-width: 0 1px;
height:100%;
overflow:hidden;
margin:0 auto;
background-color:#333;
}
#banner {
width:713px;
height:47px;
margin:0;
padding:10px;
background:url(images/silver_header.gif) no-repeat bottom;
}
	#banner h1 {
	padding: 10px 0 0 0;
	margin:0;
	font-size:24px;
	}
	#address {
	width: 200px;
	float:right;
	text-align:right;
	}
		#address span {
		font-weight:bold;
		font-size:14px;
		}
#nav, #nav2 {
border:1px solid #000;
width:733px;
background: #909090 url(images/silver_nav.gif) repeat-x bottom;
height:20px;
height:20px;
}
#nav {
border-width: 1px 0;
}
#nav2{
border-width: 1px 0 0 0;
}
		.nav1 {
		width:325px;
		padding-left:8px;
		background-color:#ccc;
		font-weight:bold;
		font-size:10px;
		color:#000;
		}
		.nav2 {
		width:100px;
		text-align:center;
		background:url(images/silver_nav2.gif) no-repeat left;
		}
	#nav a, #nav2 a {
	height:18px;
	width:100px;
	display:block;
	padding-top:2px;
	}
	#nav a:link, #nav2 a:link {	
	text-decoration:none;
	color:#FFFFFF;
	}
	#nav a:visited, #nav2 a:visited {	
	text-decoration:none;
	}
	#nav a:hover, #nav a:active, #nav2 a:hover, #nav2 a:active {
	text-decoration:none;
	background-color:#000;
	color:#CCC;
	}
#layout {
width:733px;
border-top:1px solid #000;
background:url(images/silver_divider.gif) repeat-x top;
height:100%;
}
	#layout1 {
	width:200px;
	vertical-align:top;
	padding:20px 10px;
	}
	#layout2 {
	width:494px;
	vertical-align:top;
	padding:20px 10px;
	height:550px;
	}
#inventory table, #hours div, #additional, #repair {
border:1px solid #808080;
background-color:#404040;
}
	 #additional div {
		 text-align:center;
		 padding:5px;
	 }
#specials2, #specials3 {
border:1px solid #808080;
background-color:#4d4d4d;
}
			#specials3 li {
			list-style-image: url(images/silver_bullit2.gif);
			margin-bottom: 4px;
			padding:0 0 3px 3px;
			}
			#specials3 a {
			font-size:15px;
			text-decoration:none;
			}
#specialh2 {
height:49px;
width:181px;
background:url(images/silver_h2_special.gif) no-repeat;
margin:0;
padding:0;
}
#invh2 {
height:49px;
width:131px;
background:url(images/silver_h2_inv.gif) no-repeat;
margin:0;
padding:0;
}
	#specials2 div {
	padding:5px;
	background: url(images/silver_line.gif) no-repeat bottom center;
	}
		#specials2 a:link {
		color: #FFF;
		text-decoration:none;
		}
		#specials2 a:visited {
		color: #ccc;
		}
		#specials2 a:hover, #specials2 a:active {
		color: #999;
		text-decoration:underline;
		}
		#specials2 p {
		margin:8px 0;
		padding:0;
		}
		.itemid {
		font-size:10px;
		color: #ccc;
		}
		.oldprice {
		text-decoration:line-through;
		color: #ccc;
		}
		.newprice {
		font-size:16px;
		font-weight:bold;
		}
#repair {
	padding:10px 5px 5px 5px;
	font-size:.8em;
	overflow:hidden;
	margin-top:20px;
}
	#repairh2 {
	height:24px;
	width:124px;
	background:url(images/silver_h2_repair.gif) no-repeat;
	margin:0;
	padding:0;
	}
	#repair p {
		margin:0;
	}
	  #ticketnum {
		  width:100px;
	  }

#inventory {
margin:10px 0 40px 0;
}
	#inventoryh2 {
	height:44px;
	width:228px;
	background:url(images/silver_h2_inventory.gif) no-repeat;
	margin:0;
	padding:0;
	}
	#inventory table {
	width: 100%;
	}
		#inventory td {
		vertical-align:top;
		}
			#inv1, #inv2 {
			padding: 10px;
			width:270px;
			}
			#inv3 {
			background: url(images/silver_linev.gif) no-repeat left center;
			height:190px;
			padding:10px 10px 10px 15px;
			width:185px;
			}
			#inv3 select {
		width:200px;
		}
		#qsh3 {
		width:117px;
		height:26px;
		background: url(images/silver_h3_qs.gif) no-repeat;
		margin:0;
		padding:0;
		}
		#fbpch3 {
		width:190px;
		height:26px;
		background: url(images/silver_h3_fbpc.gif) no-repeat;
		margin:0;
		padding:0;
		}
		#pfh3 {
		width:135px;
		height:26px;
		background: url(images/silver_h3_pf.gif) no-repeat;
		margin:0;
		padding:0;
		}
#hours2 {
float:right;
width:270px;
padding-top:5px;
}
#hours {
width:270px;
margin:0;
float:left
}
	#hoursh2 {
	height:45px;
	width:256px;
	background:url(images/silver_h2_hours.gif) no-repeat;
	margin:0;
padding:0;
	}
	#hours div {
	width: 240px;
	}
	#hours table {
	margin: 10px auto;
	width: 240px;
	}
		.hdays {
		font-weight:bold;
		text-align:right;
		padding: 2px 10px 2px 0;
		}
		.hhours {
		padding:2px 0 2px 15px;
		background: url(images/silver_bullit.gif) no-repeat left;
		font-weight:bold;
		}

			.hhours span {
			font-size:10px;
			font-weight:normal;
			}
#paragraph2 {
margin-top:80px;
}
#footer {
border-top:1px solid #000;
background: #868686 url(images/silver_footer.gif) repeat-x bottom;
font-size:11px;
padding: 3px 10px;
}
	#footer span {
	float:right;
	}
	#footer p {
	margin:0;
	padding:0;
	font-size:11px;
	}
form {
margin:7px 0 0 0;
padding:0;
}
input, select {
font-size:11px;
vertical-align:middle;
}
.find {
width:53px;
height:30px;
background: url(images/silver_b_find.gif);
vertical-align:middle;
margin-left:10px;
}
.bsearch {
width:104px;
height:37px;
background:url(images/silver_b_search.gif);
margin:20px 0 0 35px;
}
#repairh1 {
		height:44px;
		background: url(images/silver_h1_repair.gif) no-repeat center;
		padding:0;
	}
	#ticketnum2 {
		font-size:1.5em;
		font-weight:bold;
		border:1px solid #808080;
		padding:5px;
		width:230px;
		color:#666;
		margin-left:5px;
	}
	#repairtd {
		padding:20px;
	}
.bstatus {
width:152px;
height:41px;
background: url(images/silver_b_status.gif);
float:right;
margin:5px 20px 0 0;
}
.highlight {
	border:1px solid #000;
	background-color:#FFF;
	color:#900;
	padding:4px 2px;
	text-align:center;
}
.b_back {
	float:right;
	margin:0 20px;
	border:1px solid;
	text-decoration:none;
	padding:3px;
}
.tools {
	border:1px solid #808080;
}
	.find img, .bsearch img, .bstatus img {
	display:none;
	}
.article {
margin-bottom: 15px;
}
.sideimg {
text-align:center;
}
	.sideimg img {
	border:1px solid #808080;
	}
.invresult {
width: 450px;
border-bottom: 1px solid #808080;
overflow:hidden;
padding:10px;
margin-bottom:20px;
clear:both;
}
	.invresult td {
	vertical-align:top;
	padding: 10px 0;
	}
	.invresult img {
	vertical-align:middle;
	margin: 0 10px 0 3px;
	}
	.invresultimg {
	border: 1px solid #808080;
	max-width:246px;
	height:auto;
	}
	.invresultimg2 {
	background-color:#4d4d4d;
	display:block;
	margin: 0 10px 0 3px;
	padding:2px 0;
	}
		.invresultimg2:link, .invresultimg2:visited {
		color:#FFFFFF;
		text-decoration:none;
		}
		.invresultimg2:hover, .invresultimg2:active {
		color:#CCC;
		text-decoration:none;
		}
		.invresultimg2 img {
		border:none;
		}
	.invresult p {
	margin:0 0 10px 3px;
	padding:0;
	}
	.refid {
	padding: 3px;
	margin:0;
	background-color: #4d4d4d;
	display:block;
	}
	.invresult form {
	display:inline;
	margin:0;
	padding:0;
	}
.searchagain {
height:37px;
width:107px;
float:right;
border:none;
background:url(images/silver_b_searchagain.gif) no-repeat;
}
.nextpage {
height:38px;
width:85px;
float:right;
border:none;
background:url(images/silver_b_nextpage.gif) no-repeat;
}

/* ------------------ Lightbox ------------------------ */
#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; }

/* Paypal */
.pp_buynow {
background-image:url(http://jewelbase.com/styles/images/silver_b_buynow.gif);
width:108px;
height:38px;
display:block;
}
.pp_viewcart {
background-image:url(http://jewelbase.com/styles/images/silver_b_viewcart.gif);
width:108px;
height:38px;
}