@charset "UTF-8";

body {
 font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;
}

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}

h3 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 140%;
 text-indent: 5px;
 letter-spacing: -1px;
}

.dropdown-upward {
 margin-top: 400px !important;
}

/*--Navigation Buttons--*/
li.home {
	background-image:url(/images/btn_home.gif);
	width: 3em;
	height: 2.3em;
	border: none;
}
li.products {
	background-image:url(/images/btn_products.jpg);
	width: 8.1em;
	height: 2.3em;
	border: none;
}
li.whats_new {
	background-image:url(/images/btn_whats_new.jpg);
	width: 9.1em;
	height: 2.3em;
	border: none;
}
li.fp_tv {
	background-image:url(/images/btn_fp_tv.jpg);
	width: 14.1em;
	height: 2.3em;
	border: none;
}
li.hunter_edu {
	background-image:url(/images/btn_hunter_edu.jpg);
	width: 14.3em;
	height: 2.3em;
	border: none;
}
li.resources {
	background-image:url(/images/btn_resources.jpg);
	width: 8.5em;
	height: 2.3em;
	border: none;
}
li.conservation {
	background-image:url(/images/btn_conservation.jpg);
	width: 10.3em;
	height: 2.3em;
	border: none;
}
li.premo_gear {
	background-image:url(/images/btn_premo_gear.jpg);
	width: 10.3em;
	height: 2.3em;
	border: none;
}

/*--For Non-IE--*/
html>body li.home {
	background-image:url(/images/btn_home.gif);
	width: 5em;
	height: 2.3em;
	border: none;
}

html>body li.products {
	background-image:url(/images/btn_products.jpg);
	width: 8.1em;
	height: 2.3em;
	border: none;
}
html>body li.whats_new {
	background-image:url(/images/btn_whats_new.jpg);
	width: 9.1em;
	height: 2.3em;
	border: none;
}
html>body li.fp_tv {
	background-image:url(/images/btn_fp_tv.jpg);
	width: 14.1em;
	height: 2.3em;
	border: none;
}
html>body li.hunter_edu {
	background-image:url(/images/btn_hunter_edu.jpg);
	width: 14.5em;
	height: 2.3em;
	border: none;
}
html>body li.resources {
	background-image:url(/images/btn_resources.jpg);
	width: 8.5em;
	height: 2.3em;
	border: none;
}
html>body li.conservation {
	background-image:url(/images/btn_conservation.jpg);
	width: 10.4em;
	height: 2.3em;
	border: none;
}
html>body li.premo_gear {
	background-image:url(/images/btn_premo_gear.jpg);
	width: 10.3em;
	height: 2.3em;
	border: none;
}

/*--Hover States--*/
a.home:hover {
	background-image:url(/images/btn_home_on.gif);
	height: 2.3em;
}

a.products:hover {
	background-image:url(/images/btn_products_on.jpg);
	height: 2.3em;
}
a.whats_new:hover {
	background-image:url(/images/btn_whats_new_on.jpg);
	height: 2.3em;
}
a.fp_tv:hover {
	background-image:url(/images/btn_fp_tv_on.jpg);
	height: 2.3em;
}
a.hunter_edu:hover {
	background-image:url(/images/btn_hunter_edu_on.jpg);
	height: 2.3em;
}
a.resources:hover {
	background-image:url(/images/btn_resources_on.jpg);
	height: 2.3em;
}
a.conservation:hover {
	background-image:url(/images/btn_conservation_on.jpg);
	height: 2.3em;
}
a.premo_gear:hover {
	background-image:url(/images/btn_premo_gear_on.jpg);
	height: 2.3em;
}

/*--For Non-IE--*/
html>body a.home:hover {
	background-image:url(/images/btn_home_on.gif);
	height: 1.7em;
}
html>body a.products:hover {
	background-image:url(/images/btn_products_on.jpg);
	height: 1.7em;
}
html>body a.whats_new:hover {
	background-image:url(/images/btn_whats_new_on.jpg);
	height: 1.7em;
}
html>body a.fp_tv:hover {
	background-image:url(/images/btn_fp_tv_on.jpg);
	height: 1.7em;
}
html>body a.hunter_edu:hover {
	background-image:url(/images/btn_hunter_edu_on.jpg);
	height: 1.7em;
}
html>body a.resources:hover {
	background-image:url(/images/btn_resources_on.jpg);
	height: 1.7em;
}
html>body a.conservation:hover {
	background-image:url(/images/btn_conservation_on.jpg);
	height: 1.7em;
}
html>body a.premo_gear:hover {
	background-image:url(/images/btn_premo_gear_on.jpg);
	height: 1.7em;
}
/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */
ul.dropdown {
	font-weight: bold;
	border-style: solid;
	border-width: 0;
	border-color: #fff;
	background-image: none;
}

ul.nav-dropdown {
	width: 200px;
	height: auto;
	background-image:url(/images/dropdownbg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #000;
	border-style: solid;
	border-width: 2px;
	border-color: #97302b;
}

ul.nav-dropdown li {
	width: 200px;
	height: 26px;
	background-image:url(/images/dropdownbg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #000;
}

ul.nav-dropdown-premo_gear {
	width: auto;
	height: auto;
	background-image:url(/images/dropdownbg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #000;
	border-style: solid;
	border-width: 2px;
	border-color: #97302b;
}

ul.nav-dropdown-premo_gear li {
	width: 130px;
	height: 26px;
	background-image:url(/images/dropdownbg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #000;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background-color: #fff;
	color: #000;
}

ul.dropdown a:link, 
ul.dropdown a:visited	{ 
	color: #000;
	padding: 4px 30px;
	font-weight: bold;
	text-decoration: none;
}

ul.nav-dropdown a:link, 
ul.nav-dropdown a:visited	{ 
	color: #000;
	padding: 4px 30px;
	font-weight: bold;
	text-decoration: none;
	width: 220px;
}

ul.nav-dropdown-premo_gear a:link, 
ul.nav-dropdown-premo_gear a:visited	{ 
	color: #000;
	padding: 4px 30px;
	font-weight: bold;
	text-decoration: none;
	width: 200px;
}

ul.dropdown a:hover	{
	color: #cc3433;
}
ul.dropdown a:active {
	color: #CC0000;
}

/* -- level mark -- */
ul.dropdown ul {
	width: auto;
	margin-top: 0px;
}

ul.dropdown ul li {
	
}
/*------------------------------------------------------------------------------------------------------/
* @section		Base Style Extension
*/
ul.dropdown a,
ul.dropdown span {
	display: block;
	padding: 5px 30px;
}

/*------------------------------------------------------------------------------------------------------/
*	@section	Base Style Override
*/
ul.dropdown li {
	padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { 
	padding: 8px;
}

/*------------------------------------------------------------------------------------------------------/
*	@section	Custom Styles
*/
ul.dropdown ul a {
	width: 133px;
}


/*------------------------------------------------------------------------------------------------------/
*	@section	Video Player
*/
div#videoPlayer {
	width: 730;
	height: 365;
	
	padding: 10px;
}

div#playList {
	position:relative;
	display: inline;
	width:275px;
	height:365px;
	float: right;
	background-color:#5f6264;
	overflow: auto;
}

div#playList li {
	list-style-type: none;
	padding: 1px;
	margin-bottom: 2px;
	background-color: #737677;
	height: 45px;
}

div#playlist li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
	width: 250px;
}
div#playlist li a:hover{
	text-decoration: underline;
}

div.video {
	background-color:#5f6264;
}

div.video a {
	
}

div#playlist li img {
	border: none;
	left: 195px;
	float: right;
	position: absolute;
	display: inline;
}

div#flash {
	float: left;
	width: 640px;
}

/*------------------------------------------------------------------------------------------------------/
*	@section	social media link
*/
div.socialMedia {
	left: 370px;
	top: 10px;
	width: 100px;
	position: relative;
	display:inline;
}