/*
Theme Name: Harvey Nichols Desktop
Author: Harvey Nichols
Version: 2.0
Description: The desktop theme for Harvey Nichols editorial content.
*/

/**
 * MAGENTO OVERIDES
 * -----------------------------------------------------------------------------
 */
@media screen and (min-width: 620px) {
}
@media screen and (min-width: 980px) {
	.wp-wrapper { width:980px; margin:0 auto; }
}


/**
 * HIDING WORDPRESS ADMIN BAR
 * -----------------------------------------------------------------------------
 */
#wpadminbar {display: none;}


/**
 * GRID
 * -----------------------------------------------------------------------------
 */
.page,
.wp-wrapper .primary,
.wp-wrapper .secondary,
.full,
#main-content { width: 100%; clear: both; }
.tertiary { display: none; }

.column,
.columns,
.column-row,
.row { margin: 0; }

@media screen and (min-width: 980px) {
	.full-site { width: 980px; } /* 614 + 17 + 299 + 50 = 980 */
	.full { width: 930px; clear: none; }
	.primary-secodary { width: 930px; clear: none; }
	.wp-wrapper .primary { float: left; width: 645px; margin-right: 25px; clear: none; margin-bottom: 44px; }
	.wp-wrapper .secondary { float: left; width: 310px; clear: none; }
	.tertiary { display: block; width: 50px; clear: none; }

	#main-content { width: 100%; }
	.ie7 #main-content { padding-bottom: 14px; }

	.column-row,
	.row { margin: 0 0 0 -17px; clear: both; }
	.column,
	.columns { float: left; margin: 0 0 0 17px; }
	.tertiary { display: block; margin: 0; float: right !important; }

	.content-title { width: 290px; }
	.content-areas { width: 600px; }
}


/**
 * UTILITIES
 * -----------------------------------------------------------------------------
 */
.page:after, .row:after, .column-row:after, .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .page, * html .row, * html .column-row, * html .clearfix { height: 1%; }
.page, .row, .column-row, .clearfix { display: inline-block; }
.page, .row, .column-row, .clearfix { display: block; }

.hide { display: none; }
img.alignleft { float: left; border: solid 1px #ccc; margin: 0 10px 10px 0; padding: 2px; }
img.alignright { border: solid 1px #ccc; float: right; margin: 0 0 10px 10px; padding: 2px; }

/* USED FOR OUTPUTTING PHP VARIABLES */
.test-box { clear:both; overflow:auto; max-height:200px; margin:10px 0; padding:10px; font-family:"Courier New"; font-size:12px; line-height:12px; color:#000; border:2px solid #f00; background:#fff; }
.test-box h1 { margin:-10px -10px 10px; padding-bottom:2px; font-family:Verdana; font-size:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#fff; background:#000; }
.test-box h2 { margin:10px 0 5px; padding:3px 10px; font-family:Verdana; color:#666; background:#000; }
.test-box hr { margin:5px 0; border:2px solid #000; }

.desktop-only { display: none !important; }
@media screen and (min-width: 980px) {
	.desktop-only { display: block !important; }
	.mobile-only { display: none !important; }
}

@media screen and (max-width: 619px) {
	.hideon-mobile {display:none;}
}
@media screen and (min-width: 620px) and (max-width: 979px) {
	.hideon-tablet {display:none;}
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
	.hideon-desktop {display:none;}
}
@media screen and (min-width: 1200px) {
	.hideon-large {display:none;}
}




/**
 * CONTENT TYPE NAVIGATION
 * -----------------------------------------------------------------------------
 */
.dep-nav { text-align:center; }

.dep-nav li { display:inline-block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.dep-nav li a { display:block; margin:0 0 0 11px; padding:0 0 0 10px; border-left:1px solid #ccc; }
.dep-nav li a.active { color:#333; }
.dep-nav li:first-child a { margin:0; padding:0; border:0 none; }

@media screen and (min-width: 620px) {
	.dep-nav { margin-top:-10px; padding-bottom:20px; }
}
@media screen and (min-width: 980px) {
	.dep-nav { margin-top:-10px; padding:30px 0; }
	.dep-nav li { height:16px; font-size:14px; line-height:19px; }
}


/**
 * Footer
 * -----------------------------------------------------------------------------
 */
.footer-copyright { clear: both; padding-top: 14px; }



/**
 * Article Meta
 * -----------------------------------------------------------------------------
 * landing main body + sidebar on landing pages and articles
 */

/* landing + article + feature pages */
.article-meta { padding:0; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; }
.article-meta .icon ,
.article-meta .text { display:inline-block; margin:9px 5px 0 0; vertical-align:middle; }

.article-meta .icon i { float:left; width:12px; height:12px; cursor:pointer; border-radius:50%; }
.article-meta .icon .women i { background-color:#f66; }
.article-meta .icon .men i { background-color:#6cc; }
.article-meta .icon .beauty i { background-color:#96c; }
.article-meta .icon .food-wine i { background-color:#f96; }

/* sidebar on landing and article pages */
.sidebar .article-meta { float:left; width:166px; margin-bottom:3px; }
.sidebar .article-meta .icon ,
.sidebar .article-meta .text { vertical-align:text-top; }
.sidebar .article-meta .icon { margin-top:1px; }
.sidebar .article-meta .text { margin-top:0; font-size:12px; letter-spacing:0.1em; color:#333; }
.sidebar .article-meta .icon i { width:10px; height:10px; cursor:default; }

/* article only */
.article-single .article-meta { clear:both; overflow:hidden; height:auto; padding:20px 0 5px; border:0; }
.article-single .article-meta .author-pic { float:left; overflow:hidden; width:70px; height:70px; margin:0 30px 0 10px; border:1px solid #fff; }
.article-single .article-meta .author-pic img { display:block; overflow:hidden; border-radius:50%; }
.article-single .article-meta .author-pic-empty { border:1px solid #ccc; border-radius:50%; }
.article-single .article-meta p { margin:6px 0 0; font-size:12px; text-align:left; color:#333; }
.article-single .article-meta .text { margin-top:7px; }
.article-single .article-meta .post-date { color:#999; }
.article-single .article-meta .post-author { display:block; float:none; clear:left; padding-top:5px; font-size:16px; letter-spacing:0.01em; text-transform:none; color:#666; }

/* features */
.features-author { clear:both; padding:30px 20px 30px; display: none; }
.features-author .article-meta { display:flex; justify-content:center; align-items:center; }
.features-author .article-meta .author-pic { margin-right:20px; }
.features-author .article-meta .icon ,
.features-author .article-meta .text { margin-top:0; }


/**
 * Landing Page
 * -----------------------------------------------------------------------------
 */
.article { float:left; overflow:hidden; width:310px; height:324px; margin:0 25px 25px 0; }
.article.end-col { margin:0 0 20px 0; }
.article.left { margin-right:13px; }
.article.right { margin-right:0; }

.article .post-thumb { display:block; overflow:hidden; width:310px; }
.article .post-thumb .image { display:block; }
.article .post-thumb .image img { display:block; width:310px; height:236px; }
.ie7 .article .post-thumb .image ,
.ie8 .article .post-thumb .image { position:static; }

.article .title-thumb { margin:7px 0; font-size:16px; letter-spacing:0.1em; text-transform:uppercase; color:#333; }
.article .title-thumb:hover { color:#000; }
.article .summary { font-size:14px; }

.featured-article { width:645px; height:auto; }
.featured-article .post-thumb ,
.featured-article .post-thumb .image img { width:645px; height:auto; }
.featured-article .title-thumb { font-size:21px; letter-spacing:0.1em; }
.featured-article .summary { font-size:14px; }


/**
 * Article Page
 * -----------------------------------------------------------------------------
 */
.article-single .post,
.article-single .features { }

#article-navigation { font-size: 15px; padding-bottom: 35px; padding-top: 20px; text-transform: uppercase; }
#article-navigation li.back-link,
#article-navigation li.back-link-title { float: left; padding-right: 7px; }
#article-navigation li.show-all-link { float: right; }

.article-single { position: relative; background: #fff; margin-bottom: 30px; }
.borderless .article-single { background: transparent; border: none; }
.borderless .article-single .post { padding: 0 24px 12px 0; }

/* featured image + view gallery link */
.article-single .featured-image { position:relative; }
.article-single .featured-image img { display:block; width:645px; height:auto; margin-bottom:15px; }
.article-single .featured-image .view-gallery-link { position:absolute; z-index:1; top:46%; left:147px; width:360px; font-size:16px; line-height:55px; cursor:pointer; text-align:center; letter-spacing:0.1em; text-transform:uppercase; color:#999; border:1px solid #ccc; background:#fff; }
.article-single .featured-image .view-gallery-link:hover { color:#666; background:#ccc; }

.article-single .article-content a { text-decoration:underline; }
.article-single .article-content a.button { display:inline-block; padding:0 40px; font-size:14px; text-decoration:none; color:#fff; background:#999; }
.article-single .article-content a.button:hover { background:#333; }
.article-single .article-content .alignleft { float:left; margin:0 20px 20px 0; }
.article-single .article-content .alignright { float:right; margin:0 0 20px 20px; }

.article-single h1 { margin-bottom:8px; font-size:22px; line-height:1.2em; letter-spacing:0.1em; text-transform:uppercase; }
.article-single h2 { margin-bottom:12px; font-size:18px; line-height:normal; }
.article-single h3 { margin-bottom:10px; font-size:16px; line-height:normal; }
.article-single .qa-heading { font-weight:bold; }
.article-single ol,
.article-single ul { margin-bottom:20px; }
.article-single li { margin-left:20px; list-style-type:decimal; }
.article-single li { margin-left:20px; list-style-type:disc; }
.article-single p,
.article-single ol li,
.article-single ul li { font-size:14px; }
.article-single p { overflow:hidden; margin-bottom:20px; line-height:1.75em; }
.article-single img { width:100%; height:auto; }

/* quote */
.article-single blockquote { margin-bottom:20px; }
.article-single blockquote:before { display:block; width:33px; height:24px; margin:0 auto; content:" "; background-image:url("img/quote-sprite.png"); background-repeat:no-repeat; background-position:0 -96px; }
.article-single blockquote:after { display:block; width:33px; height:24px; margin:5px auto 0; content:" "; background-image:url("img/quote-sprite.png"); background-repeat:no-repeat; background-position:-33px -96px; }
.article-single blockquote p { display:block; width:360px; margin:0 auto; padding-top:7px; font-size:24px; line-height:28px; text-align:center; color:#666; }
.article-single blockquote p em { display:block; padding-top:5px; font-size:14px; font-style:normal; color:#666; }

#main-content h2.section-title { margin-bottom:15px; font-size:16px; line-height:20px; letter-spacing:0.1em; text-transform:uppercase; }
.article-tags { padding-bottom:30px; }
.article-single ul.article-tags li { margin-left:0; list-style-type:none; }
.article-tags li { float:left; margin-right:10px; font-size:14px; text-transform:none; }
.article-tags li.tags-title { margin-right:10px; font-family:FM; font-size:14px; letter-spacing:0.1em; text-transform:uppercase; }


/* hero content */
#hero-gallery .hero-border { }
#hero-gallery .swiper-pagination-bullet { width:11px; height:11px; }

.hero-video .hero-video-icon { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url("img/icon-hero-video.png") no-repeat center center; }
.hero-video .hero-video-image { position:absolute; z-index:2; top:0; left:0; overflow:hidden; width:100%; height:100%; }
.hero-video .hero-video-filter { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }


/**
 * Grid block - single post
 * -----------------------------------------------------------------------------
 */
.grid-block { margin:30px 0 0; }
.grid-block li { margin-bottom:15px; }
.grid-block li.last { margin-bottom:0; }
.grid-block h3 { font-size:24px; text-align:center; border-top:1px solid #9c9c9c; }
.grid-block h3 span { position:relative; top:-17px; display:inline-block; width:84%; background:#ededed; }
.grid-block img { padding:12px; border:1px solid #d8d8d8; background:#fff; }
@media screen and (min-width: 720px) {
	.grid-block h3 { width:50%; margin:0 auto; }
	.grid-block h3 span { width:55%; }
	.grid-block li { float:left; }
	.grid-block li:nth-of-type(odd) { margin-right:13px; }
	.grid-block li:first-of-type { margin-left:0; }
	.grid-block li img { width:274px; height:auto; }
}



/**
 * Sidebar
 * -----------------------------------------------------------------------------
 * landing + articles

 ACCORDION IS TAKEN OUT AT THE MOMENT

.ui-accordion { margin-bottom: 20px; }
.ui-accordion-header { color: #999; font-family: FM; font-size: 14px; letter-spacing: 2px; line-height: 14px; padding: 14px 0; text-transform: uppercase; width: 284px; background: #cccccc; padding-left: 15px; }
.ui-accordion-header:hover { cursor: pointer; }
.ui-accordion-header i { display: inline; }
.ui-accordion-header i:before { content: "\e009"; font-size: 12px; margin-left: 1em; }
.ui-accordion-header-active i:before { content: "\e006"; }
.ui-accordion-header-active { color: #333; padding-left: 15px; background: #999; }
.ui-accordion-content { font-family: PR; font-size: 14px; line-height: 34px; padding: 10px 15px; color: #999999; }
.ui-accordion-content a:hover { color: #333333; }
*/

.wp-wrapper .sidebar { float: left; width: 300px; }
.wp-wrapper .sidebar .widget { clear: both; display: block; margin-bottom: 20px; }
.wp-wrapper .sidebar .widget h3 { font-size: 14px; letter-spacing: 0.1em; line-height: 18px; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.wp-wrapper .sidebar .widget .more-posts {}
.wp-wrapper .sidebar .widget .more-posts li { width: 297px; min-height: 74px; }
.wp-wrapper .sidebar .widget .more-posts .post-block { display: block; overflow: hidden; padding: 15px 10px; border-bottom: 1px solid #ccc; }
.wp-wrapper .sidebar .widget .more-posts .post-thumb { float: left; margin-right: 10px; }
.wp-wrapper .sidebar .widget .more-posts .post-thumb img { display: block; width: 101px; height: 74px; }
.wp-wrapper .sidebar .widget .more-posts .summary { float: left; width: 166px; font-size: 13px; line-height: 18px; }



/**
 * Share Overlay
 * -----------------------------------------------------------------------------
 */
.add-to-links { display: none !important; } /* Gem#83182 */

.add-to-links { position: relative; margin: 10px 10px 15px 0; }
.add-to-links .button { background-color: #fff; border: 1px solid #ccc; color: #999; display: block; float: left; font-size: 14px; height: 34px; line-height: 34px; letter-spacing: 0.1em; margin: 0; padding: 0 20px; width: 109px; text-align: center; }
.add-to-links i.icon { display: inline; font-size: 18px; margin-right: 8px; }
.add-to-links i.icon.share:before { content: "\e00c"; font-size: 14px; }

.share-overlay { background-color: #fff; border: 1px solid #ccc; left: 0; padding: 12px 10px; position: absolute; top: 35px; width: 290px; text-align: left; z-index: 9; }
.share-overlay .connector { background-color: #fff; border: 1px solid #ccc; border-top: 0; border-bottom: 0; height: 2px; margin: -14px 0 0 -11px; width: 149px; }
.share-overlay ul { display: block; float: left; width: 140px; list-style: none; margin-bottom: 0; margin-top: 12px; }
.share-overlay ul.first { margin-right: 10px; }
.share-overlay li { margin: 8px 0; position: relative; list-style: none; }
.share-overlay a { color: #999; font-family: FM; font-size: 10px; letter-spacing: 0.1em; line-height: 21px; text-transform: uppercase; }
.share-overlay a > span { background-color: #ccc; color: #fff; display: block; height: 21px; padding: 0 6px; position: absolute; right: 0; top: 0; }
.share-overlay i.icon { display: block; font-size: 14px; float: left; line-height: 21px; margin: 0; text-align: center; width: 30px; }
.share-overlay .twitter > i.icon:before { content: "\e036"; }
.share-overlay .twitter > span { background-color: #00b7f1; }
.share-overlay .pinterest > i.icon:before { content: "\e037"; font-size: 16px; }
.share-overlay .pinterest > span { background-color: #ff0000; }
.share-overlay .email > i.icon:before { content: "\e039"; font-size: 13px; }
.share-overlay .facebook > i.icon:before { content: "\e038"; }
.share-overlay .facebook > span { background-color: #0033cc; }
.share-overlay .google > i.icon:before { content: "\e03a"; }
.share-overlay .google > span { background-color: #cc3333; }

/*.beauty #share-overlay { top: 107px; left: 126px; }*/
.content-type-link { font-size: 14px; text-decoration: underline; padding: 0 20px 0 0; }



/**
 * Store and Restaurant News
 * -----------------------------------------------------------------------------
 */
.restaurant-title,
.store-title { font-size: 22px; letter-spacing: 0.1em; margin: 30px 0 8px; text-align: center; text-transform: uppercase; }
.restaurant-nav,
.store-nav { float: left; width: 100%; font-size: 0; margin: 0 0 6px; text-align: center; }
.restaurant-nav li,
.store-nav li { border-right: 1px solid #5e5d5d; display: inline-block; height: 18px; line-height: 18px; margin: 0 0 12px; }
.restaurant-nav .first,
.store-nav .first { border-left: 0 none; padding-left: 0; }
.restaurant-nav li a,
.store-nav li a { font-size: 14px; letter-spacing: 0.1em; line-height: 18px; padding: 0 21px; text-transform: uppercase; }
.restaurant-nav li a.active,
.store-nav li a.active { color: #333; }
.restaurant-nav .last, .restaurant-nav .last a,
.store-nav .last, .store-nav .last a { border-right: 0 none; padding-right: 0; }



/**
 * Popup
 * -----------------------------------------------------------------------------
 */
.popup-overlay { opacity: 0.9; }

.popup-gallery { width: 100%; height: 0; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 10000; }
.popup-gallery .popup-inner { width: 980px; margin: 0 auto; overflow: hidden; position: relative; }

.popup-gallery .meta { width: 320px; height: 50px; position: absolute; top: 10px; right: 0; text-align: left; text-transform: uppercase; line-height: 28px; font-size: 14px; }
.popup-gallery .meta .story-type { padding: 10px 15px 0 0; line-height: 40px; color: #999; letter-spacing: 0.1em; }
.popup-gallery .meta .popup-close { float: right; width: 28px; height: 28px; border: 2px solid #fff; border-radius: 50%; cursor: pointer; background: url('img/icons-sprite.png') no-repeat 0px 0px; background-position: -192px -150px; }
.ret-screen .popup-gallery .meta .popup-close { background-image: url('img/icons-sprite-retina.png'); background-size: 500px 500px; }

.popup-gallery .reel { width: 640px; overflow: hidden; position: relative; top: 10px; float: left; }
.popup-gallery .reel ul {}
.popup-gallery .reel li { float: left; width: 640px; }
.popup-gallery .reel li.item-1 {}
.popup-gallery .reel img { border: none; }
.popup-gallery .btn { position: absolute; top: 50%; cursor: pointer; background: url('img/overlay-reel-arrows.png') no-repeat; width: 35px; height: 65px; margin-top: -32px; }
.popup-gallery .prev { left: 0; background-position: left top; }
.popup-gallery .next { right: 0; background-position: right top; }

.popup-gallery .info { position: absolute; top: 60px; right: 0; width: 320px; text-align: left; }
.popup-gallery .info h2 { font-size: 22px; color: #999; line-height: 26px; letter-spacing: 0.1em; text-transform: uppercase; }
.popup-gallery .info hr { border: none; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #9f9f9f; }
.popup-gallery .info ul {}
.popup-gallery .info li { display: none; }
.popup-gallery .info li.item-1 { display: block; }
.popup-gallery .info li h3 { font-size: 18px; color: #fff; padding: 10px 0; }
.popup-gallery .info li p { font-size: 14px; color: #ccc; }

.popup-gallery .info a {letter-spacing: 0.1em;}
.popup-gallery .info a:hover { color: #fff; }
.popup-gallery .info .more { padding: 10px 0; }
.popup-gallery .info .more a { display: block; text-decoration: underline; }


/**
 * Error Page
 * -----------------------------------------------------------------------------
 */
.error-page h1 { color: #333; font-size: 24px; letter-spacing: 0.01em; line-height: 34px; margin: 28px 0; text-align: left; text-transform: none }
.error-page p { margin: 0 0 28px 0; width: 980px; color: #666; float: left; font-size: 14px; line-height: 14px; }
.error-page ul { float: left; width: 100%; padding-bottom: 28px; }
.error-page ul span { display: block; padding: 28px 0 20px; color: #666; border-top: 1px solid #ccc; width: 100%; line-height: 18px; float: left; font-size: 14px; }
.error-page a { text-decoration:underline; letter-spacing: 0.1em; }
.error-page a.contact { letter-spacing: 0.01em; text-decoration: none; text-transform: none; line-height: 20px; }
.error-page ul a { width: auto; clear: left; color: #999; font-size: 14px; letter-spacing: 0.1em; text-decoration: underline; text-transform: uppercase; line-height: 25px; }


/**
 * IE Fixes
 * -----------------------------------------------------------------------------
 */
/*
body.ie .column-row { width: 960px; }
body.ie .eight .column-row { width: 640px; }
body.ie .nine .column-row { width: 720px; }
body.ie .ten .column-row { width: 800px; }
body.ie .eleven .column-row { width: 880px; }
body.ie .two-thirds .column-row { width: 640px; }
.ie7 .content-filter a { border: 0 none; }
.ie7 .content-filter .filter a i,
.ie7 .content-filter .filter a:hover i,
.ie7 .content-filter .active i,
.ie7 .category-column h2 i,
.ie7 .category-column .Mens i,
.ie7 .category-column .Beauty i,
.ie7 .category-column .Food i,
.brand-list h2 i { background-color: transparent; }
.ie7 .content-filter i,
.ie7 .category-column h2 i { background: url('img/homepage-filters.png') 0 0 no-repeat; background-color: transparent; border: 0 none; float: left; height: 28px; width: 28px; }
.ie7 .content-filter .all:hover i,
.ie7 .content-filter .all.active i { background-position: 0 -28px; }
.ie7 .content-filter .women i { background-position: -28px 0; }
.ie7 .content-filter .women:hover i,
.ie7 .content-filter .women.active i,
.ie7 .category-column .Womens i { background-position: -28px -28px; }
.ie7 .content-filter .men i { background-position: -56px 0; }
.ie7 .content-filter .men:hover i,
.ie7 .content-filter .men.active i,
.ie7 .category-column .Mens i { background-position: -56px -28px; }
.ie7 .content-filter .beauty i { background-position: -85px 0; }
.ie7 .content-filter .beauty:hover i,
.ie7 .content-filter .beauty.active i,
.ie7 .category-column .Beauty i { background-position: -85px -28px; }
.ie7 .content-filter .food-wine i { background-position: -114px 0; }
.ie7 .content-filter .food-wine:hover i,
.ie7 .content-filter .food-wine.active i,
.ie7 .category-column .Food i { background-position: -114px -28px; }

.ie7 .add-to-links { padding-bottom: 3px; }
.ie7 ul.article-tags li { margin-right: 5px; }
.ie7 .article-meta.article-meta-single { margin-top: 20px; }
.ie8 .content-filter .filter a i,
.ie8 .content-filter .filter a:hover i,
.ie8 .content-filter .active i,
.ie8 .category-column h2 i,
.ie8 .category-column .Mens i,
.ie8 .category-column .Beauty i,
.ie8 .category-column .Food i,
.brand-list h2 i { background-color: transparent; }
.ie8 .content-filter i,
.ie8 .category-column h2 i { background: url('img/homepage-filters.png') 0 0 no-repeat; background-color: transparent; border: 0 none; float: left; height: 28px; width: 28px; }
.ie8 .content-filter .all:hover i,
.ie8 .content-filter .all.active i { background-position: 0 -28px; }
.ie8 .content-filter .women i { background-position: -28px 0; }
.ie8 .content-filter .women: hover i,
.ie8 .content-filter .women.active i,
.ie8 .category-column .Womens i { background-position: -28px -28px; }
.ie8 .content-filter .men i { background-position: -56px 0; }
.ie8 .content-filter .men:hover i,
.ie8 .content-filter .men.active i,
.ie8 .category-column .Mens i { background-position: -56px -28px; }
.ie8 .content-filter .beauty i { background-position: -85px 0; }
.ie8 .content-filter .beauty:hover i,
.ie8 .content-filter .beauty.active i,
.ie8 .category-column .Beauty i { background-position: -85px -28px; }
.ie8 .content-filter .food-wine i { background-position: -114px 0; }
.ie8 .content-filter .food-wine:hover i,
.ie8 .content-filter .food-wine.active i,
.ie8 .category-column .Food i { background-position: -114px -28px; }
.ie7 .article-single .post #share-overlay li,
.ie8 .article-single .post #share-overlay li { list-style-type: none; }
*/