/* main layout styles */
html
{ overflow: hidden; }
body
{ width:100%; height:100%; margin:0; padding:0; overflow:hidden; background-color:black; font-family:Arial, Helvetica, sans-serif; font-size:12px}
img
{ border: none; }
#container
{ width:100%; height:100%}

a.contentLink {
  text-decoration:none;
}
a.contentLink:hover {
  text-decoration:underline;
}

a.landingPageLink {
  color:#CCC;
  text-decoration:none; 
  text-transform:uppercase
}

a.landingPageLink:hover {
  color:#FFFFFF;
}


/* styles for the alternating background */
#backgroundColor
{ position:absolute; background-color:#000000; /*filter:alpha(opacity=100); opacity:1;*/ }
#backgroundImage
{ display:none; position:absolute; top:0; left:0; /*filter:alpha(opacity=40); opacity:0.40;*/ }



/* styles for feature panels */
#sliderPagination a
{ color:#C0C0C0 }
#sliderPagination a
{ text-decoration:none; color:#C0C0C0 }


/* styles for product panels */
.productLineDescription
{ float:left; width:455px; height:52px; font-weight:normal; color:#B09985; font-size:12px }
.productName
{ float:left; width:135px; height:18px; font-size:12px; font-weight:bold; color:#B09985 }
.productImageContainer
{ float:left; width:190px }
a.productCollectionLink 
{
  color:#CCC;
  text-decoration:none;
}
a.productCollectionLink:hover 
{
  text-decoration:underline;
}

.column0
{ float:left; width:78px; padding-left:4px; border-left-width:1px; border-left-color:#1A1A1A; border-left-style:solid; border-right-width:1px; border-right-color:#1A1A1A; border-right-style:solid }
.column1
{ float:left; width:78px; padding-left:4px; border-right-width:1px; border-right-color:#1A1A1A; border-right-style:solid }
.column2
{ float:left; width:78px; padding-left:4px; border-right-width:1px; border-right-color:#1A1A1A; border-right-style:solid }
.swatch
{ float:left; border:1px solid white; padding:0px; margin:0px }
.swatchContainer
{ float:left; width:78px; padding:0px; margin:0px }


/* Callouts */
#leftCallouts, #rightCallouts
{ position:absolute; top:528px; z-index:6000 }
#leftCallouts, #leftCallout, #leftCalloutExpanded, #rightCallouts, #rightCallout, #rightCalloutExpanded
{ width: 407px }
.calloutImage
{ display: block }
.calloutDivider
{ float:left; width:1px; display:none }


/* Footer Styles */

.galleryButton { position: absolute; top: 0; left: 321px; width: 318px;}
.galleryButton span { position: absolute; top: 0; left: 0; display: none;}

.footerProfileNews
{
  color: #FFFFFF; 
  position: absolute; 
  top:30px; 
  left: 0; 
  height: 29px; 
  overflow: hidden; 
  width: 100%; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  margin: 0;
  z-index:9999;
}
.footerProfileNewsBG
{
  position: absolute; 
  top:30px; 
  left: 0; 
  background-image: url('../images/footer/bg-footer.png');
  background-repeat: repeat-x; 
  height: 29px; 
  overflow: hidden; 
  width: 100%; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  margin: 0;
  z-index:9990;
}
.footerProfileNewsInner
{
  width: 960px;
  margin: 0 auto;
  height: 29px;
  overflow: hidden;
  position: relative;
}

.holdWidth
{
  /*width: 600px;*/
  width: 550px;
  margin: 0 auto;
  position: relative;
  height: 29px;
}

.footerProfileNewsInner span.myProfileButton
{
  position: absolute;
  top: 9px;
  left: 20px;
  /*width: 103px;*/
  width:133px;
  display: block;
}

#signUp
{
  height: 29px;
  overflow: hidden;
  /*position: relative;*/
}

.footerProfileNewsInner span.signUpButton
{
  position: absolute;
  top: 9px;
  left: 174px;
  /*width: 196px;*/
  width:150px;
  display: block;
}

.footerProfileNewsInner span.divider
{
  position: absolute;
  top: 0px;
  /*left: 139px;*/
  left:163px;
}

.footerProfileNewsInner span.submitButton
{
  position: absolute;
  top: 7px;
  right: 5px;
}

.myProfileButton span, .signUpButton span, .submitButton span { position: absolute; top: 0; left: 0; display: none;}

.footerProfileNewsInner input
{
  background-color: #000000;
  border: solid 1px #494949;
  width: 140px;
  position: absolute;
  top: 5px;
  right: 73px;
  color: #CCCCCC;
}

.globalLinks
{
  color: #FFFFFF; 
  position: absolute; 
  top: 64px; 
  left: 0; 
  /*height: 29px;*/
  height: 34px;
  overflow: hidden; 
  width: 100%; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  margin: 0;
}

.globalLinksInner
{
  width: 960px;
  margin: 0 auto;
  /*height: 29px;*/
  height: 34px;
  overflow: hidden;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
}

.globalLinksInner span
{
  position: relative;
  /*top: -10px;*/
  top: 10px;
  margin-right: 8px;
}

.globalLinksInner a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  margin: 0 4px;
  text-decoration: none;
}

.globalLinksInner a:hover
{
  text-decoration: underline;
}


/* Scroller */
.scrollerMascaras li div { text-align: center; }
.scrollerMascaras a { color: #CCCCCC; text-decoration: none; }
.previousArrowButton { position:absolute; top:55px; left: -20px; width: 16px; height: 60px; }
.nextArrowButton { position:absolute; top: 55px; left: 630px; width: 16px; height: 60px;}
.previousArrowButton span { position: absolute; top: 0; left: 0; display: none; }
.nextArrowButton span { position: absolute; top: 0; left: 0; display: none; }

.scrollerFoundations li div { text-align: center; }
.scrollerFoundations a { color: #CCCCCC; text-decoration: none; }

/* Booker */
#logo {
  float:left;
  padding:12px 32px 13px 13px;
  position:relative;
  z-index:50;
}
img {
  border:none;
}
a {
  outline:none;
}
.mainOver1 {
  width:65px;
}
.mainOff1 {
  width:65px;
}
#headContainer {
  /*width:1020px;*/
  width:960px;
  height:100px;
  margin:0 auto;
  padding:0px;
  z-index:1;
}
#navContainer {
  margin: auto 0;
  padding: 0px;
  height: 100px;
  /*width:836px;*/
  width:776px;
  z-index:99;
  top:0px;
  float:left;
  position:relative;
}
#navContainer div ul {
  height: 15px;
  width: 700px;
  margin:0px;
  padding:0px;
  position: relative;
  z-index:99;
  right:5px;
  clear:both;
}
#navContainer div ul li {
  padding:0px 0px 0px 5px;
  list-style-type:none;
  font-size:9px;
  float:left;
  position:relative;
  z-index: 99;
}

/*selector for all <a ...></a> elements 
  related to : 
*/
#navContainer div ul li a {
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  text-decoration:none;
  z-index: 99;
}
#navDivider {
  height: 12px;
  width: 2px;
  margin:0px 0px 0px 0px;
  display:block;
  position:relative;
  margin:0px 5px 0px 0px;
  top:27px;
  float:left;
  border:none;
}
#btn_search{
  padding-left:3px;
}
#rightDivider {
  height: 11px;
  width: 2px;
  margin:0px;
  padding: 0px 3px 0px 3px;
  top:2px;
  display:inline;
  position:relative;
  border:none;
}
#navDivider2 {
  height: 12px;
  width: 2px;
  margin:0px;
  display:block;
  position:relative;
  margin:0px 5px 0px 0px;
  top:27px;
  left:-20px;
  float:left;
  border:none;
}
#navLine {
  width:777px;
  height:1px;
  border-bottom: 1px solid #1B1818;
  position:absolute;
  z-index:4;
  padding: 0px;
  margin: 0px;
  bottom:47px;
  left:0px;
  clear:both;
}
#navContainer div div div {
  height: 10px;
  width: 87px;
  padding: 0px;
  margin:0px;
  display: inline;
  position: absolute;
  z-index: 99;
  left: 0px;
  top: 0px;
}
#navContainer div div {
  height: 10px;
  width: 87px;
  margin: 34px 5px 0px 0px;
  position:relative;
  bottom:8px;
  left:0px;
  float:left;
  z-index:99;
}

.navArrowBG {
  padding: 0px;
  width:9px;
  height:18px;
  top:82px;
  left:0px;
  position:absolute;
  z-index:90;
  display:none;
}
#navBGdiv{
  padding: 0px;
  width:9px;
  height:18px;
  top:82px;
  left:0px;
  position:absolute;
  z-index:1000;
  display:none;
  background-color:#FFFFFF;
  
}
#permBG{
  padding: 0px;
  width:100%;
  height:18px;
  top:82px;
  left:0px;
  position:absolute;
  z-index:89;
  display:block;
  background-image:url(../images/footer/bg-footer.png);
}
#topPermBG{
  padding: 0px;
  width:100%;
  height:82px;
  top:0px;
  left:0px;
  position:absolute;
  z-index:30;
  display:block;
  background-color:#000;
}

img.nav-arrow01 {
  position:absolute;
  left:0px;
  top:77px;
  width:9px;
  height:5px;
  display:none;
  z-index:100;
}
/*BEGIN MAIN NAV ITEMS*/
#searchParams{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  background-color:#000;
  color:#666666;
  border:1px solid #666666;
}
#navSearch{
  margin:0px;
  width:153px;
  height:17px;
  padding:0px;  
  display:inline;
}
/*BEGIN PRODUCT NAV SECTION*/

/*class to add specific location for the secondary nav of -->products*/
.nav-productssec {
  display:none;
  top:19px;
}

/*class to add display*/
.nav-productstert {
  display:none;
}

#navContainer div ul.nav-productstert {
  height: 15px;
  width: 700px;
  margin:0px;
  padding:0px;
  position: absolute;
  z-index:99;
  left:-5px;
  top:86px;
  clear:both;
  display:none;
}
li a.nav-products2 {
  color:#999;
}
li a.nav-products2Selected {
  color:#09C;
}
li a.nav-products2:hover {
  color:#09C;
}
ul.nav-productstert li a {
  color:#000;
}
ul.nav-productstert li a:hover {
  color:#FFF;
}

ul.nav-productstert li a.tertSelected{
  color:#FFF;
}
/*END PRODUCT NAV SECTION*/

/*BEGIN OFFERS*/
.nav-offerssec {
  display:none;
  top:19px;
}
.nav-offerstert {
  display:none;
  top:28px;
}
#navContainer div ul.nav-offerstert {
  height: 15px;
  width: 700px;
  margin:0px;
  padding:0px;
  position: absolute;
  z-index:99;
  right:80px;
  top:86px;
  clear:both;
  display:none;
}
li a.nav-offers2 {
  color:#999;
}
li a.nav-offers2Selected {
  color:#C39;
}
li a.nav-offers2:hover {
  color:#C39;
}
ul.nav-offerstert li a {
  color:#FFF;
}
ul.nav-offerstert li a:hover {
  color:#000;
}
/*BEGIN BACKSTAGE*/

/*class to add specific location for the secondary nav of the creative*/
.nav-backStagesec {
  display:none;
  top:19px;
}
/*class to add specific location for the tertiary nav of the creative*/
.nav-backStagetert {
  display:none;
  top:28px;
}
#navContainer div ul.nav-backStagetert {
  height: 15px;
  width: 700px;
  margin:0px;
  padding:0px;
  position: absolute;
  z-index:99;
  right:80px;
  top:86px;
  clear:both;
  display:none;
}

li a.nav-backStage2 {
  color:#999;
}
li a.nav-backStage2Selected {
  color:#969;
}
li a.nav-backStage2:hover {
  color:#969;
}
ul.nav-backStagetert li a {
  color:#000;
}
ul.nav-backStagetert li a:hover {
  color:#FFF;
}
ul.nav-backStagetert li a.tertSelected{
  color:#FFF;
}
/*END BACKSTAGE*/
img#bcFix {
  margin-left:-20px;
}


/* Store Locator Styles */
#storeLocatorInput
{
  width:316px; 
  height:401px; 
  display:block; 
  position:absolute; 
  float:left;
}


/* style definitions for the store locator button on the nav */
#storeLoc
{ position:relative; display:block;  width:400px; height:19px; float:right; margin-right:-40px; top:58px }

/* these styles overwrite definitions in the search results */
.cse-resultsContainer
{ background-color:black; height:304px; overflow:auto }
.cse-closeResults, .gsc-search-box, .gs-visibleUrl
{ display:none }
.gsc-resultsbox-visible, .gsc-resultsbox-visible
{ height:304px }
.gs-snippet
{ color:#B09985 }
.gs-title a
{ color:#E1A873 }
.gsc-cursor-page a
{ color:white }
.gsc-trailing-more-results a
{ color:white }

#storeLocatorInput input
{
  background-color: #000000;
  border: solid 1px #494949;
  width: 90px;
  position: absolute;
  top: 180px;
  left: 120px;
  color: #CCCCCC;
}

#storeLocatorInput img
{
  position: absolute;
  top: 177px;
  left: 220px;
}

/* contact us form */
.contactUsFormArea
{ float:left; padding-top:5px }
.contactUsFieldError
{ width:300px; height:14px; color:red; text-align:right; visibility:hidden }
.contactUsFieldArea
{ float:left; padding-left:20px }
.contactUsLabel
{ float:left; width:140px; color:white; text-align:right }
.contactUsField
{ float:left; padding-left:20px }
.contactUsInput
{ width:120px }


/* SHOPPING CART NAV CSS*/
#shoppingCartNavOptions a { color:#ccc}


/* REGISTRATION/ LOGIN/ PROFILE CSS */
 .instyleFormLine
  {
    float: left;
    width: 375px;
  }
  .instyleFormLeftBlock
  {
    float: left;
    width: 155px;
    text-align:right;
  }
  input.instyleBigTextField
  {
    float: left;
    margin-top: -2px;
    height:14px;
    width: 150px;
    margin-left:5px;
  }
  input.instyleSmallTextField
  {
    float: left;
    margin-top: -2px;
    height:14px;
    width: 90px;
    margin-left:5px;
  }
  .instyleError
  {
    float:left;
    text-align:center;
    color:red;
    font-size: 11px;
    font-weight: normal;
    width:350px;
  }
  .instyleRequired
  {
    font-size: 12px;
  }
  .instyleErrorBlock
  {
    width:370px;
    height:15px;
    text-align:center;
    padding-bottom:1px;
    float:left;
  }
  .surveyInstyleFormLine
  {
    float: left;
    width: 375px;
  }
  .instyleFormLineDropdown
  {
    float: left;
    width: 170px;
  }
  .surveyInstyleError
  {
    float:left;
    text-align:left;
    color:red;
    font-size: 11px;
    font-weight: normal;
    width:175px;
    line-height:11px
  }
  .surveyInstyleErrorBlock
  {
    width:175px;
    height:15px;
    text-align:left;
    padding-bottom:1px;
    float:left;
    margin-left:3px
  }
       
/* Special Offer */

#latestPromotionsContent
{
  width:816px; 
  height:401px; 
  position:absolute; 
  top:0px; 
  left:0px; 
  overflow:hidden;
}

#latestPromotionsContent h1
{
  color: #e4a772; 
  font-size: 14px; 
  margin: 0;
}

#latestPromotionsOffers
{
  width:816px; 
  height:401px; 
  position:absolute; 
  top:0px; 
  left:0px; 
  background-image:url(/images/offers/pnl_background_special_offers_detail.jpg);
}

#latestPromotionsOffersInner
{
  color:#b09985; 
  font-size:13px; 
  position:absolute; 
  top:110px; 
  left:12px; 
  width:816px;
}

.giselesFavImg
{
  width: 290px; 
  float: right; 
  position: relative; 
  top: -45px; 
  left: 40px;
}

.buyOneGetOneFree
{
  color:#b09985; 
  font-size:12px; 
  position:absolute; 
  top:300px; 
  left:12px; 
  width:816px;
}

.buyOneGetOneFreeImg
{
  width: 200px; 
  float: right; 
  position: relative; 
  top: -40px; 
  left: 20px;
}

#latestPromotionsFallFaves
{
  width:816px; 
  height:401px; 
  position:absolute; 
  top:0px; 
  left:0px; 
  background-image:url(/images/offers/pnl_background_offers_fall_favorites.jpg);
}

#latestPromotionsFallFavesInner
{
  color:#b09985; 
  font-size:13px; 
  position:absolute; 
  top:110px; 
  left:10px; 
  width:816px;
}

span.offersButton
{
  position: relative;
  top: 10px;
  left: 0;
  width: 189px;
  display: block;
}

span.dontMissOut
{
  position: relative;
  top: 10px;
  left: 75px;
  width: 201px;
  display: block;
}

.offersButton span, .dontMissOut span { position: absolute; top: 0; left: 0; display: none;}

#latestPromotionsOffers p span, #latestPromotionsFallFaves p span
{
  color: #FFF; 
  font-weight: bold;
}

#latestPromotionsFallFaves ul { color: #FFF; font-weight: bold; }
#latestPromotionsFallFaves ul li { line-height: 25px; }
#latestPromotionsFallFaves ul span { font-weight: normal; color:#b09985; }

/* Shopping Cart */
span.buyOnline, span.printShoppingList, span.continueShopping, span.removeButton
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

span.buyOnline { width: 86px; }
span.printShoppingList { width: 138px; }
span.continueShopping { width: 135px; }
span.removeButton { width: 20px; }

.buyOnline span, .printShoppingList span, .continueShopping span, .removeButton span
{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  display: none;
}

.shoppingPagination a
{
  color:#cccccc;
  text-decoration:none;
}

.shoppingPagination a:hover
{
  color:#E1A873;
  text-decoration:none;
}

.standAloneLink
{
  float:left; width:150px;
}
a.standAloneLink
{
  color:#b09985;
  text-decoration:none;
}
a.standAloneLink:hover
{
  color:#E1A873;
  text-decoration:underline;
}

/* INSPIRING LOOKS TABS */ 
.stepActive1
{
  background-image:url(/images/backstage/inspiration/table_step1.gif)
}
.stepActive2
{
  background-image:url(/images/backstage/inspiration/table_step2.gif)
}
.stepActive3
{
  background-image:url(/images/backstage/inspiration/table_step3.gif)
}

/* INSPIRING LOOKS UL */
ul.inspiringLooksList
{
  margin-top:0px; 
  padding-top:0px; 
  margin-left:2px; 
  padding-left:13px
}

.productsNoScroller
{
  position:relative; 
  float:left; 
  display:block; 
  width:400px; 
  margin-left:40px
}

.readReviewActive
{
  background-image:url(/images/reviewsRatings/tab_readReviews_selected.gif)
}
.readReview
{
  background-image:url(/images/reviewsRatings/tab_readReviews.gif)
}
.writeReviewActive
{
  background-image:url(/images/reviewsRatings/tab_writeAReview_selected.gif)
}
.writeReview
{
  background-image:url(/images/reviewsRatings/tab_writeAReview.gif)
}

.scrollerAwardWinners .landingPageLink
{
	padding-left: 15px;
	display: block;
}

/* 404 Page 
#logo404 { width: 217px; float: left; margin: 0 40px 0 0; }
#sorry404 { width: 363px; float: left; margin-top: 10px; }
#sorry404 p { color: #FFFFFF; margin: 10px 0 0 0; font-family: arial; font-size: 13px; line-height: 20px;}
#sorry404 a { color: #FFFFFF; font-weight: bold; }*/