@charset "utf-8";
/* CSS Document */
body {
background: #333366 url(images/blues_back.gif) repeat-y center;
margin:0;
padding:0;
font: 12px Arial, Helvetica, sans-serif;
color: #000;
}
object {
margin:0;
padding:0;
}
h1 {
font: italic bold 22px Arial, Helvetica, sans-serif;
}
a {
font-weight:bold;
}
a:link {
color: #6f9fcf;
}
a:visited {
color: #6f9fcf;
text-decoration:none;
}
a:hover, a:active {
color: #b2cac8;
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:#FFF;
}
#banner {
width:713px;
height:47px;
margin:0;
padding:10px;
}
	#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: #FFF url(images/blues_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;
		font-weight:bold;
		font-size:10px;
		}
		.nav2 {
		width:100px;
		text-align:center;
		background:url(images/blues_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:#000;
	}
	#nav a:visited, #nav2 a:visited  {
	text-decoration:none;
	color:#6f9fcf;
	}
	#nav a:hover, #nav a:active, #nav2 a:hover, #nav2 a:active {
	text-decoration:none;
	background-color:#b2cac8;
	color:#FFF;
	}
#layout {
width:733px;
border-top:1px solid #000;
background:url(images/blues_side.gif) repeat-y left;
height:100%;
}
	#layout1 {
	width:201px;
	background:url(images/blues_divider3.gif) no-repeat;
	vertical-align:top;
	padding:20px 10px;
	}
	#layout2 {
	width:493px;
	background:url(images/blues_divider.gif) repeat-x top;
	vertical-align:top;
	padding:20px 10px;
	height:550px;
	}
#specialh2 {
height:28px;
width:192px;
background: url(images/blues_h2_special.gif) no-repeat;
margin:0;
padding:0;
}
#invh2 {
height:28px;
width:192px;
background: url(images/blues_h2_inv.gif) no-repeat;
margin:0;
padding:0;
}
#specials2, #specials3 {
background: url(images/blues_line2.gif) no-repeat bottom center;
}

	#specials2 div {
	background: url(images/blues_line.gif) no-repeat bottom center;
	padding: 10px 0 15px 0;
	}
	#specials2 a:link {
	color: #000;
	text-decoration:none;
	}
	#specials2 a:visited {
	color: #6f9fcf;
	text-decoration:none;
	}
	#specials2 a:hover, #specials2 a:active {
	color: #b2cac8;
	text-decoration:underline;
	}
	#specials2 p {
	margin:8px 0 8px 8px;
	padding:0;
	}
	.itemid {
	font-size:10px;
	}
	.oldprice {
	text-decoration:line-through;
	}
	.newprice {
	font-size:16px;
	font-weight:bold;
	padding:2px;
	background-color:#333366;
	color:#ccccff;
	}
#specials3 {
padding-bottom:10px;
}
			#specials3 li {
			list-style-image: url(images/blues_bullit2.gif);
			margin-bottom: 4px;
			padding:0 0 3px 3px;
			}
			#specials3 a {
			font-size:15px;
			text-decoration:none;
			}
#repair {
	overflow:hidden;
	margin:40px 0 0 4px;
}
#repairh2 {
height:28px;
width:192px;
background: url(images/blues_h2_repair.gif) no-repeat;
margin:0;
padding:0;
}

#inventory {
margin-bottom:30px;
}
	#inventory table, #hours div, #additional {
	background:#FFF url(images/blues_inventory.gif) repeat-x bottom;
	border:1px solid #000;
	}
		#additional div {
			text-align:center;
			padding:5px;
		}
		#inventory table {
		width:100%;
		}
			#inventory td {
			vertical-align:top;
			}
				#inv1 {
				padding: 30px 10px 20px 10px;
				width:260px;
				}
				#inv2 {
				padding:10px 10px 20px 10px;
				}
				#inv3 {
				padding: 30px 10px 20px 20px;
				background: url(images/blues_linev.gif) no-repeat left bottom;
				width:220px;
				}
				#inv3 select {
		width:200px;
		}
			#qsh3 {
			width:109px;
			height:17px;
			background: url(images/blues_h3_qs.gif) no-repeat;
			margin:0;
			padding:0;
			}
			#fbpch3 {
			width:174px;
			height:17px;
			background: url(images/blues_h3_fbpc.gif) no-repeat;
			margin:0;
			padding:0;
			}
			#pfh3 {
			width:121px;
			height:17px;
			background: url(images/blues_h3_pf.gif) no-repeat;
			margin:0;
			padding:0;
			}
	#inventoryh2 {
	height:25px;
	width:172px;
	background: url(images/blues_h2_inventory.gif) no-repeat;
	margin:0;
	padding:0;
	}
#hours2 {
float:right;
width:270px;
padding-top:5px;
}
#hours {
width: 240px;
margin:0;
float:left
}
#hoursh2 {
height:24px;
width:193px;
background: url(images/blues_h2_hours.gif) no-repeat;
margin:0;
padding:0;
}
	#hours div {
	width: 220px;
	}
	#hours table {
	margin: 10px auto;
	}
		.hdays {
		font-weight:bold;
		text-align:right;
		padding: 2px 10px 2px 0;
		}
		.hhours {
		padding:2px 0 2px 15px;
		background: url(images/blues_bullit.gif) no-repeat left;
		font-weight:bold;
		}
			.hhours span {
			font-size:10px;
			font-weight:normal;
			}
#paragraph2 {
margin-top:65px;
}
#paragraph2 p {
	overflow:hidden;
}
#footer {
border-top:1px solid #000;
background: #FFF url(images/blues_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:50px;
height:22px;
background: url(images/blues_b_find.gif);
vertical-align:middle;
margin-left:7px;
}
.bsearch {
width:130px;
height:22px;
background: url(images/blues_b_search.gif);
margin:15px 0 0 30px;
}
#repairtd {
	padding:10px 20px;
}
#repairh1 {
		width:344px;
		height:28px;
		background: url(images/blues_h1_repair.gif) no-repeat;
		margin:0 auto 10px auto;
		padding:0;
	}
	#ticketnum2 {
		font-size:1.5em;
		font-weight:bold;
		border:1px solid #000;
		padding:5px;
		width:230px;
		color:#666;
		margin-left:5px;
	}
.bstatus {
width:170px;
height:35px;
background: url(images/blues_b_status.gif);
float:right;
margin:5px 20px 0 0;
}
.highlight {
	border:1px solid #000;
	padding:4px 2px;
	text-align:center;
	background:#333366;
	color:#FFF;
}
.b_back {
	float:right;
	margin:0 20px;
	border:1px solid;
	text-decoration:none;
	padding:3px;
}
	.tools img {
		width:198px;
		border:1px solid #000;
	}
	.find img, .bsearch img, .bstatus img  {
	display:none;
	}
.article {
margin-bottom:15px;
}
.sideimg {
text-align:center;
}
	.sideimg img {
	border:1px solid #000;
	}
.invresult {
width: 450px;
border-bottom: 1px solid #6f9fcf;
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 #6f9fcf;
	max-width:246px;
	height:auto;
	}
	.invresultimg2 {
	background-color:#333366;
	display:block;
	margin: 0 10px 0 3px;
	padding:2px 0;
	}
		.invresultimg2:link, .invresultimg2:visited {
		color:#ccccff;
		text-decoration:none;
		}
		.invresultimg2:hover, .invresultimg2:active {
		color:#FFF;
		text-decoration:none;
		}
		.invresultimg2 img {
		border:none;
		}
	.invresult p {
	margin:0 0 10px 3px;
	padding:0;
	}
	.refid {
	padding: 3px;
	margin:0;
	background-color: #8eb3d9;
	display:block;
	}
	.invresult form {
	display:inline;
	margin:0;
	padding:0;
	}
.searchagain {
height:26px;
width:133px;
float:right;
border:none;
background:url(images/blues_b_searchagain.gif) no-repeat;
}
.nextpage {
height:26px;
width:113px;
float:right;
border:none;
background:url(images/blues_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/blues_b_buynow.gif);
width:113px;
height:26px;
}
.pp_viewcart {
background-image:url(http://jewelbase.com/styles/images/blues_b_viewcart.gif);
width:96px;
height:26px;
}