body { 
	margin: 0;
	padding: 0;
	background: #f2ecec url(../images/bodybg.jpg) repeat-x;
	text-align: center;

}

a.skip	{display: none;}
a img {border: none;}
img.logo {
	float: left;
}


/* =TYPOGRAPHY-----------------------------------------*/	

body, input, select {
color: #000;
line-height: 17px;
font: 13px verdana;
}
body {line-height: 17px;}

h1 {
	margin: 0;
	padding: 0;
	font: 23px verdana;
 	color: #cc3300;
 	text-transform: uppercase;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 16px verdana;
	color: #666600;
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 13px verdana bold;
	color: #000;
	line-height: 17px;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: bold 13px verdana;
	color: #666600;
	line-height: 17px;
	}

a	{
	color: #cc3333; 
	text-decoration: underline;
	line-height: 17px;
	}
	
a:hover	{
	color: #cc3333;
	text-decoration: underline;
	line-height: 17px;
	}

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 970px;	
	background: none;
	padding: 0;
}

div#banner {
	position: relative;
	width: 970px;
	height: 155px;
	padding: 0 0 0px 0;
	background: url(../images/banner.jpg) no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 345px;
    height: 105px;
    top: 0px;
    left: 0px;
    text-decoration: none;
}


div#title	{
	height: 54px;
	width: 948px;
	background-color: #fef5e0;
	}

/* =NAVIGATION-----------------------------------------*/	

div#navBar {
    height: 37px;
    width: 950px;
    position: absolute;
    left: 7px;
    top: 114px;
    margin: 0;
    padding: 0;
    background:  url('../images/navbar.jpg') top no-repeat;
    }

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
	
ul#nav li {
	float: left;
	position: relative;
    /* width: 14em;  */
	text-transform: uppercase;
	list-style-type: none;
 	}
	
ul#nav a {
	display: block;
	height: 37px;
	padding: 0;
}

ul#nav a.on	{
	background-image: url('../images/navbar.jpg');} 
ul#nav a:hover	{
	background-image: url('../images/navbar.jpg');} 
	
ul#nav a span {display: none;}

ul#nav li.home a {width: 160px;}		
ul#nav li.home a.on {background-position: 0px -37px;}
ul#nav li.home a:hover {background-position: 0px -37px;}
body.home ul#nav li.home a {background-position: 0px -37px;}
body.home ul#nav li.home a {background-image: url('../images/navbar.jpg');}

ul#nav li.store a {width: 175px;}	
ul#nav li.store a.on {background-position: -160px -37px;}	
ul#nav li.store a:hover {background-position: -160px -37px;}

ul#nav li.story a {width: 180px;}		
ul#nav li.story a.on {background-position: -335px -37px;}
ul#nav li.story a:hover {background-position: -335px -37px;}	

ul#nav li.news a {width: 230px;}		
ul#nav li.news a.on {background-position: -515px -37px;}
ul#nav li.news a:hover {background-position: -515px -37px;}

ul#nav li.contact a {width: 205px;}		
ul#nav li.contact a.on {background-position: -745px -37px;}
ul#nav li.contact a:hover {background-position: -745px -37px;}
	
ul#nav li ul {
	display: none;
	list-style-type: none;
	text-align: left;
  	position: absolute; 
 	
		}

ul#nav li.store ul {
background: url(../images/shopsub.jpg) no-repeat;
	width: 218px;
	height: 111px;
}

ul#nav li.story ul {
background: url(../images/storysub.jpg) no-repeat;
	width: 218px;
	height: 138px;
}

ul#nav li.news ul {
background: url(../images/newssub.jpg) no-repeat;
	width: 218px;
	height: 66px;
}

ul#nav li>ul {
	top: 37px;
	left: 1px;
	margin: 0;
	padding: 0;
	}
		
ul#nav li:hover ul, ul#nav li.over ul { display: block; }

ul#nav li ul li	{
	display: inline;
	background: none;
	width: 14em;
	float: left;
	}

ul#nav li ul li a	{
    display: block;
    height: 25px;
    width: 218px;
    padding: 0;
}


 ul#nav li.store ul#store li a:hover {
background: url(../images/shopsubon.jpg) no-repeat;
}

 ul#nav li.story ul#story li a:hover  {
background: url(../images/storysubon.jpg) no-repeat;
}

 ul#nav li.news ul#news li a:hover  {
background: url(../images/newssubon.jpg) no-repeat;

}
	
ul#nav li ul li a span {display: none;}

ul#nav li.store ul#store li#our a {height: 25px; width: 218px;}	ul#nav li.store ul#store li.our a.on {background-position: -0px 0;}	
ul#nav li.store ul#store li#our a:hover {background-position: -0px 0;}

ul#nav li.store ul#store li#gift a {height: 25px; width: 218px;}
ul#nav li.store ul#store li#gift a.on {background-position: 0 -25px;}	
ul#nav li.store ul#store li#gift a:hover {background-position: 0 -25px;}

ul#nav li.store ul#store li#business a {height: 25px; width: 218px;}ul#nav li.store ul#store li#busines a.on {background-position: -0px -50px;}
ul#nav li.store ul#store li#business a:hover {background-position: -0px -50px;}
ul#nav li.store ul#store li#locate a {height: 25px; width: 218px;}ul#nav li.store ul#store li#locate a.on {background-position: -0px -75px;}		
ul#nav li.store ul#store li#locate a:hover {background-position: -0px -75px;}

ul#nav li.story ul li#us a {height: 25px; width: 218px;}		
ul#nav li.story ul li#us a:hover {background-position: 3px 1px;}

ul#nav li.story ul li#make a {height: 25px; width: 218px;}		
ul#nav li.story ul li#make a:hover {background-position: 3px -24px;}

ul#nav li.story ul li#vine a {height: 25px; width: 218px;}		
ul#nav li.story ul li#vine a:hover {background-position: 3px -49px;}

ul#nav li.story ul li#rest a {height: 25px; width: 218px;}		
ul#nav li.story ul li#rest a:hover {background-position: 3px -74px;}

ul#nav li.story ul li#trout a {height: 25px; width: 218px;}		
ul#nav li.story ul li#trout a:hover {background-position: 3px -99px;}

ul#nav li.news ul li#new a {height: 25px; width: 218px;}		
ul#nav li.news ul li.new a:hover {background-position: -0px 0;}

ul#nav li.news ul li#event a {height: 25px; width: 218px;}		
ul#nav li.news ul li#event a:hover {background-position: -0px -25px;}

div#dtt {
	text-align: center;
	margin: 10px 0 20px 0;
	background: url(../images/dtt.jsp) no-repeat center;
	width: 145;
	height: 32;
}

/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
    width: 255px;
    height: 30px;
    margin: 6px 0px 0 0;
    display: inline;
    float: right;
    background: none;
}

ul#eNav {
    list-style-type: none;
	font: 11px verdana;
	color: #ccc;
	text-align: right;
	padding: 7px 9px 0 0;
	margin: 0;
}

ul#eNav li {
	height: 26px;
    display: inline;
    margin: 0 0 0 1px;
    padding: 0 7px;
}

ul#eNav li.cart {
	height: 26px;
    display: inline;
    margin: 0 0 0 1px;
    padding: 5px 7px 0 24px;
    background: url(../images/cart.jpg) left no-repeat;
}

ul#eNav a {
	color: #cc3300;
	font-weight: none;
	text-decoration: none;
	line-height: 20px;
	font: 12px verdana;
	text-transform: uppercase;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #cc3300;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#header {
	height: 96px;
	width: 948px;
	background: url(../images/header.jpg) top no-repeat;
}

div#mainPageArea {
	background: url(../images/mainpage.jpg) top no-repeat;
	margin: 0;
	padding: 0 0 0 0; 
	width: 970px;
	float: left;
	padding: 0;
	}

div#specialsArea		{	
	float: right;
	display: inline;
	width: 251px;
	margin: 0px 5px 0 0px;
	padding: 0;
	}

	
div#cmsContentArea {
	margin: 67px 0px 10px 30px;
	width: 670px;
	float: left;
	display: inline;
	padding: 0 0 0px 0;
}

body.home div#cmsContentArea {
	margin: 28px 0px 10px 12px;
	width: 680px;
	float: left;
	display: inline;
	padding: 0 0 0px 0;
}

div#kicker1 {
    background: url('../images/shopkick.jpg') top left no-repeat;
    width: 247px;
    height: 168px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker2 {
    background: url('../images/buskick.jpg') top left no-repeat;
    width: 247px;
    height: 167px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker3 {
    background: url('../images/troutkick.jpg') top left no-repeat;
    width: 247px;
    height: 185px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker4 {
    background: url('../images/affiliatekick.jpg') top left no-repeat;
    width: 247px;
    height: 95px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker1 a.link {
	width: 247px;
	height: 165px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 169px;
	right:7px;
}

div#kicker2 a.link {
        width: 247px;
        height: 165px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 481px;
        right:7px;
}

div#kicker3 a.link {
        width: 247px;
        height: 145px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 666px;
        right:7px;
}

div#kicker4 a.link {
        width: 247px;
        height: 105px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 826px;
        right:7px;
}	


div#kicker1 a.link span, div#kicker2 a.link span, div#kicker3 a.link span, div#kicker4 a.link span {display: none;}

div#announce {
    background: none;
    width: 247px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#specials {
    background: none;
    width: 247px;
    margin: 0px 0px 0 0;
    float: left;
    display: inline; 
}

div#signup {
	background: url('../images/mailing.jpg') top left no-repeat;
    width: 247px;
    height: 146px;
    margin: 12px 0 0px 0;
    float: left;
    display: inline; 
    padding: 0;
}

form#signform {
	display: inline;
	float: left;
	width: 217px;
	height: 20px; 
	margin: 20px 0 0 13px; 
	padding: 0;
}
form#signform .button {display: inline; float: right; padding: 0; margin: 0;}
form#signform .text {display: inline; float: left; padding: 0; margin: 0;}


/* =HOMEPAGE-----------------------------------------*/	


hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 950px;
	height: 30px;
	padding: 0;
	margin: 12px auto 40px auto;
	clear: both;
	color: #716f35;
	font-family: verdana;
	font-size: 11px;
	position: relative;
	background: none;
	border-top: 1px solid #000;
	font-weight: normal;
	}
	
div#footer a {
	font-size: 12px;
    color: #716f35;
	padding: 0 15px;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	}
	
div#footer p {margin: 0; padding: 5px 0 0 0;}
div#footer p.legal {float: left; padding-left: 225px;}
div#footer p.rss {float: right; padding-right: 210px; font-weight: none; text-transform: uppercase;}
div#footer p.rss a {padding: 0 15px 0 0; font-size: 11px;}
div#footer p.footlinks {text-align: center;}


.button	{
		background-color: #cc3300;
		color: #fff;
		border: none;
		font: 10px verdana;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
}

/* generic overrides */

body#cart #cmsContentArea p {font-weight: bold; font-size: 1.2em; line-height: 1.5em;}

div.processBar {
	width: 100%;
}

div.catalog_crumbs {display: none;}

body.news h2.generic {display: none;}