@import url(http://fonts.googleapis.com/css?family=Raleway:400,800);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 1em;
font: inherit;
vertical-align: top;
font-family: Helvetica, Arial, sans-serif;
font-family: 'Raleway', sans-serif;
}

/* Icon Font */
@font-face {
       font-family: 'entypo';
               src:url('http://cdn.www.bluefly.com/media/fonts/BlueflyIconFonts.eot?v7');
               src:url('http://cdn.www.bluefly.com/media/fonts/BlueflyIconFonts.eot?#iefix&v7') format('embedded-opentype'),
                 url('http://cdn.www.bluefly.com/media/fonts/BlueflyIconFonts.woff?v7') format('woff'),
                 url('http://cdn.www.bluefly.com/media/fonts/BlueflyIconFonts.ttf?v7') format('truetype'),
                 url('http://cdn.www.bluefly.com/media/fonts/BlueflyIconFonts.svg#entypo?v7') format('svg');
       font-weight: normal;
       font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
       font-family: 'entypo';
       content: attr(data-icon);
       speak: none;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
       -webkit-font-smoothing: antialiased;
}

a.global-navigation {
    display: block;
    width: 42px;
    height: 42px;
    background: transparent none;
}

a.global-navigation:after {
    content: "\f0c9";
    font-size: 17px;
    line-height: 14px;
    margin: 0px 0px 0px 6px;
    font-family: entypo;
    display: inline-block;
    color: white;
    -webkit-transition: all .2s ease-in-out;
    position: relative;
    top: 14px;
    left: 6px;
}

a.header-search-link {
    background: transparent none;
}

.header-bag-container.bag-default a.header-bag-link {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 16px;
    text-shadow: 1px 1px 1px darkorange;
    color: white;
    font-size: 9px;
    text-decoration: none;
    top: 4px;
    right: 4px;
    padding:0;
    border: 1px solid darkorange;
    background-color: darkorange;
    background-image: -webkit-gradient(linear, left top, left bottom, from(orange), to(darkorange));
    background-image: -webkit-linear-gradient(top, orange, darkorange);
    background-image: -moz-linear-gradient(top, orange, darkorange);
    background-image: -o-linear-gradient(top, orange, darkorange);
    background-image: linear-gradient(to bottom, orange, darkorange);
    text-align: center;
    border-radius: 50%;
}

a.header-search-link:after {
    content: "\e00f";
    font-size: 24px;
    line-height: 14px;
    margin: 0px 0px 0px 6px;
    font-family: entypo;
    display: inline-block;
    color: white;
    -webkit-transition: all .2s ease-in-out;
    position: relative;
    top: 15px;
    left: 3px;
}

.header-title-container {
    top: 0;
    width: 173px;
    height: 35px;/*height: 27px;*/
    position: relative;
    margin: 0 auto;
}

a.header-home-page-link {
    display: block;
    width: 173px;
    height: 27px;
    margin: 7px 0 0 0;
    padding-top: 0px;
    padding-bottom: 0px;
    background:transparent url("http://cdn.media.bluefly.com/media/templates/images/mobile/bluefly_logo_new.svg") no-repeat center center;
    background-image:url("http://cdn.media.bluefly.com/media/templates/images/mobile/bluefly_logo_new.png")\9;
    background:transparent\9;
    background-repeat:no-repeat\9;
    background-position:center\9;
    background-size:95%;
}

.global-nav-navigation .content-link:active {
    color:#5FB8E7;
    text-shadow:0px 0px 20px #5FB8E7;
}

#global_navigation {
    background-color: #191923;
}

.global-nav-navigation .accordion-header.secondary {
    background-color: #191923;
}

.global-navigation-container {
    background-color: #191923 !important;
}

.global-nav-navigation .accordion-header.secondary {
    background-color: #191923 !important;
}

.global-nav-navigation {
    background-color: #191923 !important;
}

.global-nav-navigation:before {
    content: "";
    background: #0D1217;
    width: 100%;
    height: 1px;
    position: absolute;
}

.new-header {
    background-color: #191923;
}

/*div.search_input,input.search_box {
    background-color: #191923;
    border-top: 1px solid #0D1217;
}*/

.filter-select-container .filter-label,.filter-select-container .designer-filter-label {
    background-color: #191923;
}

.email-container input {
    padding-left: 14%;
}

/*form.search {
    margin: 8px 0 0 0;
    padding: 10px;
    background: #191923;
    height: 35px;
    border-top: none;
}

input.search_box {
    height: 35px;
    padding: 0 0 0 10px;
    background: white;
    color: black;
    border: none;
}*/

.white_search_button {
    background: transparent;
}

div.search_input input.search_button {
    background-color: transparent;
}

/*div.search_input {
    background-color: #fff;
    height: 35px;
    border-radius: 18px;
    border: none;
}*/

.ac_results li {
color: rgba(255,255,255,0.2);
}

.ac_results ul li strong {
color: white;
}

/*Email Aqu Fixed*/

/*Global promo message*/

a.global-promotion-container {
    width:100%;
    display:block;
    color:black;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAK0lEQVQIW2P8DwQMUHDv3j0GRpgAiKOkpAQRAHGUlZXBbMa7d+/+B8nAAAAjbhyPNoKN6QAAAABJRU5ErkJggg==) repeat;
    padding:15px 0;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:13px;
    border-bottom:1px solid #ccc;
}

a.global-promotion-container .copy {
    position:relative;
    top:1px;
    color:#666;
}

a.global-promotion-container .bold {
    font-weight:bold;
    font-size:14px;
}

a.global-promotion-container .cta {
    text-decoration:underline;
    font-size:11px;
    position:relative;
    top:3px;
    font-style:italic;
}

.more-details-overlay {
width:100%;
height:100%;
position:absolute;
background:white;
left:0;
top:0;
z-index:99999;
display:none;
}

.close-more-details {
background:transparent;
position:absolute;
right:20px; top:20px;
border:none;
width:32px; height:32px;
padding:0; margin:0;
}

.more-details-container {
width:70%;
margin:auto;
padding:100px 0 0 0;
}

.more-details-container h1 {
font:22px/24px Georgia,serif;
padding:0 0 1em 0;
}

.more-details-container p {
font:14px/20px Helvetica,Arial,san-serif;
}

/************* Dept Landing Page ************************/
.lp-slot-top-margin { margin-top: 15px; }
.lp-featured-slot { width:100%; clear: both; }
/* .lp-wrapper  { width:800px; } */
.lp-wrapper img { border: none; }
.lp-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lp-wrapper h2 { color:#000; text-align:left; font-family:Georgia, Arial; }
.lp-featured-slot ul.lp-main-list { list-style-type: none; margin: 0 !important; padding: 0 !important; margin-top: 2% !important; overflow:hidden; }
.lp-featured-slot ul li { float: left; width: 32%; text-align: center; border: solid 1px #ccc; margin: 0% 2% 2% 0 !important; padding: 0 !important; position:relative; font-family: Helvetica, Arial, sans-serif;  }
.lp-featured-slot ul li:hover { box-shadow: 0px 2px 4px rgba(0,0,0,.1); }
.lp-featured-slot ul li:nth-child(3n) { margin-right: 0% !important; }
.lp-slot-item-image-container img, .lp-hero-image img { width: 100%; vertical-align: middle; }
.lp-slot-item-actions { text-align:center; width:100%; }
.lp-slot-item-actions a { color:#000 !important; margin:7px 0px; font-size:13px; text-decoration:none; padding:7px; display:inline-block; text-transform:capitalize; }
.lp-slot-item-actions a:visited, .lp-slot-item-actions a:active { color:#000 !important; }
.lp-slot-item-actions a:hover { text-decoration:underline; }

/* Mobile Layout */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.lp-featured-slot ul li  { width: 49%; margin: 0% 2% 2% 0 !important; }
	.lp-featured-slot ul li:nth-child(odd) { margin-right: 2% !important; }
	.lp-featured-slot ul li:nth-child(even) { margin-right: 0% !important; }
	#departmentLeftNaviContainer {display:none;}
}

/* Start Categories [ Not In Use ] */

.lp-cat-slot { clear:both; overflow:hidden; }
.lp-cat-slot h4 { text-align:left; font-style:italic; font-size:2em; color:#000; text-transform:uppercase; margin-bottom:8px; font-family: Georgia, Times, "Times New Roman", serif; font-weight:normal; }
.lp-cat-list { list-style-type: none; margin: 0 !important; padding: 0 !important; }
.lp-cat-list li { float: left; margin:0 2.66% 2% 0 !important; padding:0 !important; width:23%; }
.lp-cat-list li:nth-child(4n) { margin-right:0 !important; }
.lp-cat-list li img { border:solid 1px #ccc; }
.lp-cat-list li a { color:#000; text-decoration:none; }
.lp-cat-list li a:hover { color:#000; text-decoration:none; }
.lp-cat-list li a:visited, .lp-cat-list li a:active { color:#000; text-decoration:none; }
.lp-cat-list li div { padding-top:10px; text-align: center !important; }
.lp-cat-list li span { font-size:13px; font-style:italic; text-transform:uppercase; font-weight:normal; }

/* End Categories [ Not In Use ] */
/************* End Dept Landing Page ************************/

/*  Lookbook  */
.lookbook-wrapper { width:100%; }
.lookbook-item { margin:0; padding:0; zoom:1; }
.lookbook-item img { max-width:100%; }
.lookbook-item img.lazy { display:none; }
/*  End Lookbook  */