/* --- RESET --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline}
/* remember to define focus styles! */
:focus {
	outline: 0}
body {
	line-height: 1em;
	color: black;
	background: white}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0}
caption, th, td {
	text-align: left;
	font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""}
blockquote, q {
	quotes: "" ""}

td {vertical-align: top}

	
/* --- CLEARING SYSTEM  --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}
.clearFix {
	display: block}





	
/* ------ CONTENT ------ */
.content_noSidebar2 {
	position: relative;
	float: right}
	
.homeHolder {
	position: relative;
	padding: 15px 0 0 270px}
	
.homeBigThumb {
	position: relative;
	clear: left;
	float: left;
	width: 240px;
	padding: 3px;
	border: 1px solid #ddd;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	margin-left: -270px}
.overlayCaption {
	position: absolute;
	bottom: 30px;
	left: 3px;
	width: 220px;
	display: block;
	font-size: .9em;
	line-height: 1em;
	text-decoration: none;
	text-align: center;
	padding: 6px 10px;
	margin-top: -70px;
	background: #F60;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7}

.homeSmallThumb {
	position: relative;
	float: left;
	width: 138px;
	padding: 3px 3px 6px 3px;
	border: 1px solid #ddd;
	font-size: 1em;
	text-align: center;
	line-height: 1.1em;
	margin: 15px 3px 0 0}
	

.brandsTable {
	width: 570px;
	margin-top: 15px}
.brandsTable td {
	text-align: center;
	width: 33%}/* --- 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: #333}

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;
	font-weight: bold;
	color: #F60;
	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}

.nowrap {
	white-space: nowrap}

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

p {
	margin: 1.2em 0}

ol, ul {
	margin-left: 25px}

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

.vMiddle {
	vertical-align: middle}

.vTop {
	vertical-align: top}

.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}
	
.deadlineHolder .dataTable caption {
	background-color: #E63738;
	font-size: 1.2em;
	text-align: center}

.deadlineHolder .dataTable {
	border: 2px solid #E63738;
	border-width: 0 2px 2px 2px}

.deadlineHolder .cellLeft {
	text-align: left}

.deadlineHolder {
	width: 550px;
	margin: 15px auto 0 auto}

.deadlineTableTitle {
	font-size: 1.2em;
	color: #E63738}

.PayPalFront {
	font-weight: bold;
	font-style: italic;
	color: #036}

.PayPalBack {
	font-weight: bold;
	font-style: italic;
	color: #69c}

#bottomBar .PayPalBack {
	color: #036}

.breadcrumbs {
	font-size: 1.1em;
	margin-bottom: 10px}

.breadCount {
	color: #aaa}

.dataForm {
	padding: 1em 0;
	margin: 0 1em }

.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}

.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}

.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 #ccc}

.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}

.dodImg2 {
	position: absolute;
	top: -10px;
	left: 56px}

.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}

.dodThumb2 {
	width: 120px;
	height: 120px}

.msBox {
	display: none}
	
#newShops {
	position: relative;
	margin: 0 auto;
	width: 640px;
	height: 160px}

#newShopBG {
	position: absolute;
	top: 0;
	left: 0}

.newShopThumb {
	text-decoration: none;
	position: relative;
	float: left;
	width: 80px;
	height: 80px}

#DODtitle {
	border-bottom: 1px solid #CCC;
	margin: 4px 0}

#GGGholder {
	position: relative;
	padding-left: 290px}

#DODholder {
	position: relative;
	padding-left: 230px}

#sideDODBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px}

#sideGGGBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px}

#sideGGGBoxInner {
	border: 1px solid #ccc;
	text-align: center}

#popNoteInner {
	display: block;
	border: 3px solid #F90;
	text-align: left;
	padding: 8px;
	background-color: #FFC}

#popNote {
	position:absolute;
	padding: 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}
	
.twoDay1 {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #041daa}
.twoDay2 {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #3ca600}

.priceBox {
	font-size: 1.1em;
	padding-top: 6px}

.discountBox {
	font-size: 1em;
	padding-top: 6px}

.disclaimer {
	color: #888;
	font-size: 0.9em}

#outerGradient {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1001px}

#outerContent {
	position: relative;
	border-right: 4px solid #f8bd46;
	border-bottom: 4px solid #f8bd46;
	border-left: 4px solid #f8bd46}

.cartWrapper #outerContent,
.addressWrapper #outerContent,
.reviewWrapper #outerContent,
.receiptWrapper #outerContent {
	border-top: 4px solid #595959}

.receiptWrapper #outerContent.nonPartner {
	border-top: 0}

#innerContent {
	position: relative;
	background-color: #fff;
	padding: 10px 20px 20px 20px;
	min-height: 500px;
	line-height: 160%}
	
.accountWrapper #innerContent,
.cartWrapper #innerContent,
.addressWrapper #innerContent,
.reviewWrapper #innerContent,
.receiptWrapper #innerContent {
	padding: 40px}

.outdoorsHeader {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding-top: 15px}

/*----- REFINE FACETS ------*/
.doubleLI {
	position: relative;
	margin: 5px 0}

#facets hr {
	clear: left}

#facets ul {
	margin-left: 0}

#facets li {
	position: relative;
	padding: 2px 0 1px 12px;
	background: url('/images/nav/12.cslinks.dot.gif') center left no-repeat;
	list-style-type: none}

#facets a { /*enochfix*/
	position: relative}

#facets .doubleLI li {
	position: relative;
	width: 53px;
	white-space: nowrap;
	float: left;
	list-style-type: none}

#facets .doubleLI li.expander_link {
	padding-left: 0}

#facets .expander_link{
	position: relative;
	background: none}

#facets .ratings li img {
	vertical-align: middle;
	border-bottom: 1px solid #999}

#facets .expander_link a {
	position: relative;
	color: #666}
	
.facetTitle {
	color: #F60;
	font-weight: bold}
	
#facets a.count {
	color: #aaa;
	text-decoration: none}
	
#chosen {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #eee;
	border: 1px solid #ddd}

#facets {
	padding: 10px;
	margin-bottom: 15px; 
	border: 1px solid #ddd}

#facets a:visited {
	color:#777}

.expander_link {
	list-style:none;
	font-weight:bold;
	margin-top:5px}

#facets ul li {
	list-style:none}

#Category_expander_plus,
#Department_expander_plus,
#Category_expander_plus,
#Brand_expander_plus,
#Size_expander_plus,
#Price_expander_plus {
	text-decoration: none}

#lowerDeptWrapper {
	background-color: #eee;
	border: 1px solid #bbb;
	margin-bottom: 15px;
	padding: 10px}

#lowerDepts li {
	padding: 2px 0}

#lowerDepts {
	margin-left: 10px}

#lowerDepts ul {
	display: none}

#lowerDepts ul li {
	margin-left: 10px}
	
/* ------ SIDEBARS ------ */
.content_wMainSidebar {
	position: relative;
	padding-left: 185px}

.content_wMainSidebarR {
	position: relative;
	padding-right: 185px}

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

#mainSidebarR {
	position: relative;
	float: right;
	width: 155px;
	display: inline;
	margin-right: -185px}

.detailBody #mainSidebarR {
	margin-top: 25px}

.content_wMainSidebarInner {
	width: 100%;
	position: relative;
	float: right}

.content_wMainSidebarInnerR {
	width: 100%;
	z-index: 2;
	position: relative;
	float: left}
	
.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 9px;
	text-align: center;
	color: #fff;
	background: #F60 url('/images/outdoors/depthead.bg3.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;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	font-weight: bold;
	color: #111;
	background: #f8bd46 url('/images/outdoors/depthead.bg2.gif') no-repeat top left}

.detailWrapper a.productSidebarTitle,
.homeWrapper a.productSidebarTitle,
.listWrapper a.productSidebarTitle,
.activityWrapper a.productSidebarTitle {
	border: 0;
	margin-top: 10px}

.productSidebar {
	text-align: center;
	padding: 5px;
	color: #333;
	background: #eee;
	margin-bottom: 15px;
	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}

.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}
	
a.overlayCaption,
a.overlayCaptionSmall {
	color: #fff}
	
.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}

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

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

#pscroller { /* see ie's */
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 5px;
	padding-top: 5px;
	margin-top: 3px;
	font-size:11px;
height:40px;
	width: 190px}

#pscroller img {
	position: relative;
	margin-right: 5px;
	margin-left: 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: 9px;
	right: 230px}

.receiptWrapper #liveChat,
.cartWrapper #liveChat,
.reviewWrapper #liveChat,
.addressWrapper #liveChat {
	position: absolute;
	top: 18px;
	right: 45px}

.receiptWrapper #liveChat.nonPartner {
	top: 9px;
	right: 230px}

#navVerisign {
	position: absolute;
	top: 16px;
	right: 200px}
	
#sitebotBanner {
	position: absolute;
	top: 0;
	left: 173px}
	
#sideVerisign {
	display: block;
	margin: 0 auto 15px auto}

#topVerisign {
	position: absolute;
	display: block;
	right: 35px;
	top: -12px}

#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;
	height: 85px;
	line-height: 1.5em;
	text-align: center;
	width: 196px;
	background: #fff url('/images/nav/12.cart.bg.gif') repeat-y top right;
	top: 10px;
	z-index: 2;
	right: 17px}

.cart a {
	color: #F80}

.cart p {
	margin-top: 5px}

#cartBottom {
	position: absolute;
	bottom: 0;
	left: 0}
	
#topNavBarTop {
	position: relative;
	z-index: 3;
	height: 10px;
	background-color: #f8bd46}

.cartWrapper #topNavBarTop,
.addressWrapper #topNavBarTop,
.reviewWrapper #topNavBarTop,
.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}

.outletTag {
	position: absolute;
	top: 1px;
	left: 244px}

#searchBox,
#sidenav_search {
	position: absolute;
	width: 423px;
	height:40px;
	left: 148px;
	top:29px;
	z-index: 500;
	background-image: url(/images/nav/search.background.gif);
	background-repeat: no-repeat}

#sidenav_search{
	background-image: url(/images/detail_page_search_background.gif);
position: relative;
top:0;
left:0;
	width: 185px}

#searchBox img,
#searchBox input,
#sidenav_search img,
#sidenav_search input {
	vertical-align: middle}

#search_words,
#search_wordsInner,
#sidenav_search_words {
	font-family: Verdana, Arial, sans-serif;
	height: 18px;
	border: none;
	margin-left: 7px;
	margin-top: 7px;
	font-size: 12px;
	padding-top: 3px;
	padding-left: 5px;
	width: 360px}

#topsrchbtn,
#midsrchbtn,
#sidesrchbtn {
	margin-left: 6px;
	margin-top: 6px}

#sidesrchbtn {
	padding-bottom: 7px}

.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%}

#searchBoxInner {
	position: relative;
	z-index: 2;
	width: 423px;
	height: 40px;
	margin-bottom: 10px;
	background-image: url('/images/nav/search.background.gif');
	background-repeat: no-repeat}

#searchBoxInner img,
#searchBoxInner input {
	vertical-align: middle}

#topNavBar {
	position: relative;
	z-index: 25;
	background: #f8bd46 url('/images/nav/12.outlettagB.gif') no-repeat 244px 1px}

.cartWrapper #topNavBar,
.secureWrapper #topNavBar {
	background-color: #aaa}

#topNavBarInner {
	position: relative;
	min-height: 42px;
	padding: 0 20px 0 246px}

#topNavBarBot {
	position: relative;
	height: 20px;
	background: #f8bd46 url('/images/nav/12.navbarbot.outlet.gif') repeat-x left 11px}

#topNavBarFreeShip {
	position: relative;
	text-align: center;
	height: 36px;
	border: 2px solid #f8bd46;
	border-width: 0 2px;
	background: #f8bd46 url('/images/nav/12.freeship.bg2.outlet.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: 720px}

#ddWrapper img {
	vertical-align: bottom}

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

#zUL li ul a {
	display: block;
	margin: 0;
	border: 1px solid #aaa;
	border-width: 1px 0 0 1px;
	height: 1em;
	overflow: hidden;
	padding: 3px 5px 3px 6px}

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

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

#zUL li ul li {
	background-color: #eee;
	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.outlet.gif') no-repeat left center}

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

#zUL li ul li:hover {
	border: 0;
	background-image: none}
	
#zUL li ul a:hover {
	height: 1em;
	overflow: hidden;
	background-color: #777;
	color: #fff}

#zUL li.doubledd:hover ul,
#zUL li.doubledd.msieFix ul { /* see ie's */
	height: 400px;
	width: 150px;
	overflow-x: hidden;
	overflow-y: auto}

#zUL #scrolldd2:hover ul,
#zUL #scrolldd2.msieFix ul,
#zUL #scrolldd:hover ul,
#zUL #scrolldd.msieFix ul { /* see ie's */
	height: 500px;
	width: 150px;
	overflow-x: hidden;
	overflow-y: auto}

#zUL li:hover ul,
#zUL li.msieFix ul { /* see ie's */
	width: 150px;
	display:block;
	background-color: #eee}

#zUL li ul .subItem {
	padding: 0}

#zUL li ul {
	display:none;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 3;
	position: absolute;
	width: 100px;
	margin: 0;
	padding: 0}

#activityLinks {
	position: relative;
	margin-left: 12px;
	clear: left;
	font-size: 10px;
	border: 1px solid #d0a03d;
	list-style: none;
	width: 715px}

#activityLinks li {
	position: relative;
	float: left;
	color: #333;
	list-style-type: none}

#activityLinks a {
	float: left;
	margin: 0;
	padding: 2px 8px 2px 7px}

#activityLinks .last {
	padding: 2px 0 2px 3px}

#activityLinks a:link,
#activityLinks a:visited,
#activityLinks a:active {
	text-decoration: none;
	color: #333}

#activityLinks a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: #ad8431}

/*#ddWrapperSide { /* see ie's
	position: relative}

#ddWrapperSide img {
	vertical-align: bottom}

#zULside {
	color: #333;
	border-style: solid;
	border-color: #ccc #888 #888 #ccc;
	border-width: 0 1px;
	margin: 0}
	
#zULside li a {
	display: block;
	border-style: solid;
	border-color: #ccc #888 #888 #ccc;
	border-width: 1px 0 1px 0;
	padding: 3px 12px 3px 3px;
	text-decoration: none}

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

#zULside li {
	position: relative;
	list-style: none;
	list-style-type: none}

#zULside li ul li {
	position: relative;
	background-color: #eee;
	width: 150px;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin-top: 0}

#zULside .hasCat:hover {
	color: #000;
	background: #aaa url('/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}

#zULside .hasShelf:hover {
	color: #000;
	background: #aaa url('/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}

#zULside .hasCat {
	background: #efefef url('/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}

#zULside .hasShelf {
	background: #efefef url('/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}

#zULside .noCat {
	background-color: #efefef}

#zULside li:hover,
#zULside li.msieFix {
	z-index: 1;
	color: #000}

#zULside li ul li:hover,
#zULside li ul li.msieFix {
	border: 0;
	background-image: none}
	
#zULside li ul a:hover {
	background-color: #777;
	color: #fff}

#zULside li:hover ul,
#zULside li.msieFix ul { /* see ie's
	width: 150px;
	top: -1px;
	left: 140px;
	visibility: visible;
	background-color: #eee}

#zULside li:hover li:hover ul,
#zULside li.msieFix li.msieFix ul {
	width: 150px;
	top: -1px;
	left: 140px;
	visibility: visible;
	background-color: #eee}

#zULside li ul .subItem {
	padding: 0}

#zULside li ul,
#zULside li ul li ul {
	visibility: hidden;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 3;
	position: absolute;
	width: 150px;
	margin: 0;
	padding: 0}

#zULside li:hover ul li ul,
#zULside li.msieFix ul li ul {
	visibility: hidden;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 3;
	position: absolute;
	width: 150px;
	margin: 0;
	padding: 0}
*/
#ddWrapperSide,
.ddWrapperSideHome { /* see ie's */
	position: relative}

#ddWrapperSide img,
.ddWrapperSideHome img {
	vertical-align: bottom}

#zULside,
.zULsideHome {
	color: #676054;
	border-style: solid;
	border-color: #ccc #888 #888 #ccc;
	border-width: 0 1px;
	margin: 0}

#zULside li a,
.zULsideHome li a {
	display: block;
	border-style: solid;
	border-color: #ccc #888 #888 #ccc;
	border-width: 1px 0 1px 0;
	padding: 3px 12px 3px 3px;
	text-decoration: none}

#zULside li ul a,
.zULsideHome li ul a {
	display: block;
	margin: 0;
	border: 1px solid #aaa;
	border-width: 1px 0 0 1px;
	padding: 3px 5px 3px 6px}
	
#zULside li,
.zULsideHome li {
	position: relative;
	list-style: none;
	list-style-type: none}
	
#zULside li ul li,
.zULsideHome li ul li {
	position: relative;
	background-color: #eee;
	width: 150px;
	list-style-type: none;
	padding: 0;
	background-image: none;
	margin-top: 0}
	
#zULside .hasCat:hover,
.zULsidehome .hasCat:hover {
	color: #000;
	background: #aaa url('/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}

#zULside .hasShelf:hover,
.zULsideHome .hasShelf:hover {
	color: #000;
	background: #aaa url('/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}

#zULside .hasCat,
.zULsideHome .hasCat {
	background: #efefef url('/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}

#zULside .hasShelf,
.zULsideHome .hasShelf {
	background: #efefef url('/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}

#zULside .noCat,
.zULsidehome .noCat {
	background-color: #efefef}

#zULside li:hover,
#zULside li.msieFix,
.zULsideHome li:hover,
.zULsideHome li.msieFix {
	z-index: 1;
	color: #000}

#zULside li ul li:hover,
#zULside li ul li.msieFix,
.zULsideHome li ul li:hover,
.zULsideHome li ul li.msieFix {
	border: 0;
	background-image: none}

#zULside li ul a:hover,
.zULsideHome li ul a:hover {
	background-color: #777;
	color: #fff}

#zULside li:hover ul,
#zULside li.msieFix ul,
.zULsideHome li:hover ul,
.zULsideHome li.msieFix ul { /* see ie's */
	width: 150px;
	top: -1px;
	left: 153px;
	visibility: visible;
	background-color: #eee}

#zULside li:hover li:hover ul,
#zULside li.msieFix li.msieFix ul,
.zULsideHome li:hover li:hover ul,
.zULsideHome li.msieFix li.msieFix ul{
	width: 150px;
	top: -1px;
	left: 140px;
	visibility: visible;
	background-color: #eee}

.zULsideHome li ul .subItem,
#zULside li ul .subItem {
	padding: 0}

#zULside li ul,
#zULside li ul li ul,
.zULsideHome li ul,
.zULsidehome li ul li ul {
	visibility: hidden;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 3;
	position: absolute;
	width: 150px;
	margin: 0;
	padding: 0}

.zULsideHome li:hover ul li ul,
.zULsideHome li.msieFix ul li ul,
#zULside li:hover ul li ul,
#zULside li.msieFix ul li ul {
	visibility: hidden;
	border: 1px solid #aaa;
	border-width: 0 1px 1px 0;
	z-index: 3;
	position: absolute;
	width: 150px;
	margin: 0;
	padding: 0}

.shop{font-weight: bold}

.title{text-align: center;font-weight: bold}
a.department, a:visited.department, a:link.department, a:hover.department, a:active.department{color: #ff6600}

.grey-border{border: 1px solid #CCCCCC}

#check_it_out{padding: 5px;display: none}

#check_it_out div{margin-bottom: 5px}

#check_it_out h4{color: #FF6600;font-weight: bold;margin-bottom: 6px;text-align: center}

#check_it_out p{margin: 0;margin-left: 50px;font-size: 0.85em}

#check_it_out div p span{color: #FF6600}

#check_it_out #beach_bummin{background-image: url(/images/homepage_leftnav/beach_bummin.jpg);background-repeat: no-repeat}

#check_it_out #water_bottles{background-image: url(/images/homepage_leftnav/water_bottles.jpg);background-repeat: no-repeat}

#check_it_out #camping{background-image: url(/images/homepage_leftnav/tent.jpg);background-repeat: no-repeat}

#check_it_out #save_today{background-image: url(/images/homepage_leftnav/save_today.jpg);background-repeat: no-repeat;padding-bottom: 9px}

#bottomBookmarks {
	text-align: right;
	border-top: 1px solid #ddd;
	padding: 5px 10px 0 10px;
	margin-top: 10px}

#footer {
	padding: 10px;
	text-align: center}
	
	/* ================================================================ 
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.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
#menu {
position:relative; 
font-size:11px; 
	z-index: 100}

#menu ul li a{
display:block; 
text-decoration:none; 
text-align:left; 
color:#333;
line-height:20px; 
	font-size: 1.3em}

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

#menu ul li {
float:left; 
position:relative;
	background-image: url('/images/nav/12.arrowA.outlet.gif');
background-repeat:no-repeat;
background-position:center left;
padding-left:12px;
margin-right:13px;
	padding-top: 2px}

#menu ul li ul {
	display: none}

/* specific to non IE browsers */
#menu ul li:hover {
	background-image: url('/images/nav/12.arrowB.outlet.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px}

#menu ul li:hover ul li {
	background-image: none;
	padding-left: 0px;
	margin-right: 0px}

#menu ul li:hover a {
	color: #fff}

#menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 227px;
	max-height: 500px;
	overflow: auto;
	border-top: #aaaaaa 1px solid}

#menu ul li:hover ul li a.hide {
	background: #6a3;
	color: #fff}

#menu ul li:hover ul li:hover a.hide {
	background: #000;
	color: #000}

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

#menu ul li:hover ul li a {
	display: block;
	background: #eeeeee;
	color: #000;
	text-align: left;
	padding-left: 5px;
	font-size: 1.0em}

#menu ul li:hover ul li a:hover {
	background: #777777;
	color: #ffffff}

#menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 105px;
	top: 0}

#menu ul li:hover ul li:hover ul.left {
	left: -105px}

#menu ul li ul li{
width:210px;
border-bottom:#aaaaaa 1px solid;
border-right:#aaaaaa 1px solid;
border-left:#aaaaaa 1px solid;
background-image:none;
padding-left:0px;
	padding-top: 0px}

#menu ul li ul li:first-child{
	border-top: #aaaaaa 1px solid}

#menu ul li ul li a{
	width: 205px}

#menu{
clear:both;
	height: 19px}

#menu #gift_certificate,
#menu #sign-up {
	background: url('/images/nav/12.star.outlet.gif') no-repeat center left}

.redx_unrefine {
}

#navigationScroller{
	background-image: url('/images/nav/navigationScroller.background.outlet.gif');
background-repeat:no-repeat;
float:left;
height:56px;
left:23px;
position:absolute;
top:6px;
	width: 197px}

#brand_list {
	float: left;
	width: 100%}

#brand_list .allBrand {
	float: left;
height:15px;
margin:0pt 0px 0px 0pt;
padding-top:0px;
position:relative;
text-align:left;
	width: 170px}

.orange {
	color: #FF6600}

.half {
	width: 50%}

.left {
	float: left}

.right {
	float: right}

.clear {
	clear: both}

#featured_brands p {
	font-size: 0.9em;
	color: #666666;
	text-align: center}

#featured_brands div {
	margin-left: 45px;
	margin-top: 25px}

#pop_ups{
	display:none}

#shipHolder,
.highlightBox {
	position: relative;
	background-color: #e8e3d7;
	font-size:0.9em;
	text-align: center;
	margin-bottom: 15px}

.highlightBoxTitle {
	position: relative;
	padding: 10px 0 6px 0;
	text-align: center;
	background-color: #c2bcb5}

.highlightBoxTop {
	position:absolute;
	left: 0;
	top: 0}

.highlightBox ul {
	padding-bottom:4px}

.highlightBoxBottom {
	position: absolute;
	bottom: 0;
	left: 0}

.highlightBoxTL {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	background: transparent url('/images/shop/checkout/6.corner.whiteTL.png') no-repeat top left}

.highlightBoxTR {
	position: absolute;
	top: 0;
	right: 0;
	height: 10px;
	width: 10px;
	background: transparent url('/images/shop/checkout/6.corner.whiteTR.png') no-repeat top left}

.highlightBoxBL {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 10px;
	background: transparent url('/images/shop/checkout/6.corner.whiteBL.png') no-repeat top left}

.highlightBoxBR {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 10px;
	width: 10px;
	background: transparent url('/images/shop/checkout/6.corner.whiteBR.png') no-repeat top left}

.sideBoxContent {
	text-align: center;
	padding: 10px}

.sideBoxContent ul {
	text-align: left}

.close_x {
	position:absolute;
	right: 3px;
	top: 3px}

.commonPopup {
	position: relative;
	border: 3px solid #78a22f;
	padding:20px;
	text-align: left}

.scrollPopup {
	position: relative;
	border: 3px solid #78a22f;
	padding: 20px;
	text-align: left;
	height: 475px;
	overflow: auto}

#my_pop_up {
	position: relative;
	width: 250px;
	height: 145px}

#close_x {
	z-index: 1000;
	position: absolute;
	top: 5px;
	right: 25px;
	border: none}

#bigCornerTL,
#bigCornerTR {
	display: none}

.cartWrapper #bigCornerTL,
.addressWrapper #bigCornerTL,
.reviewWrapper #bigCornerTL,
.receiptWrapper #bigCornerTL {
	display: block;
	position: absolute;
	top: -4px;
	left: -4px}

.cartWrapper #bigCornerTR,
.addressWrapper #bigCornerTR,
.reviewWrapper #bigCornerTR,
.receiptWrapper #bigCornerTR {
	display: block;
	position: absolute;
	top: -4px;
	right: -4px}

.receiptWrapper #bigCornerTL.nonPartner,
.receiptWrapper #bigCornerTR.nonPartner {
	display: none}

#bigCornerBL {
	position: absolute;
	bottom: -4px;
	left: -4px}

#bigCornerBR {
	position: absolute;
	bottom: -4px;
	right: -4px}

#bottomText {
	text-align: center;
	font-weight: bold;
	font-size: .9em;
	margin: 8px 0 15px 0;
	color: #666}

#bottomText a {
	color: #666;
	margin: 0 10px}

#bottomText a:link,
#bottomText a:hover,
#bottomText a:visited,
#bottomText a:active {
	color: #666}

#bottomBar {
	position: relative;
	color: #555;
	font-size: 1em;
	background-color: #F8BD46}

#bottomBar a:link,
#bottomBar a:visited {
	color: #333;
	text-decoration: none}

#bottomBar a:hover,
#bottomBar a:active {
	color: #333;
	text-decoration: underline}

.bottomBoxes {
	position: relative;
	margin-left: 90px;
	width: 137px;
	float: left}

.bottomTitle {
	position: relative;
	margin: 20px 0 12px 90px;
	width: 364px;
	font-size: 1.3em;
	font-weight: bold;
	float: left}

#bottomFarLeft {
	clear: left}

#bottomMiddleLeft,
#bottomFarRight {
	margin-top: -40px}

#bottomBar ul {
	margin-left: 0}

#bottomBar li {
	list-style: none;
	margin-bottom: 8px;
	margin-left: 0}

#bottomNavPulldown {
	margin: 15px 0 30px 0}

div.autocomplete {
	position: absolute;
	left: 154px;
	top: 59px;
	margin-top: -1px;
	background-color: #ede9e0;
	text-align: left;
	width: 366px;
	z-index: 1100}

div.autocomplete ul {
	list-style-type: none;
	background-color: #ede9e0;
	margin: 0;
	padding: 0}

div.autocomplete ul li.selected {
	background-color: #cdc8c2}

.autoItem {
	display: block;
	list-style-type: none;
	margin: 10px 0;
	background-color: transparent;
	padding: 5px 5px 5px 10px;
	cursor: pointer}

.autoHeader {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 6px 6px 6px 10px;
	cursor: pointer;
	font-weight: bold;
	background-color: #676155;
	color: white}

.autoItemLbl {
	font-weight: bolder}

.autoItem span {
	font-style: italic;
	color: #ff9933}

#auto_list_item {
	display: none}#cartvalues {
	display : none}

#CartContainer {
    position: absolute;
    top: 8px;
    background-color: transparent;
    background-image: none;
    z-index: 10000;
    text-align: center;
	display: none}

#innerCartContainer {
    position: absolute;
    z-index: 10001;
    background: transparent;
    left: 0px;
    width: 191px}

#cartTopMiddle {
    z-index: 10001;
    background: transparent;
    position: relative;
    margin: 0px;
    padding: 0px}

#cartBottomElements {
    height: 8px;
    background: url('/images/shop/checkout/6.corner.lightgreyBL.png') no-repeat left bottom;
    bottom: 0px;
    position: relative;
    vertical-align: top}

#cartTopLeft {
    background: #C2BCB5 url('/images/nav/cart/Cart.title2.png') no-repeat left top;
    position: relative;
    height: 22px}

.cartTopWhitespaceExpander {
    margin-left: 120px;
    margin-right: 5px;
    height: 15px}

#closeOpenBtn {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
	height : 22px;
	width : 42px;
	background-image: url('/images/nav/cart/Cart.open3.gif');
	background-position: 0px -44px}

#cartBodyContainer {
    clear: both;
    background-color: #e8e3d7}

#cartItemContainer {
	position : relative;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px}

#cartUserMessage{
	display : none;
	position : absolute;
	top:0px;
	left:0px;
	margin-top:27px;
	padding-left:30px;
	padding-right:40px;
	font-size:12pt;
	text-align : center;
	font-weight:bold;
	color : #c80808;
	width: 179px}

.cartItemTemplateClass {
    height: 90px;
    text-align: center;
    font-size: 7pt;
    padding-top: 15px}

.cartItemTmpImgContainer{
	padding-top: 20px;
    float: left;
    margin-bottom: 20px;
    margin-right: 18px;
    margin-left: 18px;
    width: 60px;
    height: 60px}

.cartItemTmpImg {
	background-color: white;
	padding: 5px;
	border: 1px solid grey;
	margin-left: -5px;
    width: 60px}

.cartItemTmpContainer {
    text-align: left;
    margin-right: 5px}

.cartItemMessage {
    color: #E63738;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 6px}

#cartStatusPane {
	display :none;
    z-index: 10001;
    font-size: 7pt;
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center}

#cartSummary {
    border-top: solid 1px #D3D3D3;
    padding-top: 5px;
    position: relative;
    text-align: center}

#cartSumClosed {
    display: block}

#cartSumOpen {
    position: relative;
    padding-top: 10px;
    display: none;
	width:100%;
	height: 100%}

#cartSumTableLf {
    width: 86px;
    float: left;
    text-align: right}

#cartSumTableRt {
    float: left;
    text-align: left;
    margin-left: 9px}

.cartShippingLbl {
    font-weight: bold;
    color: #E63738}

#cartSummaryShipping {
    position: relative;
    top: 3px;
	padding-top:2px;
    padding-bottom: 5px;
    border-bottom: solid 1px #D3D3D3;
    color: #E63738;
    font-weight: bold}

#cartFooter {
    z-index: 10001;
    position: relative;
    top: 7px;
    z-index: 3333;
    position: relative;
    left: -5px}

#cartEditBtn {
    text-decoration: none}

#cartCheckout {
    margin-left: 6px}

#cartEditCart {
    color: gray;
    position: relative;
    top: -6px}

#cartEmptyCart {
	display : none;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1px}
#cartEmptyTop {
    border-top: solid 1px #D3D3D3;
    padding-top: 12px;
    position: relative;
    text-align: center;
	margin-bottom: 10px}
#cartEmptyBottom {
    border-top: solid 1px #D3D3D3;
    padding-top: 6px;
    position: relative;
    text-align: center;
    color: #E63738;
    font-weight: bold;
    font-size: 7pt;
	top: 2px}

#cartBottomFiller {
    height: 8px;
    font-size: 1pt;
    background-color: #e8e3d7;
    margin-left: 9px;
    margin-right: 9px}

#cartBottomRightCorner {
    width: 12px;
    height: 8px;
    background: url('/images/shop/checkout/6.corner.lightgreyBR.png') no-repeat right bottom;
    position: absolute;
    top: 0px;
    right: 0px}

.secDD {
    left: 0px;
    z-index: 9999;
    position: absolute;
    height: 88px;
    width: 237px}

.secDDContainer {
    position: absolute;
    left: 0px}

.secDDTop {
    background: #666666;
    position: relative;
    height: 80px;
    width: 233px;
    float: left}

.secDDPadding {
    padding-top: 12px}

.secDDContent {
    text-align: left;
    position: relative}

.secDDFootRt {
    position: absolute;
    top: 0px;
    left: 233px;
    width: 4px;
    height: 80px}

.secDDFootBottom {
    clear: both;
	text-align:left;
    width: 233px;
    height: 16px;
	margin-right: 4px}