
body {
	margin: 		0 auto;
/*	background: 	#000 url(../images/bg.gif) top center repeat-y;	*/
	background:		#000 url("images/jpg/bkgdgrad2.jpg") top repeat-x;
	behavior:		url("csshover.htc"); /* WinIE behavior call */
	}

#main {
	width: 			940px;
	margin: 		0 auto 0 auto;
	height: 		auto;
	font:		 	12px/1.2 Tahoma, Arial, Helvetica, sans-serif;
	color: 			#ccc;
	background:		#000;	
	}
	
#header {
/*	border-bottom: 1px solid #333;	*/
	background:		#000;
	margin-bottom:	10px;		
	}
	
#topnav {
	position: 		absolute;
	top:			25px;
	}

#leftside {
	float: 			left;
	color: 			#ccc;
	width: 			165px;
	padding:		5px 0 0 0;
/*	background:		#000 url(../images/jpg/bkgdpblkgrad.jpg) top repeat-x;	*/
	background:		#000;
	}

#leftside p {
	padding:		28px 0 28px 0;	
	}

#rightside {
	width: 			145px;
/*	"//" comment ignored by everything except ie - fixes ie pushing middle content down	*/
//	width: 			143px;
	color: 			#ccc;
	float: 			right;
	padding:		5px;
	text-align:		center;
/*	background:		#000 url(../images/jpg/bkgdside2.jpg) top repeat-x;	*/
	background:		#000 url(../images/jpg/bkgdpblkgrad.jpg) top repeat-x;
	}

#content {
	float: 			left;
	width: 			600px;
	text-align: 	left;
	padding: 		5px 10px 0 10px;
	font:		 	12px/1.4 Tahoma, sans-serif;	
	color: 			#ccc;
/*	background:		#000 url(../images/jpg/bkgdpblkgrad.jpg);	*/
	background:		#000;
}

#footer {
	margin-top:		20px;
	margin-bottom:	15px;	
	text-align: 	center;
	font: 			9px Tahoma, sans-serif;
	color: 			#bbb;
	padding:		5px 0 5px 0;
	border-top:		thin dotted #666;
}

#footer a {
	text-align: 	center;
	font: 			9px Tahoma, sans-serif;
	color: 			#ccc;
	}
	
a:link, a:visited { 
	color: 			#c9f;	 
	text-decoration: none; 
	}				

a:hover {
	color: 			#fc0; 
	text-decoration: none; 
/*	border-bottom:	1px dotted #c60;	*/
	}
	
h1 {
	color: 			#c6c; 
	font: 			19px Verdana, Tahoma, sans-serif;
	background:		#222;
	border-top:		thin dotted #666;
	border-bottom:	thin dotted #666;
	padding:		5px;
	margin-top:		1px;
	margin-bottom:	5px;	
	}

h2 {
	margin-top:		12px;
	margin-bottom:	16px;
	color:			#f90;
	font:			14px Verdana, Tahoma, sans-serif;
	}

h3 {
	margin-top:		12px;
	margin-bottom:	0px;
	color:			#fc0;
	font:			bold 12px Verdana, Tahoma, sans-serif;
	padding-bottom:	2px;
	border-bottom:	thin dotted #c60;		
	}
	
h4 {
	margin-bottom:	2px;
	color: 			#fc0;
	font:			bold 12px Verdana, Tahoma, sans-serif;
}	
	
/*	Used mainly for Breadcrumbs but also on front page	*/
h5 {
	color: 			#c6c;
	font:			10px Verdana, Tahoma, sans-serif;
	margin-top:		3px;
	margin-bottom:	8px;	
	}	

h6 {
	color: 			#c6c;
	font:		 	bold 12px Tahoma, Arial, Helvetica, sans-serif;
	margin-top:		10px;
	margin-bottom:	3px;	
}	

table {
	border-collapse:	collapse;
	}

td {
	color:			#ccc;
	font:		 	12px/1.4 Tahoma, sans-serif;
	padding:		5px;
	vertical-align: top;
	}

#hot {
/*	background:	#300;	*/
	padding:	5px;
	border:		1px solid #600;
	margin:		8px;
	}

/*	------ Left Menu flynav styles ------	*/
	
div#nav {
	float:		left;
	width:		160px;
/*	margin:		-1px 0 0 -1px;	*/
	margin-bottom:	10px;
	}
	
div#nav ul {
	font:		11px Tahoma, sans-serif;
	margin:		0;
	padding:	0;
	width:		160px;
	background:	#303;
	border:		1px solid #000;
	}

div#nav li {
	position:		relative;
	list-style:		none;
	margin:			0;
	border-bottom:	1px solid #000;
	}
	
div#nav li:hover {
	background:			#606;
	}

div#nav li.submenu {
	background:	url("images/gif/submarrw.gif") 95% 50% no-repeat;	
	}

div#nav li.submenu:hover {
	background-color:	#606;
	}
	
div#nav li a {
	display:			block;
	padding:			2px 0 2px 8px;
	text-decoration:	none;
	width:				152px;
	}
	
div#nav>ul a {
	width:		auto;
	}

div#nav ul ul {
	font:		11px Tahoma, sans-serif;
	position:	absolute;
	top:		0;
	left:		160px;
	display:	none;
	}
	
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 { display: block; }

.topstack {
	font:		bold 11px Tahoma, sans-serif;
	background:	#505;
	}

/*	----- end Left Menu flynav styles ------	*/

/*	------ Right Menu nav styles ------	*/
	
div#right_nav {
/*	float:		left;	*/
	width:		100%;
	margin-bottom:	5px;
	}
	
div#right_nav ul {
	font:		11px Verdana, Tahoma, sans-serif;
	margin:		0;
	padding:	0;
	width:		100%;
	background:	#303;
	border:		1px solid #000;
	}

div#right_nav li {
	position:		relative;
	list-style:		none;
	margin:			0;
	border-bottom:	1px solid #000;
	}

/*	
div#right_nav li:hover {
	background:			#606;
	}
*/

div#right_nav li a {
	display:			block;
/*	padding:			2px 0 2px 8px;	*/
	padding:			2px 0 2px 0px;
	text-decoration:	none;
/*	width:				152px;	*/
	}
	
div#right_nav>ul a {
	width:		auto;
	}

/*	div#nav ul.level1 li.submenu:hover ul.level2, */

/*	----- end Right Menu nav styles ------	*/

#freeshipani {
	position:	relative;
	bottom:		15px;
	left:		100px;
	}
	
.imgcaption {
	margin-top:	4px;
	margin-bottom:	6px;	
	font:		11px/1.2 Tahoma, sans-serif;
	}

.imgcaption2 {
	margin-top:	-5px;
	margin-bottom:	6px;	
	font:		11px/1.2 Tahoma, sans-serif;
	}

.imgcaption3 {
	margin-top:	4px;
	margin-bottom:	6px;	
	font:		9px/1.2 Tahoma, sans-serif;
	}

.introtext {
	font:		 	11px/1.4 Tahoma, sans-serif;
	color: 			#bbb;
	margin-top:		0px;
}	

.specialtext1 {
	color:			#fc0;
	font:		 	12px/1.4 Tahoma, sans-serif;
	}

.specialtext2 {
	color:			#fc0;
	font:		 	14px/1.4 Tahoma, sans-serif;
	}

.specialtext3 {
	color:			#f00;
	font:		 	bold 12px/1.4 Tahoma, sans-serif;
	}

form {
	font: 11px Tahoma, sans-serif;
}

input, textarea, select, option {
	font: 11px Tahoma, sans-serif;
}

textarea {
	font: 11px Tahoma, sans-serif;
}

ul {
	margin-right: 	0;
	margin-left:	20px;
	padding:		0;
/* want to decrease leading on lists in Firefox, but line-height doesn't appear to work..?
	line-height:	.5em;	*/
}

li {
	list-style-position:	outside;
/*	list-style-image:		url(images/icons/reel_bullet_01.gif);	*/
}

/* for goldbow image within holiday specials page - absolute 
#goldbow {
	position:	absolute;
	top:		80px;
	left:		800px;
}
*/

/* for goldbow image within holiday specials page - floated  */
#goldbow {
	float:			right;
	clear:			none;
	margin-top:		-45px;
	margin-right:	-20px;
	z-index:		99;
}

#coupon {
	border:	1px dashed #fc0;
}

.float_left {
	float:		left;
	padding-right:	10px;
}

.float_right {
	float:		right;
	padding-left:	10px;
}

.margintop25 {
	margin-top:	25px;
}

#made_in_usa {
	float:	right;
	padding:	5px;
	margin-top:	10px;
	margin-left:	10px;
	width:	140px;
}

#usa_homepage {
	margin-top:	25px;
	margin-bottom:	0px;
}
