BODY {
	 	
		/*background-color: #424953;*/
		padding: 0px;
		padding-bottom: 20px;
		font-size: 12px;
		line-height: 160%;
		margin: 0px; 
		height: 100%;
		width: 100%;
		text-align: center;
		font-family: verdana, sans-serif;
		background-image: url(../images/bass_header_cut.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		
	}
	
BODY.home {
		background-image: url(../images/bass_header.jpg);
}
	
/*
dark blue = #000033
mid blue = #2668B4
light blue = #4BBECE

green = 3AAD66
yellow = FEB22B
pink = CF34C6
*/

.dark-bg { background-color: #222 !important }
.mid-blue-bg { background-color: #2668B4 !important }
.light-blue-bg { background-color: #3AAD66 !important }
.green-bg { background-color: #3AAD66 !important }
.yellow-bg { background-color: #FEB22B !important }
.pink-bg { background-color: #CF34C6 !important }

.pink-border { border: solid 1px #CF34C6 !important }
.red-border { border: solid 1px #CF34C6 !important }

.fade-bg { background-image: url(../images/fade_bg.png); background-position: bottom left; background-repeat: repeat-x }
.fade-bg-dark { background-image: url(../images/fade_bg_dark.png); background-position: bottom left; background-repeat: repeat-x }

.light-grey-bg { background-color: #c0c0c0 !important }
.grey-bg { background-color: #999 !important; color: #ffffff }
.white-bg { background-color: #ffffff !important; color: #ffffff }

.grey-box { background-color: #dddddd; border: solid 1px #c0c0c0; padding: 20px; }

.checkbox { width: 15px; height: 15px }


H1 { font-size: 14px; color: #1E5A99; font-weight: bold; margin: 0px; margin-bottom: 15px }
H2 { font-size: 14px; color: #3AAD66; font-weight: bold; margin: 0px; margin-bottom: 15px }
H3 { font-size: 11px; color: #333; font-weight: bold; margin: 0px; margin-bottom: 10px }
H4 { font-size: 10px; color: #CF34C6; font-weight: bold; margin: 0px; margin-bottom: 15px }
H5 { font-size: 28px; color: #000; font-weight: normal; margin: 0px; margin-bottom: 30px }

P { font-size: 12px; color: #000; margin: 0px; margin-bottom: 10px;	line-height: 160%; }

A { color: #000000; font-weight: normal; text-decoration: none }
A:hover { color: #ff0099; text-decoration: none }

P A { text-decoration: underline }
LI A { text-decoration: underline }


.light-grey-text { color: #c0c0c0 !important }
.pink-text { color: #CF34C6 !important }
.yellow-text { color: #FEB22B !important }
.blue-text { color: #2668B4 !important }

.grey-text { color: #666 !important }
A#grey-link { color: #666 !important }
A:hover#grey-link { color: #4BBECE !important }

.green-text { color: #3AAD66 !important }
A#green-link { color: #3AAD66 !important }
A:hover#green-link { color: #CF34C6 !important }

.black-text { color: #000000 !important }
.light-blue-text { color: #4BBECE !important }

TABLE { border-collapse: collapse }
TH { text-align: left; font-size: 11px; font-weight: bold }
TD { font-size: 12px; text-align: left; vertical-align: top }

FORM { margin: 0px }
INPUT { border: 0px; font-size: 12px; font-family: verdana, sans-serif }
TEXTAREA { font-size: 11px; font-family: verdana, sans-serif }
SELECT { font-size: 11px; font-family: verdana, sans-serif; color: #333 }

UL { margin-top: 0px; margin-bottom: 8px; list-style-image: url(../images/bullet.gif);}
LI { font-size: 12px; padding-left: 5px; padding-bottom: 8px }

P.quote { font-size: 12px; font-style: italic }


BUTTON { border: 0px; text-transform: uppercase; color: #fff; background-color: #2668B4; padding: 8px; font-size: 12px; font-weight: normal; font-family: tahoma, verdana, sans-serif; cursor: pointer; cursor: hand }
BUTTON.button2 { border: 0px; text-transform: uppercase; color: #fff; background-color: #3AAD66; padding: 8px; font-size: 12px; font-weight: normal; font-family: tahoma, verdana, sans-serif; cursor: pointer; cursor: hand }

.squiggley-arrow {
background: url('../images/squiggley_arrow.gif') top left no-repeat;
margin-top: 5px	
}

.page-header-top { width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; z-index: 100; background-color: #111; border-bottom: solid 1px white; }

.dropdown-menu .heading { color: #999 !important; font-size: 12px; text-transform: uppercase; padding: 10px; background-color: #000 }
.dropdown-menu .heading A { color: #666 !important; font-size: 10px; text-transform: uppercase; cursor: pointer; text-decoration: underline }
.dropdown-menu .item DIV A DIV { cursor: pointer; cursor: hand; text-decoration: none !important; height: 20px; color: #fff !important; font-size: 12px;  padding: 10px; padding-top: 3px; padding-bottom: 3px }
.dropdown-menu .item DIV A DIV.lure-type { cursor: pointer; cursor: hand; text-decoration: none !important; height: 20px; color: #999 !important; font-size: 12px;  padding: 10px; padding-top: 3px; padding-bottom: 3px }
.dropdown-menu .item DIV A:hover DIV { color: #ff3399 !important; text-decoration: none !important }
.dropdown-menu .item DIV A:hover DIV.lure-type { color: #ffcc00 !important; text-decoration: none !important }


.button { color: #fff; background: #2668B4; text-transform: uppercase; font-size: 12px }
.button A { text-decoration: none !important; font-weight: normal }
.button A DIV { cursor: pointer; cursor: hand; padding: 0 5px; color: #fff; background-color: #2668B4; text-decoration: none; font-weight: normal }
.button A:hover DIV { color: #fff; background-color: #CF34C6; text-decoration: none !important }

.button2 { color: #fff; text-transform: uppercase; font-size: 12px }
.button2 A { text-decoration: none !important; font-weight: normal }
.button2 A DIV { cursor: pointer; cursor: hand; padding: 0 5px; color: #fff; background-color: #3AAD66; text-decoration: none; font-weight: normal }
.button2 A:hover DIV { color: #fff; background-color: #CF34C6; text-decoration: none !important }

.button3 { color: #fff; text-transform: uppercase; font-size: 12px }
.button3 A { text-decoration: none !important; font-weight: normal }
.button3 A DIV { cursor: pointer; cursor: hand; padding: 0 5px; color: #fff; background-color: #FEB22B; text-decoration: none; font-weight: normal }
.button3 A:hover DIV { color: #fff; background-color: #CF34C6; text-decoration: none !important }

INPUT.button { cursor: pointer; color: #fff; background: #000033; text-transform: uppercase; font-size: 12px !important; padding: 10px; background-image: url(../images/fade_bg.png); background-position: bottom left; background-repeat: repeat-x }
INPUT.button2 { cursor: pointer; color: #fff; background: #3AAD66; text-transform: uppercase; font-size: 12px !important; padding: 10px; background-image: url(../images/fade_bg.png); background-position: bottom left; background-repeat: repeat-x }
INPUT.button3 { cursor: pointer; color: #fff; background: #CF34C6; text-transform: uppercase; font-size: 12px !important; padding: 10px; background-image: url(../images/fade_bg.png); background-position: bottom left; background-repeat: repeat-x }
INPUT.button4 { cursor: pointer; color: #fff; background: #FEB22B; text-transform: uppercase; font-size: 12px !important; padding: 10px; background-image: url(../images/fade_bg.png); background-position: bottom left; background-repeat: repeat-x }


.left-column {
	float: left;
	width: 710px;
	padding-top: 30px;
}

.right-column {
	float: left;
	width: 250px;
	padding-top: 30px;
}

.form-comment {
	float: left; 
	padding-left: 5px;
	color: #333; 
	font-size: 9px;
	height: 15px;
}

.valid
	{
		color: #78942E
	}
.invalid
	{
		color: #CF34C6
	}


.centralize {   
	position: absolute;
    left: 50%;
	width: 960px;
	top: 0px;
	padding: 0px;
	padding-top: 190px;
	margin: auto;   
	margin-left: -480px;
	text-align: left;
	z-index: 2
}
.centralize-home {   
	position: absolute;
    left: 50%;
	width: 960px;
	top: 0px;
	padding: 0px;
	margin: auto;   
	margin-left: -480px;
	text-align: left;
	z-index: 2;
}

.main-background {
	position: absolute;
    left: 50%;
	width: 1100px;
	height: 277px;
	top: 0px;
	padding: 0px;
	margin: auto;   
	margin-left: -550px;
	text-align: left;
	z-index: 1;
	background-image: url(../images/bass_header_cut2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
}

.main-background-home {
	position: absolute;
    left: 50%;
	width: 1100px;
	height: 500px;
	top: 50px;
	padding: 0px;
	margin: auto;   
	margin-left: -550px;
	text-align: left;
	z-index: 1;
	background-image: url(../images/bass_header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden
	
}


.header-cart { position: absolute; top: 5px; right: 65px; width: 125px  }

.menu-top { 
width: 960px; 
height: 80px
}

.menu-top-top { 
width: 960px; 
height: 60px
}

.menu { 
background: url('../images/header/menu_bg.gif') top center;

}

.menu-item {  
	float: left;
	height: 80px;
	cursor: pointer;
	padding: 0px;
}

.menu-top-top .menu-item { 
	height: 60px !important;
}

.menu-top .not-selected {  
	background-color: #111111
	color: #fff
}

.menu-text {  
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 33px
}
.menu-top-top .menu-text {
	padding-top: 13px
}

.menu-top .selected {
	color: #000
}


.menu-top .selected1 {  
	background-color: #2668B4;
	color: #000
}
.menu-top .not-selected1 A:hover DIV {  
	background-color: #2668B4;
}
.menu-top .selected2 {  
	background-color: #FEB22B;
	color: #000
}
.menu-top .not-selected2 A:hover DIV {  
	background-color: #FEB22B;
}

.menu-top .selected3 {  
	background-color: #CF34C6;
	color: #000
}
.menu-top .not-selected3 A:hover DIV {  
	background-color: #CF34C6;
}

.menu-top .selected4 {  
	background-color: #3AAD66 !important;
	color: #000
}
.menu-top .not-selected4 A:hover DIV {  
	background-color: #3AAD66;
}
.menu-top .selected5 {  
	background-color: #4BBECE;
	color: #000
}
.menu-top .not-selected5 A:hover DIV {  
	background-color: #4BBECE;
}

.menu-top .selected .menu-text { color: #000 }

.menu-sub-text { color: #666; font-size: 10px }
.menu-top .selected .menu-sub-text { color: #fff }

DIV.box1 {
	width: 5px;
	height: 5px;
	background-color: #CF34C6 !important;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}
DIV.box2 {
	width: 5px;
	height: 5px;
	background-color: #3AAD66 !important;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}
DIV.box3 {
	width: 5px;
	height: 5px;
	background-color: #FEB22B !important;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}
DIV.box4 {
	width: 5px;
	height: 5px;
	background-color: #2668B4 !important;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}
DIV.box5 {
	width: 5px;
	height: 5px;
	background-color: #4BBECE !important;
	margin-top: 6px;
	margin-right: 5px;
	float: left;
}


A DIV.submenu-item { 
	color: #000;
	width: 180px;
	height: 10px; 
}
A:hover DIV.submenu-item { color: #ff0099 }

DIV.submenu-item {
	width: 180px;
	height: 10px;
	padding: 8px;
	padding-bottom:16px;
	border-bottom: solid 1px #c0c0c0 	;
	cursor: pointer;
	cursor: hand
}

.subtable {  
	border: solid 1px #c0c0c0; 
	border-left: 0px;
	border-bottom: 0px
}
.subtable TH {
	vertical-align: top;
	padding: 10px;
	font-weight: normal;
	background-color: #efefef;
	border-left: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0; 
}
.subtable TD {
	vertical-align: top;
	padding: 10px;
	border-left: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0; 
}
.subtable TD TD {
	border: 0px; padding: 0px
}
.subtable A {
	color: #000;
	text-decoration: underline;
	font-weight: normal
}
.subtable A:hover {
	color: #666;
}


DIV.table-header { 
	background-color: #cccccc;
	padding: 5px;
	height: 15px; 
	width: 700px;
	margin-bottom: 10px
} 
DIV.table-header DIV {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold	 
} 

.category-option {
float: left;
width: 145px; 
height: 248px;
border: solid 1px #c0c0c0;
margin: 10px;
padding: 5px
}

.category-picture {
	width: 145px;
	height: 70px;
}

.category-text {
	padding: 10px; 
	width: 125px;
}
.category-text P {
	color: #666
}


.home-item {
	padding-top: 50px;
	float: left
}
.home-item A {
	font-size: 13px;
	color: #666;
	letter-spacing: 1px
}
.home-item A:hover {
	color: #000
}

.home-rotate {
	position: relative;
	margin:0;
	padding:0;
	width: 650px;
	height: 285px;
	overflow: hidden !important
}

.collection-image {
	float: left;
	width: 350px;
	height: 285px;
}
.collection-image-bottom {
	float: left;
	width: 620px;
	height: 8px;
	background-color: #000033;
	background-image: url(../images/bar_end.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.footer {
	width: 900px;
	height: 50px;
	float: left;
	margin-top: 50px
	
}






.content-block {
	width: 900px;
}


DIV.swatch { border: solid 1px #999; float: left; width: 10px; height: 10px; padding: 1px  }
.swatch DIV { width: 10px; height: 10px; background-image: url(../shop/images/swatch_bg.png); background-position: bottom center; background-repeat: no-repeat }

DIV.thumbnail
{
float: left;
width: 75px;
height: 75px;
padding: 5px;
margin-right: 10px; margin-bottom: 10px;
text-align: center;
vertical-align: middle;
background-color: #fff;
border: solid 1px #ccc;
background-repeat: none
}

.thumbnail DIV {
overflow: hidden;
padding: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center
}

INPUT.text-field { padding: 2px; border: solid 1px #c0c0c0; white-space:nowrap }

.text-field-div { height: 15px; background: white !important; padding: 2px; border: solid 1px #c0c0c0; overflow: hidden; white-space:nowrap }
.text-field-div INPUT { width: 100% }
.text-field-input { background: white; border: 0px; color: #333 }
.text-box-div { border: solid 1px #999; padding: 1px; background: white !important;  }

.error { color: #CF34C6 !important; font-weight: bold !important }


img { border: 0px; position: relative }

.rollover-text { display: none }

A.underline { text-decoration: underline !important }
.underline A { text-decoration: underline !important }
.none A { text-decoration: none !important }

.header-menu {
	float: right;
	background: url('../header/bg_side.jpg'); list-style-type: none; width: 350px; height: 200px; right: 0; padding-top: 20px;
}

.header-arrow {  
	position: relative;
	z-index: 110;
	left: 0px;
	top: 6px;
	width: 20px;
	float: left
}

#arrow {
	position: relative;
	top: -6px;
}

.oos { background-color: #c0c0c0 }
.ins { background-color: #3AAD66 }

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	height: 60px;
	list-style: none;
	font-size: 1em;
	background-color: #111
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	height: 37px;
	color: #fff;
	text-decoration: none
}

ul#topnav a.lures {
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 13px
}
ul#topnav a.rods {
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 13px
}
ul#topnav a.reels {
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 13px
}
ul#topnav a.everything {
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 13px
}
ul#topnav a.account {
	color: #fff; 
	letter-spacing: 1px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 13px
}

ul#topnav li .sub {
	display: none;
	position: absolute; /*--Important--*/
	top: 60px; left: -1px;
	z-index: 99999;
	background: #000; /*--Background gradient--*/
	padding: 10px;
	float: left;
	border: solid 1px white;
	text-align: left
}

ul#topnav li .sub H1 {
	padding: 5px; color: #666; font-size: 10px; font-weight: bold; border-bottom: dotted 1px #333; margin-bottom: 10px
}

ul#topnav li .sub UL.sub-left {
	border-left: dotted 1px #333
}
ul#topnav li .sub UL.sub-left H1 {
	padding-left: 10px
}
ul#topnav li .sub UL.sub-left LI {
	margin-left: 10px
}
ul#topnav li .sub UL.sub-left LI.sub-column {
	margin-left: 0px
}


ul#topnav li .sub UL.sub-right {
	border-right: dotted 1px #333
}
ul#topnav li .sub UL.sub-right H1 {
	padding-right: 10px
}
ul#topnav li .sub UL.sub-right LI {
	margin-right: 10px
}
ul#topnav li .sub UL.sub-right LI.sub-column {
	margin-right: 0px
}

ul#topnav li .sub UL.sub-middle {
	border-right: dotted 1px #333;
	padding-right: 10px
}
ul#topnav li .sub UL.sub-middle H1 {
	padding-right: 10px;
	padding-left: 10px
}
ul#topnav li .sub UL.sub-middle LI {
	margin-right: 10px;
	margin-left: 10px;
}
ul#topnav li .sub UL.sub-middle LI.sub-column {
	margin-right: 0px;
	margin-left: 0px
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #fff;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 5px;
	margin-right: 10px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}
ul#topnav .sub ul li a:hover {
	color: #fff;
	background-color: #222
}