/* ------------------------------------------------------------------------
CSS sheet for TNM Outdoors.
Author: Tim Kadlec
Date Created: 11/07/2007

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Dark Gray  - #303030;
	
------------------------------------------------------------------------ */


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
}
body{
	background: url(/images/bodybg.gif) #BEA57A;
	font: 12px/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
#wrap{
	width: 1004px;
	margin: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#header{
	display: block;
	width: 100%;
	height: 173px;
	background: url(/images/header.jpg) top center no-repeat #3B5429;
}
#header h1{
	display: none;
	background: url(../images/logoNew.gif) no-repeat;
	width: 408px;
	height: 166px;
	text-indent: -9999px;
	float: left;
}
#searches{
	float: left;
	margin-top: 10px;
}
.search{
	display: block;
	width: 100%;
	margin-top: 125px;
}
.search label{
	display: none;
	float: left;
}
.search input{
	margin-right: 10px;
	display: block;
	float: left;
}
.search input.text{
	width: 120px;
}
.search .first{
	margin: 0 390px 0 5px;
	border: 0px;
	float: left;
}
.search > .first{
	margin: 0 420px 0 10px;
}
.search .second{
	border: 0px;
	float: left;
}
.search .btn{
	margin-top: 1px;
	margin-bottom: 10px;
}
p.bookmark a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
/* -----------------------------------------------------------------------
CATEGORIES ELEMENTS
-------------------------------------------------------------------------*/
#categories{
	width: 138px;
	float: left;
	overflow: visible;
}
#list{
	width: 131px;
	background: url(../images/categories.jpg) repeat-y;
	list-style-type: none;
}
#list a{
	color: #4A4848;
	text-decoration: none;
}
#list a:hover{
	border-bottom: 1px dashed #4A4848;
}
#list ul{
	list-style-type: none;
	padding-left: 10px;
	display: none;
}
#list li{
	padding: .2em 0 .4em 5px;
	background: url(../images/categorybtm.jpg) bottom left no-repeat;
}
#list li li{
	padding: 0;
	background: transparent;
}
li.more{
	text-transform: uppercase;
}
li.more li{
	text-transform: capitalize;
}
a.varisign{
	background: url(../images/varisign.gif) no-repeat;
	width: 150px;
	height: 68px;
	text-indent: -9999px;
	display: block;
}
a.ebay{
	display: block;
	margin-left: 15px;	
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
a.ebay img{
	border: 0;
	margin: auto;
	display: block;
}
img.creditCards{
	display: block;
	margin-top: 20px;
	margin-left: 5px;
}
/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
#navigation{
	display: block;
	width: 100%;
	height: 44px;
	background: url(../storeImages/navigationStore.gif) repeat-x;
	list-style-type: none;
	font: 16px/16px Georgia, serif;
}
#navigation li{
	display: block;
	float: left;
	width: 16%;
	text-align: center;
	height: 32px;
	padding: 10px 0 2px 0;
}
#navigation a{
	color: #483109;
	text-decoration: none;
}
#navigation a:hover{
	border-bottom: 1px dotted #483109;
}

/* -----------------------------------------------------------------------
MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	width: 50%;
	float: left;
	padding-top: 1em;
	overflow: visible;
	text-align: center;
}
#main img{
	border: 0px;
}
#content{
	background: url(../images/maincontentbg.jpg) repeat-y #fff;
	display: block;
	width: 476px;
	margin: 1em auto;
	text-align: left;
}
#content h2{
	font: 20px/20px Georgia, 'Times New Roman', Times, serif bold;
	padding: 1em 10px 0em 10px;
	color: #235204;
	background: url(../images/maincontenttop.jpg) no-repeat;
}
#content p{
	padding: 0 10px;
	margin: 1.5em 0;
}
#content dl{
	padding: 0 10px;
	margin: 1.5em 0;
}
#content p.last{
	background: url(../images/maincontentbtm.jpg) left bottom no-repeat;
	padding-bottom: 1.5em;
	margin-bottom: 0;
}
#content ul{
	list-style-type: disc;
	padding-left: 15px;
}
#content li.address{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* -----------------------------------------------------------------------
SIDE ELEMENTS
-------------------------------------------------------------------------*/
#side{
	display: block;
	float: left;
	width: 338px;
	padding-top: 1em;
}
#side ul{
	list-style-type: none;
	clear: left;
	padding-top: 1em;
}
#side .sidelinks li{
	display: block;
	width: 100%;
	height: 142px;
	margin-bottom: 1.5em;
}
.sidelinks a{
	display: block;
	width: 100%;
	height: 142px;
	text-indent: -9999px;
}
.sidelinks li.camping{
	background: url(../images/campingside.jpg) no-repeat;
}
.sidelinks li.apparel{
	background: url(../images/archer.png) no-repeat;
}
.sidelinks li.varisign{
	background: url(../images/varisign.gif) no-repeat;
}
#cart{
	background: url(../images/cartbg.jpg) right center no-repeat;
	height: 102px;
	display: block;
	width: 336px;
}
#cart p{
	margin: 0;
	padding-left: 120px;
	color: #F5C58C;
	padding-top: 20px;
}
#cart a{
	color: #F5C58C;
}
#featured{
	width: 336px;
	display: block;
	float: left;
	background: url(../images/featuredbtm.gif) -1px bottom no-repeat #fff;
	margin: 10px auto auto auto;
	position: relative;
	padding-bottom: 40px;
	overflow: hidden;
}
#featured h2{
	background: url(../images/featuredhead.gif) no-repeat;
	display: block;
	height: 37px;
	font-size: 70%;
	text-indent: -9999px;
}
#featured .moreleft{
	position: absolute;
	left: 10px;
	bottom: 5px;
	width: 84px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
#featured .moreright{
	position: absolute;
	right: 5px;
	bottom: 3px;
	width: 84px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
#products{
	display: block;
	width: 1100px;
	float: left;
	height: 100px;
	margin-left: 0px;
}
#products dl{
	width: 100px;
	display: inline;
	float: left;
	text-align: center;
	margin-left: 10px;
}
#products a{
	color: #380D0D;
	text-decoration: none;
}
#products a:hover{
	text-decoration: underline;
}
/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	clear: both;
	background: url(/images/footerbg.jpg) repeat-x;
	color: #6D2D0A;
	padding-bottom: 10px;
}
#footer a{
	color: #6D2D0A;
}
#footer p{
	margin: 0;
	padding: 10px 0 0 0;
	float: right;
	font-size: 90%;
	line-height: 1.4em;
}
#footer ul{
	list-style-type: none;
	padding: 15px 0 15px 0;
}
#footer li{
	display: inline;
	margin-left: 10px;
}
#footer li a{
	text-transform: uppercase;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
}