/* Bumble and Bumble : US
------------------------------*/

/* Browser Reset
---------------------------- */
* { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
abbr,acronym { border: 0; }
address { font-style: normal; }
a { outline: none; border: none;}

/*Ipad Iphone Reset
------------------------------
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
*/

/* Global Defaults
---------------------------- */
.menu { float:left; width:200px; margin:6px 20px; }

body {
    background: url('/media/images/global/global_background_tile_alt.gif') repeat 0 0 #000000; 
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 11px;
    color: #000000;
}

h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 14px;
}
h4 {
    font-size: 12px;
}

a {
    color: #000000;
    text-decoration: none;
    border: 0; 
    cursor: pointer;
}

a:hover { color: #666666; }

a.green_link {
    color: #a8c01e; 
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
}

#content a {
    text-decoration: underline;
    font-weight: bold;
}

.clickable { cursor: pointer; }

.arrow { 
    background: url("/media/images/icons/link_arrow_right.gif") top right no-repeat; 
    padding-right: 20px; 
    height: 13px;
}


/* Typography
---------------------------- */
.txt_center { text-align: center; }
.bold { font-weight: bold; }
.no_bold { font-weight: normal; }
.justify { text-align: justify; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.normal { font-weight: normal; }

.star {
    font-size: 18px;
    color: #5C90B8;
}

input { 
/*     border: 1px solid #ccc; */
    padding: 2px;
}

select.error, input.error { border: 1px solid #b50404; }
label.error { color: #B50404; }
input[type=hidden], input[type=image] { 
    border: 0;
    padding: 0;
}
select { /* border: 1px solid #ccc; */ }

/* Messaging - how to display error / informational messages */
ul.error_messages_display {
    color: #FF0000;
    padding: 10px; 
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
}
ul.error_messages_display li {
    margin: 3px 0;
    color: #FF0000;
}

/* Clearing
---------------------------- */
.clear { clear: both; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Hidden
---------------------------- */
.hidden { display: none !important; }


/* Layout
---------------------------- */
.body-container { 
    position: relative;
    width: 900px; 
    margin: 0 auto; 
    background: #FFFFFF;
}
 
div.cms_wrapper {
    position: relative;
    background: url("/media/images/global/global_background_pattern.gif") repeat 0 0;
    width: 100%;
}

#checkout-navigation {margin: 0 0 25px;}
#breadcrumb {margin-bottom: 20px;}

#content {
width: 690px;
/* margin-right: 30px; */
float: left;
}

#sidebar {width: 170px; float: left;}

#cat_root_link {display: block; margin: 25px 0; clear: both;}

.optionsDivInvisible { display:none; }

.form-submit { border: none; }

/* Home
------------------------------*/
#wrapper {
    width: 900px;
    padding-top: 7px;
    padding-bottom: 25px;
    background: url("/media/images/global/shadow_bottom_gnav.png") no-repeat scroll left top transparent;
}

.promotion_marquee { 
    width: 900px;
    height: 497px;
}

.headline_gallery {
     padding-top: 9px;
     background: url("/media/images/home/shadow_10.png") no-repeat top left;
     color: #333333;
     width: 900px;
     overflow: hidden;
}

.headline_gallery_bg {
    background: url("/media/images/global/global_background_pattern.gif") 0 0;
    height: 150px;
    padding-top: 15px;
    width: 900px;
}

.headline_gallery_bg .last { background: none; }

.headline_container {
    background: url("/images/global/global_ver_handline_50.gif") repeat-y scroll top right transparent;
    height: 130px;
    width: 262px;
    padding: 0 15px 0 22px;
    float: left;
}

h4.headline_title { 
    font-size: 13px; 
    font-weight: bold;
}

.headline_container .arrow { 
    background: url("/media/images/icons/link_arrow_right.gif") top left no-repeat; 
    padding-left: 15px; 
    padding-right: 0;
    height: 13px;
}

.headline_container a.green_link:hover { color: #666666; }

/* Header
------------------------------*/
#header {
    background: url("/media/images/global/global_dotted_line.gif") repeat-x scroll left bottom #000000;
    width: 900px;
    height: 76px;
    border-bottom: solid 1px #000000;
    padding-bottom: 1px;
}

#header .logo_container {
    padding-left: 14px;
    width: 886px;
    height: 50px;
}

#header a.logo { 
    float: left;
    width: 234px;
    display: block;
    padding-top: 14px;
}

#header #accountbar {
    margin: 10px 0;
    float: right;
    clear: both;
    position: relative;
}

#header #accountbar ul.account-buttons li {
    display:block;
    float:left;
    margin:0 10px 0 0;
    padding:0 1px 0 0;
    white-space: nowrap;
}

/* Utility Navigation
------------------------------*/
div.utility-nav {
    float: right;
    height: 37px;
    width: 419px;
    padding-left: 49px;
    background: url(/media/images/global/scissors.gif) no-repeat bottom left;
}

div.utility-nav a { 
    color: #CCCCCC;
    text-decoration: none;
}

div.utility-nav a:hover { color: #CCCCCC; }

div.utility-nav ul#service_nav {
    position: relative;
    float: right;
    z-index: 131;
    width: 419px;
    margin-top: 2px;
    background: url(/media/images/global/global_dotted_line.gif) repeat-x scroll left bottom transparent;
}

div.utility-nav li {
    float:left;
    display: inline;
    height: 22px;
    padding-top: 7px;
}

div.utility-nav li a { padding: 0 10px; }
div.utility-nav li.utility_signout a,
div.utility-nav li.utility_my-account a { border-right: 1px solid #858282; }
div.utility-nav li.utility_checkout a { border-left: 1px solid #858282; padding-right: 14px;}

div.utility-nav a.utility_bag {
    /* background: url(/media/images/icons/icn_cart_alt.gif) no-repeat scroll 11px top transparent; */
    padding-left: 33px;
    display: inline-block;
    height: 20px;
}

div.utility-nav li.item {
    background: url(/media/images/icons/icn_cart_alt.gif) no-repeat scroll 11px 7px transparent;
}

div.utility-nav li.cart_has_items a.utility_bag {
    color: #A8C01E;
}

/* SIGN UP */
div.utility-nav li.sign_up {
    float: right;
    width: 73px;
}
div.utility-nav li.sign_up a {
    background: url(/media/images/global/header/utility_signup-sprite.gif) no-repeat 0 0;
    height: 15px; 
    width: 61px; 
    text-indent: -9999px;
    margin-top: 2px; 
    padding-right: 2px;
    overflow: hidden; 
    display: block;
}
div.utility-nav li.sign_up a:hover,
div.utility-nav li.sign_up.sfhover a { background-position: 0 -15px; }

/* CART MENU */
div.utility-nav li.utility_combo { 
    padding-top: 0;
    height: 29px;    
}
/* CART HAS ITEMS */
ul#service_nav.cart_true li.utility_combo { background: url("/media/images/global/header/viewbag_stripes_bg.gif") repeat 0 0; }
ul#service_nav.cart_true li.utility_my-account a { border-right: none; }
ul#service_nav.cart_true li.item { border-left: 1px solid #858282; }
ul#service_nav.cart_true li.utility_checkout { border-right: 1px solid #858282; }

ul#service_nav.cart_true li.utility_checkout a { border-left: 1px solid #858282; padding-right: 18px;} /* was 14*/

/*ul#service_nav li.item:hover .cart_container,*/
ul#service_nav li.item.sfhover .cart_container { left: -5px; cursor: pointer; }
/*ul#service_nav li:hover,*/
ul#service_nav li.sfhover { position: static; }

ul#service_nav div.cart_menu { position: relative; z-index: -1; top: 2px; }
ul#service_nav div.cart_grid { position: absolute; left: -999em; top:-28px; }

ul#service_nav .cart_container .cart_top {
    width: 300px;
    background: url(/media/images/global/header/viewbag_top_non300.png) no-repeat 0 0;
    padding-top: 29px;
}
ul#service_nav .cart_container .cart_content {
    background: url(/media/images/global/header/viewbag_bgtile300.png) repeat-y 0 0;
    padding: 15px 5px 0px 5px;
    width: 290px;
    color: #939393;
    text-align: center;
}

ul#service_nav .cart_container .cart_bottom {
    background: url(/media/images/global/header/viewbag_bgbottom300.png) no-repeat 0 0;
    padding-top: 10px;
    width: 300px;
}

ul#service_nav.cart_true div.cart_items {
    padding-top: 1px;
    background: url(/media/images/globalnav/global_dropdown_dotted_line.gif) repeat-x 0 0;
}

div.cart_items {
    padding-top: 1px;
    background: none;
}

div.util-cart-line {
    padding: 4px 0 6px 0;
    line-height: normal;
    margin: 0;
    display: block;
}

div.util-cart-prod-name {
    float: left;
    width: 190px;
    padding: 0 0 0 12px;
    color: white;
    font-size: 10px;
    text-align: left;
}

ul#service_nav div.util-cart-prod-name a{color:#FFFFFF; cursor:pointer; padding:0;}
ul#service_nav div.util-cart-prod-name a:visted{color:#FFFFFF; }
ul#service_nav div.util-cart-prod-name a:hover{color:#66a7d7; }

div.util-cart-item-qty {
    float: left;
    padding: 0px 0 0 15px;
    font-size: 10px;
}

div.util-cart-item-total {
    float: right;
    padding: 0 13px 0 15px;
    font-size: 10px;
}

div.dropdown_dotted_line {
    background: url(/media/images/globalnav/global_dropdown_dotted_line.gif) repeat-x 0 0;
    height: 1px;
}

ul#service_nav li.cart_has_items .cart_subtotal {
    text-align: right;
    padding: 5px 13px 0 15px;
    font-size: 10px;
    color: #A8C01E;
    float: right;
}

ul#service_nav li.cart_has_items a.more_link {
   color: #666;
   text-align: left;
   float: left;
   line-height: normal;
}

/*
div.viewbag_btn {
    display: none;
}


div.viewbag_btn ul li {
    display: inline;
    float: left;
    height: 22px;
    padding-top: 0;
}
*/
ul#service_nav div.viewbag_btn a { 
    padding: 0; 
    float: left; 
    border-top: 1px solid #4D4D4D;
}

div.viewbag_btn {
    display: block;
    margin-top: 30px;
    height:22px;
    width: 290px;
    border-bottom: 1px solid #4D4D4D;
}

ul#service_nav div.viewbag_btn a.cart_close_btn {
    display: block;
    height: 22px;
    width: 64px;
    overflow: hidden;
    background: url("/media/images/btns/btn_utility_close.gif") no-repeat 0 0;
}

ul#service_nav div.viewbag_btn a.cart_viewcart_btn {
    display: block;
    height: 22px;
    width: 138px;
    overflow: hidden;
    background: url("/media/images/btns/btn_utility_view_shopping_bag.gif") no-repeat 0 0;
}

ul#service_nav div.viewbag_btn a.cart_close_btn:hover,
ul#service_nav div.viewbag_btn a.cart_viewcart_btn:hover { background-position: 0 -22px; }

ul#service_nav .checkout_btn { 
    display: block;
    height: 22px;
    width: 88px;
    background: url("/media/images/btn/btn_bag_dropdown_chout.gif") no-repeat 0 0;
}

/* Navigation
------------------------------*/
#header .navigation { clear: both; width: 900px; }

/* Search
------------------------------*/
.search {
    float: right;
    height: 17px;
    padding: 0 10px 0 0;
    width: 185px;
}

.search input {
    font-family: arial,helvetica,verdana;
    background: none repeat scroll 0 0 #282828;
    border: medium none;
    color: #FFFFFF;
    font-size: 10px;
    height: 13px;
    margin: 2px 0 0 20px;
    width: 100px;
}

.search_bg {
    background: url(/media/images/bg/searchbox_placeholder.gif) no-repeat scroll left top transparent;
    float: left;
    height: 16px;
    margin: 0;
    width: 150px;
}

.search_bg input {
    background: none repeat scroll 0 0 #353535;
    border: medium none;
    color: #FFFFFF;
    font-size: 10px;
    height: 13px;
    margin: 2px 0 0 22px;
    width: 116px;
    padding: 0;
}

.go_btn {
    float: left;
    height: 17px;
    margin-left: 3px;
    width: 30px;
} 

.go_btn input {
    height: 17px;
    margin: 0;
    padding: 0;
    width: 30px;
}

/* Global Navigation
------------------------------*/

/* SET UP */
ul#global_nav {
    position: relative; 
    float: left; 
    z-index: 130;
    width: 675px; 
    height: 26px; 
    padding-left: 8px; 
    
}
ul#global_nav li.item1,
ul#global_nav li.item2,
ul#global_nav li.item3,
ul#global_nav li.item4,
ul#global_nav li.item5,
ul#global_nav li.item6,
ul#global_nav li.item7 { float: left; display: inline;}


ul#global_nav li.item2 { margin-left: 11px; }
ul#global_nav li.item3 { margin-left: 14px; }
ul#global_nav li.item4 { margin-left: 19px; }
ul#global_nav li.item5 { margin-left: 18px; }
ul#global_nav li.item6 { margin-left: 16px; }
ul#global_nav li.item7 { margin-left: 16px; }

ul#global_nav li.item1 a.item1,
ul#global_nav li.item2 a.item2,
ul#global_nav li.item3 a.item3,
ul#global_nav li.item4 a.item4,
ul#global_nav li.item5 a.item5,
ul#global_nav li.item6 a.item6,
ul#global_nav li.item7 a.item7 { 
    background: url(/media/images/global/global_nav-sprite333.gif) no-repeat 0 0;
    height: 26px; text-indent: -9999px; overflow: hidden; display: block;
}

/* OFF STATE */
ul#global_nav li.item1 a.item1 { width: 74px; background-position: 0 0;}
ul#global_nav li.item2 a.item2 { width: 81px; background-position: -74px 0;}
ul#global_nav li.item3 a.item3 { width: 57px; background-position: -155px 0;}
ul#global_nav li.item4 a.item4 { width: 114px; background-position: -212px 0;}
ul#global_nav li.item5 a.item5 { width: 74px; background-position: -326px 0;}
ul#global_nav li.item6 a.item6 { width: 61px; background-position: -400px 0;}
ul#global_nav li.item7 a.item7 { width: 56px; background-position: -475px 0;}

/* ON STATE */
ul#global_nav li.item1 a.item1:hover,
ul#global_nav li.item1:hover a.item1,
ul#global_nav li.item1.sfhover a.item1 { background-position: 0 -26px; }
ul#global_nav li.item2 a.item2:hover,
ul#global_nav li.item2:hover a.item2,
ul#global_nav li.item2.sfhover a.item2 { background-position: -74px -26px; }
ul#global_nav li.item3 a.item3:hover,
ul#global_nav li.item3:hover a.item3,
ul#global_nav li.item3.sfhover a.item3 { background-position: -155px -26px; }
ul#global_nav li.item4 a.item4:hover,
ul#global_nav li.item4:hover a.item4,
ul#global_nav li.item4.sfhover a.item4 { background-position: -212px -26px; }
ul#global_nav li.item5 a.item5:hover,
ul#global_nav li.item5:hover a.item5,
ul#global_nav li.item5.sfhover a.item5 { background-position: -326px -26px; }
ul#global_nav li.item6 a.item6:hover,
ul#global_nav li.item6:hover a.item6,
ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }

ul#global_nav li.item7 a.item7:hover,
ul#global_nav li.item7:hover a.item7,
ul#global_nav li.item7.sfhover a.item7 { background-position: -474px -26px; }

/* ACTIVE STATES
------------------------------*/
/* PRODUCTS */
#products ul#global_nav li.item1 a.item1,
#giftcard-balance ul#global_nav li.item1 a.item1,
#giftcard-about ul#global_nav li.item1 a.item1,
#egiftcard ul#global_nav li.item1 a.item1 { width: 74px; background-position: 0 -52px;}

#products ul#global_nav li.item1 a.item1:hover,
#products ul#global_nav li.item1:hover a.item1,
#products ul#global_nav li.item1.sfhover a.item1,   
#giftcard-balance ul#global_nav li.item1 a.item1:hover,
#giftcard-balance ul#global_nav li.item1:hover a.item1,
#giftcard-balance ul#global_nav li.item1.sfhover a.item1,
#giftcard-about ul#global_nav li.item1 a.item1:hover,
#giftcard-about ul#global_nav li.item1:hover a.item1,
#giftcard-about ul#global_nav li.item1.sfhover a.item1,
#egiftcard ul#global_nav li.item1 a.item1:hover,
#egiftcard ul#global_nav li.item1:hover a.item1,
#egiftcard ul#global_nav li.item1.sfhover a.item1 { background-position: 0 -26px; }

/* STYLE BOOK */
#style_book ul#global_nav li.item2 a.item2 { width: 81px; background-position: -74px -52px;}
#style_book ul#global_nav li.item2 a.item2:hover,
#style_book ul#global_nav li.item2:hover a.item2,
#style_book ul#global_nav li.item2.sfhover a.item2 { background-position: -74px -26px; }

/* SALONS */
#salons ul#global_nav li.item3 a.item3,
#bbsalon ul#global_nav li.item3 a.item3,
#join_network ul#global_nav li.item3 a.item3,
#store-locator ul#global_nav li.item3 a.item3 { width: 57px; background-position: -155px -52px;}
#store-locator ul#global_nav li.item3 a.item3:hover,
#store-locator ul#global_nav li.item3:hover a.item3,
#store-locator ul#global_nav li.item3.sfhover a.item3 { background-position: -155px -26px; }
#bbsalon ul#global_nav li.item3 a.item3:hover,
#bbsalon ul#global_nav li.item3:hover a.item3,
#bbsalon ul#global_nav li.item3.sfhover a.item3 { background-position: -155px -26px; }
#salons ul#global_nav li.item3 a.item3:hover,
#salons ul#global_nav li.item3:hover a.item3,
#salons ul#global_nav li.item3.sfhover a.item3 { background-position: -155px -26px; }
#join_network ul#global_nav li.item3 a.item3:hover,
#join_network ul#global_nav li.item3:hover a.item3,
#join_network ul#global_nav li.item3.sfhover a.item3 { background-position: -155px -26px; }

/* HOUSE OF BUMBLE */
#our_story ul#global_nav li.item4 a.item4,
#the_building ul#global_nav li.item4 a.item4,
#bbu ul#global_nav li.item4 a.item4,
#hob ul#global_nav li.item4 a.item4 { width: 114px; background-position: -212px -52px;}

#our_story ul#global_nav li.item4 a.item4:hover,
#our_story ul#global_nav li.item4:hover a.item4,
#our_story ul#global_nav li.item4.sfhover a.item4,
#the_building ul#global_nav li.item4 a.item4:hover,
#the_building  ul#global_nav li.item4:hover a.item4,
#the_building  ul#global_nav li.item4.sfhover a.item4,
#bbu ul#global_nav li.item4 a.item4:hover,
#bbu ul#global_nav li.item4:hover a.item4,
#bbu ul#global_nav li.item4.sfhover a.item4,
#hob ul#global_nav li.item4 a.item4:hover,
#hob ul#global_nav li.item4:hover a.item4,
#hob ul#global_nav li.item4.sfhover a.item4 { background-position: -212px -26px; }

/* Bb.STORIES */
#hair_stories ul#global_nav li.item5 a.item5,
#bbspeak ul#global_nav li.item5 a.item5,
#bbstories ul#global_nav li.item5 a.item5 { width: 74px; background-position: -326px -52px;}
#bbstories ul#global_nav li.item5 a.item5:hover,
#bbstories ul#global_nav li.item5:hover a.item5,
#bbstories ul#global_nav li.item5.sfhover a.item5 { background-position: -326px -26px; }

/* Bb.BUZZ */
#news ul#global_nav li.item6 a.item6,
#screen ul#global_nav li.item6 a.item6,
#fashion ul#global_nav li.item6 a.item6,
#press ul#global_nav li.item6 a.item6,
#bbbuzz ul#global_nav li.item6 a.item6 { width: 60px; background-position: -400px -52px;}
#news ul#global_nav li.item6 a.item6:hover,
#news ul#global_nav li.item6:hover a.item6,
#news ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }
#screen ul#global_nav li.item6 a.item6:hover,
#screen ul#global_nav li.item6:hover a.item6,
#screen ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }
#fashion ul#global_nav li.item6 a.item6:hover,
#fashion ul#global_nav li.item6:hover a.item6,
#fashion ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }
#press ul#global_nav li.item6 a.item6:hover,
#press ul#global_nav li.item6:hover a.item6,
#press ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }
#bbbuzz ul#global_nav li.item6 a.item6:hover,
#bbbuzz ul#global_nav li.item6:hover a.item6,
#bbbuzz ul#global_nav li.item6.sfhover a.item6 { background-position: -400px -26px; }


/* HOLIDAY */
#holiday ul#global_nav li.item7 a.item7,
#giftcard-balance ul#global_nav li.item7 a.item7,
#giftcard-about ul#global_nav li.item7 a.item7,
#egiftcard ul#global_nav li.item7 a.item7 { width: 74px; background-position: 0 -52px;}


/* END ACTIVE STATE */

ul#global_nav div.submenu { position: relative; z-index: -1; }
ul#global_nav div.submenu_grid { position: absolute; left: -999em; top:-1px; }
ul#global_nav li.item:hover .sub_container,
ul#global_nav li.item.sfhover .sub_container { left: -4px; cursor: pointer; }

/*ul#global_nav li.item1:hover .sub_container,
ul#global_nav li.item1.sfhover .sub_container { left: -4px; cursor: pointer; }*/

ul#global_nav li:hover,  
ul#global_nav li.sfhover { position: static; }
ul#global_nav .sub_container .sub_top {
    float: left; 
    overflow: hidden;
    width: 193px;
    background: url(/media/images/global/header/gnav_menu-top.png) no-repeat 0 0;
    padding-top: 6px;
}
ul#global_nav .sub_container .sub_content {
    background: url(/media/images/global/header/gnav_menu-tile.png) repeat-y 0 0;
    padding: 0 5px;
    width: 183px;
}
ul#global_nav .sub_container .sub_bottom {
    background: url(/media/images/global/header/gnav_menu-bottom.png) no-repeat 0 0;
    padding-top: 10px;
    width: 193px;
}
ul#global_nav .sub_container ul.sub_list { font-size: 10px; margin-bottom: -1px; }
ul#global_nav .sub_container ul.sub_list li a {
    display: block;
    color: #FFFFFF;
    padding: 6px 5px 5px 8px;
    width: 170px;
    background: url(/images/globalnav/global_dropdown_dotted_line.gif) repeat-x bottom left;
    text-decoration: none;
}

ul#global_nav .sub_container ul.sub_list li a:hover {
    color: #66a7d7;
}

ul#global_nav .nav_promo img {
    display: block;
    border-bottom: 1px solid #000000;
}

/* FOOTER
------------------------------*/
/* SET UP */
ul#footer_nav {
    position: relative; 
    float: left; 
    z-index: 100;
    width: 380px;
    height: 20px;     
}

ul#footer_nav li.item1,
ul#footer_nav li.item2 { 
    float: left; 
    display: inline;
    height: 20px;
    width: 174px;
    background: url("/images/btn/ftr_select.gif") no-repeat scroll left top #000000;
    cursor: pointer; 
    z-index: 20;
}

ul#footer_nav li.item1 { margin-right: 24px; }
ul#footer_nav li.item1 a.item1,
ul#footer_nav li.item2 a.item2 { 
    padding: 5px 0 0 6px;
    height: 15px;
    overflow: hidden; 
    display: block; 
    color: #8F8F8F;
}

ul#footer_nav div.submenu { position: relative; z-index: -1; }
ul#footer_nav div.submenu_grid { position: absolute; left: -999em; bottom: 20px; }
ul#footer_nav li.item:hover .sub_container,
ul#footer_nav li.item.sfhover .sub_container { left: -4px; cursor: pointer; }

ul#footer_nav li:hover,  
ul#footer_nav li.sfhover { position: static; }

/* .mrg_title_ddown { padding: 5px 0 5px 6px; } */


/*****/
#footer { 
    clear: both; 
    background: #000000;
    width: 900px;
    margin: 0 auto;
    border-top: 1px solid #000;
}

/* FOOTER ELEMENTS */
.footer_elements {
    width: 874px;
    height: 20px;
    padding: 16px 13px;
    color: #939393;
    font-size: 10px;
    background: url("/images/global/global_dotted_line.gif") repeat-x scroll left bottom;
}

/*
.footer_helpmenu {
    position: relative; 
    float: left;
    background: url("/images/btn/ftr_select.gif") no-repeat scroll left top #000000;
    color: #8F8F8F;
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding-right: 24px;
    width: 174px;
    z-index: 20;
}
*/

/*
.footer_menu_bb {
    position: relative; 
    float: left;
    background: url("/images/btn/ftr_select.gif") no-repeat scroll left top #000000;
    color: #8F8F8F;
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 174px;
    z-index: 20;
}
*/


.icon_social_networking {
    float: left;
    padding-left: 24px;
    padding-top: 3px;
}

.icon_social_networking .icon_facebook,
.icon_social_networking .icon_youtube { 
    float: left;
    padding-right: 10px;
}

#footer .search_bg input { 
    color: #8F8F8F;
    font-size: 10px;
    width: 124px;
}

#footer .footer_nav {
    float: left;
    width: 380px; 
}

ul.browse_menu {
	position: relative; 
    float: left;
   /* background: url("/images/btn/ftr_select.gif") no-repeat scroll left top #000000; */
    color: #8F8F8F;
    cursor: pointer;
    height: 180px;
    margin: 0;
    z-index: 20;
}


ul.footer_bb_menu {
    position: relative;
    width: 182px;
/*     left: -4px; */
    z-index: 1000;
}


ul.footer_bb_menu li.footer_bb_top {
    position: relative;
    background: url("/images/globalnav/bg_droptop_footer.png") no-repeat scroll left top;
    height: 5px;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 182px;
}

ul.footer_bb_menu li {
    position: relative;
    background: url("/images/globalnav/bg_droptile_footer.png") repeat-y scroll 0 0 transparent;
    width: 182px;
}

ul.footer_bb_menu li.footer_bb_youtube {
    background: url("/images/globalnav/youtube_icon.gif") no-repeat 0 right;
}

ul.footer_bb_menu li a {
    position: relative;
    display: inline-block;
    background: url("/images/btn/global_dropup_dotted_line.gif") repeat-x scroll left bottom #353535;
    margin: 0 4px;
    width: 166px;
    padding: 0 0 0 8px;
    line-height: 24px;
    height: 24px;
    color: #8F8F8F;
    text-decoration:none;
}

ul.footer_bb_menu li a img {
    position: absolute;
    right: 14px;
    top: 4px;
/*
    padding: 4px 10px 0 0;
    float: right;
    display: block;
*/
}

ul.footer_bb_menu li a.last { background: #353535; }
ul.footer_bb_menu li a:hover { color:#FFFFFF; }

#footer .search_email_bg { background: url("/images/bg/emailbox_bg.gif") no-repeat scroll left top transparent; }
#footer .search_email_bg input { margin-left: 24px; }
#footer .sign_up_email { padding:0; }

/* FOOTER LINKS */
.footer_links {
    clear: both;
    width: 900px;
    padding: 11px 0 9px;
    text-align: center;
}

.footer_links ul {
    display: inline;
    min-width: 355px;
    text-align: center;
}

.footer_links li {
    border-right: 1px solid #858282;
    color: #666666;
    display: inline;
    padding: 0 5px;
}

.footer_links li a { color: #666666; }
.footer_links li a:hover{ color: #FFFFFF; }

.footer_links li.last {
    border-right: none;
}


/* cart pop-over
------------------------------*/
.cart-overlay {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 10px;
    width: 295px;
    z-index: 190;
}
.cart-overlay .cart-content table {
    border-collapse:collapse;
    margin:0 0 15px;
    width:100%;
}
.cart-overlay .cart-content table thead th {
    border-bottom: 1px solid #cccccc;
    padding: 3px 0;
    text-align: left;
}
.cart-overlay .cart-content table td {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
    vertical-align: top;
}
.cart-overlay .cart-content table td.qty, .cart-overlay .cart-content table th.qty {
    text-align: center;
    width: 40px;
}
.cart-overlay .cart-content table td.price, .cart-overlay .cart-content table th.price {
    text-align: center;
}
.cart-overlay .cart-content dl.thumb-75x75 {
    margin: 0;
    min-height: 77px;
    padding: 0 0 15px 87px;
    position: relative;
}
.cart-overlay .cart-content dl.thumb-75x75 dt {
    left: 0;
    margin: 0 10px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 77px;
}
.cart-overlay .cart-content dl.thumb-75x75 dd {
    margin: 0 0 4px;
    padding: 0;
}
.cart-overlay .cart-content dl.thumb-75x75 dd.price {
    margin: 0 0 4px;
}
.cart-overlay .cart-content dl.thumb-75x75 dd.details {
    margin: 7px 0 0;
}
.cart-overlay .viewcart-button-container .viewcart-button {
    float: right;
}
.cart-overlay .viewcart-button-container {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}
.cart-overlay .viewcart-button-container .total-items {
    float: left;    
}


/* Customer Service
-----------------------------*/
#customer-service {
    background: url("/media/images/account/ChOut_ShoppingBag_customerservicebox.gif") no-repeat 0 0 #ffffff;
    padding: 4px 10px 6px 10px;
    width: 141px;
    height: 62px; 
}
#customer-service-signin {
    background: url("/media/images/account/ChOut_ShoppingBag_customerservicebox333.gif") no-repeat 0 0 #ffffff;
    padding: 6px 10px 6px 10px;
    width: 141px;
    height: 150px; 
}
#customer-service h3 {
    margin-bottom: 1px;
    padding-bottom: 0;
    font-size: 12px;
}

#customer-service h4 {
    margin-bottom: 1px;
    padding-bottom: 0;
    font-size: 9px;
}

.customer-service-content {
    font-size: 11px;
    line-height: 12px;
}

/* Overlays
-----------------------------*/

.overlay-container {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    overflow-y: auto;
    overflow-x: auto;
    padding: 20px;
    position: absolute;
    z-index: 201;
}
.overlay-background {
    background-color: black;
    filter: alpha(opacity=50);
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 200;
}
.overlay-container .close-container {
    margin: 5px 0;
    float: right;
}
.overlay-container a.close-link {
    background: transparent url(/images/css/lb-close.gif) no-repeat scroll 0 2px;
    color: #000000;
    padding-left: 14px;
}
select.overlay-hidden {
    display: none;
}

/* Delete Address
-------------------------- */
.address-delete-confirm {
    width: 300px;
}
.address-delete-confirm .close-container { margin: 0; }

/* Custom Select Container
------------------------------*/
.field_left {
    background: url(/media/images/forms/txtfield_left.gif) no-repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    width: 7px;
}

.field_mid {
    background: url(/media/images/forms/txtfield_mid.gif) repeat-x scroll 0 0 transparent;
    float: left;
    height: 22px;
    padding-right: 7px;
    line-height: 22px;
    text-align: left;
}

.select_right {
    background: url(/media/images/forms/select_arrow.gif) no-repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    width: 24px;
}


.selectArea {
	position:relative;
	height:30px;
	float:left;
	color:#000;
	font:12px/22px;
	overflow:hidden;
	cursor:pointer;
	background: url(/media/images/forms/txtfield_mid.gif) no-repeat-x scroll 0 0 transparent;
	z-index: 80;
}


.selectArea .left {
	position:absolute;
	/* top:0;
	left:0; */
	width:7px;
	height:22px;
	display:block;
	overflow:hidden;
	background: url(/media/images/forms/txtfield_left.gif) no-repeat scroll 0 0 transparent;
}

.selectArea a.selectButton {
    background:url("/media/images/forms/select_arrow.gif") no-repeat scroll 100% 0 transparent;
    height:100%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    width:100%;
}


/* Forms
-------------------------- */
.horz_divider {
	width: 600px;
	height: 4px;
	background: url("/media/images/account/hand_drawn_line.gif") repeat-x scroll 0 0px transparent;
	padding: 5px 0px 5px 0px;
}
div.sub_form {
    margin: 15px 0 15px 0;
}
fieldset.fs {
    margin: 15px 0 15px 0;
    width: 500px;
    overflow: hidden;
}
fieldset.fs legend {
    display: none;
}
fieldset.fs div.form_element {
    float: left;
    margin: 5px 15px 10px 0;
    /* position: relative; commented out for bugs, 41213 & 41538 - not IE friendly */
    width: 204px;
}
fieldset.fs div.form_element input {
    width: 198px;
}
fieldset.fs div.form_element select {
    width: 204px;
}
fieldset.fs div.form_element label {
    width: 160px;
}
fieldset.fs div.form_element input,
fieldset.fs div.form_element select {
    display: block;
}
fieldset.fs div.radio input,
fieldset.fs div.checkbox input {
    display: inline;
    margin-right: 3px;
    margin-top: 5px;
   /*height: 11px; */
    width: auto;
    border: none;
}
fieldset.fs div.radio label {
   /*  margin-right: 20px; */
}
fieldset.fs div.radio span {
   /*  display: block; */
   display: inline; 
}
fieldset.fs div.radio span.required_mark {
    display: inline;
}
fieldset.fs div.wide {
    width: 480px;
}
fieldset.fs div.form_element .note {
    color: #8F8F8F;
    font-style: italic;
    margin: 2px 0 0 0; 
}
fieldset.fs div span.date_fields {
    display: block;
}
fieldset.fs p {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Add new address pop over required fields style
-------------------------- */
#address-form-popover div.required_note, span.required_mark {
	color: #4F9FF4;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}

/* Address Form
-------------------------- */
fieldset.address .replaceselect {
    display: block;
    margin-top: 2px;
    float: none;
}
fieldset.address div.first_name_container,
fieldset.address div.address1_container,
fieldset.address div.city_container,
fieldset.address div.country_container,
fieldset.address div.phone_label_container,
fieldset.address div.phone_1_container,
fieldset.address div.ship_type_container,
fieldset.address div.default_ship_container {
    clear: both;
}
fieldset.address div.city_container,
fieldset.address div.city_container input {
    width: 115px;
}
fieldset.address div.state_container {
    width: 135px;    
}
fieldset.address div.state_container select {
    width: 140px;
	margin-top: 3px;
	height: 22px;
}
fieldset.address div.country_container {
    width: 480px;
}

fieldset.address div.postal_code_container {
    margin-bottom: 0;
}
fieldset.address div.postal_code_container,
fieldset.address div.postal_code_container input {
    width: 115px;
}
fieldset.address div.ship_type_container,
fieldset.address div.default_ship_container {
    width: 300px;
}

/* Profile Form
-------------------------- */
fieldset.profile div.pc_email_container,
fieldset.profile div.password_container,
fieldset.profile div.first_name_container,
fieldset.profile div.password_hint_container {
    clear: both;
}
fieldset.profile div.password_container label span {
    color: #8F8F8F;
    display: block;
    font-style: italic;
    margin: 2px 0 0 0; 
}
fieldset.profile div.password_hint_container {
    float: none;
    width: 480px;
}
fieldset.profile div.password_hint_container input {
    width: 395px;
}
/* Demographic Form
-------------------------- */
fieldset.demographic div.gender_container {
    clear: both;
}
fieldset.demographic div.birth_year_container,
fieldset.demographic div.birth_day_container {
    width: 70px;
}
fieldset.demographic div.birth_month_container {
    width: 90px;
}
fieldset.demographic div.birth_year_container select,
fieldset.demographic div.birth_day_container select {
    width: 70px;
}
fieldset.demographic div.birth_month_container select {
    width: 90px;
}

/* Email Opt-in Form
-------------------------- */
fieldset.email_promotions div.pc_email_promo_container { 
    margin: 20px 0 20px 0;
    width: 230px;
}
fieldset.email_promotions div.pc_email_promo_container input { 
    display: block;
    float: left;
    margin: 0 10px 20px 0;
}
fieldset.email_promotions p#providing-email {
    clear: both;
}

/* Billing Form
-------------------------- */
fieldset.payment_method div.card_type_container,
fieldset.payment_method div.card_number_container,
fieldset.payment_method div.expiration_date_container,
fieldset.payment_method div.default_payment_container {
    clear: both;
}
fieldset.payment_method div.expiration_date_container,
fieldset.payment_method div.default_payment_container {
    width: 300px;
}
fieldset.payment_method div.expiration_date_container select.expiration_month,
fieldset.payment_method div.expiration_date_container select.expiration_year {
    display: inline;
    margin-right: 10px;
    width: 90px;
}
fieldset.payment_method div.expiration_date_container select.expiration_month {
    width: 90px;
}
fieldset.payment_method div.expiration_date_container select.expiration_year {
    width: 70px;
}

/* Billing Address Form
-------------------------- */
fieldset.payment_method div.card_type_container,
fieldset.payment_method div.card_number_container,
fieldset.payment_method div.expiration_date_container,
fieldset.payment_method div.default_payment_container {
    clear: both;
}
fieldset.payment_method div.expiration_date_container,
fieldset.payment_method div.default_payment_container {
    width: 480px;
}
fieldset.payment_method div.expiration_date_container select.expiration_month,
fieldset.payment_method div.expiration_date_container select.expiration_year {
    display: inline;
    margin-right: 10px;
    width: 90px;
}
fieldset.payment_method div.expiration_date_container select.expiration_month {
    width: 90px;
}
fieldset.payment_method div.expiration_date_container select.expiration_year {
    width: 70px;
}

/* Payment Form
--------------------------*/
.address_controls {
    float: left;
}
.address_controls li.choose-address {
    margin-top: 15px;
}
.address-container {
	float:left;
	margin:0 65px 10px 0;
	width: 150px;
}

/* Auto-Replenishment Frequency Form
--------------------------------------*/
.replenishment form { float: left; }
.replenishment-notice { 
    float: right;
    color: #B50404;
    width: 230px;
    margin-left: 30px;
}

/* Custom Form Containers
------------------------------*/
.input_txt_176 { 
    width: 176px;
    margin-top: 3px;
    height: 22px;
}

#wrapper div.input_txt_176 input,
.overlay-container div.input_txt_176 input { 
    float: left;
    background: url("/media/images/locator/txtfield_mid.gif") repeat-x scroll 0 0 transparent;
    border: none; 
    height: 22px;
    line-height: 22px;
    width: 162px; 
    padding: 0;
    margin:0;
    outline: none;
}

.input_txt_34 { 
    width: 34px;
    margin-top: 3px;
    height: 22px;
}

#wrapper div.input_txt_34 input { 
    float: left;
    background: url("/media/images/locator/txtfield_mid.gif") repeat-x scroll 0 0 transparent;
    border: none; 
    height: 22px;
    line-height: 22px;
    width: 20px; 
    padding: 0;
    margin:0;
    outline: none;
}

.input_txt_236 { 
    width: 236px;
    /* margin-top: 3px; */
    height: 22px;
}

#wrapper div.input_txt_236 input { 
    float: left;
    background: url("/media/images/locator/txtfield_mid.gif") repeat-x scroll 0 0 transparent;
    border: none; 
    height: 22px;
    line-height: 22px;
    width: 222px; 
    padding: 0;
    margin:0;
    outline: none;
}

.input_left {
    background: url("/media/images/locator/txtfield_left.gif") no-repeat 0 0 transparent;
    float: left;
    height: 22px;
    width: 7px;
}

.input_right {
    background: url("/media/images/locator/txtfield_right.gif") no-repeat 0 0 transparent;
    float: right;
    height: 22px;
    width: 7px;
}

.text_area_300 { 
    width: 300px;
    /* margin-top: 3px; */
    height: 102px;
}

#wrapper div.text_area_300 textarea { 
    float: left;
    background: url("/media/images/forms/txtarea_mid.gif") repeat scroll 0 0 transparent;
    border: none; 
    height: 94px;
    /* line-height: 22px; */
    width: 282px; 
    padding: 4px 2px;
    margin:0;
    outline: none;
    resize: none;
    overflow: auto;
}

.text_area_430 { 
    width: 430px;
    height: 102px;
}

#wrapper div.text_area_430 textarea { 
    float: left;
    background: url("/media/images/forms/txtarea_mid.gif") repeat scroll 0 0 transparent;
    border: none; 
    height: 94px;
    /* line-height: 22px; */
    width: 412px; 
    padding: 4px 2px;
    margin:0;
    outline: none;
    resize: none;
    overflow: auto;
}

.text_graphic_left {
    background: url("/media/images/forms/txtarea_left.gif") repeat scroll 0 0 transparent;
    float: left;
    height: 102px;
    width: 7px;
}

.text_graphic_right {
    background: url("/media/images/forms/txtarea_right.gif") repeat scroll 0 0 transparent;
    float: right;
    height: 102px;
    width: 7px;
}


/* Video 
------------------------------*/
.video_container {
    clear: both;
    display: block;
}

.video_container .video_frame {
    float: left;
    display: inline;
    background: url("/media/images/products/spp_flash_box_tab.gif") no-repeat scroll left top transparent;
    height: 334px;
    margin: 12px 13px;
    width: 442px;
}

.video_container ul.video_tabs {
    height: 20px;
    padding-top: 2px;
    padding-left: 6px;
    background: #FFFFFF;
    width: 436px; 
    overflow: hidden;
}

ul.video_tabs li a {
    display: inline;
    float: left;
    background: url("/media/images/btns/tabs_videos-sprite.gif") no-repeat;
    height: 20px;
    overflow: hidden;
    margin-right: 4px;
}

.models_media_box ul.video_tabs li a,
.stylist_media_box ul.video_tabs li a {
    background: url("/media/images/btns/tabs_videos_blk-sprite.gif") no-repeat;
}

ul.video_tabs li.tab_video a { width: 93px; background-position: 0 -20px;}
ul.video_tabs li.tab_gallery a { width: 90px; background-position: -93px -20px; }
ul.video_tabs li.tab_snippits a { width: 93px; background-position: -183px -20px; }
ul.video_tabs li.tab_extra a { width: 88px; background-position: -276px -20px; }
ul.video_tabs li.tab_how_to a { width: 133px; background-position: -364px -20px; }

ul.video_tabs li.tab_video a.active { background-position: 0 0;}
ul.video_tabs li.tab_gallery a.active { background-position: -93px 0; }
ul.video_tabs li.tab_snippits a.active { background-position: -183px 0; }
ul.video_tabs li.tab_extra a.active { background-position: -276px 0; }
ul.video_tabs li.tab_how_to a.active { background-position: -364px 0; } 

.video_frame .video_box {
    margin: 2px 2px 2px 3px;
    padding-left: 9px;
    width: 429px;
    height: 308px;
    background-color: #000000;
}

.video_box .pane_video {
    padding: 0 9px;
}

/* Video Black 
------------------------------*/
div.video_black .video_frame { background: url("/media/images/bbstories/frame_on_Black.gif") no-repeat scroll left top transparent; }
div.video_black ul.video_tabs li { background: url("/media/images/btns/tabs_videos_blk-sprite.gif") no-repeat; float: left;}
div.video_black ul.video_tabs li.tab_video { width: 93px; background-position: 0 -20px; }
div.video_black ul.video_tabs li.tab_gallery { width: 93px; background-position: -93px -20px; }

div.video_black ul.video_tabs li.on { background-position: 0 0; } 

/* About
------------------------------*/
#about_salon #wrapper {
	width: 900px;
	padding-top: 93px;
	padding-bottom: 0;
	background: url(/images/salons/bg_salon_landing_top.jpg) top left no-repeat;
}
.about_nyc_container {
	float:left;
	padding-left: 81px;
	width: 367px; 
	height: 318px;
	background: #000 url(/images/salons/bg_salon_landing_right.jpg) top left no-repeat;
}
.about_container_content_mid {
	float:left;
	width: 6px;
	height: 318px;
	background: url(/images/salons/separator_landing.png) top left no-repeat;
}
.find_salon_container {
	float:left;
	padding-right: 107px;
	height: 318px;
	background: #000 url(/images/salons/bg_salon_landing_left.jpg) top right no-repeat;
}

.about_container_bg_bottom {
	clear: both;
	background: url(/images/salons/bg_salon_landing_bottom.jpg) top left no-repeat;
	width: 900px;
	height: 90px;
}

/* About Content */
h2.about_nyc_title {
	margin: 46px 0 0 38px;
	background-image: url(/images/salons/h_our_salon_home.gif);
	width: 287px;
	height: 18px;
	text-indent: -5000px;
}
h2.find_salon_title {
	margin: 46px 0 0 38px;
	background-image: url(/images/salons/h_looking_for_a_salon.gif);
	width: 281px;
	height: 20px;
	text-indent: -5000px;
}
.about_copy {
	margin: 16px 0 0 40px;
	width: 299px;
	font-size: 12px;
	color: white;
	height: 75px;
}

ul.about_list {
	margin-top: 30px;
	margin-left: 40px;
}
.about_list li {
    /*padding-right: 20px;*/
    background: url(/images/salons/arrow_white.png) no-repeat scroll 0 3px  transparent;
    height: 22px;
    margin-top: 1px;
}
.about_list li a { 
    padding-left: 15px;
    font-size: 11px; 
    font-weight: bold;
    color: #66A7D7;
    line-height: 18px;
}

/* additional global styles 
------------------------------*/
a.btn_buy { 
    display: block;
    height: 18px;
    width: 39px;
    background: url(/media/images/btns/btn_buy-sprite.gif) no-repeat 0 0;
    overflow: hidden;
}

a.btn_buy:hover { background-position: 0 -18px; }


/* cross-sells - needs editing
----------------------------------Hi*/

.loading-container {
	text-align: center; 
	height: 400px;
}

.loading-container img {
	padding: 20px;
}


.product-description .related {
	float:right;
	width:154px;
	margin:4px 0 0 30px;
	background:url(/images/backgrounds/related-box.gif) repeat-y;
}
.product-description .related .bg-top {
	overflow:hidden;
	width:100%;
	background:url(/images/backgrounds/related-box-top.gif) no-repeat;
}
.product-description .related .bg-bottom {
	overflow:hidden;
	padding:2px 4px 18px 3px;
	width:147px;
	background:url(/images/backgrounds/related-box-bottom.gif) no-repeat 0 100%;
}

.product-description .related .heading {
	display:block;
	width:100%;
	padding:12px 0 10px;
	margin:0 0 12px;
	border-bottom:1px solid #ccc;
	text-align:center;
	color:#000;
}
.product-description .related ul {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
.product-description .related ul li {
	float:left;
	width:100%;
	padding:0 0 10px;
	list-style:none;
	text-align:center;
	line-height:16px;
}
.product-description .related ul li img {
	display:block;
	margin:0 auto 3px;
}
.product-description .related ul li .features {
	font-size:1.223em;
	display:block;
	color:#e40e62;
	font-weight:bold;
    font-style:italic;
    margin:0;
    line-height:1;
}
.product-description .related ul li strong {
	color:#010101;
	font-weight:bold;
}
.product-description .related ul li strong a {
	color: #000;
}
.product-description .related ul li p {}


.related-item-wrapper a.quickshop-link {
    display:block;
}
.related-item-wrapper a.quickshop-link span {
	position:absolute;
	display:block;
	top:-9999px;
	left:50%;
	margin-left: -76px;
	width:152px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	clear:both;
	z-index:86;
	background:url(/images/backgrounds/quick-look.png) no-repeat;
	cursor:pointer;
}
.related-item-wrapper a.quickshop-link:hover span {top:40px;}
.related-item-wrapper a.quickshop-link:hover {background:url(none.gif);}

.recommended-items {
    width: 100%;
    margin: -1px 0 0;
    letter-spacing: 0;
    /* background:url(/images/backgrounds/bg-summary-block.gif) repeat-y;*/ /* 52254 COG Apr 28 2010 - Removed for recommended page bg image */ 
}

.recommended-items:after {
    content:"";
    display:block;
    clear:both;
    height:0;
}

.recommended-items .bg-bottom {
    overflow:visible;
    width: 700px;
    background:url(/images/background/bg-summary-block-bottom.gif) no-repeat 0 100%;
}
.recommended-items .bg-top {
    padding:8px 4px 25px 6px;
    background:url(/images/background/bg-summary-block-top.gif) no-repeat;
}
.recommended-items .bg-top strong {display:block; padding-top:5px; height:34px;}

.recommended-items .items-holder {
    width: 100%;
    clear: both;
    margin: 20px 0 30px 0;
}

.recommended-items .items-holder:after {
    content:"";
    display:block;
    clear:both;
    height:0;
}

.recommended-items .item_sum {
    padding:0 0 10px 0;  /*52254 COG Apr 28 2010 - Fixed header left and side alignment */
    width: 201px;
    float: left;
}

.recommended-items .bag {
    overflow: hidden;
    width: 100%;
    padding: 20px 21px 0 0;
	margin-top:15px; /*52254 COG Apr 28 2010 - Icrease space between heading and line */
    background:url(/images/backgrounds/h-bg.gif) repeat-x;
}

.recommended-items .recommendation {
	background-color: #FFFFFF;
	width: 201px;
	padding: 15px 0 20px 0px;
}
.recommended-items .recommendation .item {
	margin-top: 12px;
}
.recommended-items .recommendation .item img {
	margin-right: 0;
}
.recommended-items .recommendation .item .callout {  }
.recommended-items .recommendation .item strong { margin-bottom: 0; font-size: 12px;}
.recommended-items .recommendation .item strong a { color:#000;}
.recommended-items .recommendation .item em { margin-bottom: 5px; }
.recommended-items .recommendation .item .btn-add {
	background: url(/images/btns/add-to-bag-no-shadow.gif) no-repeat;
	margin-top: 2px;
}


.quickshop-link {height: 100px; text-align: left; position: relative;}

.item .callout {
	padding-top: 15px;
	margin-bottom: 2px;
	font-size: 11px;
	color:#e40e62;
	font-weight:bold;
}



/* Custom Select Container for Browse All Products By
------------------------------*/

/* selects */
.selectArea {
	position:relative;
	height:22px;
	float:left;
	color:#000;
	overflow:hidden;
	cursor:pointer;
	z-index: 80;
	width:180px;
	margin-bottom: 7px;
	background: url(/media/images/forms/product_select.gif) no-repeat scroll 0 0 transparent;
}
.selectArea .left {

	position:  relative; 
	float: left;
	vertical-align: top;
	height: 22px;
    width: 7px;
	background: url(/media/images/forms/txtfield_left.gif) no-repeat scroll 0 0 transparent;
	z-index: 5;

}

.selectArea .mid {
	position:absolute; 
	float: left;
    background: url(/media/images/forms/txtfield_mid.gif) repeat-x scroll 0 0 transparent;
    vertical-align: middle;
    cursor: pointer;
    height: 22px;
    width: 180px;
    margin: 5px 0 8px 0;
    z-index: 4;

}
.selectArea a.selectButton {
    background:url(/media/images/forms/select_arrow.gif) no-repeat scroll 100% 0 transparent;
    height:100%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    width:100%;
}


.closed-select .left, .closed-select-up .left, .open-select .left
{
	/* background:url(/media/images/forms/txtfield_left.gif) no-repeat; */
}

.open-select-up .left
{
	/* background:url(/media/images/forms/txtfield_left.gif) no-repeat;  */
}

.closed-select .center, .closed-select-up .center, .open-select .center
{
	background:url(/media/images/forms/txtfield_mid.gif) repeat-x;
}

.open-select-up .center
{
	background:url(/media/images/forms/txtfield_mid.gif) repeat-x;
}

.open-select-up a.selectButton
{
	background:url(/media/images/forms/select_arrow.gif) no-repeat 100% 0;
	height:100%;
	overflow:hidden;
	margin-right: -1px;
}


/* the center for the selects */

/* .open-select .selectButton {background-position:100% -28px !important;  } */
.selectArea .center{
	height:23px;
	display: block;
	margin: 0 23px 0 7px;
	padding: 4px 0 2px 0;
	white-space:nowrap;
	text-align: left;
	font-size: 11px;
	font-family:Arial,sans-serif; 
	font-weight:normal;
}

.selectArea img {        
	position:relative;
	z-index:345;
	
}

/* sets the width for the custom selects */

.w-normal {width:180px;}
.w-small {width:150px;}

/* not currently being used but here in case it is useful */
/* .w-minimal {width:59px;}
.w-date { width: 85px; }

.w-middle {width:130px;}
.w-big {width:230px;}
.w-wide {width: 344px;} */


/* selects drop-down */

.optionsDivInvisible,
.optionsDivVisible {
	position:absolute;
	display:block;
	letter-spacing:0;
}

.optionsDivInvisible {display:none;}

.optionsDivInvisible ul,
.optionsDivVisible ul {
	background:#FFFFFF;
	color:#000;
    width: 100%; /* outer box for drop down */
    display:block;
	height:1%;
	list-style:none;
	margin: 0;
    max-height:225px;
    overflow-x:hidden;
    overflow-y:auto;
	padding:0;
	text-align:left;
}

.optionsDivInvisible ul li,
.optionsDivVisible ul li {
	font:11px
	font-family:arial,sans-serif;
	font-weight:normal;
	width:100%;   /* inner box */
	overflow:hidden;
	vertical-align:middle;
	white-space:nowrap;
	margin-top: -1px;
	padding: 5px;
	background: url(/media/images/products/filter_dotted_line.gif) repeat-x scroll 0 0;	
}

.optionsDivInvisible ul li img,
.optionsDivVisible ul li img {
	margin:0 10px 1px -3px;
	vertical-align: middle;
	
}

.optionsDivVisible .background_body{
	/* 5star moved style to show border around this div not child UL */
	border: 1px solid #cccccc;	
}

.browse_list_container .optionsDivVisible .background_body {
	width: 180px;	
}

.optionsDivVisible .background_body ul{
	/*52301 - COG Apr23-2010 drop down issue fixed*/
	position:relative;
    /*52301 - COG Apr23-2010 drop down issue fixed*/
}
/*.optionsDivVisible ul li span,
.selectArea .center span {
	padding:0 3px 0 0;
	font:italic 14px/21px;
}*/

.optionsDivInvisible a,
.optionsDivVisible a {
	margin: 0 11px; 
	color:#000;
	font:11px
	font-family:arial,sans-serif;
	font-weight:normal;
	text-decoration:none;
	display:block;
	height:1%;
}
.optionsDivInvisible a:visited,
.optionsDivVisible a:visited {color:#000;}

.optionsDivInvisible a:hover,
.optionsDivVisible a:hover {
    background-color:#FFFFFF;
	color:#60A0DD;
	text-decoration:none;
}

.optionsDivInvisible .select-top,
.optionsDivVisible .select-top {
	overflow: hidden;
	height: 10px;
	width: 180px;
	/* background:url(/media/images/forms/select_arrow.gif) no-repeat scroll 0 0 transparent; */
	position:relative;
	left: 95px;
	top: -11px;
	/*margin: -20px 0px, 0px, 0px;*/
	/* background-position: right top; */
}


.outtaHere {				/* Important, Required for custom-selects to work */
   left:-9999px;
   position:absolute;
}


/* PRODUCT PAGES DISCLAIMER */
.disclaimer{ background:#ccc; }
.disclaimer .lined{ width:900px; height:6px; background: url(/images/products/line_disclamer.gif) no-repeat; line-height:1px; font-size:1px; }
.disclaimer .disc_box{ height:30px; background:#e4f1f9; position:relative; }
.disclaimer .disc_box .box_title{  }
.disclaimer .disc_box .box_title a{ display:block; height:20px; padding: 4px 0 0 10px; }
.disclaimer .disc_box .box_title a img{ float:left; }
.disclaimer .disc_box .box_title a p{ float:left font-family:arial; font-weight:bold; font-size:12px; margin:0; padding: 2px 0 0 0; color:#000000; }
.disclaimer .disc_box .box_description{ position:absolute; top:0px; left:0px; }
.disclaimer .disc_box .box_description .disc_content{ position:relative; width:900px; }
.disclaimer .disc_box .box_description .disc_content .link_close{ float:left; width:50px; }
.disclaimer .disc_box .box_description .disc_content .link_close div{ padding-top:4px; padding-left:10px; }
.disclaimer .disc_box .box_description .disc_content .link_close div a{ width:20px; height:20px; }
.disclaimer .disc_box .box_description .disc_content .link_close div a img{ float:left }
.disclaimer .disc_box .box_description .disc_content .disc_text{ float:left; width:848px; padding: 6px 2px 0px 0px; font-size: 11px; font-weight: normal; font-family: arial; color: #000; z-index:-1; }


/* Address Book Pop Over
-------------------------------------*/
.overlay-container {
    border: none;
    padding: 8px 8px 0 0;
    background: transparent;
    overflow: hidden;
}

.overlay-container h2 {
    background: url("/media/images/account/hand_drawn_line.gif") repeat-x 0 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: lowercase;
}

.overlay-container #address_form_container {
    background: url('/media/images/bg/modal_bg_540x520.png') no-repeat 0 0 transparent;
    padding: 4px 0;
    width: 540px;
    height: 512px;
    overflow: hidden;
}

.overlay-container #address-form-popover { 
    width: 480px;
    height: 480px;
    padding: 16px 30px;
    overflow-y: auto;
}

.overlay-container .error_messages_display { 
    padding: 0;
    margin: 0;
}

.overlay-container  .close-container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

.overlay-container  a.close-link {
    display: block;
    height: 26px;
    width: 24px;
    background: url('/media/images/common/btn_x.png') no-repeat 0 0 transparent; 
    overflow: hidden;
    padding: 0;
}

.overlay-container  a.close-link span { display:none; }

.overlay-container fieldset.address { margin-top: 0; width: 480px; overflow: auto; }

.overlay-container fieldset.address div.country_container { margin-right: 0; }
.overlay-container fieldset.address div.default_ship_container { width: 400px; }

/* address delete */
.overlay-container .address-delete-confirm {
    background: url("/media/images/bg/address_popup-delete.png") no-repeat scroll 0 0 transparent;
    width: 480px;
    height: 172px;
    padding: 20px 30px;
}
.overlay-container .address-delete-confirm-options {
    padding-top:15px;
}

/* CMS block container pages BbBuzz, BbStories, etc. */
a.links_copy_blue {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.subhead {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: black;
}

.h_articles {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: black;
}

.copy {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: black;
}

.copy_articles_14_20 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: black;
}

a.sidenav_on {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
    color: #619DD6;
    text-decoration: none;
}

td.cms-copy,
td.cms-copy .cms-copy-container {
    position: relative;
}
td.cms-copy {
    display: block;
    width: 180px;
    padding: 15px 0;
}
td.cms-copy.top {
    padding-top: 0;
}
#hob td.cms-copy {
    height: 180px;
}
#bbstories td.cms-copy {
    height: 200px;
}
#hair_stories td.cms-copy {
    height: 210px;
}
#bbbuzz td.cms-copy {
    height: 200px;
}
#news td.cms-copy {
    height: 310px;
}
#screen td.cms-copy {
    height: 280px;
}
#fashion td.cms-copy {
    height: 250px;
}

.cms_layer iframe {
    overflow-x: hidden;
}

/*  email signup popup */
div#popup_email_signup {
	background: url("/media/images/global/submit_signup_popoct333_bg.gif") no-repeat scroll left top transparent;
/*	background-color: #fff; */
	width: 320px;
	height: 233px;
	margin-top:100px;
}

div#popup_email_signup2 {
	background: url("/media/images/global/2011_blackfriday_overlay_bg.png") no-repeat scroll left top transparent;
/*	background-color: #fff; */
        background-position: 18px 58px;
	width: 320px;
	height: 566px;
        z-index: 999999999;
}

div#popup_email_signup3 {
	background: url("/media/images/global/2011_cybermonday_overlay_bg.png") no-repeat scroll left top transparent;
/*	background-color: #fff; */
        background-position: 18px 58px;
	width: 320px;
	height: 566px;
        z-index: 999999999;
}

div#popup_email_signup4 {
	background: url("/media/images/global/2011_maxtheday_overlay_bg.png") no-repeat scroll left top transparent;
/*	background-color: #fff; */
        background-position: 18px 58px;
	width: 320px;
	height: 566px;
        z-index: 999999999;
}

/* a.close-link {
	background: url("/media/images/global/submit_signup_popoct333_closeb.gif") no-repeat scroll left top transparent;

}
*/

div.overlay-container.emailpop  a.close-link {
    height: 31px;
    width: 34px;
    background: url('/media/images/global/submit_signup_popoct333_closeb.gif') no-repeat 0 0 transparent; 
margin-top:110px;
}

/*
div.overlay-container.emailpop {
margin-top:100px;
}
*/

div.overlay-container.emailpop  .close-container {
top:8px;
left:377px;

}


div.emailpop {
}
div.black_head {
	background-color: #000;
	width: 320px;
	height: 66px;
	text-align: center;
}
div.black_head h4 {
	font: bold 13px avenir,arial,sans-serif;
	color: #fff;
	padding: 12px 0 10px;
}
div.black_head h5 {
	font: bold 11px avenir,arial,sans-serif;
	color: #fff;
}
div.black_head h5 em { color: #B7C914; font-style: normal; }
div#popup_email_signup h6 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #65AEDF;
	padding: 15px 20px;
}
div#popup_email_signup .search_bg {
	background: url("/media/images/forms/txtfield_mid.gif") repeat-x scroll left top transparent;
	height: 22px;
	width: 250px;
	float: left;
}
div#popup_email_signup .lft_graphics {
	background: url("/media/images/forms/txtfield_left.gif") no-repeat scroll left top transparent;
	height: 22px;
	width: 7px;
	float: left;
	margin-left: 38px;
}
div#popup_email_signup .rht_graphics {
	background: url("/media/images/forms/txtfield_right.gif") no-repeat scroll left top transparent;
	height: 22px;
	width: 7px;
	float: left;
}
div#popup_email_signup .search_bg input {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    font-size: 11px;
    height: 16px;
    margin: 2px 0 0;
    padding: 0;
    width: 100%;
}
div#popup_email_signup .go_btn {width: 56px; height: 18px; float: right; /* margin: 10px 18px 0 0; */ position:absolute; left:313px; top:187px;}
div#popup_email_signup .go_btn input {
	clear: both;
	width: 56px;
	height: 18px;
}
div#email_popup_thankyou {
	margin-bottom:10px;
	margin-top:auto;
	padding: 40px 20px;
	text-align: center;
}

div#email_popup_form {
margin-top: auto;
margin-bottom:10px;

}
div#email_popup_thankyou .title {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #65AEDF;
	padding-bottom: 40px;
}
div#email_popup_thankyou .black_text {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}

div#email_popup_thankyou .green_text { color: #B7C914; }

/* New homepage bottom tout bar */
#wrapper_hpbottom {
	width: 900px;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
        border-top: 1px solid #262324
}
.headline_gallery_hpbottom {
	padding-top: 20px;
	background: #000;
	color: #333333;
	width: 900px;
	height: 135px;
	overflow: hidden;
}
.headline_container_hpbottom {
	height: 86px;
	border: 1px dashed #414141;
	width: 256px;
	margin: 0 21px;
	float: left;
	color: #fff;
}
.headline_container_hpbottom_bg {
	background: url(/media/images/home/tout_bg.gif) repeat scroll top left;
}
.form_container_hpbottom {
	padding: 21px 14px;
	overflow: hidden;
	height: 44px;
	width: 228px;
}
.form_container_hpbottom input.message {
	width: 176px;
	padding: 0 3px;
	background-color: #fff;
	color: #666;
	line-height: 18px;
	height: 21px;
	font-size: 10px;
	float: left;
	border: none;
}
.form_container_hpbottom input.button {
	float: right;
	background: url(/media/images/home/Btn_JOIN_OFF.gif) no-repeat scroll top right;
	width: 42px;
	height: 21px;
	border: none;
}
.form_container_hpbottom input.button:hover, .form_container_hpbottom input.button:active {
	background: url(/media/images/home/Btn_JOIN_ON.gif) no-repeat scroll top right;
	width: 42px;
	height: 21px;
	border: none;
}
#ticker-blue {
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: 700;
	background-color: #66a7d7;
	line-height: 22px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#ticker-green {
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: 700;
	background-color: #bed30e;
	line-height: 22px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#message-ticker {
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: 700;
	background-color: #de0000;
	line-height: 22px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/*HOLIDAY BUTTON */

/*#holiday_gnav {
position:absolute;
top:57px;
left:570px;
width:80px;
height:18px;
background: url(/media/images/gnav/gnav_h11_80x15_on.gif) top left no-repeat;
cursor: pointer;


}
#holiday_gnav a:hover {background: url(/media/images/gnav/gnav_h11_80x15_on.gif) top left no-repeat;}

#holiday_gnav a:hover {background: url(/media/images/gnav/gnav_h11_80x15_on.gif) top left no-repeat;}
*/

/* Saturday 24th delivery Pop-up */
.zip_xmas_check_popup {
	background-color: #fff;
	border: solid 1px #000;
	padding: 0px;
}
.overlay-container  .zip_xmas {
    top: 15px;
    right: 15px;
}
.zip_xmas  a.close-link {
    display: block;
    height: 15px;
    width: 14px;
    background: url('/media/images/btns/btn_close_white_bg.gif') no-repeat 0 0 transparent; 
    overflow: hidden;
    padding: 0;
}
.zip_xmas_check_popup h3 { padding: 10px; border-bottom: solid 1px #000; font-weight: bold; text-transform: none; font-size: 16px; }
.zip_xmas_check_popup h4 { padding: 10px 20px 10px; text-transform: none; color: #666; font-weight: normal; }
.zip_xmas_check_popup #xmas_zip_check_form { padding: 0 20px 10px; }
.zip_xmas_check_popup #zip_xmas_search { padding: 3px 0; }
.zip_xmas_check_popup input#zip_xmas_check { width: 100px; border: solid 1px #999; margin-right: 10px; float: left; }
.zip_xmas_check_ok, .zip_xmas_check_not_ok { padding: 0 20px 20px; color: #F00; font-size: 12px; font-weight: bold; }