/* $Id: style.css,v 1.4 2009/03/01 01:40:57 steve Exp $ */


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


/* @imports for font families */


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

@import "/assets/common/css/fonts/licensed/all_en-2016-09-13.css";
@import "/assets/common/css/fonts/fonts/all_en.css";
@import "/assets/common/css/fonts/fonts/all_cs.css";
@import "/assets/common/css/fonts/fonts/all_jp.css";
@import "/assets/common/css/fonts/fonts/all_ko.css";

/*
** HTML elements
*/


/*fix for ie10 nobr*/

.ext-ie nobr {
    display: inline-block;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Graphik', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body.x-lang-cs {
    font-family: "XinGothic", Helvetica, arial, sans-serif;
}

body.x-lang-jp {
    font-family: "AxisStd", Helvetica, arial, sans-serif;
}

body.x-lang-ko {
    font-family: "Yoon Gothic", Helvetica, arial, sans-serif;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:hover img {
    text-decoration: none;
}

strong {
	font-weight: 600;
}

body {
    margin: 0 30px;
    padding: 0;
    background-color: white;
}

.ie img {
    border: 0;
}

#bg_mask,
#edu_mask,
.generic_mask {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 8901;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=80);
}

#inner_body {
    background-color: white;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

#main_content {
    position: relative;
    width: 100%;
    min-height: 450px;
    top: 40px;
}

.personalized #main_content {
    top: 60px;
}

.showing-beta-banner #main_content {
    top: 84px;
}

/* Fix for accounts management pages */

.sadmin #main_content,
.mapview #main_content {
    top: 0px;
}

.intro-tour #main_content {
    top: 0;
}

img.ispng {
    behavior: url("/assets/images/theme/png.htc");
}


/* image library no matching searches link */

.click-here-link {
    text-decoration: underline;
    color: #fe484f;
}

.hbl .click-here-link {
    text-decoration: underline;
    color: #ffc430;
}


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


/* TOP MAIN NAV */


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

#top_main {
    margin-bottom: 8px;
    position: relative;
    z-index: 100;
}

#top_right_top_links {
    color: #333333;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    font-family: Helvetica, Arial, sans-serif;
    width: 500px;
    height: 20px;
    position: absolute;
    right: 2px;
    z-index: 10;
    white-space: nowrap;
}

.ext-ie8.x-lang-jp #top_right_top_links {
    width: 600px;
}

#top_right_top_links a {
    color: #333333;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    font-family: Helvetica, Arial, sans-serif;
}

#top_right_top_links ul {
    display: inline;
}

#top_right_top_links li {
    list-style-position: outside;
    display: inline;
    padding: 0 7px 0 10px;
}

#top_right_top_links select {
    vertical-align: bottom;
    font-size: 10px;
    text-transform: none;
}

.ext-ie6 #top_right_top_links .x-form-field-wrap {
    height: 20px;
}

#trtl_download_progress {
    position: fixed;
    bottom: 0;
    left: 10px;
    background: black;
    color: white;
    max-width: 300px;
}

#trtl_download_progress a {
    font-weight: bold;
    font-size: 11px;
    padding: 8px 10px;
    display: inline-block;
    color: white;
}

#trtl_download_progress a:hover {
    text-decoration: underline;
}

#trtl_download_progress table {
    display: inline-block;
}

.downloading_title {
    line-height: 20px;
    width: 227px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 6px;
}

.cs .downloading_title,
.jp .downloading_title,
.ko .downloading_title,
.x-lang-ko .downloading_title,
.x-lang-jp .downloading_title,
.x-lang-cs .downloading_title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.ext-ie7 #trtl_download_progress {
    background: none;
    text-align: left;
}

.ext-ie7 #trtl_download_progress table {
    background: #fff;
    width: 300px;
}

.ext-ie7 #trtl_download_progress table .dl_text_label {
    text-align: right;
}

#top_right_top_links .x-form-field-wrap {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.ext-opera #top_right_top_links .x-form-field-wrap {
    display: inline-table;
}

#top_right_top_links .x-form-field-wrap {
    text-align: left;
}

.ext-ie6 #top_right_top_links .x-form-field-wrap,
.ext-ie7 #top_right_top_links .x-form-field-wrap {
    /* amazingly,somehow,in IE,if you do this and set a width separately (which ext does inline),then this effectively will mean inline-block anyway */
    display: inline;
}

.ext-ie8 #top_right_top_links .x-form-field-wrap {
    display: inline-block;
}

#welcome_msg {
    padding: 0 7px;
}

#top_nav {
    z-index: 2;
    width: 100%;
    border-collapse: separate !important;
}


/* this is normally the default anyway,but Ext overrides that,so we need to make it explicit here for those situations */

#top_nav td {
    padding: 1px;
}


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


/* USER MENU */


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

.icon {
    display: inline-block;
    background-repeat: no-repeat;
    /* force hasLayout for IE to enable inline-block */
    *vertical-align: top;
    *display: inline;
    zoom: 1;
}

#usr-menu,
#help-dd-menu {
    background: #fff;
    display: inline-block;
    border: solid 1px #fff;
    /* force hasLayout for IE to enable inline-block */
    vertical-align: top;
    *display: inline;
    zoom: 1;
}

#help-dd-menu {
    margin-right: 10px;
}

.x-lang-es #help-dd-menu {
    width: 155px;
}

#usr-menu.OPEN,
#help-dd-menu.OPEN {
    border-color: #D9D9D9;
    -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.05);
}

#usr-menu #welcome_msg,
#help-dd-menu #help_message {
    text-transform: none;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    text-align: right;
}

#help-dd-menu #help_message {
    font-weight: bold;
}

#usr-menu #welcome_msg .colapse.icon,
#help-dd-menu #help_message .colapse.icon {
    width: 12px;
    height: 12px;
    background-image: url(/assets/images/theme/arrow.gif);
    background-position: left top;
    margin-left: 10px;
}

#usr-menu.OPEN #welcome_msg .colapse.icon,
#help-dd-menu.OPEN #help_message .colapse.icon {
    background-position: right top;
}

#usr-menu #welcome_msg .name {
    font-weight: bold;
}

#usr-menu .items,
#help-dd-menu .items {
    display: none;
    font-weight: normal;
    padding: 10px;
    padding-bottom: 0px;
    border-top: solid 1px #D9D9D9;
}

#usr-menu.OPEN .items,
#help-dd-menu.OPEN .items {
    display: block;
}

#usr-menu .items li,
#help-dd-menu .items li {
    display: block;
    border: none;
    padding: 0px;
}

#usr-menu .items li:hover,
#help-dd-menu .items li:hover {
    text-decoration: underline;
}

#usr-menu .items li a,
#help-dd-menu .items li a {
    font-weight: normal;
    text-transform: none;
    text-align: left;
    display: block;
    padding-bottom: 10px;
}

#usr-menu .items li.switchback a {
    font-weight: bold;
    color: #fe484f;
}

.ext-ie6 #usr-menu .items li a,
.ext-ie6 #help-dd-menu .items li a {
    padding: 0px;
}

#usr-menu .items #login {
    margin: 0;
}

#usr-menu .items #login p {
    padding: 10px 0 5px;
    margin: 0;
}

#usr-menu .items #login .input {
    padding: 1px;
    border: 2px inset;
    margin: 0;
}

#usr-menu .items #login .pass_link {
    padding-top: 5px;
}

#usr-menu .items hr,
#help-dd-menu .items hr {
    margin: 0 0 10px -10px;
    padding: 0 20px 0 0;
    width: 100%;
    color: #D9D9D9;
    background-color: #D9D9D9;
    border: none;
    height: 1px !important;
}

#top_right_top_links #horizontal-links {
    margin-right: 10px;
    margin-top: 12px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}


/*#top_right_top_links #horizontal-links #chat_online,
	#top_right_top_links #horizontal-links #chat_offline {
		border-left: 2px solid #000;
	}*/


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


/* TOP LEFT NAV */


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

#top_left_nav {
    position: absolute;
    z-index: 2;
    margin: -3px 0 0 -3px;
}

#top_left_nav_wrap {
    width: 158px;
    border: 1px solid #787878;
    background-color: #f2f2f2;
}

#top_nav #top_left_nav_shadow1 {
    border: 1px solid white;
    width: 160px;
}

#top_nav #top_left_nav_shadow2 {
    border: 1px solid white;
    width: 162px;
}

#goto_button {
    width: 158px;
    height: 26px;
}

#top_left_nav_dropdown {
    /*display:none;*/
    background: #f2f2f2 url('/assets/images/theme/top-nav-bg.gif') repeat;
}

#top_left_nav.down #top_left_nav_shadow1 {
    border: 1px solid #9b9b9b;
}

#top_left_nav.down #top_left_nav_shadow2 {
    border: 1px solid #cdcdcd;
}

#top_left_nav.down #goto_button {
    border-bottom: 1px solid #787878;
}

#top_left_nav ul {
    width: 158px;
    padding: 1px 0;
}

#top_left_nav a,
#top_left_nav li li a,
#top_left_nav span.neuter {
    display: block;
    margin: 1px;
    background-color: #fe484f;
    font-weight: bold;
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    letter-spacing: 1px;
    font-size: 11px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.x-lang-en #top_left_nav a,
.x-lang-en #top_left_nav span.neuter,
.x-lang-es #top_left_nav a,
.x-lang-es #top_left_nav span.neuter {
    font-size: 10.6px;
    text-transform: uppercase;
}

#top_left_nav span.neuter {
    cursor: default;
    line-height: 14px !important;
    padding: 6px 0px;
}


/*Second Level Nav Items*/

#lowerLeftContent a {
    background-color: transparent;
    font-family: Helvetica, Arial, serif;
    text-transform: none !important;
    margin: 0;
    letter-spacing: normal;
}

#top_left_nav li li a {
    font-weight: normal;
    background-color: transparent;
    color: #404040;
    font-family: Helvetica, Arial, serif;
    font-size: 11px;
    text-align: left;
    text-transform: none !important;
    padding-left: 18px;
    letter-spacing: normal;
}

.ext-ie.x-lang-jp #top_left_nav li li a {
    padding-left: 10px;
}

.x-lang-jp #top_left_nav li li a {
    font-size: 10px;
}

#goto_button a {
    display: block;
    border: 1px solid #fff;
    background-image: url('/assets/images/theme/goto_bg.gif');
    background-repeat: no-repeat;
    text-align: center;
    color: #ffffff;
    height: 24px;
    font-family: Helvetica, Arial, serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 27px;
    margin: 0;
}

#top_left_nav.down #goto_button a {
    background-image: url('/assets/images/theme/goto_bg_over.gif');
}

#tln_td {
    width: 168px;
    height: 28px;
    vertical-align: top;
}


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


/*   LOWER LEFT CONTENT	      */


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

#lowerLeftContent {
    width: 160px;
    margin-top: 29px;
    color: #707070;
}


/* #active, #denim, #vintage, #stylesighting { margin-top: 20px;} */

#active a,
#denim a,
#vintage a {
    min-height: 165px;
    width: 154px;
    background: transparent;
    border: none;
}

#videos_block a {
    border: none;
    background: transparent;
}

#videos_block h3 {
    border-bottom: 1px solid #333333;
    color: #333333;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

div.accordion {
    position: relative;
    /* required for bounding */
}

.acc-spacer {
    height: 5px;
    border: 1px solid red;
}

/* Instock bottom nav */
.instock:not(.instock-app) #bottom ul {
	border-top:2px solid #eaebe8;
}
.instock:not(.instock-app) #bottom ul li {
	display:inline;border-left:1px solid #eaebe8;padding:0 7px 0 10px;line-height:27px;
}            
.instock:not(.instock-app) #bottom ul li:first-child {
	border-left:0px solid #eaebe8;
}            
.instock:not(.instock-app) #bottom ul li a {
	font-family:Helvetica,Arial,sans-serif;font-size:11px;color:black;
}

div.accordion-toggle {
    position: relative;
    /* required for effect */
    z-index: 10;
    /* required for effect */
    background: url("/assets/images/theme/phTitlebg1L.gif") repeat center center;
    border: 1px solid #000;
    color: #282828;
    font-family: "times New Roman";
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0 6px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
    cursor: pointer;
    cursor: hand;
}

div.accordion-toggle.accordion-toggle-active {
    border: 1px solid #000;
    border-bottom: none;
    overflow: hidden !important;
    background: none;
}

div.accordion-content {
    overflow: hidden;
    /* required for effect */
    border: 1px solid #000;
    border-top: none;
    padding: 0px 2px;
}

div.accordion-content a {
    margin: 0px !important;
    background: #fff !important;
}

div.accordion-content img {
    width: 154px;
    height: 154px;
    border: none;
    margin-bottom: 3px;
}


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


/*       TOP CENTER NAV	      */


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

td.tcn_box {
    border: 1px solid #707070;
    background-color: white;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
}

.ext-ie6 td.tcn_box {
    height: 24px;
}

td.tcn_box div {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #707070;
    padding: 0px 12px;
    text-align: center;
    height: 24px;
    line-height: 26px;
    text-transform: uppercase;
}

.ext-ie7 #tln_td,
.ext-ie8 #tln_td {
    height: 26px;
    overflow: hidden;
}

td.tcn_box div div,
td.tcn_box td div {
    color: black;
    font-size: inherit;
    font-weight: normal;
    background-color: transparent;
    padding: 0;
    text-align: left;
    height: auto;
}

td.tcn_box a.white {
    color: white;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#tcn_search_td {
    text-align: center;
    vertical-align: middle;
}

#tcn_my_folders_td {
    width: 120px;
    vertical-align: middle;
}

#tcn_my_folders_td[id] {
    width: 105px;
}

#tcn_my_preferences_td {
    width: 140px;
    vertical-align: middle;
}

#tcn_help_td {
    width: 60px;
    vertical-align: middle;
}

#tcn_search {
    border-collapse: collapse;
    border-width: 0;
    background-color: #707070;
    height: 24px;
}

.ext-ie6 #tcn_search {
    height: 27px;
}

#tcn_search td {
    padding: 0;
    margin: 0;
    border-width: 0;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
}

.x-lang-jp #tcn_my_folders_td {
    width: 140px;
}

.x-lang-jp #tcn_my_folders_td[id] {
    width: 125px;
}

.x-lang-jp #tcn_help_td {
    width: 80px;
}


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


/*     	   BOTTOM NAV	      */


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

#bottom {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    position: relative;
    top: 40px;
}

#bottom ul {
    display: block;
    text-align: center;
    list-style-type: none;
    margin: 0;
    width: 100%;
}

#bottom ul.user {
    border-top: 1px solid #eaebe8;
}

#bottom ul.user li {
    display: inline;
    border-left: 1px solid #eaebe8;
    padding: 0 10px;
    line-height: 40px;
}

#bottom ul.user li.first_item {
    border-left: 0px solid #eaebe8;
}

#bottom a {
    font-weight: 600;
    color: #555555;
}

#bottom a:hover {
    font-weight: 600;
    color: #000000;
}


/*hide on roadblock pages*/

.roadblock #bottom {
    display: none;
}

.newsletters .bottom {
    clear: both;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.showing-beta-banner #bottom {
    top: 84px;
}

.personalized #bottom {
    top: 60px;
}


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


/*      STANDARD BUTTONS	  */


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

a.small_grey_button,
.x-btn button.small_grey_button {
    background: transparent url('/assets/images/theme/small_grey_buttons-1-6-12.gif') no-repeat;
    overflow: hidden;
}

a.small_grey_button {
    display: block;
}


/* ext-all.css really sucks here for buttons, you have to be extremely precise in your selector, which makes cross-compatibility harder... */

a.close_button,
.x-btn .x-btn-center button.close_button {
    width: 14px;
    height: 14px;
    background-position: 0px -288px;
}

a.close_button:hover,
.x-btn-over .x-btn-center button.close_button {
    text-decoration: none;
}

a.zoom_button,
.x-btn .x-btn-center button.zoom_button {
    width: 16px;
    height: 16px;
    background-position: 0px -208px;
}

a.zoom_button:hover,
.x-btn-over .x-btn-center button.zoom_button {
    background-position: -16px -208px;
    text-decoration: none;
}

a.obj_zoom_button,
.x-btn .x-btn-center button.obj_zoom_button {
    width: 16px;
    height: 16px;
    background-position: 0px -512px;
}

a.obj_zoom_button:hover,
.x-btn-over .x-btn-center button.obj_zoom_button {
    background-position: -16px -512px;
    text-decoration: none;
}

a.print_button,
.x-btn .x-btn-center button.print_button {
    width: 16px;
    height: 16px;
    background-position: 0px -192px;
}

a.print_button:hover,
.x-btn-over .x-btn-center button.print_button {
    background-position: -16px -192px;
    text-decoration: none;
}

a.new_folder_button,
.x-btn .x-btn-center button.new_folder_button {
    width: 16px;
    height: 16px;
    background-position: 0px -176px;
}

a.new_folder_button:hover,
.x-btn-over .x-btn-center button.new_folder_button {
    background-position: -16px -176px;
    text-decoration: none;
}

a.more_info_button,
.x-btn .x-btn-center button.more_info_button {
    width: 16px;
    height: 16px;
    background-position: 0px -160px;
}

a.more_info_button:hover,
.x-btn-over .x-btn-center button.more_info_button {
    background-position: -16px -160px;
    text-decoration: none;
}

a.help_button,
.x-btn .x-btn-center button.help_button {
    width: 16px;
    height: 16px;
    background-position: 0px -144px;
}

a.help_button:hover,
.x-btn-over .x-btn-center button.help_button {
    background-position: -16px -144px;
    text-decoration: none;
}

a.email_button,
.x-btn .x-btn-center button.email_button {
    width: 16px;
    height: 16px;
    background-position: 0px -128px;
}

a.email_button:hover,
.x-btn-over .x-btn-center button.email_button {
    background-position: -16px -128px;
    text-decoration: none;
}

a.add_button,
.x-btn .x-btn-center button.add_button {
    width: 16px;
    height: 16px;
    background-position: 0px -112px;
}

a.add_button:hover,
.x-btn-over .x-btn-center button.add_button {
    background-position: -16px -112px;
    text-decoration: none;
}

a.dl_button,
.x-btn .x-btn-center button.dl_button {
    width: 16px;
    height: 16px;
    background-position: 0px -96px;
}

a.dl_pdf_button,
.x-btn .x-btn-center button.dl_pdf_button {
    height: 16px;
    background-position: -16px -96px;
    text-align: center;
    padding-left: 16px;
    padding-top: 2px;
}

a.dl_button:hover,
.x-btn-over .x-btn-center button.dl_button {
    background-position: -16px -96px;
    text-decoration: none;
}

a.create_folder_button,
.x-btn .x-btn-center button.create_folder_button {
    width: 16px;
    height: 16px;
    background-position: 0px -176px;
}

a.create_folder_button:hover,
.x-btn-over .x-btn-center button.create_folder_button {
    background-position: -16px -176px;
    text-decoration: none;
}

a.del_button,
.x-btn .x-btn-center button.del_button {
    width: 16px;
    height: 16px;
    background-position: 0px -80px;
}

a.del_button:hover,
.x-btn-over .x-btn-center button.del_button {
    background-position: -16px -80px;
    text-decoration: none;
}

a.message_button,
.x-btn .x-btn-center button.message_button {
    width: 16px;
    height: 16px;
    background-position: 0px -64px;
}

a.message_button:hover,
.x-btn-over .x-btn-center button.message_button {
    background-position: -16px -64px;
    text-decoration: none;
}

a.ul_button,
.x-btn .x-btn-center button.ul_button {
    width: 16px;
    height: 16px;
    background-position: 0px -48px;
}

a.ul_button:hover,
.x-btn-over .x-btn-center button.ul_button {
    background-position: -16px -48px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.fnotes_button {
    width: 16px;
    height: 16px;
    background-position: 0px -32px;
}

a.fnotes_button,
.x-btn .x-btn-center button.fnotes_button {
    width: 16px;
    height: 16px;
    background-position: 0px -32px;
}

a.fnotes_button:hover,
.x-btn-over .x-btn-center button.fnotes_button {
    background-position: -16px -32px;
    text-decoration: none;
}

a.edit_button,
.x-btn .x-btn-center button.edit_button {
    width: 16px;
    height: 16px;
    background-position: 0px -16px;
}

a.edit_button:hover,
.x-btn-over .x-btn-center button.edit_button {
    background-position: -16px -16px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.perm_button {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
}

a.perm_button,
.x-btn .x-btn-center button.perm_button {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
}

a.perm_button:hover,
.x-btn-over .x-btn-center button.perm_button {
    background-position: -16px 0px;
    text-decoration: none;
}

a.save_button,
.x-btn .x-btn-center button.save_button {
    width: 16px;
    height: 16px;
    background-position: 0px -336px;
}

a.save_button:hover,
.x-btn-over .x-btn-center button.save_button {
    background-position: -16px -336px;
    text-decoration: none;
}

a.preview_button,
.x-btn .x-btn-center button.preview_button {
    width: 16px;
    height: 16px;
    background-position: 0px -352px;
}

a.preview_button:hover,
.x-btn-over .x-btn-center button.preview_button {
    background-position: -16px -352px;
    text-decoration: none;
}

a.select_all_button,
.x-btn .x-btn-center button.select_all_button {
    width: 16px;
    height: 16px;
    background-position: 0px -368px;
}

a.select_all_button:hover,
.x-btn-over .x-btn-center button.select_all_button {
    background-position: -16px -368px;
    text-decoration: none;
}

a.unselect_all_button,
.x-btn .x-btn-center button.unselect_all_button {
    width: 16px;
    height: 16px;
    background-position: 0px -384px;
}

a.unselect_all_button:hover,
.x-btn-over .x-btn-center button.unselect_all_button {
    background-position: -16px -384px;
    text-decoration: none;
}

a.del_folder_button,
.x-btn .x-btn-center button.del_folder_button {
    width: 16px;
    height: 16px;
    background-position: 0px -400px;
}

a.del_folder_button:hover,
.x-btn-over .x-btn-center button.del_folder_button {
    background-position: -16px -400px;
    text-decoration: none;
}

a.slideshow_button,
.x-btn .x-btn-center button.slideshow_button {
    width: 16px;
    height: 16px;
    background-position: 0px -416px;
}

a.slideshow_button:hover,
.x-btn-over .x-btn-center button.slideshow_button {
    background-position: -16px -416px;
    text-decoration: none;
}

a.add_to_cal_button,
.x-btn .x-btn-center button.add_to_cal_button {
    width: 16px;
    height: 16px;
    background-position: -16px -544px;
}

a.add_to_cal_button:hover,
.x-btn-over .x-btn-center button.add_to_cal_button {
    background-position: -16px -544px;
    text-decoration: none;
}


/*ph: New icon make for the myworkspace page */

.x-item-disabled.x-btn .x-btn-center button.new_del_button {
    width: 16px;
    height: 16px;
    background-position: 0px -432px;
}

a.new_del_button,
.x-btn .x-btn-center button.new_del_button {
    width: 16px;
    height: 16px;
    background-position: 0px -432px;
}

a.new_del_button:hover,
.x-btn-over .x-btn-center button.new_del_button {
    background-position: -16px -432px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.new_print_button {
    width: 16px;
    height: 16px;
    background-position: 0px -448px;
}

a.new_print_button,
.x-btn .x-btn-center button.new_print_button {
    width: 16px;
    height: 16px;
    background-position: 0px -448px;
}

a.new_print_button:hover,
.x-btn-over .x-btn-center button.new_print_button {
    background-position: -16px -448px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.new_email_button {
    width: 16px;
    height: 16px;
    background-position: 0px -464px;
}

a.new_email_button,
.x-btn .x-btn-center button.new_email_button {
    width: 16px;
    height: 16px;
    background-position: 0px -464px;
}

a.new_email_button:hover,
.x-btn-over .x-btn-center button.new_email_button {
    background-position: -16px -464px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.new_dl_button {
    width: 16px;
    height: 16px;
    background-position: 0px -480px;
}

a.new_dl_button,
.x-btn .x-btn-center button.new_dl_button {
    width: 16px;
    height: 16px;
    background-position: 0px -480px;
}

a.new_dl_button:hover,
.x-btn-over .x-btn-center button.new_dl_button {
    background-position: -16px -480px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.new_ul_button {
    width: 16px;
    height: 16px;
    background-position: 0px -496px;
}

a.new_ul_button,
.x-btn .x-btn-center button.new_ul_button {
    width: 16px;
    height: 16px;
    background-position: 0px -496px;
}

a.new_ul_button:hover,
.x-btn-over .x-btn-center button.new_ul_button {
    background-position: -16px -496px;
    text-decoration: none;
}

a.slideshow_button,
.x-btn .x-btn-center button.slideshow_button {
    width: 16px;
    height: 16px;
    background-position: 0px -416px;
}

a.slideshow_button:hover,
.x-btn-over .x-btn-center button.slideshow_button {
    background-position: -16px -416px;
    text-decoration: none;
}

a.refresh_button,
.x-btn .x-btn-center button.refresh_button {
    width: 16px;
    height: 16px;
    background-position: -16px -528px;
}

a.refresh_button:hover,
.x-btn-over .x-btn-center button.refresh_button {
    background-position: -16px -528px;
    text-decoration: none;
}

.x-item-disabled.x-btn .x-btn-center button.duplicate_button {
    width: 16px;
    height: 16px;
    background-position: 0px -592px;
}

a.new_dl_button,
.x-btn .x-btn-center button.duplicate_button {
    width: 16px;
    height: 16px;
    background-position: 0px -592px;
}

a.new_dl_button:hover,
.x-btn-over .x-btn-center button.duplicate_button {
    background-position: -16px -592px;
    text-decoration: none;
}


/* New icon for Palette Builder */

a.add_tableau_button,
.x-btn .x-btn-center button.add_tableau_button {
    width: 16px;
    height: 16px;
    background-position: 0px -560px;
}

a.add_tableau_button:hover,
.x-btn-over .x-btn-center button.add_tableau_button {
    background-position: -16px -560px;
    text-decoration: none;
}

a.show_captions_button,
.x-btn .x-btn-center button.show_captions_button {
    width: 16px;
    height: 16px;
    background-position: 0px -576px;
}

a.show_captions_button:hover,
.x-btn-over .x-btn-center button.show_captions_button {
    background-position: -16px -576px;
    text-decoration: none;
}


/* move to front button */

a.new_mtf_button,
.x-btn .x-btn-center button.new_mtf_button {
    width: 16px;
    height: 16px;
    background-position: 0px -608px;
}

a.new_mtf_button:hover,
.x-btn-over .x-btn-center button.new_mtf_button {
    background-position: -16px -608px;
    text-decoration: none;
}


/* move to front button */


/* move to front button */

a.new_mtb_button,
.x-btn .x-btn-center button.new_mtb_button {
    width: 16px;
    height: 16px;
    background-position: 0px -624px;
}

a.new_mtb_button:hover,
.x-btn-over .x-btn-center button.new_mtb_button {
    background-position: -16px -624px;
    text-decoration: none;
}


/* import to race button */

a.new_mtb_button,
.x-btn .x-btn-center button.race_button {
    width: 16px;
    height: 16px;
    background-position: -16px -816px;
}

a.new_mtb_button:hover,
.x-btn-over .x-btn-center button.race_button {
    background-position: -16px -816px;
    text-decoration: none;
}


/* move to front button */

a.std_grey_button {
    display: inline-block;
    height: 18px;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: #e4e5e6;
    padding: 0 6px;
    cursor: pointer;
    text-decoration: none;
}

a.std_grey_button:hover {
    text-decoration: none !important;
    background: #fe484f;
    color: white !important;
}

.ext-ie a.std_grey_button {
    line-height: 18px;
}

.ext-gecko2 a.std_grey_button {
    display: -moz-inline-box;
}

a.trigger_text_button {
    height: 19px;
    vertical-align: top;
}

.x-toolbar-button-shell .x-btn button {
    margin-left: 5px;
    margin-right: 5px;
}

.x-toolbar-button-shell .x-btn .x-btn-left {
    width: 0px;
}

.x-toolbar-button-shell .x-btn .x-btn-right {
    width: 0px;
}

.x-toolbar-button-shell .x-btn .x-btn-center {
    width: 30px;
    background: transparent url('/lib/images/brushed-button.gif') repeat-x 0px 0px;
    height: 24px;
}

.ext-ie7 .x-toolbar-button-shell .x-btn .x-btn-center,
.ext-ie8 .x-toolbar-button-shell .x-btn .x-btn-center {
    height: 25px;
}

.x-toolbar-button-shell .x-btn-over .x-btn-center {
    background: transparent url('/lib/images/brushed-button.gif') repeat-x 0px -24px;
}

.x-toolbar-button-shell .x-btn-click .x-btn-center,
.x-toolbar-button-shell .x-btn-pressed .x-btn-center,
.x-toolbar-button-shell .x-btn-menu-active .x-btn-center {
    background: transparent url('/lib/images/brushed-button.gif') repeat-x 0px -48px;
}

.x-toolbar-button-shell .x-btn-left i,
.x-btn-right i {
    width: 0px;
}

.x-toolbar-button-shell .x-btn-left,
.x-btn-right {
    display: none;
}

.x-toolbar-button-shell table {
    border-collapse: collapse;
    margin-top: -1px !important;
    border: 0px solid black;
}

.ext-ie8 .x-toolbar-button-shell table {
    border-top: 1px solid #999999;
}

.ext-ie8 .x-toolbar-button-shell table table {
    border-top: 0px solid #999999;
}

.x-toolbar-button-shell td.shell {
    border-right: 1px solid #999999 !important;
    border-left: 0px solid #999999 !important;
}

.x-toolbar-button-shell td.leftmost {
    border-left: 1px solid #999999 !important;
}

.x-toolbar-button-shell td.rightmost {
    border-right: 0px solid #adadad;
}

.x-toolbar-button-shell .no-shell-text .x-btn .x-btn-left {
    width: 0px;
}

.x-toolbar-button-shell .no-shell-text .x-btn .x-btn-right {
    width: 0px;
}

.x-toolbar-button-shell .no-shell-text .x-btn .x-btn-center {
    background: transparent none;
}

.x-toolbar-button-shell .no-shell-text .x-btn-over .x-btn-center {
    background: transparent none;
}

.x-toolbar-button-shell .no-shell-text .x-btn-click .x-btn-center,
.x-toolbar-button-shell .no-shell-text .x-btn-pressed .x-btn-center,
.x-toolbar-button-shell .no-shell-text .x-btn-menu-active .x-btn-center {
    background: transparent none;
}

.x-toolbar-button-shell .no-shell-text .x-btn-left i,
.x-btn-right i {
    width: 0px;
}

.x-toolbar-button-shell .no-shell-text table {
    border-collapse: collapse;
}

.x-toolbar-button-shell .no-shell-text td.shell {
    border-right: 0px solid #adadad;
    border-left: 0px solid #adadad;
}

.x-toolbar-button-shell .no-shell-text td.leftmost {
    border-left: 0px solid #adadad;
}

.x-toolbar-button-shell .no-shell-text td.rightmost {
    border-right: 0px solid #adadad;
}

.x-toolbar-button-shell .no-shell-text .x-btn button {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 26px;
}

.x-toolbar-button-shell .no-shell-text .x-btn-over button {
    text-decoration: underline;
}


/*.ext-safari .x-toolbar-button-shell table  { border-collapse: collapse;}*/

.x-layout-split {
    border-width: 0px;
}

.x-panel-tbar .x-toolbar-button-shell {
    padding: 0px;
    height: 25px;
}

.ext-safari .x-panel-tbar .x-toolbar-button-shell,
.ext-chrome .x-panel-tbar .x-toolbar-button-shell,
.ext-opera .x-panel-tbar .x-toolbar-button-shell {
    height: 24px !important;
    border-top: 1px solid #999999;
}


/*
BLOCK STYLE MAINLY USE FOR LEFT COL AND RIGHT COL
*/

.serif_heading {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 5px 0;
}

.sideblog_heading {
    letter-spacing: normal;
}

.serif_heading a {
    color: #333333;
}

.serif_heading a:hover {
    text-decoration: none;
    color: #fe484f;
}

.smaller {
    letter-spacing: normal;
}

.bottom_line {
    background-color: #e4e5e6;
    display: block;
    font-size: 2px;
    line-height: 2px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    border: 0px solid black;
}

.menu_listing {
    margin: 10px 0 0 3px;
}

.menu_listing li a {
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}

.ext-ie8.x-lang-jp .menu_listing li a {
    font-size: 10px !important;
}

.expand_collapse {
    background-image: url(/assets/images/ssnews/expand_collapse.png);
    background-repeat: no-repeat;
    float: right;
    height: 9px;
    width: 9px;
    margin-top: 3px;
}

.expand {
    background-position: -9px 0;
}

.clear {
    width: 100%;
    clear: both;
    height: 1px;
}

.new_menu {
    background: #fe484f none;
    line-height: 30px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    padding: 1px 6px;
    position: relative;
    top: -11px;
    left: 5px;
    border: 1px solid #fe484f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tln_menu_new {
    text-transform: uppercase;
    color: #fe484f;
    font-weight: bold;
    font-size: 10px;
}

#top_left_nav_dropdown li ul li {
    white-space: nowrap;
}

#download_queue {
    width: 633px;
    height: 328px;
    position: absolute;
    background: white url(/assets/images/theme/resize-corner.gif) no-repeat scroll right bottom;
    border: 2px solid #e1e1e1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: black;
    z-index: 14123;
}


/* added for pages that does not load ext-all.css to hide the download queue in the header */

.x-hidden,
.x-hide-offsets {
    position: absolute;
    left: -10000px;
    top: -10000px;
    visibility: hidden;
}

#download_queue b,
#download_queue a {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

#download_queue a:hover {
    text-decoration: underline;
    cursor: pointer;
}

#download_queue .downloads_holder {
    position: absolute;
    left: 10px;
    top: 32px;
    width: 616px;
    height: 220px;
    border: 1px solid #e1e1e1;
    padding: 11px 0 10px 0;
}

#download_queue .close_button {
    width: 16px;
    height: 16px;
}

#download_queue .downloads_holder[class] {
    height: 241px;
}

#download_queue .downloads_holder .queue_entry {
    height: 80px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
    margin-top: -1px;
}

#download_queue .downloads_holder .queue_entry .entry_data {
    text-align: left;
    width: 520px;
    left: 34px;
    top: 8px;
    line-height: 24px;
    position: relative;
}

#download_queue .downloads_holder .queue_entry .entry_data .dl_progress {
    width: 516px;
    border: 1px solid #e1e1e1;
    background-color: white;
    line-height: 1px;
    padding: 1px;
}

#download_queue .downloads_holder .queue_entry .entry_data .dl_progress .dl_bar {
    height: 12px;
    position: relative;
    left: 0;
    top: 0;
    background-color: #fe484f;
    border-right: 1px solid #fdead8;
    width: 0;
}

#download_queue .downloads_holder .queue_entry .pct_holder {
    position: absolute;
    left: 562px;
    top: 31px;
    color: black;
}

.ext-ie6 #download_queue .downloads_holder .queue_entry .entry_data,
.ext-ie7 #download_queue .downloads_holder .queue_entry .entry_data {
    left: 0;
    top: 0;
}

.ext-ie6 #download_queue .downloads_holder .queue_entry .entry_data .dl_progress,
.ext-ie7 #download_queue .downloads_holder .queue_entry .entry_data .dl_progress {
    width: 514px;
}

.ext-ie6 #download_queue .downloads_holder .queue_entry .pct_holder,
.ext-ie7 #download_queue .downloads_holder .queue_entry .pct_holder {
    left: 570px;
}

#download_queue .download_status {
    position: absolute;
    left: 10px;
    top: 308px;
    color: black;
}

#active img,
#denim img,
#vintage img {
    height: 154px;
    width: 154px;
}

.tr_dl_bar_lbl {
    font-size: 11px;
}

.tr_dl_bar {
    width: 102px;
    border: 1px solid #e1e1e1;
    background-color: white;
    line-height: 1px;
    padding: 1px;
    font-size: 1px;
}

.tr_dl_bar_inside {
    height: 4px;
    position: relative;
    left: 0;
    top: 0;
    background-color: #fe484f;
    border-right: 1px solid #fdead8;
    width: 0;
    font-size: 1px;
    line-height: 1px;
}

#stylesighting a:hover,
#active a:hover,
#denim a:hover,
#vintage a:hover {
    background: transparent;
    color: #000;
    text-decoration: none;
}

#stylesighting h3,
#active h3,
#denim h3,
#vintage h3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    color: #333333;
    text-transform: uppercase;
}


/* #lowerLeftContent img{border:1px solid #707070;padding:2px;} */

#lowerLeftContent .blog_title a {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0f0f0f;
}

#lowerLeftContent .blog_post_date {
    color: #707070;
    margin-bottom: 1px;
    font-size: 10px;
    line-height: 11px;
}

#block_heading a {
    background: none !important;
    border-bottom: 1px solid #333333;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    font-weight: bold;
}

#block_heading1 a {
    background: none !important;
}


/* see also /assets/css/extern-myfolders.css -added here due to weird timing issues with IE 7 and dynamically included stylesheets */

#externWorkspaceWinMask {
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
    filter: alpha(opacity=74);
    opacity: 0.74;
    -moz-opacity: 0.74;
    -khtml-opacity: 0.74;
    display: none;
}

#externWorkspaceWin {
    position: absolute;
    display: none;
    padding: 20px;
    background-color: white;
    z-index: 100001;
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    border: 2px solid #999999;
}

#externWorkspaceWin a.std_grey_button {
    display: inline-block;
    height: 18px;
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: transparent url('/assets/images/theme/std_grey_button.gif') repeat-x 0 0;
    padding: 0 6px;
    cursor: pointer;
    text-decoration: none;
}

#externWorkspaceWin a.std_grey_button:hover {
    text-decoration: none !important;
    background-position: 0 -19px;
}

#externWorkspaceWin img.eww_drop_arrow {
    background: transparent url(/assets/images/theme/eww_drop_arrow.gif) no-repeat scroll 0 -7px;
}

#externWorkspaceWin img.eww_drop_arrow_open {
    background-position: 0 0;
}


/* This is a change to the font used for CS which wasn't approved yet...
.x-lang-cs *{ 
font-family: Verdana,Arial,Helvetica,sans-serif,"宋体" !important;
}
*/


/* KOREAN FONTS */

.x-lang-ko #top_left_nav li li a,
.x-lang-ko #top_right_top_links a,
.x-lang-ko .x-form-field,
.x-lang-ko .x-combo-list-item,
.x-lang-ko .x-combo-list-item,
.x-lang-ko #goto_button a,
.x-lang-ko #tcn_search td,
.x-lang-ko td.tcn_box a.white,
.x-lang-ko #top a,
.x-lang-ko #bottom a {
    font-family: '굴림', Gulim, '돋움', Dotum, AppleGothic, sans-serif
}

.x-lang-ko #top_left_nav a,
.x-lang-ko #top_left_nav span.neuter,
.x-lang-ko #block_heading {
    font-family: "돋움", Dotum, "Times New Roman", Times, serif;
    letter-spacing: normal;
}

input[type="text"]:not(.input--text),
input[type="password"]::not(.input--text) {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}


/*------Feature Bubble-------*/

.blue_button,
#detail-window .x-btn button.blue_button,
.x-btn button.blue_button {
    background: transparent url('/assets/images/theme/small_grey_buttons-1-6-12.gif');
    overflow: hidden;
}

.ssText a {
    text-decoration: none;
}

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

img a {
    border: none;
}

.mainBubble {
    margin: 20px;
    padding: 0px;
    position: absolute;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#hssb {
    display: none;
}

.bubbleFrame {
    position: absolute;
    margin: 0px auto;
    padding: 25px;
    width: 377px;
    height: auto;
    background-color: white;
    border: 2px solid #fe484f;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 8900;
    -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 14px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.05);
    box-shadow: 0 2px 14px rgba(0,0,0,0.05);
}


/* ---up arrow---  */

.c_arrow_bottom {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 42px;
    height: 22px;
    background: url(/assets/images/bubble/flex_arrow.png) no-repeat;
    z-index: 2;
}


/* ---bottom arrow---  */

.c_arrow_top {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 42px;
    height: 22px;
    background: url(/assets/images/bubble/flex_arrow_bott.png) no-repeat;
    z-index: 2;
}


/* ---right arrow---  */

.c_arrow_left {
    position: absolute;
    margin: 0px auto;
    padding: 0px;
    width: 24px;
    height: 42px;
    background: url(/assets/images/bubble/flex_arrow_right.png) no-repeat;
    z-index: 2;
}


/* ---left arrow---  */

.c_arrow_right {
    position: absolute;
    margin: 0px auto;
    padding: 0px;
    width: 22px;
    height: 42px;
    background: url(/assets/images/bubble/flex_arrow_left.png) no-repeat;
    z-index: 2;
}

#message {
    margin: 15px;
    padding: 0px;
}

#message ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#message li {
    margin: 0px;
    padding: 4px 0 0 0;
    list-style: none;
}

.bb_close {
    position: absolute;
    top: 10px;
    right: 10px;
}


/*----------------------------*/
/*       TOP CENTER NAV	      */
/*----------------------------*/


/* saved search confirmation box */

#confirm_mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000000;
    opacity: 0.7;
    z-index: 10000000;
    filter: alpha(opacity=70);
}

#confirm_box {
    position: fixed;
    border: 1px solid #000000;
    overflow: hidden;
    z-index: 10000001;
    background-color: #ffffff;
    margin: 0;
}

#confirm_title {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    font-size: 11px;
    background-color: #999999;
}

#confirm_txt {
    margin: 15px;
    text-align: center;
    white-space: normal;
    font-size: 11px;
    color: #393939;
}

#confirm_btns {
    text-align: center;
}

#confirm_btns .btn-large {
    margin: 10px 5px;
}

.bookmark_search a.text_link {
    color: black;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
    font-weight: bold;
}

.bookmark_search a.text_link:hover {
    text-decoration: underline;
}

.bookmark_search {
    border-bottom: 1px dotted #b2b2b2;
    padding: 12px 5px 12px 12px;
}

.bookmark_search p {
    color: #333333;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
}

.bookmark_search .breadcrumb {
    font-size: 11px;
    color: #333333;
    white-space: normal;
}

.loading {
    background-image: url(/assets/javascripts/ext/resources/images/default/grid/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#showallitems_table li a {
    display: inline-block;
    padding-right: 18px;
}

#showallitems_table li .loading {
    background-image: url(/assets/javascripts/ext/resources/images/default/grid/loading.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

#usr-menu .items .pass_link a {
    color: #fe484f !important
}

#usr-menu .items #login {
    text-transform: none !important;
}

#submit-login {
	cursor: pointer;
}

#edu_warn_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9000;
    display: none;
    top: 0;
    left: 0;
}

#edu_warn_pop .edu_warn_inner {
    width: 580px;
    height: 130px;
    padding: 40px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -115px 0 0 -330px;
    background-color: #FFF;
}

#edu_warn_pop .edu_warn_inner .btns_holder {
    margin: 24px 0 34px;
}

#edu_warn_pop .edu_warn_inner .btns_holder .btn {
    padding: 8px 10px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

#edu_warn_pop .edu_warn_inner a {
    font-weight: bold;
    text-decoration: none;
}

#edu_warn_pop .edu_warn_inner .btns_holder .orange {
    color: #FFF;
    border: 1px solid #c95706;
}

#edu_warn_pop .edu_warn_inner .btns_holder .silver {
    color: #666;
    background-color: #ebebeb;
    border: 1px solid #d7d7d7;
    margin-left: 14px;
}


/* NEW STUFF  */

.icon {
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
}




/****************************************** */
/*              GLOBAL HEADER 
****************************************** */

@font-face {
    font-family: 'wgsnfont';
    src: url('/content/assets/fonts/wgsnheadline-webfont.eot');
    src: url('/content/assets/fonts/wgsnheadline-webfont.eot?#iefix') format('embedded-opentype'), url('/content/assets/fonts/wgsnheadline-webfont.woff') format('woff'), url('/content/assets/fonts/wgsnheadline-webfont.ttf') format('truetype'), url('/content/assets/fonts/wgsnheadline-webfont.svg#wgsn_headlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wgsn_headline_title_large {
    font-size: 28px;
    font-weight: bold;
}

.wgsn_headline_title_small {
    font-size: 18px;
    font-weight: bold;
}

.cs .wgsn_headline_title_large,
.jp .wgsn_headline_title_large,
.ko .wgsn_headline_title_large,
.x-lang-ko .wgsn_headline_title_large,
.x-lang-jp .wgsn_headline_title_large,
.x-lang-cs .wgsn_headline_title_large,
.cs .wgsn_headline_title_small,
.jp .wgsn_headline_title_small,
.ko .wgsn_headline_title_small,
.x-lang-ko .wgsn_headline_title_small,
.x-lang-jp .wgsn_headline_title_small,
.x-lang-cs .wgsn_headline_title_small {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}


/* #header 
@import url("partials/old/header.css");
*/


/* Top Bar 
@import url("partials/old/topbar.css");
*/


/* Search 
@import url("partials/old/searchbar.css");
*/

.remove-btn {
    width: 22px;
    height: 22px;
    background: #ffffff url("/content/assets/images/sprite-main-05-05-15.png") 5px -350px;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    cursor: pointer;
}

.remove-btn:hover {
    background: #fe484f url("/content/assets/images/sprite-main-05-05-15.png") -13px -350px;
    border: 1px solid #fe484f;
}

#inner_body #top .x-form-field-wrap .x-form-trigger {
    background: url("/content/assets/images/sprite-main-05-05-15.png") -8px -333px !important;
    border: none !important;
    vertical-align: top;
}

#inner_body #top .x-form-field-wrap .x-form-field {
    border: none;
    background: #fff;
    color: #000;
}

#inner_body #top .x-form-field-wrap input[type=text]:focus {
    border: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#inner_body #top .search-bar #theme-search .x-form-field-wrap input[type=text],
#inner_body #top .search-bar #theme-search .x-form-field-wrap input[type=text]:focus {
    border: 1px solid #e4e5e6;
}

#inner_body #top .search-bar #filter input.x-form-field {
    border-left: 1px solid #e4e5e6;
}

.x-shadow {
    display: none !important;
}

.x-combo-list {
    border: 1px solid #e4e5e6;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    background: #ffffff;
    border-top: 0;
}

.x-combo-list .x-combo-list-inner .x-combo-list-item {
    white-space: nowrap;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

.x-combo-list .x-combo-selected {
    background: #e6e6e6;
    border: none !important;
}

.ui-autocomplete {
    max-height: 450px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}



/****************************************** */
/*              GLOBAL
****************************************** */

@font-face {
    font-family: 'wgsnfont';
    src: url('/content/assets/fonts/wgsnheadline-webfont.eot');
    src: url('/content/assets/fonts/wgsnheadline-webfont.eot?#iefix') format('embedded-opentype'), url('/content/assets/fonts/wgsnheadline-webfont.woff') format('woff'), url('/content/assets/fonts/wgsnheadline-webfont.ttf') format('truetype'), url('/content/assets/fonts/wgsnheadline-webfont.svg#wgsn_headlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#inner_body,
.wrapper {
    width: auto;
}

#inner_body {
    min-width: auto;
    padding: 0 0 0 0;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}



/****************************************** */
/*              UI ELEMENTS
****************************************** */

.icon {
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
}

.icon.customize {
    width: 18px;
    height: 16px;
    display: inline-block;
    background-position: 0px -211px;
    position: relative;
    margin-right: 5px;
}

.icon.add-folder {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    background-position: -122px -324px;
    vertical-align: middle;
}

.btn {
    background: #ebebeb;
    border: none;
    font-size: 12px;
    text-align: center;
}

.btn.orange {
    background: #fe484f;
    color: white;
}

.btn.orange:hover {
    background: #c95706;
}

.btn:hover {
    border: none;
    background: #d7d7d7;
}

.remove-btn {
    width: 22px;
    height: 22px;
    background: #ffffff url("/content/assets/images/sprite-main-05-05-15.png") 5px -350px;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    cursor: pointer;
}

.remove-btn:hover {
    background: #fe484f url("/content/assets/images/sprite-main-05-05-15.png") -13px -350px;
    border: 1px solid #fe484f;
}

.button {
    font-weight: bold;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button:hover {
    cursor: pointer;
}

.button.disabled {
    opacity: .5;
}

.button.disabled:hover {
    cursor: default;
}

.button.create .icon {
    background: url("/content/assets/images/board-sprite.png") -131px -3px;
    width: 11px;
    height: 11px;
    display: inline-block;
}

.button.orange {
    color: #fe484f;
}

.button.orange.disabled:hover {
    background: #fe484f;
}

.button.rounded {
    border-radius: 2px;
    line-height: 22px;
    padding: 1px 11px 0;
}

.button.rounded.gray {
    background: #ebebeb;
    color: #666666;
}

.button.rounded.gray:hover {
    background: #d7d7d7;
}

.button.rounded.orange {
    background: #fe484f;
    color: #ffffff;
}

.button.rounded.orange:hover {
    background: #c95706;
}

.checkbox,
.radio {
    width: 17px;
    height: 17px;
    background: white;
    border: 1px solid #e4e5e6;
    display: inline-block;
    cursor: pointer;
}

.checkbox:checked,
.checkbox:hover:checked {
    border: 1px solid #6c6f70;
    background: #6c6f70 url("/content/assets/images/sprite-main-05-05-15.png") no-repeat -23px -305px;
}

.checkbox:hover {
    background: #ffffff url("/content/assets/images/sprite-main-05-05-15.png") no-repeat 3px -305px;
}

.radio {
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

.radio:checked,
.radio:hover:checked {
    border: 1px solid #6c6f70;
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat -23px -285px;
}

.radio:hover {
    background: #ffffff url("/content/assets/images/sprite-main-05-05-15.png") no-repeat 3px -285px;
}


/* Combobox - jQuery UI version */

.arrow,
.ui-button {
    background: url("/content/assets/images/sprite-main.png") no-repeat;
    width: 8px;
    height: 7px;
    display: inline-block;
    margin: -2px 0 1px 7px;
    border: none;
    vertical-align: middle;
}

.search-sidebar .arrow,
.search-sidebar .ui-button {
    background-position: -73px -216px;
    width: 8px;
    height: 7px;
    display: inline-block;
    margin: -2px 0 1px 7px;
    border: none;
    vertical-align: middle;
}

.ui-menu {
    list-style: none;
    margin: 0;
    display: block;
    float: left;
    padding: 10px 0;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    clear: left;
}

.ui-menu.ui-autocomplete {
    list-style: none;
    margin: 0;
    z-index: 50 !important;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e4e5e6;
    transition: visibility 0.25s ease-out, opacity 0.25s ease-out;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    max-height: 350px;
    background: #ffffff;
    -moz-border-radius: 0px/*{cornerRadius}*/
    ;
    -webkit-border-radius: 0px/*{cornerRadius}*/
    ;
    position: absolute;
}

.ui-menu.ui-autocomplete.right li {
    text-align: right;
}

.ui-menu.ui-autocomplete li.ui-menu-item {
    white-space: nowrap;
}

.ui-menu.ui-autocomplete li.ui-menu-item a {
    font-weight: normal;
    display: block;
    padding: 6px 20px;
    font-family: Helvetica, Arial, sans-serif;
    background: none;
    border: 0px;
}

.ui-menu.ui-autocomplete li.ui-menu-item a * {
    font-family: Helvetica, Arial, sans-serif;
}

.ui-menu.ui-autocomplete li.ui-menu-item a span {
    font-weight: bold;
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
}

.ui-menu.ui-autocomplete li.ui-menu-item .ui-state-hover {
    background: #e6e6e6;
}

#filterTop,
#filterTop * {
    color: #5e5f5c;
    font-size: 10px;
}

.jp #filterTop *,
.x-lang-jp #filterTop * {
    font-family: Helvetica, Arial, sans-serif;
}

.ko #filterTop *,
.x-lang-ko #filterTop * {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.cs #filterTop *,
.x-lang-cs #filterTop * {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#saved-searches,
#saved-searches a,
#saved-searches a .date,
#saved-searches a .breadcrumb,
#saved-searches a .name,
.search-sidebar .ui-menu.ui-autocomplete li.ui-menu-item a {
    color: #7a7b78;
}

#saved-searches a * {
    font-family: Helvetica, Arial, sans-serif;
}

.ko #saved-searches a .date,
.x-lang-ko #saved-searches a .date {
    font-size: 11px;
}

.cs #saved-searches a .date,
.x-lang-cs #saved-searches a .date {
    font-size: 12px;
}

.ui-menu.ui-autocomplete li.ui-menu-item.selected a {
    color: #fe484f;
    font-weight: bold;
}

.ui-menu.ui-autocomplete li.ui-menu-item a.highlighted {
    border-bottom: 1px solid #e4e5e6;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.search-sidebar .ui-menu.ui-autocomplete li.ui-menu-item a.highlighted {
    border: none;
    margin-bottom: 5px;
    padding-bottom: 8px;
}

.ui-menu.ui-autocomplete li.ui-menu-item:hover {
    background: #e6e6e6;
    cursor: pointer;
}

.ui-menu.ui-autocomplete li.ui-menu-item:hover a {
    text-decoration: none;
}

.ui-menu .ui-menu-item a.ui-corner-all:hover,
.ui-menu .ui-menu-item a.ui-corner-all:focus,
.ui-menu .ui-menu-item a.ui-corner-all:active {
    background: #e6e6e6;
}

.ui-menu-item .ui-state-hover {
    background: #e6e6e6;
}

input.ui-autocomplete-input {
    border: none;
    padding: 0;
}

.bordered input.ui-autocomplete-input {
    padding: 7px 22px 7px 10px;
    font-size: 12px;
}

input.ui-autocomplete-input:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

input[readonly="readonly"],
.auto_search_combo.select-box {
    cursor: pointer;
}


/* Input Fields */

input[type=text]:not(.input--text),
input[type=password]:not(.input--text),
input[type=email]:not(.input--text) {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px 2px;
    border: 1px solid #e4e5e6;
    outline: none;
}

.ie_8_0 input[type=text],
.ie_8_0 input[type=password],
.ie_8_0 input[type=email],
.ie_9_0 input[type=text],
.ie_9_0 input[type=password],
.ie_9_0 input[type=email],
.ie_10_0 input[type=text],
.ie_10_0 input[type=password],
.ie_10_0 input[type=email] {
    padding: 0 0 0 2px;
    color: black;
}

input[type=text]:not(.input--text):focus,
input[type=password]:not(.input--text):focus,
input[type=email]:not(.input--text):focus {
    border: 1px solid #fe484f;
}

input#card_name {
    padding: 4px 2px 0px;
}

input.ui-autocomplete-input {
    border: none;
    padding: 0;
}

input.ui-autocomplete-input:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

input[readonly="readonly"],
{
    cursor: pointer;
}


/* Menus / generic dropdowns */

.menu {
    display: inline-block;
    position: relative;
}

.menu .arrow {
    width: 8px;
    height: 7px;
    display: inline-block;
    margin: 0 0 1px 7px;
}

.menu:not(.products) .options {
    position: absolute;
    border: 1px solid #e4e5e6;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 10;
    background: #ffffff;
    font-size: 12px;
}

.menu:not(.products) .options.right {
    right: 0px;
    text-align: right;
}

.menu:not(.products) .options ul {
    margin: 10px 0;
}

.menu:not(.products) .options li {
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.menu:not(.products) .options li a {
    padding: 6px 20px;
    display: block;
    color: black;
}

.menu:not(.products) .options li.selected a {
    color: #fe484f;
    font-weight: bold;
}

.menu:not(.products) .options li:hover {
    background: #e6e6e6;
    cursor: pointer;
}

.menu:not(.products) .options li.active {
    font-weight: bold;
    color: #fe484f;
}

.menu:not(.products) .options li.break {
    border-bottom: 1px solid #e4e5e6;
    margin: 10px 0;
    padding: 0px;
}

.menu.simple .options {
    top: 20px;
}

.menu.simple .button {
    font-weight: normal;
    padding: 7px 0;
}

.menu.box .button:hover {
    text-decoration: none;
}

.menu.box .button,
.bordered {
    position: relative;
    font-weight: normal;
    border: 1px solid #e4e5e6;
    background: white;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 22px 7px 10px;
    display: block;
}

.bordered {
    padding: 0;
}

.menu.box .arrow,
.bordered .arrow {
    position: absolute;
    top: 12px;
    right: 6px;
}

.menu.box .options {
    top: 31px;
    right: 0;
}

.menu.open {
    cursor: pointer;
}

.menu.open .options {
    opacity: 1;
    visibility: visible;
}

.x-lang-es .ui-menu.ui-autocomplete .right {
    margin-left: -10px;
}


/* Modal */

.modal {
    position: fixed;
    padding: 30px;
    top: 30%;
    left: 40%;
    z-index: 1050;
    background-color: white;
    border: 1px solid #e4e5e6;
    outline: none;
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.4s;
    linear,
    top 1s;
    ease-out;
    -moz-transition: opacity 1s;
    linear,
    top 1s;
    ease-out;
    -o-transition: opacity 1s;
    linear,
    top 1s;
    ease-out;
    transition: opacity 1s;
    linear,
    top 1s;
    ease-out;
}

.modal.fade.in {
    top: 30%;
}

.modal .window {
    max-width: 300px;
}

.modal.unsaved .window {
    max-width: none;
}

.modal.unsaved .label {
    text-align: center;
}

.modal .window .header {
    font-size: 16px;
    line-height: 18px;
    color: #fe484f;
    margin-bottom: 25px;
}

.modal.unsubscribe-all .window .header {
    text-transform: uppercase;
}

.modal .window .label {
    margin-bottom: 10px;
}

.modal .window .buttons {
    margin-top: 30px;
    text-align: center;
}

.modal .window .buttons .btn-large {
    margin: 0px 5px;
}


/* Buttons */

.btn-large {
    font-weight: 600;
    font-size: 11px;
    line-height: 30px;
    display: inline-block;
    text-decoration: none;
    padding: 0px 12px;
    border: none;
    text-transform: capitalize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-large:hover {
    cursor: pointer;
}

.btn-large.primary {
    background: #0000dd;
    border-color: #0000dd;
    color: white;
}

.btn-large.primary:hover {
    background: #1111ff;
    border-color: #1111ff;
}

.btn-large.orange {
    background: #fe484f;
    color: white;
}

.btn-large.orange:hover {
    background: #c95706;
}

.btn-large.orange.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

.btn-large.orange.disabled:hover {
    background: #fe484f;
    cursor: default;
}

.btn-large.gray {
    background: #ebebeb;
    border: 1px solid #d7d7d7;
    color: #666666;
}

.btn-large.gray:hover {
    background: #d7d7d7;
    cursor: pointer;
}




/****************************************** */
/*              GLOBAL HEADER 
****************************************** */

#header {
    *zoom: 1;
}

#header:before,
#header:after {
    display: table;
    content: "";
    line-height: 0;
}

#header:after {
    clear: both;
}

#header #user-links {
    float: right;
    margin-top: 36px;
}

#header #user-links > div {
    display: inline-block;
    margin-left: 23px;
    vertical-align: middle;
    white-space: nowrap;
}

#header #user-links #welcome #first-name {
    font-weight: bold;
    display: inline-block;
}

#header #user-links #workspace .icon {
    width: 16px;
    height: 13px;
    background-position: -54px 0;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

#header #language {
    width: auto;
    padding-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    padding-right: 0px;
}

#header.promo {
    border-bottom: 1px solid #e4e5e6;
    padding-bottom: 10px;
    margin-bottom: 40px;
    width: 968px;
    margin: 0 auto;
}

#header.promo #language {
    float: right;
    margin-top: 40px;
}

#header.promo #logo {
    float: left;
    margin-top: 35px;
}

#header #language input.ui-autocomplete-input {
    width: 50px;
    text-align: right;
    background-color: transparent;
    color: #000;
    font-size: 1em;
}


/* Top Bar */

.topbar:before,
.topbar:after {
    display: table;
    content: "";
    line-height: 0;
}

.topbar:after {
    clear: both;
}

.topbar.sticky {
    position: fixed;
    top: 0px;
    background: #ffffff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 0 0 15px;
    z-index: 200;
    display: none;
}

.topbar .go-to-menu a {
    font-weight: normal;
}

.topbar .go-to-menu:hover {
    cursor: auto;
}

.topbar .go-to-menu.closed:hover .button {
    color: #000000;
    background: #f2f2f2;
    border: 1px solid #D9D9D9;
}

.topbar .go-to-menu .button {
    background: #fe484f;
    color: #ffffff;
    display: inline-block;
    width: 183px;
    text-align: center;
    position: relative;
    border: 1px solid transparent;
    z-index: 111;
}

.topbar .go-to-menu .button .label {
    padding: 7px 0;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

.topbar .go-to-menu .button .icon {
    width: 24px;
    height: 24px;
    background-position: -35px -72px;
    position: absolute;
    right: 9px;
    top: 4px;
}

.topbar .go-to-menu.opened .button {
    color: #000000;
    background: #f2f2f2;
    border: 1px solid #D9D9D9;
    border-bottom: none;
    cursor: pointer;
    padding-bottom: 15px;
    margin-bottom: -15px;
}

.topbar .go-to-menu.closed:hover .button .icon,
.topbar .go-to-menu.opened .button .icon {
    background-position: -60px -72px;
}

.topbar .go-to-menu .options {
    display: none;
    position: absolute;
    top: 45px;
    border: 1px solid #D9D9D9;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    z-index: 110;
    background: #f2f2f2;
    width: 998px;
    font-size: 12px;
}

.topbar .go-to-menu .options .icon {
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
}

.topbar .go-to-menu .options .column {
    float: left;
    margin: 30px 0 40px 20px;
    padding-left: 20px;
    height: auto;
}

.topbar .go-to-menu .options .column.main {
    margin-left: 30px;
    padding: 0;
    border: none;
    border-right: 1px solid #e4e5e6;
    width: 220px;
    padding-top: 5px;
}

.topbar .go-to-menu .options .column.last {
    border-left: 1px solid #e4e5e6;
    width: 170px;
    padding-left: 40px;
    margin: 30px 0 10px 35px;
    padding-top: 8px;
}

.x-lang-jp .topbar .go-to-menu .options .column.last {
    margin: 30px 0 10px 45px;
}

.topbar .go-to-menu .options .column.mid {
    width: 120px;
}

.topbar .go-to-menu .options .column.main .name {
    text-transform: uppercase;
    font-weight: bold;
}

.topbar .go-to-menu .options .column.main .icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
}

.topbar .go-to-menu .options .last .heading {
    margin-top: 1px;
}

.topbar .go-to-menu .options .column.main .description {
    margin-left: 23px;
}

.topbar .go-to-menu .options .column.main .image-library .icon {
    background-position: -213px -227px;
    width: 21px;
    height: 21px;
}

.topbar .go-to-menu .options .column.main .design-library .icon {
    background-position: -231px -303px;
    background-size: 489px 1100px;
    width: 21px;
    height: 20px;
}

.topbar .go-to-menu .options .column.main .city-by-city .icon {
    background-position: -232px -323px;
    background-size: 489px 1100px;
    width: 21px;
    height: 19px;
}

.topbar .go-to-menu .options .column.main .trendlink .icon {
    background-position: 0 -124px;
}

.topbar .go-to-menu .options .column.main .design-library,
.topbar .go-to-menu .options .column.main .city-by-city,
.topbar .go-to-menu .options .column.main .image-library {
    margin-bottom: 20px;
    margin-left: 10px;
}

.ie_8_0 .topbar .go-to-menu .options .column.main .design-library .icon,
.ie_9_0.emulatingIE8 .topbar .go-to-menu .options .column.main .design-library .icon {
    background-position: -213px -248px;
    height: 16px;
}

.ie_8_0 .topbar .go-to-menu .options .column.main .city-by-city .icon,
.ie_9_0.emulatingIE8 .topbar .go-to-menu .options .column.main .city-by-city .icon {
    background-position: -213px -264px;
    height: 16px;
}

.topbar .go-to-menu .options .column.main .design-library a,
.topbar .go-to-menu .options .column.main .city-by-city a,
.topbar .go-to-menu .options .column.main .image-library a {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 17px;
    white-space: normal
}

.topbar .go-to-menu .options .column.main .image-library a {
    line-height: 23px;
}

.topbar .go-to-menu .options .column.main .design-library:hover a,
.topbar .go-to-menu .options .column.main .city-by-city:hover a,
.topbar .go-to-menu .options .column.main .image-library:hover a {
    color: #fe484f;
    text-decoration: none;
}

.topbar .go-to-menu .options .column.main ul {
    margin-bottom: 30px;
}

.topbar .go-to-menu .options .column.main ul li {
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.topbar .go-to-menu .options .column.main ul li a {
    text-decoration: none;
}

.topbar .go-to-menu .options .column.main ul li a:hover .name {
    color: #fe484f;
}

.topbar .go-to-menu .options .column.mid ul li,
.topbar .go-to-menu .options .column.last ul li {
    padding: 0 !important;
    /* white-space: nowrap; */
}

.topbar .go-to-menu .options .column ul li:hover {
    cursor: pointer;
}

.topbar .go-to-menu .options .column ul li:hover a {
    color: #fe484f;
    text-decoration: none;
}

.topbar .go-to-menu .options .column ul {
    margin-bottom: 30px;
}

.topbar .go-to-menu .options .column ul:last-child {
    margin-bottom: 0;
}

.topbar .go-to-menu .options .heading {
    color: #000;
    font-size: 14px;
    padding: 0;
    line-height: 17px;
    margin-bottom: 5px;
    white-space: normal;
}

.cs .topbar .go-to-menu .options .heading,
.jp .topbar .go-to-menu .options .heading,
.ko .topbar .go-to-menu .options .heading,
.x-lang-ko .topbar .go-to-menu .options .heading,
.x-lang-jp .topbar .go-to-menu .options .heading,
.x-lang-cs .topbar .go-to-menu .options .heading {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.topbar .go-to-menu .options .column.main .heading {
    margin-top: 5px;
}

.topbar .go-to-menu .options .column.last .heading {
    font-size: 12px;
}

.topbar .go-to-menu .options .image-links {
    *zoom: 1;
    clear: both;
    padding: 10px 0 0 15px;
    margin-left: 0px;
    background: #fff;
    white-space: normal;
}

.topbar .go-to-menu .options .image-links:before,
.topbar .go-to-menu .options .image-links:after {
    display: table;
    content: "";
    line-height: 0;
}

.topbar .go-to-menu .options .image-links:after {
    clear: both;
}

.topbar .go-to-menu .options .image-links .heading {
    margin-right: 25px;
    display: inline-block;
    padding: 0 0 0 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.topbar .go-to-menu .options .column.main > div,
.topbar .go-to-menu .options .column.last > div {
    margin-bottom: 30px;
}

.topbar .go-to-menu .options .column.last .design-tools div.icon,
.topbar .go-to-menu .options .column.last .media div.icon,
.topbar .go-to-menu .options .column.last .archives div.icon {
    margin-bottom: 30px;
    margin-right: 7px;
    width: 16px;
    height: 16px;
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
    float: left;
}

.topbar .go-to-menu .options .column.last .design-tools div.icon {
    background-position: -214px -280px;
}

.topbar .go-to-menu .options .column.last .media div.icon {
    background-position: -211px -296px;
}

.topbar .go-to-menu .options .column.last .archives div.icon {
    background-position: -211px -312px;
}

.topbar .go-to-menu .options .column.main .catwalks div.icon,
.topbar .go-to-menu .options .column.main .trend-forecast div.icon {
    width: 56px;
    height: 56px;
}

.topbar .go-to-menu .options .column.last .trend-forecast div.icon {
    background-position: -200px -200px;
}

.topbar .go-to-menu .options .column.main .trend-forecast div.icon {
    background: url("/content/assets/images/trendforecast-round.png") no-repeat;
}

.topbar .go-to-menu .options .column.main .catwalks div.icon {
    background: url("/content/assets/images/catwalks-round.png") no-repeat;
}

.topbar .go-to-menu .options .column.last .design-tools ul,
.topbar .go-to-menu .options .column.last .media ul,
.topbar .go-to-menu .options .column.last .archives ul,
.topbar .go-to-menu .options .column.main .catwalks ul,
.topbar .go-to-menu .options .column.main .trend-forecast ul {
    float: left;
}

.topbar .go-to-menu .options .image-links a {
    display: inline-block;
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
    text-indent: -9999px;
    margin-right: 15px;
    border-right: 1px solid #e4e5e6;
    padding-right: 15px;
}

.topbar .go-to-menu .options .image-links a:nth-of-type(1n+4) {
    border: none;
    margin: 0px;
    padding: 0px;
}

.topbar .go-to-menu .options .image-links a.homebuildlife {
    width: 202px;
    height: 14px;
    background-position: 0 -144px;
}

.topbar .go-to-menu .options .image-links a.homebuildlife:hover {
    background-position: -217px -144px;
}

.topbar .go-to-menu .options .image-links a.styletrial {
    width: 127px;
    height: 17px;
    background-position: 0 -582px;
}

.topbar .go-to-menu .options .image-links a.styletrial:hover {
    background-position: -142px -582px;
}

.topbar .go-to-menu .options .image-links a.vogue-archive {
    width: 104px;
    height: 17px;
    background-position: 0 -158px;
}

.topbar .go-to-menu .options .image-links a.vogue-archive:hover {
    background-position: -130px -158px;
}

.topbar .go-to-menu .options .image-links a.denimhead {
    width: 88px;
    height: 14px;
    background-position: 0 -172px;
}

.topbar .go-to-menu .options .image-links a.denimhead:hover {
    background-position: -130px -172px;
}

.topbar .go-to-menu .options .image-links a.in-stock {
    width: 88px;
    height: 14px;
    background-position: 0 -186px;
}

.topbar .go-to-menu .options .image-links a.in-stock:hover {
    background-position: -130px -186px;
}

.topbar .go-to-menu .options .image-links a:hover {
    text-decoration: none;
}

.topbar .go-to-menu .options .image-links .social-links {
    float: right;
    margin: 6px 30px 0 0;
}

.topbar .go-to-menu .options .image-links .social-links li {
    display: inline-block;
}

.topbar .go-to-menu .options .image-links .social-links li a {
    width: 23px;
    height: 23px;
    margin-right: 5px;
    padding: 0;
    border: none;
}

.topbar .go-to-menu .options .image-links .social-links li a.twitter {
    background-position: -101px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.twitter:hover {
    background-position: -101px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.facebook {
    background-position: -126px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.facebook:hover {
    background-position: -126px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.youtube {
    background-position: -151px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.youtube:hover {
    background-position: -151px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.linkedin {
    background-position: -176px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.linkedin:hover {
    background-position: -176px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.tumblr {
    background-position: -201px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.tumblr:hover {
    background-position: -201px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.google {
    background-position: -226px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.google:hover {
    background-position: -226px -81px;
}

.topbar .go-to-menu .options .image-links .social-links li a.instagram {
    background-position: -251px -57px;
}

.topbar .go-to-menu .options .image-links .social-links li a.instagram:hover {
    background-position: -251px -81px;
}

.topbar .go-to-menu.opened .options {
    display: block;
    z-index: 1100;
}


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


/*             Live chat
****************************************** */

.chat_online,
.chat_offline {
    padding-left: 18px
}

.header .chat_offline .tooltip .text {
    color: #fe484f;
}

.icon.chat-off,
.icon.chat-on {
    width: 16px;
    height: 16px;
    margin-left: -18px;
    background: url("/content/assets/images/sprite-main-05-05-15.png") no-repeat;
    position: absolute;
}

.icon.chat-on {
    background-position: 0 -499px;
}

.icon.chat-off {
    background-position: 0 -483px;
}


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


/*             PAGE INFO
****************************************** */

#page-info {
    clear: both;
    *zoom: 1;
    padding-top: 35px;
    border-bottom: 1px solid #e4e5e6;
}

#page-info:before,
#page-info:after {
    display: table;
    content: "";
    line-height: 0;
}

#page-info:after {
    clear: both;
}

#page-info #title {
    font-size: 28px;
    line-height: 30px;
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    font-weight: 700;
}

.cs #page-info #title,
.x-lang-cs #page-info #title,
.cs #main .heading,
.x-lang-cs #main .heading {
    font-family: "XinGothic-W7S W00 Regular", Helvetica, arial, sans-serif;
}

.jp #page-info #title,
.x-lang-jp #page-info #title,
.jp #main .heading,
.x-lang-jp #main .heading {
    font-family: "AxisStd-Bold", Helvetica, arial, sans-serif;
}

.ko #page-info #title,
.x-lang-ko #page-info #title,
.ko #main .heading,
.x-lang-ko #main .heading {
    font-family: "Yoon Gothic_775", Helvetica, arial, sans-serif;
}

#page-info #sub-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-top: 8px;
}

#page-info .icon.arrow {
    width: 11px;
    height: 16px;
    display: inline-block;
    background-position: -1px -52px;
    float: left;
    margin: 10px 12px 0;
}

#page-info #markets {
    float: right;
    margin-top: 12px;
}

#page-info #markets li {
    display: inline-block;
    color: #ABABAB;
    text-transform: uppercase;
    margin-left: 20px;
    padding-bottom: 4px;
}

#page-info #markets li:hover {
    border-bottom: 4px solid #ABABAB;
    cursor: pointer;
}

#page-info #markets li.active {
    color: #fe484f;
    font-weight: bold;
    border-bottom: 4px solid #fe484f;
}

#page-info #archives.menu {
    float: right;
    top: 6px;
}

#page-info #archives .icon {
    width: 12px;
    height: 16px;
    display: inline-block;
    background-position: -54px -13px;
    margin: -1px 4px 0 0;
    float: left;
}

#page-info .right-menu {
    float: right;
}

#page-info .right-menu .label,
#page-info .right-menu .menu {
    display: inline-block;
}

#page-info .right-menu .label {
    margin-right: 10px;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.left-panel .ui-combobox {
    border: 1px solid #e4e5e6;
    width: 230px;
}

.left-panel a.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-combobox-toggle {
    top: 8px;
    position: absolute;
    right: 7px;
}

.ui-widget-overlay.ui-front {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.feedback-dialog .ui-dialog-titlebar,
.feedback-form {
    display: none;
}

.feedback.modal {
    padding: 50px 40px 30px;
    left: auto;
    top: auto;
    position: relative;
    margin: 0;
    width: 620px;
    display: none;
}

.feedback.modal .header {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
}

.feedback.modal .header .highlight {
    font-weight: bold;
    color: #fe484f;
    display: inline-block
}

.feedback.modal .feedback-tabs {
    padding: 0;
    position: relative;
    top: 1px;
}

.feedback.modal .feedback-tab.ui-tabs-hide {
    display: none;
}

.feedback.modal .feedback-tabs li {
    clear: none;
    outline: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.feedback.modal .feedback-tabs li a {
    color: #ffffff;
    font-weight: normal;
    background-color: #a7a9ac;
    border: 1px solid #e4e5e6;
    z-index: 2;
    position: relative;
    outline: none;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 28px;
    padding: 3px 15px 0;
    margin-right: 1px;
}

.x-lang-pt .feedback.modal .feedback-tabs li a {
    font-size: 10px;
}

.feedback.modal .feedback-tabs li.ui-state-active a,
.feedback.modal .feedback-tabs li.ui-state-active a:hover {
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.feedback.modal .feedback-tabs li.ui-state-active a:hover {
    cursor: default;
}

.feedback.modal .feedback-tabs li a:hover {
    background-color: #555555;
    cursor: pointer;
}

.feedback.modal .box {
    border: 1px solid #e4e5e6;
    width: 620px;
}

.feedback.modal .intro {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 18px;
}

.feedback.modal p a {
    color: #fe484f;
    font-weight: bold;
}

.feedback.modal .box textarea {
    border: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 620px;
    height: 180px;
    padding: 25px;
    line-height: 16px;
    outline: none;
    -moz-padding-start: 20px;
    and -moz-padding-end: 20px;
}

.feedback.modal .btn-area {
    text-align: right;
    margin-top: 25px;
}

.feedback.modal .btn-cancel {
    color: #fe484f;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
}

.feedback.modal .btn-cancel:hover {
    cursor: pointer
}

.feedback.modal .btn-orange {
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    background: #fe484f;
    border: 1px solid #c95706;
    display: inline-block;
    color: #FFF;
    padding: 0px 10px;
}

.feedback.modal .btn-orange:hover {
    cursor: pointer;
    background: #c95706;
}

.feedback.modal .btn-orange.disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.feedback.modal .btn-orange.disabled:hover {
    cursor: default;
    background: #fe484f;
}

.feedback-btn {
    background-image: url(/assets/images/feedback/feedback-btn-2017-02-02.gif);
    background-position: 0 0;
    background-size: 48px 84px;
    width: 24px;
    height: 84px;
    position: fixed;
    right: 0px;
    top: 47%;
    z-index: 100;
}

.x-lang-es .feedback-btn {
    background-position: 0px -84px;
    height: 102px;
}

.x-lang-es .feedback-btn:hover {
    background-position: -24px -84px;
}

.x-lang-cs .feedback-btn {
    background-position: 0px -180px;
}

.x-lang-cs .feedback-btn:hover {
    background-position: -24px -180px;
}

.x-lang-jp .feedback-btn {
    background-position: 0px -261px;
    height: 64px;
}

.x-lang-jp .feedback-btn:hover {
    background-position: -24px -261px;
}

.x-lang-ko .feedback-btn {
    background-position: 0px -321px;
}

.x-lang-ko .feedback-btn:hover {
    background-position: -24px -321px;
}

.x-lang-pt .feedback-btn {
    background-position: 0px -409px;
    height: 89px;
}

.x-lang-pt .feedback-btn:hover {
    background-position: -24px -409px;
}

.feedback-btn:hover {
    background-position: -24px 0px;
    cursor: pointer;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.ui-dialog.feedback-dialog {
    position: absolute;
}

.feedback.modal .box textarea {
    font-size: 12px;
}

.feedback.modal .box textarea::-webkit-input-placeholder {
    color: #999999;
}

.feedback.modal .box textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
}

.feedback.modal .box textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
}

.feedback.modal .box textarea:-ms-input-placeholder {
    color: #999999;
}

#folder_bar .x-form-field-wrap input[type=text] {
    padding: 2px 8px 2px 24px;
}


/*HIDE FOR LIMITED EDU*/

.limited .fav,
.limited #favorites,
.limited .add_button,
.limited.styletraveler .listing-item .buttons,
.limited.styletraveler .add_all {
    display: none;
}

.iphone .feedback-btn {
    display: none !important;
}

.android .feedback-btn {
    display: none !important;
}

.blackberry .feedback-btn {
    display: none !important;
}

.windows_phone .feedback-btn {
    display: none !important;
}

.ipad .feedback-btn {
    display: none !important;
}

.x-tip {
    width: auto !important;
}

.x-tip-body {
    width: auto !important;
}

.x-tip-body span {
    width: auto !important;
}


/********************************************************************* */
/*              PROMO PAGE STYLING
/accounts/edu, /accounts/welcome/job_function, /accounts/welcome/net_promoter, /accounts/welcome/unsupported_browser
********************************************************************* */

body.promo-page {
    height: calc(100% - 60px);
}

/* Color overrides */
body.promo-page .btn-large.orange,
body.promo-page .agree button {
    background: #0000dd !important;
    border: 1px solid #0000dd !important;
    color: white !important;
}

body.promo-page .btn-large.orange:hover,
body.promo-page .agree button:hover {
    background: #1111ff !important;
    border-color: #1111ff !important;
}

body.promo-page .bubbleFrame,
body.promo-page .remove-btn:hover,
body.promo-page input[type=text]:focus,
body.promo-page input[type=password]:focus,
body.promo-page input[type=email]:focus,
body.promo-page #page-info #markets li.active,
body.promo-page .row-two .mainmenu .icon {
    border-color: black !important;
}

body.promo-page .menu:not(.products) .options li.selected a,
body.promo-page .tos strong:hover {
    color: black;
}

body.promo-page .triangle:before {
    border-color: transparent transparent transparent #000;
}

body.promo-page .triangle2:before {
    border-color: #000 transparent transparent transparent;
}

/* General styling */
body.promo-page #main_content {
	/*position: static;*/
	/*top: auto;*/
	margin: 60px 0 0;
	font-size: 14px;
	line-height: 140%;
}

body.promo-page #bottom {
    padding: 20px 0;
    margin: 40px 0 0;
    border-top: 1px solid #e4e5e6;
    top: 0;
}
body.promo-page.personalized #bottom {
    top: 20px;
}

body.promo-page h1,
body.promo-page h2,
body.promo-page h3,
body.promo-page h4,
body.promo-page p {
	margin: 0 0 0.5em;
}

body.promo-page .sub-header {
	font-size: 18px;
	line-height: 140%;
	max-width: 600px;
	margin: 0 0 1em;
}

body.promo-page a:not(.btn-large) {
	color: #0000dd;
}

body.promo-page a:not(.btn-large):hover {
	color: #1111ff;
}

body.promo-page .btn-large {
	font-size: 14px;
	line-height: 36px;
	padding: 0 20px;
}

body.promo-page label + input[type="text"],
body.promo-page label + input[type="email"],
body.promo-page label + input[type="password"] {
	display: block;
	margin: 10px 0 4px;
	font-weight: 600;
	font-size: 12px;
}

body.promo-page input[type="text"],
body.promo-page input[type="email"],
body.promo-page input[type="password"] {
	line-height: 36px;
	border-width: 0 0 1px 0 !important;
	box-shadow: none;
	padding: 0;
	width: 300px;
	display: block;
	margin-bottom: 20px;
}


.language.menu.offset {
    margin-right: 30px;
}

/* CHERRY BETA LINKS ON IL LANDING PAGES AND SEARCH PAGE  */
.cherry-beta-link {
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-left: 20px;
    color: #fe484f;
    position: relative;
    top: 4px;
}
.cherry-beta-link .arrow-icon {
    font-size: 18px;
    margin-left: 5px;
    position: relative;
    transition: all 300ms ease;
    left: 0;
}
.hbl .cherry-beta-link {
    color: #FFC430;     
}
.cherry-beta-link:hover .arrow-icon {
    left: 5px;
}
.search.cherry-beta-link {
    float: none;
    top: 0;
}