/* --- SITEWIDE --- */
body {
	position: relative;
	text-align: center;
	background: #ddd url('/images/nav/12.backgroundfade.gif') repeat-x top left;
	font-size: 70%;
	font-family: Verdana, Arial, sans-serif;
	color: #555}

body.emptyBody {
	background-image: none;
	line-height: normal;
	background-color: #FFF;
	margin-top: 0}

a:link {
	color: #222}
a:visited {
	color: #444}
a:hover {
	color: #F80}
a:active {
	color: #F80;
	text-decoration: underline overline}
a.nonVis {
	color: #555;
	text-decoration: none}
a.nonVis:hover {
	color: #F80;
	text-decoration: underline}

div {
	line-height: 120%;
	font-size: 1em}
ul,
li,
h1,
h2,
h3 {line-height: normal}

img {
	text-decoration: none;
	border: 0}
img.right {
	float: right;
	margin: 0 0 10px 10px}
img.left {
	float: left;
	margin: 0 10px 10px 0}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto}

hr {
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	border: none}

h1 { /* see ie's */
	padding: 10px 0 5px 0;
	font-size: 1.9em;
	font-style: italic;
	color: #333;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px}
h2 {
	margin: 4px 0;
	font-size: 1.4em;
	font-style: italic;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px}
	

.clear {
	clear: both}
.clearL {
	clear: left}
.clearR {
	clear: right}

.right {
	position: relative;
	float: right}
.left {
	position: relative;
	float: left}
.center {
	margin-left: auto;
	margin-right: auto}

p.center,
div.center {
	text-align: center}

p {
	font-size: 1.1em;
	margin: 1.2em 0}

ol, ul {
	margin-left: 35px}

p.indent,
div.indent {
	margin-left: 35px}

.vMiddle {
	vertical-align: middle}

table td {
	padding: 3px}
	
.dataTable {
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: .9em;
	border: 2px solid #000;
	border-collapse: collapse;
	width: 95%;
	clear: left}
.dataTable td {
	border: 1px solid #999;
	text-align: center;
	padding: 4px;
	top: 0px}
.dataTable th {
	border: 1px solid #333;
	background-color: #ccc;
	font-weight: bold;
	text-align: center;
	padding: 4px}
.dataTable tr:hover {
	background-color: #eee}
.dataTable caption {
	background-color: #333;
	color: #FFF;
	text-transform: uppercase;
	padding: 4px;
	font-weight: bold}

.compTable {
	margin-bottom: 10px;
	font-size: .9em;
	border: 2px solid #fff;
	border-collapse: collapse;
	width: 95%;
	background-color: #eee;
	clear: left}
.compTable td {
	border: 2px solid #fff;
	padding: 4px;
	top: 0px}
th.rowHead  {
	border: 2px solid #fff;
	background-color: #bbb;
	font-weight: bold;
	text-align: center;
	padding: 4px}
th.colHead  {
	border: 2px solid #fff;
	background-color: #ddd;
	font-weight: bold;
	text-align: center;
	padding: 4px}
tr.rowColor1 {
	background-color: #fff}
tr.rowColor2 {
	background-color: #eee}
.compTable tr:hover {
	background-color: #ddd}
.compTable caption {
	color: #FFF;
	text-transform: uppercase;
	padding: 4px;
	font-weight: bold}

.dataForm {
	padding: 1em 0;
	margin: 0 1em }
.dataForm input {
	 }
.dataForm textarea {
	 }
.dataForm select {
	 }

.formrow {
	clear: left;
	padding: .25em }
.label {
	width: 6em;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 1em}
.accesskey {
	text-decoration: underline }
.widget {
	margin-left: 7em }
fieldset {
	padding: 0;
	border-width: 0}
fieldset > legend {
	display: block; }

.loginForm {
	 }
.loginInput {
	 }
.loginTextarea {
	 }
.loginSelect {
	 }

.loginformrow {
	clear: left;
	padding: .25em }
.loginlabel {
	width: 5em;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 1em}
.loginaccesskey {
	text-decoration: underline }
.loginwidget {
	margin-left: 6em }


.siteText {
	text-align: left;
	color: #666}
.siteText a:link,
.siteText a:visited,
.siteText a:hover,
.siteText a:active {
	color: #666;
	text-decoration: none}

.sidebarSlider {
	display: block;
	margin-top: 2px;
	padding: 4px;
	text-align: left;
	text-decoration: none;
	background-image: url(/images/sidebar.arrow.down.gif);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #F80;
	color: #FFF}
.sidebarSlider:link,
.sidebarSlider:visited {
	color: #FFF}

.sidebarSliderContent {
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	font-size: .9em;
	padding: 0 5px 0 5px;
	margin-bottom: 10px}
.sidebarSliderContentLeft {
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 0 5px 0 5px;
	margin-bottom: 10px}

.sidebarExtras a,
.sidebarExtras a:link,
.sidebarExtras a:visited,
.sidebarExtras a:hover,
.sidebarExtras a:active {
	background: #ddd;
	display: block;
	padding: 6px 4px 6px 26px;
	text-align: left;
	color: #333;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-top: 1px solid #AAA}
.sidebarExtras img {
	margin-left: -25px;
	vertical-align: middle}
.lastExtra,
.lastExtraOOS {
	margin-bottom: 10px;
	border-bottom: 1px solid #AAA}

	
.sidePromo {
	margin-bottom: 10px}
	
.sideTitle {
	position: absolute;
	padding: 0 3px;
	font-weight: bold;
	color: #F60;
	background-color: #FFF;
	top: -7px;
	left: 3px}
.csSidebar {
	position: relative;
	text-align: center;
	padding: 9px 9px 9px 3px;
	margin: 20px 0 10px 0;
	color: #333;
	border: 1px solid #aaa}
.csSidebar ul {
	text-align: left}	
.signupGGGimg {
	border: 1px solid black;
	text-align: center;
	margin-bottom: 10px}
.signupGGGimg div {
	padding: 5px}
.signupGGGimg .date {
	background-color: #000;
	color: #FFF}

.dod {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid black;
	text-align: center;
	padding: 5px}
.dodTitle {
	margin-bottom: 2px;
	background-color: #900}
.dodImg {
	position: absolute;
	top: -10px;
	left: 67px}
.dod2 {
	position: relative;
	margin-left: 82px;
	border: 1px solid black;
	padding: 5px 5px 5px 135px;
	height: 120px}
.dod2Title { /* see ie's */
	padding: 5px;
	position: absolute;
	border: 1px solid black;
	width: 70px;
	background-color: #900;
	top: -1px;
	left: -85px;
	height: 120px}
.dod2Img {
	position: absolute;
	top: -3px;
	left: 135px}
.dod2Thumb {
	float: left;
	display: inline;
	margin-left: -130px}
.dodSold {
	position: absolute;
	top: 50px;
	left: 32px}
.dod2Sold {
	position: absolute;
	top: 50px;
	left: 7px}
.dod3Sold {
	position: absolute;
	top: 30px;
	left: 39px}

.msBox {
	border: 1px solid #aaa;
	padding: 5px;
	margin-bottom: 10px;
	min-height: 30px}
	
#popNoteInner {
	display: block;
	border: 3px solid #F90;
	text-align: left;
	padding: 8px;
	background-color: #FFC}

#popNote {
	position:absolute;
	padding: 0 5px 5px 0;
	z-index: 100;
	background: url(/images/shop/detail/popnote.shadowAlpha.png) no-repeat bottom right !important;
	background: none}


	
/* ------ TEXT STYLES ------ */

.textSmall {
	font-size: .9em}
.textMedium {
	font-size: 1em}
.text {
	font-size: 1.2em}
.textBig {
	font-size: 1.3em}

.salePrice,
a.salePrice {
	font-weight:bold;
	color: #900}
	


	
#outerGradient {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1001px}
#outer {
	position: relative;
	padding-right: 5px;
	background: transparent url('/images/nav/12.gradright.gif') repeat-y right top;
	text-align: left}
#outerGradTopR {
	position: absolute;
	top: 0;
	right: 0}
#outerGradBottomR {
	position: absolute;
	bottom: 0;
	right: 0}
#outerGradBottomL {
	position: absolute;
	bottom: 0;
	left: 0}

#outerContent {
	background-color: #7f7f7f;
	border: 1px solid #595959;
	border-width: 0 1px 1px 1px;
	padding: 0 2px 2px 2px}
.secureWrapper #outerContent {
	background-color: #aaa}
#outerContentBottom {
	position: relative;
	height: 6px;
	background: url('/images/nav/12.gradbottom.gif') repeat-x top}
#innerContent {
	position: relative;
	background: #fff url('/images/nav/12.insidegrad.gif') repeat-y top left;
	border: 1px solid #595959;
	border-width: 0 1px 1px 1px;
	padding: 10px 20px 20px 20px;
	min-height: 500px;
	line-height: 160%}
	
	
	
	



/* ------ SIDEBARS ------ */
.content_wMainSidebar {
	position: relative;
	padding-left: 175px}

#mainSidebar {
	position: relative;
	float: left;
	width: 155px;
	display: inline;
	margin-left: -175px}

.content_wMainSidebarInner {
	width: 100%;
	position: relative;
	float: right}
	
.sideList {
	list-style: square;
	display: block;
	margin: 0 0 12px 12px;
	padding: 0px}
.sideList li {
	padding: 1px}
.sideListInner {
	font-size: 1.1em;
	list-style: square;
	font-weight: normal;
	margin: 0 0 3px 8px;
	padding: 0 0 0 4px}
	
#sidebarContent {
	margin-bottom: 10px;
	text-align: left;
	padding: 6px 6px 6px 10px;
	background-color: #DDD;
	color: #333}
	
	
.sidebarHead {
	position: relative;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	background: #f8bd46 url('/images/outdoors/depthead.bg2.gif') no-repeat top left}
.sidebarHeadWide {
	position: relative;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	background: #F60 url('/images/outdoors/depthead.bgwide2.gif') no-repeat top left}
.productSidebarOuter a.productSidebarHead {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	background: #F60 url('/images/outdoors/depthead.bg2.gif') no-repeat top left}
.detailWrapper .productSidebarOuter a.productSidebarHead,
.homeWrapper .productSidebarOuter a.productSidebarHead,
.listWrapper .productSidebarOuter a.productSidebarHead,
.activityWrapper .productSidebarOuter a.productSidebarHead {
	display: none}
a.productSidebarTitle {
	position: relative;
	display: block;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	color: #111;
	background: #f8bd46 url('/images/outdoors/depthead.bg2.gif') no-repeat top left;
	margin-top: 10px}
.productSidebar {
	text-align: center;
	padding: 5px;
	color: #333;
	background: #eee;
	overflow: hidden;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa}
.productSidebar a {
	color: #222}
.productSidebar a:visited {
	color: #666}
.productSidebarOuter {
	position: relative;
	margin-bottom: 10px}
.productSidebar ul {
	text-align: left}
.productSidebar .selected {
	list-style-type: none;
	padding: 5px;
	list-style: url('/images/outdoors/selected.gif');
	font-weight: bold}
.productSidebar .selected li {
	list-style-image: none;
	font-weight: normal}
.productSidebar .selected ul {
	background: #fff}
.productSidebar li li.selected {
	list-style-type: none;
	list-style: url('/images/outdoors/selected.gif');
	font-weight: bold}

.seeMore {
	position: relative;
	font-size: 10px;
	padding: 3px 0 0 20px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	text-align: left}
.seeMore a,
.seeMore a:link,
.seeMore a:visited,
.seeMore a:hover,
.seeMore a:active {
	color: #a00;
	text-decoration: none}
.seeMore b {
	text-decoration: underline}
.seeMore img {
	position: relative;
	float: left;
	margin: 8px 0 0 -12px}
	
	
	
/* --- menu coding --- */
#menu {
	width: 155px;
	background: #eee}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0}

#menu a,
#menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px}

#menu h2 {
	color: #fff;
	background: #f60;
	text-align: center;
	border: none;
	text-transform: uppercase}

#menu a {
	color: #000;
	background-color: #efefef;
	text-decoration: none}

#menu a:hover {
	color: #C60;
	background-color: #fff}

.hasCat {
	padding-right: 18px;
	background: #efefef url('/images/outdoors/next.on.gif') no-repeat 100% 50%}

.hasShelf {
	padding-right: 18px;
	background: #efefef url('/images/outdoors/next.on.gif') no-repeat 100% 50%}

#menu li {
	position: relative}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul {
	display: none}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block}






	
	
/* --- TOP NAV --- */

#topNav {
	background-color: #fff;
	height: 108px;
	position: relative}


#pscroller { /* see ie's */
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 165px;
	padding-top: 5px;
	font-size: 11px;
	height: 40px;
	width: 205px}
#pscroller img {
	position: relative;
	margin-right: 5px;
	float: left}
#pscroller a {
	color: #333;
	text-decoration: none}
#pscroller a b {
	color: #f80;
	text-decoration: underline}

#topNavTabs {
	position: absolute;
	line-height: 0;
	top: -30px;
	left: 150px}


#liveChat {
	position: absolute;
	top: 20px;
	right: 225px}
	
	
#csLinks {
	position: absolute;
	top: 85px;
	right: 218px;
	list-style-type: none}
#csLinks li {
	position: relative;
	padding: 0 7px 0 10px;
	background: url('/images/nav/12.cslinks.dot.gif') no-repeat center left;
	float: right;
	list-style-type: none}
#csLinks a {
	color: #333}


.cart {
	position: absolute;
	line-height: 1.5em;
	height: 85px;
	text-align: center;
	width: 196px;
	background: #fff url('/images/nav/12.cart.bg.gif') repeat-y top right;
	top: 20px;
	right: 17px}
.cart a {
	color: #F80}
.cart p {
	margin-top: 5px}
#cartBottom {
	position: absolute;
	bottom: 0;
	left: 0}

/*--DUPLICATE REMOVE--*/
#cart {
	position: absolute;
	line-height: 1.5em;
	height: 85px;
	text-align: center;
	width: 196px;
	background: #fff url('/images/nav/12.cart.bg.gif') repeat-y top right;
	top: 20px;
	right: 17px}
#cart a {
	color: #F80}
#cart p {
	margin-top: 5px}
	
	
#topNavBarTop {
	position: relative;
	z-index: 3;
	height: 10px;
	background: #7f7f7f url('/images/nav/12.navbartop.gif') repeat-x top}
.secureWrapper #topNavBarTop {
	height: 13px;
	background: #aaa url('/images/nav/12.navbarbot.checkout.gif?c=1') repeat-x top}

.topCurveL {
	position: absolute;
	top: 0;
	left: 0}
.topCurveR {
	position: absolute;
	top: 0;
	right: 0}

#searchBox {
	position: absolute;
	z-index: 2;
	top: 8px;
	width: 260px;
	left: 20px}
#searchBox img,
#searchBox input {
	vertical-align: middle}
#searchdrop {
	position: absolute;
	left: 60px;
	top: 34px;
	padding-top: 18px;
	background: #ddd url(/images/nav/11.searchpoptitle.gif) top right no-repeat;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	width: 180px}
#searchdrop div {
	padding: 3px 3px 3px 6px}
#searchdrop ul {
	list-style-type:none;
	margin:0px;
	padding:0px}
#searchdrop ul li.selected { background-color: #eee}
#searchdrop ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer}

.centerSearch {
	width: 300px;
	margin: 0 auto 20px auto;
	padding: 18px;
	border: 1px solid #AAA;
	background-color: #ddd}

textarea.srchbox2,
input.srchbox2 {
	width: 82%}
input.srchbox {
	width: 40%}


#topNavBar {
	position: relative;
	z-index: 2;
	background-color: #7f7f7f}
.secureWrapper #topNavBar {
	background-color: #aaa}

#topNavBarInner {
	position: relative;
	border-right: 1px solid #595959;
	border-left: 1px solid #595959;
	min-height: 42px;
	padding-left: 296px}
#topNavBarBot {
	position: relative;
	height: 20px;
	border: 1px solid #595959;
	border-width: 0 1px;
	background: #7f7f7f url('/images/nav/12.navbarbot.gif') repeat-x left 11px}
#topNavBarFreeShip {
	position: relative;
	text-align: center;
	height: 47px;
	border: 1px solid #595959;
	border-width: 0 1px;
	background: #7f7f7f url('/images/nav/12.freeship.bg.gif') repeat-x left 11px}

.botCurveL {
	position: absolute;
	top: 11px;
	left: 0}
.botCurveR {
	position: absolute;
	top: 11px;
	right: 0}
.botCurveFreeShip {
	margin-top: 12px}
	

/* ------ DROP DOWNS ------ */

.ddText {
	font-size: 1.3em}

#ddWrapper { /* see ie's */
	position: relative;
	z-index: 13;
	text-align: left;
	padding: 12px 0 8px 0;
	width: 650px}

#ddWrapper img {
	vertical-align: bottom}

#zUL {
	margin: 0}
	
#zUL li a {
	color: #fff;
	text-decoration: none}

#zUL li ul a {
	display: block;
	margin: 0;
	border: 1px solid #595959;
	border-width: 0 1px 1px 1px;
	padding: 3px 5px 3px 6px}

#zUL li {
	float: left;
	width: auto;
	position: relative;
	padding: 0 12px;
	background: url('/images/nav/12.arrowA.gif') no-repeat left center;
	list-style-type: none}

#zUL li ul li {
	background-color: #7f7f7f;
	font-size: .8em;
	overflow: hidden;
	float: left;
	width: 150px;
	position: relative;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin-top: 0}

#zUL li:hover {
	background: url('/images/nav/12.arrowB.gif') no-repeat left center}

#zUL li ul li:hover {
	background-image: none}
	
#zUL li ul a:hover {
	background-color: #fc6;
	color: #333;
	font-weight: bold}

#zUL li:hover ul,
#zUL li.msieFix ul { /* see ie's */
	visibility: visible;
	background-color: transparent}

#zUL li ul .subItem {
	padding-left: 10px;
	padding-right: 0}

#zUL li ul {
	visibility: hidden;
	z-index: 3;
	position: absolute;
	width: 100px;
	margin: 0;
	padding: 0}



#activityLinks {
	position: relative;
	margin-left: 12px;
	clear: left;
	font-size: 11px;
	border: 1px solid #999;
	list-style: none;
	width: 665px}
#activityLinks li {
	position: relative;
	float: left;
	color: #eee;
	list-style-type: none}
#activityLinks a {
	float: left;
	margin: 0;
	padding: 2px 5px}
#activityLinks a:link,
#activityLinks a:visited,
#activityLinks a:active {
	text-decoration: none;
	color: #eee}
#activityLinks a:hover {
	color: #333;
	text-decoration: underline;
	background-color: #999}
	
	
	
#bottomBookmarks {
	text-align: right;
	border-top: 1px solid #ddd;
	padding: 5px 10px 0 10px;
	margin-top: 10px}

#footer {
	padding: 10px;
	text-align: center}