@import url("/stylesheets/dropdown.css");
@import url("/stylesheets/dropdown_default.css");

#container { position: relative; width: 668px; overflow: hidden; background: #fff; }

#content_wrapper { position: relative; float: left; margin: 8px;  padding-bottom: 1px; background: #fff; }
/* For IE */
* html #content_wrapper { display:inline; }

h1 { margin:0; padding: 17px 0 0 8px; font: 30px/30px "Times New Roman", serif; text-transform: uppercase; letter-spacing: 11px; }

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

.space { clear:both; padding-bottom:10px; width:100%; }

.rating { padding-bottom:5px; }

/* ///// HERO ////////////////////////// */

/* The alternate "white" class displays charcoal text on a white background.
   Most of the browser-specific css is necessary to vertically center system text of unknown height.
*/

#hero { position: absolute; top: 0; left: 1px; width: 656px; height: 278px;cursor:pointer; }
  
#hero.white { border-bottom: 1px solid #e0e0e0; }
  
#peopleparties #content_wrapper>#hero { /* for Mozilla, IE7, Safari, Opera */
  background: url('/images/peopleparties/hero.png') 0 100% no-repeat;
 }

* html #peopleparties #hero { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/peopleparties/hero.png',sizingMethod='crop'); }

#fashionshows #content_wrapper>#hero { /* for Mozilla, IE7, Safari, Opera */
  background: url('/images/fashionshows/hero.png') 0 100% no-repeat;
 }

* html #fashionshows #hero { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fashionshows/hero.png',sizingMethod='crop'); }
  
#community #content_wrapper>#hero { /* for Mozilla, IE7, Safari, Opera */
  background: url('/images/community/hero.png') 0 100% no-repeat;
 }

* html #community #hero { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/community/hero.png',sizingMethod='crop'); }  
  
#trendsshopping #content_wrapper>#hero { /* for Mozilla, IE7, Safari, Opera */
  background: url('/images/trendsshopping/hero.png') 0 100% no-repeat;
 }

* html #trendsshopping #hero { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/trendsshopping/hero.png',sizingMethod='crop'); } 

#beauty #content_wrapper>#hero { /* for Mozilla, IE7, Safari, Opera */
  background: url('/images/beauty/hero.png') 0 100% no-repeat;
 }

* html #beauty #hero { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/beauty/hero.png',sizingMethod='crop'); } 
    

#hero>#heroText { /* for Mozilla, IE7, Safari, Opera */
  display: table;
 }
  
#heroText { position: absolute; margin:0; bottom: 0; right: 0; padding: 0 15px; width: 238px; height: 214px; font-weight: normal; color: #ffffff; background: #2b2e31;  z-index: 0; }

.white #heroText { border-top: 1px solid #e0e0e0; height: 212px; color: #474747; background: #fff; }

html[xmlns*=""] body:last-child .white #heroText {  /* for Safari */
  bottom: 2px;
  height: 212px;
 }

#heroText>div { /* for Mozilla, IE7, Safari, Opera */
  position: static;
  display: table-cell;
  vertical-align: middle;
 }

* html #heroText div { /* for IE6 */
  position: absolute;
  top: 50%;
 }

* + html #heroText div { /* for IE7 */
  position: absolute;
  display: static;
  top: 50%;
 }

#heroText div div {
  position: relative;
  top: -50%;
  width: 238px; /* necessary for IE7 and Safari */
 }

#heroText .hed { font: normal 30px/30px Arial, sans, sans-serif; color: #fff; }  

.white #heroText .hed { color: #474747; }

#heroText .dek { padding-top: 6px; padding-bottom:10px; font: normal 14px/16px Arial, sans, sans-serif; }

.white #heroText .dek { color: #666; }

#heroText .credit { font: normal 12px/16px Arial, sans, sans-serif; color: #cdcdcd; padding-bottom:5px; }  
  
.white #heroText .credit { color: #999999; }

#heroText .hover { text-decoration: underline; }

#heroText .hover2 { background: red; }
  
#heroText span.quoteEnd { background:#0e1113 url(/images/bg/quote_end.gif) no-repeat bottom right; }  
  
#heroLink { display: block; position: absolute; right: 0; bottom: 0; width: 656px; height: 214px; }

body:last-child:not(:root:root) #heroLink { z-index: 1; }
 
#heroLink a { display: block; width: 100%; height: 100%; }


/* ///// CONTENT WELL ////////////////// */
#content_well {  1px 0 9px; width: 650px; }

#content_well .primary { width: 380px; float: left;  padding-bottom: 15px;font-family:Arial, Helvetica, sans-serif; }

#content_well .secondary { width: 253px; float: left; padding-left: 15px; }

 
/* ///// MODULE //////////////////////// */
/* Every component within the content well should be a module */

#content_well .module { margin-top: 7px; padding-bottom: 1px; width: 100%; color: #474747; }

* html #content_well .module { /* for IE6 */
  overflow: hidden;
 }

#content_well .primary .module { width: 380px; }

#content_well .secondary .module { width: 253px; border-bottom: 1px solid #e0e0e0;  }

/* for IE6 */ * html .secondary .module { padding-bottom: 0; }

/* for IE7 */ * + html .secondary .module { padding-bottom: 0; }

.module .sidehead { text-align: left;/*float: left;*/ position: relative; border-bottom: 1px solid #e0e0e0; padding-bottom: 1px; margin-bottom: 1px; width: 100%; background: #fff; }

.secondary .module .header, h4.leftShadowWhite { background: url('/images/bg_leftShadow_white.gif') 0 0 repeat-y; }

.module .sidehead h4 { width: 100%; font: normal 13px/16px "Times New Roman",serif; text-transform: uppercase; letter-spacing: 6px; }

.primary .module .sidehead h4 { /*float: left;*/ text-align: left; }

.secondary .module .sidehead h4 { text-align: left; }

.module .content { padding-top: 10px; width: 100%;  }
body#fashionshows .primary .module .sidehead h4, body#fashionshows .module .sidehead, body#fashionshows .module .content { float: left; }

/* for IE6 */
* html .module .content { margin-right: -3px; }

.secondary .module .content { background: #f8f8f8 url('/images/bg_leftShadow_gray.gif') 0 0 repeat-y; }

/* ///// FEATURED ////////////////////// */
/* The featured module is emphasized with horizontal lines and is likely the top module in the primary section */

#content_well .featured { padding-bottom: 1px; border-bottom: 2px solid #e0e0e0; }

#content_well .featured .sidehead h4 { margin-bottom: 0; border-bottom: 2px solid #e0e0e0; }

#content_well .featured .content { border-bottom: 1px solid #e0e0e0; padding-bottom: 1px; }

#content_well .outerBorder { dislay:block; border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; padding:1px 0; }

#content_well .innerBorder { dislay:block; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:5px 0; }

.sponsor, .sponsor a { color: #999999 !important; }

/* ///// PROMOITEM ///////////////////// */
/* Each promoItem is a collection of many of the following: hed, dek, timestamp, img, details, category, etc. */

.promoItem { position: relative; margin-bottom: 10px; width:100%; /* width:100%; to triger hasLayout for IE6/IE7 */ }

.promoItem .imglink { float: left; border: 1px solid #e0e0e0; padding: 1px; }

.promoItem .details { float: left; clear: none; padding-left:25px; width: 255px; }

/* #trendsshopping .content, #trendsshopping .module{ float: none; } */
  
.promoItem .category { left: 125px; font: normal 12px/16px Arial, sans, sans-serif; text-transform: lowercase; color: #999; }

.promoItem .hed { margin-bottom: -1px; font: normal 16px/18px Arial, sans, sans-serif; color: #474747; font-weight:bold; padding-bottom:8px;  }

.promoItem .dek { font: normal 12px/16px Arial, sans, sans-serif; text-transform: lowercase; color: #666; }

.promoItem .dek.sponsor { text-transform: none; }
  
.promoItem .timestamp { margin-top: 2px; padding-bottom:10px; }

.promoItem .timestamp .time { padding-left: 5px; }

.promoItem .category a { color: #999; text-decoration: none; }

.promoItem .hed a { color: #474747; text-decoration: none; }

.promoItem .hed a:hover { text-decoration: underline; }

.promoItem .dek a { color: #666; text-decoration: none; }

.secondary .promoItem { width: 233px; padding: 16px 10px 0; }

.secondary .content .hed { font: bold 14px/16px Arial, sans, sans-serif; text-transform: capitalize; }

.secondary .content .dek { font: 12px/18px Arial, sans, sans-serif; text-transform: none; }

.secondary .promoItem .imglink { display: block; float: none; margin: 7px auto; width: 96px; height: 146px; }

.secondary a { color: #474747; text-decoration: none; }

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


/* ///// MENU FILTER SELECTOR ////////// */
/* This section styles generic menu selector modules.
   It coordinates with inline js to display and hide page content.
*/

.menuFilterModule .content { padding-top: 0; }

#menuFilters, #list { float: left; }

/* default */ .menuFilterSelector { height: 260px; }

#peopleparties #party_selector { height: 260px; }

#fashionshows #show_selector { height: 278px; }

#menuFilters, #list { height: 100%; }

#menuFilters {
  position: relative;
  width: 123px; /* default */
  overflow: hidden;
 }

#menuFilters ul { position: relative; padding: 11px 0; width: 100%; height: 100%; font: bold 12px/10px Arial, sans, sans-serif; text-transform: uppercase; color: #5d98ba; background: transparent url('/images/filter/filter_border_bg.gif') 95px 0 repeat-y; }

#menuFilters ul li {
  position: relative;
  margin-bottom: -1px;
  width: 99px; /* default <== MenuFilters width - 24px */
  height: 31px;
  cursor: pointer;
  background-color: transparent;
  z-index: 100;
 }

* html #menuFilters ul li { /* for IE6 */
  margin-bottom: -3px;
 }

* + html #menuFilters ul li { /* for IE7 */
  margin-bottom: -3px;
 }

#menuFilters ul li.last { margin-bottom: 0; }

#menuFilters ul li p {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 0 10px;
  width: 90px;  /* default.  MenuFilters width - (24px + left margin) */
  height: 19px;
  background-color: transparent;
 }

* html #menuFilters ul li p { /* for IE6 */
  padding-top: 9px;
  height: 20px;
 }

* + html #menuFilters ul li p { /* for IE7 */
  padding-top: 9px;
  height: 20px;
 }

#menuFilters ul li.first p { border-top: 1px solid #fff; }

#menuFilters ul li.last p { border-bottom: 1px solid #fff; }

#menuFilters ul li.active {
  width: 117px;  /* default.  MenuFilters width - 6px */
  z-index: 200;
 }

#menuFilters ul li.active p {
  top: -1px;
  left: 0;
  margin: 0;
  border: 0;
  padding: 12px 0 0 10px;
  width: 107px;
  height: 21px;
  cursor: auto;
  color: #333;
  background: #fff url('/images/fashionshows/filter_active_bg.gif') 100% 0 no-repeat;
 }

* html #menuFilters ul li.active p { /* for IE6 */
  padding-top: 11px;
  height: 22px;
 }

* + html #menuFilters ul li.active p { /* for IE7 */
  padding-top: 11px;
  height: 22px;
 }

#list {
  width: 254px; /* default */
  padding: 0 0 0 2px;
  overflow: hidden;
 }

#list h4 { padding: 7px 9px 7px 15px;  }

#list h4 a { float: right; text-decoration: none; color: #5d98ba; }

#list h4 a:hover { border-bottom: 1px solid #5d98ba; }

#list .border { border: 1px solid #e0e0e0; border-top: 0; padding-top: 1px; background: #f8f8f8 url('/images/filter/list_bg.gif') 0 0 repeat-x; }

#list ol {
  display: none;
  margin: 0;
  border: 1px solid #fff;
  border-top: 0;
  padding: 8px 15px 15px;
  width: 220px; /* default <== #list width - (.border border-width - this.padding) */
  height: 205px; /* default */
  font: bold 12px/14px Arial,sans-serif;
  overflow: auto;
 }

#fashionshows #list ol { height: 214px; }

#list ol li { padding-top: 6px; line-height: 12px; }

#list ol li a { padding-bottom: 1px; text-decoration: none; color: #666; }

#list ol li a:hover { text-decoration: underline; }

/* ///// TAB FILTER SELECTOR /////////// */
/* This section styles generic tabbed selector modules.
   There may be many to a page.
   It coordinates with CN.swapClass to toggle the tabbed content.
*/

* html .tabFilterSelector { /* for IE6 */
  margin-right: -3px; }

.secondary .tabFilterSelector { width: 253px !important; }

.tabFilterSelector .header { float: left; width: 253px !important; border-bottom: 1px solid #e0e0e0; background: #f8f8f8 url('/images/bg_bottomShadow_gray.gif') 0 100% repeat-x !important; }

.tabFilterSelector .tall { height: 44px; }

.tabFilterSelector .filterer { float: left; }

.tabA .filterer { background: transparent url('/images/bg_top10filterer_1.gif') 0 0 no-repeat; }

.tabB .filterer { background: transparent url('/images/bg_top10filterer_2.gif') 0 0 no-repeat; }

.tall .filterer { padding-top: 14px; }

.tabA .tall .filterer { background: transparent url('/images/bg_top10filterer_1_tall.gif') 0 0 no-repeat; }

.tabB .tall .filterer { background: transparent url('/images/bg_top10filterer_2_tall.gif') 0 0 no-repeat; }

.filtererTabs { position: relative; float: left; }

.tabA .filtererTabs { padding-left: 10px; }

.tabB .filtererTabs { padding-left: 11px; }

.filtererTabs li { float: left; padding: 10px 9px; height: 10px; font: bold 12px/10px Arial, sans, sans-serif; }

.tabA .filtererTabs .tabA, .tabB .filtererTabs .tabB { margin-bottom: -1px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding-top: 9px; height: 11px; background: #fff; }

.tabA .filtererTabs .tabB { background: transparent url('/images/bg_leftShadow_gray.gif') 0 1px repeat-y; }

.tabB .filtererTabs .tabA { background: transparent url('/images/bg_rightShadow_gray.gif') 100% 1px repeat-y; }

.tabFilterSelector a { color: #474747; text-decoration: none; }

.tabA .filtererTabs .tabB a, .tabB .filtererTabs .tabA a { color: #5d98ba; }

.filtererTabs li a:hover { text-decoration: underline; }

.tabA .filtererTabs .tabA a:hover, .tabB .filtererTabs .tabB a:hover { text-decoration: none; }

.tabFilterSelector .content { padding: 20px 0 10px; background: #fff url('/images/bg_leftShadow_white.gif') 0 0 repeat-y !important; font: bold 12px/18px Arial, sans, sans-serif; text-align: left; }

.secondary .tabFilterSelector .content { width: 238px; }

.tabA .tabB_content, .tabB .tabA_content { display: none; }

.tabFilterSelector .content span { display: block; float: left; width: 20px; }

/* ///// DROP DOWN SELECTS ///////////// */
.dropDownSelects h4 { float: left; margin-top: 11px; width: 139px; font: normal 18px/18px Arial, sans, sans-serif; }

.dropDownSelects .dropdown_wrapper {
	position: relative;
	margin-top: 11px;
	float: left;
	width: 162px;
	height: 24px;
}

/* ///// SPONSOR_MOD /////////////////// */
#sponsor_mod .content .category { font-style: italic; }

/* ///// SEARCH MOD //////////////////// */
#search_mod .content { padding: 7px 0; }

/* ///// IN THIS MOD /////////////////// */
body#fashionshows #inThis_mod { margin-bottom:22px; }

#inThis_mod .sidehead h4 { margin-bottom: -1px; }

#inThis_mod .content h4 { padding-top: 6px; width: 100%; font: normal 13px/16px "Times New Roman",serif; text-transform: uppercase; letter-spacing: 6px; color: #999; }  

#inThis_mod li { font: 14px/30px Arial, sans, sans-serif; }

#inThis_mod a { color: #474747; text-decoration: none; }

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

#inThis_mod a .special { font: 12px Arial, sans, sans-serif; color: #666666; }

/* ///// STYLE FILE MOD, BLOG MOD //////////////// */
#styleFile_mod .header, #blog_mod .header { width: 100%; padding-bottom: 5px; }

#styleFile_mod .header h4, #blog_mod .header h4 { padding-top: 6px; font: 14px/16px Arial, sans, sans-serif; background: #fff url('/images/bg_leftShadow_white.gif') 0 0 repeat-y; }

#styleFile_mod .header h4 em, #blog_mod .header h4 em { font-weight: bold; }

#styleFile_mod .header h4 strong, #blog_mod .header h4 strong { text-transform: uppercase; }

#styleFile_mod .header h4 strong span, #blog_mod .header h4 strong span { text-transform: lowercase; }
 
#styleFile_mod .content, #blog_mod .content { margin-top: 0; }


/* ///// SARTORIALIST MOD ////////////// */
* + html #sartorialist_mod .header { height: 22px; }

#sartorialist_mod .content { padding-top: 0; }

#sartorialist_mod .promoItem { padding-bottom: 6px; }

/* ///// TOP10 MOD ///////////////////// */
#top10_mod { border-top: 1px solid #e0e0e0; padding-top: 1px; margin-bottom: 30px; }

#top10_mod .content { padding-left: 15px; }

#top10_mod .one { font-size: 16px; }

#top10_mod .two { font-size: 14px; }

#top10_mod .three { font-size: 12px; }

/* ///// FASHION FORUM MOD ///////////// */
#beautyForum_mod .content, #fashionForum_mod .content { padding-bottom: 23px; }
body#trendsshopping #fashionForum_mod { margin-bottom:38px; }

#beautyForum_mod .content h4,
#fashionForum_mod .content h4 {
  padding-top: 6px;
  width: 100%;
  font: normal 13px/16px "Times New Roman",serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #999;
}

#beautyForum_mod .content h5,
#fashionForum_mod .content h5 {
  padding-top: 13px;
  font: normal 13px/18px Arial, sans, sans-serif;
  text-transform: lowercase;
  color: #666;
  padding-left:10px;
  padding-right:10px;
}

/* ///// ETC. ////////////////////////// */

/* + + + MORE + + + + + + + */
.more { text-transform: lowercase; font: bold 12px/11px Arial,sans-serif; }

.sidehead .more {
  /*
  position: absolute;
  top: 3px;
  right: 0;
  */
  float:right;
  margin-top:-13px;
 }

.content .more { padding: 18px 0; width: 100%; text-align: center; }

.secondary .content .more { padding-bottom: 22px; }

* html .content .more { /* for IE6 */
  margin-right: -3px;
 }

.more a { text-decoration: none; color: #5d98ba !important; }

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

/* + + + TIMESTAMP  + + + + */
#peopleparties .timestamp, 
#peopleparties .timestamp a, 
#fashionshows .timestamp a,  
#community .timestamp,
#trendsshopping .timestamp,
#beauty .timestamp {
  font: italic 12px/16px Arial, sans, sans-serif; color: #999999;
 }

/* + + + GREYTILE  + + + + */
.greytile { background: url('/images/bg_greyDiagonalTile.gif') 0 0 repeat; height: 120px; }

/* ///// UTIL ////////////////////////// */
ul li, ol li { list-style: none; }

body#fashionshows div.primary div#video_mod.module { margin-top:0; }
head:first-child + body#fashionshows div.secondary > #fashionForum_mod.module { margin-bottom:40px;  }
/* for safari and firefox */
body#fashionshows div.primary > div#video_mod.module:not([xxx]) { clear:both; margin-top:335px; }
body#fashionshows div.primary > div#designer_directory_mod.module:not([xxx]) { }
body#fashionshows #fashionForum_mod.module > .content:not([xxx]) { margin-bottom:40px; border-bottom: 1px solid #e0e0e0; }
/* for Firefox */
html:lang(en) head:first-child + body#fashionshows #inThis_mod > .content:not([xxx]) { margin-bottom:7px; border-bottom: 1px solid #e0e0e0; }
/* for Safari */
head:first-child + body#fashionshows #inThis_mod > .content:not([xxx]) { margin-bottom:40px; border-bottom: 1px solid #e0e0e0; }
.community_content_wrapper { background: #FFFFFF; }
#community .landing #content_well { padding: 258px 1px 0 9px; width: 648px; }
#community .lookbook_module_more { right: -10px; }
.module .community_content_wrapper .content, #inThis_mod .sidehead { float: none; }

body#trendsshopping {
	background: #fff url("/images/trendsshopping/hm_wallpaper.jpg") no-repeat scroll top center;
}