/**
* DancePlus Last update - May 19 2015
* Blacknwhite theme - Feel free to add your own css rules here.
* These are css rules that I made to override theme or defaults.
*
* I also made changes to three files....
* /app/design/frontend/blacknwhite/default/template/onepagecheckout/cart/noItems.phtml
* Change made to stop empty cart from linking to cart module maker 
* app/design/frontend/blacknwhite/default/template/newsletter/subscribe.phtml and
* app/design/frontend/blacknwhite/default/template/newsletter/popup_subscribe.phtml
* Change made to replace company name in newsletter subscribe text
* On April 2nd 2015, Changed custom line 242, 564 to not display the add to cart buttons
*/

.body {color: #666;}
a {text-decoration: none; font-weight:500;}
a:hover {text-decoration:underline;}
/* Testing3 */
.padbottom {padding-bottom: 20px;}

.main-container {padding-top: 12px;}

/* Text banners grid layout ========================================================================== */
.grid_6 .grid_3.alpha {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 0;
    float: left;
    box-sizing: border-box;
}
.grid_6 .mini-banners .grid_3.alpha {
    padding-right: 5px;
    padding-left: 0;
}

.grid_6 .grid_3.omega {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 10px;
    float: right;
    box-sizing: border-box;
}

.grid_6 .mini-banners .grid_3.omega {
    padding-right: 0;
    padding-left: 5px;
    float: right;
    box-sizing: border-box;
}

.text-banners {padding-bottom:20px;}
.text-banner {position: relative; font-family: 'Open Sans'}

/* Text banners content new ========================================================================== */
.text-banner .banner-content {
    position: absolute; 
    z-index: 1; 
    text-align: center; 
    width: 100%; 
    color: #000;
    transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    -o-transition: top 400ms ease;
    -webkit-transition: top  400ms ease;
}
.banner-content h2 {font-size: 4.1em; font-weight: 200; line-height: 1.1em; font-family: 'Open Sans'; margin-top: .25em;}
.text-banner .banner-content h3 {font-size: 2.5em; font-weight: 300; font-family: 'Open Sans'; margin-top: .25em; color: #fff;}
.text-banner .banner-content h4 {font-size: 1.2em; font-weight: 400; font-family: 'Open Sans'; text-transform: uppercase; margin-top: .5em;}
.text-banner .banner-content p {
    color: #fff;
    font-family: 'Open Sans';
    font-weight:100;
    font-size: 1.25em;
    line-height: 1.5em;
    width: 94%;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.7); 
    padding: 3%;
    opacity: 0; 
    filter: alpha(opacity=0);
    transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease; 
    -webkit-transition: opacity 400ms ease;
}

.text-banner .banner-content.top-1 {top: 15px;}
.text-banner .banner-content.top-1 h2 {color: #fff; font-size: 2.4em;}
.text-banner .banner-content.top-1 h3 {font-size: 2.2em;}
.text-banner .banner-content.top-1 h4 {margin-bottom: .25em; color: #fff;}
.text-banner .banner-content.bottom {bottom: 0; color: #fff;}
.text-banner:hover .banner-content.top-1 {top: 15px;}
.text-banner:hover .banner-content.bottom p {opacity: 1; filter: alpha(opacity=100); position: relative; bottom: 0; font-weight:100;}
.text-banner .banner-content.top-2 {top: 26%; color: #fff;}
.text-banner .banner-content.top-2 h4 {margin-bottom: .125em; padding: 0 8px 0 8px;}
.text-banner:hover .banner-content.top-2 {top: 10%;}
.text-banner .banner-content.top-3 {top: 36%;}
.text-banner .banner-content.top-3 h3 {color: #fff;}
.text-banner .banner-content.top-3 h4 {margin-bottom: .25em; color: #fff;}
.text-banner:hover .banner-content.top-3 {top: 30%;}
.text-banner .banner-content.top-4 {top: 8%; text-align: right; width: 95%;}
.text-banner .banner-content.top-4 h2 {top: 41%; color: #111;}
.text-banner .banner-content.top-4 h3 {top: 41%; color: #111;}
.text-banner .banner-content.top-4 h4 {top: 41%; color: #111;}
.text-banner:hover .banner-content.top-4 {top: 9%;}

.text-banner .banner-content.skin-3 {top: 15px; color: #fff;}
.text-banner .banner-content.skin-3 h2 {color: #fff; font-size: 2.4em; margin-bottom: 1em;}
.text-banner .banner-content.skin-3 h3 {color: #fff; font-size: 2.2em;}
.text-banner .banner-content.skin-3 h4 {margin-top: .25em;}
.text-banner .banner-content.skin-3 p {color: #fff;}
.text-banner:hover .banner-content.skin-3 {bottom: 0;}
.text-banner:hover .banner-content.skin-3 p {opacity: 1; filter: alpha(opacity=100); position: relative; bottom: 0; font-weight:100;}
.text-banner .banner-content.skin-4 {top: 41%;}
.text-banner .banner-content.skin-4 h3 {top: 41%; color: #fff;}
.text-banner .banner-content.skin-4 h4 {margin-bottom: .25em; color: #fff;}
.text-banner:hover .banner-content.skin-4 {top: 39%;}
.text-banner:hover .banner-content.skin-4 p {opacity: 1; filter: alpha(opacity=100); position: relative; top: 55%;}


/* End of Testing3 */

/* Added after upgrade from B&W theme 1.6 to 1.9.1 */
header#header .topline,
    body.boxed-layout header#header .topline .container_12 {background-color: #06354F;} /* Menu colour */
    .topline .grid_12 {
        border-top-color: #717574;
        border-bottom-color: #717574;
        border-top-width: 0px;
        border-bottom-width: 0px;
    }
    .nav-container li.level-top > a span,
    .nav-container.mobile li.level-top.over > a span,
    .nav-container.mobile li.level-top.active > a span {color: #EEEEEF;}

    .nav-container li.level-top > a:hover span {color: #FFFFFF;} 
    .nav-container li.level-top > a {background-color: #042233;} 
    .nav-container li.level-top.over > a,
    .nav-container li.level-top > a:hover {background-color: #031824;} 
    .nav-container li.level-top.active > a {background-color: #FFFFFF;} 
    .nav-container li.level-top.over > a span,
    .nav-container li.level-top.active > a span{background-color: #042233; color: #ffffff;} 

    .nav-wide#nav-wide li.level-top{ margin-left: 2px;}   

    header#header .links:before {display: inline-block; border-left: solid 1px #dfdfdf; height: 22px; float: left; margin-top: 7px; margin-right: 9px;}


/* End of additions made after upgrade from B&W theme 1.6 to 1.9.1 */

dd>ul>li {margin-bottom: 20px;}
.sp-methods dt {font-weight: 600; margin-bottom: .25em;}
.highlight {font-weight: 600; color: #01508C;}

.product-view .short-description ul a,
.product-view .short-description ol a{color:#01508C;}

/* These changes are because of dads medical crisis, you also need to edit the deliveryzone.css in the blacknwhite css folder .rev_slider_wrapper {padding-bottom: 2.5em !important;} */


.important_info {background-color: #094a6e; color: #fff; text-align: center; font-size: 1em; padding: 0.4% 0; width: 100%; position: relative;}
.important_info a, {color: white;}
.shipping-location {display: none;}
.shipping-location a, .shipping-location a:hover { display: none; }

/* modal help boxes */
.popup-help {width: auto; max-width: 600px; min-width: 315px; height:auto;}
.o-blue-box { border:none; background:#346F89; padding-top: 2%;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}
.i-blue-box { border: none;  background:#FFFFFF; padding:4%; margin-top: 2%; color: #888; font-size: 1.1em;}
.border-blue-box {border:none;-moz-border-radius-topleft: 3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.modal-title span {color: white; font-family: 'Open Sans'; font-weight: 400; font-size: 1.5em; padding-left: 4%;}
.gethelp {font-size: 1.5em; color: #094A6E; padding-right: 5px;}
.popup-help .block-title span {color: #FFFFFF; padding: 4%; font-size: 1.4em;}
/* end of modal help boxes */

.shipping-intro {float: right; font-size: 1.1em; position: relative; top: -10px;}
.ship-sidebar {padding-top: 10px; text-align: center; background-color: #EEE;}
.ship-alt {position: relative; top: -2em;}
.ship-header {font-size: 3em; color: #01508C; font-weight: 600; line-height:1.1em;}
.ship-subheader {vertical-align: baseline; color: #888888; font-weight: 200;}

/* for coupons */
.stitched {
   padding: 20px;
   margin: 10px;
   background: #fff;
   color: #000;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #000;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #eeeeee, 2px 1px 6px 4px rgba(10, 10, 10, 0.3);
   text-shadow: -1px -1px #c5b2b2;
   font-weight: normal;
}

/* to space out the options on the shoe product pages */

.product-options dd .input-box {margin-bottom: 20px; width: 65%;}


p.box-collateral {font-style: italic;}
body {background-color:#FFFFFF;}

.product-view .product-shop .ouravailability.left {min-height: 1px; line-height: 1.583em; color: #094a6e; font-weight: 600; margin: 0 .5em 0 .5em;}

.product-view .product-shop .no-rating-shoes {border-bottom: dotted 1px #ddd; padding-bottom: 1.5em; display: none;}

/* BreadCrumbs */

nav.breadcrumbs {
    margin-top: 1em;
    margin-bottom: 1em;
}

/*====== Widget on home page CSS =======*/
.widget-title {margin-bottom: .75em; margin-top:1em;}


.home-slider-conainer .widget-slider{
    padding-bottom: 2em;
}

/*====== end widget on home page CSS =======*/ 

/*====== Widget on home page CSS =======*/

media="all"
.widget-title {
margin-bottom: 1em;
margin-top: 1.75em;
}

.home-slider-conainer .widget-slider{
    padding-bottom: 2em;
}

/*====== end widget on home page CSS =======*/

/*====== Start Header Slider =======*/

.topline .container_12 {padding-bottom: 0em;}

    .header-slider-container .iosSlider .slider .item h3,
    .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h4,
    .header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h4 {color: #0E1047;}

.header-slider-wrapper {padding-bottom: 0em; padding-top: 0;}

.header-slider-container .iosSlider .slider .item .slide-container {position: absolute; z-index: 9; top: 20%; left: 47%;}
.header-slider-container .iosSlider .slider .item h2 {
    position: relative;
    z-index:9;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 7.333em;
    line-height: 1.15;
    font-weight: 300;
    text-align: left;
    left: -100%;
    float: left;
    clear: both;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -5px;
}

.header-slider-container .iosSlider .slider .item .slide-container.slide-skin h3 {left: auto; right: -100%; font-size: 3.5em; color: #FFFFFF;}

.header-slider-container .iosSlider .slider .item h3 {
    position: relative;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    line-height: 1.2em;
    font-weight: 300;
    text-align: left;
    left: -100%;
    float: left;
    clear: both;
    margin: 0;
    font-size: 4.667em;
    text-transform: uppercase;
    margin-top: -7px;
    margin-left: 1%;
    letter-spacing: -2px;
}


.header-slider-container .iosSlider .slider .item h4 {
    position: relative;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #1A4B8D;
    line-height: 1;
    font-weight: 500;
    text-align: left;
    left: -100%;
    float: left;
    clear: both;
    margin: 0;
    font-size: 2em;
    text-transform: uppercase;
    margin-top: -.25em;
    margin-left: 1%;
    letter-spacing: -1.5px;
}

.header-slider-container .iosSlider .slider .item h5 {
    position: relative;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #1A4B8D;
    line-height:1;
    font-weight: 500;
    text-align: left;
    left: -100%;
    float: left;
    clear: both;
    margin: 0;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-left: 2%;
    letter-spacing: .5px;
}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 {top: 20%; right: 25%; left: auto;}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h2 {margin-right: 0; color: #fff; text-align: center; float: right; margin-top: -2.5%; }
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h3 {
    font-weight: 400;
    color: #fff;
    letter-spacing: -3px;
    float: right;
    font-size: 3em;
    margin-top: -2.5%;
    margin-left: 24%;
    left: auto;
    right: -100%;
}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-2 h4 {margin-right: -.1%; float: right; left: 0; bottom: -100%; color: #1A4B8D;}

.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 {right: auto; top: 20%; left: 20%;}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h2 {letter-spacing: 1px; margin-right: 0; font-size: 8em; color: #fff; left: 0; top: -100%;}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h3 {line-height: 1.2em; font-size: 3em; color: #fff; margin-left: 1%; margin-top: -4%;}
.header-slider-container .iosSlider .slider .item .slide-container.slide-skin-3 h4 {margin-right: 1.2%; float: right; left: 0; bottom: -100%; color: #1A4B8D;}



.header-slider-container .iosSlider .prev:hover i,
.header-slider-container .iosSlider .next:hover i {
        background-color: #094A6E;
        color: #FFFFFF;
    }

/*====== End Header Slider =======*/
/*====== Home Page CSS modifications =======*/
.nav-container li.level-top > a span {
    font-weight: 500;
    font-size: 1em; 
    line-height: 1.5em;
    text-transform: uppercase; 
    display: inline-block; 
    padding: 1.6em 20px;
}
.nav-wide#nav-wide ul.level0 li.level1 span.subtitle {
    font-weight: 300
}

.home-banners {
    padding-top: 1.267em;
}

 button.button span span {
    height: auto;
    background: none;
    border:none;
    line-height: 29px;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: bold; 
    color: #000;
    padding: 0 10px;
}
.products-grid .add-to-links {display: inline-block; vertical-align: bottom; line-height: 1;float: right;padding-right:  10px;}
.products-grid .add-to-links li {display: inline-block; line-height: 1; padding-right: 15px;}


.promo-box-title {border: 2px solid white; position: absolute; top: 0;}


.box-image-container {
  position:relative;
  color:#fff;
}
.box-overlay{
  position:absolute;
  width: calc(54% - 2px);
  background-color: rgba(0,0,0,.75);
  border: 1px solid white;
  left: 23%;
  right: 23%;
  top: 22%;
  padding: 3px;
}
.box-overlay-inner {margin: 1px; border: 2px solid white; padding: 10% 5px 5% 5px;}
.box-headline {font-size: 1.8em; text-align: center; font-family: 'Coustard', serif; margin: 2px; letter-spacing: 0.05em}
.box-subheadline {text-align: center; text-transform: uppercase; font-size: .75em; letter-spacing: 0.2em}
.grid_6 .center_image {position: relative; color: #fff;}
.newcdtable {width: 40%;}
.headline-overlay td{
  position:absolute;
  left: 0px;
  top: 0px;
  padding: 40px 0;
  font-size: 2.1em;
  text-align: left;
}

.headline-lg {font-size: 1.5em;}
.subheadline {font-size: 1.7em;}






/*====== End of Home Page CSS modifications =======*/

/*====== Product Grid/List Modifications =======*/

 .product-container {
    background-color: #F5F5F5;
    padding-top: 1em;
    margin: 0 18px 0 10px;
    
 }

.products-list li.item .product-img-box,
.products-grid li.item .product-img-box {
        background-color: #FFF;
        border-width: 1px;
        border-color: #CCC;
        padding: 15px;
        max-width: 200px;
        max-height: 200px;
        margin-left: auto;
        margin-right: auto;
 }

 .products-grid .product-name {font-weight:normal; max-width: 180px; margin: auto; font-size: 1em; line-height:1;}
 .products-grid .price-box {max-width: 180px; margin: auto; padding: 5px 20px 10px 20px; border-bottom: solid 2px #ccc;}
 .product-buttons {padding-top: 7px;max-width: 240px;margin: auto;}

 .regular-price {font-size: 0.8em;}
 .old-price {padding-top: .0em;}
 .old-price .price {color: #1080FF;}
 .special-price .price {font-size: 1.8em; font-weight: 400;}

/*====== HTML5Audio CSS =======*/
 .play_link {
    position:relative;
    top:2px;
    width:16px;
    height:16px;
    margin-right:3px;
}

.hap_text_link{
    text-decoration: none;
    color:#555555;
}

/* flash audio backup */
.flashAudio {
    position:absolute;
    width:100px;
    height:100px;
    display:none;
}
/*====== End of HTML5Audio =======*/

.label-type-5 span.label-new,
.label-type-5 div.label-sale,
.products-grid.label-type-5 .availability-only,
.products-list.label-type-5 .availability-only{
    line-height: 30px;
    height: 30px;
    padding: 3px 10px 0 24px;
}

  /**** Product Labels ****/
    span.label-new {
        background-color: #2F8CBB;
        color: #FFFFFF;
        position: absolute;
        left: -10px;
        top: -10px;
        height: 40px;
        z-index: 9;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: .91em;
        line-height: 40px;
        font-weight: 700;
    }



.label-type-5 span.label-new:before{
        border-top-color: rgba(120,160,255,.7);
    }
    .label-type-5 span.label-new:after{
        border-bottom-color: rgba(120,160,255,.7);}

    

    div.label-sale {
        top: -10px;
        right: -10px;
    }


/**** Cart ****/
.cart .page-title {margin: 1.5em 0 1.5em 0; border-bottom: solid 4px #eee; padding-bottom: 1.5em;}
.checkout-cart-index .main-container {padding-bottom: 1.5em;}
.checkout-cart-index .iwd-ec-col-main .cart-empty #iwd-emptycart-writeup #buttonwrapper .iwdtrade{
    text-align: left !important;
    font-size: 0.91em!important;
    line-height: 1.45em;
    font-family: inherit;
    color:#ccc!important;
    opacity: 0.5;
    filter: alpha(opacity=100);
    margin-top: 5em;
}
.checkout-cart-index .iwd-ec-col-main .cart-empty #iwd-emptycart-writeup p.writeup{
    margin-top: 2em;
    margin-bottom: 2em;
    font-family: Open Sans, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #666;
    padding-bottom: 1.25em;
}
/**** Header welcome message ****/

header#header .welcome-msg {display: inline-block; vertical-align: middle; margin-bottom: 5px; font-size: 1.1em; color: #AAA; line-height: 1.5em;}
header#header,
body.boxed-layout header#header > .container_12 {background-color: #094a6e;}
/**** Newsletter Popup ****/

.block-subscribe-popup .indent input[type="text"] {
    display: block;
    width: 100%;
    padding: 5px 7px;
    height: 25px;
    border: none;
    background: #fff;
    color: #aaa;
    font-size: .91em;
    margin-bottom: 1.5em;
    margin-top: 1em;
}


.map-container .map-block .indent{
    padding: 1.2em 12px 1.16em 20px;
}



.faq #most_frequently ul li
{
    font-size: 16px;
    line-height:30px;
    font-weight:bold;
    color:#526380;
}

.faq #most_frequently .faq_conent
{
    color:#3A3A3A;
    margin-left: 15px;
    margin-bottom: 25px;
}


/**** Account ****/
header#header .customer-name,
header#header .links li a {
    color: #DDDDDD;
    background-color: #5a95b6;
    padding: .4em 10px .5em 10px;
}
header#header > .container_12 {padding-bottom: .8em;}
header#header .links li {padding: 0 0 0 0px; position: relative; display: block; float: left; font-size:1.2em;}
.top-link-faq {margin: 0 10px 0 10px;}
.top-link-blog {margin: 0 0 0 20px;}
.fa-pencil {padding: 3px 8px 0 1px;}
header#header .simple-list .links li a.top-link-checkout {background-color: #1FBDED; margin: 0 10px 0 0; color: #222222;}


.products-grid li.item .button-holder {position: relative; display: inline-block; vertical-align: middle; padding-right: 15px;padding-left: 10px; padding-bottom: 15px;}

.menu-button{color: #FFF;}

.tracktable td {
    padding: 1px 12px 1px 5px;
    }

.prerelease {
    font-size: 1.1em;
    padding-bottom: 15px;
    font-weight: 600;
}

select, input.input-text,textarea {padding: 0 11px; color: #555; font-size: .91em;}

/* I put a width: 360px; and padding: 22px; but it broke the iphone layout so I took it out (.container_12 .grid_4 {}) */
/* changes made on Aug 28/14 to increase padding around product image and its thumbnails below */
.container_12 .product-img-box {
    background-color: #eeeeee;
    margin-top: 1em;
}

.footer-second-line .container_12 .grid_4 {
    background-color: none;
}

.product-essential{padding-bottom: 1em;}

.product-essential .product-image .img-holder{position: relative; padding: 4%;}
.more-views li { float:left; margin-left:0px; margin-bottom:0.75em; margin-right: 5px; padding:0 4% 1% 4%;}

/* END OF changes made on Aug 28/14 to increase padding around product image and its thumbnails below */

.product-view .product-shop .sku {
    font-size: .91em; 
    color: #aaa; 
    line-height: 1.583em;
    text-transform: uppercase;
    padding: 1em 0 0 .5em;
}

.product-view .product-shop .mysku {
    font-size: .91em; 
    color: #aaa; 
    line-height: 1.783em;
    text-transform: uppercase;
    padding-left: 3px;
    padding-top: 6px;
}

.toolbar {margin: 3em 0;}

.myclearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/*====== CMS page Annual Sale =======*/ 
.social_block_container {width: auto; height:auto;}
.social_block {width: 290px; margin: 0 auto;}
.social_heading {padding: 20px 10px 10px 0; font-size: 1.7em; font-weight: 200;}
.social_block img {padding: 3px;}


/*====== CSS from skin.css that got/gets overwritten during theme upgrade ======*/ 

/*====== Site Bg =======*/ 
body {background-color:#ffffff; }


/*====== Skin Color #1 =======*/ 
.widget-latest li .comments a:hover{color: #01508C;}

a.aw-blog-read-more:hover{background-color: #01508C;}

/*====== Menu Color =======*/  

.topline .grid_12 {
    border-top-color: #717574;
    border-bottom-color: #717574;
    border-top-width: 0px;
    border-bottom-width: 0px;
}
.nav-container li.level-top > a span,
.nav-container.mobile li.level-top.over > a span,
.nav-container.mobile li.level-top.active > a span {color: #EEEEEF;}


.nav-container li.level-top > a {background-color: #042233;} 
.nav-container li.level-top.over > a,
.nav-container li.level-top > a:hover {background-color: #031824;} 
/*.nav-container li.level-top.active > a {background-color: #FFFFFF;} */
.nav-container li.level-top.over > a span {color: #7790AA;}

.product-view .product-shop .price-block {border-bottom: dotted 1px #ddd; padding-bottom: .5em; margin-bottom: 1em; margin-left: .5em;}

.product-view .short-description .std ul{
    padding: 0;
    list-style-type: none;
    list-style-position: inherit;
    margin: 0 0 1.5em 0;
}
.product-view .product-shop .product-name h1 {font-size: 3.333em; line-height: 1.25em; color: #222; font-weight: 400; margin: 0 .3em; letter-spacing: -2px;}
.product-view .product-shop .short-description {font-size: 1.1em; margin: 1.2em 3em 0 1.2em; line-height: 1.6em; padding-bottom: 0; border:0;}
.product-type-block {margin: 2.5em 0 2.5em 1.2em;}

.product-options label {font-weight: normal; font-size: 1em; color: #222;}
.product-options dd select { width: 96%; margin-bottom: 0.1em;}
div.quantity-increase{margin-right: 12px; margin-bottom: 0.75em;}

.product-options {padding: 1em 20px; border: solid 1px #eee;}
.product-options-bottom {border: 1px solid #eee; background-color: #eee; border-top: 0; padding: 1em 20px;}
.replaces-related p {margin:2em;}
.product-custom {padding-top: 2em; padding-bottom: .1em;}

.also-available {padding: 0 0 1em 1.2em;}
.box-collateral p {padding: .5em; font-size: 1.1em;}

aside .block-related .block-content { position: relative; padding-top: 10px; padding-bottom: 10px;}
.block-related .block-title {margin: 1.5em 0 0 0; height: 20px;}

.left-divider,
.right-divider {display: block; /* float: left; */ margin-top: 0.8em; border-bottom: solid 4px #eee;}
.block-related .product{padding: 12px 12px 0 12px;}
.block-related .grid-indent {
    width: 200px;
    padding: 22px 22px 50px 22px;
    border-width: 4px;
    border-style: solid;
    border-color: #eeeeee;
    text-align: center;
    margin: 0px 0px 0px 10px;}
.block-related .product-image {display: block; float: none; margin: 0 0 10px 10px; text-align: center; width: 180px;}
.carousel-ul {width:100%; display:block!important;}
.block-related .product .product-details .price-box {clear: both; float: right; margin: 1em 0;}

/* formatting of dancevision youtube video  */
.dv-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 94%; } 
.dv-video iframe, .dv-video object, .dv-video embed { position: absolute; top: 0; left: 0; width: 94%; height: 94%; }

.lessons td{
    vertical-align:middle;
    background-color:#ffffff;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding: 1px 8px;}

.lessons tr:first-child{
    vertical-align:middle;
    background-color:#ddffee;
    border-width:0px 1px 1px 0px;
    text-align:left;
    line-height: 2em;
    padding: 1px 8px;
    font-size: 1.3em;
    font-weight: 600;
}

/* end of formatting of dancevision youtube video  */

.product-collateral .box-collateral td{
    text-align: left;
    width: auto;
    padding: 2px 10px 2px 0;
}

/*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/


.responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border-radius: 20px;
    border: 1px solid #167F92; }

.responstable  th, .responstable td {
    width:14%;
    text-align: center;
    margin: .5em 1em;  
    }   
.responstable tr:nth-child(even)  td { background-color: #eee; }
.responstable tr {
    border: 1px solid #D9E4E6;
    }
.responstable tr:nth-child(3) {font-weight: 700; font-size: 1.1em;}


.responstable th {
    border: 2px solid #FFF; 
    background-color: #167F92;
    color:  #177E93;
    padding: 0 1em; 
    }

  
.responstable td {
    padding: 1em;
    word-wrap: break-word;
    border-right:  1px solid #D9E4E6;
    
  }

  .responstable td:first-child {font-weight: 700; font-size: 1.1em;}
  .responstable td:nth-child(2) {min-width: 104px;}

/* General styles for responstable*/

.strike-thru {text-decoration: line-through;}
.free {
  font-size: 1.5em; 
  padding: 0 10px 0 10px; 
  background-color: #669966;
  color: white;
}
/* end of RESPONSTABLE 2.0 by jordyvanraaij */

/* start of shoe sizing tables */

.sizing {
    background: #094a6e; 
    margin-bottom: 15px;
    padding: 5%;
    box-shadow:1px 1px 5px #333333;
    border-radius: 2px;
}
.box-collateral .sizing {
    background: white; 
    margin-bottom: 15px;
    text-align: center;
    padding: 5%;
    box-shadow:1px 1px 5px #333333;
    border-radius: 2px;
    max-width: 400px;
}
.box-collateral .sizing_title {
    display: none;
}
.sizing table {background: white; width: 100%;}
.sizing th {width: 33%; padding: 10px; text-align: center;}
.sizing td {width: 33%; padding: 10px; text-align: center;}
.product-collateral .sizing td {text-align: center;}
.sizing h2 {color: white; float: left; line-height: 1.2em;}

/* end of shoe sizing tables */

/* Shadow Box */
.horizontal-curved-shadow {
    position: relative;
    width: 240px;
    height: 160px;
    background-color: #fff;
    border: 1px solid #ccc;
}
 
.horizontal-curved-shadow:before {
    position: absolute;
    z-index: -1;
    content: "";
    -moz-border-radius: 100px / 10px;
    -webkit-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    left: 10px;
    right: 10px;
    top: 50%;
    bottom: 0;
}

/* End of Shadow box */


/* jQuery-Social-Stream */
/* Main styles */
/* Feeds */ 

/* Reset */
.dcsns ul, .dcsns li {
    padding: 0; 
    margin: 0; 
    list-style: none!important;
    background: none;
}

.dcsns {
    background: #E5E5E5;
    border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
    color: #444;
    list-style: none outside none;
    margin: 0;
    padding: 10px 10px 0;
}
.dcsns-content {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 0 5px 0;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
}
.dcsns-loading {
    background: url(../images/loading_light.gif) no-repeat 0 0;
    height: 24px;
    padding: 6px 0 0 30px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.stream p {
    margin: 0;
    padding: 0;
}
.stream li a {
    color: #2DB6E8;
}
.stream li {
    padding: 0;
    position: relative;
    font-size: 11px;
    color: #444;
    background: #fff;
    border: 1px solid #D3D3D3;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    margin-bottom: 4px;
    font-family: Arial, sans-serif;
    line-height: 1.35em;
}
.stream li .inner {
    padding: 10px 10px 0 10px;
    margin: 0;
    position: relative;
    line-height: 1.5em;
}
.stream li .icon {
    position: absolute;
    left: 8px;
    bottom: 5px;
    z-index: 2;
    height: 20px;
}
.stream li .clear {
    clear: both;
}

/* Content blocks */
.stream li .section-intro {
    clear: both;
    display: block;
    font-style: italic;
    padding: 8px 0 5px 35px;
    margin: 0;
    height: 19px;
    color: #fff;
    border-radius: 0 0 5px 5px; 
    -webkit-border-radius: 0 0 5px 5px;  
    -moz-border-radius: 0 0 5px 5px; 
}
.stream li .section-intro a {
    text-decoration: underline;
    margin-right: 3px;
    color: #fff;
}
.stream li .section-title {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 12px;
    color: #f0f0f0;
}
.stream li .section-title a {
    color: #555;
}
.stream li .section-title a:hover {
    color: #2DB6E8;
}
.stream li .section-thumb {
    float: left;
    margin: 0 7px 0 0;
    max-width: 99%;
}
.stream li .section-thumb img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
    max-width: 99%;
}
.stream li .section-text {
    display: block;
    margin-bottom: 3px;
}
.stream li .section-text br {
    display: block;
}
.stream li .section-user {
    clear: both;
    display: block;
    font-style: italic;
    margin: 0 8px 5px 0;
    display: block;
    float: left;
    padding: 5px 0 5px 15px;
    line-height: 12px;
    background: url(../images/profile.png) no-repeat 0 5px;
}
.stream li .meta {
    display: block;
    font-size: 90%;
    color: #999;
}
.stream li .meta span {
    margin: 0 8px 5px 0;
    display: block;
    float: left;
    padding: 0 0 0 15px;
    line-height: 12px;
}
.meta span.shares {
    background: url(../images/shares.png) no-repeat 0 0;
    padding-left: 20px;
}
.meta span.views {
    background: url(../images/views.png) no-repeat 0 0;
    padding-left: 18px;
}
.meta span.likes {
    background: url(../images/likes.png) no-repeat 0 0;
    padding-left: 16px;
}
.meta span.comments {
    background: url(../images/comments.png) no-repeat 0 0;
}
.meta span.users {
    background: url(../images/users.png) no-repeat 0 0;
}
.meta span.videos {
    background: url(../images/videos.png) no-repeat 0 0;
    padding-left: 16px;
}
.stream li .section-meta {
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}
.stream li .meta.item-comments {
    padding: 0 0 0 35px;
    margin: 0 0 5px 0;
    min-height: 30px;
    position: relative;
    clear: both;
    line-height: 1.3em;
}
.stream li .meta.item-comments img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
}
.stream li .meta.item-likes {
    padding: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
    line-height: 1.3em;
}
.stream li .meta.item-likes img {
    float: left;
    margin: 0 5px 5px 0;
    width: 30px;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
}
.stream li.dcsns-error {
    color: #990000;
}
.stream li .section-share {
    display: block;
    margin: 0 0 5px 0;
    padding: 4px 0 0;
    float: right;
}
.stream li .section-share a {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px 0 0;
    background: url(../images/share.png) no-repeat 0 0;
}
.stream li .section-share a.share-twitter {
    background-position: 0 -16px;
}
.stream li .section-share a.share-reply {
    background-position: 0 -32px;
}
.stream li .section-share a.share-retweet {
    background-position: 0 -48px;
}
.stream li .section-share a.share-favorite {
    background-position: 0 -64px;
}
.stream li .section-share a.share-google {
    background-position: 0 -80px;
}
.stream li .section-share a.share-linkedin {
    background-position: 0 -96px;
}
.stream li .section-share a.share-facebook:hover {
    background-position: -16px 0;
}
.stream li .section-share a.share-twitter:hover {
    background-position: -16px -16px;
}
.stream li .section-share a.share-reply:hover {
    background-position: -16px -32px;
}
.stream li .section-share a.share-retweet:hover {
    background-position: -16px -48px;
}
.stream li .section-share a.share-favorite:hover {
    background-position: -16px -64px;
}
.stream li .section-share a.share-google:hover {
    background-position: -16px -80px;
}
.stream li .section-share a.share-linkedin:hover {
    background-position: -16px -96px;
}
.stream li.dcsns-twitter .section-share .share-facebook, .stream li.dcsns-twitter .section-share .share-google, .stream li.dcsns-twitter .section-share .share-linkedin, .stream li.dcsns-twitter .section-share .share-twitter {
    display:none;
}

/* Toolbar */
.dcsns-toolbar {
    padding: 5px 80px 5px 0;
    position: relative;
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
}
/* Filter */
.dcsns .filter {
    padding: 0;
    margin: 0;
}
.dcsns .filter li {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0 2px 0 0;
    height: 24px;
}
.dcsns .filter li a {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    height: 24px;
}
.dcsns .filter li img {
    margin: 0;
    height: 22px;
}
/* Controls */
.dcsns .controls {
    position: absolute;
    right: 0;
    top: 7px;
    height: 22px;
    padding: 0;
    z-index: 12;
}
.dcsns .controls li {
    display: inline;
    background: none;
}
.dcsns .controls a {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 0 0 2px;
    background: url(../images/controls.png) no-repeat 0 0;
}
.dcsns .controls .prev {
    background-position: -44px 0;
}
.dcsns .controls .next {
    background-position: -66px 0;
}
.dcsns .controls .play {
    background-position: 0 0;
}
.dcsns .controls .pause {
    background-position: -22px 0;
}
.dcsns .controls .prev:hover {
    background-position: -44px -22px;
}
.dcsns .controls .next:hover {
    background-position: -66px -22px;
}
.dcsns .controls .play:hover {
    background-position: 0 -22px;
}
.dcsns .controls .pause:hover {
    background-position: -22px -22px;
}

.stream li.dcsns-google .section-intro, .filter .f-google a:hover {
    background-color: #2d2d2d;
}
/* google */
.stream li.dcsns-google .section-title {
    margin-bottom: 5px;
}
.stream li.dcsns-google .meta span.plusones {
    padding-left: 0;
}

/* End of jQuery-Social-Stream */

/* Product Tags modifications to satisfy Google's mobile usability ranking factors*/
.tags-list{margin:0;line-height: 3em;}
.tags-list li {display: inline; padding: 20px;}
.page-sitemap .sitemap li {margin: 1.2em .5em;}
/* end of Product Tags modifications */

/* GRIDRESPONSIVENESS.CSS */
/* To override gridresponsive.css - only put gridresponsive items after this line */

 /* #Desktop - Extra Large
================================================== */
@media only screen and (min-width: 1281px) {
    .box-headline {font-size: 1.7em; text-align: center; font-family: 'Coustard', serif; margin: 2px; letter-spacing: 0.05em;}
    .box-subheadline {text-align: center; text-transform: uppercase; font-size: .75em; letter-spacing: 0.2em}
    
}

/* #Desktop
================================================== */   
@media only screen and (min-width: 978px)  and (max-width: 1280px) {
    .box-headline {font-size: 1.2em; text-align: center; font-family: 'Coustard', serif; margin: 2px; letter-spacing: 0.05em;}
    .box-subheadline {text-align: center; text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; line-height: 1.4em;}
    .headline-overlay {font-size: 1.5em;}
    .headline-lg {font-size: 1.8em;}
    .text-banner h2 {font-size: 4.1em;}

    }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ 
@media only screen and (min-width: 768px) and (max-width: 977px) {

    .text-banner .banner-content.top-2 {top: 20%;}
    .text-banner .banner-content.top-2 h3 {font-size: 2.3em;}
    .text-banner .banner-content.top-3 {top: 36%;}
    .text-banner .banner-content.top-3 h3 {font-size: 2.3em;}
    .text-banner .banner-content h2 {font-size: 3.4em;} 
}


/* -Mobile Phone: Design for a width of 320px Gutter: 10px, Unit: 15px */
@media only screen and (max-width: 767px) {
    
    header#header .nav-container > ul li a span{font-weight: normal; color: black;}
    .nav-container li.level-top.over > a span,
    .nav-container li.level-top.active > a span{background-color: #DDDDDD;} 

    header#header .menu-button {display: block; background-color: #E8EAF1; margin: 0; padding: 0.75em 0; margin-bottom: .75em; color: black;}

    .add-to-cart button.button span span {padding:0 16px;}
    .responstable img {width:80px;}
    .box-headline {font-size: 2.3em; text-align: center; font-family: 'Coustard', serif; margin: 2px;}
    .box-subheadline {text-align: center; text-transform: uppercase; font-size: .8em; letter-spacing: 0.25em}
    .headline-overlay {font-size: 1.3em;}
    .headline-lg {font-size: 1.5em;}

    header#header .welcome-msg {width: 100%;}


    header#header .links li a.top-link-faq {display: none;} 
    header#header .links li.top-link-faq {display: none;}
    header#header .links li a.top-link-blog {display: none;} 
    header#header .links li.top-link-blog {display: none;} 
    header#header .links:before {display: none;}

    .text-banner h2 {font-size: 2.2em;}
    .text-banner .banner-content h2 {margin-top: .125em;}
    .text-banner .banner-content h3 {font-size: 1.4em; margin-top: .1em;}
    .text-banner .banner-content h4 {font-size: .8em; letter-spacing: 3px; margin-top: .5em; margin-bottom: 0.25em;}    
    .text-banner .banner-content.top-1 {top: 0px;}
    .text-banner .banner-content.top-1 h3 {margin-bottom: .3em;}
    .text-banner .banner-content.top-2 {top: 10%;}
    .text-banner .banner-content.top-2 h3 {font-size: 1.6em;}
    .text-banner .banner-content.top-3 {top: 26%;}
    .text-banner .banner-content.top-3 h3 {font-size: 1.6em;}
    .text-banner .banner-content.top-4 {top: 2%;}


   
}
/* End of override of gridresponsive.css  */

/* Start of override of grid_responsive_fluid.css  */

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */
@media only screen and (max-width: 767px) {
    table.data-table td a.product-image img {width: 75px; height: 75px;}
    header#header .top-cart .title-cart i {font-size: 18px!important;}
}


/* End of override of grid_responsive_fluid.css  */