body { background:#003f75 url("background.png") repeat-x fixed; margin:0; text-align:center }
	html>body { background:#004a80 url("background.png") repeat-x }
	html>body #background { background:url("container_background.png") center repeat-y }
#container { margin:auto; text-align:left; width:660px }
#header { position:relative; background:#004a80 url("header.jpg"); height:146px }
	#navigation { color:#0B5890; position:absolute; margin:auto; background:#004a80; font:13px Arial,Verdana,Helvetica; left:148px; padding:6px; top:115px }
		html > body #navigation { padding:4px; top:117px }
	#navigation a { color:white; padding:6px 7px 18px 7px; text-decoration:none }
		html > body #navigation a { padding:6px 7px 7px 7px }
	#navigation a:hover { background:url("navigation.gif") }
#title { background:#4680b2; font:20px Georgia,Trebuchet MS,Helvetica; padding:15px 0 13px 30px }
#content { background:url("content_background.gif") white repeat-y; font:13px Lucida Sans,Verdana,Helvetica; min-height:525px; padding:15px 30px 20px 30px }
	#content a,#content a:visited { color:blue }
		#content a:hover,#content a:active { color:#27a6d6 }
	address { color:#666666; display:block; font:10px Verdana,Arial,Helvetica }
	h1 { font:20px Georgia,Trebuchet MS,Helvetica }
	h2 { color:#644f3c; font:15px Lucida Sans,Georgia,Trebuchet MS,Helvetica; font-weight:normal; line-height:0.5; padding-top:5px }
	h3 { color:#644f3c; display:inline; font:16px Lucida Sans,Verdana,Helvetica; font-weight:bold }
	h4 { color:black; display:block; font:15px Verdana,Arial,Helvetica; font-weight:bold; margin:5px 0 10px 0 }
	blockquote { font:12px Verdana,Arial,Helvetica; padding-top:10px }
	center { font:12px Georgia,Trebuchet MS,Helvetica; padding-top:10px }
	hr { background:silver; border:1px dotted silver; color:white; clear:both; height:1px }
		 html > body #content hr { border:0; margin:20px 0 20px 0 }
	input,#content select,#content textarea { border:1px solid #666666; font:11px Trebuchet MS,Helvetica }
	p { text-align:justify }
	small { color:#666666; display:block; font:10px Verdana,Arial,Helvetica; padding-top:20px }
	a img { border:1px solid silver }
		a:hover img { border:1px solid gray }
	p img { padding:0 10px 10px 10px }
	ul { padding-top:8px }
		ul li { font:12px Verdana,Arial,Helvetica; list-style:square; padding-bottom:25px }
	.hr { background:url("dotted_line.gif"); height:1px; width:100% }
#footer { background:#9b9b9b; color:gray; font:11px Verdana,Arial,Helvetica; padding:4px; text-align:center }
	#footer a { color:white; padding:0 2px 0 2px; text-decoration:none }
	#footer a:hover { text-decoration:underline }

.home_teaser { background:url("worn_paper.jpg") no-repeat; float:left; height:341px; text-align:center; margin:5px; width:184px }
	.home_teaser a img { border:0 }
	.home_teaser p { padding:10px 20px 15px 18px; text-align:left }
	 html > body .home_teaser { margin:0; padding:0 11px 0 5px; }
	 html > body .home_teaser p { padding:15px 26px 15px 15px }
.guide_form_header { background:#666666; color:white; font:12px Verdana,Arial,Helvetica; font-weight:bold }
.guide_form { background:#e6e6e6; border:1px solid #666666; color:#303030; font:10px Verdana,Arial,Helvetica; padding:1px }
.guide_submit { background:green; color:white }
.guide_info_header { background:#7F6A4D; color:white; font:12px Verdana,Arial,Helvetica; font-weight:bold }
.guide_info { background:#ECE7E0; border:1px solid #7F6A4D; color:#303030; font:10px Verdana,Arial,Helvetica; padding:1px }
.testimonials_quote { background:url("quotes.gif") no-repeat; height:145px; padding:25px; text-align:justify }
.articles_index { background:url("dotted_line.gif") bottom repeat-x; font-size:10px; padding-bottom:10px }
.articles_header { background:url("dotted_line.gif") bottom repeat-x; font:11px Verdana,Arial,Helvetica; padding-bottom:10px }
.articles_content { background:url("dotted_line.gif") bottom repeat-x; font:13px Verdana,Arial,Helvetica; margin-bottom:15px; padding:7px; padding-bottom:20px }
	.articles_content h2 { padding-top:20px; text-align:center; font-weight:bold }
	.articles_content h3 { color:black; font:13px Verdana,Arial,Helvetica; font-weight:bold }
.articles_footer { font:12px Verdana,Arial,Helvetica; font-style:italic; margin-bottom:50px; text-align:justify }
.articles_teaser { background:#FAFDFF; border:1px solid #79849F; border-left:0; border-right:0; margin:15px; padding:20px 10px 10px 10px }
	.articles_teaser a { display:block; font-weight:bold }

#left { font:10px Verdana,Lucida Sans,Verdana,Helvetica; min-height:100%; width:27% }
	#left a { background:#e6e6e6; border-width:1px 0 1px 0; border-style:solid; border-color:#dadada; color:black; display:block; margin:2px; padding:5px 0 5px 3px; text-decoration:none; width:90% }
	#left a:hover { background:#4680b2; color:white; font-weight:bold }
	#left a:visited { color:black }
	#left a:visited:hover { color:white }
		#left a.sub { background:#cccccc }
		#left a.sub:hover { background:#4680b2 }
		#left a.sub:visited:hover { background:#4680b2; color:white }
#right { font:13px Lucida Sans,Verdana,Helvetica; width:73% }
.about { font-size:12px }
html>body.height_fix { display:none }
td { font:13px Lucida Sans,Verdana,Helvetica; padding-bottom:15px }
.tackle_picture { border-bottom:1px dotted silver }
.price { border-bottom:1px dotted silver; font:10px Verdana,Arial,Helvetica }
.order_details { color:gray; padding-top:10px }
.description { border-right:1px dotted silver; padding-right:10px }
.features { font:11px Verdana,Arial,Helvetica; padding-left:10px }

#lightbox { font: 11px Verdana,Helvetica,sans-serif; position: absolute; left: 0; width: 100%; z-index: 99; 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); display: block; }
#prevLink { left: 0; float: left; background: url(lightbox/prevlabel.gif) left 15% no-repeat; opacity: 0.4; filter:alpha(opacity=40); }
#nextLink { right: 0; float: right; background: url(lightbox/nextlabel.gif) right 15% no-repeat; opacity: 0.4; filter:alpha(opacity=40); }
#prevLink:hover, #nextLink:hover { opacity: 0.7; filter:alpha(opacity=70); }
#imageDataContainer { 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 #title {  }
#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: #002743; }
