/* cr_custom.css */

/* General Site Styling (Template Changes) */
a, img {
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}
.columns {
    float: left;
    margin: 0 5px;
    position: relative;
    display: table;
}
.columns img {
    width: 100%;
}
.staffpicks .columns {
    margin-bottom: 0;
}
.staffpicks h2 {
    font-family: 'Itc Avant Garde Gothic Std Md';
    font-size: 20px;
    margin: 10px;
    text-align: center;
}
.staffpicks h4 {
    font-family: 'Itc Avant Garde Gothic Std Md';
    font-weight: normal;
    margin: 10px 0;
    text-align: center;
}
.staffpicks h4 span {
    font-family: 'Itc Avant Garde Gothic Std Demi';
}
.staffpicks button {
    left: 54px;
    opacity: 0;
    position: absolute;
    top: 110px;
}
/* .product-promo {
    border: dashed 1px #888;
    border-radius: 4px;
    padding: 6px;
    text-transform: inherit;
    color: #343434;
    line-height: 19px;
} */
.promotional-message {
    text-align: center;
    margin-bottom: 0px;
}
.promotion {
    border: dashed 1px;
    border-radius: 4px;
    padding: 6px;
    text-transform: inherit;
    color: #343434;
    line-height: 19px;
    text-align: center;
    margin-top: 10px;
}

.alert-inner {
    color: black
}
.alert-wrap {
    position: fixed;
    transition: all 300ms ease;
}
.pager {
    position: absolute;
    width: 200px;
    margin-right: -100px;
    text-align: center;
    bottom: 30px;
    right: 165px;
    z-index: 1;
}
.pager a {
    background: transparent url(carousel_control.png?$staticlink$) no-repeat -2px -32px;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
}
.pager a.selected {
    background: transparent url(carousel_control.png?$staticlink$) no-repeat -2px -22px;
    text-decoration: underline;
}
.next {
    bottom: -41px;
    position: absolute;
    right: 0;
    z-index: 3;
}
.next:hover {
    bottom: 0;
}
.prev {
    bottom: -41px;
    left: 0;
    position: absolute;
    z-index: 3;
}
.prev:hover {
    bottom: 0;
}
.hovered {
    bottom: 0;
}
.slider {
    overflow: hidden;
}
.one {
    width: 75px;
}
.two {
    width: 160px;
}
.three {
    width: 245px;
}
.four {
    width: 330px;
}
.five {
    width: 415px;
}
.six {
    width: 500px;
}
.seven {
    width: 585px;
}
.eight {
    width: 670px;
}
.nine {
    width: 755px;
}
.ten {
    width: 840px;
}
.eleven {
    width: 925px;
}
.twelve {
    width: 1010px;
}
.first {
    margin-left: 0;
}
.last {
    margin-right: 0;
}
.btn-white.sm {
    color: #101010;
    font-family: 'Itc Avant Garde Gothic Std Demi';
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    transition: all 200ms ease 0s;
}
.btn-white-bordered.sm,
.btn-black-bordered.sm {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid white;
    color: white;
    font-family: 'Itc Avant Garde Gothic Std Demi';
    font-size: 14px;
    padding: 8px 15px;
    transition: all 200ms ease 0s;
}
.btn-white-bordered.sm:hover {
    background: none repeat scroll 0 0 white;
    color: #101010;
}
.btn-black-bordered.sm {
    border: 2px solid #101010;
    color: #101010;
}
.btn-black-bordered.sm:hover {
    background: none repeat scroll 0 0 black;
    color: #fff;
}
.btn-black {
    border-radius: 0 !important;
}
.btn-black.sm {
    background: none repeat scroll 0 0 #101010;
    color: white;
    font-family: 'Itc Avant Garde Gothic Std Demi';
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    transition: all 200ms ease 0s;
}
.btn-trans.sm {
    background: none repeat scroll 0 0 transparent;
    color: white;
    font-family: 'Itc Avant Garde Gothic Std Demi';
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    padding: 0 15px;
    transition: all 200ms ease 0s;
}
.btn-trans.sm:hover {
    background: none repeat scroll 0 0 white;
    color: #101010;
}
.btn {
    letter-spacing: 0.08em !important;
}
.sm {
    letter-spacing: 1px;
}
.lg {
    font-size: 24px !important;
    height: 50px !important;
    line-height: 24px !important;
    min-width: 170px;
}
.half-top {
    margin-bottom: 10px;
}
.add-bottom {
    margin-bottom: 15px !important;
}
.add-both {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.promo-title {
    display: table-cell;
    position: absolute;
    text-align: center;
}

/*.pt_storefront .promo-title,*/

.category-banner .promo-title {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    vertical-align: middle;
}
.slider .promo-title {
    height: 414px;
}
.promo-title.left {
    left: 0;
}
.promo-title.right {
    right: 0;
}
.promo-title.center {
    left: 0;
    width: 100%;
}
.center-center {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    margin-top: -18px;
    top: 50%;
    text-align: center;
}
.promo-title hr {
    background-color: white;
    border: medium none;
    height: 3px;
    margin: 6px auto 13px;
    width: 60px;
}
.promo-title hr.opp {
    margin: 16px auto 3px;
}
.promo-title h1 {
    color: white;
    font-family: 'ITC Avant Garde Gothic Std Demi',sans-serif;
    font-size: 23px;
    letter-spacing:0.06em;
    font-weight: normal;
    line-height: 24px;
    margin: 0 !important;
}
.promo-title a {
    text-decoration: none !important;
}
.promo-title h2 {
    color: white;
    font-family: 'Itc Avant Garde Gothic Std Demi';
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
}
.promo-title span {
    font-family: 'Itc Avant Garde Gothic Std Md';
    font-weight: normal;
    letter-spacing: 0;
}
.promo-title.dark h1,
.promo-title.dark h2 {
    color: #101010 !important;
}
.promo-title.dark hr {
    background-color: #101010 !important;
}
.mid-half .promo-title h1 {
    font-size: 24px;
}
.promo-title p {
    color: white;
    letter-spacing: 0;
    line-height: 14px;
    margin: 8px 0 10px;
}
.promo-title.dark p {
    color: #101010 !important;
}
.quote h3 {
    border-bottom: medium none;
    font-family: 'Itc Avant Garde Gothic Std Md', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);
}
.quote h2 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
.marker-left,
.marker-right,
.marker-bottom,
.marker-top {
    background: url("images/homepage/marker.png?$staticlink$") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    position: absolute;
    width: 20px;
    z-index: 5;
}
.marker-left {
    left: -20px;
    margin-top: -10px;
    top: 50%;
}
.marker-right {
    margin-top: -10px;
    right: -20px;
    top: 50%;
}
.marker-top {
    left: 50%;
    margin-left: -10px;
    top: -20px;
}
.marker-bottom {
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
}

.footer-bottom {
    padding: 13px 0px;
}
.ui-dialog {
    height: 95%!important;
    overflow: visible
}
.quickview {
    height: auto!important;
    overflow: hidden
}
.quickview .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 5px!important;
}
.attribute-size > span > span {
    float: right;
    text-transform: uppercase!important;
}
.attribute-size > span > span a {
    text-transform: uppercase!important;
}
.attribute-size > span > span img {
    display: none;
}
.attribute-size > span > span:before {
    content: url("sizechart.png?$staticlink$");
}
.mini-cart-link-checkout {
    display: none;
}
div#productSoldOutSignup {
    display: none;
}

.menu-category .dropdown .icon-arrow-up {
    display: none;
}

/* Bonus Product Dialog */
div.ui-dialog {background-color:#FFFFFF; display:block;}
div.ui-dialog div.bonus-product-item{border-bottom:1px solid #000;}
div.ui-dialog div.product-primary-image {width:auto; height:350px; padding-top: 20px;}
div.ui-dialog div.bonus-product-item {width:750px; display:block; clear:both;}
div.ui-dialog div.bonus-product-item li.selected {border:1px solid #000}
div.ui-dialog div.product-col-1 {width:215px; float:left;}
div.ui-dialog div.bonus-product-list-footer{display:block; clear:both;}

button.button-select-bonus, button.add-to-cart-bonus {
    background-color: rgb(0, 0, 0);
    color:#FFFFFF;
    clear: both;
    display: inline;
    float: left;
    margin: 10px 10px 10px 0px;
    padding: 5px 10px;
    border-radius: 2px;
}
button.button-select-bonus:hover, button.add-to-cart-bonus:hover {
    background-color: rgb(255, 255, 255);
    color:#000;
    border: 1px solid #000;
    padding: 4px 9px;
    cursor:pointer;
} 

button.add-to-cart-bonus, button.add-to-cart-bonus:hover { display:block; margin:0 auto; width:100%; padding:1em; margin:1em 0;}


/* -END- General Site Styling (Template Changes) */


/* Marketo Styling Start */

.mktoForm {
    margin-bottom: 20px;
    position: relative;
}
.mktoForm label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-bottom: 7px;
    cursor: pointer;
}
.mktoForm input[type="text"] {
    float: left;
    width: 147px;
    height: 38px;
    padding: 0px 12px 0px;
    border: 1px solid #fff;
    letter-spacing: 1px;
    line-height: 40px;
}
.mktoForm .mktoEmailButton {
    background: none;
    width: 55px;
    height: 40px;
    border: 1px solid #fff;
    border-left: none;
    font-family: 'Itc Avant Garde Gothic Std Demi', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.mktoForm .mktoButton:hover {
    color: #7c7c7c;
}
.mktoForm span.error {
    color: #F00;
    position: absolute;
    top: 67px;
    left: 0px;
}

/* -END- Marketo Styling Start */

/* Page Specific Styling */
/* This is My Creative Recreation */
.timcr,
.onthestreet,
.streetteam {
    color: white;
    cursor: pointer;
    font-family: 'Itc Avant Garde Gothic Std Md';
}
.timcrL {
    float: left;
    font-size: 24px;
    line-height: 28px;
    margin-right: 10px;
    text-align: right;
}
.timcrR {
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin-left: 10px;
    text-align: left;
}
.timcrBAR {
    background-color: white;
    float: left;
    height: 54px;
    width: 3px;
}

/* Street Team */
.stLOGO {
    clear: both;
    margin: 14px auto;
}
.stTOP {
    clear: both;
    font-size: 24px;
    line-height: 28px;
}
.stBOT {
    clear: both;
    font-size: 15px;
    line-height: 18px;
}
.stBAR {
    background-color: white;
    clear: both;
    height: 3px;
    margin: 7px auto;
    width: 54px;
}

*/ On the Street */
.onthestreet {
    margin: 10px;
    text-align: left;
}
.otsBOT {
    clear: both;
    font-size: 24px;
    line-height: 28px;
}
.otsTOP {
    clear: both;
    font-size: 15px;
    line-height: 18px;
}
.otsBAR {
    background-color: white;
    clear: both;
    height: 3px;
    margin: 5px 0;
    width: 54px;
}

/* -END- Page Specific Styling */
.overlay,
.overlaynext {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 200ms ease 0s;
    width: 100%;
}
.ovblack {
    background-color: #000;
}
.ovtrans {
    background-color: transparent;
}
.overlaynext {
    left: 680px;
    width: 330px;
}
.overlay:hover,
.overlaynext:hover {
    opacity: 0.7;
}
.ovtrans:hover {
    opacity: 1;
}
.video-background {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.timcr p,
.timcr h2,
.timcr hr {
    margin-bottom: 10px;
}
.timcr hr,
.campaign hr {
    background-color: black;
    border: medium none;
    height: 3px;
    margin-bottom: 10px;
    text-align: left;
    width: 60px;
}
.timcr i {
    text-align: center;
    width: 20px;
}
.timcr a {
    color: black;
}
.timcr a:hover {} .timcr .sociallinks {
    margin: 20px 0;
}
.campaign .title {
    bottom: 30px;
    color: white;
    position: absolute;
    right: 30px;
    width: 215px;
}
.campaign .title h2 {
    color: white;
}
#carousel {
    height: 450px !important;
    overflow: hidden;
}
.st-bigtitle h1 {
    float: right;
    font-size: 40px;
    font-style: italic;
    line-height: 42px;
    padding-right: 15px;
    text-align: right;
}
.st-form-row {
    clear: both;
    float: left;
    margin-bottom: 20px;
}
.st-form-input {
    border: 1px solid black;
    border-radius: 3px;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 13px;
    margin: 0;
    padding: 6px 0;
    text-indent: 6px;
    width: 100%;
}
.st-title {
    margin: 10px auto 0;
    text-align: center;
}
.st-title h1 {
    font-family: Itc Avant Garde Gothic Std Demi;
    font-size: 40px;
    letter-spacing: 9px;
}
.st-title h2 {
    font-size: 20px;
    letter-spacing: 1px;
}
.st-bigspace {
    height: 40px;
    width: 100%;
}
.st-strong {
    font-family: 'Itc Avant Garde Gothic Std Demi';
}
.alert-wrap {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.alert-inner {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    left: 50%;
    margin: -90px 0 0 -190px;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 340px;
}
.clickable {
    cursor: pointer;
}
.row {
    margin-bottom: 10px;
    position: relative;
}
.clear {
    position: relative;
}
.row:before,
.row:after,
.clear:before,
.clear:after {
    content: " ";
    display: table;
}
.row:after,
.clear:after {
    clear: both;
}
.category-banner {
    width: 100%;
    max-width: 760px;
    height: 90px;
    float: right;
    display: table;
    color: #FFFFFF;
    -webkit-background-size: cover;
    margin-bottom: 10px;
}
.category-banner-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
}
.category-banner-text hr {
    background-color: white;
    border: medium none;
    height: 3px;
    margin: 6px auto 13px;
}
/* Quickview hide title */

.product-text.responsive.container {
    display: none;
}
.footer-col a {
    color: #fff;
}
div.recommendations.cross-sell.section.section-products-more div.shell ul li:nth-child(7),
div.recommendations.cross-sell.section.section-products-more div.shell ul li:nth-child(8),
div.recommendations.cross-sell.section.section-products-more div.shell ul li:nth-child(9),
div.recommendations.cross-sell.section.section-products-more div.shell ul li:nth-child(10),
div.recommendations.cross-sell.section.section-products-more div.shell ul li:nth-child(11){
    display: none;
}

#bv-review-container {
    clear: both!important;
}
a.view-all {
    font-family: "Itc Avant Garde Gothic Std Demi", sans-serif;
}
.video-icon {
    display: none;
}
/* Removes Video Icons on Category Pages */

#backtotop {
    cursor: pointer;
    z-index: 100;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -43px;
}
/* Learn More Btn */

span.learnMoreSpan {
    background-color: rgb(0, 0, 0);
    clear: both;
    display: inline;
    float: left;
    margin: 10px 10px 10px 0px;
    padding: 5px 10px;
    border-radius: 2px;
}
span.learnMoreSpan:hover {
    background-color: rgb(255, 255, 255);
    border: 1px solid #000;
    padding: 4px 9px;
}
span.learnMoreSpan:hover a {
    color: #000;
}
a.learnMoreBtn {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    display: block;
}
a.learnMoreBtn:hover {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
.footer-bottom {
    padding: 13px 0px;
}
div.divider:nth-child(2),
a.btn:nth-child(3) {
    display: none;
}
/* Facebook Login Button */
/* SIZE CHART*/

.ui-dialog {
    width: auto!important;
    background: transparent;
    border: none;
    padding-top: 20px
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.8;
}
.ui-dialog .ui-dialog-title {
    display: none
}
.ui-dialog .ui-dialog-content {
    overflow: visible!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: -10px;
    width: 30px;
    margin: 0;
    padding: 0px;
    height: 30px;
    z-index: 99;
    background: url('images/cr_close.png?$staticlink$') center center no-repeat;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0px
}
.ui-dialog .ui-dialog-titlebar-close:before {
    content: "";
    color: #000;
}
#dialog-container h1 {
    display: none
}
#QuickViewDialog .pdp-main {
    background-color: white;
    padding: 0px 20px;
}
.ui-dialog {
    height: 95%!important;
    overflow: visible
}
.quickview {
    height: auto!important;
    overflow: hidden
}
.quickview .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 5px!important;
}
.attribute-size > span > span {
    float: right;
    text-transform: uppercase!important;
}
.attribute-size > span > span a {
    text-transform: uppercase!important;
}
.attribute-size > span > span img {
    display: none;
}
.attribute-size > span > span:before {
    content: url("sizechart.png");
}
table#footwear-sizing-chart {
    color: #000000;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    border: 0;
}
.table-caption {
    background-color: #CBCBCB;
    text-align: center;
    padding: 14px 22px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Itc Avant Garde Gothic Std Demi', sans-serif;
}
table#footwear-sizing-chart {
    padding: 0;
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
}
table#footwear-sizing-chart th {
    background-color: #DDD;
    text-align: center;
    font-size: 18px;
    padding: 6px;
    vertical-align: middle;
    font-family: 'Itc Avant Garde Gothic Std Demi', sans-serif;
}
table#footwear-sizing-chart tr {
    margin: 0;
    border-bottom: #E5E5E5 1px solid;
}
table#footwear-sizing-chart td {
    font-size: 12px;
    padding: 2px;
    width: 60px;
    font-family: 'Itc Avant Garde Gothic Std Bk', sans-serif;
}
table#footwear-sizing-chart tr:last-child,
table#footwear-sizing-chart tr:first-child {
    border-bottom: 1px solid white;
}
table#footwear-sizing-chart tr.first td {
    padding-top: 10px;
}
.size-table-wrap {
    width: auto;
    margin: 0px auto 10px auto;
    background: white;
    padding-bottom: 10px;
}
.size-table {
    margin: 0px auto;
}

/* -END- Sizing Chart */

/* Summer 2015 Nav Start */
#hoverFix:hover {opacity:.8!important; background-color:#000; color:#FFF;}
.menu-category .dropdown-promo{width:380px;}
#div_old > div:nth-child(1) > a:nth-child(1) > img:nth-child(1){position: absolute;}
.menu-category .dropdown-inner {background-color: rgba(255,255,255,0.9);}
li.last:nth-child(2){margin-top:0!important;}
@media all and (max-width:1010px){#div_old{display:none;} .menu-category .dropdown-promo {width: 170px;}}

/* Summer 2015 Nav End */


/* Begin Fixes You Might Like */

.section-products-more .product-content {
    padding-top: 0px;
}
.product-tile .product-image.recommendation_image {
    margin: 0px auto 0px auto;
}
/* End Fixes You Might Like */

/* MOBILE STYLeS */
@media all and (min-width:1030px) {
    .menu-category > li > a:hover {
        text-decoration: none;
        border-bottom: 2px solid rgb(0, 0, 0);
        padding-bottom: 7px;
        transition: none 0s ease 0s;
    }
    li.last:nth-child(2) > a:nth-child(1){
        font-family: 'Itc Avant Garde Gothic Std Bk',sans-serif!important; 
        font-size: 12px; 
        line-height: 1.79;
    }
}

@media all and (max-width: 800px) {
    #secondary {
        display: none;
    }
    *.hide {
        display: none;
    }
    .show {
        display: block!important;
    }
    .twelve {
        width: 100%;
        height: auto;
    }
    .content-image {
        padding-bottom: 10px;
    }
    .instagram-feed-body {
        display: none;
    }
}

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
       #secondary {
        display: none;
    }    
}