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

body { padding:0; margin:0; font-family:Geneva, Verdana, sans-serif; font-size:14px; background-image:url(../_images-site/site-bg.jpg); background-repeat:repeat-x; color:#FFF; background-attachment: fixed; }

#main { width:900px; height:110px; margin:0 auto; background-image:url(../_images-site/site-masthead-bg.png); }
	#logo { margin:10px; }
	#strapline { margin:35px 5px 0 0; }
#nav{ width:834px; margin:10px auto 0 auto; height:40px; }
	#nav ul { list-style: none;  margin:0; padding: 0;}
	#nav ul li { float:left; margin-left:2px; height:40px; width:116px; line-height:40px; background-image:url(../_images-site/site-nav-button.png); background-repeat:no-repeat; background-position:center; text-align:center; text-transform:uppercase; }
	#nav ul li a:link, #nav ul li a:visited { color:#FFF; text-decoration:none;  }
	#nav ul li a:hover  { color:#999;display:block; }
	#nav ul li.active { background-image:url(../_images-site/site-nav-button-active.png);  }
#containTop { background-image:url(../_images-site/site-body-top.png); height:10px; width:900px; margin:0 auto; }
#contain { width:900px; min-height:300px; margin:0 auto; background-color:#282b42; overflow:auto; }
#innerContent { width:880px; margin:0 auto; padding-top:10px; min-height:300px; }
#lowerContent { width:880px; margin:0 10px; min-height:300px; }
	#lowerC1, #lowerC2, #lowerC3 { width:270px; float:left; padding:0 10px; margin-top:10px; }
	#lowerC2 { border-right:dashed #FFF 1px; border-left:dashed #FFF 1px; }
#innerContenL { width:610px; float:left; padding:0 10px 10px 10px; }
#innerContentR { width:260px; float:right; padding-right:5px;}
/* 2 Col Narrow */
#innerContenLn { width:650px; min-height:50px; float:left; margin:0 0 10px 10px; padding:5px; background-color:#FFF; }
#innerContentRn { width:200px; min-height:50px; float:right; margin:0 10px 10px 0; padding:5px; background-color:#FFF; }
	/*Links */
	#innerContenLn a:link, #innerContenLn a:visited, #innerContenRn a:link, #innerContenRn a:visited { color:#03F; text-decoration:none; }
	#innerContenLn a:hover, #innerContenRn a:hover { color:#333; text-decoration:underline; }

/* Shop 1 Col */
#innerContentShop { width:860px; min-height:50px; float:left; margin:0 10px 10px 10px; padding:10px; background-color:#FFF; color:#333; }
	#innerContentShop p { color:#333; }

#footer { width:900px; margin:10px auto; color:#333; font-size:9px; }
	#footer ul { margin:0; padding:0; text-align:center; }
	#footer ul li { display:inline; padding:0 3px; }
	#footer ul li a:link, #footer ul li a:visited { color:#333; text-decoration:none; }
	#footer ul li a:hover { color:#333; text-decoration:underline; }
/* Text Styles */
h1 { color:#FFF; font-family:Geneva, Verdana, sans-serif; font-size:16px; }
h1.indexTitle { color:#FFF; font-family:Geneva, Verdana, sans-serif; font-size:17px; font-weight: lighter; }
h2 { color:#66CC66; font-family:Geneva, Verdana, sans-serif; font-size:14px; font-weight: bold; }
h3 { color:#FFF; font-family:Geneva, Verdana, sans-serif; font-size:13px; font-weight:normal; }
p { color:#FFF; font-size:12px; line-height: 18px; }
	p.footer { color:#333; font-size:9px; text-align:center; }
	p.footer a:link, p.footer a:visited { color:#333; text-decoration:none; text-align:center; padding:0; margin:0; font-size:9px; }
	p.footer a:hover { color:#333; text-decoration:underline; }
/* Links */
a:link, a:visited { color:#5092F5; font-weight: normal; text-decoration: none; }
a:hover { color:#5092F5; text-decoration:underline; font-weight: normal; }
/* Styles */
.infoSub { height: 100px; width: 800px; overflow: hidden; font-size: 14px; font-weight: normal; background-image: url(../_images-site/site-buyingNav-bg.png); background-repeat: no-repeat; line-height: 20px; margin-right: auto; margin-left: auto; }
.infoSubSub { float: left; height: auto; width: 232px; margin-left: 25px; text-align: left; margin-top: 20px; }
.infoSub a:link, .infoSub a:visited { color:#FFFFFF; font-weight: normal; text-decoration: none; text-transform: uppercase; }
.infoSub a:hover { color:#33CC00; text-decoration:underline; font-weight: normal; text-transform: uppercase; }
/*Contact Form */
#form { margin:0; padding:0; width:400px; margin-left:55px; }
label { font-size:12px; margin:0; padding:0; position:relative; top:2px; width:100px; display:block; float:left }
.input { width:200px; margin:2px 0 2px 2px; }
#message { height:100px; width:305px; margin-left:3px; }
.red { color:#FF0000; padding-left:3px;}
.button { float:left; margin-top:5px; margin-right:25px; margin-left:200px; }
p.error { font-size:14px; font-weight:bold; color:#FF0000; }

/* Light Box */
#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(../assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../assets/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; }