/*  Main Style Sheet for NEB 
 *  Date:02-06-2009
 *  By:Jive Gerard G. Medina
*/
/* Misc Styles and defaults 
-------------------------------------------- */
@import "typography.css";
@import "jquery.lightbox-0.5.css";

* {
	margin: 0;
	padding: 0;
	}

html,img,p,h1,h3{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
	margin:0;
	padding:0;
	margin-bottom: 40px;
	background: #fff url(../images/bg.jpg) top no-repeat;
	}
#Custom{
	margin:0;
	padding:0;
	background: #fff url(../images/bgpage.jpg) top no-repeat;}
/* CONTAINER
----------------------------------------- */
#Container{
	margin:0 auto;
	width:900px;
	}
#Top{
	width:900px;
	height:77px;
	clear:both;
	}
#Layout{
	width:900px;
	clear:both;
	}
/* HEADER
----------------------------------------- */
#Header{
	margin:0 auto;
	margin-top:26px;
	/*background:url(../images/sample_banner.jpg) no-repeat;*/
	width:895px;
	height:277px;
	}
div.headr{
	width:895px;
	height:277px;
	position:relative;
	top:0px;
	left:0px;
	overflow:visible;
	}
div.sloganCon{
	position:absolute;
	z-index:15;
	background:url(../images/sloganbg.png) top no-repeat;
	height:267px;
	width:894px;
	}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		margin:15px 0 0 35px;
		background-color: #444;
		padding: 10px;
		width: 510px;
		clear:both;
	}
	#gallery ul { 
		list-style: none;
		}
	#gallery ul li { 
		margin:0 0 5px 0;
		display:inline;
		}
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Nav{
	width:895px;
	height:32px;
	clear:both;
	}
#Navigation{
	width:625px;
	height:32px;
	margin-left:-4px;
	*margin-left:-8px;
	float:left;
}
/*#Navigation{
	width:625px;
	height:32px;
	margin-left:-6px !important;
	*margin-left:-15px;
	float:left;
	z-index:7;
	}*/
#slidetabsmenu {
	position:relative;
	display:inline-block;
	float:left;
	left: 0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:700;
	*margin:0 0 0 6px !important;	    		    	
	*left: 0 !important;
	*left: 43px;
	margin:0 0 0 5px;
}


* html #slidetabsmenu{ 
}

#slidetabsmenu ul{
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0;
}

#slidetabsmenu li{
	position:relative;
	margin:0;
	float:left;
	list-style:none;
	margin-left:2px;
	
}

#slidetabsmenu a {
	display:inline-block;
	margin:0px;
	padding:0px 1px 0px 0px;
	text-decoration:none;
}

/*Left side nga part*/
#slidetabsmenu a span {
	position:relative;
	float:left;
	display:inline-block;
	cursor:pointer;
	background:url(../images/tab-right.gif) no-repeat right top;
	padding:8px 10px 5px 10px;
	margin:0 0px 0 0px;
	color:#9f9f9f;
}
/***************************************************************/

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:left;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #dadada;
}
#slidetabsmenu ul li a.current,
#slidetabsmenu ul li a.section,
#slidetabsmenu ul li a.section:hover,
#slidetabsmenu ul li a.current:hover { 
color:#ffffff;
}
#slidetabsmenu ul li a.current span,
#slidetabsmenu ul li a.section span,
#slidetabsmenu ul li a.section:hover span,
#slidetabsmenu li a.current:hover span {
background:url(../images/ac.jpg) no-repeat;
color: #252525;
}
#slidetabsmenu .current a span {
background-position:100% -28px;
color: #252525;
}

#slidetabsmenu a:hover {
background-position:0% -28px;
}
#slidetabsmenu a:hover span {
background-position:100% -28px;
}
	#slidetabsmenu .DropMenu{
		position: relative !important; 
		*position: absolute;
        *top: 12px !important;                
        top:-3px;
		left: 1px;
        *left: 16px !important;
		width:30px;
		margin:0 0 0 -3px;
		*margin: -15px 0 0 -19px !important;		
		*margin: 34px 0 0 -6px;
		z-index:9;
		display:none;
		}
	#slidetabsmenu .DropMenu ul{
		list-style:none;
		list-style-type:none;
		background:#DFE4E6;
		}
		
	#slidetabsmenu .DropMenu a{
		float:none !important;
		padding: 2px 0 3px 7px;
		width:135px;
		background:#1c1d1f;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#9f9f9f;
		border-bottom:1px dashed #222;
		}
	/*	
	#slidetabsmenu .DropMenu a{
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#FFF;
		width:130px;
		padding:1px 0 2px 6px;
		background-image:none;		
		}
	*/
	#slidetabsmenu .DropMenu a:hover{
		background:#01b5d9;
		color:#FFF;
		width:135px;
	}
	#slidetabsmenu .DropMenu a.current {
        background: rgb(180,180,180);
        color: rgb(255,255,255);
        padding-top: 4px;
        padding-bottom: 4px;
    }
/* Custom Login Container
---------------------------------------------*/
div.myloginCon{
	background: #f9f9f9;
	margin:15px 0 25px 0;
	padding:10px 0 15px 10px;
	border: 1px solid #e9e9e9;
	width:335px;
	clear:both;
	}


/* Subcontainers
-------------------------------------------- */

div.columna{
	margin:10px 45px 0 0;
	width:610px;
	float:left;
	}
div.columne{
	width:900px;
	float:left;
	}
div.photocon{
	width:610px;
	height:240px;
	clear:both;
	}
div.pblurbcon{
	padding:0 3px 0 0;
	width:199px;
	float:left;
	}
div.photo{
	padding:0 3px 0 0;
	width:199px;
	height:240px;
	float:left;
	}
div.blurbcon{
	margin:0 0 35px 0;
	padding:0 0 5px 0;
	width:610px;
	border-bottom:1px solid #dddddd;
	}
div.ablurbcon{
	margin:0 0 10px 0;
	width:610px;
	border-bottom:1px dotted #dddddd;
	clear:both;
	}
div.columnb{
	padding-bottom:25px;
	width:237px;
	float:left;
	}
div.columnc{
	padding:15px 0 0 0;
	padding-bottom:25px;
	width:237px;
	float:left;
	}
div.fishselo{
	background:url(../images/fishselo.jpg) no-repeat;
	width:66px;
	height:35px;
	position:relative;
	top:-4px;
	left:75px;
	float:left;
	}
div.quicklinks{
	width:237px;
	clear:both;
	}
div.article{
	width:237px;
	clear:both;
	}
div.note{
	background:url(../images/note.jpg) no-repeat;
	width:237px;
	height:107px;
	clear:both;
	}
div.menuHolder{
	margin:9px 0 0 0px;
	width:625px;
	height:28px;
	position:relative;
	float:left;
	}
#logo{
	width:334px;
	height:38px;
	background:url(../images/logo.png) no-repeat;
	float:left;
	}
/*Alternative*/
a#nav-home {
	display: block;
	width:334px;
	height:40px;
	outline:none;
	z-index:5;
	background-image:url(../images/logo.png);
	float:left;
	}

a#nav-home:hover {
	background-image:url(../images/logo.png);
	}


a#expo{
	margin:0 0 0 205px;
	width:358px;
	height:80px;
	outline:none;
	z-index:5;
	background:url(../images/fishingexpo.jpg) no-repeat;
	float:left;
	}
a#expo:hover{
	background:url(../images/fishingexpo.jpg) no-repeat;
	}
div.links{
	background:url(../images/lowrep.jpg) repeat-x;
	width:900px;
	height:96px;
	clear:both;
	}
a#auctions{
	margin:13px 0 0 10px;
	display:block;
	width:346px;
	height:75px;
	z-index:5;
	background:url(../images/ebayauctoions.jpg) no-repeat;
	float:left;
	}
a#auctions:hover{
	background:url(../images/ebayauctoions.jpg) no-repeat;
	}
a#shop{
	margin:13px 0 0 290px;
	display:block;
	width:248px;
	height:75px;
	background:url(../images/clickshop.jpg) no-repeat;
	float:left;
	}
a#shop:hover{
	background:url(../images/clickshop.jpg) no-repeat;
	}
div.imgcaption{
	margin:0 0 20px 5px;
	width:600px;
	height:372px;
	float:left;
	}
div.date{
	margin:20px 0 0 135px;
	width:115px;
	height:12px;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#CCC;
	}
#Cont{
	margin:21px 0 0 0px;
	width:14px;
	height:10px;
	float:left;
	}
a#contact{
	width:14px;
	height:9px;
	display:block;
	background:url(../images/contact.jpg) no-repeat;
	}
a#contact:hover{
	background:url(../images/contact.jpg) no-repeat;
	}
div.listing{
	padding:12px 0 0 0px;
	*margin:-1px 0 0 0px;
	color:#555e61;
}
div.listing ul{
	text-decoration:none;
	list-style:url(../images/arrow.jpg);
	}
div.listing li {
	margin:0 0 0 30px;
	*margin:0 0 0 25px;
	font:12px  Arial, Helvetica, sans-serif;
	line-height:20px;
	
}
div.listing li a{
	text-decoration:none;
	color:#fea500;
}
div.listing li a:hover{
	color:#08b2f2;
}

div.howto{
	padding:10px 0 0 15px;
}
div.howto ul{
	text-decoration:none;
	list-style:none;
	}
div.howto li {
	margin:0 0 0 -15px;
	font:12px  Arial, Helvetica, sans-serif;
	line-height:20px;
	background-color:#fff;
	height:15px;
	border-bottom:1px solid #dddddd;
}
div.howto li a{
	text-decoration:none;
	color:#007ccd;
}
div.howto li a:hover{
	color:#08b2f2;
}
.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background:#FFF;
	padding: 5px 10px 5px 5px;
	border-bottom: solid 1px #474747;
	cursor: pointer;
}
.pane-list li:hover {
	background: #edf6fa;
}
/*MISC Container
------------------------------------------------*/
div.searchcon{
	position:relative;
	margin:250px 0 0 0;
	margin:0 auto;
	width:287px;
	}
div.imgads{
	margin:5px 0 0 0;
	background:url(../images/jumping-bass.jpg) no-repeat;
	width:80px;
	height:94px;
	float:left;
	}
div.gads{
	margin:15px 0px 0 25px;
	width:468px;
	height:60px;
	float:left;
	}
div.rapala{
	float:right; 
	padding:5px 5px 5px 0;
	}
.split{
	padding:25px 0px 0 0;
	width:200px;
	float:left;
	}
.splits{
	padding:25px 0px 0 0;
	width:300px;
	float:left;
	}
.list{
	color:#171717;
	}
.list ul{
	text-align:center;
	margin:0 0px 0 0px;
	text-decoration:none;
	list-style:none;
	}
.list li {
	font:12px  Arial, Helvetica, sans-serif;
	line-height:22px;
	}
.list li a{
	text-decoration:none;
	border-bottom:1px dashed #d0d0d0;
	color:#212121;
	}
.list li a:hover{
	color:#01b5d9;
	text-decoration:none;
	}
/* FOOTER
----------------------------------------------- */

#Footer{
	padding:5px 0 0 0;
	width:900px;
	height:28px;
	clear:both;
	}
	
	

#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu1 {
	position:relative;
	display:inline-block;
	float:left;
	left: 0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:700;
	*margin:0 0 0 6px !important;	    		    	
	*left: 0 !important;
	*left: 43px;
	margin:0 0 0 5px;
	list-style:none;
	}
#menu1 li {
	position:relative;
	margin:0;
	float:left;
	list-style:none;
	margin-left:2px;
	}
#menu1 li a {
	display:block; 
	float:left; 
	height:20px; 
	background:url(../images/tab-right.gif) no-repeat right top; 
	color:#9f9f9f; 
	text-decoration:none; 
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 10px 0px 10px;
	}
#menu1 table {
	border-collapse:collapse;
	width:0;
	height:0; 
	position:absolute;
	top:0; 
	left:0;
	}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu1 li a:hover {
	z-index:200;
	position:relative;
	color:#252525; 
	background-position:100% -28px;
	}
#menu1 li:hover {
	position:relative; 
	z-index:200;
	background-position:100% -28px;
	}

#menu1 li:hover > a {
	color:#fff; 
	background-position:100% -28px;
	}
#menu1 li:hover > a.sub {
	color:#fff;
	background-position:100% -28px;
	}

#menu1 li.current a {
	color: #252525;
	background:url(../images/ac.jpg) no-repeat;
	}

#menu1 li a.sub {
	background:#333 url(../images/down-arrow.gif) no-repeat right center;
	background:url(../images/tab-right.gif) no-repeat right top;
	}
#menu1 li.current a.sub {
	color:#fff;
	background:#840 url(../images/arrow-right.gif) no-repeat right center;
	background:url(../images/tab-right.gif) no-repeat right top;
	}

#menu1 :hover ul {
	left:0; 
	top:28px; 
	width:135px; 
	background:#444;
	}

/* keep the 'next' level invisible by placing it off screen. */
#menu1 ul, 
#menu1 :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0;
	height:0;
	margin:0; 
	padding:0; 
	list-style:none;
	}

#menu1 :hover ul :hover ul{
	left:145px; 
	top:-1px; 
	background:#222; 
	white-space:nowrap;
	width:185px;
	z-index:200;
	}

#menu1 :hover ul li {
	margin:0;
	}
#menu1 :hover ul li a {
	width:145px;
	padding:0; 
	text-indent:2px; 
	background:#1c1d1f;
	color:#ccc;
	font:10px Arial, Helvetica, sans-serif; 
	}
#menu1 :hover ul li a.fly {
	background:#1c1d1f;
	border-bottom:1px solid #2b2b2b;
	}

#menu1 :hover ul :hover {
	color:#fff;
	border-bottom:none;
	}
#menu1 :hover ul :hover a.fly {
	background-color:#01b5d9; 
	color:#fff;
	}

#menu1 :hover ul li.currentsub a {
	background:#840; 
	color:#fff;
	}
#menu1 :hover ul li.currentsub a.fly {
	background:#1c1d1f url(../images/arrow-right.gif) no-repeat right;
	}

#menu1 :hover ul :hover ul li a {
	width:145px;
	padding:0; 
	text-indent:15px; 
	background:#1c1d1f; 
	border-bottom:1px dashed #2b2b2b;
	color:#ccc;
	}
#menu1 :hover ul :hover ul :hover {
	background-color:#d70; 
	width:145px;
	color:#fff;
	}

#menu1 :hover ul :hover ul li.currentfly a,
#menu1 :hover ul :hover ul li.currentfly a:hover {
	background:#840; 
	color:#fff;
	
	}