/*
__/\\\\\\\\\\\\\\\__/\\\________/\\\__/\\\\____________/\\\\__/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_
 _\////////////\\\__\/\\\_______\/\\\_\/\\\\\\________/\\\\\\_\/////\\\///__\/\\\///////////__\////////////\\\__
  ___________/\\\/___\/\\\_______\/\\\_\/\\\//\\\____/\\\//\\\_____\/\\\_____\/\\\_______________________/\\\/___
   _________/\\\/_____\/\\\_______\/\\\_\/\\\\///\\\/\\\/_\/\\\_____\/\\\_____\/\\\\\\\\\\\_____________/\\\/_____
    _______/\\\/_______\/\\\_______\/\\\_\/\\\__\///\\\/___\/\\\_____\/\\\_____\/\\\///////____________/\\\/_______
     _____/\\\/_________\/\\\_______\/\\\_\/\\\____\///_____\/\\\_____\/\\\_____\/\\\_________________/\\\/_________
      ___/\\\/___________\//\\\______/\\\__\/\\\_____________\/\\\_____\/\\\_____\/\\\_______________/\\\/___________
       __/\\\\\\\\\\\\\\\__\///\\\\\\\\\/___\/\\\_____________\/\\\__/\\\\\\\\\\\_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_
        _\///////////////_____\/////////_____\///______________\///__\///////////__\///////////////__\///////////////__

 * =============== CONTENTS =======================
 * RESET
 * FONT IMPORT
 * STRUCTURE
 * HEADER
 * FOOTER
 * ELEMENTS
 * SHOP FRONTS
 * CATEGORY PAGE
 * BRANDS CATEGORY PAGE
 * QUICK SHOP
 * PACKAGE BUILDER
 * PDP
 * RADIUS SEARCH
 * MY ACCOUNT
 * CART
 * CHECKOUT
 * MEDIA QUERIES
 * COLORBOX
 * CHOSEN
 * HELPER CLASSES
*/

/* ============ @RESET ============= */
/* Eric Meyers Version http://meyerweb.com/eric/tools/css/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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font:11px/1.35 "Arial", "Helvetica",sans-serif;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#9d9d9d;text-decoration:none}a:link,a:visited{color:#484848}a:hover,a:focus{outline:0;color:#55b6e3}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.3em;
}

sub {
    bottom: -0.25em;
}

/* ============ @STRUCTURE ============= */
body.iframe-template, body.page-print {background: #fff}
.wrapper { margin: 0 auto; width: 1000px;}
.page { background:#fff; padding: 0px 0px 0 20px;  width:980px; float: left; }
.main {  width: 965px; background:#fff; float: left; text-align:left; margin: 0 0 50px 0;}
.col-left {display: inline; float:left; margin:0 20px 0 0; width:190px;}
.col-main-2 {width: 750px; float: right;}
#cboxClose{border:none}
em, i {font-style: italic}
b, strong {font-weight: 600}

/* ============ @FOOTER ============= */

.footer-container{float: left; width: 100%;}
.footer {padding-top: 10px; margin: 0 auto; clear: both;}
#profiler { clear: both; }

#footerlinks1 {
    font-size: 12px;
    font-weight: 600;
    text-align: center ;
    color: #9D9D9D;
    padding-bottom: 12px;
    margin-top: 15px;
}
#footerlinks1 a {
    font-weight: bold;
    color: #656565!important;
}

#footerlinks2 {  text-align: center;}
#footerlinks2 a {color: #7a7a7a; }
#footerlinks2 a.email-signup {color: #B64443 !important; }

.topSearchLinksRow {padding-top: 7px; width: 960px;text-align: center; }
.topSearchLinksRow a { color: #9d9d9d; font-size: 11px; text-decoration: none;}
.topSearchLinksRow a:hover { color: #9d9d9d;text-decoration: none;}

#soc_links{ float: left; height: 40px; margin: 10px 0; width: 100%;}
#yt_sub {width: 160px; float: left; padding-left: 250px; padding-right: 25px;}
#fb_bt {height: 50px;}

/* STASH DOCK */
iframe#ct-dock{z-index: 9999}

/* ============ @ELEMENTS ============= */

p {margin: 4px 0}
.uc {text-transform: capitalize }
/* COLORS */
a.translink:link, a.translink:visited{color: #3F9BFF}
a.translink:hover{color: #FF7024;}
em, i {font-style: italic}
b, strong {font-weight: 600}

/* FORMS */
select, label {display: inline; float: left; }
input.input-text, select, textarea{ background: none repeat scroll 0 0 #fff; border: 1px solid #C7C7C7;}
input, select, textarea, button {color: #444; font: 11px Arial, Helvetica, sans-serif; vertical-align: middle;}
input {display: inline; float: left;}
input.input-text, text-area { padding: 2px }
input.radio, input.checkbox { margin-right: 3px; margin-top: 2px;}


/* MESSAGES */

ul.messages{
    width:98%;
    float: left;
    overflow:hidden;
    text-align:left;
    font-style: oblique;
    margin: 0 auto 5px;
}
ul.messages li.success-msg {
    background: rgb(236,253,240);
    border: 1px solid green;
    margin: 6px auto;
    padding: 10px;
    width: 94%
}

ul.messages li.error-msg {
    background: rgb(252,232,227);
    border: 1px solid #f23809;
    margin: 6px auto;
    padding: 10px;
    width: 94%
}

ul.messages li.notice-msg {
    background: #FFE3B3;
    border: 1px solid #f18111;
    margin: 6px auto;
    padding: 10px;
    width: 94%
}

/* CSS3 BUTTONS */

button.zumiez_green, span.zumiez_green {
    padding: 2px 0;
    border: 1px solid #32A030;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px; /*#4EC04D*/
    background-color: #4EC04D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4EC04D), color-stop(100%, #32A030));
    background-image: -webkit-linear-gradient(top, #4EC04D, #32A030);
    background-image: -moz-linear-gradient(top, #4EC04D, #32A030);
    background-image: -ms-linear-gradient(top, #4EC04D, #32A030);
    background-image: -o-linear-gradient(top, #4EC04D, #32A030);
    background-image: linear-gradient(top, #4EC04D, #32A030);

    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #4c9021;
    font:  11px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
}
button.zumiez_green:hover {
    background-color: #58D356;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58D356), color-stop(100%, #3CB73A));
    background-image: -webkit-linear-gradient(top, #58D356, #3CB73A);
    background-image: -moz-linear-gradient(top, #58D356, #3CB73A);
    background-image: -ms-linear-gradient(top, #58D356, #3CB73A);
    background-image: -o-linear-gradient(top, #58D356, #3CB73A);
    background-image: linear-gradient(top, #58D356, #3CB73A);
    cursor: pointer; }
button.zumiez_green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
}

button.zumiez_orange, .cart .shipping-form button, a.zumiez_orange, input.zumiez_orange, p.zumiez_orange {
    padding: 2px 5px;
    border: 1px solid #D68C1D;
    border-bottom: 1px solid #A06C1E;
    border-radius: 3px; /*#F3A428*/
    background-color:#F3A428;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3A428), color-stop(100%, #E59824));
    background-image: -webkit-linear-gradient(top, #F3A428, #E59824);
    background-image: -moz-linear-gradient(top, #F3A428, #E59824);
    background-image: -ms-linear-gradient(top, #F3A428, #E59824);
    background-image: -o-linear-gradient(top, #F3A428, #E59824);
    background-image: linear-gradient(top, #F3A428, #E59824);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #c28f44;
    font:  13px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
}
button.zumiez_orange:hover, .cart .shipping-form button:hover, a.zumiez_orange:hover, input.zumiez_orange:hover {
    background-color: #F4BA61;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4BA61), color-stop(100%, #F3A428));
    background-image: -webkit-linear-gradient(top, #F4BA61, #F3A428);
    background-image: -moz-linear-gradient(top, #F4BA61, #F3A428);
    background-image: -ms-linear-gradient(top, #F4BA61, #F3A428);
    background-image: -o-linear-gradient(top, #F4BA61, #F3A428);
    background-image: linear-gradient(top, #F4BA61, #F3A428);
    cursor: pointer; }
button.zumiez_orange:active, .cart .shipping-form button:active {
    border: 1px solid #D68C1D;
    border-bottom: 1px solid #D68C1D;
}

button.zumiez_gray, a.zumiez_gray, span.zumiez_gray {
    padding: 5px 0 8px;
    border: 1px solid #767777;
    border-bottom: 1px solid #7B7C7C;
    border-radius: 3px; /*#949699*/
    background-color:#F3A428;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #949699), color-stop(100%, #868889));
    background-image: -webkit-linear-gradient(top, #949699, #868889);
    background-image: -moz-linear-gradient(top, #949699, #868889);
    background-image: -ms-linear-gradient(top, #949699, #868889);
    background-image: -o-linear-gradient(top, #949699, #868889);
    background-image: linear-gradient(top, #949699, #868889);
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 #7B7C7C;
    font:  13px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.zumiez_flat_gray {
    background-image: none;
    background-color: #4d4d4d;
}

button.zumiez_gray:hover,  a.zumiez_gray:hover {
    background-color: #B2B2B2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B2B2B2), color-stop(100%, #868889));
    background-image: -webkit-linear-gradient(top, #B2B2B2, #868889);
    background-image: -moz-linear-gradient(top, #B2B2B2, #868889);
    background-image: -ms-linear-gradient(top, #B2B2B2, #868889);
    background-image: -o-linear-gradient(top, #B2B2B2, #868889);
    background-image: linear-gradient(top, #B2B2B2, #868889);
    cursor: pointer; }
button.zumiez_orange:active {
    border: 1px solid #868889;
    border-bottom: 1px solid #868889;
}
/* specific button styles */

    li.checkoutNowHeader button  {padding: 3px 6px;font-weight: 600;font-size: 10px;}
    button.btn_proceed_to_checkout_sm {float: right;  margin: -1px 10px 0 0; padding: 2px 8px;  font-size: 12px;}
    button.btn-proceed-checkout { padding: 10px 30px 9px; }
    .move-email-buttons a{ padding: 2px 6px;font-size: 10px;}
    .overlay-emailbag,
    .overlay-emailcart {margin-left: 10px}
    button.ship-estimate {padding: 4px 8px;}
    button.checkout-continue{padding: 2px 8px; float: right}
    button.checkout-place-order { float: right; padding: 6px 14px; }
    button.add-gc{ float: right; margin: 10px 0; padding: 4px 8px;}
    .my-account button { float: right; margin: 20px;padding: 4px 8px; }
    button.btn-package{ padding: 2px 0 4px;width:90%; text-transform: uppercase;}
    button.start-over{ float: right;padding: 3px 8px;}
    .pdpMoreLink button {padding: 4px 8px;}

/* ========================================================================
   ======================== @SHOP FRONTS  ==================================
   ======================================================================== */
/* HOME */

#mainPageContainer {
    width: 962px;
    height: 666px;
    position: relative;
    background: #fff;
}

#topLeft {
    position:relative;
    left:0px;
    top:0px;
    width:638px;
    height:393px;
    overflow: hidden;
}


#mainBannerNav {
    position: absolute;
    left: 0px;
    top: 363px;
    width: 618px;
    height: 20px;
    padding: 8px 10px 0 10px;
    z-index: 999;
    text-align: right;
}

#topRight {
    position:absolute;
    left:651px;
    top:0px;
    width:311px;
    height:393px;
    overflow: hidden;
}
.topRightA {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 311px;
    height: 193px;
}

.topRightB {
    position: absolute;
    left: 0px;
    top: 200px;
    width: 311px;
    height: 193px;
}

#shortBannerBlock { width: 962px; }
#shortBannerLeft {float: left; width: 475px; height: 25px}
#shortBannerRight { float: right; width: 475px; height: 25px; }


#homeSlides, #homeSlides li a img {
    overflow:hidden;
    width:638px;
    height: 393px;
    position: absolute;
    left: 0;
    top: 0;
}

#darkenMainBannerNav {
    position: absolute;
    left: 0px;
    top: 363px;
    width: 638px;
    height: 30px;
    background: #000;
    opacity: 0.50;
    filter:alpha(opacity=50);
    z-index: 998;
}
#homeSlides, #homeSlides li a img {
    overflow:hidden;
    width:638px;
    height: 393px;
    position: absolute;
    left: 0;
    top: 0;
}

.homeSlideNavLink {
    width: 12px;
    height: 12px;
    padding: 0 5px 0 0;
    float: left;
    margin-right: 10px;

}

.homeSlideNavLink a {
    width: 12px;
    height: 12px;
    display: block;
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/082011-home/hp-dot-off.png');
}

.homeSlideNavLink a.activeSlide {
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/082011-home/hp-dot-on.png');
}
#fbContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 192px;
    width: 311px;
}

.homeLogoLine { float: left; margin: 10px 0; }

/*hides footer banner on shop fronts */

body.category-womens #bottomBanner1, body.category-shoes #bottomBanner1, body.category-mens #bottomBanner1, body.category-boys #bottomBanner1, body.category-skate #bottomBanner1, body.category-accessories #bottomBanner1, body.category-snow #bottomBanner1, body.category-pro #bottomBanner1, body.category-sale #bottomBanner1, body.cms-outlet #bottomBanner1,body.cms-deals #bottomBanner1, body.cms-holiday-gift-guide #bottomBanner1 {
    display: none;
}

body.category-womens #bottomBanner2, body.category-shoes #bottomBanner2, body.category-mens #bottomBanner2, body.category-boys #bottomBanner2, body.category-skate #bottomBanner2, body.category-accessories #bottomBanner2, body.category-snow #bottomBanner2, body.category-pro #bottomBanner2, body.category-sale #bottomBanner2, body.cms-outlet #bottomBanner2,body.cms-deals #bottomBanner2, body.cms-holiday-gift-guide #bottomBanner2  {
    display: none;
}


body.category-womens #bottomBanner3, body.category-shoes #bottomBanner3, body.category-mens #bottomBanner3, body.category-boys #bottomBanner3, body.category-skate #bottomBanner3, body.category-accessories #bottomBanner3, body.category-snow #bottomBanner3, body.category-pro #bottomBanner3, body.category-sale #bottomBanner3, body.cms-outlet #bottomBanner3, body.cms-deals #bottomBanner3, body.cms-holiday-gift-guide #bottomBanner3  {
    display: none;
}


body.category-womens #bottomBanner4, body.category-shoes #bottomBanner4, body.category-mens #bottomBanner4, body.category-boys #bottomBanner4, body.category-skate #bottomBanner4, body.category-accessories #bottomBanner4, body.category-snow #bottomBanner4, body.category-pro #bottomBanner4, body.category-sale #bottomBanner4, body.cms-outlet #bottomBanner4, body.cms-deals #bottomBanner4, body.cms-holiday-gift-guide #bottomBanner4  {
    display: none;
}

body.category-shoes .col-main-2, body.category-mens .col-main-2, body.category-womens .col-main-2,body.category-boys .col-main-2, body.category-skate .col-main-2, body.category-accessories .col-main-2, body.category-snow .col-main-2, body.category-sale .col-main-2, body.category-pro .col-main-2, body.category-brands .col-main-2 {
    width: 750px;
    float: right;
}

body.category-shoes .note-msg, body.category-mens .note-msg, body.category-womens .note-msg, body.category-boys .note-msg, body.category-skate .note-msg, body.category-accessories .note-msg, body.category-snow .note-msg, body.category-sale .note-msg, body.category-pro .note-msg, body.category-brands .note-msg {
    clear: both;
    display: none;
}

body.category-pro #sliderNav {
    margin-top: -4px;
}

/* PRO RIDERS */
.proLeft{float: left; width: 600px;}
.proLeft h1 {color: #999999; font-size: 27px;}
#proBannerBlock{float: left; margin: 10px 0 0 0; width: 600px;}
#proBannerBlock h2, #past-pros h2 {color: #999; font-size: 20px; margin: 0 0 0 10px ; text-transform: uppercase}
#proBannerBlock ul{float: left; margin: 7px 0 0; width: 100%}
#proBannerBlock ul li{float: left; margin: 0 25px 0 0; width: 120px;}
#proBannerBlock ul li:first-child{margin: 0 25px 0 20px}
#proBannerBlock .vendor {color: #4A4A4A;  font-weight: 700; text-transform: uppercase;}
#past-pros{background-color: #666; float: left; margin: 10px 0 0 0; padding: 10px 0; width: 600px;}
#past-pros h3 {color: #FF9900; font-size: 16px; margin:  10px  10px 0 10px}
#past-pros ul li{float: left; margin: 0 0 0 11px; width: 136px; }
#past-pros button {
    width: 136px;
    height: 34px;
    color: #fff;
    background-color: #333;
    border: none;
    font-weight: normal;
    font-size: 13px;
    margin-top:-3px;
}

#past-pros button:hover {color: #333;background-color: #fff;}
.proRight{ float: left; width: 160px; margin: 0px 0 0 10px}
.proRight h4{font-size: 16px; color: #666; margin: 0; border-bottom: 2px solid #666}

/* BRANDS */
.span-758{float: left; margin: 6px 0 0 10px; width: 758px}
.paperHeader{ background-image: url("//static.zumiez.com/skin/frontend/delorum/default/images/brandpage-featureBanner2b.jpg"); height: 35px; width: 754px }
/* Brands Cycle */
#sliderWrap {height: 200px; width: 735px; overflow: hidden; margin: 0 0 10px 10px; position: relative; }
#navLeft {
    height: 39px;
    width: 39px;
    position: absolute;
    top: 80px;
    left: 10px;
    z-index: 100;
    opacity: 0.33;
    filter:alpha(opacity=33);
}
#navLeft:hover { opacity: 1.0; filter:alpha(opacity=100); }
#navRight {
    height: 39px;
    width: 39px;
    position: absolute;
    top: 80px;
    right: 10px;
    z-index: 100;
    opacity: 0.33;
    filter:alpha(opacity=33)
}
#navRight:hover { opacity: 1.0; filter:alpha(opacity=100);}
/* For Youtube video embeded in slider */
#videoBannerContainer {
    z-index: 5;
    position: relative;
    display: block;
    width: 735px;
    height: 200px;
    margin-left: 0px;
    background-color:#fff;
}
#videoBannerImg {
    position:absolute;
    top: 0;
    left: 0;
    width: 750px;
    height:200px;
    overflow:hidden;
}

#videoBannerVid {
    z-index: 7;
    position:absolute;
    top: 0;
    right: 0;
    margin: 0px 0px 0px 0px;
    height: 190px;
    width: 349px;
}
#logoSet1 {padding-bottom: 15px}
#logoSet1 img {border: 5px solid #333333; margin: 6px 0 0 8px; opacity: 0.8; filter: alpha(opacity=80)}
.span-3 {width: 110px; float: left; margin-right: 10px; }
.mainContain{ float: left; width: 600px; }
.col-main { float: right;  width:965px; position: relative; }

/* CYCLE SLIDER */
#sliderNav { background: #000; float: left; margin: -3px 0 0 0; width: 100%; }
#sliderNav ul {float: left; margin: 6px 0 0 0; padding: 8px 0 12px 10px;}
#sliderNav ul li {float: left; height: 12px; margin: 0 10px 0 0; padding: 0 5px 0 0; width: 12px;}
/*TODO: put these images into sprites or find CSS 3 alternative */
#sliderNav ul li a {    background: url('//static.zumiez.com/skin/frontend/delorum/default/images//082011-home/hp-dot-off.png'); display: block;  height: 12px; width: 12px;}
#sliderNav ul li  a.activeSlide { background: url('//static.zumiez.com/skin/frontend/delorum/default/images//082011-home/hp-dot-on.png');}
#slideLabel {float: right; margin: 10px 10px 0 0}
#slideLabel, #slideLabel a { color: #ccc; font-size: 13px; text-decoration: none; text-transform: uppercase; }
#slideLabel a:hover { color: #09c; text-decoration: underline; }
/*for home*/
.cms-zumiez-home #slideLabel {margin: 0px}
/* SIDEBAR */

.currently {
  width: 170px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding: 15px;
  color: #323232;
  margin: 15px 0 17px 0
}

.currently .block-subtitle {
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
}

.currently .block-subtitle a {
  font-weight: normal;
}

.span-182 {float: left; width: 182px;}
.span-182 .nostock, .nostock, dt.shopby {
  float: left;
  width: 170px;
  color: #484848;
  font-weight: 600;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
  margin: 30px 20px 5px 0;
  padding: 0 0 2px;
}

.col-left .block-layered-nav,
.col-left .block-layered-nav .block-content,
#narrow-by-list{
    overflow:auto;
}

#narrow-by-list dt.shopby,
#narrow-by-list dl{
    display:block;
}

#narrow-by-list dt.shopby:first-child {
    margin-top:-3px;
}

.filterReset{color: #D6BF88; font-size: 11px;}
.left_nav_item, .narrow-list-item { float: left;  margin: 3px 3px 3px 0; width: 100%;}
.left_nav_item .count, .narrow-list-item .count { color:#A8A9A8; font-size:10px;}
.left_nav_item .sale, .narrow-list-item .sale { color: #DC2A2A;}

a.filter-show-more {cursor:pointer;}
a.filter-show-more, a.extender { color: #B0B2AE;}
.narrow-by-list-sub.additional {display:none;}

.left_nav_item a, .narrow-list-item a { color: #484848; text-decoration: none; }
.left_nav_item a:hover, .narrow-list-item a:hover { color: #55B6E3; }

.sideNav ul.links li { margin: 4px 10px 4px 8px;}
.sideNav ul.links li span.highlight { color: #1e9da3; }
.sideNav ul.links li span.sale { color: #dc2a2a; }

.rightSide {float: left; margin: 0 0 0 9px; width: 160px;}
.rightSide img {padding: 0 0 5px}

/* BRANDS CATEGORY SEO ZONE */

.cp-product-banner {
    margin-bottom: 11px;
    clear:both;
}
.cp-seo-text {
    padding: 0 10px;
}
.cp-seo-text p {
    text-align: justify;
    text-justify: newspaper;
    margin: 6px 0;
    padding: 0;
    border: 0;
    font-size: 110%;
    font-family: sans-serif;
}
.cp-seo-text-open {
    padding: 0px 13px 10px 5px;
    display: inline-block;
    position: relative;
}
.cp-seo-text-open:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("//static.zumiez.com/skin/frontend/delorum/default/images/bp/panel-arrow-right-2.png") no-repeat 0px 0px;
    top: -4px;
    right: -10px;
    position: absolute;
    display: inline-block;
}
.cp-seo-text-close {
    padding: 0px 23px 10px 5px;
    display: inline-block;
    position: relative;
}
.cp-seo-text-close:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("//static.zumiez.com/skin/frontend/delorum/default/images/bp/panel-arrow-up-2.png") no-repeat 0px 0px;
    top: -4px;
    right: 0px;
    position: absolute;
    display: inline-block;
}
#bpText {
    display: none;
}

/* TABBER */
.sfTab {
    float: left;
    height: 21px;
    border: 1px solid #dfdfdf;
    text-align: left;
    text-transform: uppercase;
    line-height: 21px;
}
.sfTab a {
    display: block;
    padding: 0 10px;
    outline: medium none;
    border: 1px solid #fff;
    background: #e0e0e0;
    text-decoration: none;
    font-size: 1em;
}

.sfTab a:link, .sfTab a:visited, .sfTab a:active, .sfTab a:hover { color: #000  }
.sfTab a:hover { background: #ccc;   }
.sfTab a.active { background: #fff  }

ul#tab-container-1-nav { border: 1px solid #DFDFDF; float: left; }
ul#tab-container-1-nav li {
    background: none repeat scroll 0 0 #E0E0E0;
    float: left;
    height: 21px;
    line-height: 21px;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

ul#tab-container-1-nav li a {
    border: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    font-size: 1em;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

ul#tab-container-1-nav li a:hover { background: none repeat scroll 0 0 #CCCCCC; }
ul#tab-container-1-nav li a.active { background: none repeat scroll 0 0 #FFFFFF;  }

.tabbedBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDFDF;
    clear: both;
    float: left;
    height: 621px;
    overflow: hidden;
    width: 100%;
}

.linkBox {
    border-bottom: 1px solid #DFDFDF;
    font-size: 1em;
    height: 20px;
    line-height: 2em;
    text-align: right;
    text-transform: uppercase;
    width: 600px;
}
.linkBox a:active, .linkBox a:visited, .linkBox a:link {
    color: #5F5F5F;
    font-size: 1.1em;
    text-decoration: none;
    text-transform: uppercase;
}
.linkBox a:hover {color: #37072F;}
.linkBox span { margin-right: 30px; }
ul.shopButtons li { float: left; margin-left: 15px; }
ul.shopButtons li a:link, ul.shopButtons li a:visited {
    background-color: #003366;
    border-color: #BFBFBF #5F5F5F #5F5F5F #BFBFBF;
    border-style: solid;
    border-width: 1px;
    color: #DBE3DD;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 110px;
}
ul.shopButtons li a:hover {
    border-color: #BFBFBF #5F5F5F #5F5F5F #BFBFBF;
    border-style: solid;
    border-width: 1px;
    color: #CF365D;
}


.modelsScene7 { height: 170px;margin: 10px 0 0; width: 600px;}
.modelsImages ul {height: 170px;  width: 600px;}
.modelsImages li {
    float: left;
    height: 168px;
    margin: 0 0 5px 18px;
    text-align: center;
    width: 130px;
}
.modelsImages a { display: block; height: 168px; width: 130px;}
.shopButtons { float: left; margin: 0 0 15px 0; width: 100%;}

/* CAROUSEL STYLES COPIED FROM CMS 2014-06-03 */

#sfSlides {
    position: relative;
    width: 600px;
    height: 360px;
}


#sfSlides li a img {
    width: 600px;
    height: 360px;
}

#sfBannerNav {
    background: #000;
    float: left;
    width: 600px;
    height: 30px;
}

#sfBannerNav ul {
    float: left;
    margin: 8px 0 0 10px;
}

#sfBannerNav #slideLabel {
    margin: 7px 10px 0px 0px;
}

body.category-boys #sfBannerNav {
    top: 456px;
}

.sfSlideNavLink {
    width: 12px;
    height: 12px;
    padding: 0 5px 0 0;
    float: left;
    margin-right: 10px;
}

.sfSlideNavLink a{
    width: 12px;
    height: 12px;
    display: block;
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/082011-home/hp-dot-off.png');
}

.sfSlideNavLink a.activeSlide {
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/082011-home/hp-dot-on.png');
}


.sfSlideLabel a {
    color: #CCC;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

/* LOGO LINES */
.logoLine { float: left; height: 49px;  margin-left: 10px; width: 584px; margin-top: 6px;}
.logoLine a {
    display: block;
    float: left;
    height: 51px;
    padding-left: 1px;
    text-indent: -10000px;
    width: 38px;
}
.logoLine a:hover { background-color: #FFFFFF; opacity: 0.5;  }
#logoLineLast { width: 37px; }

body.category-shoes .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/201306-logos-shoes-584x51.jpg") no-repeat scroll 0 0 transparent;}
body.category-guys .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/guys-logoline-584x51-A.gif") no-repeat scroll 0 0 transparent;}
body.category-girls .logoLine {background: url("//static.zumiez.com/skin/frontend/delorum/default/images/girls-logoline-584x51-B.gif") no-repeat scroll 0 0 transparent;}
body.category-skate .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/skate-logoline-584x51-B.gif") no-repeat scroll 0 0 transparent;}
body.category-boys .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/boys-logoline-584x51-A.gif") no-repeat scroll 0 0 transparent;}
body.category-snow .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/snow-sf-logoline-burton-32-apeture-electric-dk-gnu-584x51-2.jpg") no-repeat scroll 0 0 transparent;}
body.category-accessories .logoLine { background: url("//static.zumiez.com/skin/frontend/delorum/default/images/accessories-logoline-584x51-A.gif") no-repeat scroll 0 0 transparent;}


/* SALE */

ul#tab-container-1-nav li.saleTab a {background-color: #C00;color: #fff;}
ul#tab-container-1-nav li.saleTab a:hover {background-color: #fff;color: #C00;}
ul#tab-container-1-nav li.saleTab a.active {background-color: #fff;color: #C00;}
ul.shopButtons li.saleButton a:link, ul.shopButtons li.saleButton a:visited {
    background-color: #C00;
    color: #fff;
    border: 1px solid #c00;}
ul.shopButtons li.saleButton a:hover {background-color: #fff;color: #c00;}
#visualProductnav { margin: 10px 0;}
.saleProduct { position: relative;float: left; margin: 0;}
/* TODO : Ick, relative positioning */
#guysSaleButton { position: relative; top: -31px; padding: 5px 15px;}
#girlsSaleButton { position: relative; top: -31px; left: 15px; padding: 5px 15px;}
#shoesSaleButton { position: relative; top: -31px; left: 25px; padding: 5px 25px;}
#accessoriesSaleButton { position: relative; top: 15px;left: 18px;  padding: 5px 15px 5px;}

a.buttonSaleRed{
    padding: 5px; text-align: center;
    color: #fff; background-color: #a00000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #a00000));
    background-image: -webkit-linear-gradient(top, #fa0000, #a00000);
    background-image: -moz-linear-gradient(top, #fa0000, #a00000);
    background-image: -ms-linear-gradient(top, #fa0000, #a00000);
    background-image: -o-linear-gradient(top, #fa0000, #a00000);
    background-image: linear-gradient(top, #fa0000, #a00000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fa0000, endColorstr=#a00000);
    text-transform: uppercase;
    width: 216px;
    height: 20px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #e6e6e6;
}

a.buttonSaleRed:hover{
    background-color: #a00000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #a00000));
    background-image: -webkit-linear-gradient(top, #a00000, #a00000);
    background-image: -moz-linear-gradient(top, #a00000, #a00000);
    background-image: -ms-linear-gradient(top, #a00000, #a00000);
    background-image: -o-linear-gradient(top, #a00000, #a00000);
    background-image: linear-gradient(top, #a00000, #a00000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a00000, endColorstr=#a00000);
}

a.leftBottomBannerAd {margin-right: 18px;}
a.sideRed:link, a.sideRed:visited {color: #ED595B;}

/* SALE CAROUSEL STYLES COPIED FROM CMS 2014-06-03 */

body.category-sale #sfSlides li {
    list-style-type: none;
}

body.category-sale #saleContainer {
    float: right;
    width: 780px;
}

body.category-sale #sfSlides {
    float: left;
}

body.category-sale #darkensfBannerNav {
    opacity: 1;
    position: absolute;
    background: #000;
    z-index: 998;
    margin: 0px 0px 5px 0px;
    width: 600px;
    height: 30px;
    top: 360px;
}

body.category-sale .rightSide {
    float: left;
}

body.category-sale #sfSlideContainerSale {
    float: left;
    width: 600px;
}

body.category-sale #visualProductnav {
    float: right;
}

/* PAGE NOT FOUND */
#sorry-text{margin-bottom: 20px}
h2.no-results, #sorry-content h2{ color: #333333; font: bold 14px Arial,sans-serif; margin-bottom: 10px;  float: left; width: 100%}
#sorry-content h2 {border-bottom: 1px solid #333; }
#sorry-content ol li{list-style-type: decimal; margin: 0; padding: 0;}
#no-results-links{background: #ededed; border-bottom: 1px solid #000;  float: left; margin-bottom: 20px; padding-bottom: 30px; width: 100%;}
#no-results-links ul {border-right: 1px solid #000; float: left; padding: 8px; width: 18%}
#no-results-links ul:last-child{border: 0}
#no-results-links li {padding: 3px 0 3px 20px; text-transform: uppercase; }
#no-results-links a:link, #no-results-links a:visited {color: #333; font-size: 12px; text-decoration: none}
#no-results-links a:hover {color: #31A8DF; font-size: 12px; text-decoration: underline}
.pitaBoxTop{background: url('//static.zumiez.com/skin/frontend/delorum/default/images/http_pages/gray-link-box-top-repeat.jpg') repeat-x #D0D0D0; height: 39px;}
.pitaBoxMid{background: url('//static.zumiez.com/skin/frontend/delorum/default/images/http_pages/gray-link-box-carrot.jpg') no-repeat #fff; height: 39px; width: 38px; margin: 0 auto;}
#sorry-zone-3{ border-top: 1px solid #000;  border-bottom: 1px solid #000; float: left; margin-bottom: 30px; width: 100%; }
#sorry-zone-3 h3{color: #424242; font-size: 20px; font-weight: 600; margin: 0 0 2px; text-transform: uppercase;}
#sorry-zone-3 p{font-size: 14px;}
#sorry-zone-3 p a:link,#sorry-zone-3 p a:hover,#sorry-zone-3 p a:visited {font-size: 14px; color: #31A8DF; text-decoration: none;}
.sorry-zone-3-left, .sorry-zone-3-right{background-color: #cccccc; float: left; margin: 6px 0; padding: 10px; width: 457px; text-align: center;}
.sorry-zone-3-left {margin-right: 10px; padding-right: 10px;}
.sorry-zone-3-right {float: right;}
.ohCanada { margin-right: 8px;}

/* STORE LOCATOR */
#find_store_middle{margin: 0 auto; width: 940px; }
.findstoreleft{float:left; width: 190px}
.findstoreleft_section {float: left; margin: 0 0 5px; width: 100%; }
.findstoreleft_section .label, .findstoreleft_section .inputs, .findstoreleft_section select#f_state {float: left; width: 85px; }
.findstoreleft_section .inputs input {width: 80px}
.findstoreleft p:first-child{margin: 0 0 20px}
.findstoreleft p.fisOr {float: left; text-align: center; width: 100%; }
.findstoreleft .locateButton {float:right; margin: 15px 25px 0 0}
.findstoreright{float:left; width:720px;}
.findstoreright #map{width:720px !important;}


.findtable{color:#9D9D9D;font-size:10px;border-collapse:collapse}
.findtable tr td{height:33px; padding: 0 0 0 15px; vertical-align: middle}
.findtable tr{background:url(../images/dashed_3.gif) repeat-x bottom left}

.storelocator-search-index p.right {float: right; margin: 20px 30px; font-size: 10px; color: #464646;}

/* ========================================================================
   ======================== @CATEGORY PAGES  ===============================
   ======================================================================== */

.col-main-2 {width: 750px; float: right;}

 /*cms blocks sometimes have this in them, causing problems */
.category-view .bpClearFix {
    height: 0;
}


.catalog-category-view .main,
.cms-page-view .main{
    margin:11px 0 0 0;
}

.catalogsearch-result-index .main{
    margin:0;
}

.col-main-2{
    width:750px;
    float:right;
}

.catalogsearch-result-index .col-left{
    margin-top:20px;
}

.catalog-category-view .page div.page-title,
.catalogsearch-result-index .page div.page-title,
.cms-page-view .page div.page-title{
    overflow: visible;
    position: relative;
}

.search-results-page-title{
    clear:both;
    overflow:auto;
    padding:6px 0 0 0;
}

h4.category-view-header,
.search-results-page-title h1,
.search-results-page-title span.quote,
.search-results-page-title span#search_display{
    font:300 24px "Open Sans", sans-serif;
    color:#d0d0d0;
    margin:-6px 0 5px 0;
    text-transform: uppercase;
    clear:left;
    letter-spacing:1px;
}

.dyoc-index-index h4.category-view-header{
    display:none;
}

.search-results-page-title h1,
.search-results-page-title span.quote,
.search-results-page-title span#search_display{
    margin:0 0 5px 0;
    float:left;
    clear:none;
}

.search-results-page-title h1,
.search-results-page-title span.quote{
    color:#9c9c9c;
}

.search-results-page-title span#search_display{
    margin:0 0 0 6px;
    font-weight:300;
}

.catalog-category-view .page div.page-title h1,
.catalogsearch-result-index .page div.page-title h1,
.cms-page-view .page div.page-title h1{
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #9c9c9c;
    text-transform:none;
    margin:11px 0 0 0;
    float:right;
}

.catalogsearch-result-index .page div.page-title h1{
    margin:10px 0 0 0;
}

.page .col-left .category-title h1 {
    color: #dd5900;
    font-family: 'Open Sans', sans-serif;;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 0;
    text-transform: uppercase;
}

.category-view .social-wrapper{
    margin:10px 0 8px 0 !important;
}

.bpBlockContainer {
    width: 750px;
    position: relative;
    overflow: auto;
    margin: 0 0 8px 0 !important;
}

.catalogsearch-result-index .bpBlockContainer,
.catalogsearch-result-index #filler{
    margin:0 0 8px 0 !important;
}

.catalogsearch-result-index #filler{
    overflow:auto;
}

.catalogsearch-result-index .prepend-top{
    margin:0;
}

.catalogsearch-result-index .prepend-top *{
    color:#919191;
}

.catalogsearch-result-index .panelControl{
    text-align:left;
}

.catalogsearch-result-index .panelControl a:link,
.catalogsearch-result-index .panelControl a:visited,
.catalogsearch-result-index .panelControl a:active,
.catalogsearch-result-index .panelControl a:hover{
    color:#919191;
    font-weight:normal;
}

.catalogsearch-result-index .panelControl a img{
    display:none;
}

.catalogsearch-result-index #toggle{
    margin:3px 0 0 0;
}

.catalogsearch-result-index .breadcrumbs{
    position:absolute;
    color:rgb(221,89,0);
    left:20px;
    top:10px;
}

.catalogsearch-result-index .breadcrumbs .title{
    color: #848484;
    padding:0 5px 0 0;
}



#bpText { clear: both; margin-top: 8px; padding-right: 10px; width: 725px; color:#919191;}
#bpText *{
    color:#919191;
}
a#bpExpand, a#bpClose {font-size: 9px; clear: both;color: #919191; display: block; margin: 3px 0 0 0; }
#bpExpand img, #bpClose img {display:none;}

/* SEARCH RESULTS */
.results-view{float: left; width: 100%}

/* POPUP */
.popup-trigger img { vertical-align: middle;}
.popup_hint {
    position:absolute;
    display:none;
    z-index:9999;
    height: 110px;
    width: 360px;
    margin-top: -115px;
    padding: 10px 10px 30px 10px;
}
.stash_popup_hint {
    margin-left: -200px;
    margin-top: -135px;
}
.search_popup_hint {
    height: 115px;
    width: 260px;
    margin-left: 0;
    margin-top: -155px;
}
.search-category_popup_hint {
    height: 115px;
    width: 260px;
    margin-left: 115px;
    margin-top: -50px;
}
.marketing_popup_hint {
    height: 130px;
    margin-left: 0;
    margin-top: -165px;
}

.popup_text,
.package_popup_text {
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.2);
    color: #666666;
    line-height: 1.3em;
    padding: 10px;
    text-align: left;
}
.popup_text h2,
.package_popup_text h2 {
    font-size: 14px;
    padding-bottom: 5px;
}
.stash_popup_join{text-align: left; text-decoration: none; font-size: 13px; color: #F3A428;}
div.stash_popup_hints div.stash_popup_text span.stash_popup_join a{text-decoration: none; font-size: 13px; color: #F3A428;}


.box-up-sell {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box-up-sell .box-title{
    overflow:hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.box-up-sell .box-title h2 {
    border-bottom: 1px solid #e8e8e8;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f7f7f7;
    color: #66605C;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 10px 15px;
}

.box-up-sell .products-grid {
    padding:0 10px;
    overflow:auto;
}

.box-up-sell .products-grid li.item {
    float: left;
    margin: 0;
    min-height: 100px;
    padding: 0 10px;
    width: 80px;
}

.box-up-sell .products-grid li.item a{
    float:left;
    overflow:auto;
}

.box-up-sell .products-grid li.item a img{
    float:left;
}

/* ========================================================================
   ==========================  @PACKAGE BUILDER  ==========================
   ======================================================================== */
#package_builder h4 {color:#e0922f;font-weight: bold;font-size:12px; text-transform: uppercase;margin: 5px 5px 12px;}
#dyoc-toolbar { border-bottom: 1px solid #ccc; float: right; margin: 0 0 10px; padding: 0 0 5px; width: 100%;}
#dyoc-toolbar a { text-transform: uppercase; text-decoration: underline; float: left;}
#dyoc-toolbar a:link, #dyoc-toolbar a:visited{color: #3d3d3d;}
#dyoc-toolbar a:first-child {border-right: 1px solid #ccc; margin: 0 3px; padding: 0 5px;}
.toolbar_links {width: 250px; float: right}
#dyoc-toolbar span.icon {
    background-image: url('../graphics/packages/package-graphics-8.png');
    display: block;
    float: left;
    height: 13px;
    width: 16px;
}
#dyoc-toolbar a#email-product span.icon {
    background-position: -250px -5px;
    margin-right: 6px;
}
#dyoc-toolbar a#save-package span.icon {
    background-position: -268px -5px;
    margin-right: 2px;
}
.dyoc-index-index #quickshop_view_pdp,
.dyoc-index-index .qsPickupInStore{
    display:none;
}


a.zumiez_lt_gray {
    float: left;
    padding: 8px 20px;
    border: 1px solid #767777;
    border-bottom: 1px solid #7B7C7C;
    border-radius: 3px;
    background-color:#DBDBDB;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDEDED), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: -moz-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: -ms-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: -o-linear-gradient(top, #EDEDED, #DBDBDB);
    background-image: linear-gradient(top, #EDEDED, #DBDBDB);
    color: #4C4C4C;
    text-align: center;
    font:  10px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#package_cart a.zumiez_lt_gray:hover, #package_builder a.zumiez_lt_gray:hover,
a.zumiez_lt_gray:hover{
    background-color: #B2B2B2;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B2B2B2), color-stop(100%, #868889));
    background-image: -webkit-linear-gradient(top, #B2B2B2, #868889);
    background-image: -moz-linear-gradient(top, #B2B2B2, #868889);
    background-image: -ms-linear-gradient(top, #B2B2B2, #868889);
    background-image: -o-linear-gradient(top, #B2B2B2, #868889);
    background-image: linear-gradient(top, #B2B2B2, #868889);
    cursor: pointer;
}


#package_builder .zumiez_lt_gray,
#package_cart .zumiez_lt_gray {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    height:16px;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e2e2e2));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e2e2e2);
    background-image: -moz-linear-gradient(top, #f9f9f9, #e2e2e2);
    background-image: -ms-linear-gradient(top, #f9f9f9, #e2e2e2);
    background-image: -o-linear-gradient(top, #f9f9f9, #e2e2e2);
    background-image: linear-gradient(top, #f9f9f9, #e2e2e2);
    -moz-box-shadow: 3px 3px 6px 0px #ccc;
    -webkit-box-shadow: 3px 3px 6px 0px #ccc;
    box-shadow: 3px 3px 6px 0px #ccc;
}

#package_builder .package_option {
    float: left;
    width: 125px;
}

#package_builder .package_option .img-box {
    position: relative;
    width: 115px;
    height: 170px;
    margin: 5px auto;
}

#package_builder .package_option .img-box a {
    display: block;
    height: 165px;
    line-height: 165px;
    text-align: center;
}

#package_builder .package_option .img-box img {
    vertical-align: middle;
    max-height: 153px;
    max-width: 104px;
}

#package_builder .package_option .img-box:after {
    content: " ";
    display: block;
    height: 30px;
    width: 111px;
    border: 2px solid #f3f3f3;
    border-top: none;
    position: absolute;
    bottom: 0;
}

#package_builder .package_option .buttons {
    background-color: #dedede;
    width: 111px;
    padding: 8px 6px;
}

#package_builder .package_option .buttons a {
    width: 109px;
    height: 12px;
    padding-left: 0;
    padding-right: 0;
    float: none;
}

#package_builder .package_option .buttons .upgrade {
    margin-top: 8px;
    min-height: 20px;
}

#package_builder .package_option .buttons .upgrade input ,
#package_builder .package_option .buttons .upgrade label {
    float: none;
}

#package_builder .package_option.current .img-box:after {
    height: 100%;
    border: 1px solid #dcdcdc;
}

#package_builder .package_option.current .buttons a {
    background: #333;
    color: #fff;
    box-shadow: -4px -4px 8px rgba(0,0,0,0.5) inset, 4px 4px 4px rgba(255, 255, 255, 0.35) inset;
}

.package_help {border: 0}
.package-help-trigger { float: right; }

div.package_popup_hints{
    position:absolute;
    z-index:9999;
    border: 1px solid #D8D8D8;
    width: 220px;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.2);
    margin-top: -7px;
    margin-left: -110px;
}
#package_cart .start_over {
    background: -webkit-linear-gradient(top, #ccc, #b1b1b1);
    color: black;
    box-shadow: -4px -4px 16px rgba(0,0,0,0.15) inset, 4px 4px 12px rgba(255, 255, 255, 0.7) inset, 1px 1px 3px rgba(0,0,0,0.15);
    padding: 7px 11px;
    height: 8px;
    border: #c5c5c5 1px solid;
    font-size: 9px;
}

.dnArrow {
    background: url('../graphics/packages/package-graphics-8.png') no-repeat 0 0;
    clear: left;
    width: 250px;
    float: left;
    min-height: 105px;
    margin: 9px 0;
}

.dnArrow p {
    color: #fff;
    text-transform: uppercase;
    font-size: 100%;
    padding: 30px 20px 0;
    text-align: center;
}

.dnArrow#package-complete-cta {
    display:none;
    background: url('../graphics/packages/package-complete.png');
    min-height: 187px;
}
.dnArrow#package-complete-cta.active {display:block;text-align: left;text-transform:none}
#package-complete-cta p {text-align: left;text-transform:none; padding-top:10px;font-size:12px}
#package-complete-cta p b {font-weight: bold;font-size:20px}

#package-start-info,
#package_cart {
    width: 495px;
    float: right;
    padding: 5px 0 0 5px;
    margin-bottom: 30px;
}
    #package_cart a.disabled {
        opacity: 0.3;
        filter: alpha(opacity=30);
    }
    #package_cart p {
        clear: both;
        float: right;
    }
        #package-start-info dl,
        #package_cart table.cart  {
            /* gradient - http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/*/
            background-image: -ms-linear-gradient(top left, #DFDFDF 0%, #EEEEEE 100%); /* IE10 */
            background-image: -moz-linear-gradient(top left, #DFDFDF 0%, #EEEEEE 100%); /* Mozilla Firefox */
            background-image: -o-linear-gradient(top left, #DFDFDF 0%, #EEEEEE 100%); /* Opera */
            background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #DFDFDF), color-stop(1, #EEEEEE)); /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-linear-gradient(top left, #DFDFDF 0%, #EEEEEE 100%); /* Webkit (Chrome 11+) */
            background-image: linear-gradient(to bottom right, #DFDFDF 0%, #EEEEEE 100%); /* W3C Markup, IE10 Release Preview */
            float: right; margin: 5px 0 10px; width: 495px;
        }

        #package_cart .cart colgroup.item_upgrade {
            width: 5px;
        }

        #package-start-info dl{padding:20px;width:455px;}
        #package-start-info dd {float:left;margin-bottom:5px;clear:right}
        #package-start-info dt {font-weight: bold;margin-bottom:5px;float:left;clear:left;margin-right:3px;}

        #package_cart .cart colgroup.item_name {
            width: 245px;
        }


        #package_cart .cart colgroup.item_size {
            width: 150px;
        }

        #package_cart .cart colgroup.item_price {
            width: 100px;
        }

        #package_cart .cart thead {
            font-weight: bold;
        }

            #package_cart .cart tbody tr:first-of-type td {
                padding-top: 10px;
            }

            #package_cart .cart tbody tr:last-of-type td {
                padding-bottom: 10px;
            }

            #package_cart .cart th {
                border-bottom: 1px dashed #a2a2a2;
            }

            #package_cart .cart th, #package_cart .cart td {
                padding: 5px 15px;
            }

        #package_cart .cart tfoot {
            color: #989898;
        }

        #package_cart .cart span.upgrade{
            color: #000000;
            font-weight: bold;
        }

        #package_cart table.cart-totals {
            width: 50%;
            float: right;
        }

        #package_cart .cart-totals th {
            text-align: right;
        }

        #package_cart .cart-totals th,
        #package_cart .cart-totals td {
            padding: 5px 15px;
        }
        #package_cart .cart-totals th {
            width: 60%;
        }
        #package_cart .cart-totals td {
            width: 40%;
        }

        #package_cart .your-total {
            font-size: 120%;
            font-weight: bold;
        }

        #package_cart .original-price {
            font-weight: bold;
            color: #989898;
        }

        #package_cart .savings {
            font-weight: bold;
            color: #830600;
        }

        #package_cart .savings th,
        #package_cart .savings td {
            padding-top: 0;
        }

/* ========================================================================
   ===========================  @MY ACCOUNT ===============================
   ======================================================================== */

.col2-set .col-1 { float: left;width: 49%; padding-left: 30px}
/* SIGN IN */
#signin-box {
    width: 100%;
    padding-bottom: 21px;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px dotted #e0e0e0;
    float: left;
}
#signin-box button, .account-login-password button {padding: 4px 12px 5px; float: right; margin-right:83px}
.account-create button {padding: 4px 12px 5px; float: right; margin: 22px 30px 0 0;}
p.signInTitle, p.forgot {float: left; text-align: left; width: 100%; font-size: 14px; font-weight: 600; color: gray; text-transform: uppercase; margin-bottom: .4em;}
#signin-box li {clear: both; overflow: hidden; margin: 0 0 10px 0; }
#signin-box label, #form-forgotpw label, .account-create label { color: #444; float: left; font-size: 11px; padding: 2px 15px 0 0; text-align: left; width: 100px;}
#signin-box input {float: left;}
#signin-box input, .account-login-password input {width: 270px;}
#signin-box input#rememberme {width: auto}
#login-form p, #form-forgotpw p, .account-create p  {margin-bottom: 15px;}
#form-forgotpw button {margin-top: -3px}
#email_address {float: left; margin: 0 0 9px}
.account-login-password {width: 100%; float: left; margin-top: 10px; padding: 0px 0 0 15px  }

/* CREATE AN ACCOUNT */
.my-account-home .col-main {margin-top: 10px}
.my-account-home .col-2{ float:left; margin-bottom: 25px;  padding-left: 20px; width: 350px;}
.account-create h1 {
    color: gray;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: .4em;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.my-account-home .col-2 label {width: 120px}
.my-account-home .col-2 .input-box, .my-account-home .col-2 input {float: left; width: 180px}
.my-account-home .col-2 input#rememberme, .my-account-home .col-2 input#email_signup{width: 40px}
.my-account-home .col-2 .control .input-box, .my-account-home .col-2 .input-box .control.checkbox {width: 40px}
.my-account-home .col-2 .form-list .customer-dob label {
    float: none;
    width: auto;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    color: #777;
}
.form-list .customer-dob .dob-year input.input-text { width: 35px; }
.form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; }
.form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month,
.form-list .customer-dob { float:left; margin-right:8px; }
.account-create #month,
.account-create #day { width: 30px; margin: 0 10px 0 0; }
.account-create #year { float: left; font-size: 10px; width: 50px;}
.dob-minimum {float: left; margin: 10px 0; width: 100%;}
.my-account-home .col-2 .control { float: left; width: 100%; }
.my-account-home .col-2 .control label {width: 230px}

.customer-account-create .form-list li { margin:0 0 9px; vertical-align:top; clear: both; overflow: hidden; }
.customer-account-create .form-list label { float:left; margin: 0 0 0 5px; padding:2px 15px 0 0; font-size:11px; color:#444; text-align:left; }
.customer-account-create .form-list .value { float:left; padding:2px 0 0; }
.customer-account-create .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; }
.customer-account-create .form-list span.label { font-weight:normal; }
.customer-account-create .form-list .input-box { float:left; /* width:256px; */ }
.customer-account-create .form-list .input-box a { font-size:11px; margin-top:4px; }
.customer-account-create .form-list input.input-text,
.customer-account-create .form-list textarea { float:left; vertical-align:top; }
.customer-account-create .form-list textarea { width: 170px; height:8em; }
.customer-account-create .form-list select { vertical-align:top; }
.customer-account-create .form-list p { margin:0; padding:0; }
.customer-account-create .account-create button {margin: 0}
.customer-account-create .required {float: left; margin-left: 15px}
.customer-account-create .name-lastname, .customer-account-create .field {clear: left;}
.account-create .privacyLink a{padding-left: 42px; text-decoration: underline}

/* ACCOUNT INFORMATION */
.my-account label {float: left; padding: 2px 15px 0 0; font-size: 11px; color: #444; text-align: left; width: 120px;}
body.wishlist-index-share .my-account label {width: 100%; margin: 5px 0}
.my-account .input-box input { width: 210px }
.my-account li.fields .field { clear: left; overflow: hidden; padding: 0 0 9px}
.form-list .customer-dob .dob-month input.input-text, .form-list .customer-dob .dob-day input.input-text{width: 25px;}
.change-pword{width: 100%}

/* ADDRESS BOOK */
.addBookHeader {width: 100%; float: left;}
.addBookHeader h1 {width: 200px; float: left}
.info-box { border: 1px solid #cfcfcf; }
.addresses-additional {float: left; margin: 0 0 0 30px; width:45%;}
/* ADD ADDRESS */
.my-account .form-list .input-box {float: left;}
.my-account .fieldset {float: left; width: 100%;}

/* WISH LIST */
#wishlist-table{width: 100%}
#wishlist-table, #my-orders-table, #giftregistry-table {background: url(../images/cat_sort_bg.jpg) no-repeat;}
.wishlist-index-index #wishlist-table th {text-align: center;}
.wishlist-index-index #wishlist-table td {text-align: center; padding: 15px;}
.data-table .btn-remove {
    display: block;
    padding: 5px 0;
    font-size: 10px;
    clear: both;
}
.my-wishlist textarea {width: 95%;height: 10em;}
#wishlist-table button.btn-cart { margin: 3px 0;width: 140px; }
.enterprise-giftregistry-index-index .buttons-set {
    width: 99%;
    clear: both;
    overflow: hidden;
}
.my-wishlist form {float: left; width: 100%}

#wishlist-view-form button.add-wishlist-to-cart,
#wishlist-view-form button.add-wishlist-item-to-cart,
.share-wishlist-form button {
    background: #016EA8;
    border-color: #016EA8;
    color: #fff;
}

#wishlists-select-wrap {
    float: left;
    width: 220px;
}

#wishlist-select {
    max-width: 220px;
}

.wishlist-management .note-msg {
    background-color: #fafaec;
    border-color: #fcd344;
    border-style: solid !important;
    border-width: 1px !important;
    clear: both;
    color: #3d6611;
    font-size: 12px !important;
    margin: 0 0 10px;
    padding: 10px;
}

/*Wishlist List Area*/

fieldset.wishlist-management-items {
    clear: both;
}

.wishlist-items:after {
    content:"";
    display:table;
    clear:both;
}

.wishlist-items {
    margin-top: 12px;
}

.wishlist-items hr, .wishlist-bottom hr {
    margin: 10px 0;
    clear: both;
    float: left;
    width: 100%;
    background: #DADADA;
    border:none;
    height: 1px;
}

.wishlist-item .product-image {
    float: left;
    clear: left;
}

.wishlist-item .product-information {
    float: left;
    width: 250px;
    margin-left: 24px;
}
.wishlist-item {
    color: #929292;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.wishlist-item .product-name {
    color: #929292;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}

.wishlist-item .product-brand {
    color: #929292;
    font-weight: bold;
}

.wishlist-item .product-name a {
    color: #929292;
    font-weight: normal;
    text-transform: none;

}

.wishlist-item .product-price {
    margin: 4px 0 0;
    font-size: 14px;
    overflow: auto;
}

.wishlist-item .product-price .old-price {
    margin-left: 10px;
}

.wishlist-item .item-added-date {
    text-transform: uppercase;
    margin: 8px 0;
    font-size: 11px;
    color: #FF8C00;
}

.wishlist-item .item-comments textarea {
    margin-bottom: 24px;
    padding: 8px;
}

.wishlist-subtotal {
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
    color: #929292;
}

.wishlist-subtotal .amount {
    color:#BD1A13;
    font-size: 16px;
}

.my-account h3, .customer-account-login h3 {
    margin: 20px 0 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #F3A428;
    text-transform: uppercase;
}
.my-account button { padding: 4px 8px;margin: 20px;  float: right;  }
.info-box .box-title {
    margin: 17px 17px 0 17px;
    padding: 0;
    color: #222;
    font-weight: 600;
}
.info-box .box-title a {
    font-size: 11px;
    text-transform: lowercase;
    font-weight: normal;
}
.info-box .box-content {
    padding: 10px 17px 17px;
    color: #555;
}
.my-account p.required, .customer-account-forgotpassword p.required {text-align: left; color: #ff0000;}


.customer-account-forgotpassword .buttons-set
{
    width: 315px;
    clear: both;
    overflow: hidden;
    text-align: right;
}

.my-account ul.form-list li.fields {
    margin-bottom: 0;
}

.my-account .form-list .add-field .input-box { margin-left: 135px; }

/* Forgot Password */
body.customer-account-resetpassword form{background: #ededed; width: 958px;}
body.customer-account-resetpassword .fieldset {padding: 30px 0 150px 50px; width: 500px;}
body.customer-account-resetpassword h1 {color: #666; font-size: 25px; }
body.customer-account-resetpassword h2 {color: #666;}
body.customer-account-resetpassword ul.form-list {margin-top: 20px;}
body.customer-account-resetpassword ul.form-list input {width: 200px;}
body.customer-account-resetpassword span.redText {color: #990100;}
body.customer-account-resetpassword button {margin: 0 0 40px 50px; text-transform: uppercase;}
.gray7d {
    -moz-box-shadow:inset 0px 1px 0px 0px #d1d1d1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d1d1d1;
    box-shadow:inset 0px 1px 0px 0px #d1d1d1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #919191), color-stop(1, #7d7d7d) );
    background:-moz-linear-gradient( center top, #919191 5%, #7d7d7d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#7d7d7d');
    background-color:#919191;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    text-indent:0;
    border:1px solid #454545;
    display:inline-block;
    color:#fafafa;
    font-family:arial;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    height:35px;
    line-height:32px;
    width:170px;
    text-decoration:none;
    text-align:center;
}
.gray7d:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7d7d7d), color-stop(1, #919191) );
    background:-moz-linear-gradient( center top, #7d7d7d 5%, #919191 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#919191');
    background-color:#7d7d7d;
}
.gray7d:active { position:relative; top:1px;}
/* ========================================================================
   ===============================  @CART  ================================
   ======================================================================== */

/** Mini Cart **/

h3.bag-status ,
#radiussearch-qty-change-modal h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    float: left;
    width: 100%;
    border-bottom: 3px solid #000;
    padding: 10px 0;
}

#mini-cart .product-image { float: left;  padding: 20px 10px;  width: 90px;}

#mini-cart .product-info,
#radiussearch-qty-change-modal p {
    float: left;
    font-size: 13px;
    padding: 20px 10px 10px 0;
    width: 300px;
}

#mini-cart .product-info p{
    font-weight: 600;
}

.mini-cart-qty-has-changed {
    color: #E05C00;
    margin-top: 47px;
    float: left;
    clear: left;
    max-width: 250px;
}

body.product-giftcard .quick-cart-price {display: none}
.view-my-bag-button,
#radiussearch-qty-change-modal  button {
    float: right;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 40px 10px 0 0;
    padding: 13px 20px;
    text-transform: uppercase;
}

#radiussearch-qty-change-modal  button {
    margin: 10px 0 0 0;
    padding: 8px 20px;
}

.radiussearch-pickup-in-store {
    color: #e05c00;
}
.radiussearch-pickup-in-store b {
    font-weight: bold;
    text-transform: uppercase;
}
/* Cart page */

.cart{ width: 99%; margin: 0 auto;}
body.checkout-cart-index .page-title{ float: left; margin: 0; padding: 10px 0 0 5px; width: 100%; }
.cart .btn-proceed-checkout {float: right; margin: 6px 5px 0 0;}
.cart h1{font-size: 15px; text-align: left;}
.cart .move-email-buttons {float: right; padding: 0 0 10px; margin: 10px 0 0 0;}
#cart-table-container{clear:both;}
#shopping-cart-table{border: medium none; border-collapse: separate; width: 100%;}
#shopping-cart-table thead{ background-color: #F8F7F2}
#shopping-cart-table thead th {font-weight: 600; vertical-align: bottom;}
#shopping-cart-table thead th.firstTh{ text-align: center}
#shopping-cart-table tbody td { padding: 12px;     border-bottom: 1px dotted #818181; border-right: 1px dotted #818181; border-top: medium none;}
#shopping-cart-table tbody td.first {border-left: 1px dotted #818181;  border-right: medium none;}
#shopping-cart-table  .btn-continue {background: none repeat scroll 0 0 transparent;  border: medium none; float: left;  }
#shopping-cart-table  .btn-update {float: right; font-size: 10px; margin: 5px 0 0 0; padding: 2px 6px}
.cart-link-wishlist{color: #9D9D9D; cursor: pointer; float: left; font-size: 10px; margin: 8px 0 0; width: 80px;}
#shopping-cart-table tfoot td { border: 0 none; padding: 5px 0 10px;}
#shopping-cart-table .priceCol, #shopping-cart-table .qtyCol, #shopping-cart-table .subtotalCol { width: 70px;}
#shopping-cart-table tbody .first img { border: 1px solid #C7C7C7;}
#shopping-cart-table .product-name {color: #030102; font-size: 12px; font-weight: normal; text-transform: capitalize;}
#shopping-cart-table .product-name a {color: #030102; font-size: 12px; font-weight: normal; text-decoration: underline; text-transform: capitalize;}
#shopping-cart-table input.qty { margin: 0 0 0 20px;}
.item-options, .item-number, .item-availability { color: #818181;text-transform: capitalize;}
.cart .totals {
    background: #fff;
    border-top: 1px dotted #999;
    float: right;
    font-size: 11px;
    padding-top: 23px;
    width: 450px;
}
.cart .totals table { float: right; margin-right: 10px; width: 100%;}
.cart .totals table th, .cart .totals table td {  padding: 0 5px 5px;}
.cart strong, .cart strong span.price {color: #000; font-size: 16px; font-weight: 600;}
.a-right {text-align: right;}
.checkout-types {float: right; padding: 30px 0 0; text-align: center; width: 200px;}
.checkout-types li { margin: 0 0 2px; float: left; width: 100%;}
.checkout-types li .btn-proceed-checkout { float: none; margin: 6px 0 0 0;}
.paypal-logo {float: right; margin: 10px 0 0 0;}
.paypal-or{width: 100%; float: left; font-size: 9px; margin: 0 0 2px 0; text-align: center}
#checkout-payment-method-load a:link, #checkout-payment-method-load a:visited {color: #000}
.save-bag{
    float: left;
    font-size: 10px;
    margin: 20px 0 0 43px;
    text-decoration: underline;
}
/* Estimate shipping */

.cart .shipping-form { float: left; margin: 0px; width: 500px;}
.cart .shipping-form select {width: 176px}
.cart #co-shipping-method-form { float: left; margin: 5px 0 0 20px; width: 200px; }
.cart #shipping-zip-form {float: left; width: 220px}
.shipping-form .form-list li {margin: 0 0 9px;}
.shipping-form .form-list label { float: left;font-size: 12px; font-style: italic; width: 100%; font-style: italic; }
.shipping-form .form-list .input-box { float: left; width: 100%}
.shipping-form p {font-weight: 600}
.estimate-results{float: left; margin: 0; width: 210px;}
dl.sp-methods dt{font-weight: 600;}
.estimate-results button{float: left; margin: 10px 0 0;}
#fsContainer {  float: left; margin-left: 0px; width: 300px; }
.fsArrow {
    background-color: #3398CC;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #FFFFFF;
    float: left;
    height: 35px;
    padding: 4px 8px 0;
}
.fsArrow-right {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #3398CC;
    border-top: 20px solid transparent;
    float: left;
    height: 0;
    width: 0;
}
.fsBigText {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
}
.cart .sp-methods li {width: 100%; float: left; margin: 4px 0;}
.cart-empty p{float: left; margin: 0 5px 0 0;}
.checkout-cart-index .shipping-form .buttons-set button {float: left; margin: 10px 0 0 0}

/* Cart Refresh October 2013 */

.cartItemsHeader,
.cartTotalsContainer {
    background: url("../images/background-cart.jpg") repeat scroll 0 0 #565656;
}

.cartItemsHeader a {
    background: url("../images/icon-cart-mail.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}

.cartPaymentIcons .verisign {
    background: url("../images/verisign_logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    width: 122px;
    height: 60px;
    margin-top: -5px;
}

.cartPaymentIcons ul li {
    background: url("../images/icons-payment-types.png") no-repeat scroll 0 0 transparent;
    display: block;
    width: 38px;
    height: 38px;
    float: left;
    margin: 0 6px 6px 0;
    text-indent: -9999px;
}

.cartPaymentIcons .visa { background-position: 0 0; }
.cartPaymentIcons .mc { background-position: -43px 0; }
.cartPaymentIcons .ae { background-position: -87px 0; }
.cartPaymentIcons .pp { background-position: -217px 0; }
.cartPaymentIcons .disc { background-position: -129px 0; }
.cartPaymentIcons .zmz { background-position: 0 -43px; }
.cartPaymentIcons .instore { background-position: -43px -43px; }
.cartPaymentIcons .jcb { background-position: -173px 0; }

.cart h1 {
    font: 300 30px 'Open Sans Condensed', sans-serif;
    margin:10px 0 15px 0;
    text-align: left;
    text-transform: uppercase;
    color: #505050;
}

.cart h1 span.cartItemCount {
    font-size: 20px;
    color: #a1a1a1;
}
.cart select, .cart label {float: none;}

.cart strong {color:#000; font-weight: 600; font-size: 13px;}
.cart .gift-cards strong {
    color:inherit;
    font-weight: inherit;
    font-size: inherit;
}
.cart-table-container {
    width: 640px;
    float: left;
}

.cart-left{
    float: left;
    width: 640px;
}
.cartItems {font-size: 13px;}
.cartItemsHeader{
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-transform: none;
    width: 642px;
    overflow: hidden;
}

.cartItemsHeader a:link,
.cartItemsHeader a:visited {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
}



.cartProducts {
    border: 1px solid #efefef;
    border-top: 0;
    float: left;
    width: 100%;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}


.cartProductContainer {
    float: left;
    width: 460px;
}
.cartProductDetails {
  border-bottom: 1px solid #efefef;
  color: #505050;
  float: left;
  padding: 0 0 25px;
  width: 100%;
  font-weight: bold;
}

.cartProductDetails:last-child {
    border-bottom: none;
}

#checkout-review-table .cartProductDetails {clear: left;}
#checkout-review-table .cartProductDetails .cartProductDetails {clear: none;}
#checkout-review-table .item-list > li {overflow:auto;}
.cartProductImg{ margin: 40px 20px 50px 40px; float: left; width: 100px;}
.special-price .price { color: #b3110d}
.special-price .price, .special-price .old-price {display: block; width: 100%}
.cartProductName{ float: left; margin: 40px 0 10px 0; text-transform: uppercase;  width: 360px;}
.cartItemPrice {float: left; margin: 40px 0 0 0; text-align: right; width: 100px; color: #838383;}
.cartProductDetailsL, .cartProductDetailsR{float: left; width: 180px;}
.cartProductQty{float: left; margin: 8px 0 ; width: 400px;}
.cartProductAvailability{color: #008b00; text-transform: capitalize; font-weight: normal;}
.cartProductQty {text-transform: uppercase;}
.cartProductDetails .item-options {color: #505050; text-transform: capitalize; font-weight: normal;}
.cartProductActions{float: left; width: 400px; margin-top: 8px; }
.cartProductActions a:link, .cartProductActions a:visited {color: #284c7d; font-weight: normal;}
.moveToWishlist{
    float:left;
    margin:6px 0;
    padding: 0 5px 0 0;
}
.removeFromCart{
    float:left;
    padding: 0px 0 0px 12px;
    border-left:  1px solid #505050;
    margin: 6px 10px;
}


.cartProductDetails.package .cartProductName {
    float: none;
    margin: 0px 0 10px 0;
    text-transform: uppercase;
    width: auto;
    padding: 7px 20px;
    background-color: #d8d8d8;
    font-size: 18px;
    position: relative;
}

.cartProductDetails.package .packageEditWrap {
    font-size: 13px;
}

.cartProductDetails.package .cartProductName a:link,
.cartProductDetails.package .cartProductName a:visited {
    text-transform: capitalize;
    color: #284c7d;
    font-weight: normal;
}

.cartProductDetails.package .cartProductName .price {
    font-size: 13px;
    font-weight: bold;
    color: #505050;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
}

.pickupContainer {
    float: left;
    margin-top: 15px;
    border-top: solid 1px #f6f6f6;
    padding-top: 20px;
}

.checkout-onepage-success .pickupContainer {
    width: 450px;
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.pickupContainer p {
    color: #818181;
    font-weight: normal;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.pickupContainer p.pickupHeader {
    text-transform: uppercase;
    color: #505050;
    font-family: Arial, Helvetica, sans-serif;
}

.pickupContainer .storeName {
    color: #dc3c00;
    font-weight: normal;
}

.pickupContainer .buttonContainer {
    margin-top: 15px;
}

.pickupContainer a.blueBtn{
    padding: 6px 15px;
    text-transform: uppercase;
    background-color: #1570a6;
    background-image: none;
    float: none;
    margin-top: 13px;
    margin-right: 6px;

}
.storeAddressContainer{
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    float: left;
    margin: 10px 0 20px;
    padding: 20px 0;
    width: 100%;
}
.storeAddressContainer h3{
    color: #dc3c00;
    font-weight: normal;
    text-transform: uppercase;
}
.storeAddressContainer p { margin: 0; }
.storeAddressContainer p.storePhone {margin-top: 10px;}
.storeInfo{
    float: left;
    padding: 0 20px 0 0;
    width: 300px;
}
body.checkout-onepage-success .storeAddressContainer .button{
    float: left;
    font-size: 14px;
    margin: 0;
    min-height: 16px;
    width: 100px;
}
.cartPackageSavings {
    clear: left;
    color: #ff8c00;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-style: italic;
    border-bottom: 1px solid #eeeeee;
    margin: 7px 20px;
    padding-bottom: 7px;
}

.cartPackageSavings .price {
    color: #ff8c00;
}

.cartProductDetails.package .cartProductActions {
    margin: 7px 20px;
}

.cartProductDetails.package .cartProductDetails,
.cartProductDetails.package .pickupContainer {
    width: 90%;
    margin-left: 7%;
    margin-right: 3%;
    padding-bottom: 20px;
    border-top: none;
}

.cartProductDetails.package .cartProductDetails .cartProductImg {
    margin: 20px 20px 0 0;
    width: 68px;
}

.cartProductDetails.package .cartProductDetails .cartProductImg img { max-width: 100%; }

.cartProductDetails.package .cartProductDetails .option-label {
    display: block;
    margin-top: 20px;
    color: #909090;
    font-weight: normal;
}

.cartProductDetails.package .cartProductDetails strong { text-transform: uppercase; color: #505050; }

.cartProductDetails.package .cartProductDetails strong .sku { color: #000; }

.cartProductDetails.package span.cartProductAvailability {
    color: #008b00;
    text-transform: capitalize;
    font-weight: normal;
    display: inline-block;
    padding: 0 15px;
}

.cartProductPromo{
    float:left;
    clear:both;
    width:100%;
    border-top:1px dotted #e3e3e3;
    border-bottom:1px dotted #e3e3e3;
    margin:20px 0 0;
    padding:18px 0;
}

.cartProductDetails .item-promo {
    color: #dd5900;
    font-weight: normal;
    text-transform: uppercase;
    display:block;
    margin-bottom:2px;
}
.cartProductDetails .item-promo-text{
    font-weight:normal;
    text-transform: none;
    display: inline-block;
    margin-right:8px;
    font-size:10px;
    color:#838383;
}
.cartProductPromo a{
    float:right;
    position:relative;
    color:#284c7d;
    font-weight:normal;
    margin: 0 154px 0 0;
    padding: 0 6px 0 0;
}

.cartProductPromo a:after{
    content:'';
    position:absolute;
    width:0;height:0;
    top:4px;
    left:100%;
    border-width:4px 0 4px 7px;
    border-style:solid;
    border-color:transparent transparent transparent #284c7d;
}

.checkout-review-table .cartProductDetails .item-promo {
    font-weight: normal;
}

/* Out of stock items */
.OOS {
    font-weight: bold;
    height: 260px;
    position: relative;
}
.oosOverlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -khtml-opacity:.80;
    -moz-opacity:.80;
    -ms-filter:"alpha(opacity=80)";
    filter:alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
    opacity:.80;
}
.oosText {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.oosText h6 {
    color: #bd1a13;
    font-size: 20px;
    margin-top: 130px;
    text-transform: uppercase;
    width: 100%;
}
.oosText p {margin-bottom: 15px}
.oosText a.blueBtn{padding: 6px 40px;  text-transform: uppercase;}
.cartCheckoutButton_disabled {
    -khtml-opacity:.40;
    -moz-opacity:.40;
    -ms-filter:"alpha(opacity=40)";
    filter:alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
    opacity:.40;
}
.cart-right{float: left; margin: 0 0 0 20px; width: 295px;}
.cart-right a.continueShop {
    float: left;
    margin: 10px 0 20px 0;
    padding: 10px 20px;
    width: 255px;
    color: #3e6ea4;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#c5c5c5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #c5c5c5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #c5c5c5);
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c5c5);
    background-image: -ms-linear-gradient(top, #f2f2f2, #c5c5c5);
    background-image: -o-linear-gradient(top, #f2f2f2, #c5c5c5);
    background-image: linear-gradient(top, #f2f2f2, #c5c5c5);
    border: none;
    border-bottom: 2px solid #a4a4a4;
}

.cartTotalsContainer {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    width: 295px;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    margin-bottom:20px;
}

.cartTotalsContainer span.price {
    color: #fff;
    font-size: 16px;
}

.cartTotalsContainer p {
    margin: 0;
    position: relative;
}

.cartTotalsContainer .cartHelp {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: .5em;
    background: transparent url(../images/rewards-hover-yellow.png) 0 0 no-repeat;
    position: relative;
}

.tooltip-container {
    position:absolute;
    visibility: hidden;
    z-index:9998;
    width: 330px; /* default width */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-transform: none;
    text-align: center;
    padding: 0 0 0 10px; /*padding left to offset the positioning */
}

.tooltip-container.open {
    visibility: visible;
}

.subtotalHelp .tooltip-container {
    width: 230px;
    text-align: center;
}

.cartHelp.stashHelp .tooltip-container {
    left: -280px !important;
}

.tooltip-content {
    text-align: left;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.2);
    padding: 15px;
}

.cartSnowPromotionHelp .tooltip-container{
    font-style:normal;
    font-weight:600;
}

.cartTotalsContainer .tooltip-content h2 {
    font-size: 14px;
    font-weight: normal;
    color: #f3a428;
    text-align: left;
    margin: 0;
    padding: 0 0 5px 0;
}

.tooltip-container:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #fff transparent transparent;
    border-color: transparent transparent transparent\9; /* turn off for IE8 */
    margin: -2px auto 0 auto;
}

.cartHelp.stashHelp .tooltip-container:after {
    margin: -2px 0 0 270px;
}

/*.cartTotalsContainer p .cartHelp,*/
.cart #stashRewardsHover {
    position: absolute;
    display: none;
    z-index: 9999;
    border: 1px solid #D8D8D8;
    width: 200px;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.2);
    font: 11px/1.35 Arial,Helvetica,sans-serif;
    color: #505050;
}

.cartTotalsContainer li h2 {
    color: #fff;
    padding: 20px 0 10px 20px;
    font: 700 22px 'Open Sans Condensed', sans-serif;
}
.cartTotalsContainer li {border-bottom: 1px groove #ccc; float: left; padding: 8px 0; width: 100%; list-style: none;}
.cartTotalsContainer li:last-child {border: none;}
.cartTotalsContainer ul li ul {margin-left: 25px; margin-right: 25px;}

.cartTotalsContainer li li {
    border: none;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    width: 25%;
}

.cartTotalsContainer ul li ul.snow-promotion li{
    font-family:'Open Sans Condensed', sans-serif;
    font-style:italic;
    font-weight:300;
    font-size:13px;
    color:#f2c52e;
    text-transform:none;
}

.cartTotalsContainer li ul.grand-total li,
.cartTotalsContainer li ul.grand-total li .price {
    font-size: 20px;
}
.cartTotalsContainer ul li ul.snow-promotion li .price{
    font-size:13px;
    color:#f2c52e;
}
.cartTotalsContainer li li:first-child { text-align: left; width: 75%;}
.cartTotalsContainer li li p.subText {
    font: italic 300 13px 'Open Sans Condensed', sans-serif;
    color: #f2c52e;
    text-transform: none;
}
.cartTotalsContainer .wideCol {text-align: left; width: 75%;}
.cartTotalsContainer li li.shipping-zip {
    width: 100%;
    color: #fcf7b8;
    text-transform: none;
    text-align: left;
    font-size: 13px;
    padding: 0;
}
.cartTotalsContainer p.estShipButton { clear: both; float: none; margin: 10px 0 20px 0; padding-top: 10px; }

a.blueBtn,
.button.blueBtn,
button.blueBtn,
input.blueBtn {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1570a6;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.55);
    text-align: center;
    color: #fff;
    font: 300 16px 'Open Sans Condensed', sans-serif;
    cursor: pointer;
}

.cartTotalsContainer a.blueBtn,
.cartTotalsContainer .button.blueBtn {
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
}

.cartTotalsContainer .button,
.cart-left .button  {
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #b4b4b4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4b4b4), color-stop(100%, #7c7c7c));
  background-image: -webkit-linear-gradient(top, #b4b4b4, #7c7c7c);
  background-image: -moz-linear-gradient(top, #b4b4b4, #7c7c7c);
  background-image: -ms-linear-gradient(top, #b4b4b4, #7c7c7c);
  background-image: -o-linear-gradient(top, #b4b4b4, #7c7c7c);
  background-image: linear-gradient(top, #b4b4b4, #7c7c7c);
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 10px;
  float: right;
  margin: 10px 0;
  padding: 2px 10px;
  cursor: pointer;
  clear:both;
}

.checkout-cart-index li.destSection { width: 100%; }

.cartTotalsContainer a.destButton {
    display: block;
    float: none;
    font-size: 14px;
    margin: 0;
    padding:  8px 10px;
}

.cartTotalsContainer li li.stashText {
    color: #fff;
    font: 300 14px 'Open Sans Condensed', sans-serif;
    text-transform: none;
    width: 100%;
}

li.stashText .totalStashPoints {
    color: #f2c52e;
}

.cartTotalsContainer li li.msg-free-shipping {
    background: transparent url(../images/icons-cart.png) 0 8px no-repeat;
    color: #fcf7b8;
    padding-left: 27px;
    min-height: 35px
}

.cartTotalsContainer li li.msg-free-shipping .price { color: #fcf7b8; }

.checkout-cart-index .cartTotalsContainer ul.checkout-totals-gc {
    float: left;
    width: 245px;
    margin-top: 0;
}

.checkout-cart-index .cartTotalsContainer ul.checkout-totals-gc li {
    color: #f78905;
    float: left;
    width: 25%;
    text-transform: none;
}

.checkout-cart-index .cartTotalsContainer ul.checkout-totals-gc li strong {
    color: #f78905;
    font-size: 16px;
}

.checkout-cart-index .cartTotalsContainer ul.checkout-totals-gc li span {
    font-family: 'Open Sans';
    font-size: 11px;
}

.checkout-cart-index .cartTotalsContainer ul.checkout-totals-gc li:first-child {
    width: 75%;
}

.cartMeta {
    border: 1px solid #efefef;
    float: left;
    margin: 10px 0;
    padding: 20px;
    width: 260px;
}

.cartMeta h2 {color: #000; float: left; font-size: 14px; margin: 10px 0; text-transform: uppercase; width: 100%;}
.cartMeta ul {float: left; margin: 10px 0 0 0 ;}
.cartMeta ul li {float: left; list-style-type: disc; margin: 4px 0 4px 15px; width: 100%;}
.cartMeta p {float: left; margin: 10px 0; width: 100%;}


a.cartCheckoutButton, p.cartCheckoutButton_disabled {
    margin: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    font: 700 26px 'Open Sans Condensed', sans-serif;
    text-align: center;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    display: block;
    background-color: #f0b96f;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0b96f), color-stop(100%, #fe9a04));
    background-image: -webkit-linear-gradient(top, #f0b96f, #fe9a04);
    background-image: -moz-linear-gradient(top, #f0b96f, #fe9a04);
    background-image: -ms-linear-gradient(top, #f0b96f, #fe9a04);
    background-image: -o-linear-gradient(top, #f0b96f, #fe9a04);
    background-image: linear-gradient(top, #f0b96f, #fe9a04);
    letter-spacing: 0.0625em;
}

a.cartCheckoutButton .secureIcon, p.cartCheckoutButton_disabled .secureIcon {
    display: inline-block;
    width: 25px;
    height: 22px;
    background: transparent url(../images/icons-cart.png) 0 100% no-repeat;
}

.cart #co-shipping-method-form { margin: 0px; width: 245px; }
form#co-shipping-method-form select {height: 30px; width: 245px;}
#shippingEstimator { height: 280px; margin: 0; width: 240px;}
.cart .shipping-form {width: 240px; margin: 0 auto; text-align: left;}
.cart #shipping-zip-form { /*remove*/}
.shipping-form select {float: left; height: 30px; text-transform: uppercase; width: 200px;}
.shipping-form input {height: 25px; width: 195px; text-indent: 8px; text-transform: uppercase;}
.shipping-form p {font-weight: normal; }
a.getEstimate {
    font-size: 14px;
    float: left;
    margin: 20px 0;
    padding: 8px 20px;
    text-transform: uppercase;
    width: 160px;
}
.or {text-transform: uppercase; text-align: center; }

.cart-right .cartMeta1,
.cart-right .cartMeta2 {
    border: 1px solid #eeeeee;
    clear: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 24px;
    font-size: 13px;
    color: #505050;
}

.cart-right .cartMeta2 {
    margin-top: 20px;
}

.cart-right .cartMeta1 h2,
.cart-right .cartMeta2 h2 {
    color: #505050;
    text-transform: uppercase;
    font-size: 13px;
    margin: .2em 0 1em 0;
    font-weight: bold;
}

.cart-right .cartMeta1 ul,
.cart-right .cartMeta2 ul {
    list-style-type: disc;
    padding-left: 1em;
}

.cart-right .cartMeta1 li,
.cart-right .cartMeta2 li {
    margin-top: .25em;
}

.cartPaymentIcons {
    overflow: hidden;
    padding-bottom: .8em;
}

.cartPaymentIcons h3 {
    color: #505050;
    text-transform: uppercase;
    font-size: 13px;
    margin: 1.75em 0 1em 0;
    font-weight: bold;
}

/* Cart Modals */
.dialog .button.blueBtn {
    padding: 8px 10px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 10px;
    margin: 10px 0;
    border: none;
}

#proceedModal {
    text-align: center;
    width: 420px;
    float: left;
}

#proceedModal h3,
#payinstoreFaq h3,
#payinstoreInstructions h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #646262;
    margin-bottom: 15px;
    border-bottom: 5px solid #000;
    padding-bottom: 10px;
    text-align: left;
}

#proceedModal p,
#shippingEstimator p,
#shippingEstimator li {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin: 10px 0;
}

#proceedModal p.payment-modal-help-text {
    color: #757575;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left;
}

#shippingEstimator li {float:left;clear:both;width:100%;margin:5px 0;}
#shippingEstimator p {
    font-size: 16px;
    text-align: left;
    padding-bottom: .75em;
    border-bottom: 5px solid black;
    margin-bottom: 1.5em;
}

#proceedModal .button.btn-proceed-checkout {
    padding: 10px 82px;
    border: none;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    font-size: 16px;
    display: block;
    margin: 0 auto 30px auto;
}

#proceedModal .button.blueBtn,
#shippingEstimator .blueBtn.getEstimate {
    box-shadow: none;
    border-bottom: 1px solid #33527e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    font-size: 13px;
    margin: 0;
    width: 200px;
    float: left;
}

#shippingEstimator .blueBtn.getEstimate {
  margin-top: 5px;
}

#proceedModal .button.blueBtn {
  margin-bottom: 5px;
  text-transform: uppercase;
  width: 183px;
  padding: 8px 0;
  text-align: center;
}

#paypal-link {
    float: left;
    clear:both;
    text-align: center;
    margin: 0 auto;
    width: 163px;
}

#paypal-link.paypal-pickup span#checkout-or{
    vertical-align:top;
    position:relative;
    top:11px;
    color:#646262;
    font-size:14px;
    margin:0 6px 0 0;
}

#paypal-link.paypal-pickup a{
    overflow: auto;
    display: inline-block;
}

#paypal-link.paypal-pickup a img{
    float:left;
}

#payinstore-link {
  float: left;
  color: #757575;
  text-align: left;
}

#proceedModal p.payment-or,
#proceedModal p.payinstore-us-only {
    color: #757575;
    width: 20px;
    float: left;
    margin: 0 24px 0 26px;
    font-size: 12px;
    line-height: 40px;
}

#proceedModal p.payinstore-us-only {
    clear: left;
    float: inherit;
    width: auto;
    padding-left: 30px;
}

#shippingEstimator select {
    width: 240px;
    background-color: #f2f2f2;
}

#shippingEstimator input.input-text {
    border: 1px solid #d8d8d8;
    width: 234px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f2f2f2;
}

#payinstoreFaq {
  width: 880px;
}

#payinstoreFaq p {
  font-family: 'Open Sans', sans-serif;
  color: #484848;
  font-size: 12px;
}

#payinstoreFaq h3 span {
  color: #b3b3b3;
  font-size: 14px;
  display: inline-block;
  padding-left: 30px;
}

#payinstoreFaq dl {
  border-top: 1px solid #d8d8d8;
  margin-top: 10px;
  color: #666;
  padding: 25px 0 0 375px;
  background: url(../images/bg-payinstore-faq.png) 0 25px no-repeat;
}

#payinstoreFaq dt {
  font-size: 13px;
  font-weight: bold;
}

#payinstoreFaq dd {
  margin-bottom: 1em;
  font-size: 12px;
  font-weight: normal;
}

#payinstoreInstructions {
  width: 520px;
}

#payinstoreInstructions ol {
  margin-top: 1em;
}

#payinstoreInstructions li {
  padding-bottom: .75em;
}

#payinstoreInstructions p.note {
    color: #d91a00;
}

/* ========================================================================
   ============================ @CHECKOUT  ================================
   ======================================================================== */
.checkout-onepage-index .col-main {
    float: left;
    padding: 10px 0 0;
}
.opc-progress-container { float: right; margin: 23px 0 0 0; width: 200px; }
.opc-progress-container h2 {color: #2696DA; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.opc-progress-container dt {color: #9D9D9D; font-weight: bold; margin: 5px 0; text-transform: uppercase;}
.opc-progress-container dt.complete {margin: 10px 0 0 0}
.opc-progress-container dt.complete a { font-size: 10px; font-weight: normal; text-transform: lowercase; }
.opc-progress-container dd.complete {margin: 10px 5px}
.opc {float: left; width: 740px}
.opc li {width: 100%; float: left; }
.opc .step-title {
    background-color: #EDEDED;
    color: #878787;
    padding: 8px 0px 8px 8px;
    cursor: default;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(top, #f2f2f2 1%, #e7e7e7 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 1%, #e7e7e7 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 1%, #e7e7e7 100%);
    background-image: -webkit-linear-gradient(top, #f2f2f2 1%, #e7e7e7 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 1%, #e7e7e7 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #f2f2f2),
        color-stop(1, #e7e7e7)
    );
}
.opc .active .step-title{
    cursor: default;
    background-color: #AFAFAF;
    /* CSS3 */
    background-image: linear-gradient(top, #a9a9a9 1%, #949393 100%);
    background-image: -o-linear-gradient(top, #a9a9a9 1%, #949393 100%);
    background-image: -moz-linear-gradient(top, #a9a9a9 1%, #949393 100%);
    background-image: -webkit-linear-gradient(top, #a9a9a9 1%, #949393 100%);
    background-image: -ms-linear-gradient(top, #a9a9a9 1%, #949393 100%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.01, #a9a9a9),
        color-stop(1, #949393)
    );
}
.opc .step-title .edit-link {
    color: #878787;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin: 6px 10px 0 0;
    text-decoration: underline;
    display: none;
}
 /*Hide Edit Link until it is functional */
.opc .allow .step-title .edit-link {display: block;}
.opc .active .step-title .edit-link {display: none;}
.step-title .number {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5) inset;
    color: #000;
    float: left;
    font: 15px/16px arial,helvetica,sans-serif;
    margin: 0 8px 0 0;
    padding: 8px 12px;
}
.opc .buttons-set p.back-link { float: left;}
.opc .buttons-set { float: left; margin: 20px 0; width: 100%;}
.opc .account-login-password .buttons-set {float: none; margin: 0}
.active .number { background-color: #DADADA; }
.step-title h2 { color: #878787; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 6px 0;}
.active .step-title h2 { color: #FFF }
.opc .step { padding: 20px 0 20px 20px; }
.a-item {padding-left: 20px}

#shipping-options li { float: left; margin: 4px 0; width: 100%; }

/** CREATE ACCOUNT **/
button.fast_checkout {font-size: 11px; padding: 5px 10px; position: absolute; top: 45px; left: 525px; text-transform: uppercase; width: 200px }
#opc-billing .new-users {width:320px}
       #opc-billing #signin-box input, .account-login-password input {width: 170px;}
#billing-account-register input.checkbox{width: 30px!important;}
.opc .col2-set .col-1 {padding: 0; width: 42%}
.opc .my-account-home .col-2{padding-left: 80px; width: 375px}
.opc .account-login-password button {margin-right: 14px!important}

.billAddress li.form-alt label, #shipping-fieldset li.form-alt label {float: left; margin: 0 0 10px; width: 100%; }
.billAddress li.form-alt select.address-select, #shipping-fieldset li.form-alt select.address-select  {width: 500px}
ul#billing-list li.fields .field { clear: left; overflow: hidden; }
ul#billing-list .field, #shipping-fieldset .field { clear: left; }
.opc .form-list label { color: #444; margin-bottom: 2px; width: 110px; }
.opc .form-list li#stashCheckbox2 label {margin-left: 10px; width: 300px}
.opc .form-list li.email-privacy label {width: 220px; margin: 0 0 10px 10px}
.opc .form-list li, li div.field { float: left; margin: 0 0 9px}
.required em { color: #FF0000; padding-right: 5px;}
.opc .form-list .input-box {float: left; width: 180px; }
.opc .form-list .customer-dob{float: right}
.opc .form-list input, .opc .form-list select { float: left; margin: 0 0 6px; width: 170px; }
.opc .form-list input.checkbox {width: 30px;}
.opc .form-list .useBilling .input-box {width: 20px}
.opc .form-list .useBilling label{margin: 0 0 0 20px}
/* Validation errors */

.validation-advice {
    clear: both;
    font-size: 11px;
    padding: 3px 0 0;
    color: #d91a00;
    line-height: 12px;
}

.product-options .validation-error .options-list,
.validation-failed { border:1px solid #f47d4e; background:#fff7f5; }
        input.input-text.validation-failed,
        textarea.validation-failed { background:#fff7f5;}
        div.validation-passed.chosen-container { background: transparent; padding-right: 0px; }
        #shippingEstimator div.validation-error, #shippingEstimator div.validation-passed {background:none;padding-right:0;}
        .required em { color:#ff0000; padding-right: 5px; }
        p.required { margin:0; padding:5px 0 7px; font-size:11px; color:#ff0000; }
        .form-list .validation-advice { float: left; margin: 0 0 15px;font-family: Arial,Helvetica,sans-serif;}
   #checkout-step-billing .step-header-ship-options { font-weight: bold}
   .opc .form-buttons { text-align: right }
   .please-wait {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 5px solid #F3B66F;
        color: #F18200;
        font-size: 12px;
        font-weight: bold;
        left: 50%;
        margin: -34px 0 0 -90px;
        padding: 20px;
        position: fixed;
        top: 50%;
        white-space: nowrap;
        z-index: 99;
    }
   /* Shipping To Store */
  #checkout-step-shipping-content #shiptostore_store {
    margin: 3px 0;
}

.checkitout .checkout-step-shipping_method h4 {
    font-size: 14px;
    color: #dd5916;
    text-transform: uppercase;
    font-weight: bold;
}
/* Search Modal */
#modal-findastore-search { margin: 0 0 18px 0;}

#modal-findastore-search h1 {
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    font-size: 20px;
    margin-bottom: .8em;
    padding-bottom: .5em;
    border-bottom: 5px solid #000;
}

#modal-findastore-search label,
#modal-findastore-search input,
#modal-findastore-search span,
#modal-findastore-search select {
    display: inline-block;
    float: none;
    margin-right: .5em;
    font-size: 11px;
}

#modal-findastore-search input {
    background-color: #F2F2F2;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    color: #666666;
}

#modal-findastore-search input[type="text"] { padding: 2px; min-height: 20px; }

#modal-findastore-search label { margin-right: .2em; }
#modal-findastore-search #f_zip_code { width: 60px; }
#modal-findastore-search #city { width: 80px; }
#modal-findastore-search #f_state { width: 150px; }
#modal-findastore-search .fisOr { color: #da5615; font-weight: bold; margin: 0 25px; }

#modal-findastore-search button {
    padding: 3px 15px 1px 15px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
}

#modal-findastore-search button.fetching {
    cursor:progress;
    background-color: #999;
    background-image: none;
}

.storelocator-modal-search .findstoreleft { width: 220px; height: 350px; overflow: scroll; }

.storelocator-modal-search .findstoreleft ul { background-color: #eee; }

.storelocator-modal-search .findstoreleft ul li {
    border-bottom: 1px dotted #cbcbcb;
    padding: 8px;
    text-transform: none;
}

.storelocator-modal-search .findstoreleft ul li a.store-name {
    color: #787878;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
  }

.shipToStore li {
    margin-top: 7px;
}
.shipToStore label {
    width: 160px;
}
.shipToStore input#go{margin-left: 20px}
#checkout-step-shipping #shiptostore_store {
    margin: 3px 0;
    min-width: 240px;
    padding: 4px;
    width: auto;
}
.checkitout .checkout-step-shipping #shipping-new-address-form .select_country label {display: block; margin-bottom: 5px; text-transform: uppercase}

/* Shipping Methods */
.sp-methods .sp-methods-details {width: 100%}
.sp-methods .sp-methods-details th {font-weight: bold;}
.sp-methods .sp-methods-details td, .sp-methods .sp-methods-details th { padding: 8px 10px;}
.sp-methods .sp-methods-details tbody tr.odd { background-color: #EFEFEF;}
.sp-methods .sp-methods-details tbody tr.even { background-color: #FFF;}
.sp-methods .sp-methods-details label {margin: 2px 0 0 8px;}
#iship-info h4 {font-size:15px;color:#9D9D9D;font-weight:bold;}
#iship-info p {margin: 8px 0}
.no-display{display: none}
/* Payment Methods */
#checkout-payment-method-load{width: 100%}
#checkout-payment-method-load .p_method, #checkout-payment-method-load dd{ float: left; width: 100%; margin: 5px 0;}
#checkout-payment-method-load .p_method{line-height: 18px}
#checkout-payment-method-load label {line-height: 19px; width: 200px}
#checkout-payment-method-load input{margin-right: 10px}
#checkout-payment-method-load .validation-advice {margin-bottom:0;}
#checkout-payment-method-load .cvv-what-is-this {float:left;}
#checkout-payment-method-load .v-middle {float: left; margin: -3px 0 0 5px} /* For paypal link */
#gift-card-wrapper h2 {
    background: url("../images/bkg-co-payment-headers.gif") no-repeat scroll left bottom transparent;
    color: #333333;
    font-size: 11px;
    font-weight: 600;
    height: 10px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
#gift-card-wrapper h2 a {
    background: url("../images/arrow-sprite.gif") no-repeat scroll right 3px transparent;
    color: #333333 !important;
    padding: 0 16px 0 0;
}
#gift-card-wrapper h2 a.card-open { background-position: right -9px; }
#giftcard-form {  display: block; }
#giftcard-form fieldset { padding: 10px 0 0 15px; }
#giftcard-form fieldset em { display: block; clear: both; }
.gift-card-details { font-size: 10px; margin: 0 0 15px; text-align: justify; }
#remove-giftcard, #remove-giftcard img {border: 0 none;}
button#apply-giftcard, button#check-giftcard{
    clear: both;
    font-size: 10px;
    padding: 3px 4px;
    float: left;
    margin: 10px 0 0;
    text-transform: uppercase;
    width: 200px;
    }
#checkout-step-payment .tool-tip {background: #fff; border: 3px solid #999; position: fixed; margin-top: 200px; padding: 20px;left: 500px;}
#payment-tool-tip .tool-tip-content { text-align: center; }

/* Order Review */
.opc #checkout-review-table-wrapper { padding: 20px 20px 0 }
.opc #checkout-review-table thead { background-color: #F8F7F2;}
.opc #checkout-review-table td {padding: 8px 12px;}
#checkout-step-review { padding: 0;}
#checkout-step-review .data-table { width: 100%; }
#checkout-review-table th.a-right {text-align: right}
#checkout-review-table img { float: left; margin: 0 10px 0 0; }
.checkout-totals-gc {float: right; margin-top: -11px; height: 35px; width: 85px;}
.checkout-cart-index .checkout-totals-gc {float: right; height: 35px; width: 85px;} /*cart page override*/
.data-table .checkout-totals-gc .btn-remove {margin: 0; padding: 0; float: left;}
.checkout-totals-gc a.btn-remove img { border: 0; margin: 16px 10px 0 0; }
.checkout-review-table img.checkout-gc-thumb {border: 0; margin: 0;}
.checkout-cart-index .checkout-totals-gc .btn-remove img { border: 0; float: left; margin: 18px 0 0;}
.checkout-cart-index .checkout-totals-gc .btn-remove img.checkout-gc-thumb { border: 0; float: right; margin: 0px 0 0;}
#checkout-review-table #fsContainer {float: right}
.opc #checkout-review-table-wrapper tfoot th, .opc #checkout-review-table-wrapper tfoot td { border: medium none;  color: #000000; padding: 12px 12px 5px; vertical-align: bottom;}
 #checkout-step-review .data-table tfoot tr.last strong {font-size: 14px; font-weight: 600;}

/* Paypal Express Review */
body.paypal-express-review h2.sub-title, .paypal-review-order, .paypal-review-order li, .paypal-review-order .input-box{float: left;width: 100%}
.paypal-review-order .info-set .buttons-set { float: none; }
.paypal-review-order .info-set .buttons-set p { font-weight: bold; color: #f00; }
body.paypal-express-review li.control .input-box {width: 30px}
body.paypal-express-review #billing-address {float: right;}
body.paypal-express-review .step-title {margin: 20px 0;}
body.paypal-express-review h2.legend {color: #808080;font-weight: bold;text-transform: uppercase;margin-bottom: 25px;}
body.paypal-express-review .step-title h2.legend {margin-bottom: 5px}
body.paypal-express-review #same-as-shipping-input {width: 25px;}
body.paypal-express-review .tender-wrap { position: relative; }
body.paypal-express-review .tender-wrap .btn-remove { position: absolute; bottom: 18px; right: -20px; display: block; }
body.paypal-express-review .tender-wrap .btn-remove img { margin: 0 !important; }
.paypal-shipping-method h3 {color: #808080;font-weight: bold;text-transform: uppercase;margin-bottom: 25px;font-size: 12px;}
.paypal-shipping-method {margin-bottom: 50px;}
body.paypal-express-review #review-buttons-container button.zumiez_orange {margin-top: 20px;padding: 9px 20px;}
body.checkout-onepage-success .page-title h1 {width: 100%; float: left; margin: 0}
body.checkout-onepage-success h2.sub-title {font-size: 18px}
body.checkout-onepage-success .buttons-set{ margin: 20px 0 40px 0 }

/** Headline and step progress indicator **/
.checkout-onepage-success .layout-top h1,
.checkitout .layout-top h1 {
    color: #505050;
    font: 300 30px 'Open Sans Condensed', sans-serif;
    margin: 0 0 30px 0;
    text-align: left;
    text-transform: uppercase;
    float: left;
}
.checkitout .payinstore-right-help {margin: 30px 0 0 10px;}
.checkitout .payinstore-right-help h1 {
    color: #505050;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-size: 18px;
    margin: 0 0 14px 0;
    text-align: left;
    text-transform: none;
}
.checkitout .payinstore-right-help p {
    color: #505050;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-size: 14px;
    margin: 0 0 35px 0;
    text-align: left;
    text-transform: none;
}
.checkitout .payinstore-right-help a {
    color: #000;
    text-decoration: underline;
    text-transform: uppercase;
}

#payinstoreInstructions h4 {
    color: #505050;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-size: 16px;
    margin: 0 0 14px 0;
    text-align: left;
    text-transform: none;
}
#payinstoreInstructions ol {
    list-style: decimal outside;
    padding-left: 15px;
}
.checkout-onepage-success .layout-top h1 span#checkout-top-method,
.checkitout .layout-top h1 span#checkout-top-method {
    color: #dd5916;
    font: 300 20px 'Open Sans Condensed', sans-serif;
    margin-left: 1em;
}

.checkout-onepage-success .layout-top #checkout-step-progress,
.checkitout .layout-top #checkout-step-progress {
    width: 470px;
    float: right;
    padding-top: 10px;
    text-align: right;
}

.checkout-onepage-success .layout-top #checkout-step-progress span,
.checkitout .layout-top #checkout-step-progress span {
    display: inline-block;
    height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 32px;
    background: url(../images/icons-checkout-steps.png) left bottom no-repeat;
    text-indent: 40px;
    text-align: left;
    padding-right: 40px;
}

.checkout-onepage-success .layout-top #checkout-step-progress span.active,
.checkitout .layout-top #checkout-step-progress span.active {
    color: #dd5916;
}

.checkout-onepage-success .layout-top #checkout-step-progress span.inactive,
.checkitout .layout-top #checkout-step-progress span.inactive {
    color: #a1a1a1;
}

.checkout-onepage-success .layout-top #checkout-step-progress span.active,
.checkout-onepage-success .layout-top #checkout-step-progress span.complete,
.checkitout .layout-top #checkout-step-progress span.active,
.checkitout .layout-top #checkout-step-progress span.complete {
    background: url(../images/icons-checkout-steps.png) left top no-repeat;
}

/* Order Success Page */

body.checkout-onepage-success h2.sub-title {
    clear: both;
    color: #dd5916;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

body.checkout-onepage-success .page { font-size: 13px; }

body.checkout-onepage-success .buttons-set .button {
    text-transform: uppercase;
    width: 170px;
    min-height: 32px;
    line-height: 1.2;
    margin-right: 18px;
    font-size: 13px;
}

.checkout-onepage-success .container.checkout-left {
    width: 640px;
    float: left;
    overflow: hidden;
}

.checkout-onepage-success .container.checkout-right {
    width: 245px;
    float: right;
    margin-right: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
}

.checkout-onepage-success .checkout-step {
    overflow: hidden;
}

.checkout-onepage-success .checkout-step.order-items.order-details {
  border: 1px solid #efefef;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.checkout-onepage-success .checkout-step .step-header {
    padding:15px;
    background-color:#969696;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:default;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    clear: left;
}

.checkout-onepage-success .col2-set .col-1 {
    width: 50%;
    padding: 0;
    float: left;
    clear: both;
}

.checkout-onepage-success .col2-set .col-2 {
    width: 50%;
    padding: 0;
    float: right;
}

.checkout-onepage-success .col2-set .info-box { border: none; }

.checkout-onepage-success .col2-set .info-box h4 { text-transform: uppercase; }

.checkout-onepage-success .col2-set .info-box .box-content { color: #222; }

.checkout-onepage-success .col2-set .info-box address:first-line { text-transform: uppercase;font-weight:bold; }

.checkout-onepage-success .cartProductDetailsL strong { color: #222; }

.checkout-onepage-success #checkout-step-review-header {
    font: 300 22px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.checkout-onepage-success .cartProductDetails.package .cartProductName {
    float: none;
    margin: 0px 0 10px 0;
    text-transform: uppercase;
    width: auto;
    padding: 7px 20px;
    background-color: #d8d8d8;
    font-size: 18px;
    position: relative;
}

/* SOLD 3.0 */

.payinstore-buttons-set {
    float: right;
    margin-top: -270px;
    width: 270px;
}
.payinstore-buttons-set .payinstore-store-wrap {
    border: solid 1px #ebebeb;
    border-radius: 2px;
    width: 230px;
    margin: 15px 0px;
}
.payinstore-buttons-set .payinstore-store-wrap ul {
    margin: 22px 18px;
}
.payinstore-buttons-set .payinstore-store-wrap h4 {
    margin: 18px 0px;
    font: 300 18px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
}
.payinstore-buttons-set .payinstore-store-wrap a {
    text-transform: uppercase;
    font-size: 10px;
    color: #dd5916;
}
.payinstore-buttons-set .payinstore-store-wrap span {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    color: #828282;
}
body.checkout-onepage-success .payinstore-buttons-set .button.blueBtn{
    width: 230px;
}
.successGray{color: #999;}
.successSteps, .sold-3-store-help{
    float: left;
    margin: 20px 0;
    width: 100%;
}
.successSteps h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px 0 -10px;
}

.sold-3-store-help h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px 0 10px;
}
.successSteps ul, .sold-3-store-help ul{list-style-type: decimal;}
.successSteps li{
    float: left;
    margin: 15px 0 5px 20px;
    width: 90%
}
.successTips{
    background-color: #e6e6e6;
    float: left;
    margin: 5px 0 0 ;
    padding: 5px 20px;
    width: 90%;
}
.successHighlight{color: #F3A428;}

.barcode-container{
    float: left;
    width: 100%;
    margin: 10px 0;
}
    .barcode-container h3 {
        text-transform: uppercase;
        color: #999;
        margin: 0 0 3px 10px;
        font-size: 12px;
    }

.sold-3-store-help li {
    float: left;
    margin: 5px 0 5px 20px;
    width: 90%;
}
.checkout-right ul { list-style-type: none; margin: 5px 0; padding: 0; clear: both; }

.checkout-right ul li ul li { float: right; width: 30%; text-align: right; margin-top:5px;}
.checkout-right ul li ul li .price {font-size:inherit;color:inherit;}
.checkout-right ul li ul li:first-child { float: left; width: 70%; text-align: left; clear: left;}
.checkout-right ul li ul li.stashText { width: 100%; }


.checkout-right .savings li {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-style: italic;
    color: #a1a1a1;
}

.checkout-right .grand-total li {
    margin:10px 0;
    padding:5px 0;
    border-top:1px solid #D3D3D0;
    border-bottom:1px solid #D3D3D0;
    font-size:16px;
}

.checkout-onepage-success .container.checkout-right ul li ul li strong {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
}

.checkout-right ul.tender {
  overflow: hidden;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
  margin: 15px 0;
  padding: 15px 0;
  color: #dc3c00;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
}

.checkout-right ul.subtotal {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.checkout-onepage-success .checkout-right .giftcard {
    color: #dc3c00;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
}

.checkout-right ul.tender li strong,
.checkout-right ul.tender .price,
.checkout-onepage-success .checkout-right .giftcard strong,
.checkout-onepage-success .checkout-right .giftcard .price { font-family: 'Open Sans Condensed', sans-serif;  font-weight: 700; color: #dc3c00; }

.checkout-right ul.tender li span { color: #dc3c00;}
.checkout-right ul.tender li + li,
.checkout-right ul.tender li:first-child { margin-top: 0; }

.checkout-right ul li ul li.stashText { margin-top: 30px; }
.checkout-right ul li ul li.stashText .cartHelp {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: .5em;
    background: transparent url(../images/rewards-hover-blue.png) 0 0 no-repeat;
    position: relative;
}

.usePaypal {margin-top:15px;overflow:hidden;}
.usePaypal .checkbox{margin-right:8px;}
.usePaypal .paypal-shipping-address span {display:block;}
.usePaypal .paypal-shipping-address .name {font-weight:bold;}

/* Billing */

#billing-fieldset p{
width: 530px;
float: left;
}

.checkout-step input[type="radio"],input[type="checkbox"] {font-size:16px;margin-top:0;}

/* ================================================================
   ============================ @HELP  ====================================
   ======================================================================== */

div.fourone_head {color: #f3a428; font-size: 12px; font-weight: 600;}
#sp-methods-info {float: right; font-size: 12px}
.checkout-shipping-options li, .checkout-shipping-options p {margin: 4px 0}
.checkout-shipping-options li strong, .checkout-shipping-options p.fourone_head {color: #000; font-weight: 600; }
.fourone_leftnav{float:left;width:176px;margin-left:12px}
.fourone_leftnav a:link,.fourone_leftnav a:visited,.fourone_leftnav a:hover,.fourone_leftnav a:active{font-size:11px;text-decoration:none;color:#231F20}
.fourone_middle{float:left;width:510px}
.fourone_middle p{margin-top:5px;margin-bottom:7px;line-height:15px}
.fourone_head{font-size:12px;color:#F3A428;font-weight:700;text-transform:uppercase}
.fourone_question{font-size:12px;color:#F3A428;font-weight:700}
.fourone_privacy{color:#737373;font-size:12px;font-weight:700}
.fourone_right{float:left;width:168px;color:#737373;line-height:15px;margin-left:25px}
.fourone_right .namer{margin-top:4px;font-size:11px;color:#231F20;font-weight:700}
.fourone_head li {list-style: none}
.fourone_head li a:link, .fourone_head li a:visited {color: #9D9D9D}
.fourone_head li a:hover {color: #55B6E3}
.stillProcessing{color: #bc0707;}

/** Human readable sitemap **/

.sitemap {float: left;margin: 25px 0 0 50px;}
.sitemap_category {display:inline-block; vertical-align:top; width: 180px; margin:15px 40px 20px 0px;}
.sitemap_category_link {
    text-transform:uppercase;
    font-size:1.6em; display:inline-block;
    width:100%; font-family: Oswald, sans-serif;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:#DFDFDF 3px solid;
    position:relative;
}
.sitemap_category_link:link, .sitemap_category_link:visited {color:#424242;}
.sitemap_category_link:hover, .sitemap_category_link:active {color:#424242;}
.sitemap_category_link:before {
    content:" ";
    position:absolute;
    width:0;height:0;
    top:4px;right:0px;
    border-style:solid;
    border-color:transparent transparent transparent #424242;
    border-width:0.6em 0px 0.6em 6px;
}
.sitemap_category_link:after {
    content:" ";
    position:absolute;
    width:0;height:0;
    top:4px;right:3px;
    border-style:solid;
    border-color:transparent transparent transparent #FFF;
    border-width:0.6em 0px 0.6em 3px;
}
.sitemap-list {float:left;width: 100%}
.sitemap_sub-category {float: left;width: 180px;}
.sitemap_sub-category_child {float: left;width: 170px;margin-left: 10px;}
.sitemap_category a, .sitemap_sub-category a, .sitemap_sub-category_child a {display:inline-block; height:auto; width: 100%; padding:2px 0;}
.sitemap_category a:hover, .sitemap_sub-category a:hover, .sitemap_sub-category_child a:hover {color:#424242;}
.sitemap_sub-category a {font-weight:bold; font-size:1.1em;}
.sitemap_sub-category_child a {font-weight:normal; font-size:1.0em;}

/** Sale category **/

.catalog-category-view .rightSide {margin:0 0 10px 10px;}

/* ============ @MEDIA QUERIES ============= */

@media screen and (max-width:1200px)
{
    ul#nav li ul li a { padding: 2px 22px 0; }
    input.headerSearchButton { width: 55px; }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .image-controls {display: none}
}

/* ============ @COLORBOX ============= */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{background: #fff; overflow:auto; padding: 0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;height: 100%; background: #fff;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0; background: none repeat scroll 0 0 #FFFFFF;}
#cboxOverlay {
    background: none repeat scroll 0 0 #fff;
}
#colorbox:focus{ outline: none}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
    background-color: #D6D6D6;
    height: 2px;
    width: 2px;
}
#cboxContent {
    overflow: visible;
}

#cboxError {
    border: 1px solid #CCCCCC;
    padding: 50px;
}
#cboxLoadingGraphic{background:url('../graphics/colorbox/quickshop-spin-solo.gif') no-repeat center center;}
#cboxTitle {
    bottom: -25px;
    color: #7C7C7C;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
#cboxCurrent {
    bottom: -25px;
    color: #7C7C7C;
    font-weight: bold;
    left: 58px;
    position: absolute;
}
#cboxClose {
    background: url('../graphics/colorbox/pdp-modal-x-14x14.png');
    border: none;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    text-indent: -9999px;
    top: 7px;
    right: 0px;
    width: 14px;
}

.white-x #cboxClose {
    background: url("//static.zumiez.com/skin/frontend/delorum/default/images/sold-modal-close-x-17x16.png") no-repeat;
    height: 16px;
    width: 18px;
}

a.shipping-info-link {
    color: #55B6E3;
}
#co-billing-form .form-buttons {
    margin-top: -85px;
    float: right;
    width: auto;
}


/* ============ @HELPER CLASSES ============= */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ============ @EMPTY CART ============= */

h1.empty-cart-header,
h2.empty-cart-subheader {
    color: #4d4d4d;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding:40px 0;
}
h1.empty-cart-header {
    text-align: center;
}

h2.empty-cart-subheader {
    padding:20px 0;
    text-align: left;
}

#emptyCartSearchBar {
    overflow: hidden;
    width: 827px;
    margin: 0 auto;
    padding-top: 40px;
    margin-left: -21px;
    padding-bottom: 40px;
    background: #ccc;
    padding-left: 175px;
}

#emptyCartSearchBar .searchBox {
    color: #818181;
    font-size: 1em;
    padding: .5em 1em .5em .3em;
    width: 200px;
    border: none;
    line-height: 1.4em;
    text-indent: 5px;
    width:75%;
}
#emptyCartSearchBar .searchBox:focus {outline:0;}
#emptyCartSearchBar .searchIcon {float:right;margin-top:2px;margin-right:169px;}

.empty-cart-marketing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    width:1002px;
    margin-left:-21px;
    margin-top:-1px;
    background-color:#ccc;
    padding-bottom:80px;
}

.empty-cart-marketing .block {
    margin-left:20px;
    float:left;
}

.empty-cart-marketing .block-first,
h2.empty-cart-subheader {margin-left:135px;}

.empty-cart-logos {clear:both;margin:40px .5% 0 .5%;}

body.checkout-onepage-index,
body.checkout-cart-index {background:none;}
body.checkout-onepage-index #of-mlp-skin-link-container,
body.checkout-cart-index #of-mlp-skin-link-container {display:none;}

/* ============ @ORDER CONFIRMATION ============= */

.order-confirm-header {
    font-weight:bold;
    text-transform:uppercase;
}

.order-confirm-col {
    box-sizing: border-box;
    float: left;
    padding: 40px 15px;
    width: 50%;
}

/* ============ @CMS OVERRIDES COPIED 2014-06-03 ================ */

body.email-contact-index #sharedFormContainer{
    z-index: 9999;
}


body.dyoc-index-index .small-italicize {
    font-style: italic;
    font-size: 9px;
}

.product-img-box a img {margin: 0px 0px 10px 10px;}

.panelControl {
    font-size: 1em;
    font-weight: bold;
}

ul#nav li.nav-2.current ul li a {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D0806), to(#621410));
    background: -moz-linear-gradient(center top , #3D0806, #621410) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #3D0806, #621410);
    background: -moz-linear-gradient(top, #3D0806, #621410);
    background: -ms-linear-gradient(top, #3D0806, #621410);
    background: -o-linear-gradient(top, #3D0806, #621410);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D0806', endColorstr='#621410')";
}

body.cms-home #slideLabel {
    margin: 0px 10px 0px 0px;
}

ul#nav li ul {
    height: 27px;
    border-radius: 0 0 5px 0;

}
ul#nav li a {
    letter-spacing: normal;
}

ul#nav li ul li.nav-1-10 {display: inline-block;}

div.span-19.prepend-top img.panelArrows {
    bottom: 3px;
    position: relative;
    margin-left: 5px;
    float: right;
}

div.span-19.panelControl {
    font-size: 9px;
}

#comboThumbBox .pdp-media-controls-larger-view-text {display :none}

#outletSecondaryNav {display:none}

#secondaryNav, #stashSecondaryNav{position: static; float: left; margin: 0}