#slider_top {
    height: 430px;
    font-size: 32px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index:0
}


.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index:0
}
.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    z-index:0
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
    z-index:0
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    min-width:420px;
}
.rslides {
    margin: 0;
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    color: #fff;
    background: #000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.callbacks_nav {
    position: absolute;
    z-index: 40000;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 104px;
    width: 60px;
    background: transparent url(../image/dresscode_images/nav1.png) no-repeat left top;
    top:0;
    opacity: 0.6;
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .callbacks_nav {
        width:40px;
        height:75px;
        background: transparent url(../image/dresscode_images/nav1_1.png) no-repeat left top;
    }
}

.callbacks_nav:active {
    opacity: 1.0;
}

.callbacks_nav.next {
    background-position: right top;
}

.overlap_widget_wrapper {
    font-family: CarismaRegular, Arial, Helvetica, sans-serif;
    position: relative;
    margin:0 auto;
}
.overlap_widget_wrapper .left_image {
    position: absolute;
    left: 0px;
}
.overlap_widget_wrapper .left_image .placeholder {
    position: absolute;
    left: 0px;
    overflow: hidden;
    height:430px;
}
.overlap_widget_wrapper .left_image img {
    position: absolute;
    left: 0px;
}
.overlap_widget_wrapper .right_image {
    position: absolute;
    right: 0px;
}
.overlap_widget_wrapper .right_image .placeholder {
    position: absolute;
    right: 0px;
    overflow: hidden;
}
.overlap_widget_wrapper .right_image img {
    position: absolute;
    right:0px;
}
.overlap_widget_wrapper .right_image .placeholder, .overlap_widget_wrapper .left_image .placeholder, .overlap_widget_wrapper {
    height: 433px;
    text-align:center;
}

/* end responsiveslides */

#slogan {display:block;clear: both;}
#slogan{
    overflow:hidden;
    margin:28px auto 12px 0;
    text-align:center;
}

#slogan ul {
    font-size:16px;
    line-height:1em;
    background: url("../image/dresscode_images/line.gif") repeat scroll 0 2px transparent
}
#slogan li {
    display:inline-block;
    margin: 0 30px
}
#slogan li a {
    display:block;
    padding:0 10px;
    font-size:16px;
    line-height:16px;
    background-color:#FFFFFF;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

/* Elastislide titles */
.all_slider_wrapper{padding-top: 20px}

.tabs div{
    display:block;
    float:left;
    margin-top:2px
}
.tabs div a,
.box-heading.featured-multi-heading{
    font-size:16px;
    line-height:16px;
    padding:4px 7px;
    text-decoration:none;
    margin-right:5px;
    display: block;
    float:left;
    cursor:pointer;
    color:#000;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase
}
.box-heading.featured-multi-heading{float:none;display:inline-block;margin-bottom: 20px;margin-top: 20px}
.featured_block_multi{}

.tabs div a:hover, .tabs div a.active_slider,
#bestsellers_activate:hover, #newproducts_activate:hover, #specials_activate:hover,
.box-heading.featured-multi-heading{
    background-color:#333333;
    color:#fff;
}

.tabs div a#bestsellers_activate{}
.tabs div span{float:left;padding-top:5px;padding-left:3px;margin-right: 7px}

#newproducts_activate{margin-left: -10px}


#column-left .es-carousel-wrapper {
    position: static;
    margin: 0;
    padding: 0
}
#column-left .container{
    width: auto;
    overflow:hidden;
}

/* Elastislide Style */

.es-carousel-wrapper{
    position:relative;
    margin-left: -10px

}
@media only screen and (max-width: 767px) {
    .es-carousel-wrapper{
        margin-left:0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .es-carousel-wrapper{
        margin-left:0;
    }
}
.es-carousel{
    overflow:hidden;
}
.es-carousel ul li{
    height:100%;
    float:left;
    display:block;
}



.es-carousel ul li .product_img{
    display:block;
}

/* sliders, listings */
#tab-related .product{margin-bottom: 20px}
.product .product-image-wrapper {
    text-align: center;
    position:relative;
    cursor: pointer;
    background-color: #fff ;
    _border:1px solid #f2f2f2;
}

.product .product-image-wrapper .img_border{
    border:1px solid #f2f2f2;
    display: block;
    line-height: 8px
}



.product .product-image-wrapper img {
    margin: 0 auto;
    float:none;
}
.product .product-price {
    font-size:26px;
    line-height:26px
}

.product .product-price{cursor: text}
.product .product-name {
    text-transform:uppercase;
    margin: 4px 0 0;
    margin-left: 8px;
    overflow: hidden;
}
.product .product-name a{text-decoration: none}
.product .product-image-wrapper-hover {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10!important;
    background:url(../image/dresscode_images/bg_black_10.png) repeat;
}
.product .wrapper-hover {
    padding:12px 14px 8px 0;
    background-color:#fff;
    min-height:66px;
    text-align: left;
}

.product:hover .wrapper-hover,
.product:hover .wrapper-hover .product-name a:hover{
    color:#fff;
    text-decoration:none
}
.product .wrapper-hover-hidden {
    padding: 0;margin: 0;
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    height:auto;
    z-index: 99;
    color:#fff;
    background:url(../image/dresscode_images/bg_black_70.png) repeat;
    text-align: left;
}
.wrapper-hover-hidden td{padding:8px 14px;}
.icon_cart_title{
    float:left;
    width:75%
}

.icon_cart_rollover{
    float:right;
    width: 20%;
    margin-bottom: 5px
}


.icon_cart_rollover a, .product-grid .cart a{
    padding: 0;
    margin: 0;
    border: none;
    display:block;
    width:30px ;
    height:24px ;
    float: right;
    background:url(../image/dresscode_images/icon_cart_rollover.png) -30px 0px no-repeat;
    cursor: pointer;
    -webkit-transition: background-position .5s linear;
    -moz-transition: background-position .5s linear;
    -o-transition: background-position .5s linear;
    transition: background-position .5s linear;

}

.icon_cart_rollover a:hover, .product-grid .cart a:hover{
    background-position:0px 0px;
}
#deal .icon_cart_rollover a{background:url(../image/dresscode_images/icon_cart_rollover.png) 0px 0px no-repeat;}


.product .product-price .price{
    font:24px/29px Tahoma,Geneva,sans-serif;
    font-weight: normal;
    margin-left: 8px
}
#deal .product .product-price .price{
    margin-left:0
}

.product .product-price .price .price-old{
    font-size: 18px;
    line-height: 18px;
    text-decoration:line-through
}
.price .price-old{
    text-decoration:line-through ;
    font-weight: normal;
}

.product .product-price .price .price-new{
    color: #FF0000 !important;
    font: 24px/29px Tahoma,Geneva,sans-serif;
}

#deal .product .product-name a,
#deal .product .product-price .price{
    color: #fff;
    text-decoration: none
}
#deal .product .product-image-wrapper {border: none;}
#deal .product .product-name{margin-left: 0}

.product .product-name a:hover,
#deal .product .product-name a:hover{text-decoration: underline}

.wrapper-hover{color: #000}
/*	end listings  */






.es-nav span{
    position:absolute;
    top:-25px;
    right:36px;
    background-image:url(../image/dresscode_images/nav.png);
    background-repeat: no-repeat;
    background-position: top left;
    width:32px;
    height:31px;
    margin-top:-21px;
    text-indent:-9000px;
    cursor:pointer;
    background-color: #D80000
}
.es-nav span.es-nav-next{
    right:0px;
    left:auto;
    background-position:top right;
}
.es-nav span:hover{
    opacity:1.0;
}

/* end Elastislide Style */
.sixteen.columns.alpha > div#newproducts_slider,
.sixteen.columns.alpha > div#specials_slider,
.sixteen.columns.alpha > div#bestsellers_slider{
    display: none;
}

.product-page-content .sixteen.columns.alpha > div{display: block;}

.font_color{color: #fff}


.product_sticker {
    background: url(../image/dresscode_images/sticker_product.png) 0 0 no-repeat;
    display: block;
    height: 64px;
    position: absolute;
    width: 64px;
    z-index: 7;
    display: none;
}



.sticker_onsale_top_left{top:0; left:0; background-position:0 0;}
.sticker_onsale_top_right{top:0; right:0; background-position:-156px 0px;}
.sticker_onsale_bottom_left{bottom:0; left:0; background-position:0px -217px;}
.sticker_onsale_bottom_right{bottom:0; right:0; background-position:-156px -217px;}


.sticker_video_top_right{top:0; right:0; background-position:-376px 0;}
.sticker_video_top_left{top:0; left:0; background-position:-220px 0px;}
.sticker_video_bottom_left{bottom:0; left:0; background-position:-220px -217px;}
.sticker_video_bottom_right{bottom:0; right:0; background-position:-376px -217px;}




.sticker_display_none{ display:none}
.sticker_display{ display: block}

.product-list .sticker_display{ display:none;}

.hide {display: none}


.product-image-wrapper .roll_over_img, .products-list .product-image .roll_over_img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 6;
}

.product .product-image-wrapper .roll_over_img{
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 6;
    text-align: center;
    width:100%;
    margin: 0 auto
}




