/* --- 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 {
padding: 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}
/* ------ TEXT STYLES ------ */
h1 { /* see ie's */
padding: 25px 0 0 0;
font-size: 1.9em;
font-style: italic;
border-bottom: 1px solid red;
margin: 0}
h1.listviewH1 {
border: 0;
margin: 0;
padding: 0 0 7px 0;
font-size: 1.6em}
h3 {
position: relative;
text-align: center;
background-color: #DDD;
text-transform: uppercase;
color: #333;
padding: 2px 0;
border: 1px solid #aaa;
margin: 10px 0}
/* ------ CONTENT ------ */
.content_noSidebar {
position: relative;
float: right}
.content_noSidebar2 {
position: relative;
width: 445px;
float: right}
.content_Search {
position: relative;
padding: 0 15px 1px 15px}
.content_wSidebar {
position: relative;
margin-bottom: 32px;
padding-right: 55px}
#content_Main {
width: 100%;
position: relative;
padding: 0;
margin-top: 5px;
float: left}
img.brandLogo {
float: right;
position: relative;}
.topRefine td {
padding: 2px;
vertical-align: top}
.topRefine a {
white-space: nowrap}
.topRefine {
margin: 4px 0 4px 10px}
.refineTitle {
white-space: nowrap;
text-align: right;
color: #941A09}
ul.refineInner {
list-style: none;
margin: 0;
padding: 0}
ul.refineInner li {
display: inline;
margin-right: 2px;}
.searchTable {
margin: 10px auto 10px auto;
border: 2px solid #333;
border-collapse: collapse}
.searchTable td {
vertical-align: top;
border: 1px solid #999;
width: 150px}
.searchTable th {
border: 1px solid #333;
background-color: #ccc;
font-weight: bold;
text-align: center}
.searchTable .scrollBox {
padding: 3px;
height: 80px;
width: 145px;
overflow: auto}
.searchTable ul {
padding: 0 0 0 3px}
#promoHeader {
width: 500px;
text-align: center;
margin: 0 auto 10px auto;
border: none;
}
#promoBox {
width: 300px;
text-align: center;
margin: 0 auto 10px auto;
border: none;}
.product2 { /* see ie's */
position: relative;
background-color: transparent;
text-align: center;
line-height: normal;
float: left;
margin: 7px;
/*border: 1px solid #ddd;
height: 230px;
overflow: auto;*/
width: 130px}
.product2 a,
.product2 a:link {
color: #437797}
.product2 a:visited {
color: #6c9fcf}
.product2 a:hover {
color: #333}
sup {
color: #666;
font-size: 80%;
position:relative;
bottom: 0.5em}
sup a {
color: #666}
.thumbIcons {
position: absolute;
width: 69px;
right: 18px;
top: 2px}
.thumbIcons img {
margin-bottom: 3px}
.padTop {
padding-top: 5px}
.extremeicon {
position: absolute;
top: 2px;
left: 13px}
.pageLinks {
text-align: center}
.pageBar {
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
padding: 5px;
margin: 5px 0;
font-weight: bold;
font-size: 1.2em}
.pageBar select {
background-color: #ccc;
color: #000;
font-size: .9em}
.pageBar a {
font-weight: normal}
.allBrand {
width: 140px;
height: 45px;
padding-top: 14px;
position: relative;
text-align: center;
float: left;
margin: 0 5px 5px 0}
.outdoorsList {
border: 1px solid #ddd;
font-size: 1em;
border-collapse: collapse;
width: 100%;
margin: 15px 0}
.outdoorsList td {
text-align: left;
padding: 4px;
top: 0px}
.outdoorsList th {
background-color: #ddd;
text-align: center;
padding: 4px}
.borderRow {
border-top: 1px solid #ddd}
/* ------ SIDEBARS ------ */
#sidebar2 { /* see ie's */
position: relative;
float: right;
width: 155px;
text-align: center;
display: inline;
margin-right: -175px}
#sidebar2 .sidePromo {
margin-top: 10px}
.sideArea {
z-index: 1;
position: relative;
border: #bbb solid 1px;
margin-bottom: 15px;
padding: 4px}
.brandBar {
padding: 10px;
margin-top: 10px}
/* --- SITEWIDE --- */
/* no atra
body {
position: relative;
text-align: center;
background: #ddd url('http://mirror.altrec.com/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: #941A09;
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}
.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}
.breadcrumbs {
font-size: 1.1em;
margin-bottom: 10px}
.breadCount {
color: #aaa;}
.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}
.sidePromo {
margin-bottom: 10px}
.sideTitle {
position: absolute;
padding: 0 3px;
font-weight: bold;
color: #941A09;
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}
#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('http://mirror.altrec.com/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}
.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;
width: 1001px}
#outer {
position: relative;
padding: 0 5px;
background: transparent url('http://mirror.altrec.com/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 {
position: relative;
background-color: #7f7f7f;
border: 1px solid #595959;
border-width: 0 1px 1px 1px;
padding: 0 2px 2px 2px}
.secureWrapper #outerContent {
position: relative;
border: 1px solid #595959;
border-width: 0 1px 1px 1px;
background-color: #aaa}
#outerContentBottom {
position: relative;
height: 6px;
background: url('http://mirror.altrec.com/images/nav/12.gradbottom.gif') repeat-x top}
#innerContent {
position: relative;
border: none;
padding: 0px;
margin-right: 5px;
min-height: 500px;
line-height: 160%;
width: 620px;
}
.secureWrapper #innerContent {
position: relative;
border: 1px solid #595959;
border-width: 0 1px 1px 1px}
.outdoorsHeader {
position: relative;
background: #fff url('http://mirror.altrec.com/images/nav/12.insidegrad.gif') repeat-y top left;
border: 1px solid #595959;
border-width: 0 1px;
text-align: center;
padding-top: 10px}
/*----- 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('http://mirror.altrec.com/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: #941A09;
font-weight: bold}
#facets a.count {
color: #aaa;
display: none;
text-decoration: none}
#chosen {
padding: 10px;
margin-bottom: 15px;
background-color: #eee;
border: 1px solid #ddd}
#altrecSearch {
padding: 5px;
margin-bottom: 15px;
border: 1px solid #ddd}
#altrecSearch div.search-box {
border:1px solid #000000;
height:21px;
width:135px;}
#altrecSearch input.form-text {
border:1px solid #FFFFFF;
font-size:9px;
margin:0;
padding:3px;
width:105px;}
#altrecSearch input.form-submit {
background:#FFFFFF url(http://adventure.nationalgeographic.com/img/search_submit.gif) no-repeat scroll center center;
border:1px solid #FFFFFF;
font-size:9px;
height:20px;
margin:0;
width:15px;}
#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;
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: 0px}
.content_wMainSidebarR {
position: relative;
padding-right: 0px}
#mainSidebar {
position: relative;
float: left;
width: 155px;
display: inline;
margin-left: -0px}
#mainSidebarR {
position: relative;
float: right;
width: 155px;
display: inline;
margin-right: -0px}
.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: #7f7f7f url('http://mirror.altrec.com/images/outdoors/depthead.bg2.gif') no-repeat top left}
.sidebarHeadWide {
position: relative;
padding: 3px 0;
text-align: center;
color: #fff;
background: #777 url('http://adventure.nationalgeographic.com/img/2008/graphics/tabbg.jpg') repeat top left}
.productSidebarOuter a.productSidebarHead {
position: relative;
display: block;
text-decoration: none;
padding: 3px 9px;
text-align: center;
color: #fff;
background: #777 url('http://adventure.nationalgeographic.com/img/2008/graphics/tabbg.jpg') 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: #7f7f7f url('http://mirror.altrec.com/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;
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('http://mirror.altrec.com/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('http://mirror.altrec.com/images/outdoors/selected.gif');
font-weight: bold}
.sidebarSlider {
display: block;
margin-top: 2px;
padding: 4px;
text-align: left;
text-decoration: none;
background-image: url('http://mirror.altrec.com/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: #000;
text-decoration: underline}
#topNavTabs {
position: absolute;
line-height: 0;
top: -30px;
left: 150px}
#liveChat {
position: absolute;
top: 16px;
right: 225px}
#csLinks {
position: absolute;
top: 85px;
right: 218px;
list-style-type: none}
#csLinks li {
position: relative;
padding: 0 7px 0 10px;
background: url('http://mirror.altrec.com/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('http://mirror.altrec.com/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: #7f7f7f url('http://mirror.altrec.com/images/nav/12.navbartop.gif') repeat-x top}
.secureWrapper #topNavBarTop {
height: 13px;
background: #aaa url('http://mirror.altrec.com/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;
z-index: 2;
width: 423px;
height:40px;
left: 148px;
top:29px;
background-image:url(http://mirror.altrec.com/images/nav/search.background.gif);
background-repeat:no-repeat;
}
#sidenav_search{
background-image:url(http://mirror.altrec.com/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(http://mirror.altrec.com/images/nav/search.background.gif);
background-repeat:no-repeat;
}
#searchBoxInner img,
#searchBoxInner input {
vertical-align: middle}
#topNavBar {
position: relative;
z-index: 25;
background: #7f7f7f}
.secureWrapper #topNavBar {
background-color: #aaa}
#topNavBarInner {
position: relative;
border-right: 1px solid #595959;
border-left: 1px solid #595959;
min-height: 42px;
padding: 0 20px 0 296px}
#topNavBarBot {
position: relative;
height: 20px;
border: 1px solid #595959;
border-width: 0 1px;
background: #7f7f7f url('http://mirror.altrec.com/images/nav/12.navbarbot.gif') repeat-x left 11px}
#topNavBarFreeShip {
position: relative;
text-align: center;
height: 36px;
border: 1px solid #595959;
border-width: 0 1px;
background: #7f7f7f url('http://mirror.altrec.com/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;
color: #333;
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('http://mirror.altrec.com/images/nav/12.arrowA.gif') no-repeat left center;
list-style-type: none}
#zUL li.ddStar {
background: url('http://mirror.altrec.com/images/nav/12.star.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('http://mirror.altrec.com/images/nav/12.arrowB.gif') no-repeat left center}
#zUL li.ddStar:hover {
background: url('http://mirror.altrec.com/images/nav/12.star.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 #aaa;
list-style: none;
width: 665px}
#activityLinks li {
position: relative;
float: left;
color: #fff;
list-style-type: none}
#activityLinks a {
float: left;
margin: 0;
padding: 2px 4px 2px 3px}
#activityLinks .last {
padding: 2px 0 2px 3px}
#activityLinks a:link,
#activityLinks a:visited,
#activityLinks a:active {
text-decoration: none;
color: #fff}
#activityLinks a:hover {
color: #fff;
text-decoration: underline;
background-color: #999}
/*#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('http://mirror.altrec.com/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}
#zULside .hasShelf:hover {
color: #000;
background: #aaa url('http://mirror.altrec.com/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}
#zULside .hasCat {
background: #efefef url('http://mirror.altrec.com/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}
#zULside .hasShelf {
background: #efefef url('http://mirror.altrec.com/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: #333;
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('http://mirror.altrec.com/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}
#zULside .hasShelf:hover, .zULsideHome .hasShelf:hover {
color: #000;
background: #aaa url('http://mirror.altrec.com/images/outdoors/menu.arrow2.gif') no-repeat 100% 50%}
#zULside .hasCat,.zULsideHome .hasCat {
background: #efefef url('http://mirror.altrec.com/images/outdoors/menu.arrow1.gif') no-repeat 100% 50%}
#zULside .hasShelf,.zULsideHome .hasShelf {
background: #efefef url('http://mirror.altrec.com/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:#941A09}
.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:#941A09;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:#941A09;}
#check_it_out #beach_bummin{background-image:url(http://mirror.altrec.com/images/homepage_leftnav/beach_bummin.jpg);background-repeat:no-repeat;}
#check_it_out #water_bottles{background-image:url(http://mirror.altrec.com/images/homepage_leftnav/water_bottles.jpg);background-repeat:no-repeat;}
#check_it_out #camping{background-image:url(http://mirror.altrec.com/images/homepage_leftnav/tent.jpg);background-repeat:no-repeat;}
#check_it_out #save_today{background-image:url(http://mirror.altrec.com/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;
color:#000;
text-align:left;
color:#fff;
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(http://mirror.altrec.com/images/nav/12.arrowA.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(http://mirror.altrec.com/images/nav/12.arrowB.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;}
#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 {
background: url(http://mirror.altrec.com/images/nav/12.star.gif) no-repeat center left}
.redx_unrefine{}
#navigationScroller {
background-image:url(http://mirror.altrec.com/images/nav/navigationScroller.background.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:#941A09;}
.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;}#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: 11px;
background: url(/new_includes/javascript/ajaxcart/images/Cart.bottomleft.gif) no-repeat left bottom;
bottom: 0px;
position: relative;
vertical-align: top
}
#cartTopLeft {
background: url(/new_includes/javascript/ajaxcart/images/Cart.title.gif) no-repeat left top;
position: relative;
height: 22px
}
.cartTopWhitespaceExpander {
margin-left: 120px;
margin-right: 5px;
border-top: solid 3px black;
height: 15px;
background-color: white
}
#closeOpenBtn {
position: absolute;
top: 0px;
right: 0px;
margin: 0px;
height : 22px;
width : 42px;
background-image:url(/new_includes/javascript/ajaxcart/images/Cart.open2.gif);
background-position: 0px -44px;
}
#cartBodyContainer {
clear: both;
border-left: solid 3px black;
border-right: solid 3px black;
background-color: #FFFFFF
}
#cartItemContainer {
position : relative;
background-color: white;
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 {
border-top: solid 1px #D3D3D3;
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 {
width: 60px;
}
.cartItemTmpContainer {
text-align: left;
margin-right: 5px;
}
.cartItemMessage {
color: #cc3503;
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: #cc3503;
}
#cartSummaryShipping {
position: relative;
top: 3px;
padding-top:2px;
padding-bottom: 5px;
border-bottom: solid 1px #D3D3D3;
color: #cc3503;
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: #cc3503;
font-weight: bold;
font-size: 7pt;
top:2px;
}
#cartBottomFiller {
height: 8px;
font-size: 1pt;
background-color: white;
margin-left: 9px;
margin-right: 9px;
border-bottom: solid 3px black;
}
#cartBottomRightCorner {
width: 12px;
height: 11px;
background: url(/new_includes/javascript/ajaxcart/images/Cart.bottomright.gif) no-repeat right bottom;
position: absolute;
top: 0px;
right: 0px;
font-size: 1pt
}
.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: 20px;
}
.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;
}