/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	}

h1 {
	font: bold x-large Arial, sans-serif;
	color: #002266;
	margin-top: 0px;
	}

h2 {
	font: large Arial, sans-serif;
	color: #000077;
	}

h4 {
	font: bold small Verdana, sans-serif;
	color: #9C1A1E;
	margin-bottom: 2px;
	}

h5 {
	font: italic bold small Arial, sans-serif;
	color: #43616B;
	margin-top: 2px;
	}
	
p {
	font: 0.7em Verdana, sans-serif;
	}

ul {
	line-height: .7em;
	list-style: circle;
	}

#center p {
	font: 0.8em Verdana, sans-serif;
	}

#footer p {
	margin: 4px;
	text-align: center;
	}

a {
	color: #34339B;		
	}
	
a:hover {
	color: #9C191E;	
	}

hr {
	color: #A5B5C6;
	height: 1px;
	}
	
a img {
	border: 0px none;
	display: block;	
	}

div#top a {
	display: block;
	width: 153px;
	background-color: #5C6F90;
	}

div#top a:hover {
	background-color: #43616B;
	}

.textbox {
	padding: 4px;
	font:  small verdana, sans-serif;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}

.boldlarge {
	font-weight: bold;
	font-size: 1.2em
	}

.button {
	padding: 2px;
	font: bold small verdana, sans-serif;
	color: #fff;
	background-color: #5C6F90;
	border: 1px solid #000;
	}

.latestarticle {
	margin: 0px;
	}
	
.feature {
	margin: 0px;
	padding: 9px;
	background-color: #CCCCCC;
	border: 1px solid #9999CC;
	}

p.feature {
	font: small Verdana, sans-serif;
	color: #000000;
	margin: 0px 0px 0px 181px;
	}

.articleimage {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
.articleimageleft {
	text-align: right;
	display: inline;
	float: left;
	margin: 0px 0.9em 0.5em 0px;
	}
	
p.latestarticle a {
	clear: right;
	font: bold small Verdana, sans-serif;
	}

.date {
	display: block;
	text-align: left;
	color: ###999999;
	font-family: Verdana, sans-serif;
	font-size: xx-small;
	}

.author {
	display: block;
	color: #5C6F90;
	font: x-small /2 Verdana, sans-serif;
	}

.address {
	display: block;
	alignment: center;
	color: #5C6F90;
	font: x-small /1.1 Verdana, sans-serif;
	}

.blurb {
	margin: 0px 0px 1em 55px;
	}
	
.catalogue {
	margin: 0px 0px 0px 200px;
	}	

p.crumbtrail {
	margin: 10px 28% 0px;;
	font-size: x-small;
	}
	
/* ------------------------------- layout ----------------------------- */

#top {
	padding: 4px;
	height: 92px;
	background: #BDC5CE url(images/net_texture.jpg) repeat-x;
	border-bottom: 1px solid #ffffff;
	}

#center {
	margin: 0px 25%; 
	padding: 1% 3%;
	color: #000;
	}

#left {
	position: absolute;
	padding: 0px;
	top: 101px;
	height: 750px;
	width: 25%;
	background: #bebfd0 url(images/navbar_bottom.gif) left bottom repeat-x;
	color: #000;
	left: 0px;
	}

#catalogue {
	margin: 0px 0px 0px 25%; 
	padding: 1% 3%;
	color: #000;
	}	
	
#otherleftstuff {
	width: 88%;
	padding: 10px 6% 40px 6%;
	}

.spacer {
	display: block;
	height: 1px;
	font: 1px /1 sans-serif;
	clear: both;
	}
		
div#topcontent {
	position: absolute;
	text-align: right;
	top: 10px;
	right: 0px;
	width: 80%;
	}

#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}

#right {
	background: #bebfd0 url(images/navbar_bottom.gif) left bottom repeat-x;
	position: absolute;
	width: 21.9%;
	height: 496px;
	margin-left: 75%;
	padding: 10px 1.5%;
	top: 355px;
	text-align: center;
	background-image: url(images/navbar_bottom.gif);
	}

#footer {
	clear: both;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background-color: #D6D6D6;
	color: #000;
	}

#bio {
	float: right;
	width: 30%;
	padding: 1%;
	border: 4px dotted #5C6F90;
	color: 5C6F90;
	font-size: 0.7em;
	}
	
div.spacer {
	clear: both;
	}

	
/* --------------------- Feature Image and Transparency --------------- */

#featureimg {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000026 url(images/main_photo1.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg2 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #050402 url(images/main_photo2.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg3 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000208 url(images/main_photo3.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg4 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000208 url(images/main_photo_4.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg5 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000021 url(images/main_photo_5.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg6 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #D0A07A url(images/main_photo_6.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_floats {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000021 url(images/main_photo_floats.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_leads {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #00CCFF url(images/main_photo_leads.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_needle {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000208 url(images/main_photo_needles.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_container {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000208 url(images/main_photo_containers.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_ice {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #A7AFC0 url(images/main_photo_ice.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_gloves {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000021 url(images/main_photo_gloves.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_knives {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #265459 url(images/main_photo_knives.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_mustang {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #76A9C6 url(images/main_photo_mustang.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_nets {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #000001 url(images/main_photo_nets.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_rope_1 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #0095F0 url(images/main_photo_rope_1.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}

#featureimg_rope_2 {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #255358 url(images/main_photo_rope_2.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_tarp {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #0095F0 url(images/main_photo_tarp.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_boots {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #a2938e url(images/main_photo_boots.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_accessories {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #2f4050 url(images/main_photo_accessories.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#featureimg_flags {
	margin: 0px 0% 0px 145px;
	height: 253px;
	background: #4EAADA url(images/main_photo_flags.jpg) no-repeat right top;
	text-align: left;
	border-top: 1px solid #ffffff;
	}
	
#mstrans {
	margin: 125px auto 0px 20%;
	width: 400px;
	height: 109px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lakefish_header.png');
	border: 0px solid pink;
	}
	
#mstrans img {
	filter: Alpha(opacity=0);	
	border: 0px solid cyan;
	}

/* -------------------------------- Navigation ------------------------------ */

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #ffffff;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 6%;
	background-color: #c0c3ff;
	font: bold 0.9em /1.5 arial, sans-serif;
	color: #000026;
	text-decoration: none;
	width: 88%;
	}

ul#mainnav li a:hover {
	background-color: #000026;
	color: #999999  ;
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

ul#mainnav ul.subnav li {
	border-top: 1px solid #ffffff;
	padding-left: 2em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 0.65em /1.5 verdana, sans-serif;
	color: #000070;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #003366;
	background-color: transparent;
	text-decoration: underline;
	}
	
div#topcontent ul {
	position: absolute;
	right: -7px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	width: 465px;
	top: -5px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;	
	}
div#topcontent ul li.first {
	border-left: 0px none;
	}
div#topcontent ul li a {
	font: 0.7em /1 verdana, sans-serif;
	}

div#topcontent form {
	position: absolute;
	right: 7px;
	top: 54px;
	margin: 0px;
	width: 533px;
	}
/* ------------Form Styles------------ */
#frmQuote {
	width: 680px;
}
#frmQuote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #444;
	margin-left: 30px;
	line-height: 1em;
}
#frmQuote fieldset {
	margin-bottom: 20px;
	background: #D7DEFF;
	border-right: 1px solid #633;
	border-bottom: 1px solid #633;
	border-top-style: none;
	border-left-style: none;
	padding: 20px 0;
	color: #333;
}
#frmQuote legend {
	background: #D7DEFF;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#frmQuote label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	margin-right: 4px;
}
#frmQuote input.text:focus , #mainContent #frmRegister textarea:focus{
	background: #EDDAB1;
	border: 1px solid #9D6124;
}
#frmQuote .CollapsiblePanelContent p  {
	font-size: .8em;
}
#frmQuote fieldset .detail {
	color: #600;
	font-size: 0.7em;
}
#frmQuote .title {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
	line-height: inherit;
}
.formDetails {
	line-height: 1.7em;
	display: block;
	margin-left: -30px;
}