@charset "utf-8";

/*-------- BOF -------*/

/*
 @TEMP
 @LAYOUT
 @FORM ELEMENTS
 @HEADER
 @FOOTER
 @SPLIT BUTTONS
 @POP UP BLOCK
 @LOGIN MODAL
 @EMAIL TO FRIEND MODAL
 @SOCIAL BUTTONS
 @COMMON CATEGORY
 @COMMON PDP
 @COMMON CART
 @COMMON WISH-LIST
 @RADIUS SEARCH

*/

/*--- @TEMP ---*/


/*  until move conversion code into GTM */
img[src*="doubleclick"] {
    display: none;
}

/*--- @LAYOUT ---*/

body {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow: auto;
}

.col-main { margin: 20px 0 0 0}

ul.messages { width: 100%; }

/*--- @FORM ELEMENTS ---*/

select {
    background: #fff url('//static.zumiez.com/skin/frontend/delorum/default/images/dd-arrow.gif') 90% / 12px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: rgb(214, 214, 214) 1px solid;
    cursor: pointer;
    height: 35px;
    min-width: 65px;
    color: #9e9e9e;
    font-size: 14px;
    border-radius: 3px;
    font-family: "Open Sans Condensed", sans-serif;
    text-indent: 12px;
}

/*--- @HEADER ---*/

header {
    background-color: #FFFFFF;
}

#pre_header_zone,
#header_top_zone,
#header_middle_zone,
#header_bottom_zone,
#post_header_zone {
    float: left;
    min-width:960px;
}

header * {
    box-sizing: border-box;
    color: #2A2A2A;
    text-transform: uppercase;
}

header > div {
    width: 100%;
}

header > div div.header-center {
    text-align: right;
    margin: 0 auto;
    width: 980px;
}

#header_top_zone {
    background-color: #EAEAEA;
    border-bottom: 1px solid #E0E0E0;
    display: inline-block;
}

#header_top_zone div.header-center  {
    font: 400 9px "Arial", sans-serif;
    vertical-align: middle;
}

#header_top_zone,
#header_top_zone div.header-center,
ul.customer-links {
    overflow:visible;
}

ul.customer-links {
    float: right;
    height:31px;
}

ul.customer-links li:first-child {
    position: relative;
}

ul.customer-links li:first-child #myaccount-sublinks {
    display:none;
    position: absolute;
    width: 120px;
    background-color: rgb(234, 234, 234);
    border: 1px solid rgb(224, 224, 224);
    top: 100%;
    left: -10px;
    padding:8px 14px;
    margin:0;
    text-align: left;
}

ul.customer-links li:first-child:hover #myaccount-sublinks {
    display:block;
}
ul.customer-links li {
    vertical-align: middle;
    float: left;
    margin: 0 0 0 23px;
    padding: 12px 0 11px;
}

ul.customer-links li a:hover,
ul.customer-links li a:active,
ul.customer-links li.radiussearch-selected-store a.store-name:link,
ul.customer-links li.radiussearch-selected-store a.store-name:visited,
ul.customer-links li.radiussearch-selected-store a.store-name:hover,
ul.customer-links li.radiussearch-selected-store a.store-name:active {
    color: rgb(221, 89, 0);
}

#myaccount-sublinks li {
    margin:0;
    padding:0;
    display:block;
    float:none;
}

#myaccount-sublinks li a {
    display:block;
    float:none;
    padding:6px 0;
}
#header_bottom_zone {
    background-color: rgb(42, 42, 42);
    color: rgb(255, 255, 255);
    display: inline-block;
}

#header_bottom_zone div.header-center {
    text-align: left;
}

#header_bottom_zone div.header-center * {
    font: 400 11px "Arial", sans-serif;
    color: rgb(255, 255, 255);
    vertical-align: middle;
}

#global_search_form {
    display: inline-block;
    overflow: auto;
    margin: 30px 0 0;
}

#global_search_form * {
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    float: left;
}

#global_search_form input[type="text"] {
    border-radius: 3px 0 0 3px;
    border-top: rgb(160, 160, 160) 1px solid;
    border-left: rgb(160, 160, 160) 1px solid;
    border-bottom: rgb(160, 160, 160) 1px solid;
    padding: 11px 12px 11px 0;
    text-indent: 12px;
    width: 325px;
    text-transform: none;
    font-style: italic;
}

#global_search_form input[type="submit"] {
    width: 50px;
    height: 36px;
    background: rgb(221, 89, 0) url("../images/header_assets/icon-search.png") no-repeat center center;
    border-radius: 0 3px 3px 0;
}

#global_search_form input[type="text"]:focus {
    font-style: normal;
}

#global_search_form input:first-child {
    -webkit-margin-before: 0;
}

header #header_before_bag {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    margin: 38px 0 0 30px;
    font-weight: 600;
}

header #header_before_bag span { float: right }

header #header_bag_link {
    overflow: auto;
    margin: 15px 0 0;
    float: right;
}


header #header_bag_link #header_cart_qty {
    background: url("../images/header_assets/bag.png") no-repeat 8px center transparent;
    float: right;
    width: 47px;
    height: 63px;
    padding: 26px 0 0;
    font:600 13px "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 0 0 30px;
}


#logo a img {
    width: 180px;
    height: auto;
}

#logo {
    float: left;
    margin: 29px 0;
    position: relative;
}

#env_label {
    background: #ff8c00;
    border: 1px solid #234C10;
    float: left;
    font-weight: 600;
    margin: -30px 0 0 -5px;
    padding: 1px 16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 185px;
}

#header_before_customer_links {
    float: left;
    font: 600 11px "Arial", sans-serif;
    overflow: hidden;
    padding: 11px 0 0 0;
    width: auto;
}
#header_before_customer_links span, #header_before_bag span {
    color:rgb(221, 89, 0);
}



#header_top_zone div.header-center ul.customer-links li.radiussearch-selected-store a.change-store {
    font: 400 8px "Arial", sans-serif;
}
#header_before_customer_links a:hover, #header_before_customer_links a:visited, #header_before_bag a:hover, #header_before_bag a:visited { color: #484848}


ul.customer-links li.radiussearch-selected-store a.change-store:hover,
ul.customer-links li.radiussearch-selected-store a.change-store:active {
    color: rgb(72, 72, 72);
}

ul.customer-links li.radiussearch-selected-store a.change-store span {
    color: rgb(21, 112, 166);
    text-transform: none;
    padding: 0 1px;
}

#header_stash_zone {
    display: inline-block;
    float: right;
    margin: 8px 0 0 40px;
    width: 140px;
}
#header_global_nav {
    float: left
}
#header_global_nav ul li {
    cursor: pointer;
    float: left;
}

#header_global_nav ul li a {
    float: left;
    overflow: auto;
    padding: 11px 19px;
}

#header_global_nav ul li a:link,
#header_global_nav ul li a:visited {
    color: rgb(255, 255, 255);
}

#header_global_nav ul li.current a,
#header_global_nav ul li a:hover,
#header_global_nav ul li a.active-menu-link {
    background-color: rgb(221, 89, 0);
}

/* Hide Outlet by default */
#header_global_nav ul:last-child {
    display: none;
}

/* hide zumiez nav */
body.cms-outlet #header_global_nav ul:first-child,
body.categorypath-outlet-html #header_global_nav ul:first-child,
body.categorypath-outlet-shoes-html #header_global_nav ul:first-child,
body.categorypath-outlet-clothing-html #header_global_nav ul:first-child,
body.categorypath-outlet-accessories-html #header_global_nav ul:first-child,
body.categorypath-outlet-skate-html #header_global_nav ul:first-child,
body.categorypath-outlet-snow-html #header_global_nav ul:first-child {
    display: none;
}

/* show outlet */
body.cms-outlet #header_global_nav ul:last-child,
body.categorypath-outlet-html #header_global_nav ul:last-child,
body.categorypath-outlet-shoes-html #header_global_nav ul:last-child,
body.categorypath-outlet-clothing-html #header_global_nav ul:last-child,
body.categorypath-outlet-accessories-html #header_global_nav ul:last-child,
body.categorypath-outlet-skate-html #header_global_nav ul:last-child,
body.categorypath-outlet-snow-html #header_global_nav ul:last-child {
    display: block;
}

/*--- @FOOTER ---*/

.fixed_center {
    margin: 0 auto;
    width: 960px;
}

#pre-footer {
    width: 100%;
    float: left;
    background: #dfdfdf;
    padding: 50px 0;
}

#pre-footer h3 {
    color: #4d4d4d;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 0 5px;
    text-transform: uppercase;
}

#pre-footer li {
    float: left;
    margin-right: 20px;
}

#pre-footer li:last-child {
    margin-right: 0;
}

/*hides footer banner on shop fronts */
body.cms-home #pre-footer, body.category-womens #pre-footer, body.category-shoes #pre-footer, body.category-mens #pre-footer, body.category-boys #pre-footer, body.category-skate #pre-footer, body.category-accessories #pre-footer, body.category-snow #pre-footer, body.category-pro #pre-footer, body.category-sale #pre-footer, body.cms-outlet #pre-footer, body.cms-deals #pre-footer, body.cms-holiday-gift-guide #pre-footer {
    display: none;
}

footer {
    background-color: #fff;
    float: left;
    width: 100%
}

#footer_top_zone {
    background-color: #3D3D3D;
    float: left;
    text-align: center;
    width: 100%;
}

#footer_middle_zone {
    background: #fff;
    float: left;
    padding: 0 0 50px;
    width: 100%;
}

#footer_bottom_zone {
    background: #000;
    float: left;
    height: 45px;
    padding: 0;
    width: 100%;
}

.footer_logo {
    padding: 15px 0 10px;
    margin: 0 auto;
}

.footer_column {
    float: left;
    width: 25%;
}

.footer_column:nth-child(1) {
    width: 290px;
}

.footer_column:nth-child(2) {
    width: 247px;
}

.footer_column:nth-child(3) {
    width: 193px;
}

.footer_column:nth-child(4) {
    width: 230px;
}

.footer_column h3 {
    color: #4c4c4c;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 50px 0 0;
    text-align: left;
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 25px;
}

.footer_column ul {
    font-size: 12px;
}

.footer_column li {
    margin: 0;
    text-align: left
}

.footer_column li a:link, .footer_column li a:visited {
    color: #848484
}

.footer_column li a:hover {
    color: #df5c02;
}

.footer_bottom_right {
    float: none;
    margin: 0 auto;
    width: 960px;
}

.footer_column:nth-child(1) ul li a:link {
    color: #848484;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    line-height: 27px;
    height: 27px;
    display: block;
}

.footer_column:nth-child(1) ul li a span {
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/footer-icons-sprite-250x365.png') no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    float: left;
    padding-right: 12px;
}

.footer_column:nth-child(2) ul li a:link {
    padding: 0;
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/footer-icons-sprite-250x365.png') no-repeat;
    display: block;
}

.footer_column:nth-child(3) ul li a:link, .footer_column:nth-child(4) li {
    color: #848484;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 26px
}

.footer_column:nth-child(1) ul li {
    margin: 20px 0;
}

.footer_column:nth-child(1) h3 {
    margin-bottom: 0;
}

h3#footer-store-locator {
    margin-bottom: 17px;
}

ul.footer-social {
    border-top: 3px solid #e4e4e4;
    width: 150px;
    height: 21px;
    margin-top: 25px;
    padding: 15px 0;
}

ul.footer-social li {
    float: left;
    margin-right: 22px;
}

ul.footer-social li:last-child {
    margin-right: 0;
}

.footer_column:nth-child(2) ul.footer-social li a:link {
    width: 21px;
    height: 21px;
}

#footer-track-order span {
    background-position: -129px -222px;
}

#footer-returns span {
    background-position: -188px -222px;
}

#footer-customer-service span {
    background-position: -25px -317px;
}

#footer-contact-us span {
    background-position: -79px -317px;
}

#footer-stash {
    width: 150px;
    height: 101px;
    background-position: -29px -26px;
}

#footer-facebook {
    background-position: -194px -272px;
}

#footer-twitter {
    background-position: -80px -225px;
}

#footer-pinterest {
    background-position: -25px -275px;
}

#footer-instagram {
    background-position: -194px -319px;
}

#footer-youtube {
    width: 150px;
    height: 25px;
    background-position: -25px -164px;
}

#footer-email-sign-up {
    display: block;
    background-color: #4C4C4C;
    color: #FFF;
    font-family: 'Open Sans condensed', sans-serif;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    width: 158px;
    clear: both;
    position: relative;
    line-height: 28px;
    margin: 15px 0 20px 0;
}

#footer-store-locator::before {
    content: url('//static.zumiez.com/skin/frontend/delorum/default/images/orange-locator-pin-13x19.png');
    position: relative;
    top: 2px;
    left: -20px;
    padding-left: 25px;
}

#sub-footer {
    padding: 17px 0 16px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #b4b4b4;
    line-height: 12px;
}

#sub-footer li {
    padding: 0 10px;
    border-right: 1px solid #b4b4b4;
    float: left;
}

#sub-footer li a:link, #sub-footer li a:visited {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #b4b4b4;
    line-height: 12px;
}

#sub-footer li a:hover {
    color: #b4b4b4;
}

#sub-footer li:first-child {
    padding-left: 0;
}

#sub-footer li:last-child {
    border: none;
}

/* TOP SEARCH */

ul.topsearch-sublinks {
    background-color: #fff;
    border: 5px solid #e7e7e7;
    float: left;
    width: 370px;
    padding: 10px 20px;
    position: absolute;
    left: -9999px;
    top: -9999px;
}

li.topSearches {
    height: 20px
}

li.topSearches:hover {
    position: relative;
}

li.topSearches:hover ul {
    top: 20px;
    left: 80px;
}

ul.topsearch-sublinks li {
    float: left;
    margin: 4px 0;
    text-align: left;
    width: 150px;
}

/*--- @SPLIT BUTTONS ---*/

.split-button,
.split-button * {
    box-sizing: border-box;
}

.split-button {
    position: relative;
}

.split-button a.change {
    display: block;
    padding: 8px 18px 8px 12px;
    border: solid 1px #DADADA;
    border-radius: 3px;
    color: #929292;
    text-overflow: ellipsis;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    z-index: 2;
}


.split-button.active .change {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.split-button.active {
    z-index: 100;
}

.split-button strong {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    display: block;
    margin: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0;
}

.split-button .list-container {
    display: none;
    float: left;
    max-width: 300px;
    min-width: 100%;
    padding: 0;
    top: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    right: auto;
    text-transform: uppercase;
    border-right: solid 1px #DADADA;
    border-bottom: solid 1px #DADADA;
    border-left: solid 1px #DADADA;
    border-radius: 0 0 3px 3px;
}
.checkout-cart-index .split-button .list-container .not-authenticated {
    background-color: #fff;
    padding: 5px 20px;
    text-align: left;
}
.split-button.active .list-container {
    display: block;
    background: #fff;
    overflow: hidden;
}
.split-button .list-container ul > li {
    white-space: nowrap;
}
.split-button .list-container li.new {
    background-color: #F2F2F2;
    border-top: solid 1px #DADADA;
}

.split-button .list-container li a,
.split-button .list-container li span {
    color: #737373;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 3px 0 3px 10px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.split-button .list-container li span.wishlist-item-count {
    font-style: italic;
    display: inline;
    padding: 7px 0 7px 4px;
}

/*--- @POP UP BLOCK (MAGENTO PROTOTYPE.JS DIALOG) ---*/

.window-overlay {
    top: 0;
    height: 0;
    opacity: 0;
    position: fixed;
    transition: opacity .25s ease-in-out;
    z-index: 999;
}

.window-overlay.active {
    background: none repeat scroll 0 0 #fff;
    opacity: 0.8;
    height: 100% !important;
    width: 100%;
    transition: opacity .25s ease-in-out;
}

.popup-block,
.popup-block * {
    box-sizing: border-box;
}

.popup-block.active {
    display: block;
    /*transition: opacity .25s ease-in-out;*/
    visibility: visible;
    opacity: 1;
}

.popup-block {
    width: 392px;
    margin: 0 0 0 -196px;
    padding: 35px;
    background: rgb(255, 255, 255);
    border: 1px solid #cfcfcf;
    left: 50%;
    top: 20%;
    position: fixed;
    z-index: 1000;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    display: none;
}

.popup-block .block-title {
    border-bottom: 5px solid #292929;
    padding-bottom: 8px
}

.popup-block .block-title strong {
    font-size: 24px;
    font-weight: normal;
}

.popup-block .block-content {
    margin-right: 35px;
    font-size: 14px;
    margin-top: 16px;
    color: #929292;
}

.popup-block .input-text {
    background: rgb(242, 242, 242);
    border: rgb(218, 218, 218) 1px solid;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 12px 14px;
    margin: 0;
    font: 300 14px 'Open Sans Condensed', sans-serif;
    width: 320px;
}

.popup-block .block-content {
    margin: 16px 0 0 0;
    font-size: 14px;
    color: #929292;
}

.popup-block .block-content p {
    margin: 6px 0;
}

.popup-block .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0;
    line-height: 0;
}

.popup-block .btn-close:after {
    background: url("../../../enterprise/zumiez/images/btn-modal-close.png") no-repeat scroll 0 0 transparent;
    width: 20px;
    height: 20px;
    content: '';
    cursor: pointer;
    display: block;
}

.popup-block .form-list .validation-advice {
    clear: left;
    margin-bottom: 0;
}

.popup-block .form-list {
    margin-top: 16px;
}

.popup-block .buttons-set {
    clear: both;
    margin-right: 0;
}

.popup-block .buttons-set button {
    font: 300 18px 'Open Sans Condensed', sans-serif;
    letter-spacing: 1px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 10px 0;
    background: #016EA8;
    color: #fff;
    width: 150px;
    margin: 16px 20px 0 0;
    cursor: pointer;
}

/*-------- @LOGIN MODAL --------*/

.account-login-container {
    margin: 0 auto;
    padding: 30px 30px 0;
    position: relative;
    width: 550px;
}

.account-login-container form {
    margin: 0 0 20px;
    overflow: auto;
}

.account-login-container input,
.account-login-container button,
.account-login-container select {
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.account-login-container .blueBtn {
    text-transform: uppercase;
    padding: 10px 40px;
}

.account-login-container #account-registration-form .blueBtn {
    float: right;
    margin: 10px 30px 0 0;
}

.account-login-container h2 {
    color: #DD5900;
    font: 300 22px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.switch-forms {
    background-color: #3D3D3D;
    color: #ffffff;
    height: 35px;
    margin-top: 10px;
    width: 100%;
}

.switch-forms p {
    font-style: italic;
    line-height: 35px;
    text-indent: 15px;
}

.switch-forms p a {
    margin-left: 8px
}

.switch-forms a:link,
.switch-forms a:hover,
.switch-forms a:visited {
    color: #FCAF17;
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
}

.login-container {
    border-bottom: 1px solid #ebebeb;
    float: left;
    padding: 40px 0 15px;
    width: 100%;
}

.register-container {
    float: left;
    padding: 30px 0 0;
    width: 100%
}

.login-container input[type="checkbox"], .register-container input[type="checkbox"] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    margin: 0 10px 0 0;
    padding: 14px;
    border-radius: 3px;
    display: inline-block;
    outline: none;
    position: relative;
}

.login-container input[type="checkbox"]:active, .login-container input[type="checkbox"]:checked:active, .register-container input[type="checkbox"]:active, .register-container input[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.login-container input[type="checkbox"]:checked, .register-container input[type="checkbox"]:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    color: #99a1a7;
}

.login-container input[type="checkbox"]:checked:after, .register-container input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 20px;
    position: absolute;
    top: 3px;
    left: 6px;
    color: #99a1a7;
}

.login-container p, .account-login-password p, .register-container p, .register-container .name-firstname, .register-container .name-lastname {
    float: left;
    margin: 0 20px 10px 0;
    position: relative;
    width: 250px;
}
.account-remember, .account-marketing-signup {
    float: left;
    margin-bottom: 10px;
    width: 100%
}

.account-login-container label {
    color: #000;
    font: 300 13px Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}

.account-remember label, .account-marketing-signup label {
    line-height: 30px;
}

.login-container label.remember, .login-container label.marketing-signup {
    line-height: 30px;
}

.account-login-container input[type="text"],
.account-login-container input[type="password"] {
    background-color: rgb(242, 242, 242);
    border: rgb(218, 218, 218) 1px solid;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0 0 25px;
    padding: 12px 14px;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 14px;
    width: 100%;
}

.account-login-container input[type="text"].validation-failed, .account-login-container input[type="password"].validation-failed,
#dob-selects select.validation-failed {
    border: 1px solid #d91a00;
}

.account-login-container .validation-advice {
    position: absolute;
    top: 65px;
}

.account-login-container ul.messages li.success-msg, #ajax-response {
    background: #DD5900;
    border: none;
    color: #fff;
    float: left;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 510px;
}

.account-login-password {
    float: left;
    margin: 50px 0 0 0;
    padding: 0;
}

.account-login-password h3 {
    color: #DD5900;
    font: 300 16px 'Open Sans', sans-serif;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.account-login-password button {
    margin: 20px 0 0 0 !important;
    float: left;
}

.account-login-container input[type="text"].no-label {
    margin-top: 20px
}

button.create-account {
    margin: 10px 0 0 266px;
    width: 200px;
}

.dob-container {
    float: left;
    margin: 0 0 40px;
    position: relative;
    width: 250px;
}

.dob-container label {
    width: 100%
}

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

.customer-dob select {
    margin: 0 5px;
    width: 60px;
    padding: 5px 5px 5px 10px;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 14px;
    height: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/dd-arrow.gif') 90% / 12px no-repeat #eee;
}

.customer-dob select#month {
    width: 90px;
}

/* For IE9 and 10 */
@media screen and (min-width: 0\0
) {
    .customer-dob select {
        background: none;
        padding: 5px;
    }
}

#account-registration-form #cboxLoadingGraphic {
    height: 80px;
    top: 260px;
}

/*-------- @EMAIL TO FRIEND MODAL --------*/

/* @TODO BEGIN QUESTIONABLE FILES FROM styles.css. ISOLATE AND REMOVE WHERE POSSIBLE */

.sender {
    float: left;
    font-size: 14px;
    margin: 10px 0 0;
    width: 100%;
}

.efLabel {
    font-size: 12px;
    width: 175px;
    float: left;
    color: #777777;
    margin: 0 0 4px;
}

.inputHolder {
    float: left;
    width: 100%;
}

.inputHolder input {
    float: left;
    margin: 0 8px 6px 0;
    width: 164px;
    font-size: 12px;
    border-color: #D1D1D1 #D1D1D1 #B8B8B8 #B8B8B8;
    border-style: solid;
    border-width: 1px;
}

.inputHolder input.validation-passed {
    float: left;
    margin: 0 8px 6px 0;
    width: 164px;
    font-size: 12px;
    border-color: #D1D1D1 #D1D1D1 #B8B8B8 #B8B8B8;
    border-style: solid;
    border-width: 1px;
}

.sender {
    float: left;
    font: 400 16px 'Open Sans', sans-serif;
    color: #38332f;
    margin: 10px 0;
    width: 100%;
    text-transform: uppercase;
}

.efLabel, .efInput {
    font-size: 12px;
    width: 267px;
    float: left;
    color: #777777;
    margin: 0 0 4px;
}

.efLabel.left {
    margin-right: 18px;
}

/*still need to show labels for browsers that don't support placeholder text*/
.shipping-form .form-list label.dstLabel,
label.efLabel,
label.msgLabel {
    font-size: 10px;
    margin-bottom: 0;
    font-style: normal;
    display: none;
    display: block \9; /*ie8*/
}

.inputHolder {
    float: left;
    width: 100%;
}

.inputHolder input {
    float: left;
    margin: 0 8px 6px 0;
    width: 164px;
    font-size: 12px;
    border-color: #D1D1D1 #D1D1D1 #B8B8B8 #B8B8B8;
    border-style: solid;
    border-width: 1px;
}

.inputHolder input.validation-passed {
    float: left;
    margin: 0 8px 6px 0;
    width: 277px;
    font-size: 12px;
    border-color: #D1D1D1 #D1D1D1 #B8B8B8 #B8B8B8;
    border-style: solid;
    border-width: 1px;
}

input .lastInput {
    margin: 0;
}

.msgLabel {
    float: left;
    margin: 0;
    width: 100%;
    font-size: 10px;
    color: #777777;
}

.friendMsg {
    background: #f2f2f2;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 525px;
    height: 60px;
    padding: 12px;
    margin: 0 0 13px 0;
}

#sending {
    font-size: 20px;
    text-align: center;
    color: #777777;
    width: 100%;
    margin: 2px 0 0;
}

/*iPad [portrait + landscape]*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .inputHolder input,
    .inputHolder input.validation-passed {
        margin: 0 6px 6px 0;
        width: 154px;
    }

    .friendMsg {
        height: 40px;
        width: 338px;
    }
}

/*iPhone [portrait + landscape]*/
@media only screen and (max-device-width: 480px) {
    .inputHolder input,
    .inputHolder input.validation-passed {
        margin: 0 6px 6px 0;
        width: 154px;
    }

    .friendMsg {
        height: 40px;
        width: 338px;
    }
}

/* @TODO END */

form#pdp_sendfriend,
form#cart_sendfriend,
form#pdp_sendfriend *,
form#cart_sendfriend * {
    box-sizing: border-box;
}

form#pdp_sendfriend,
form#cart_sendfriend,
.cart_friend,
.cart_friend .extraWrap,
#emailCartModal,
#emailCartModal iframe,
body.sendFriendLayout .page,
body.sendFriendLayout .page .main,
body.sendFriendLayout .page .col-main {
    overflow: auto;
    width: 422px;
    height: auto;
    float: none;
    margin: auto;
}

#emailCartModal iframe,
body.sendFriendLayout .page {
    height: 504px;
    float: none;
}

body.sendFriendLayout .page {
    padding: 19px 0 0;
}

form#pdp_sendfriend,
form#cart_sendfriend {
    margin: 19px;
}

body.sendFriendLayout form#cart_sendfriend {
    margin: 0;
}

h1.emailFriend {
    font: 400 22px 'Open Sans', sans-serif;
    color: #494949;
    margin: 0 0 20px 0;
    padding: 0 0 16px 0;
    border-bottom: rgb(0, 0, 0) 4px solid;
}

form#pdp_sendfriend fieldset,
form#cart_sendfriend fieldset {
    margin: 0 0 20px 0;
}

form#pdp_sendfriend input,
form#cart_sendfriend input,
form#pdp_sendfriend textarea,
form#cart_sendfriend textarea {
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form#pdp_sendfriend input,
form#cart_sendfriend input,
form#pdp_sendfriend textarea,
form#cart_sendfriend textarea {
    background: rgb(242, 242, 242);
    border: rgb(218, 218, 218) 1px solid;
    padding: 12px 14px;
    margin: 0;
    font: 400 14px "Open Sans Condensed", sans-serif;
    width: 100%;
    display: block;
    float: none;
}

form#pdp_sendfriend label,
form#cart_sendfriend label,
form#pdp_sendfriend legend,
form#cart_sendfriend legend {
    font-size: 14px;
    margin: 0 0 7px;
    font-weight: normal;
    color: rgb(84, 84, 84);
    display: block;
    float: none;
}

form#pdp_sendfriend .float-wrap,
form#cart_sendfriend .float-wrap {
    float: left;
    overflow: auto;
    width: 206px;
}

form#pdp_sendfriend .float-wrap.margin-right,
form#cart_sendfriend .float-wrap.margin-right {
    margin: 0 10px 0 0;
}

form#pdp_sendfriend textarea,
form#cart_sendfriend textarea {
    resize: none;
    height: 80px;
    margin: 0 0 18px 0;
}

form#pdp_sendfriend label#cc_myself_label,
form#cart_sendfriend label#cc_myself_label {
    margin: 0;
    padding: 0 0 11px 0;
    line-height: 22px;
    cursor: pointer;
}

form#pdp_sendfriend input#cc_myself,
form#cart_sendfriend input#cc_myself {
    margin: 0 7px 0 0;
    padding: 10px;
    display: inline-block;
    width: auto;
    position: relative;
}

form#pdp_sendfriend input#cc_myself:checked,
form#cart_sendfriend input#cc_myself:checked {
    background-color: #00AEFF;
    border: 1px solid #409CC7;
}

form#pdp_sendfriend input#cc_myself:checked:after,
form#cart_sendfriend input#cc_myself:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 4px;
    color: #FFFFFF;
}

form#pdp_sendfriend input[type="text"].validation-failed,
form#cart_sendfriend input[type="text"].validation-failed {
    border-color: #D91A00;
}

form#pdp_sendfriend .validation-advice,
form#cart_sendfriend .validation-advice {
    color: #D91A00;
}

#shared_product {
    border-top: rgb(69, 69, 69) 1px dotted;
    margin: 4px 0 0 0;
    padding: 15px 0 0;
    overflow: auto;
}

#shared_product img {
    float: left;
    margin: 0 15px 0 0;
    width: 50px;
    height: auto;
    vertical-align: top;
}

#shared_product h4 {
    clear: none;
    vertical-align: top;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}

form#pdp_sendfriend button,
form#cart_sendfriend button {
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    width: 144px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0;
    margin: 10px 0 0 0;
    float: right;
}

.cart-email-friend-modal_close {
    background: url('../../../enterprise/zumiez/graphics/colorbox/pdp-modal-x-14x14.png');
    border: none;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    text-indent: -9999px;
    top: 7px;
    right: 0;
    width: 14px;
    cursor: pointer;
}

span#ajax_response {
    position: relative;
    top: 20px;
}

span#ajax_response span.success-message {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #dd5900;
}

#pdp-cross-sell-banner {
    float: left;
    margin: 20px 0 0 -10px;
}

/*-------- @SOCIAL BUTTONS --------*/

.results-view {
    overflow: visible !important;
}

iframe {
    background: none !important;
}

.social-wrapper {
    float: right;
    margin: 0 16px 10px 0;
    overflow: visible;
}

.social-icon {
    background: url('//static.zumiez.com/skin/frontend/delorum/default/images/social-buttons.png') top left no-repeat;
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    height: 21px;
    width: 21px;
}

.social-icon-button {
    /*--- !important is necessary to remove Wanelo inline background-image ---*/
    background: transparent !important;
    display: block;
    height: 21px;
    width: 21px;
}

.facebook-wrapper {
    background-position: 0 0;
}

.twitter-wrapper {
    background-position: -28px 0;
}

.wanelo-wrapper {
    background-position: -57px 0;
}

.google-wrapper {
    background-position: -85px 0;
}

.pinterest-wrapper {
    background-position: -113px 0;
}

/*-------- @COMMON CATEGORY --------*/

.catalog-category-view .google-wrapper,
.catalogsearch-result-index .google-wrapper,
.catalogsearch-result-index .social-wrapper,
.cms-page-view .google-wrapper {
    margin-right: 0;
}

.catalog-category-view .pinterest-wrapper,
.catalogsearch-result-index .pinterest-wrapper,
.cms-page-view .pinterest-wrapper,
.combo-index-view .pinterest-wrapper {
    display: none;
}

.catalog-product-view .social-wrapper,
.combo-index-view .social-wrapper {
    margin: 8px 0 10px 0;
}

/*-------- @COMMON PDP --------*/


#sizeChartTabber tbody, #sizeChartTabber td {
    vertical-align: top;
    position: relative;
}

/*-------- @COMMON CART --------*/

/* Split Button Override for cart wish-list split button. */
.cartProductActions .split-button, .moveToWishlist {
    float: left;
    font-weight: normal;
    text-align: center;
    width: 240px;
}

.cartProductActions .split-button:before {
    background: url('../images/email-wishlist-button-icons-2015.png') no-repeat -28px -1px;
    width: 24px;
    height: 21px;
    display: block;
    position: absolute;
    content: " ";
    top: 4px;
    left: 16px;
}
.cartProductActions .split-button:after {
    background: url('../images/email-wishlist-button-icons-2015.png') no-repeat -27px -19px;
    width: 24px;
    height: 16px;
    display: block;
    position: absolute;
    content: " ";
    top: 7px;
    right: 9px;
}
.cartProductActions .split-button a.change {
    padding: 6px 18px 6px 12px;
}

.cartProductActions .split-button a.change:after {
    top: 10px;
}

.package .cartProductActions a.moveToWishlist {
    display: none;
}

.package .cartProductActions a.removeFromCart {
    padding: 0;
    border: none 0;
}
.split-button .list-container ul li.not-authenticated {
    white-space: normal;
}

.split-button .list-container li:hover a,
.split-button .list-container li:hover span,
.split-button .list-container li:hover {
    color: #fff;
    text-decoration: none;
    background-color: #DD5900;
}
.split-button .list-container ul li.not-authenticated a span {
    font-size: 14px;
    display: inline;
    padding: 0 4px;
    color: rgb(0, 157, 222);
}
.split-button .list-container li.not-authenticated:hover a,
.split-button .list-container li.not-authenticated:hover span,
.split-button .list-container li.not-authenticated:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}
.split-button .list-container ul li.not-authenticated a span:first-child {
    padding: 0 4px 0 0;
}

/*-------- @COMMON WISH-LIST --------*/

.popup-block .buttons-set button.btn-save,
.popup-block .buttons-set button.btn-delete,
.popup-block .buttons-set button.btn-confirm {
    margin-right: 0;
}

.popup-block.cart-item-move-confirm-dialog .wishlist-move-from-name,
.popup-block.cart-item-move-confirm-dialog .wishlist-move-to-name {
    color: #ff8c00;
}

.popup-block.wishlist-delete-confirm-dialog .wishlist-name {
    color: #ff8c00;
}

.wishlist-share-messages ul.messages li,
.manage-wishlist-messages ul.messages li {
    width: auto;
}

.popup-block.wishlist-item-added-dialog,
.popup-block.wishlist-item-to-bag-dialog,
.popup-block.wishlist-item-deleted-dialog {
    width: 550px;
    margin: 0 0 0 -275px;
}

.popup-block.wishlist-item-added-dialog h2,
.popup-block.wishlist-item-to-bag-dialog h2,
.popup-block.wishlist-item-deleted-dialog h2 {
    color: rgb(72, 72, 72);
    padding: 0 0 14px 0;
    border-bottom: rgb(0, 0, 0) 1px dotted;
    font-size: 13px;
}

.popup-block.wishlist-item-added-dialog h2 span,
.popup-block.wishlist-item-to-bag-dialog h2 span,
.popup-block.wishlist-item-deleted-dialog h2 span {
    color: rgb(221, 89, 0);
}

.popup-block.wishlist-item-added-dialog .item-info,
.popup-block.wishlist-item-to-bag-dialog .item-info,
.popup-block.wishlist-item-deleted-dialog .item-info {
    overflow: auto;
    margin: 20px 0 0 0;
}

.popup-block.wishlist-item-added-dialog .item-image,
.popup-block.wishlist-item-to-bag-dialog .item-image,
.popup-block.wishlist-item-deleted-dialog .item-image {
    float: left;
    width: 90px;
    height: 110px;
    margin: 0 20px 0 0;
}

.popup-block.wishlist-item-added-dialog .item-image img,
.popup-block.wishlist-item-to-bag-dialog .item-image img,
.popup-block.wishlist-item-deleted-dialog .item-image img {
    width: 100%;
    height: auto;
}

.popup-block.wishlist-item-added-dialog #add-to-wishlist-modal-content,
.popup-block.wishlist-item-to-bag-dialog #add-to-wishlist-modal-content,
.popup-block.wishlist-item-deleted-dialog #add-to-wishlist-modal-content {
    clear: both;
    margin-top: 15px;
}

.popup-block.wishlist-item-added-dialog .item-name,
.popup-block.wishlist-item-to-bag-dialog .item-name,
.popup-block.wishlist-item-deleted-dialog .item-name {
    margin: 10px 0 0 0;
    color: rgb(102, 102, 102);
    font-weight: bold;
}

.popup-block.wishlist-item-added-dialog .item-price,
.popup-block.wishlist-item-to-bag-dialog .item-price,
.popup-block.wishlist-item-deleted-dialog .item-price {
    font: 300 18px 'Lato', sans-serif;
}

.popup-block.wishlist-item-added-dialog a.wishlist-link,
.popup-block.wishlist-item-to-bag-dialog a.wishlist-link,
.popup-block.wishlist-item-deleted-dialog a.wishlist-link,
.popup-block.wishlist-item-deleted-dialog div.wishlist-link {
    float: right;
    font: 300 18px 'Open Sans Condensed', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    padding: 10px 0;
    background: #016EA8;
    color: #fff;
    width: 150px;
    margin: 16px 0 0 0;
    cursor: pointer;
}

.popup-block.wishlist-item-deleted-dialog div.wishlist-link {
    margin: 16px 20px 0 0;
}

/*-------- @RADIUS SEARCH --------*/

#store-locator-stores-image {
    background: url('../../../enterprise/zumiez/images/store-locator-stores.jpg') 0 0 no-repeat;
    width: 960px;
    height: 470px;
}

.storelocator-form-wrap {
    margin-top: 25px;
}

.dialog .storelocator-form-wrap {
    margin-top: 0;
}

.storelocator-form-wrap h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #464646;
    line-height: 1;
    padding: 0 0 16px 0;
    border-bottom: 5px solid #292929;
    margin-bottom: 10px;
}

.storelocator-form-wrap h1 span {
    font-size: 14px;
    color: #b3b3b3;
    display: inline-block;
    margin-left: 30px;
}

.storelocator-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #464646;
    height: 38px;
}

.storelocator-form .col-1 {
    float: left;
}

.storelocator-form .col-2 {
    float: right;
    white-space: nowrap;
}

.storelocator-form input,
.storelocator-form select,
.storelocator-form label {
    float: none;
}

.storelocator-form select {
    min-width: 100px;
}

.storelocator-form .inputs,
.storelocator-form span {
    padding-right: 10px;
}

.storelocator-form .inputs {
    display: inline-block;
}

.storelocator-form .blueBtn,
#radiussearch-multiselect-button.blueBtn {
    font: 600 14px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    padding: 2px 12px;
    min-height: 25px;
    font-size: 14px;
}

#radiussearch-multiselect-button.blueBtn:disabled {
    cursor: default;
    opacity: 0.3;
}

.storelocator-form input[type="text"],
.storelocator-form select {
    background-color: #F2F2F2;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    color: #666666;
    font: 300 14px 'Open Sans Condensed', sans-serif;
    height: 23px;
    padding: 0 4px;
}

.findtable.stores {
    clear: both;
    width: 100%;
    border-top: 1px solid #e0e0e0;
}

.findtable.stores tr td {
    height: 60px;
    vertical-align: middle;
    padding: 0;
    font-size: 12px;
    color: #464646;
}

.findtable.stores td.marker {
    width: 35px;
    padding-right: 14px;
}

.findtable.stores td.marker img {
    display: block;
    margin-top: 12px;
}

.findtable.stores td.marker .storelocator-list-label {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    position: relative;
    text-align: center;
    top: -30px;
    width: 21px;
}

.findtable.stores td.store-name {
    width: 228px;
    padding-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.findtable.stores td.store-name a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.findtable.stores td.store-address {
    width: 354px;
    padding-right: 30px;
    font-family: 'Open Sans', sans-serif;
}

.findtable.stores td.phone {
    width: 112px;
    padding-right: 30px;
    font-family: 'Open Sans', sans-serif;
}

.findtable.stores td.is-snow,
.findtable.stores td.no-snow {
    width: 50px;
}

.findtable.stores td.is-snow,
p.is-snow {
    background: url(../images/icon_snow.png) left center no-repeat;
}

p.is-snow {
    padding: 8px 0 0 30px;
    min-height: 15px;
}

.storelocator-search-index p.is-snow {
    margin-top: 11px;
    color: #464646;
}

.findtable.stores td.is-snow,
.findtable.stores td.no-snow {
    width: 50px;
}

.findtable.stores td.is-snow,
p.is-snow {
    background: url(../images/icon_snow.png) left center no-repeat;
}

p.is-snow {
    padding: 8px 0 0 30px;
    min-height: 15px;
}

.storelocator-search-index p.is-snow {
    margin-top: 11px;
    color: #464646;
}

.findtable.stores td.make-mine {
    width: 161px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #dd5900;
}

.findtable.stores td.make-mine a {
    color: #1570a6;
}

.findtable.stores td.availability {
    width: 161px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.findtable.stores td.availability .available {
    color: #1570a6;
}

.findtable.stores td.availability .limited {
    color: #dd5900;
}

.findtable.stores td.availability .none {
    color: #b3b3b3;
}

.radiussearch-wrapper span.popup-trigger {
    position: relative;
    top: -1px;
}

dt.radiussearch-title {
    background: url("../../../enterprise/zumiez/images/icon-map-marker-pdp2.png") left top no-repeat;
    background-size: 10px 15px;
    color: #dd5916;
    font-size: 12px;
    padding: 0 0 6px 16px;
    text-transform: uppercase;
}

.search_id_help {
    vertical-align: text-bottom;
}

#radiussearch-selected-store .storeHelp {
    position: relative;
    display: inline-block;
}

#radiussearch-selected-store .storeHelp .tooltip-container {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #464646;
    font-size: 12px;
    left: -340px;
    top: -20px;
    width: 330px;
}

#radiussearch-selected-store .storeHelp .tooltip-container:after {
    border: none;
}

#radiussearch-selected-store .storeHelp:hover .tooltip-container {
    visibility: visible;
}

.storelocator-form .label {
    color: #b3b3b3;
}

#radiussearch-search-minimodal .col-1,
#radiussearch-search-minimodal .col-2 {
    float: none;
}

#radiussearch-search-minimodal .col-1 {
    padding: 7px 0 16px 0;
}

#radiussearch-search-minimodal .col-2 input,
#radiussearch-search-minimodal .col-2 .chosen-container-single {
    margin: 0;
}

#radiussearch-search-minimodal .storelocator-form .inputs {
    display: block;
    float: left;
}

#product-attribute-specs-table.data-table td.label,
#product-attribute-specs-table.data-table th.label {
    display: none;
}

#product-attribute-specs-table.data-table tr td {
    border-bottom: none 0;
}

#product-attribute-specs-table.data-table tr.last.even {
    display: none;
}


#radiussearch-store-modal-content .table-wrap {
    max-height: 310px;
    overflow-y: scroll;
    margin-bottom: 15px;
}

#radiussearch-store-modal-content p {
    margin-right: 270px;
    color: #464646;
}

#radiussearch-store-container {
    padding: 30px;
    text-align: center;
}

#radiussearch-store-container p {
    padding: 0;
    text-align: center;
}

#radiussearch-store-container p:first-child {
    margin: 0 0 10px 0;
    padding: 0;
}

#radiussearch-store-container p a {
    color: #1570a6;
}

#radiussearch-store-container ul {
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    color: #535353;
    max-height: 260px;
    overflow-y: scroll;
}

#radiussearch-store-container ul li {
    padding: 2px 0 12px 28px;
    position: relative;
}

#radiussearch-store-container ul li input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
}

#radiussearch-store-container span {
    font-weight: normal;
    font-style: italic;
    color: #828282;
}

#radiussearch-store-container #zumiez-add-to-bag-pickup {
    display: inline-block;
    width: 270px;
    margin: 22px 0 0;
    font: 300 18px 'Open Sans Condensed', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

#radiussearch-store-container #zumiez-add-to-bag-pickup span {
    color: #fff;
    font-style: normal;
    display: inline-block;
    background: url("../../../enterprise/zumiez/images/icon-car.png") left center no-repeat;
    padding: 4px 0 4px 40px;
}

/*-------- @ADD TO BAG MODAL --------*/

.add-success-details {
    float: left;
    padding: 20px 10px 10px 0;
    width: 300px;
}

/*------ @POPUP TIPS -----*/

/* 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;
}

/*-------- EOF -------*/
