/* = Base Styles

----------------------------------------------------------------------------------------------------*/



/* clear all default CSS, and reset specific elements */

*{margin:0; padding:0;} /* set all elements to have 0 margin and padding */

p{line-height:1.4;text-align:left; margin-bottom:13px;}

p.last{margin-bottom:0px;}

ul, li {list-style: none; }

table{border-collapse:collapse;border-spacing:0;}

fieldset,img,a img{border:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup,sub {line-height:-1px;vertical-align: text-top;}

sub {vertical-align:text-bottom;}

input, textarea, select{font-family:inherit;color:inherit;}



/* cms overrides */

.cms_layer { z-index:0 !important }





/* - - - - - - CSS Document - - - - - - - - - 

Description: Sliding Panel Styles

- - - - - - - - - - - - - - - - - - - - - */



/* Panel Nav

-----------------------------------------------------*/ 

#panel_nav_td { width: 1px; }

#panel_nav_spacer { width: 1px; }

/*这是以前的备份panel_container { height: 100%; }加上了一个浮动属性，让下面的.PANEL能够相对的浮动 */

#panel_container { height: 100%;  position:relative; left:-189px;    }



.eyesfudong{ position:absolute; z-index:1; left:189px; height:600px;}

.panel {

    background: #000000;

    border-left: 0px solid #373737;

    border-right: 0px solid #373737;

    width: 420px;

	_width: 420px;

	overflow:hidden;

    height: auto;

    min-height: 500px;

    padding: 0;

    position: absolute;

	filter:alpha(opacity=90);       /* IE */ 

	-moz-opacity:0.9;              /* Moz + FF */ 

	opacity: 0.9;           /* 支持CSS3的浏览器（FF 1.5也支持）*/ 



    left: -96px;

    /**color: #5a5a5a; 888CHANGE **/

    font-size: .9em;

    z-index: 2;

    display: none;

}



.panel_active { z-index: 5; } /* z-index for currently visible sliding panel */

.aisiframe{
	width:420px;
	overflow:hidden;
}

#panel_open { display: none; }

#panel_open_td { width: 1px; }



#panel_open .progress,

.panel .progress { 

    margin: 90px 0 0 130px;

    display: block;

}



/*.panel .panelnav_container { } */

.panel_btm { height: 30px; }



/* cms positioning */

.panel_cms_html { position: relative; top: 9px; }

#panel_open .panel_cms_html { margin-top: 36px; top: 0; }

#psubnav_macpro { margin: 0; }

#psubnav_macpro .panel_cms_html { margin-top: 0; top: -28px; }





/* Close Button

--------------------------------*/

a.close, div.closedark, div.closelight {  

    display: block;

    background: transparent url(/images/common/btn_close.gif) 0 0 no-repeat;

    width: 8px;

    height: 8px;  

    text-indent: -9999px;  

    margin: 5px 0 -30px 407px;

    overflow: hidden;

    cursor: pointer;

}      



a.close:hover { background-position: 0 -8px;}    



div.closedark { background-position: 0 -16px; }    



#panel_open_topclear { height: 20px; } /* where close button would be in panel_open */





/* Category Level

----------------------------------*/

.panelnav_subnav { padding-bottom: 20px; }



.panelnav_detail_container { margin: 27px 0 10px 0; }

.panelnav_subnav_mixed .panelnav_detail_container { margin: 0; }



.panelnav_detaillink_container { margin: 27px 0 0 0; display: none; }



.panelnav_accordion_container { margin-top: 39px; }

.panelnav_subnav_mixed .panelnav_accordion_container { margin-top: 0; padding-top: 12px; clear: both; }



.panelnav_link {

    background: none;

    width: 280px;

    margin: 0 0 -2px 0;

    float: left;

    cursor: pointer;

}



.panelnav_link a { display: block; }



/*.panelnav_link a:hover { background: #282828; }*/



.panelnav_link_on { background: #282828; }



.panelnav_link h3 {

    margin: 1px 0 2px 5px;

    width: 203px; 

    color: #aaa;

    font-weight: bold;

}



.panelnav_detail {

    width: 265px;

    margin: 0 0 0 7px;

    border-top: 2px solid #282828;

    border-bottom: 2px solid #282828;

    padding: 7px 0;

    float: left;

}



.panelnav_detail_text {

    float: left;

    width: 208px;

}



.panelnav_detail p {

    line-height: 1.2;

    /** color:#555555;888CHANGE **/

    color: #888888;

     /** letter-spacing:0.02em;**/

    padding: 0 10px 0 5px;

    margin: 0;

}



.panelnav_detail .pop_message p,

.panelnav_detail .pop_message span { 

    padding: 0;

    color: #777 !important; 

}



.panelnav_thumb, .panelnav_thumb_off, 

.panelnav_thumb_on {

    width: 56px;

    height: 56px;

    float: left;

}



.panelnav_thumb[class] {

    margin-left: 0px;

}



.panel .link_hd, #panel_open .link_hd {

    margin-left: 12px;

    display: block;

}

.panel .link_hd img, #panel_open .link_hd img {

    width: 250px;

    height: 18px;

}



.panelnav_detail .panelnav_detail_hd { width: 200px; }



.panelnav_cell_category .panelnav_detail_hd,

.panelnav_detaillink_container .panelnav_detail_hd { height: 18px; }



.panelnav_cell_header_only .panelnav_detail_hd,

.panelnav_cell_header_only .panelnav_catdetail_hd { height: 50px; }

.panelnav_cell_header_only .panelnav_detail_descr { display: none; }



#psubitem_featured_goodbyes .panelnav_detail_hd { width: 250px; }



div.panelnav_link + div.link_hd { padding-top: 6px; clear: both; }



.panelnav_link .nothumb .panelnav_detail_text {

    float: left;

    width: 260px;

}

.panelnav_hspacer {

    width: 1px;

    height: 56px;

    float: left;

}





/* Accordion List Level

-----------------------------------------*/



.panelnav_content {

    margin: -2px 0 0 14px;

}

.panelnav_content a {

    display: block;

    width: 250px;

    height: 18px;

}



.panel .accordion_content, #panel_open .accordion_content {

    display: block;

    line-height: 0;

    margin: 8px 0 15px 0;

}



.panel .accordion_hd, #panel_open .accordion_hd {

    margin: -2px 0 0 12px;

    display: block;

    cursor: pointer;

    line-height: 0;

    width: 250px;

    height: 18px;

}



#accountnav .accordion_hd { margin-left: 14px; }





/* Panel Title/Description

-----------------------------------------*/



.panelnav_section_descr { 

    width: 245px;

    margin-left: 12px;

}



.panelnav_section_hd {

    padding: 7px 0 7px 12px;

}





/* used? */

#panelnav_desc {

    padding: 48px 0 0 13px;

    width: 248px;

    margin: 0 0 15px 0;

    float: left;

}

#panelnav_desc img { margin: 0 0 15px 0;}

#panelnav_desc p { line-height: 1.2;}

#panelnav_desc h3 { margin: 20px 0 2px 0;}





/* Default Category & Item 

-----------------------------------------*/



.panelnav_category_default {}

.panelnav_category_default .panelnav_detail p,

.panelnav_category_default .panelnav_detail span { color: #222; } /* dimmed style for items in selected cat */

.panelnav_category_default .unclickable a,

.unclickable panel_detail { 

    cursor: default;

}



.panelnav_link_on .panelnav_detail p,

.panelnav_link_on .panelnav_detail span { 

/** color:#555555;888CHANGE **/

    color: #888888;

}





.panelnav_default { background: #282828; }

.panelnav_default .panelnav_detail p { 

/** color:#555555;888CHANGE  **/

    color: #888888;

}



#result_title {

    padding: 0px 10px 15px 10px;

    position:relative;

    top: -3px;

}





/* Section-specific Panel Styles */



/* My Mac Panel

--------------------------------*/



#my_mac_panel { padding-top: 10px; }

#panel_open #my_mac_panel { padding-top: 37px; }



#my_mac_panel .panelnav_content { margin: 0 0 0 14px; }



#my_mac_panel #special_offers { margin-bottom: 8px; }



#my_mac_panel A { text-decoration: underline; color: #aaa; } 

#my_mac_panel A:hover { color: #fff; }



.overlay_image { 

    position:relative; 

    top:-18px;

    left:144px;

    z-index:9999; 

}



p.logged_in { margin: 0; padding: 0 0 3px 0; }





/* Shopping Bag*/



#title_shopping_bag { margin-bottom: 12px; }



#my_mac_panel #progress_cart {

    margin: auto;

    margin-top: 60px;

    padding-bottom: 60px;

    display: none;

}

.co_prod_container { position: relative; }

.co_prod_progress_container {

    display: none;

    top: 0;

    left: 0;

    position: absolute;

    background: #000;

    margin: 0;

}

.co_prod_progress_container .co_progress {

    margin: auto;

    margin-top: 25px;

    width: 17px;

    height: 17px;

    background: transparent url(/images/common/icon_loading.gif) 0 0 no-repeat;

}



#checkout_shopping_bag { 

    /*float: left;*/

    margin: 0 0 0 7px;

}



#checkout_shopping_bag .shopping_bag_container {

    width: 265px;

    background: #000;

    margin-left: 1px;

    float: left;

}



#cart_items .alt_row { /** color: #999; 888CHANGE **/ }

#cart_items .swatch_by_color { width: 52px; margin:0 8px 0 2px; border:none;display:inline-block; }

 

.co_prod, .co_prod_last, .bag_empty {

    border-bottom: 2px solid #282828;

    padding: 6px 0 6px 6px;

    float: left;

    width: 259px;

}



.co_prod_top {

    width: 265px;

    height: 2px;

    line-height: 1px;

    background-color: #282828;

    float: left;

}



.co_prod .prod_info, .co_prod_last .prod_info { 

    /**width: 130px;**/ 

    width: 120px; 

    overflow:hidden;

    float: left;

}

.co_prod .prod_info .prod_name {height: 39px;}

.co_prod .prod_info .prod_name .product_label {line-height:1em;padding-top:1px;}

.co_prod .prod_info .edit_btn { padding-bottom:4px; height: 13px; }

.co_prod .prod_info .edit_btn span { line-height:11px; }

.co_prod .prod_info .inventory_message {padding-top:4px;}

.co_prod .prod_info .non_discount_message {padding-top:4px;}



.bag_empty { 

    width: 200px;

    padding: 30px 58px 30px 7px; 

}



.co_thumb, div.co_thumb {

    float: right;

    border: 1px solid #282828;

    width: 56px;

    height: 56px;

    margin-right: 6px;

} 

div.co_thumb.swatch_by_color {                                                                            

       margin: 0 6px 0 0;                                                                                 

}  



.shipping_notice {

    padding: 0 0 14px 6px;

    color: #fff;

    font-weight: bold;

    background: #181818;

}



.co_prod .swatch_ico {

    display: block;

    width: 56px;

    height: 56px;

    overflow: hidden;

}



.co_prod .prod_controls,

.co_prod .prod_controls_view {

    width: 57px;

    margin: 0 7px 0 0;

    float: right;

    font-weight: bold;

    line-height: 0;

}



.co_prod .qty_title { 

    margin: 5px 1px 0 0; 

    float: left;

}



.co_prod .prod_controls_view .qty_title { margin: 1px 2px 0 0; }

    

.co_prod .prod_qty { 

    margin-top: 4px; 

    float: left;

    width: 59px;

}

.co_prod .prod_qty SELECT { visibility: hidden; }



.co_prod .prod_controls_view .prod_qty { margin: 8px 0 0 14px; }



.co_prod .prod_qty span { 

    display: block;

    margin: 4px 0 0 2px;

    color: #fff; 

    font-weight: bold; 

    line-height: 1;

}

    

.co_prod .prod_controls_view .prod_qty span { margin-top: 0; }

    

.co_prod .qty_select {

    width: 36px;

    float: right;

}



.co_prod .prod_price { 

    height: 32px;

    line-height: 1;

/** color:#555555;888CHANGE **/

    color: #888888;

    float: right;

}

    

/* Total and Subtotal*/

#total, #total_body  { border-top: 2px solid #282828; }



#total span, #total_body span { line-height: 0;}



ul#subtotal li, ul#subtotal_body li {

    width: 258px;

    float: left;

    margin: 0;

}





#total, ul#subtotal, #total_body, ul#subtotal_body {

    color: #fff;

    font-weight: bold;

    float: left;

    width: 258px;

}



ul#subtotal { padding: 5px 0 7px 7px; }

ul#subtotal_body { padding: 0 0 7px 7px; }



#total, #total_body { padding: 12px 0 12px 7px; }



#total_title, #subtotal_title, .line_item,

#total_title_body, #subtotal_items, .line_item_body {float: left;}



#total_price, #subtotal_price, 

.line_item_price { float: right; padding-right: 68px; }



#total_price_body, .line_item_body_price,

#subtotal_items_price { float: right; padding-right: 7px; }



#cart_totals .line_item,

#cart_totals .line_item_price,

#cart_totals .line_item_body,

#cart_totals .line_item_body_price {

    font-weight: normal;

    /** color: #666; 888CHANGE **/

    color: #888888;

}



#cart_totals .line_item_price,

#cart_totals .line_item_body_price { font-weight: bold;}





/* Shopping Bag Utility Area */

.checkout_now { margin: 10px 0 0 8px; }



#order_phone { margin: 17px 0 15px 0; }



#co_utilitynav { float: left; margin: 28px 0 0 14px; }



#co_utilitynav li { line-height: 14px; }





/* Offer Code entry */



#offercode_container { 

    padding-top: 20px;

    height: 40px;

    margin-left: 7px;

    /*width: 266px;*/

    clear: both;

    white-space: nowrap;

}



#offercode_container input {

    height: 13px;

    margin: 0 3px 0 0;

    padding: 3px 0 3px 5px;

    width: 187px;

    float: left;

    font-size: 12px;

    background-color: white;

    border-top: 2px solid #666;

    border-left: 2px solid #666;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

}



#offercode_container input#btn_offercode { 

    border: 0; 

    width: 67px;

    height: 23px;

    padding: 0;

    float: left;

}



#my_mac_panel #progress_offercode { 

    padding-top: 20px;

    margin: auto;

    height: 40px;

    display: none;

    background-position: 0 23px;

}





/* Profile/Account

--------------------------------*/

#accountnav ul {

    line-height: 0;

    display: block;

    margin: 0;

    padding: 0;

}

#accountnav #accountnav_accordion { visibility: hidden; } /* hide until loaded */



#accountnav .accordion_hd { margin-top: 0; }

#accountnav .accordion_content { margin: 0 0 0 14px; }



#co_accountnav { margin: 3px 0 28px 0; }



#co_signin_nav {

    position: relative;

    padding-top: 30px;

    margin-left: 12px;

    clear: both;

}   



#view_profile, #signout,

#create_account, #signin { display: block; margin-top: 6px;}





/* Giftcards

--------------------------------*/

#psubitem_aboutgiftcard { float: none; clear: both; padding-top: 14px; }





/* Search/Discontinued

--------------------------------*/



.panelnav_disc_hd {

    padding: 7px 0 7px 12px;

    /*position:relative;*/

}



.panelnav_disc_descr { 

    width: 245px;

    margin-left: 12px;

}



#discontinued_search {

    margin: 0 0 16px 12px;

    width: 245px;

}



#discontinued_search FORM { float: left; }



#discontinued_search .text_field {

    background: #000 url(/images/forms/bkg_input_utility.gif) 0 0 repeat-x;

    border: 1px solid #323332;  

    border-top-color: #323332;

    border-right: 0;  

    color: #888;

    font-family: arial;

    font-size: 11px;

    width: 125px;

    height: 16px;

    padding: 5px 0 0 5px; 

    margin: 0;

    float: left;

}



#discontinued_search input.btn { 

    border: 0; 

    width: 27px;

    height: 23px;

    padding: 0;

}



#discontinued_search #disc_search_progress {

    margin: 15px 0 0 170px;

    padding: 0;

    display: none;

}



#disc_search_hd { margin-top: 9px; }



#psubnav_search.panelnav_detail_container { margin: -4px 0 10px 0; }



.search_results_message {

    color: #ffffff;

    padding-left: 12px;

    width: 230px;

    height: 46px;

}

.search_results_message span { white-space: nowrap; }



.search_content_results { display: block; padding-bottom: 0px; }



p.search_content_header {

    font-family: arial; 

    color: #aaa; 

    font-size: 11px; 

    font-weight: bold;

}



.search_results_hd { padding: 0 0 11px 12px; }



.panelnav_link_quickbuy { cursor: default; }



.panelnav_link_search h3,

.panelnav_link_quickbuy h3 { margin: 1px 0 0 5px; }



.panelnav_link_quickbuy .panelnav_detail_text p { 

    padding: 0 0 0 5px;

    width: 198px;

    height: 20px;

    clear: both;

}



.panelnav_link_search .panelnav_detail_text p { height: 32px; }



.panelnav_link_quickbuy .inventory_status { 

    font-weight: bold;

    margin: 9px 0 0 5px;

    width: 190px;

    display: none;

}



.panelnav_link_quickbuy .panelnav_btn_add { 

    width: 93px;

    height: 23px;

    padding: 0;

    margin: 0;

}



.panelnav_link_search .panelnav_btn_view_shades { 

    margin-left: 5px;

}



.smoosh_small {

    float: left;

    width: 56px;

    height: 56px;

    overflow: hidden;

}





/* Studio overlay

-----------------------------------------------------*/



.pnav_altcontent_overlay {

    position: relative;

    display: none;

}



.studio_overlay {

    position: absolute;

    margin-left: 281px;

}





/* - - - - - - CSS Document - - - - - - - - - 

Description: Forms Styles

- - - - - - - - - - - - - - - - - - - - - */





/* Body Forms

-----------------------------------------------------*/



#input_offercode { font-size: 11px; }



.form_container { float: left; margin: 0; position:relative;}



.form_container input, textarea {

    font-family: arial;

    font-size: 11px;

    width: 174px;

    padding: 3px 0 3px 5px; 

    float: left;

    background-color: white;

    border-top: 2px solid #666;

    border-left: 2px solid #666;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

}



.form_container input { 

    height: 13px; 

}



.form_container textarea {

    height: 125px;

    overflow: auto;

}





.form_container input.radio,

.form_container input.checkbox {

    width: 16px;

    height: 16px;

    margin-right: 5px;

    float: left; 

    border: 0;

    padding: 0;

}



.form_container fieldset { margin-top: 7px; }

.form_select { margin: 0 0 7px 0; float: none; clear: both; }



.form_container .form_button {

    width: 182px;

    height: 22px;

    background: none;

    border: none;

    margin: 30px 0 0 0;

    padding: 0;

}



.form_container .checkout_now {

    width: 198px;

    height: 23px;

    background: none;

    border: none;

    margin: 30px 0 0 0;

    padding: 0;

}



.form_container .signin_submit {

    width: 182px;

    height: 22px;

    background: none;

    border: none;

    margin: 10px 0 0 0;

    padding: 0;

}



input#btn_submit {

    width: 182px;

    /*height: 22px;*/

    background: none;

    border: none;

    margin: 30px 0 0 0;

    padding: 0;

}



.checkout_field_p { margin: 0;}

p.form_text_white { color: #fff;}

p.p_signup { margin: 0 0 10px 0;}

.checkout_field { margin-bottom: 0; padding-bottom: 6px; }

.checkout_field[class], .form_dropdown { padding-bottom: 0; margin-bottom: 6px; }



.form_container .form_select label { padding-top: 6px; display: block; width: 270px; }

.form_container .form_select label.side { padding-top: 0px; display: inline-block; width: 270px; }

.form_container .form_select label.img_label { padding-top: 3px; }

.form_container .form_select label.side img { padding-top: 3px; }

.btn_label { margin-top: 12px; }

/*.form_container .form_select label img, .btn_label img { margin-top: 3px; }*/



.form_container p { margin-bottom: 0; line-height: 1.2; }



.text_container .form_select input {

    margin-top: 5px;

}



.field_label {

    font-family: Arial;

   /** color: #666; 888CHANGE **/

    color: #888;

    font-size: 11px;

    line-height: 13px;

    padding: 0 0 3px 7px;

    display: block;

}



.label_above {

    color: #888;

    display: block;

    font-size: 11px;

    line-height: 11px;

    margin: 0 0 3px 7px;

}





.field_bg input,

.giftcard_page_form input { 

    background: #2d2d2d url(/images/forms/bkg_input.gif) 0 0 no-repeat; 

    width: 176px;

    height: 19px; 

    border: 0;

    color: #888;

    padding: 5px 0 0 7px; 

}

.field_bg input.radio,

.field_bg input.checkbox {

    background: none;

}



#form_entry { float: left; }



#form_entry input, #form_entry textarea {

    border: 1px solid #242424;   

    /** color: #999; 888CHANGE

    color: #888; **/

    font-family: arial;

    width: 176px;

    padding: 5px 0 0 7px; 

    margin: 0;

    float: left;

}



#form_entry input { 

    /** background: #2d2d2d url(/images/forms/bkg_input.gif) 0 0 repeat-x; **/

    height: 17px; 

}

#form_entry textarea { 

    /** background: #2d2d2d url(/images/forms/bkg_textarea.gif) 0 0 repeat-x; **/

    height: 125px;

}

#form_entry input#infowindow_dir_btn {

    width: 182px;

    background: none;

    border: none;

    margin: 0;

    padding: 0;

    height: 22px;

}





/*#form_entry .form_select label, #form_entry .checkbox label { padding-top: 12px; }*/



#form_entry p { margin-bottom: 0; line-height: 1.2; }



#form_entry .checkout_field, .form_dropdown { margin-bottom: 6px; }





#reg_form p { margin-bottom: 0; line-height: 1.2; }





#btn_bottom { margin: 30px 0 0 0;}

#btn_top { margin: 8px 0 0 0;}



#check_balance {

    margin: 15px 0 6px 0;

    display: block;

}







#f { margin: 0; /**height: 23px; mk:why is this here?**/ float: left; }



#f p { margin-bottom: 0; line-height: 1.2; }







/*====== DIJIT-RELATED CLASSES ======================================================*/

/* 

   Note: some names have to follow a prefix convention to be read 

   by built-in dijits = instances of camel case prefixes 

*/





/* ---------------------------------------------

 * SELECT: DropDownSelect

 */



.form_container SELECT { visibility: hidden; }



.select_dropdown { /* replaces dojoxDropDownSelect */

    background: transparent url(/images/forms/select_btm.gif) no-repeat bottom right;

    border: 0;

    border-left: 1px solid #333;

    width: 182px;

}

.select_button { /* replaces dijitButtonNode */

    cursor:pointer;

    width:100%;

    height: 22px;

    background: transparent url(/images/forms/bkg_select.gif) repeat-x top left;

}

.select_dropdownLabel { /* replaces dojoxDropDownSelectLabel */

    /**color: #999; 888CHANGE**/

    color:#888888;

    line-height: 12px;

    border: 0;

    padding: 4px 0 0 6px;

    overflow: hidden;

}

.select_dropdown_arrow {

    float: right;

    background: url(/images/forms/select_arrow.gif) no-repeat top right;

    width:20px;

    height: 18px;

}



.select_dropdownFocused {

    background: transparent url(/images/forms/select_btm_focused.gif) no-repeat bottom right;

}

/*

.select_dropdownFocused .select_dropdown_arrow {

    background-image: url(/images/forms/select_arrow_focused.gif);

}

*/

.select_dropdownDisabled { /* replaces dojoxDropDownSelectDisabled */

    border-color: #999 !important;

    /** color: #999 !important; 888CHANGE **/

    color:#888 !important;

}

.select_dropdownSelectedOption { /* replaces dojoxDropDownSelectSelectedOption */

    /*color: #fff;*/

}

.select_dropdownButtonOpened { /* replaces dojoxDropDownSelectButtonOpened */



}





/* Menu */

.menutable_wrapper {

    /* IE 6/7: menu_container needs this outer div for overlow scrolling */

    border: 1px solid #333;

}



.select_dropdownMenu { /* replaces dojoxDropDownSelectMenu & dijitMenu */

    background-color: #181818;

    padding: 1px;

}



.menutable_container {

    position: relative;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 300px; /* IE6 max height set in widget */

}



.dijitPopup {

    position: absolute;

    background-color: transparent;

    padding: 0;

    margin: 0;

}



.select_MenuTable { /* replaces dijitMenuTable */

    width: 100%;

    background-color: #181818;

}



/* tr in menu table */

.select_MenuItem{ /* replaces dijitMenuItem */

    white-space: nowrap;

    width: 100%;

    border: 1px solid #333;

    float: none;

}



.select_MenuTable .dijitMenuItemHover { /* replaces dijitMenuItemHover */

    cursor: pointer;

    background-color: #000;

    color: #fff;

    border: 1px solid #000;

}



/* td in menu table */

.select_MenuItemLabel { /* replaces dijitMenuItemLabel */

    position: relative;

    vertical-align: middle;

    width: 100%;

    padding: 3px 3px 3px 5px;

    font-size: 11px;

}



.menutable_wrapper table {

    border-collapse: separate;

}





/* Error styles

-----------------------------------------------------*/



/*Errors*/

.form_errors_container {

    padding: 20px 0 30px 0; 

    width: 300px;

}



#main_content_iframe #shipping_error .form_errors_container,

#main_content_iframe #billing_error .form_errors_container,

#reg_form .form_errors_container,

#contact_error .form_errors_container { padding: 20px 0 26px 0; }



.signin .form_errors_container { padding: 6px 0 24px 0; }

#main_content_iframe #review_error .form_errors_container { padding: 30px 0 0 0; }

#address_book_error .form_errors_container { padding: 20px 0 30px 0; }

#back_to_mac_error .form_errors_container { padding: 26px 0 26px 0; }

#giftcard_error .form_errors_container { padding: 30px 0 6px 0; }



#my_mac_panel .form_errors_container {

    padding: 15px 0 30px 0;

    width: 265px;

}

#my_mac_panel #error_header { display: none; }



.form_errors_module {



    background: #f8f8f8;

    padding: 7px;

}



.form_errors {

    margin: 4px 0;

    color: #777;

    font-weight: normal;

}



.form_errors li {

    margin: 5px 0;

}



.form_errors .error_bullet,

#main_content_td .form_errors_module .form_errors li:first-letter,

#main_content_iframe .form_errors_module .form_errors li:first-letter {

    color: #ff0000;

}



/*

.form_container input.field_error, .form_container textarea.field_error {  

    color: #fff; 

}

*/



.form_container input.field_error { 

    /*background: #666 url(/images/forms/bkg_input_error.gif) 0 0 repeat-x;  */

}



.form_container textarea.field_error { 

    /*background: #666;*/

}



.field_error .select_button {

    background: transparent url(/images/forms/bkg_select_error.gif) repeat-x top left;

}



.field_error .select_dropdownLabel {

    color: #fff;

}



.field_error .select_dropdown_arrow {

    background: url(/images/forms/select_arrow_error.gif) no-repeat top right;

}



div.select_dropdown.field_error {

    background: transparent url(/images/forms/select_btm_error.gif) no-repeat bottom right;

}



.form_select input,

.form_select input.field_error { background: none; }





/* - - - - - - CSS Document - - - - - - - - - 

Description: Base Styles for Popover Messages

- - - - - - - - - - - - - - - - - - - - - */



.pop_body { background: #fff; }

.pop_wrapper { position: relative; z-index:10; margin: 0; }

.pop_container { position: absolute; left: -10000px; } /* load off-screen */



/* Links */

.pop_message a, .pop_prod a, .pop_email a { color: #444; text-decoration: underline; }

.pop_message a:hover, .pop_prod a:hover, .pop_email a:hover { color: #111; }



/* Description Text */

.pop_desc { float: left; color:#777;/*** 888CHANGE**/ }

.pop_desc p { line-height: 1.2; font-size: 11px; }

.pop_desc .pop_title { 

    margin: 0 0 2px 0; 

    font-weight: bold; 

    display: block;

    line-height: .9;

    font-size: 11px;

}



.pop_desc .pop_inv_status {

    font-size: 11px;

    line-height: .9;

    display: block;

}



/* Close Button */

a.pop_close {

    background-image: url(/images/popup/pop_close.gif);

    background-position: 0 0;

    background-repeat: no-repeat;

    display: block;

    width: 7px;

    height: 8px;

    overflow: hidden;

    float: right;

    position: relative;

    right: 7px;

}



a.pop_close:hover { background-position: 0 -8px; }



/* Color Swatch */

.pop_swatch { 

    float: left;

    margin: 0 0 0 7px;

    width: 160px;

}





/* Popup Message & Popup Email

---------------------------------------------------------*/

.pop_message, .pop_prod, .pop_email {

    background: #f8f8f8 url(/images/popup/bkg_popup.gif) left bottom repeat-x;

    border: 1px solid #fff;

    padding: 7px 0 0 7px;

}



.pop_message { width: 234px; }

.pop_message .pop_desc {

    left: 7px;

    width: 211px; 

}



.pop_email { width: 169px; }

.pop_email .pop_desc {

    left: 7px;

    width: 162px; 

} 



.pop_message .pop_desc p, .pop_email .pop_desc p { margin: 0 0 8px 0; }



.pop_message .pop_btn, .pop_email .pop_btn { margin-bottom: 7px; }



.pop_message .pop_btn { float: right; margin-right: 4px; }

.pop_message .cart_item_count { float: left; margin-top: 7px; white-space: nowrap; }



.rel_prod .pop_container { margin: -4px 0 0 62px; }





/* Popup Left Nav

---------------------------------------------------------*/



#pop_search_invalid,

#pop_email_valid,

#pop_email_invalid { margin-top: -55px; }



#pop_location_invalid { margin-top: -70px; }





/* Popup Product

---------------------------------------------------------*/

.pop_prod { width: 234px; }



.pop_prod .thumb {  float: left; }



.pop_prod .pop_desc { margin: 0 7px 0 7px; width: 150px; }



.pop_prod .pop_desc p { margin: 0; }



.pop_prod .pop_btn_container { 

    float: left;

    margin: 0 0 0 7px;

    width: 170px;

}



.pop_prod .pop_add_btn { float: right; margin-bottom: 7px; margin-right: 3px; }



.pop_prod .pop_remove_btn { float: left; margin-top: 5px; }



.pop_checkout_btn, .pop_favorites_btn { float: left; padding-bottom: 7px; }

.pop_continue_btn { margin: 6px 0 0 16px; }

    

#discontinued_prod .pop_wrapper {

    left:-139px;

}





/* - - - - - - CSS Document - - - - - - - - - 

Description: Global Styles for the Related Content Box

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



.rel_container {

    width: 446px;

    float: left;

    margin: 30px 0 30px 0;

}



.cross_sell_container {

    width: 446px;

    background: #181818;

    float: left;

}



.cross_sell_btm {

    background: #000 url(/images/related/bkg_border_bottom.gif) 0 0 no-repeat;

    width: 446px;

    height: 7px;

    float: left;

    margin-top: -1px; /* covers up last border in rel_prod, rel_bill */

}



.cross_sell_container_small {

    width: 250px;

    background: #181818;

    float: left;

}



.rel_content_small {

    border-right: 1px solid #313131;

    border-left: 1px solid #313131;

    width: 248px;
	
    float: none;

}



.rel_content {

    border-right: 1px solid #313131;

    border-left: 1px solid #313131;

    width: 444px;
	
	height:500px;

    float: none;

}



#discontinued_xs_container {

    background: #000000;

}



.mixable_replacements_container {

    height: 162px;

}



.replacement_prod_container {

    height: 95px;

}



.replace_prod_rel_top {

    height: 22px;

    background: url(/images/related/bkg_title_top.gif) 0 0 no-repeat;

    width: 446px;

}



.mixable_rel_top {

    background: url(/images/related/bkg_title_top.gif) 0 0 no-repeat;

    width: 446px;

    height: 21px;

}



/* Related Content Header 

----------------------*/

.bkg_rel_top { 

    background: url(/images/related/bkg_title_top.gif) 0 0 no-repeat;

    width: 446px;

    height: 21px;

    }



div.rel_head   {

    /*display: block;*/

    border-bottom: 1px solid #2a2a2a;

    padding: 4px 5px 4px 7px;

}



div.rel_head span {

    display: block;

    float: right;

    /* Added a reverse arrow direction */

    /* background-image: url(/images/related/arrow.gif); */

    background-image: url(/images/related/arrow_rev.gif);

    background-repeat: none;

    margin: -16px 2px 0 0;

    width: 8px;

    height: 8px;

    text-indent: -9999px;

    overflow: hidden;

}



div.rel_head span[class] {

    margin: -8px 0 0 0;

}



/* Arrow positioning open or closed or rev_arrow */

div.rel_head span.open { background-position: 0 0;}

div.rel_head span.closed { background-position: 0 -8px; }

div.rel_head span.rev_arrow { background-position: 0 -18px; margin-right: 15px; }

.dj_ie div.rel_head span.rev_arrow { margin-right: 20px; }



/* Video

---------------------

.rel_video { padding: 6px 6px 0 6px; } */



/* Color Swatches

---------------------- */

.rel_prod .swatch_by_color {

    width: 240px;

    padding-left: 56px;

}



/* Products

---------------------- */

.rel_prod, .rel_prod_tips {

    border-bottom: 1px solid #2a2a2a;

    padding: 5px 7px 0 7px;

}



.last { height: 57px; border: none; } /* Removes the border from the bottom box in the related content box */



.rel_prod_details .thumb, .rel_prod_details { float: left; }

.rel_prod_details .thumb { padding-top: 2px; }

.rel_prod_add, .rel_prod_add *, .rel_prod_view, .rel_prod_view * { float: right; }



.rel_prod_details { width: 310px; margin-bottom: 7px; }

.rel_prod_tips .rel_prod_details { width: 360px; }

.rel_prod_add, .rel_prod_view { width: 116px; }

.rel_prod_tips .rel_prod_add { width: 59px; margin-top: 48px;}



.rel_prod_details .rel_prod_head {

    display: block;

    padding: 0 0 2px 8px;

}



.rel_prod_add span {

    font-weight: bold;

    color: #fff;

    margin: 0;

    padding: 0;

    float: right;

    padding-left: 15px

}



.rel_prod_details p, .rel_prod_tips .rel_prod_details p { 

    line-height: 1.1;

    /** color: #666; 888CHANGE **/

    padding-left: 64px;

    margin: 0;

}



.rel_prod .rel_prod_descr { width: 246px; height: 31px; }



.rel_prod_tips .rel_prod_details p { width: 300px; }



.rel_prod_add .btn_rel_prod_add { margin-top: 8px; }



.rel_prod_add .btn_rel_prod_add_fav { margin: 6px 0;}

.rel_prod_add .btn_rel_prod_remove { margin-top: 6px; width: 110px; }



.rel_prod_add .swatch_select { margin-top: 34px; }

.rel_prod_add .inventory_status { /**color: #777777; 888CHANGE**/ color:#888; font-weight: normal; }



.rel_prod_view .btn_rel_view { margin-top: 15px;}



p.rel_prod_title, .rel_prod_tips p.rel_prod_title { font-weight: bold; color: #aaa;}

p.rel_prod_subtitle { color: #aaa;}





/*

    NEEDED?

    .rel_prod .pop_wrapper { margin-left: 64px; margin-top: 30px; } 

*/



/* Products Header

---------------------------------*/

.bkg_prod_off, #bkg_prod_on { 

    width: 446px;

    height: 22px;

    }



.bkg_prod_off { background: #000 url(/images/related/bkg_prod_off.gif) 0 0 no-repeat; }

.bkg_prod_on { background: #000 url(/images/related/bkg_prod_on.gif) 0 0 no-repeat; }

.bkg_prod_red { background: #000 url(/images/related/bkg_prod_red.gif) 0 0 no-repeat; }



.bkg_prod_off a.rel_head { border: 0;}

.bkg_prod_on a.rel_head { border-right: 0; border-top: 0; border-left: 0;}



/* Billing Information

-------------------------------- */

.rel_bill, .rel_bill_last {

    border-bottom: 1px solid #2a2a2a;

    padding: 6px 0 0 6px;

}



.rel_bill_last { float: left; border: none; } /* Removes the border from the bottom box in the related content box */



.btn_bill_edit {

    float: right;

    margin-top: 25px;

}



.rel_personal_details { width: 144px; float: left; }

.rel_address { width: 177px; float: left; }

.rel_personal_details dt, .rel_address dt { font-weight: bold; }



.rel_personal_details .details_name { height: 55px; }



.bill_primary { float: left;}



.rel_bill_controls { 

    float: left;

    width: 110px;

    margin-bottom: 7px;

    }

    

.bill_remove { margin-top: 8px; float: right;}





/**-----------------global----------**/





html {margin-bottom: 1px;}



body { position: relative; }



html, body, #module_wrapper {

    width: 100%;

    /* color: #777; global font color  888CHANGE **/

    color:#888888;

    letter-spacing: 0.02em;

}



body, #module_wrapper { 

    height: 100%;

    background: #000 url(/images/common/bkg_site.gif) 0 0 repeat-y; 

    font:13px/1.22 arial,verdana,helvetica,clean,sans-serif;

    *font-size:small;

    *font:x-small;

    }



#main_container { height: 100%; }



BODY.macpro, BODY.macpro #module_wrapper, BODY.macpro #main_container  {

    background-color: #eee; 

} 

BODY.macpro #main_content  {letter-spacing: 0em; }

  

table {font-size:inherit;font:100%;}



#main_table { height: 100%; }

#main_table .main_td { vertical-align: top; height: 100%; }



#main_content { height: 100%; }



#main_content_btm { padding-top: 20px; }



#column_spacer_td, #column_spacer { width: 1px; height: 100%; }



#main_bkg_div, #flash_placeholder { width:100%;height:100%; }

.noflash { width:100%;height:100%;background:url('/images/common/download_flash.png') 50% 50%   no-repeat; font-size:0px; text-indent:-5000px;display:none;} 



/* popup/cms/plain window body */

.pop_body { background: #fff; }



.iframe_body { background: #000; }



.preload_iepngfix { display: none; } /* for ie6 */



/* Bump up !IE to get to 13px equivalent */

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}





/* add selectors here for font sizing 

----------------------------------------------------*/

add selectors here {font-size: 77%} /* =10 */



#main_content, 

#main_content_iframe,

#shopping_bag a, #utilitynav input, 

.panel, #panel_open,  

#replace, .replace_r, 

body#pop p, #search_dropdown, 

.pop_prod,

.pop_email, #cp_instructions {font-size: 85%} /* =11 */



p#swatch_select {font-size: 92%} /* =12 */



#form_entry textarea {font-size: 100%} /* =13 */



add selectors here {font-size: 107%} /* =14 */

add selectors here {font-size: 114%} /* =15 */

add selectors here {font-size: 122%} /* =16 */

add selectors here {font-size: 129%} /* =17 */

h3.art_subtitle, #artist_desc h3, h3.subtitle {font-size: 136%} /* =18 */

add selectors here {font-size: 144%} /* =19 */

add selectors here {font-size: 152%} /* =20 */

add selectors here {font-size: 159%} /* =21 */

add selectors here {font-size: 167%} /* =22 */

add selectors here {font-size: 174%} /* =23 */

add selectors here {font-size: 182%} /* =24 */

add selectors here {font-size: 189%} /* =25 */

add selectors here {font-size: 197%} /* =26 */



/* Headings

----------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { 

  font-family: Arial, "Lucida Grande", Verdana, sans-serif;

  color:#111; 

  clear:both; 

  margin: 0;

}



h1 { font-size: 3em; }



.page_header {

  font-family: Arial, "Lucida Grande", Verdana, sans-serif;

  color: #fff;

  font-size: 2.1em;

  margin-bottom: 12px;

  height: 18px;

}







/* Links

----------------------------------------------------*/

a                   { color: #aaa; text-decoration: none; outline: none; }

a:visited             { color: #666; text-decoration: none; outline: none; }

a:hover, a:active   { color: #ccc; text-decoration: none; outline: none; }

a:focus             { color: #888; text-decoration: none; outline: none; }

:focus                 { -moz-outline-style:none;text-decoration: none; outline: none; }            

/** underline links not in panel nav **/

#main_content a, #main_content_iframe a, a.link { text-decoration:underline; } 



/* Generic Base Styles

----------------------------------------------------*/

.hidden     {display: none;}

.invisible { visibility: hidden;}

.clickable { cursor: pointer; }

.unclickable { cursor: default; }

.shoppable {text-decoration: underline; cursor: pointer; }

.clear { float:none; clear: both; }  

.white { color: #fff;}

.offMap {position:relative;left:-5000px;}

 

/* Color Play Flash Gradient Bar

----------------------------------*/

#color_nav_container {

width:2px; height:2px; overflow:hidden;

}

#color_nav_container object,

#color_nav_container embed { display: block; height: 100%; }

#color_nav, #color_nav_standalone { width: 8px; }

#color_nav_td { width: 4px; }

#color_nav_spacer { width: 4px; }



#color_nav_standalone { /* safari only */

    position: absolute;

    top: 0;

    left: 187px;

    height: 100%;

    z-index: 10;

}



/* Global Nav

----------------------------------------------------*/

#globalnav_container {

    background: #000000 url("../images/common/bkg_main_panel.gif"/*tpa=images/common/bkg_main_panel.gif*/) 0 0 repeat-x;

	background:url(../images/bianxian.jpg) repeat-y #000000 right;

    width: 186px;

    position: relative;

    min-height: 620px;

    height: 100%;

    top: 10;

    left: 0;

    z-index: 101;

}



#globalnav_td {

    height: 100%;

    width: 186px;

    background: #000000;

}



img.mac_logo {

    margin: 9px 0 32px 0;

}



ul#globalnav { width: 160px; margin: 0; margin-bottom: 0; }

#globalnav ul { margin: 0; margin-bottom: 0; }



#globalnav li, #globalnav li ul li {

    width: 157px;

    line-height: 0;

    display: block;

    margin: 0;

    margin-bottom: 0; /* need both margin defs to override cms styles */ 

}



#globalnav .accordion_content { margin-top: -1px; }



#globalnav .globalnav_hd,

#globalnav .globalnav_hd img,

#globalnav .accordion_hd,

#globalnav .link_hd,

#globalnav .link_hd img {

    width: 157px;

    height: 18px;

}



#globalnav li#pnav_my_mac { position: relative; }

#globalnav .overlay_image {

    position: absolute;

    top: 0;

}

#globalnav .overlay_image img {

    width:  18px;

    height: 18px;

    display: inline;

}



/* Shopping Cart/Checkout Links

----------------------------------------------------*/

#shopping_bag { 

    padding-top: 4px;

    display: block;

    line-height: 12px;

}

#shopping_bag img { float: left; margin-right: 6px; }

#shopping_bag a { color: #777; }





/* Utility Nav

----------------------------------------------------*/

#utilitynav {

    position: absolute;

	bottom: 160px!important;

    bottom: -300px;

    height: 1%;

	margin-left: 7px;

}



#utilitynav .utilitynav_form { margin: 0 0 5px 0; }

#utilitynav fieldset { margin-top: 0; }

#utilitynav label { display: none; } 



#utilitynav input { 

    background: #000 url('/images/forms/bkg_input_utility.gif') 0 0 repeat-x;

    border: 1px solid #313131;  

    border-right: 0;  

    color: #888;  

    font-family: arial;

    width: 143px;

    height: 16px;

    padding: 4px 0 0 5px; 

    margin: 0;

    float: left;

}



#utilitynav input#search {

    background-image: none;

    background-color: #f8f8f8;

    color: #1e1e1e;

    height: 17px;

}



#utilitynav input.btn { 

    border: 0; 

    width: 22px;

    height: 22px;

    padding: 0;

    background-color: #292929;

}



#utilitynav #email_list_submit { float: left; }



#utilitynav .utilitynav_button {

    background: url('/images/gnav/unav_btn.gif') 0 0 no-repeat;

    color: #777;  

    font-family: arial;

    width: 171px;

    height: 22px;

    margin: 0 0 5px 0;

    overflow: hidden;

}  



#utilitynav .utilitynav_button img { padding: 5px 0 0 8px; }



#utilitynav_links { margin: 20px 0 0 7px;}



#utilitynav_links li {

    height: 10px;

    width: 85px;

    margin-bottom: 5px;

}



#utilitynav_links .globalnav_hd {

    width: 85px;

    height: 10px;

}





/* Search input dropdown

---------------------------------------------------------------*/

#search_dropdown { 

    position: absolute;

    z-index: 150;

    width: 158px;

    background: url(/images/common/btm_search_dropdown.gif) left bottom no-repeat;

    padding-bottom: 5px;

}



#search_dropdown li {

    border-left: 1px solid #363636;

    border-right: 1px solid #363636;

    border-bottom: 1px solid #484848;

    background: #121212;

    font-weight: bold;

    padding: 3px 0 3px 7px;

}



#search_dropdown li.last { border-bottom: none; padding: 3px 0 0 7px;}



#search_dropdown li a {

    color: #aaa;

}



/* Footer (specific positioning and sizing styles

    can be found in home.css and sub.css)

----------------------------------------------------*/

#footernav {

    position: fixed;

    z-index: 2000;

    font-size: 85%;

    left: 0;

    bottom: 0;

    background: #fff;

    color: #acacac;

    height: 18px;

    width: 100%;

    padding: 0;

}



#footernav #copyright {

    display: inline-block;

    margin-top: 3px;

    padding: 0;

    line-height: 15px;

    float: left;

}



#footernav ul {

    margin: 3px 20px 0 16px;

    padding: 0;

    float: left;

}



#footernav ul li { 

    height: 8px;

    float: left;

    margin-right: 20px;

}





/* Adding footer nav styles for country chooser menu. (AD) */



#footernav #country_chooser {

    float: right;

    width: 129px;

    margin: 2px 3px 0 0;

    }



    #footernav #countries_hd {

        padding-top: 15px;

        height: 0px;

        overflow: hidden;

        background: transparent url(/images/country_chooser/button.gif) no-repeat 0 0;

        display: block;

        }

    #footernav #countries_container {

        position: relative;

        z-index:104;

    }

    

    #footernav #country_chooser UL {

        position: absolute;

        padding-top: 4px;

        margin: 0;

        top: -274px; /* Add/subtract 15 pixels for each menu item */

        height: auto;

        background: transparent url(/images/country_chooser/top.gif) no-repeat 0 0;

        }

    #footernav #country_chooser UL LI {

        height: auto;

        background: #eee url(/images/country_chooser/bg.gif) repeat-x 0 0;

        padding-top: 1px;

        width: 129px;

        }



        #footernav #country_chooser UL LI.last {

            height: 3px;

            width: 129px;

            background: transparent url(/images/country_chooser/bg.gif) repeat-x 0 0;

            padding: 0 0 2px 0;

            }



    #footernav #country_chooser UL LI A {

        height: 0;

        width: 129px;

        padding-top: 14px;

        display: block;

        text-indent: 0;

        overflow: hidden;

        background: transparent url(/images/country_chooser/option_other.gif)

        repeat-x 0 0;

        }



        #footernav #country_chooser UL LI.option_australia A {

            background: transparent url(/images/country_chooser/option_australia.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_can_english A {

            background: transparent url(/images/country_chooser/option_can_english.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_can_francias A {

            background: transparent url(/images/country_chooser/option_can_francias.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_china A {

            background: transparent url(/images/country_chooser/option_china.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_france A {

            background: transparent url(/images/country_chooser/option_france.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_germany A {

            background: transparent url(/images/country_chooser/option_germany.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_hongkong A {

            background: transparent url(/images/country_chooser/option_hongkong.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_india A {

            background: transparent url(/images/country_chooser/option_india.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_italy A {

            background: transparent url(/images/country_chooser/option_italy.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_korea A {

            background: transparent url(/images/country_chooser/option_korea.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_middle_east A {

            background: transparent url(/images/country_chooser/option_middle_east.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_singapore A {

            background: transparent url(/images/country_chooser/option_singapore.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_taiwan A {

            background: transparent url(/images/country_chooser/option_taiwan.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_uk A {

            background: transparent url(/images/country_chooser/option_uk.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_usa A {

            background: transparent url(/images/country_chooser/option_usa.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_spain A {

            background: transparent url(/images/country_chooser/option_spain.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_southafrica A {

            background: transparent url(/images/country_chooser/option_southafrica.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_russia A {

            background: transparent url(/images/country_chooser/option_russia.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_japan A {

            background: transparent url(/images/country_chooser/option_japan.gif) repeat-x 0 0;

            }

        #footernav #country_chooser UL LI.option_other A {

            background: transparent url(/images/country_chooser/option_other.gif) repeat-x 0 0;

            }



        #footernav #country_chooser UL LI A:hover {

            background-position: -135px 0;

            }

        #footernav #country_chooser UL LI.current A,

        #footernav #country_chooser UL LI.current A:hover {

            background-position: -270px 0;

        }







/* clearfix 

---------------------------------------------------------------*/

.clearfix:after {  

    content: ".";  

    display: block;  

    clear: both;  

    visibility: hidden;  

    line-height: 0;  

    height: 0;  

}  

.clearfix {  

    display: inline-block;  

}  

html[xmlns] .clearfix {  

    display: block;  

}  

* html .clearfix {  

    height: 1%;  

}



.bold_white {

    font-weight: bold;
	font-size:11px;
    color: #fff;

}





/* Common Margin Usage (ie. ml6 = margin left 6px)

----------------------------------------------------*/

.ml6, p.ml6 { margin-left: 6px; }



.mt0, p.mt0, fieldset.mt0 { margin-top: 0; }

.mt6, p.mt6 { margin-top: 6px;}

.mt10, p.mt10 { margin-top: 10px;}

.mt15, p.mt15 { margin-top: 15px;}

.mt20, p.mt20 { margin-top: 20px; }

.mt30, p.mt30 { margin-top: 30px; }



.mb3, p.mb3, div.mb3 { margin-bottom: 3px;}

.mb6, p.mb6 { margin-bottom: 6px;}

.mb5, p.mb5 { margin-bottom: 5px;}

.mb15, p.mb15, input.mb15 { margin-bottom: 15px;}

.mb20, p.mb20, input.mb20 { margin-bottom: 20px;}

.mb25, p.mb25, input.mb25 { margin-bottom: 25px;}

.mb30, p.mb30, input.mb30 { margin-bottom: 30px;}



.pt5, p.pt5 { padding-top: 5px; }

.pt10, p.pt10 { padding-top: 10px; }

.pt12, p.pt12 { padding-top: 12px; }

.pt15, p.pt15 { padding-top: 15px; }

.pt20, p.pt20 { padding-top: 20px; }

.pt25, p.pt25 { padding-top: 25px; }

.pt30, p.pt30 { padding-top: 30px; }



.pb5, p.pb5 { padding-bottom: 5px; }

.pb10, p.pb10 { padding-bottom: 10px; }

.pb30, p.pb30 { padding-bottom: 30px; }

      



/* Swatches

---------------------- */

.swatch_list { float: none; }





/* Swatches by Color

---------------------- */

.swatch_by_color {

    width: 175px;

    margin: 1px 0 0 8px;

}

.swatch_by_color .swatch_hex_container {

    display: block; 

    float: left;

    position: relative;

    width: 12px;

    height: 12px;

    margin: 0 1px 1px 0;

}



.swatch_by_color .swatch_hex_container_selected {

    width: 10px;

    height: 10px;

    border:1px solid #fff;

}



.swatch_by_color .swatch_hex {

    height: 12px;

    cursor: pointer;

}



.swatch_by_color .swatch_hex_selected {

    border: 1px solid #000;

    height: 8px;

}



.swatch_by_color .swatch_hex_smoosh {

    overflow: hidden;

}



.swatch_by_color .swatch_tooltip {

    padding: 3px 4px 3px 3px;

    line-height: 12px;

    top: -20px;

    left: 12px;

    position: absolute;

    visibility: hidden;

    border: 1px solid #333333;

    color: #FFFFFF;

    z-index: 9;

    white-space: nowrap;

}



.swatch_hex_container_selected .swatch_tooltip {

    top: -21px;

    left: 11px;

}



/*

#swatch_by_color a div {

    width: 8px;

    height: 8px;

    border: 1px solid #000;

}

*/



/* Swatches by Name

-----------------------*/

/*

#swatch_by_name { 

    float: left; 

    padding-left: 8px; 

    margin-top: 8px;

    }

#swatch_by_name a {

    display: block;

    color: #888;

    line-height: 1.2;

}

*/



/* Large Swatch

---------------------- */

#swatch_lg {

    color: #fff;

    margin: 12px 0 0 8px;

    float: none;

}



p#swatch_select {

    margin: 11px 0 0 8px;

    width: 165px;

    height: 10px;

}



#swatch_lg_img { height: 168px; width: 168px; overflow: hidden; }

#swatch_lg_name { margin-top: 3px; font-weight: bold; width: 165px; }

#swatch_lg_desc { /** color: #777; 888CHANGE **/color:#888888; width: 165px; }



#swatch_lg dl { margin-top: 4px;}

#swatch_lg dt { color: #fff; }

#swatch_lg dd { /** color: #666; 888CHANGE **/ color: #888; }



#inventory_btn_message {

    font-family:inherit;

    margin: 0 0 5px 7px;

    /** color: #777777; 888CHANGE **/

}

 

#inventory_status {

    /** color: #777777; 888CHANGE **/

}



/* Misc */

#firebug_placeholder {

    margin: 50px 0 0 0;

    clear: both;

    z-index: 9999;

}



.bodycopy { /* copied style from CMS */

    font-size:11px;

    line-height:13px;

    /** color:#666666; 888CHANGE **/ 

    font-family:arial,verdana,helvetica,clean,sans-serif;

}



.progress { 

    width: 17px;

    height: 17px;

    background: transparent url(/images/common/icon_loading.gif) 0 0 no-repeat;

}



.mix_replacements_price_node {

    padding-left:0px !important;

    width:130px;

    text-align:right;

}



/** LANDING PAGES WITH FULL FLASH **/

        .landing_page #main_content {
	width: 100%;
	height: 100%;
	min-width: 600px;
}

        .landing_page #main_table { width: 100%; }

        .landing_page #color_nav_td { width: 3px }

        .landing_page #panel_open_td { width: 1px; }

        .landing_page #homepage_flash_container { width: 100%; height: 100%; } 

        .landing_page #main_bkg { width: 100%; height: 100%; } 

        .landing_page #main_content_btm { display: none; }  





/** artistry newsworthy **/

    #newsworthy_content { 

        position: relative;

        min-height: 100%;

        height: 1700px; /* hack: forces page to recognize height of absolutely-positioned cms content.  has to be re-set depending on cms content changes */

        /** color: #666; 888CHANGE **/

        color: #888;

    }

    #newsworthy_content A { 

        /** color: #666; 888CHANGE **/

        color: #888;

        text-decoration: underline;

    }



    .video_mask1 {

        width: 446px;

        height: 25px;

        position: relative;

        top: -448px;

        left: 0px;

        z-index: 10000;

        border-style:none none solid none; border-width:1px; border-color: #282828;

        background-color: #000000;

    }



    .video_mask2 {

        width: 456px;

        height: 25px;

        position: relative;

        top: -474px;

        left: -5px;

        z-index: 10001;

        background-color: #000000;

    }





    .artist_video_mask1 {

        width: 444px;

        height: 25px;

        position: relative;

        top: -445px;

        left: 1px;

        z-index: 10000;

        border-style:none none solid none; border-width:1px; border-color: #888888;

        background-color: #EEEEEE;

    }



    .artist_video_mask2 {

        width: 454px;

        height: 25px;

        position: relative;

        top: -471px;

        left: -5px;

        z-index: 10001;

        background-color: #EEEEEE;

    }