/* small fixes to normal page elements */
html {
    overflow-x: hidden;
}
#coreWrapper {
    padding-top: 10px;
}
#opinionLab a, #opinionLab a:link, #opinionLab a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
#opinionLab a:hover, #opinionLab a:focus {
    text-decoration: underline;
}
#opinionLab {
    margin: 0px 0px 18px;
}
#hunt2 a:focus {
    background: url("/etc/static/rei-wcm/img/sprite_rei1.png") repeat-x scroll -371px -156px #FFFFFF;
}
#globalHeader .linklist3 li a:focus {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* fixes for switch to new header */
.rei-page-content {
    margin-left: 5px;
}
#coreWrapper {
    width: 950px;
}

/* general page settings */
#coreWrapper {
    font: normal 14px/18px Helvetica, Arial, sans-serif;
}
#coreWrapper h2 {
    margin: 0 0 10px;
    font: normal 75px/64px "Anderson 1938", "Interstate Bold Condensed";
    text-transform: uppercase;
    color: #333;
}
#coreWrapper h3 {
    margin: 0 0 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333;
    text-transform: none;
}
#coreWrapper ul.noBullets {
    list-style-type: none;
    margin: 0;
    line-height: normal;
}
#coreWrapper ul.noBullets li {
    padding: 7px 0 0;
    line-height: normal;
}
#coreWrapper p, #coreWrapper ul {
    font: normal 12px/18px Helvetica, Arial, sans-serif;
    color: #666;
}
#coreWrapper p strong {
    font-weight: bold;
    color: #333;
}

/* special page elements */
#coreWrapper div.pageSep {
    background: url("/pix/common/dot_horiz.gif") repeat-x scroll 0 0px;
    width: 100%;
    height: 16px;
    position: relative;
}
#coreWrapper span.registered {
    font-size: 11px;
    position: relative;
    top: -6px;
}
#coreWrapper .hpDivider {
    border-top: 1px dotted #dadada;
    height: 1px;
    margin: 15px 0 20px;
}

/* dotted line divider */
/* specialized home page carets */
#coreWrapper .caretBlack, #coreWrapper .caretBlack:link, #coreWrapper .caretBlack:visited {
    font: normal 12px/18px Helvetica, Arial, sans-serif;
    color: #666;
}
#coreWrapper .caretBlack:after {
    border-width: 3px 0 3px 4px;
}
#coreWrapper .caretBold, #coreWrapper .caretBold:link, #coreWrapper .caretBold:visited {
    font: bold 12px/18px Helvetica, Arial, sans-serif;
    color: #333;
}
#coreWrapper .caretBlack:hover, #coreWrapper .caretBlack:focus {
    text-decoration: underline;
}
#coreWrapper .hotspot:hover span.caretBlack, .hotspot:focus span.caretBlack, .hotspot:hover h2.caretBlack, .hotspot:focus h2.caretBlack {
    text-decoration: underline;
}

/* grid and margin settings */
#coreWrapper .hpgrid1-1 {
    float: left;
    width: 950px;
    margin: 0 0 22px;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid1-2 {
    float: left;
    width: 464px;
    margin: 0 22px 22px 0;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid1-3 {
    float: left;
    width: 302px;
    margin: 0 22px 22px 0;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid1-4 {
    float: left;
    width: 221px;
    margin: 0 22px 22px 0;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid2-3 {
    float: left;
    width: 626px;
    margin: 0 22px 22px 0;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid1-3.omega, #coreWrapper .hpgrid2-3.omega, #coreWrapper .hpgrid1-2.omega, #coreWrapper .hpgrid1-4.omega {
    margin-right: 0;
}
#coreWrapper .hpgrid1-5 {
    float: left;
    width: 172px;
    margin: 0 22px 22px 0;
    display: block;
    position: relative;
}
#coreWrapper .hpgrid1-5.alpha {
    margin-left: 1px;
}
#coreWrapper .hpgrid1-5.omega {
    margin-right: 1px;
}

/* ----------------------------  S1-S2-S3  -------------------------------- */
#coreWrapper .secondary-1-2 {
    height: 252px;
}
#coreWrapper .secondary-3 {
    height: 252px;
    position: relative;
    float: right;
}
#coreWrapper .secondary-1-2 .caret, #coreWrapper .secondary-3 .caret {
    color: #333;
    position: absolute;
    font: bold 14px/18px Helvetica, Arial, sans-serif;
    bottom: 6px;
    left: 22px;
}
#coreWrapper .secondary-1-2 .caret:after, #coreWrapper .secondary-3 .caret:after {
    margin: 0 0 0 8px;
    border-width: 4px 0 4px 4px;
}
#coreWrapper .secondary-1-2 .hotspot {
    width: 302px;
    height: 252px;
}
#coreWrapper .secondary-3 .hotspot {
    width: 100%;
    height: 100%;
}
#coreWrapper .secondary-3 .caret {
    left: 22px;
    bottom: 3px;
}
#coreWrapper .secondary-1-2 .hotspot:hover .caret, #coreWrapper .secondary-3 .hotspot:hover .caret, #coreWrapper .secondary-1-2 .hotspot:focus .caret, #coreWrapper .secondary-3 .hotspot:focus .caret {
    text-decoration: underline;
}

/* ------------------------------   outlet section   ----------------------------------- */
#coreWrapper .outlet-banner.dotd-v2 {
    height: 142px;
    background: #ccc url(/pix/2014/homepage/Q4/1015/101115_HP_OutletBanner.jpg) no-repeat;
    position: relative;
}
#coreWrapper .outlet-banner.dotd-v2 .hotspot {
    height: 142px;
    width: 626px;
}
#coreWrapper .outlet-banner.dotd-v2 .cta {
    position: absolute;
    top: 88px;
    left: 228px;
}

/* ----------------------------------  BRAND SECTION ---------------------------------- */
.pageSep.brand-top {
    margin-bottom: 9px;
}

/* expert advice */
#coreWrapper #hpExpertAdvice {
    height: 411px;
    background: url(/pix/2015/hp/q1/01-25-2015/012515_HP_advice.jpg) no-repeat;
}
#coreWrapper #hpExpertAdvice h2 {
    position: absolute;
    text-transform: uppercase;
    top: 174px;
    left: 22px;
    font: normal 75px/64px "Anderson 1938", "Interstate Bold Condensed";
    text-transform: uppercase;
    color: #FFF;
}
#coreWrapper #hpExpertAdvice span.cta {
    position: absolute;
    bottom: 58px;
    left: 22px;
}
/* Infographics, Outdoor School, Take a Trip */
#coreWrapper #learnSection h3, #coreWrapper #learnSection ul {
    margin-left: 22px;
    margin-bottom: 3px;
}
#coreWrapper #learnSection h3.infographics {
    margin-top: 15px
}
#coreWrapper #learnSection h3 {
    margin-top: 5px;
    font-size: 16px;
}

/* video section */
#coreWrapper #videos {
    position: relative;
    height: 271px;
}
#coreWrapper #videos h3 {
    margin-top: 5px;
}
#coreWrapper #videos p {
    position: absolute;
    left: 22px;
    top: 167px;
    width: 185px;
}
#coreWrapper .video-tile {
    background: url(/pix/2015/hp/q1/01-25-2015/012515_Brand_video.jpg) no-repeat;
    height: 131px;
    position: absolute;
    top: 33px;
    width: 221px;
}
#coreWrapper .play-icon {
    position: absolute;
    margin: auto;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#coreWrapper .play-button {
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    margin: auto;
    height: 0;
    width: 0;
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
}
#coreWrapper .play-button:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.5;
}
#coreWrapper .play-button {
    padding: 27px 44px;
}
#coreWrapper .play-icon {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid rgba(255, 255, 255, 0.75);
}
#coreWrapper #learnLinks {
    margin-bottom: 10px;
}
#coreWrapper #learnLinks .learn-links-p {
    position: relative;
    left: 22px;
    margin: 10px 0 0;
}

/* blog section */
#coreWrapper .rei-blog.hpgrid1-2 {
    height: 250px;
    background: url(/pix/2015/hp/q1/01-25-2015/012515_Brand_Blog.jpg) no-repeat;
    margin-bottom: 10px;
}
#coreWrapper .rei-blog h2 {
    position: absolute;
    top: 162px;
    left: 22px;
    font: normal 30px/30px "Anderson 1938", "Interstate Bold Condensed";
    color: #fff;
}
#coreWrapper .rei-blog p {
    position: absolute;
    top: 192px;
    left: 22px;
    font: normal 14px/18px Helvetica, Arial, sans-serif;
    color: #fff;
}
#coreWrapper .rei-blog span.caret {
    font-weight: bold;
}
#coreWrapper .rei-blog span.caret:after {
    border-width: 4px 0 4px 4px;
}

/* membership */
#coreWrapper #hpMembership {
    padding-top: 22px;
}
#coreWrapper #hpMembership h3 {
    font: normal 18px/25px "Anderson 1938", "Interstate Bold Condensed";
    text-transform: uppercase;
}
#coreWrapper #hpMembership h3 span {
    font-size: 30px;
}
#coreWrapper #hpMembership ul {
    padding-left: 240px;
    background: url(/pix/2015/hp/q1/01-01-2015/membership-card.jpg) no-repeat;
}
#coreWrapper #hpMembership ul li {
    font: normal 13px/24px Helvetica, Arial, sans-serif;
    color: #666;
}
#coreWrapper #hpMembership .caretBlack {
    margin-left: 240px;
}
#coreWrapper #hpMembership .cta {
    position: absolute;
    top: 235px;
    left: 20px;
}
#coreWrapper #hpMembership span.registered {
    font-size: 7px;
    top: -5px;
}

/* stewardship and community */
#coreWrapper .stewCom {
    height: 150px;
}
#coreWrapper .stewCom p, #coreWrapper .stewCom h3 {
    position: relative;
    left: 22px;
}
p, #coreWrapper .stewCom h3 {
    font-size: 16px;
}
#coreWrapper .stewCom .caret {
    position: relative;
    top: 8px;
}

/* ---------------------------- END BRAND SECTION ---------------------------------- */
/* ------------------------------ FOOTER SECTION ---------------------------------- */

/* p spacing to fix footer after wrapping in reset */
#hpStoreLocator p, #hpGearmail p, #hpFreeShipping p, #hpGiftCard p, #hpVISA p {
    margin-bottom: 12px;
}

/* Free shipping Box */
#coreWrapper #hpFreeShipping {
    margin: 0px;
    width: 474px;
}
#coreWrapper #hpFreeShipping h3 {
    font: normal 31px/31px "Anderson 1938", "Interstate Bold Condensed";
    text-transform: uppercase;
    color: #333;
}
#coreWrapper #hpShipBox {
    background-color: #F2F2F2;
    width: 442px;
    height: 138px;
    margin: 0 0 2px 0;
    padding: 22px 10px 22px 22px;
}
#coreWrapper #hpShipBox img {
    position: absolute;
    top: 79px;
    left: 22px;
    width: 135px;
    height: 63px;
}
#coreWrapper #hpShipBox strong {
    font: bold 12px/18px Helvetica, Arial, sans-serif;
}
#coreWrapper #heresHow {
    margin-left: 162px;
}
#coreWrapper #heresHow p {
    line-height: 14px;
}

/* Customer service Box */
#coreWrapper #hpCsBox {
    background-color: #F2F2F2;
    width: 430px;
    height: 38px;
    margin: 0 0 2px 0;
    padding: 22px;
}
#coreWrapper #hpCsBox h3 {
    margin-top: -5px;
}
#coreWrapper #hpCsBox p {
    line-height: 11px;
    top: -5px;
    position: relative;
}

/* Gift Cards */
#coreWrapper #hpGiftCard {
    background-color: #F2F2F2;
    width: 199px;
    height: 222px;
    margin: 0 0 2px 2px;
    padding: 22px 10px 22px 32px;
}
#coreWrapper #hpGiftCard h3, #coreWrapper #hpVISA h3 {
    font-size: 16px;
}
#coreWrapper #hpGiftCard p, #coreWrapper #hpVISA p {
    margin-top: 10px;
}

/* Visa */
#coreWrapper #hpVISA {
    background-color: #F2F2F2;
    width: 189px;
    height: 222px;
    margin: 0 0 2px 2px;
    padding: 22px 10px 22px 32px;
}
#coreWrapper #hpVISA h3 {
    line-height: 18px;
    margin-top: 1px;
}

/* corrects for (r) symbol */
#coreWrapper #hpVISA p, #coreWrapper #hpVISA a {
    position: relative;
    top: 1px;
}

/* corrects for (r) symbol */
/* rei difference bar */
#coreWrapper #hpReiDifference a, #coreWrapper #hpReiDifference a:link, #coreWrapper #hpReiDifference a:visited {
    background: url(/pix/2014/homepage/common/difference.png);
    width: 950px;
    height: 53px;
    display: block;
    position: relative;
}
#coreWrapper #hpReiDifference a:hover, #coreWrapper #hpReiDifference a:focus {
    background: url(/pix/2014/homepage/common/differenceHover.png);
}
#coreWrapper #hpReiDifference .caret:after {
    margin: 18px 0 0 835px;
    border-width: 8px 0 8px 8px;
}
#coreWrapper #hpReiDifference .caret:hover:after, #coreWrapper #hpReiDifference .caret:focus:after {
    border-left-color: #fff;
}

/* gearmail and store locator */
#coreWrapper #hpStoreLocator, #coreWrapper #hpGearmail, #coreWrapper #hpSocial {
    padding-left: 22px;
    width: 280px;
}
#coreWrapper #hpStoreLocator .quickgo button, #coreWrapper #hpGearmail button {
    background: -moz-linear-gradient(center top, #917E69, #5D5145) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    border: 0;
    padding: 8px 5px;
    height: 32px;
}
#coreWrapper #hpStoreLocator .quickgo button:hover, #coreWrapper #hpGearmail button:hover, #coreWrapper #hpStoreLocator .quickgo button:focus, #coreWrapper #hpGearmail button:focus {
    background: none repeat scroll 00 #5D5145;
}

#coreWrapper #hpGearmail input.text, #coreWrapper #hpStoreLocator input.text {
    border: 1px solid #333;
    border-radius: 0;
    font: normal 12px/18px Helvetica, Arial, sans-serif;
    color: #666;
    width: 190px;
    padding: 6px 8px;
}

/* social icons */
#coreWrapper #hpSocial {
    padding-top: 15px;
}
#coreWrapper #hpSocial a {
    text-indent: -9999px;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 10px 17px 0 0;
    background: url(/pix/common/homepage/homepage-sprite.png) no-repeat;
}
#coreWrapper #hpSocial a:hover {
    opacity: 0.5
}
, #coreWrapper #hpSocial a:focus {
    opacity: 0.5
}
#coreWrapper #hpSocial .facebook {
    background-position: -3px -450px;
}
#coreWrapper #hpSocial .twitter {
    background-position: -55px -450px;
}
#coreWrapper #hpSocial .pinterest {
    background-position: -99px -450px;
}
#coreWrapper #hpSocial .youtube {
    background-position: -149px -450px;
}
#coreWrapper #hpSocial .instagram {
    background-position: -197px -450px;
    margin-right: 0px
}

/* bottom footer - hacks to fix */
footer ul li a b {
    color: #333;
}
#footerWrapperGS .grid6 {
    padding: 0px;
    margin: 0px;
    width: 243px;
}
#footerWrapperGS div.footersocialmedia {
    display: none;
}
#footerWrapperGS ul li {
    margin-top: 8px;
    line-height: 16px;
}
#footerWrapperGS aside div.mb10 li b a, #footerWrapperGS section div.mb10 li b a {
    color: #333;
    line-height: 6px;
}
#footerWrapperGS div.footerinfolist h2 {
    margin-top: 20px;
}
#footerWrapperGS ul, #footerWrapperGS div.footerinfolist h2 {
    margin-left: 22px;
}
#footerWrapperGS div.alpha ul, #footerWrapperGS div.alpha div.footerinfolist h2 {
    margin-left: 22px;
}
#footerWrapperGS div.omega {
    width: 180px;
}
#footerWrapperGS ul li a {
    font: normal 12px/16px Helvetica, Arial, sans-serif;
    color: #333;
}
#footerWrapperGS h2 {
    font: bold 12px/16px Helvetica, Arial, sans-serif;
    color: #333;
}

/* ------------------------  END FOOTER SECTION ------------------------------ */