/* ############################################# */
/* #  Estee Lauder                             # */
/* # ......................................... # */
/* #  RUBIX MEDIA LLC                          # */
/* #  P.Gold - 22 Mar 2008                     # */
/* ############################################# */

@import "reset.css";
@import "dropdown.css";

/* ********************************************* */
/*       COLOR PALETTE                           */
/*                                               */
/*   GRAY      #666666                           */
/*   GOLD      #c8a051                           */
/*   TAN       #f8e9b3                           */
/*   DK BLUE   #003066                           */
/*   LT BLUE   #728e9f                           */
/*                                               */
/* ********************************************* */


/* ********************************************* */
/*      GLOBAL DEFINITIONS                       */
/* ********************************************* */

.clear { clear: both; height:0px; font-size: 0px; }

.nowrap { white-space: nowrap; }



table { width: 100%; }

th { text-align: left; }

td { vertical-align: top; }

a img { border: none; }

a { text-decoration: none; color: #535353; }
a:hover { text-decoration: underline; }
.nolink:hover { text-decoration: none; }

img { display: block; }

dfn { font-style: normal; }

hr { border: 0; padding: 1px 0 6px; background: url(/images/common/bg_dotted.gif) repeat-x left; }

.clearfix:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

/* ..... border and corner styles ..... */
.bdr_t { background-repeat: repeat-x; background-position: top; }
.bdr_r { background-repeat: repeat-y; background-position: right; }
.bdr_b { background-repeat: repeat-x; background-position: bottom; }
.bdr_l { background-repeat: repeat-y; background-position: left; }
.cnr_tl { background-repeat: no-repeat; background-position: top left; }
.cnr_tr { background-repeat: no-repeat; background-position: top right; }
.cnr_br { background-repeat: no-repeat; background-position: bottom right; }
.cnr_bl { background-repeat: no-repeat; background-position: bottom left; }


/* ********************************************* */









    /* ***** UTILITY NAVIGATION ***** */



            .utilitynav_menu  .menu_item {
                background: url(/images/common/bg_dotted_y.gif) repeat-y right;
                display: inline;
                float: left;
                font-size: 11px;
                line-height: 12px;
                margin-right: 5px;
                padding-right: 6px;

            }
                .utilitynav_menu li.last {
                    background: none;
                    margin-right: 0;
                    padding-right: 0;
                }


            /* ***** SHOPPING BAG LAYER ***** */
            /* .............................. */
            .overlay_layer {
                position: absolute;
                z-index: 9000;
            }

            .close_btn {
                background: url(/images/btn/btn_close.gif) no-repeat right center;
                color: #666;
                float: right;
                font-size: 10px;
                line-height: 13px;
                padding-right: 18px;
                text-transform: uppercase;
            }
            #utilitynav a.close_btn {
                color: #666;
            }

            #shoppingbag_layer {
                /*display: none;*/
                padding-top: 16px;
                right: 0;
                top: -999em;
                margin-top: 45px; /* this is the actual [top] value */
            }

            #shoppingbag_layer .shoppingbag_wrapper {
                background: #fff url(/images/gnav/globalnav_bag_bdr_gold.jpg) repeat-x left top;
                width: 340px;
                border: 1px solid #e4e4e4;
                border-top: 0;
                text-align: left;
                        padding-right:5px;
            }
                #shoppingbag_layer .shoppingbag_container {
                    padding: 16px 15px;
                    padding-bottom: 0;
                }
                    #shoppingbag_layer .shoppingbag_contents {
                        padding-top: 1px;
                        background: url(/images/common/bg_dotted.gif) repeat-x left top;
                        margin-top: 7px;
                        width: 100%;
                    }
                        #shoppingbag_layer .shoppingbag_contents th,
                        #shoppingbag_layer .shoppingbag_contents td {
                            background: url(/images/common/bg_dotted.gif) repeat-x left bottom;
                            padding: 8px 0 12px 0;
                        }
                        #shoppingbag_layer .shoppingbag_contents .prod_item { min-width: 209px; _width: 209px; }
                        #shoppingbag_layer .shoppingbag_contents .prod_item .prod_image a .prod_thumb img { margin-top: 2px;  }
                        #shoppingbag_layer .shoppingbag_contents .prod_item .prod_container { margin: 0; }
                        #shoppingbag_layer .shoppingbag_contents .prod_details { padding-left: 103px;  }
                        #shoppingbag_layer .shoppingbag_contents .prod_qty { padding-left: 10px; }
                        #shoppingbag_layer .shoppingbag_contents .shade { padding-left: 0px; }
                            #shoppingbag_layer .shoppingbag_contents .prod_qty .filter_select_container .select_drop_pane a  { padding-left: 5px; padding-right: 5px; }
                        #shoppingbag_layer .shoppingbag_contents .prod_total { text-align: right;padding-left: 15px;}

                    #shoppingbag_layer  .shoppingbag_footer {
                        padding: 8px 0 0;
                    }
                        #shoppingbag_layer  .shoppingbag_footer .shoppingbag_details:after,
                        #shoppingbag_layer  .shoppingbag_footer:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
                        #shoppingbag_layer .shoppingbag_footer .shoppingbag_details {}
                            .shoppingbag_details .note {font-size: 9px; line-height: 11px; margin-bottom: 6px; padding-top: 0; }
                            .shoppingbag_details .alert {
                                /*color: #fa2e2e;*/
                            }
                        #shoppingbag_layer .shoppingbag_footer .shoppingbag_subtotal {
                            float: right;
                        }
                            .shoppingbag_subtotal .subtotal {
                                display: block;
                                font-weight: bold;
                                margin-bottom: 5px;
                            }
                            .shoppingbag_subtotal .form_submit {
                                position: relative;
                                margin-right: -2px;
                            }
                        #shoppingbag_layer .rel_container {
                            background: url(/images/common/bg_bevel_t.gif) repeat-x left top;
                            padding: 10px 0px 0 0px;
                            margin: 15px -15px 0 -15px;
                            position: relative;
                            clear: left;
                        }
                            #shoppingbag_layer .rel_container .prod_container { width: 100%; padding: 0; } /* overridden in global_ie6.css */
                            #shoppingbag_layer .rel_container .prod_details { padding-right: 100px; width: 120px; } /* overridden in global_ie.css */
                            #shoppingbag_layer .rel_container .prod_title .note {
                                font-size: 11px;
                                margin-bottom: 1em;
                            }
                            #shoppingbag_layer .rel_container .prod_options .shade .note {
                                display: inline;
                                padding-right: 3px;
                                color: #666;
                            }
                            #shoppingbag_layer .rel_container .prod_options .action_btn {
                                /* overridden in global_ie.css */
                                position: relative;
                                float: right;
                                width: 90px;
                                height: 22px;
                                margin-top: -40px;
                                margin-right: -103px;
                                margin-bottom: -3px;
                            }

    /* ***** GLOBAL NAVIGATION ***** */

    #ukGlobalNav li#global_search {
        /* overrides exist in global_ie.css */
        display: inline;
        float: right;
        overflow: hidden;
        padding: 5px 10px 0;
        text-align: right;
        width: 215px;
    }
    #global_search form { display: inline; }
    #global_search .form_label { display: none; }

    #global_search .form_submit { float: right; }




    #ukGlobalNav li.noSub:hover{border-width: 0 1px 1px; border-bottom-color: #E3E3E3;border-right-color: #E3E3E3; border-left-color:#E3E3E3;}
    #ukGlobalNav li.tln a.tla {
        display: block;
        margin: -3px 0 0;
        position: relative;
        color: #666666;
    }
    #ukGlobalNav li a.tla img { padding: 13px 11px 10px; }

    #ukGlobalNav li.selected a.tla {
        background: transparent url(/images/gnav/globalnav_bdr_gold.jpg) repeat-x scroll left top;
        border-color: #5D607A;
        border-style: solid;
        border-width: 0 1px 0px 1px;
        color: #c8a051;
        /*margin-bottom: -1px;*/
        padding-right: 1px;
        padding-left: 1px;
        text-decoration: none;

        }

    #ukGlobalNav li.tln a.tla:hover,
    #ukGlobalNav li.hover.tln a.tla { background: transparent url(/images/gnav/globalnav_bdr_gold.jpg) repeat-x top left; }

   

    /*
    #nav_fr2maquillage .dropDownBox { width:491px; }
    #nav_fr2soin .dropDownBox { width:492px; }
    #nav_fr2re_nutriv .dropDownBox { width:492px; }
    #nav_fr2parfum .dropDownBox { width:492px; }
    */
    #nav_fr2maquillage .dropDownBox { width:531px; }
    #nav_fr2soin .dropDownBox { width:555px; }
    #nav_fr2re_nutriv .dropDownBox { width:409px; }
    #nav_fr2parfum .dropDownBox { width:425px; }
    
    /* centering attempt
    #nav_fr2parfum .dropDownWrap { padding-right:200px; }
    */

    #ukGlobalNav .dropDownWrap { cursor:default;position: absolute; }
    /*#ukGlobalNav  .dropDownBox .dropDownMenu { padding: 24px; padding: 24px 0px 5px 24px;}*/
    #ukGlobalNav  .dropDownBox .dropDownMenu { padding:25px 0 0 0; margin:0;}
    
    /*#ukGlobalNav  .dropDownBox .dropDownCol { float: left; width: 105px; margin-left:10px;}*/
    /*#ukGlobalNav  .dropDownBox .dropDownCol { float: left; width: 105px; margin-left:0; background:yellow;}*/
    #ukGlobalNav  .dropDownBox .dropDownCol { float: left; width: 105px; padding-left:25px;}
    
    #ukGlobalNav  .dropDownBox .dropDownCol .colTitle span { display: block; text-indent: -9999px; height: 1px; }
    /*#ukGlobalNav  .dropDownBox .dropDownCol ul { width: 105px; margin: 0 0 20px 2px; padding-right:10px; }*/
    #ukGlobalNav  .dropDownBox .dropDownCol ul { width: 115px; margin: 0 0 5px 2px; padding-right:0; }
    #ukGlobalNav  .dropDownBox .dropDownCol ul li { color: #999999; padding: 0 10px 0 10px; margin: 8px 0 0; font-size: 11px; color: line-height: 1.2em; background: transparent url(/images/common/bullet.gif) no-repeat 0px 4px;}
    #ukGlobalNav  .dropDownBox .dropDownCol ul li a { color: #999999; text-transform:none; position:relative;}
    #ukGlobalNav  .dropDownBox .dropDownCol ul li a:hover {color: #003066; text-decoration: underline; }
    #ukGlobalNav  .dropDownBox .noheader { padding-top: 16px;}
    
    #ukGlobalNav  .dropDownBox .elfr2_mod1 { margin-top:-25px; }
    #ukGlobalNav  .dropDownBox .elfr2_mod2 { margin-top:15px; }
    #ukGlobalNav  .dropDownBox .elfr2_mod4 { padding-left:10px; }
    
    #ukGlobalNav li.hover .dropDownBox { display: block; }
    #ukGlobalNav .dropDownCMS { clear: both; margin-left:1px; }

    /* CMS Navs only */
    #ukGlobalNav #nav_special_offers .dropDownMenu { padding: 0px; }
    #ukGlobalNav #nav_looks_tips .dropDownMenu { padding: 0px; }

    #ukGlobalNav li.hover.tln div.cmsBlock a { background: none; padding: 0px; margin: 0px; }
    #ukGlobalNav li.tln div.cmsBlock a { background: none; padding: 0px; margin: 0px; display: inline }

    #nav_special_offers { margin: 0 0 0 0 !important; }


    /* For GN Touts */
    .tout_promo_detail 	{	display: block;	line-height: 1.2em;	margin: 0pt 0pt 1px 0pt;	padding: 2px 0pt 3px;	color: #848484; }
    .tout_action_btn    { color: #003066; line-height: 1.3em; font-size: 10px; text-transform: uppercase; }
    .tout_action_mark   { color: #003066; line-height: 1.3em; font-size: 10px; }
    .tout_link          { color: #003066; }
    a.tout_link         { color: #003066;  }


/* ************************* */
/*      LEFTNAV      */
/* ************************* */

    .has_sidebar_right #sidebar_left { display: none; }
    #sidebar_right h4,
    #sidebar_left h4 {
        color: #666;
        font-size: 10px;
        font-weight: bold;
        margin: 0 0 20px 0;
        text-transform: uppercase;
    }
    .sidebar_nav ul {
        padding-bottom: 12px;
    }

    .sidebar_nav li,
    .sidebar_nav li a {
        color: #333;
        font-size: 9px;
        text-transform: uppercase;
    }
    .sidebar_nav li .cat_hdr {
        display: block;
        padding: 2px 0 5px 0;
    }

    .sidebar_nav li .cat_hdr,
    .sidebar_nav li .cat_hdr a {
        font-size: 14px;
        color: #bf9034;
    }
    .sidebar_nav li li {
        margin-bottom: 0;
        padding: 3px 0;
    }

    .sidebar_nav li li,
    .sidebar_nav li li a {
        color: #666;
    }
    .sidebar_nav li li.selected,
    .sidebar_nav li li.selected a {
        font-weight: bold;
        color: #222;
    }
    .sidebar_nav li.extra {
    padding-top: 1em;
    border-top: 1px dotted #c8a051;
    }

    a.sidenav_on {
        font-weight: bold;
        color: #222;
    }


/* ************************* */
/*   GLOBAL FOOTER       */
/* ************************* */



    #footer .footer_links li {
        float: left;
        padding: 0 10px 0 10px;
    }

    #email_signup label,
    #footer .footer_links li {
        /*margin: 4px 0 0 0;*/
        margin: 2px 0;
    }





        #signup_email_address {
            width: 108px;
            height: 18px;
            font-size: 9px;
        }

#email_signup_form_container li {
    font-weight: normal;
}



        #footer .copyright a,
        #footer .copyright span {
            margin-right: 10px;
        }


        #footer .copyright .privacy {
            font-size: 10px;
            text-transform: uppercase;
        }

        #footer #footer_country_chooser {
            display: inline;
            /* padding-left: 150px;*/ /* this would make opera happy :: debug this */
            /* padding-right: 150px; */
            padding-left: 30px;
     /* Ken here. I'm not sure why these other padding values were used here,
    but this one fixes bug
    https://www.esteeonline.com/bugzilla/domestic/show_bug.cgi?id=23492 */
        }





/* *************************************************** */
/*         ------ START ------             */
/*  CSS styles for template for Esteelauder.com        */
/*  implementation of Generic.Form.DropDownSelect      */
/* *************************************************** */
    select.orig_select {
        display: none;
        visibility: hidden;
    }

    .select_dropdown { /* replaces dojoxDropDownSelect */
        height:22px;
        margin: 0;
        padding: 0;
        border: none;
    }

    .select_dropdown:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
    .drop_select_button:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

    .drop_select_button { /* replaces dijitButtonNode */
            background: #fff;
            border: 1px solid #E3E3E3;
            color: #999;
        cursor:pointer;
        margin:0;
        padding:0;
        vertical-align: baseline;
        width:100%;
    }

    .select_dropdownLabel { /* replaces dojoxDropDownSelectLabel */
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        line-height:15px;
        background:transparent;
        border: none;
        margin-top: 2px;
        padding: 0 3px;
        overflow: hidden;
    }

    .select_right {
        float:right;
            margin: 0;
            padding: 0;
            text-align:right;
        width:16px;
    }

    .select_right img {
            border-left: 1px solid #e3e3e3;
            margin: 0;
            padding: 0;
    }

    .field_mid {
        float:left;
        text-align:left;
    }



/* Menu */
.menutable_wrapper {
    /* IE 6/7: menu_container needs this outer div for overlow scrolling */
    border: none;
}

.select_dropdownMenu { /* replaces dojoxDropDownSelectMenu & dijitMenu */
    background-color: #fff;
}

.menutable_container {
    border: 1px solid #ccc;
    margin-bottom: -1px;
    max-height: 300px; /* IE6 max height set in widget */
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.dijitPopup {
    position: absolute;
    background-color: transparent;
    padding: 0;
    margin: 0;
        overflow: visible;
        text-align:left;
}

.select_MenuTable {
    background-color: #fff;
  width: 100%;
}

/* tr in menu table */
.select_MenuItem{
  border: 1px solid #fff;
  float: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 100%;
}

.select_MenuTable .dijitMenuItemHover {
  background-color: #efefff;
  border: 1px solid #666;
  cursor: pointer;
}

/* td in menu table */
.select_MenuItemLabel {
    color: #999;
  font-size: 11px;
  overflow: hidden;
  padding: 3px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

.select_dropdownLabel { /* replaces dojoxDropDownSelectLabel */
    font-size:11px;
    background:transparent;
    border:none;
    overflow: hidden;
      white-space: nowrap;
 }

/* *************************************************** */
/*         ------ END ------               */
/*  CSS styles for template for Esteelauder.com        */
/*  implementation of Generic.Form.DropDownSelect      */
/* *************************************************** */


        .filter_controls { z-index: 1000; }
        .filter_controls:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
        .filter_controls .filter_select_container {         float: left; }
        .filter_select_container {
            position: relative;
            white-space: nowrap;
            height: 20px;
            display: block;
        }
        .filter_select_container:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

        .filter_select_container form,
        .filter_select_container .filter_selected_win,
        .filter_select_container .filter_control img {
            display: inline;
            vertical-align: middle;
        }
        .filter_select_container .filter_selected_win {
            background: #fff;
            border: 1px solid #E3E3E3;
            color: #999;
            display: inline;
            float: left;
            height: 16px;
            padding-top: 2px;
        }
        #main_content .form_filter_select,
        #main_content .filter_select_container .filter_selected_win,
        #main_content .filter_select_container .select_drop_pane a {
            color: #c8a051;
            font-size: 9px;
            text-transform: uppercase;
        }
        #main_content select.form_filter_select {
            color: #666;
            margin-bottom:5px;
        }

            select.orig_select option.disabled {
                font-weight: bold;
            }
        #main_content .filter_select_container .select_drop_pane a { color: #999; }



        #main_content .filter_select_container .select_drop_pane a span {
            color: #999;
        }

        .filter_select_container .filter_selected_win .filter_selected_win_content {
            line-height: 1.2em;
            padding: 3px 4px 0 4px;
        }

        .filter_select_container .filter_control {
            display: block;
            float: left;
            width: 17px;
        }

            .filter_select_container .filter_control img {
                background: #fff;
                border: 1px solid #e3e3e3;
                border-left: 0;
                cursor: pointer;
                height: 16px;
                margin: 0;
                padding: 1px;
                width: 15px;
            }

        .filter_select_container .select_drop_pane {
            background: #fff;
            border: 1px solid #e3e3e3;
            border-top-width: 0;
            left: -999em;
            padding: 2px 0;
            position: absolute;
            text-align: left;
            top: 20px;
            _top: 16px;
            z-index: 100;
        }

        .is_visible .select_drop_pane {
            display: block;
            left: 0;
        }
        .filter_select_container .select_drop_pane ol {
            padding: 0;
        }
            .filter_select_container .select_drop_pane li {}
                .filter_select_container .select_drop_pane a {
                    cursor: pointer;
                    text-decoration: none;
                    white-space: nowrap;
                    display: block;
                    padding: 2px 15px;
                }
                .filter_select_container .select_drop_pane a:hover { background-color: #efefff; }

                .has_ico .select_drop_pane a {
                    padding-left: 35px;
                }

                .has_ico .form_text {
                    padding-right: 6px;
                }

                .has_price .form_text {
                    padding-right: 29px;
                }

                .filter_select_container .option_ico {
                    display: block;
                    float: left;
                    height: 14px;
                    margin-left: -30px;
                    margin-right: 5px;
                    overflow: hidden;
                    width: 25px;
                }
                    .filter_select_container .option_ico img {
                        display: inline;
                        vertical-align: middle;
                    }

                .filter_select_container .option_price {
                    margin-left: 10px;
                }




        #footer_country_chooser { position: relative; }
         #footer_country_chooser .filter_select_container {
            position: absolute;
            left: 0;
            top: -4px;
            z-index: 100;
        }
             #footer_country_chooser .filter_select_container .filter_selected_win {
                color: #999;
                font-size: 11px;
/*              padding-right: 10px;*/
                text-transform: none;
            }
                #footer_country_chooser .filter_select_container .filter_selected_win_content {
                    padding-top: 2px;
                    text-align: left;
                }

             #footer_country_chooser .filter_select_container .filter_control {
                margin-right: 0px;
            }
             #footer_country_chooser .filter_select_container .select_drop_pane {
                bottom: 23px;
                background: #fff url(/images/gnav/globalnav_bdr_t.gif) repeat-x left top;
                top: auto;
                margin-left: 2px;
                padding-right: 5px;
            }
                 #footer_country_chooser .filter_select_container .select_drop_pane ol {
                    padding: 24px 0px 18px 24px;
                    display: block;
                    float: left;
                }
                     #footer_country_chooser .filter_select_container .select_drop_pane li {
                        background: url(/images/common/bullet.gif) no-repeat 0 0.4em;
                        padding: 0 0px 0.25em 10px;
                        margin-top: 0.25em;
                        float: left;
                        clear: left;
                    }
                        #footer_country_chooser .filter_select_container .select_drop_pane a {
                            padding: 0;
                        }
                        #footer_country_chooser .filter_select_container .select_drop_pane a:hover {
                            background-color: transparent;
                            text-decoration: underline;
                            color: #003066;
                        }









/* ***** GLOBAL FORM DEFINITIONS ***** */

#form_container table {
	width: 576px;
}

#form_container td {
	width: 288px;
	padding-bottom: 9px;
	padding-right: 20px;
}

#form_container .form_submit {
        margin-bottom:31px;
        margin-top:18px;
}

.form_text {
    height: 15px;
    font-size: 10px;
}


.form_text,
textarea {
    border: 1px solid #e3e3e3;
    padding: 3px 0 0 3px;
    color: #333;
}

textarea {
    overflow: auto;
    font-family: inherit;
    font-size: 11px;
}

.form_note {
    color: #999;
    display: block;
    font-size: 9px;
}
.form_label .form_note {
    color: inherit;
    display: inline;
    font-size: inherit;
}
dfn.form_note {
    line-height: 1.22em;
    margin-top: 10px;
    width: 280px;
}
.form_submit {
    cursor: pointer;
}
    .form_btn_quick_buy,
    .form_btn_add_to_bag {
        height: 22px;
        width: 90px;
    }
    .form_btn_checkout {
        height: 22px;
        width: 86px;
    }
    .form_btn_shop_now {
        height: 22px;
        width: 90px;
    }

.fieldset dt {
    clear: left;
    font-weight: bold;
    line-height: 1.3em;
    padding-bottom: 20px;
}
.fieldset dd {
    padding-bottom: 25px;
}
.fieldset:after,
.fieldset dd:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

.contact_form_block { margin-top: 20px; }
    .contact_form_block .form_sub_block { /*margin-bottom: 0;*/ }
    #main_content .contact_form_block h3 { font-size: 13px; margin-bottom: 20px; margin-top: 1em; }
    .contact_form_block .fieldset dt { padding-bottom: 0.5em; }

    .contact_form_block #disc_prod_text {
        color: #fe2e2e;
        display: block;
        font-size: 10px;
        line-height: 1.3em;
        padding: 0 0 0 20px;
        width: 360px;
    }
    .contact_form_block #disc_prod_text.hidden {
        display: none;
    }
    .contact_form_block .form_note {
        clear: both;
        margin-bottom: 4px;
    }
    .contact_form_block .form_item textarea,
    .contact_form_block .form_item .select_button,
    .contact_form_block .form_item .form_text {
        width: 252px;
    }




.form_multi_input:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.form_multi_input {
    margin-top: 5px;
    position: relative;
}

    .form_bool_input,
    .form_bool .form_bool_input {
        clear: left;
        float: left;
        margin: 4px 2px 0px 0;
    }

    .form_multi_label,
    .form_bool .form_multi_label,
    .form_bool label {
        display: block;
        line-height: 1.4em;
        padding: 5px 5px 5px 20px;
    }
        .form_multi_label span { display: block; }

.form_multi_input .multi_set {
    float: left;
    padding-right: 10px;
}

/*.form_item select, */
.form_item .select_button,
.form_item textarea,
.form_item .form_text {
    border-color: #ccc;
    margin-bottom: 5px;
    width: 180px;
}
.form_item .select_button { width: auto; } /* allow variable-width select boxes */

.field_pair{}
.field_pair:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
    .field_pair .form_item {
        float: left;
    }


.form_item .filter_select_container {
    padding-bottom: 5px;
}

.form_item .filter_select_container .filter_selected_win,
.form_item .filter_select_container .filter_control img {
    border-color: #ccc;
}

.form_item .form_label {
    margin: 3px 0;
}

.required_mark {
    color: #003066;
    padding-right: 5px;
}

.required_note {
    margin: 20px 0px 10px 0px;
    font-size: 10px;
}

.passwordHint {
font-size: 9px;
}

.form_btn_set:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.form_btn_set .action_btn {
    padding-bottom: 30px;
    float: left;
}

.form_btn_set .signin_btn {
    float: right;
}

.form_btn_set .form_submit {
    display: block;
    padding-bottom: 0;
}

.form_btn_signin{
position:relative;
top:35px;
}

/* ERRORS */
.label_err,
.form_item_err label,
.form_errors {
    color: #fe2e2e;
}

.form_errors {
    margin-bottom: 20px;
}
    .err_list li {
        font-weight: bold;
    }

.field_err,
.form_item .field_err,
.form_item_err .form_text,
.form_item_err select,
.form_item_err textarea {
    border-color: #fe2e2e;
}

.form_item_select_err {
    border: 1px solid #fe2e2e;
}

.form_block {}
.form_sub_block {
    margin-bottom: 30px;
}
.form_sub_block_last { margin-bottom: 0; }
    #main_content .form_sub_block h3 {
        margin-bottom: 0;
    }
    #main_content .form_sub_block .required_note {
        margin-top: 0.3em;
    }

.form_select {
    height:20px;
    padding-top:0;
}


/* ***** CONTENT AREA ***** */


    #main_content_wrapper:after,
    #main_content_wrapper.frame:after,
    #content_wrapper:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

    #main_content_wrapper.frame {
        border:1px solid;
        _float: left; /* IE6 */
        margin: 20px 10px 25px 0;
        padding: 18px 8px 0 18px;
    }

    #main_content_wrapper.frame #main_content {
        padding-top: 0;
    }

    #content_wrapper.content_full #main_content_wrapper #main_content object,
    #content_wrapper.content_full #main_content_wrapper #main_content embed { display: block; } /* make flash video display flush to borders */


            #contact_cs.open,
            #contact_cs.over,
            #contact_cs:hover,
            #contact_cs a {
                background-image: url(/images/common/arr_dn_bf9034.gif);
                z-index: 8000;
            }
            #contact_cs_layer {
                position: absolute;
                left: -999em;
                z-index: 800;
            }
                #contact_cs.open #contact_cs_layer,
                #contact_cs.over #contact_cs_layer,
                #contact_cs:hover #contact_cs_layer {
                    left: auto;
                    right: 0;
                }
                #contact_cs_layer .callout_wrapper {
                    background: #fff url(/images/common/bdr_cs_layer.gif) no-repeat left top;
                    border-top: 4px solid #fff;
                    height: 95px;
                    overflow: hidden;
                    width: 245px;
                }
                    .callout {
                        border: 1px solid #ccc;
                        padding: 12px 10px 10px 12px;
                    }
                    #contact_cs_layer .callout {
                        border: 0;
                        color: #888;
                    }
                        .callout_hdr {
                            padding-bottom: 10px;
                            text-align: right;
                        }
                        .callout_content {
                            background: url(/images/common/bg_dotted.gif) repeat-x left top;
                            font-size: 11px;
                            letter-spacing: 0.025em;
                            line-height: 14px;
                            padding-top: 8px;
                            text-align: right;
                        }
                            .callout_content a {
                                color: #003066;
                                background: #fff;
                                font-weight:normal;
                            }
                            #contact_cs_layer .callout_content a {
                                text-decoration: underline;
                                background: #fff;
                                font-weight:normal;
                            }

        #contact_cs_phone {
            position: relative;
            margin-top: 3px;
            margin-bottom: -2px;
            float: right;
        }
        #contact_cs_phone:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
        #contact_cs_phone img {
            float: right;
        }


           #breadcrumb a, #breadcrumb span { padding: 0 3px; }
            #breadcrumb a { color: #888; }
            #breadcrumb a:hover { color: #666; }
            #breadcrumb span { color: #333; }
                #breadcrumb a br,
                #breadcrumb span br { display: none; } /* remove line-breaks */


    /* ..... MAIN CONTENT LAYOUT :: IF HAS SIDEBARS ..... */

    #main_content { min-height: 440px; }
    #main_content:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
        #content_wrapper.content_full      #main_content { float: none; width: 100%; margin: 0; padding-bottom: 0; }
        #content_wrapper.has_sidebar_left  #main_content { float: left; width: 800px; }
        #content_wrapper.has_sidebar_right #main_content { float: left; width: 663px; }
        #content_wrapper.has_sidebars      #main_content { float: left; width: 523px; }


        .main_content_header {
            padding: 0px 0px 14px 0px;
        }

        .main_content_footer {
            padding: 0 0 17px 0;
        }

        .main_content_header:after,
        .main_content_footer:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

    #sidebar_right {
        float: right;
        width: 195px;
        padding: 32px 10px 20px 0;
    }
        .has_sidebar_left #sidebar_right { display: none; }
        #main_content_wrapper.frame #sidebar_right {
            padding-top: 0;
        }
        #col_right {
            line-height: 1.36em;
        }
            #col_right a,
            #col_right .action_mark {
                color: #003169;
            }



/* ..... MULTI-IMAGE ..... */
.component_multi_image {}
    .component_multi_image li { position: absolute; left: -999em; }
    .component_multi_image li.selected { position: static; left: auto; }
        .prod_image blockquote,
        .component_multi_image li blockquote {
            line-height: 1.27em;
            margin-top: -55px;
            padding-left: 25px;
            position: relative;
            width: 255px;
        }


.confirm_screen {
    margin: 12px auto 25px 74px;
    width: 793px;
}
    .confirm_screen .container_inner {
        height: auto;
        padding: 45px 60px 50px 50px;
    }
    .confirm_screen .container_inner:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
    .confirm_screen .shadow_table .container_inner { height: auto; }
        .confirm_screen #prod_area { padding-top: 15px; }
            .confirm_screen .prod_image blockquote { color: #666; }
        .confirm_screen .prod_features_wrapper {
            padding: 0 0 0 10px;
            width: 315px;
        }
            .confirm_screen .prod_features_wrapper h1 {
                font-weight: normal;
                margin-bottom: 16px;
                margin-left: -2px;
                position: relative;
            }
            #main_content .confirm_screen .prod_features_wrapper p { line-height: 1.27em; }
                .confirm_screen .prod_features_wrapper p a {
                    color: #003169;
                    text-decoration: underline;
                }
            .cert_details { margin-bottom: 20px; }
                .cert_details dt {
                    font-weight: normal;
                    margin-bottom: 3px;
                }
                .cert_details dd {
                    font-size: 16px;
                    line-height: 21px;
                }


/* ***** CONTENT ***** */
#main_content h1 {
    font-size: 20px;
    color: #c8a051;
    font-weight: normal;
    text-transform: uppercase;
}
#main_content h2 {
    font-size: 20px;
    color: #c8a051;
    font-weight: normal;
    text-transform: uppercase;
}
#main_content h2.prod_title_primary {
    font-size: 20px;
    color: #c8a051;
    font-weight: bold;
    line-height: 1.3em;
    display: block;
    text-transform: none;
}

#main_content h4.prod_title_primary {
    color: #c8a051;
    font-weight: bold;
    line-height: 1.3em;
    display: block;
    text-transform: none;
}

h2.branded_hdr {
    margin-top: -4px;
    position: relative;
}
#main_content h3 {
    font-size: 15px;
}
#main_content h4 {
}
#main_content h5 {
}
#main_content h6 {
}

#main_content p {
    line-height: 1.5em;
    margin-bottom: 1.25em;
}
#main_content p.list_intro {
    margin-bottom: 0;
}
#main_content strong {
    font-weight: bold;
}

.standard_list {
    margin: 0 0 1.5em 10px;
}
    .standard_list li {
        margin: 0.3em 0 0 0;
    }

ol.standard_list {
    list-style: decimal;
    margin-left: 10px;
    padding-left: 1em;
}

ul.standard_list {
    list-style: none;
}
    ul.standard_list li {
        background: url(/images/common/bullet.gif) no-repeat 0 0.4em;
        padding: 0 0 0 10px;
    }


    .note {
        color: #c8a051;
        display: block;
        font-size: 9px;
        line-height: 1em;
        padding: 3px 0 0 0;
        text-transform: uppercase;
    }
    .alert {
    color: #fe2e2e;
    }





/* ***** CONTAINERS ***** */
.container { margin: 0 0 0px 0; }


    /* ..... SHADOW CONTAINER ..... */
    .shadow_container {
        background: none;
        margin: 0px;
        padding: 3px;
        border: 2px solid #EEEEEE;
        position: relative;
    }

    .shadow_container_bg { background-color: #fff; }

        .shadow_container .bdr_t { background-image: url(/images/shadow/shd_bdr_t.png); }
        .shadow_container .bdr_r { background-image: url(/images/shadow/shd_bdr_r.png); }
        .shadow_container .bdr_b { background-image: url(/images/shadow/shd_bdr_b.png); }
        .shadow_container .bdr_l { background-image: url(/images/shadow/shd_bdr_l.png); }
        .shadow_container .cnr_tl { background-image: url(/images/shadow/shd_cnr_tl.png); }
        .shadow_container .cnr_tr { background-image: url(/images/shadow/shd_cnr_tr.png); }
        .shadow_container .cnr_br { background-image: url(/images/shadow/shd_cnr_br.png); }
        .shadow_container .cnr_bl { background-image: url(/images/shadow/shd_cnr_bl.png); }

        .shadow_table { width: 100%; height: 100%; border-collapse: collapse; } /* set width to fix exactly to container (especially important for IE6) */
            .shadow_table .cnr_tl { height: 6px; width: 6px; }
            .shadow_table .cnr_br {height: 6px; width: 6px; }
            .shadow_table .shadow_table_inner { height: 100%; }
            .shadow_table .container_inner { height: 100%; position: relative; margin: -3px; }


.shadow_container_img {
        background: none;
        margin: 0px;
        padding: 3px;
        border: 2px solid #EEEEEE;
        position: relative;
    }


/* ***************************************************** */
/*      GLOBAL PRODUCT DEFINITIONS       */
/* ..................................................... */
/*   + Overriden in global_ie.css            */
/* ..................................................... */

.prod_container {
    position: relative;
    min-height: 92px;
    z-index: 1;
}
    .prod_container:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

    .prod_title { margin-bottom: 1em; }
        .prod_title dfn {}
        /* See h2.prod_title_primary above. */
        .prod_title .prod_title_secondary { font-weight: normal; }
        .prod_title a:hover span { text-decoration: underline; }
        .prod_title a.nolink:hover span { text-decoration: none; cursor: text; }


    .prod_details {
        float: left;
        padding-left: 110px;
        position: relative;
    }
        .prod_descr {}
            .prod_descr p { margin: 0 0 1em 0; }
        .prod_options {}
            .prod_options .shade {
                font-size: 9px;
                margin: 0 0 20px 0;
                text-transform: uppercase;
            }
            .prod_options .prod_price { margin: 10px 0 0 0; }
            .prod_options .action_btn {
        margin: 0px 0 0 0;
        text-transform: uppercase;
        }
        .prod_options .action_btn a {
                color: #333; /* #c8a051; */
        }
            .prod_options .prod_action_set { margin-bottom: 1em; }

        .prod_attributes { margin-bottom: 1em; }
            .prod_attributes dt {
                color: #c8a051;
                font-size: 9px;
                font-weight: normal;
                position: absolute;
                text-transform: uppercase;
            }
            .prod_attributes dd {
                padding-left: 64px; /* reduced from 60 to allow for longer text strings */
                /*white-space: nowrap;*/ /* :: removing to resolve bug # 24078 :: */
            }

    .prod_image {
        height: 100%;
        position: absolute;
        top: 0;
        width: 92px;
        z-index: 11;
    }
    
    /* quickview specific hover image */
    .prod_image a .quickview_overlay {
        z-index:99;
        width:100%;
        height:100%;
        position:absolute;
        visibility:hidden;
    }
    .prod_image a .quickview_overlay img {
        margin-top:65%;
        width:90px;
        height:22px;
        margin-left:auto;
        margin-right:auto;
    }
    .quickview_overlay {
        z-index:99;
        width:100%;
        height:100%;
        position:absolute;
        visibility:hidden;
    }
    .quickview_overlay img {
        margin-top:65%;
        width:90px;
        height:22px;
        margin-left:auto;
        margin-right:auto;
    }
    .prod_image a .quickview_overlay_small {
        z-index:99;
        width:100%;
        height:100%;
        position:absolute;
        visibility:hidden;
    }
    .prod_image a .quickview_overlay_small img {
        margin-top:40%;
        margin-left:auto;
        margin-right:auto;
    }
    
        .prod_image a,
        .prod_image .prod_thumb img {
            /*background: #dcd; -fpo- */
            bottom: 0;
            display: block;
            height: 92px;
            left:0;
            right: 0;
            margin: auto;
            position: absolute;
            top: 0;
            width: 92px;
            z-index: 15;
        }
            .prod_image a .prod_thumb img {
                border: 0;
                bottom: auto;
                left:auto;
                position: static;
                right: auto;
                top: auto;
                z-index: 14;
            }
    /* End of quickview */

#samples_content_header h1 { margin-bottom: 20px; }
.grid_samples .prod_title {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}
    .grid_samples .prod_title .prod_title_primary {
        color: #666;
        font-size: 12px;
        font-weight: bold;
     }
    .grid_samples .grid_cell .prod_sample .prod_image {
        top: auto;
        width: 112px;
    }
        .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb img,
        .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb,
        .grid_samples .grid_cell .prod_sample .prod_image a {
            height: 175px;
            width: 110px;
        }
        .grid_samples .grid_cell .prod_sample .prod_image .prod_thumb,
        .grid_samples .grid_cell .prod_sample .prod_image a {
            bottom: -25px;
            position: absolute;
            top: auto;
        }
        .grid_samples .grid_cell .prod_sample .prod_details {
            height: auto;
            padding-left: 120px;
            padding-right: 20px;
            width: 163px;
        }
        .grid_samples .grid_cell .prod_sample .prod_options .action_btn { font-size: 9px; }

    .grid_samples .form_item .selected label {
        color: #c8a051;
    }


        #main_content .promo_content h1 {
            font-size: 20px;
            font-weight: normal !important;
            font-weight: bold; /* IE6 */
            text-transform: none;
        }
            #main_content .promo_content h1 span.substring {
                display: block;
                font-size: 16px;
            }


            /* ..... overlay swatch icon ..... */
            /* :: [PG: 6 May 08] - KNOWN ISSUES: layer order sitting this above parent anchor :: */
            .prod_image .swatch_ico {
                border: 1px solid #e6e6e6;
                display: block;
                height: 29px;
                left: 0;
                position: absolute;
                top: 21%;
                width: 29px;
            }
                .prod_image .swatch_ico img {
                    border: 2px solid #fff;
                    height: 25px;
                    width: 25px;
                }
                    .prod_image a .swatch_ico img {
                        /* background: #dbb; */
                    }


                    /* ***** PROMO ***** */
                    #promos_area {
                        clear: left;
                        left: -12px;
                        margin-top: 20px;
                        margin-bottom: -15px;
                        position: relative;
                        width: 974px;
                        z-index: 100;
                    }
                        #promos_area .container_inner { padding: 19px 20px 0px 20px; }
                        #promos_area .shadow_table .container_inner {}
                        #promos_area .scroll_area { width: 928px; }
                        #promos_area .note {
                            margin: 0 0 15px 0;
                            padding: 0;
                        }
                        #promos_area .promo_items {
                            margin: 0 0 0 -22px;
                            /*overflow: hidden;*/
                            position: relative;
                            width: 912px;
                        }
                            .promo_items .promo {
                                display: block;
                                float: left;
                                padding: 0 0 0 22px;
                                position: relative;
                                width: 92px;
                            }
                            .promo_items .promo_thumb img {
                                display: block;
                                height: 92px;
                                width: 92px;
                            }


                            /* ..... quickbuy item ..... */
                            .promo_items a { color: #888; }
                                .promo_items a:hover {
                                    color: #666;
                                    text-decoration: none;
                                }
                                .promo_item_quickbuy span {
                                    display: block;
                                    font-size: 10px;
                                    line-height: 1.2em;
                                }
                                .promo_items .prod_title {
                                    margin-bottom: 0;
                                }
                                .promo_items .prod_title .prod_title_primary,
                                .promo_items .prod_title .prod_title_secondary {
                                    font-weight: normal;
                                }
                                .promo_item_quickbuy .promo_thumb img {
                                    margin-bottom: 5px;
                                    -moz-opacity: 0.99;
                                    opacity: 0.99;
                                }
                                    .promo_item_quickbuy:hover .promo_thumb img {
                                        /* overridden in global_ie.css */
                                        -moz-opacity: 0.7;
                                        opacity: 0.7;
                                    }
                                .promo_item_quickbuy .action_btn {
                                    display: block;
                                    left: -999em;
                                    position: absolute;
                                    top: 35px;
                                    z-index: 20;
                                }
                                    .promo_item_quickbuy:hover .action_btn { left: 24px; }


                    /* ..... BESTSELLERS ..... */
                    #promos_area.promos_bestsellers {margin-left: -20px; width: auto;}
                        #promos_area.promos_bestsellers .scroll_area { width: 780px; }
                        #promos_area.promos_bestsellers .scroll_x .scrollpane { width: 740px; }
                        #promos_area.promos_bestsellers .promo_items {
                            float: none;
                            width: auto;
                            margin-left: 0px;
                        }
                        #promos_area.promos_bestsellers .scroll_area .scroll_control { margin-top: 120px; }
                        #promos_area.promos_bestsellers .promo_items .promo {
                            width: 175px;
                            padding: 0 5px;
                        }
                        #promos_area.promos_bestsellers .promo_items .promo_thumb {
                            display: block;
                        }
                        #promos_area.promos_bestsellers .promo_items .prod_details,
                        #promos_area.promos_bestsellers .promo_items .prod_details span {
                            display: block;
                        }
                        #promos_area.promos_bestsellers .promo_items .prod_details {
                            float: none;
                            padding: 0 0 0 20px;
                            position: static;
                        }
                        #promos_area.promos_bestsellers .promo_items .prod_title_primary {
                            font-weight: bold;
                        }
                        #promos_area.promos_bestsellers .promo_items .prod_status {
                            line-height: 1.3em;
                            margin-top: 0;
                            text-transform: uppercase;
                        }
                        #promos_area.promos_bestsellers .promo_items .note {
                            margin-top: 11px;
                            margin-bottom: 0;
                        }
                            #promos_area.promos_bestsellers .promo_items .note img {
                                margin-top: -11px;
                                position: relative;
                            }
                        #promos_area.promos_bestsellers .promo_items .prod_price,
                        #promos_area.promos_bestsellers .promo_items .prod_buy {
                            margin-top: 5px;
                        }





/* ****** GRID LAYOUT ***** */


    #content_wrapper.has_sidebar_left  #main_content .grid_layout_wrapper { width: 800px; }

    #main_content .grid_layout_wrapper:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
    #content_wrapper  #main_content .grid_layout {
    }
    #content_wrapper.has_sidebar_left  #main_content .grid_layout {
        margin-right: -20px; /* FIX IE6 WRAP */
        width: 820px;
    }
        #main_content .grid_layout:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
        .grid_cell {
            float: left;
            padding: 0 18px 15px 0;
        }
        .grid_cell .cms_wysiwyg {
            min-height: 230px;
            min-width: 382px;
            position: relative;
        }
        .grid_cell .shadow_table {
            width: auto;
        }
        .grid_cell .prod_container {
            min-height: 230px;
        }
        .prod_grid_tall .grid_cell .prod_container {
            min-height: 270px;
        }
            .prod_grid_tall .grid_cell .prod_image {
                margin-top: 40px;
            }


/* ***** PAGINATION ***** */
.pagination { float: right; padding-top: 8px; }
    .pagination li {
        border-left: 1px solid;
        color: #666;
        float: left;
        /*
        CAUSING PROBLEMS IN IE
        line-height: 10px;
        */
        margin: 0 0 0 3px;
        padding: 0 3px 0 6px;
        text-align: center;
    }
    .pagination li.first { border-left: 0; }
        .pagination li,
        .pagination li a {
            color: #666;
        }
        .pagination li span,
        .pagination li a {
            float: left;
            font-weight: bold;
            margin: -1px 0 0 0;
            position: relative;
        }
        .pagination li a {
            color: #003066;
            text-decoration: none;
        }
        .pagination li a:hover {
            color: #003066;
            text-decoration: underline;
        }
        .pagination li span {
            color: #333;
        }


/* ***************************************************** */
/*           RBX TAB CONTAINER           */
/* ..................................................... */

.rbx_tab_container {
    background: #fff;
    position: relative;
}
    .rbx_tab_container .rbx_tab {
        clear: left;
        height: 1px;
        left: -999em;
        position: absolute;
        top: -999em;
        width: 1px;
    }
        .rbx_tab_container li.selected {
            background-color: #fff;
            margin-bottom: -3px;
        }
        .rbx_tab_container div.selected {
            /* overridden in global_ie.css */
            clear: left;
            height: auto;
            left: 0;
            position: relative;
            margin-top: 2px; /* Safari */
            top: auto;
            width: auto;
            z-index: 8;
        }
        .rbx_tab_container .tab_control_set {
            position: relative;
            z-index: 9;
        }
            .rbx_tab_container .tab_control,
            .rbx_tab_container .tab_control .tab_button,
            .rbx_tab_container .tab_control .tab_title {
                cursor: pointer;
                display: block;
                float: left;
            }
            .rbx_tab_container .tab_control {
                /* overridden in global_ie.css */
                background: url(/images/tab/tab_bg_lt.png) no-repeat left top;
                font-size: 10px;
                letter-spacing: 0.07em;
                line-height: 1em;
                margin: 0 1px -4px -2px;
                padding: 0 0 0px 6px;
                position: relative;
                text-transform: uppercase;
            }
            .rbx_tab_container li.tab_first { background-image: url(/images/tab/tab_first_bg_lt.png); }
                .rbx_tab_container .tab_control a:hover { text-decoration: none; }
                .rbx_tab_container .tab_control .tab_button {
                    background: url(/images/tab/tab_bg_rt.png) no-repeat right top;
                    padding: 0 6px 0 0;
                }
                    .rbx_tab_container .tab_control .tab_title {
                        background: url(/images/tab/tab_bg_mid.png) repeat-x center top;
                        color: #666;
                        min-height: 11px;
                        padding: 9px 12px 6px 12px;
                        text-align: center;
                        /* fixed-width tabs
                        display: block;
                        width: 92px;
                        */
                    }
                    .rbx_tab_container .selected .tab_title {
                        color: #c8a051;
                    }
            .rbx_tab_container .rbx_tab .tab_content {
                _height: 300px;
                min-height: 300px;
            }
                .rbx_tab_container .rbx_tab .tab_content .container_inner { padding: 20px; }
            .rbx_tab_container .tab_content .content_block {
                clear: both;
                max-height: 175px;
                _height: 175px;
                overflow: auto;
                padding-right: 17px;
                line-height: 1.5em;
            }
            .rbx_tab_container .tab_content .content_block_quickview {
                max-height: 175px;
                _height: 175px;
                overflow: auto;
                padding-right: 10px;
                line-height: 1.5em;
            }
            .rbx_tab_container .tab_content .full_block {
                max-height: 380px;
                _height: 380px;
            }
            .rbx_tab_container .tab_content .content_block_sub {
                background: url(/images/common/bg_dotted.gif) repeat-x left top;
                /*border-top: 1px solid #ccc;*/
                margin-top: -1em;
                padding-top: 1em;
            }
            .rbx_tab_container .tab_content .content_block_nav {
                /*text-align: right;
                margin-bottom: -2em;*/
                float: right;
                clear: right;
            }
                .rbx_tab_container .tab_content .content_block_nav li {
                    font-size: 10px;
                    padding-bottom: 0.15em;
                    text-align: right;
                    text-transform: uppercase;
                }
                    .rbx_tab_container .tab_content .content_block_nav li,
                    .rbx_tab_container .tab_content .content_block_nav li a {
                        color: #666;
                    }
            .rbx_tab_container .tab_content p a {
                color: #003066;
            }




            #main_content .tab_content .action_btn,
            #main_content .tab_content .action_btn a {
                color: #003066;
                text-transform: uppercase;
                font-size: 10px;
            }
            .tab_content .standard_list {
                font-size: 11px;
                margin-bottom: 2em;
            }
            .tab_content font b,
            .tab_content h5 {
                color: #c8a051;
                font-size: 11px;
                font-weight: normal;
                line-height: 1.3em;
                text-transform: uppercase;
            }
            .tab_content h6 {
                font-size: 11px;
                font-weight: bold;
            }

            #main_content .tab_content p {
                margin: 0 0 1.25em 0;
                line-height: 1.3em;
            }
            .tab_content strong { font-weight: bold; }
            .tab_content .prod_options {
                margin-bottom: 1em;
            }
            .prod_sell_info {
                margin-bottom: 2.5em;
            }
                .prod_sell_info .prod_buy,
                .prod_sell_info .prod_price,
                .prod_sell_info .note,
                .prod_sell_info .prod_buy .form_submit {
                    display: inline;
                    vertical-align: middle;
                }
                    .prod_sell_info .prod_buy .form_submit {
                        margin-left: 12px;
                    }
                .prod_sell_info .shipping_message {
                    margin: 0.5em 0 0.5em;
                }
                .prod_sell_info .note {
                    margin-left: 10px;
                    font-size: 10px;
                    text-transform: none;
                    padding-top: 1px;
                }



/* ..... SHADES / SWATCHES ..... */
.shade_selector {
    width: 315px;
    margin-left: -6px;
}
.shade_selector:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}

.shade_selector .shade {
    padding: 0 0px 5px 6px;
    float: left;
}
.shade_selector .shade:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.shade_selector .selected_shade { padding-left: 7px; }
.shade_selector .selected_shade,
.shade_selector .selected_shade * { cursor: default; }
.shade_selector .shade_duo,
.shade_selector .shade_quad {
    padding-bottom: 15px;
    height: 25px;
}
.shade_quad { padding-right: 0; }
    .shade .swatch_set {
        float: left;
        position: relative;
    }
    .selected_shade .swatch_set {
        border: 1px solid #eddabc;
        padding: 1px 0;
    }
        .shade .swatch {
            cursor: pointer;
            display: block;
            float: left;
            padding: 0 1px;
            height: 25px;
            overflow: hidden;
            width: 33px;
        }
        .selected_shade .swatch {
            height: 21px;
            width: 33px;
        }

        .selected_shade .first .swatch,
        .selected_shade .last .swatch {
            width: 31px;
        }
        .selected_shade .solo .swatch {
            border-right: 1px solid #fff;
            padding-right: 0;
            width: 29px;
        }

        .sel_shade .swatch,
        .shade .set_item .over,
        .shade .swatch:hover {
            background: url(/product/images/common/swatch_ico_highlight.gif) no-repeat 1px 0;
            height: 19px;
            padding: 3px 4px;
            position: relative;
            width: 27px;
        }

        .selected_shade .set_item .over,
        .selected_shade .swatch:hover { margin: -2px 0px; }

        .selected_shade .first .over,
        .selected_shade .first .swatch:hover { margin-left: -2px }

        .selected_shade .last .over,
        .selected_shade .last .swatch:hover { margin-right: -2px; }

        .selected_shade .solo .over,
        .selected_shade .solo .swatch:hover { margin: -2px; border-right: 0; }

            .shade .swatch_ico {
                display: block;
                width: 33px;
                height: 25px;
                overflow: hidden;
            }

            .sel_shade .swatch_ico {
                width: 27px;
                height: 19px;
            }
            .selected_shade .swatch_ico {
                width: 33px;
                height: 21px;
            }
            .selected_shade .first .swatch .swatch_ico,
            .selected_shade .last .swatch .swatch_ico {
                width: 31px;
            }
            .shade .set_item .over .swatch_ico,
            .shade .swatch:hover .swatch_ico {
                width: 27px;
                height: 19px;
            }

                .shade .set_item .over .swatch_ico img,
                .shade .swatch:hover .swatch_ico img { margin: -3px 0 0 -3px; }

                .selected_shade .set_item .over .swatch_ico img,
                .selected_shade .swatch:hover .swatch_ico img { margin: -1px 0 0 -3px; }

                .selected_shade .solo  .over .swatch_ico img,
                .selected_shade .solo  .swatch:hover .swatch_ico img,
                .selected_shade .first .over .swatch_ico img,
                .selected_shade .first .swatch:hover .swatch_ico img { margin: -1px 0 0 -1px; }

    .shade_info {
        display: block;
        float: left;
        font-size: 9px;
        letter-spacing: -0.1px;
        line-height: 1em;
        overflow: hidden;
        padding: 3px 0 0 5px;
        text-transform: uppercase;
        width: 111px;
    }
    .shade_info .note,
    #main_content .shade_info strong,
    .shade_info strong {
        font-size: 8px;
        font-weight: normal;
        letter-spacing: 0.115em;
    }
    .shade a:hover .shade_info { text-decoration: none; }
    .shade a:hover .shade_info strong { text-decoration: underline; }
    .selected_shade .shade_info { padding-left: 6px; }
    .shade_duo  .shade_info { width: 76px; }
    .shade_quad .shade_info { width: 164px; }






/* **************************************************** */
/*   CUSTOM SCROLL BAR AND SCROLLABLE CONTENT   */
/* .................................................... */

.scrollpane {
    display: block;
    height: 450px;
    position: relative;
}
    /* scrollable div area */
    .scrollable {
        float: left;
        height: 100%;
        overflow: auto;
        position: relative;
        width: 325px;
    }
        .scrollable .scrollable_inner { padding-right: 8px; }

    /* scroll_track_wrap to make sure that image area is clickable */
    .scroll_track_wrap {
        float: right;
        width: 17px;
        height: 100%;
        border: 1px solid #eadbba;
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    /* top image of scrollTrack */
    .scroll_track_top {
        position: relative;
        background: #eadbba;
        padding-bottom: 1px;
        border-bottom: 1px solid #fff;
    }
        .scroll_track_bottom a,
        .scroll_track_top a {
            display: block;
            width: 15px;
            height: 16px;
            border: 1px solid #fff;
            background-color: #fff;
        }
        .scroll_track_top a {
            background: transparent url(/images/controls/ico_arr_up.gif) no-repeat top left;
        }

    /* vertical scrollTrack */
    .scroll_track {
        position: absolute;
        height: 100%;
        background: transparent url(/images/controls/scr_track_bg.jpg) repeat-y left bottom;
        left: 1px;
    }
    .scroll_track_bottom {
        position: absolute;
        bottom: 18px;
        background: #eadbba;
        padding-top: 1px;
        border-top: 1px solid #fff;
    }
        .scroll_track_bottom a {
            background: transparent url(/images/controls/ico_arr_dn.gif) no-repeat bottom left;
        }

    /* vertical scrollTrack handle */
    .scroll_handle {
        height: 41px;
        position: relative;
        /*margin-top: -8px;*/ /* overridden in base-ie6.css */
        display: block;
    }
        .scroll_handle img {
            width: 14px;
            height: 41px;
            position: relative;
            /*cursor:  all-scroll;*/
        }

    .scroll_area { width: 928px; }
    .scroll_area:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
        .scroll_area .scroll_control {
            float: left;
            display: block;
            width: 19px;
            margin: 37px 0 0 0;
            position: relative;
            z-index: 200;
        }
            .scroll_area .scroll_control img {
                position: absolute;
                top: 0;
                z-index: 201;
            }
            .scroll_area .scroll_arr_next img {
                float: right;
                right: 0;
            }
        .scroll_x .scrollpane {
            height: auto;
            width: 890px;
            float: left;
        }






/* ***************************************************** */
/*            SHOPPING BAG           */
/* ..................................................... */


.shoppingbag {
    margin-bottom: 40px;
}

    .shoppingbag th,
    .shoppingbag td {
        border-bottom: 1px solid #dfc288;
        padding: 15px 15px 20px 0;
    }
    .shoppingbag td {
        padding-bottom: 10px;
    }
    .shoppingbag td.prod_shop {
        padding-right: 0;
    }
    .shoppingbag_total_row th,
    .shoppingbag_total_row td {
        border-bottom: 0;
    }
    .shoppingbag thead th,
    .shoppingbag thead td {
        background: #dcc786 url(/checkout/images/common/bg_grad_thead.gif) repeat-x left top;
        border-bottom: 0;
        color: #fff;
        height: auto;
        padding: 8px 15px 7px 0;
    }
    .shoppingbag thead th {
        padding-left: 10px;
    }
    .shoppingbag a {
        color: #003169;
    }
    .shoppingbag .prod_image,
    .shoppingbag .prod_image a {
        height: 92px;
        left: auto;
        position: relative;
        top: auto;
    }
    .shoppingbag .prod_title .prod_title_secondary {
        font-weight: bold;
    }
    .shoppingbag .prod_descr p {
        margin: 0;
        line-height: 1.25em;
    }
    .shoppingbag .prod_options {
        margin-bottom: 20px;
    }

    .shoppingbag .prod_total .action_btn {
        margin-top: 10px;
    }



    /* ***** ORDER SUMMARY ***** */
    .shoppingbag td .order_summary {
        margin-right: -15px;
        position: relative;
    }
    .order_summary table {
        /*float: right;*/
        /*width: 203px;*/
        width: auto;
    }
    .shoppingbag_total_row .order_summary table {
        float: right;
    }
        .order_summary th,
        .order_summary td {
            padding: 2px 5px;
            border: 0;
        }
        .shoppingbag_total_row .order_summary th,
        .shoppingbag_total_row .order_summary td {
            padding: 2px 15px;
        }
        .order_summary td {
            text-align: right;
        }
        .order_summary tr.total th,
        .order_summary tr.total td {
            border-color: #dfc288;
            border-style: solid;
            border-width: 0 0 1px 0;
            padding-bottom: 10px;
        }
        .order_summary tr.post_total_row th,
        .order_summary tr.post_total_row td {
            padding-top: 10px;
        }

.cc_num {
    white-space: nowrap;
}
.gift_details { line-height: 1.3em; padding-bottom: 0.1em; }
.gift_details span { display: block;}

#main_content .prod_alert p {
    margin: 0;
}

.print_btn img {
    margin-bottom: 17px;
    display: block;
}

.faq {}
.faq dt,
.faq dd {
    padding-bottom: 1.5em;
    margin-left: 1.6em;
    position: relative;
}
.faq dt {
    font-weight: bold;
}

.faq_marker {
    position: absolute;
    left: -1.6em;
}
#main_content .faq p {
    margin-bottom: 0;
    margin-top: 1.25em;
}
.faq cite {
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
}



/* ***************************************************** */
/*            DOJO OVERRIDES             */
/* ..................................................... */

ol li,
ul li {
    /*dojo.css (line 63)*/
    line-height: 1.3em;
}

.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
    /*dijit.css (line 334)*/
    border:1px solid #e0e0e0;
    width: 130px;
}
    .dijitTextBox input,
    .dijitComboBox input,
    .dijitSpinner input {
        /*dijit.css (line 354)*/
        text-transform: uppercase;
        font-size: 10px;
        color: #c8a051;
    }

.dijitButtonNode {
    border-color: #e0e0e0;
}

.dijitComboBox .dijitButtonNode {
    border-width: 0 0 0 1px;
}



/* ****** DEV ****** */
#main_content .sitemap h1 { font-size: 16px; color: #c8a051; margin: 1em 0 0.5em; }
#main_content .sitemap h3 { font-size: 10px; color: #728e9f; margin-left: 9px; margin-bottom: -4px; font-weight: normal; text-transform: uppercase; }
.sitemap:after {/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.sitemap .standard_list { font-size: 12px; float: left; padding-right: 25px; margin-bottom: 35px; }
.sitemap .standard_list li {
    margin-bottom: 0.75em;
    margin-left: 10px;
}
.sitemap .standard_list li li {
    margin-bottom: 0;
}
.sitemap .standard_list .alert {
    font-size: 10px;
    padding-left: 5px;
    font-style: italic;
}

#modal_mask img { border: none; }
#modal_mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(/images/bg/white_popup_mask.png);
}


/* **** POPUP LAYER **** */

iframe.popup {
    border: 0;
    z-index: 900;
}


#sample_detail_layer .close_btn_container {
    position: absolute;
    text-align: right;
    z-index: 1100;
}

.popup_close_btn_container {
    padding: 8px 10px 0 0;
    height: 26px;
}

.floating_close_btn {
    position: absolute;
    z-index: 1101;
}


/* **** helpful stuff **** */
.hidden {
    display: none;
}

.clickable {
    cursor: pointer;
}
.nopadding { padding:0; margin:0; border:none; }

/* **** MISC **** */
address { font-style: normal; line-height:1.25em;}

#noflash {
    display: none;
}

.links_lnav {
    color:#666666;
    font-size:9px;
    text-transform:uppercase;
    text-decoration:none;
}
a.links_lnav {
    color:#222222;
    font-size:9px;
    text-transform:uppercase;
    text-decoration:none;
}
a.links_lnav:hover {
    font-size:9px;
    text-transform:uppercase;
    text-decoration: underline;
}
a.links_lnav:visited {
    color:#222222;
    font-size:9px;
    text-transform:uppercase;
}

#main_content div.mpp_title {
    float: left;
    margin: 0px;
}

#main_content div.mpp_title p,
#main_content div.mpp_title h1,
#main_content div.mpp_title h2 {
    font-size: 17px;
    line-height: 17px;
    color: #bf9034;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform:none;
}

.prod_options .prod_action_set .view_details {
    color: #20558A;
    padding-top: 8px;
    font-size: 10px !important;
}

.prod_options .prod_action_set .view_details_gc {
    color: #20558A;
    padding-top: 5px;
}

.prod_options .prod_action_set .view_details_gc a {
    font-size: 10px !important;
}

.prod_options .prod_action_set .view_details a {
    color: #20558A;
    letter-spacing: .3px;
}

.prod_options .prod_action_set .view_details_gc a {
    color: #20558A;
    letter-spacing: .3px;
}

.prod_options .prod_action_set .action_mark {
    position: relative;
    top: -1px;
}


select.choosecountry {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#000000; font-color:#000000; width:140px; }

select.form_filter_select {
color:#666666;
font-size:9px;
text-transform:uppercase;
}


#largebox-close {
background: transparent url(/images/btn/btn_close_small.gif) no-repeat right center;
cursor:pointer;
color: rgb(153, 153, 153);
font-size:10px;
height:9px;
position:absolute;
right:20px;
top:15px;
padding-right: 16px;
padding-bottom:3px;
z-index:10002;
}

#largebox {
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #efefef;
left:0;
display:block;
overflow:visible;
position:absolute;
top:0;
z-index:9001;
}
#largebox-overlay {
background-color:#FFFFFF;
border:medium none;
bottom:auto;
clear:none;
display:block;
float:none;
left:0;
letter-spacing:normal;
line-height:0;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0;
position:absolute;
right:auto;
text-decoration:none;
top:0;
width:100%;
word-spacing:normal;
z-index:9000;
}

.deladdr_confirm {
 display:none;
 width:130px;
 border:1px solid black;
 padding:5px;
 margin-top:-10px;
 font-size: 10px; 
 color: rgb(198, 46, 121);
}
.deladdr_confirm td {
 padding:4px 0 0 4px;
}

/* redesign changes */
        #contact_cs {
            background: url(/images/common/arr_bf9034.gif) no-repeat right center;
            float: right;
            padding: 0 10px 0 0;
            position: relative;
            font-size: 10px;
            z-index: 999;
            margin-right:10px;
        }
    
    .shade_info {
            display: block;
            float: left;
            font-size: 9px;
            letter-spacing: -0.1px;
            line-height: 1em;
            overflow: hidden;
            padding: 2px 0px 5px 5px;
            text-transform: uppercase;
            width: 111px;
        }

     /*   #header {
            position: relative;
            z-index:1000;
            background:url("/images/common/goldbar_top_shadow.png") repeat-x scroll center bottom transparent;
            padding:15px 0 5px;
        }
      */
        #header {
              background:url("/images/common/goldbar_top_shadow.png") repeat-x scroll center bottom transparent;
              padding:15px 0 5px;
        }

        #footer {
            background:url("/images/common/goldbar_bottom_shadow.png") repeat-x scroll center top transparent;
            clear: both;
            margin-top: 0px; /* removed 1px top margin (hairline) */
           /* margin-bottom: 20px;*/
            margin-bottom: 20px;
            z-index: 10;
            padding-top:5px;
            position:relative;
            z-index:10;
            color:#DDDDDD;
        }

        body {
            font-family: arial,helvetica,sans-serif;
            font-size: 11px;
            background: #0D091A;
            color: #CCCCCC;
            text-align: center;
            /*overflow-x: hidden;*/
            margin-bottom:0px !important;
        }

        #ukGlobalNav li.tln {
            float: left;
            /*margin: 0 13px 0 0;*/
            margin: 0 7px 0 0;
            display: inline;
            position: relative;
            border-color: #E3E3E3;
            /* border-style: solid; */
            border-width: 0 1px 0px;
            border-right-color: #FFFFFF;
            border-left-color:#FFFFFF;
        }

        #ukGlobalNav { 
          /*  border-color: #5D607A;         
            border-style: solid; */
            border-top:thin solid #5D607A ;
            border-width: 1px 0px; 
            position: relative; 
            z-index: 1000; 
            height: 33px; 
        }

        #footer .footer_links {
            padding: 4px 0;
            border-bottom:1px solid #5D607A ;
            width: 970px;
            height: 22px;
        }

        #email_signup input {
           /* display: inline;*/
            vertical-align: middle;
            color: #333333;
            margin-top:1px;
            font-size: 11px;
            letter-spacing: 0.02em;
          /*  background: #171B40;*/
            border: 1px solid #5D607A;
        }

        #global_search .form_text {
            color: #888888;
           /* background: #171B40;*/
            font-size: 10px;
            height: 18px;
            padding: 3px 0 0 3px;
            vertical-align: top;
            letter-spacing: 0.02em;
            width: 108px;
            float: left;
            border: 1px solid #5D607A;
        }

        #utilitynav  a {
            color: #EBCD92;
        }


        #utilitynav_wrapper {
            position: absolute;
            right: 15px;
            top: 9px;
            text-align: right;
            z-index: 5000;
        }

        #utilitynav  .shoppingbag_size {
            font-weight: bold;
            text-transform: uppercase;
            color: #CCCCCC;
        }

        #utilitynav  #shoppingbag_size_section {
            color: #CCCCCC;
            font-size:11px;
            line-height:12px;
        }

        #email_signup label,#footer .footer_links li,#footer .footer_links a { color: #DDDDDD;}

        #footer .footer_links a:hover {
            color: #DDDDDD;
        }

        #footer .copyright a {
            color: #DDDDDD;
        }

        #module_wrapper {
            margin: 0 auto;
            position: relative;
            text-align: left;
         /*   width: 970px;*/
        }

        #main_container {
         /*fix for footer mislignment in address_book.tmpl   padding: 0px 0px 15px 0px;*/
        }


        #main_content_controls {
            padding: 0px 10px 5px 0px;
            min-height: 1em;
            width: 950px;
            text-align: left;
            margin: 0 auto -6px; 
        }


        #main_content_wrapper {
            padding-bottom: 30px;
           /* background:none repeat scroll 0 0 #FFFFFF;*/
           /* padding: 11px 0px 30px 20px;*/
            color:#333333;
            text-align:left;
            padding-left:10px;
        }

        #content_wrapper {
            padding: 13px 0px 0 10px;
            z-index: 10;
            background:none repeat scroll 0 0 #FFFFFF;
            color:#333333;
            text-align:left;
        }

        #breadcrumb {
            color: #bababa;
            font-size: 9px;
            margin: 0px 0px 0px -3px;
            padding: 0 0 5px 0;
            text-transform: uppercase;
            margin-bottom:10px;
        }

       #main_content .grid_layout_wrapper { /*overflow: hidden; */
           overflow: hidden;
       }

     #el_logo {
       /* background: transparent url(/images/common/logo_estee_lauder.gif) no-repeat scroll 0 0;*/
        background: transparent url(/images/common/logo_estee_lauder_navy.png) no-repeat scroll 0 0;
        height: 56px;
        margin: 0 auto 15px;
        position: relative;
        width: 441px;
        text-indent: -9000px;
        z-index: 9999;
     }

    #ukGlobalNav li.tln.hover,
    #ukGlobalNav li.tln:hover {
        border-width: 0 1px 1px;
        border-bottom-color: #FFFFFF;
        border-right-color: #E3E3E3;
        border-left-color:#E3E3E3;
       display: block;
	background: #FFFFFF;
    }

        #email_signup form,
        #email_signup label {
            padding-right: 5px;
            margin-top:-2px;
        }

    #ukGlobalNav .dropDownBox { background-color: #ffffff; border-width:0 1px 1px; border-style: solid; border-color: #E3E3E3; position:relative; top: 0px; left: -100px;display: none; }
    #footer #email_signup {
        float: right;
        margin:0px ;
        padding: 0 10px 0 0;
        white-space: nowrap;
    }


        #utilitynav {
           margin-top:5px;
        }
        #utilitynav  .utilitynav_menu {
            display: block;
            float: right;
            clear: both;
            padding-bottom: 17px;
        }
      
      /*new*/


        #header, #footer {
       }

       #footer .copyright span{
            color: #DDDDDD;
        }

        #globalnav .standard_list_2 li a:hover,
        #globalnav .category_menu li a:hover {
            color: #003066;
        }
    #footer .copyright {
        padding-top: 15px;
        text-align: center !important;
        color: #999;
        line-height: 1.3em;
        clear: both;
        width: 970px;
        margin: 0 auto;
    }
        #footer .copyright,
        #footer .footer_links,
        #main_content_wrapper,
        .masthead {
            margin: 0 auto;
            position: relative;
            text-align: left;
            width: 970px;
        }

        .masthead {
            z-index: 1000;
        }
 
       #email_signup_footer_navy{
            vertical-align:top;
            margin-top:-20px;
            margin-left:10px;
       }

 /*#ukGlobalNav li.tln a.tla span { position: absolute; left: -9999px; }*/
    #ukGlobalNav li.tln a.tla span.alt { position: absolute; left: -9999px; }   
    #ukGlobalNav li.tln a.tla strong span {
        display: block;
        height: 8px;
    }