/*
***********************************************
global body properties - begin
***********************************************
*/

body {
	background-color: #ffffff;
	background:url('../templates/images/topnav/page_greyground.gif') repeat-y center center !important;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #656565;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#listPage, #home, #sale, #newArrivals, #prodDetailPage, #custom, #designers, #container, #outfitDetail, #mainPage, #listProductContent, #productDetail {
    width: 859px !important;
    padding: 0px;
    text-align: left;
    margin: 0 auto;
    border: 0;
}

a:link {
    color: #7b8ca1;
    text-decoration: none;
}

a:hover {
    color: #751F39;
    text-decoration: none;
}

a:visited, a:active {
    color: #7b8ca1;
    text-decoration: none;
}

a img {
    border: 0;
}

.input {
    padding: 1px 0;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 120px;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.input-promo {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/*
***********************************************
global body properties - end
***********************************************
*/

/*
***********************************************
top navi - begin
***********************************************
*/

#BflyTopNav {
    width: 859px;
    padding: 0;
    margin: 0 0 4px 0;
    position: relative;
}

#BflyTopNavWelcome {
    text-align: right;
    text-indent: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #336699;
    float: left;
    padding-top: 6px;
}

#BflyTopNavWelcome a:link, .welcomeNote a:visited, .welcomeNote a:active {
    color: #336699;
    text-decoration: underline;
}

#BflyTopNavAccount {
    font-family: Helvetica, Arial, sans-serif;
    color: #336699;
    font-size: 11px;
    text-align: right;
    padding-top: 6px;
    position: absolute;
}

#TOPNAVACCOUNT {
    border-bottom: 1px dashed #ccc;
    margin:0 0 0 0;
    padding:1px 0 2px 0;
    position: absolute;
    width:100%;}
}

.shoppingbag {
    font-family: Arial, Verdana, sans-serif;
    color: #7192b6;
    font-size: 9px;
}

.BflyTopNavHR {
    padding-top: 2px;
    padding-bottom: 2px;
}

div#topnavBfly {
   position:relative;
   width:859px;
   margin:0 auto;
}

#navWelcome {
   color:#336699;
   float:left;
   font-family:Helvetica,Arial,sans-serif;
   font-size:11px;
   margin:0pt;
   padding:2px 3px;
   position:absolute;
   text-align:right;
}

#navWelcome a {
   text-decoration:underline;
   color:#336699;
}

div#BflyTopNavAccount {
   border-bottom: 1px dashed #ccc;
   margin:0 0 0 0;
   padding:1px 0 2px 0;
   position: relative;
   width:100%;
}

div#topnavRow1 {
    height: 20px;
    width: 859px;
    margin-top:10px;
    position: relative;
    border-bottom: 1px solid #2382C4;
}

div#topnavRow2 {
	height:80px;
	background-color: #56A1D5;
    width: 859px;
    position: relative;
}

div#topnavRow3 {
    height:26px;
    width: 859px;
    position: relative;
    background-color: #d1d1d1;
}

div#navLogo a {
   position: absolute;
   left: 0px;
   bottom: 10px;
   margin-left:  15px;
   padding: 64px 0 0px 0;
   overflow: hidden;
   background:url('/media/templates/images/topnav/bluefly_blue_navi_logo.gif') no-repeat;
   height: 0px !important;
   height /**/: 64px;
   font-size: 14px;
}

div#navSearch {
   position: absolute;
   bottom: 10px;
   right: 100px;
   vertical-align: middle;
}

div#hackerSafe {
   position:absolute;
   bottom:10px;
   right:10px;
   margin:0;
   padding:0;
}

#navSearch input, select{
   font-weight: bold;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #333;
   color: #666666;
}

/* accountNav */
#navAccount {
   width:335px;
   height: 15px;
   text-align:center;
   position: absolute;
   right:113px;
   margin: 3px 0 0 0;
   padding:0;
}

/*increase right value to move left */
#navAccount[id] {
   width:335px;
   padding:0;
}
#navAccount li {
   float:left;
   list-style-type:none;
   padding:0;
   margin:0 auto;
}

#navAccount li a {
   margin-top:0;
   padding:0;
   display:block;
   height:15px;
   background:url(../templates/images/topnav/tn_util_new.png) no-repeat 0 0;
   text-indent:-9009px;
   overflow: hidden;
}

/* accountNav links */
li#navHome a {
   width:36px;
   background-position:0 0px;
}
li#navFlypaper a {
   width:64px;
   background-position:-36px 0px;
}
li#navFlyTV a {
   width:47px;
   background-position:-100px 0px;
}
li#navCS a {
   width:107px;
   background-position:-147px 0px;
}
li#navMyaccount a {
   width:81px;
   background-position:-254px 0px;
}

/* accountNav hover */
li#navHome a:hover {
   background-position:0 -13px;
}
li#navFlypaper a:hover {
   background-position:-36px -13px;
}
li#navFlyTV a:hover {
   background-position:-100px -13px;
}
li#navCS a:hover {
   background-position:-147px -13px;
}
li#navMyaccount a:hover {
   background-position:-254px -13px;
}

/* Shopping Bag */
#navShopBag {
   width: 90px;
   height: 13px;
   background: url( '../templates/images/topnav/tn_shopbag.png' ) 0 -90px no-repeat;
   padding:0;
   margin:3px 6px 0 0;
   position: absolute;
   right:15px; /*increase right value to move left */
}

#navShopBagFull {
    width: 90px;
   height: 13px;
    background: url( '../templates/images/topnav/tn_shopbag.png' ) 0 -90px no-repeat;
    padding:0;
   margin:3px 6px 0 0;
   position: absolute;
   right:15px; /*increase right value to move left */
}
#navShopBag a {
    display: block;
    width:90px;
   height: 13px;
    overflow:hidden;
    background: url( '../templates/images/topnav/tn_shopbag.png' ) top left no-repeat;
    margin: 0;
}

#navShopBagFull a {
    display: block;
    width:90px;
   height: 13px;
    overflow:hidden;
    background: url( '../templates/images/topnav/tn_shopbag.png' ) top left no-repeat;
    margin: 0;  background-position:0 -13px;
}

#textShopBag {
   display: none;
   margin:0;
   padding:0;
}

#navShopBag a:hover {
   background-position:0 -13px;
}

#textShopQty {
background-color:#FFFFFF;
color:#751F39;
float:right;
font-size:10px;
line-height:100%;
margin:3px 0pt 0pt;
padding:0px 0pt 0pt;
position:relative;
z-index:1;
}

/* sitenav setup */
#siteNav {
    width:857px;
    height:26px;
    text-align:center;
	border-top:1px solid #81B7E1;
	border-left:1px solid #2382c4;
	border-right:1px solid #2382c4;
    border-bottom:1px solid #2382c4;
    background-color:#2382C4;
    position: relative;
    margin:0;
    padding:0;
}

#siteNav[id] {
    width:857px;
    left:0;
	top:0;
}

#siteNav li {
    float:left;
    list-style-type:none;
    margin:0 auto;
}

#siteNav li a {
    margin:0;
    padding:0;
    display:block;
    height:26px;
    background:url(../templates/images/topnav/top_navi_trends.png) no-repeat 0 0;
    text-indent:-9009px;
    position:relative;
    overflow:hidden;
}

#siteNav[id] li a {
    left:0px;
}

/* individual nav items */
li#navwom a {
    width:83px;
    background-position:0px 0;
}

li#navsho a {
    width:74px;
    background-position:-83px 0;
}

li#navhba a {
    width:204px;
    background-position:-157px 0;
}

li#navmen a {
   width:64px;
   background-position:-361px 0;
   }

li#navhou a {
   width:76px;
   background-position:-425px 0;
   }

li#navnew a {
   width:122px;
   background-position:-501px 0;
   }

li#navsal a {
   width:62px;
   background-position:-623px 0;
   }

li#navdes a {
   width:98px;
   background-position:-685px 0;
   }

li#navbfl a {
   width:76px;
   background-position:-783px 0;
   margin-right:-40px;
   }

li#navbfl {
   margin-right:-40px;
   }

/* hover */
li#navwom a:hover {
   background-position:0 -21px;
   }

li#navsho a:hover {
   background-position:-83px -21px;
   }

li#navhba a:hover {
   background-position:-157px -21px;
   }

li#navmen a:hover {
   background-position:-361px -21px;
   }

li#navhou a:hover {
   background-position:-425px -21px;
   }

li#navnew a:hover {
   background-position:-501px -21px;
   }

li#navsal a:hover {
   background-position:-623px -21px;
   }

li#navdes a:hover {
   background-position:-685px -21px;
   }

li#navbfl a:hover {
   background-position:-783px -21px;
   }

#globalHeader {
   width: 859px;
   margin-bottom: 5px;
   padding:0px;
}

/*
***********************************************
TOP NAVI - END
***********************************************
*/

/*
***********************************************
BOTTOM NAVI - BEGIN
***********************************************
*/
div#footerBfly {
   position:relative;
   width:859px;
   height:200px;
   border-top: 1px dashed #ccc;
   margin:0px auto;
}

div#footerBfly ul {
      margin:0 0 10px 0;
      padding-left:15px;
      line-height: 160%;
}

div#footerBfly ul li {
      list-style-type:none;
      margin:0;
      padding:0;
      text-align:left;
}

Div#emailWidget {
   position: absolute;
   width:220px;left:0px;
   top:0px;
   border-right: 1px solid #ccc;
   padding-right: 7px;
   height:50px;
   margin-top: 10px;
}

div#footerCol2 {
   position: absolute;
   width:175px;
   left:220px;
   top:0px;
   border-right: 1px solid #ccc;
   margin-top: 10px;
}

div#footerCol3{
   position: absolute;
   width:135px;
   left:395px;
   top:0px;
   border-right: 1px solid #ccc;
   margin-top: 10px;
}
div#footerCol4{
   position: absolute;
   width:170px;
   left:530px;
   top:0px;
   border-right: 1px solid #ccc;
   margin-top: 10px;
}

div#footerCol5{
   position: absolute;
   width:150px;
   left:700px;
   top:0px;
   margin-top: 10px;
}
div#footerLegal{
   position: relative;
   width:859px;
   text-align:center;
   top:80px;
}
div#emailText, #email, #confirm, #emailImg {
   float:left;
}

#footerBfly label {
   color: #969ba8;
   font-weight: bold;
   font-size: 10px;
   float: left;
}

div#Footer1 {
    width: 859px;
    padding: 0 0 0 0;
    margin: 6px 0 0 0;
    float: left;
}

#BflyFooter {
    width: 100%;
    padding: 0 0 0 0;
    text-align: left;
    color: #7b8ca1;
    font-size: 12px;
    font-weight: normal;
    line-height: 160%;
}

.BflyfooterTextSmall {
    font-size: 10px;
    line-height: 140%;
}

/*
Email Subscribe Footer Properties
*/

#subscribe {
   padding: 0;
   margin: 0;
}

.subscribeInput {
   padding: 2px 0;
   color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 150px;
   font-weight: bold;
   float: left;
   text-transform: lowercase;
}

#subscribe label {
   width: 80px;
   color: #969ba8;
   text-align: right;
   font-weight: bold;
   font-size: 10px;
   padding-right: 10px;
   float: left;
}

#confirm {
   display: none;
}

#confirm br {
   clear: left;
}

div#emailWidget {
   position:absolute;
   border-right:1px solid #CCCCCC;
   width:220px;
   height:65px;  /*javascript:SetCmd(cmdSend);
Send*/
   margin-top:10px;
   padding-right:7px;
   top:0px;
   left:0px;
   z-index:1;
}

/*
***********************************************
BOTTOM NAVI - END
***********************************************
*/

div#pixels {
   position:absolute;
   display: none;
}

#anchorTopLink{
float:right;
margin:0pt;
padding:12px 20px 0pt;
}

/** inventory messaging **/
.notice {
	color: #660066; 
 	background-color: #FFCCFF;  	
	padding:1px 1px 1px 1px; 
	border: #660066 2px solid;
	text-align: center;
	width: 70px;
	/*height:15px;*/
	font-size: 11px;
	font-weight:bold;
	
 }

 .noticeOn {
	color: #660066; 
 	background-color: #FFCCFF;  	
	padding:1px 1px 1px 1px; 
	border: #660066 2px solid;
	text-align: center;
	width: 70px;
	height:15px;
	font-size: 11px;
 }
 
#pdpInStock {
  display: none;
}
 
#qtyInStock {
 display:none;
 margin-top: -20px;
 margin-left: 40px;
 text-align: left;
 padding:1px 1px 1px 1px;
}
 
#qtyInStock .inStockText {
color: #660066;
    font-family: Verdana;
    font-size: 11px;
	padding-left:10px;
 }

.returnPolicy  a:hover {color:#8A184A;}

#global_head_text_version {
  position:relative;
  top:0;
  left:0;
  width:857px;
  border-left:1px solid #2382C4;
  border-right:1px solid #2382C4;
  border-bottom:2px solid #2382C4;
  line-height:50px;
  height:50px;
  }
  #gh_left {
  position:absolute;
  left:10px;
  width:100%;
  }
  #gh_right {
  position:relative;
  right:10px;
  float:right;
  font-family: arial;
  font-size:1em;
  color:#336699;
  display:none;
  }
.leftmessage {
  font-family: arial;
  font-size:0.8em;
  color:#336699;
  text-transform:uppercase;
  }
  
.leftmessage a {
  padding-left:5px;
  font-size:1.8em;
  color:red !important;
  font-weight:bold;
  text-transform:capitalize;
  text-decoration:none;
  }
  .leftmessage a:hover {
  color:red;
  }
  
  .leftlink  a {
  font-family: arial;
  font-size:1.0em;
  color:#336699 !important;
  font-weight:600;
  text-transform: uppercase;
  padding-left:10px;
  text-decoration:underline;
  }
    .leftlink  a:hover{
  text-decoration:underline;
	color:#336699;
  }
  

/** start override styles for switch to 859 width **/

/** bluefly_index.css **/
div#header1 {width: 859px !important;}
div#slots {width: 859px !important;}
div#header {width:859px !important;}
#headerHome div#middle {width:859px !important;}
#headerHome .m1 {width:634px !important;}
#headerHome div#bottom {width:859px !important;}

/** dept_page.css **/
div#slotHeader{width:859px !important;}
#globalHeader{width:859px !important;}
.ln_new{width:184px !important;background-color:#2382c2 !important}
div#dept_minifooter{width:859px !important;}
div#slotFooter{width:859px !important;}

/** list_page.css **/
#listProductPage {width:859px !important;}
.listPageHeader {width:857px !important;}
#leftPageColumn {width:159px !important;}
#listProductPage .breadCrumbNav {width:857px !important;}

/** product_page.css **/
#detailProductPage  {width:859px !important;}
#detailProductPage .breadCrumbNav {width:859px !important;}

/** end override styles for switch to 859 width **/


/*
***********************************************
START FORM STYLES
***********************************************
*/

#lpPreviewExpire {display:none}
#quickRegForm {display:none;}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin:0;
  border:0;
  padding: 0;
  text-align:left;
 /* min-width: 360px;*/
 /* max-width: 460px; */
}

 

form fieldset {
padding:0px;
}

 

form fieldset legend {
font-size:2em; color:#6A87A7; font-family: "times new roman", helvetica, serif;
}

 

 

#login  label { 
            /*display: block;   block float the labels to left column, set a width */
            float: left;  /*Remove float to show labels on the top of the form fields; float left to align horizontally */
            width: 130px ;/*set wider than 105 to move label column */ 
            padding: 0; 
            margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
            text-align:right ; /*remove to show labels fluch with fields when stacked */
            /*text-indent: 10px;*/
			color:#969BA8;
			font-weight:bold;
}


#login .loginBtn{margin:20px 0 10px 137px !important; display:block;}

form label {
float:left;
margin:5px 0 0;
padding:0;
text-align:right;
width:160px;}
 

form input {
            /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
            /* width:auto;      set width of form elements to auto-size, otherwise watch for wrap on resize */
            margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
             padding:1px;
            font-size: 1.1em;font-weight:bold;
            color:#666666;
            font-family:Arial,Helvetica,sans-serif;
}

 

form select {
            /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
            /* width:auto;      set width of form elements to auto-size, otherwise watch for wrap on resize */
            margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
            width:150px; padding:1px;
            font-size: 1.1em;font-weight:bold;
            color:#666666;
            font-family:Arial,Helvetica,sans-serif;
}

 

form textarea {
            /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
            /* width:auto;      set width of form elements to auto-size, otherwise watch for wrap on resize */
            margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
            width:auto; padding:1px;
            width:auto; padding:1px;
            font-size: 1.3em;font-weight:bold;
            color:#666666;
            height:50px;
            font-family:Arial,Helvetica,sans-serif;
}

form input.checkoutRadio {width:15px;}

form input#reset {
            margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form input.checkbox {position: relative; width:10px;}

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
            clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.inputIMG {margin-left:6px; vertical-align:middle;}

.label{font-size:1em;}

label.error {
            padding:0;
            border: 0;
            text-indent:0px;
            clear:both;
            position:relative; _top:5px;
            margin-left:50px !important;clear:both;
            background-color:#fff;
            width: auto !important;
}

.labelRequired{font-size:1em;}
.checkoutBtn {float:right; margin:10px 60px 20px 0; font-weight:bold;font-size:1.5em;}
.formError {text-align:center; font-weight:bold;}



/* Quick Login Styles */


#quickLogin form fieldset  {border:0;}


#quickLogin .formButton {margin:20px 0 10px 10px; display:block;}
.loginBtn{margin:20px 0 10px 165px; display:block;}
.registerBtn{margin:20px 0 0 165px;; display:block;}

 .errorSpan{        _width:auto; background:none; display:block; width:350px; height:10px;}
#quickLoginErrors {width: 310px; margin-top:15px; display:none;}
form.label {width: auto !important;}
          

span.valid {background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
            height:16px;
            width:16px;
    float:right;
            position: relative;
            top:10px;
            _top:-20px;
            left: -80px;
    margin:0;
            padding:0;
} 

 .error, .notice, .success {
border:2px solid #DDDDDD;
margin-bottom:1em;
padding:0.8em;
}
.error{
            margin-bottom:0;
            padding:.2em !important;
			background:#FBE3E4 none repeat scroll 0 0;
			border-color:#FBC2C4;
			color:#8A1F11;
			border-color:#FBC2C4;
}
 
 
#quickLogin.container {width: 350px; text-align:left;}


.ui-dialog{
_width:550px !important; 
left:450px !important;
}


/* div .listInStock {
   position:absolute; 
   cursor:pointer;
   z-index:15;
   top:10px;
   right:10px;   
} */
 

.ui-dialog .ui-dialog-titlebar {
background:transparent none repeat scroll 0 0;
border-color:#FFFFFF;
line-height:0.5em;
padding:1em 0.3em 0 1em;
position:relative;
}

small a{margin-left:160px;}

#quickRegErrors{display:block; clear:both; margin-top:10px;}

#quickLoginForm  {size: 10px; /*width:250px*/}
#quickLoginForm  input {width:160px;}
#quickRegForm input {width:160px;	margin:7px 0 7px 0 !important;}
#quickRegForm  label {
	margin:7px 0 7px 0 !important;
	float:left;
	padding:0;
	text-align:right;
		font-weight:bold;
	}


a:link #quickLoginForm{text-decoration: underline;}

small {margin-left:10px;}
small a {margin-left:160px;}
#quickRegsterConfirm, #loadingContent {width:300px; height:300px; font-size:14px; color:#56A1D5; }

#loginText, #registerText{ margin-left:0px; font-size:10px;}
#loginText a { text-decoration: underline;}
 #registerText a { text-decoration: underline;}


/*
**********************************************
END FORM STYLES
**********************************************
*/







/* CSS below this comment controls display of quick login for exclusives */

#quickLoginForm form {
background:url('/media/templates/images/login/ql_haveaccount_head.png') no-repeat;
padding-top:30px;
margin-top:20px;
}

#loginText {
font-size:12px;
background:url('/media/templates/images/login/ql_newstarthere_head.png') no-repeat;
margin-top:30px; padding-top:10px;
}

#loginText p{

}
#loginText a{
text-decoration:underline;
}
#loginText img{
display:none;
}

#registerText {
font-size:12px;
}

#registerText p{
display:none;
}
#registerText a{
text-decoration:underline;
}
#registerText img{
display:none;
}

#quickRegForm form {
background:url('/media/templates/images/login/ql_createaccount_head.png') no-repeat;
padding-top:25px;
margin-top:10px;
}

/*
#quickLoginHeader {
background:url('/media/templates/images/login/ql_signin_head.png') no-repeat;
padding-top:8px;
border-bottom:1px dashed #2182C6;
}
*/
#quickLoginform  .pageHeaderText{}
/* CSS above this comment controls display of quick login for exclusives */

/**Start Baynote 404 Styles **/


#hangerCrossSellBox .mostWantedLabel {text-align:left; margin:5px 5px 5px 5px;}

#hangerCrossSellBox .crosssellProd {
background-color:#FFFFFF;
height:200px;
float:left;
display:inline;
text-align: left;
padding:5px 5px 5px 5px;
margin: 5px 0 5px 5px;
}

#hangerCrossSellBox .crossSellRecommendations {
margin: 0 3px 0 3px;
}


#hangerCrossSellBox .lineRetail {
color:#052342;
font-size:10px;
font-weight:400;
text-transform:lowercase;
}
 
#hangerCrossSellBox .lineSavings, .lineMarkdownFinal, .lineSale, .lineOnSaleFinal, .lineReducedFinal {
color:#8A1749;
font-size:10px;
font-weight:700;
text-transform:uppercase;
}

#hangerCrossSellBox{
background-color:#F7F8F9;
border:1px solid #DEE2E5;
float:left;
margin:5px 5px 5px 5px;
padding:5;
width:850px;
text-align:center;
}


#hangerCrossSellBox .crossSellBrand  a{
color:#052342;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
width:150px
}

.crossSellPopularity {font-weight:normal; font-size:10px; color:#7B8CA1;}

/* End Baynote 404 Styles */