@CHARSET "ISO-8859-1";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 30, 2011 */

@font-face {
    font-family: 'Swis721LtBTLight';
    src: url('/assets/font/fontsquirrel/tt0001m_-webfont-webfont.eot');
    src: url('/assets/font/fontsquirrel/tt0001m_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/fontsquirrel/tt0001m_-webfont-webfont.woff') format('woff'),
         url('/assets/font/fontsquirrel/tt0001m_-webfont-webfont.ttf') format('truetype'),
         url('/assets/font/fontsquirrel/tt0001m_-webfont-webfont.svg#Swis721LtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swis721BTRoman';
    src: url('/assets/font/fontsquirrel/tt0003m_-webfont-webfont.eot');
    src: url('/assets/font/fontsquirrel/tt0003m_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/fontsquirrel/tt0003m_-webfont-webfont.woff') format('woff'),
         url('/assets/font/fontsquirrel/tt0003m_-webfont-webfont.ttf') format('truetype'),
         url('/assets/font/fontsquirrel/tt0003m_-webfont-webfont.svg#Swis721BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swis721BTBold';
    src: url('/assets/font/fontsquirrel/tt0005m_-webfont-webfont.eot');
    src: url('/assets/font/fontsquirrel/tt0005m_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/fontsquirrel/tt0005m_-webfont-webfont.woff') format('woff'),
         url('/assets/font/fontsquirrel/tt0005m_-webfont-webfont.ttf') format('truetype'),
         url('/assets/font/fontsquirrel/tt0005m_-webfont-webfont.svg#Swis721BTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swis721ThBTThin';
    src: url('/assets/font/fontsquirrel/tt0100m_-webfont-webfont.eot');
    src: url('/assets/font/fontsquirrel/tt0100m_-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/fontsquirrel/tt0100m_-webfont-webfont.woff') format('woff'),
         url('/assets/font/fontsquirrel/tt0100m_-webfont-webfont.ttf') format('truetype'),
         url('/assets/font/fontsquirrel/tt0100m_-webfont-webfont.svg#Swis721ThBTThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Reset */
html,body,div,span,applet,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{line-height:1;font-family: Swis721BTThin, sans-serif;  font-size:x-small; }
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
h1, h1 a{font-family: Swis721ThBTThin, sans-serif; font-size:20px; padding-bottom:.1em; font-weight: normal;}
p {font-size:16px; padding:.5em 0;line-height:135%;}
h2 {font-family: Swis721BTBold, sans-serif;  font-size:large; padding-bottom:.1em; color:#fff; font-weight: normal;}

/* SF */
.sfBold{font-weight:bold;}
.sfCenter{display:block;text-align:center;margin:0 auto;float:none;}
.sfClear{clear:both;font-size:0;overflow:hidden;}
.sfFloatNone .nofloat {float:none;}
.sfFloatLeft, .left{float:left;}
.sfFloatRight, .right{float:right;}
.sfHide{display:none;}
.invisible {visibility: hidden;}
.sfHover{text-decoration:none;}
.sfHover:hover{text-decoration:underline;}
.sfHR{border:0;border-top:1px solid #666;clear:both;}
.sfHRG{border:0;border-top:1px solid #999;clear:both; margin:0px 0 20px 0;}
.sfHRW{border:0;border-top:1px solid #fff;clear:both;}
.sfHRB{border:0;border-top:1px solid #000;clear:both;}
.sfNoMargins{margin:0;padding:0;}
.sfUnderline{text-decoration:underline;}
.sfTextXSml{font-size:x-small;}
.sfTextSml{font-size:small;}
.sfTextMed{font-size:medium;}
.sfTextLarge{font-size:large;}

/* =Clearfix (all browsers) */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

/* Large Logo */
#tgNav h1#tgLogo {width:390px;height:46px;background:url(/static/img/navigation/icons_lfw.png) no-repeat 0 -81px;}
#tgNav h1 a#tgLogo {width:390px;height:46px;display:block;text-indent:-9999em;}
.tgLogo {width:155px;height:29px;background:url(/static/img/navigation/icons.png) no-repeat 0 4px;text-indent: -9999px;}
.essensualsLondonLogo {width:149px;height:44px;background:url(/static/img/navigation/icons_essensuals.png) no-repeat 0 0;text-indent: -9999px;}

/* Navigation */
#tgNavBg {width:100%;min-width:980px;height:110px; position:absolute;top:0;left:0;z-index:499;background:url(/static/img/navigation/metal.jpg) repeat top center; border-bottom:1px solid #fff;}
#tgNavDropDown {height:0px; width:100px; position:absolute;top:0;left:480px;z-index:499;background:url(/static/img/navigation/metal.jpg) repeat top center; border:1px solid #fff;}
#tgNavHold {margin-left:1px;width:980px;position:absolute;z-index:500;}
#tgNavCenter {width:980px;}
#tgNav {width:980px;margin:0;padding:10px 0;}
#tgNav ul{font-family: Swis721BTBold, sans-serif;  font-size:x-small; }

#tgNavMainOptions {
	margin-top: 23px;
	position: relative;
	z-index: 10;
}

#tgNavMainOptions > li {
	display: inline;
	float: left;
	position: relative;
}

#tgNavMainOptions > li > a {
	display: block;
	padding: 7px 11px 12px;
	position: relative;
	background: url(/static/img/navigation/border.gif) scroll no-repeat left 7px;
}

#tgNavMainOptions li a:hover {
	background: #fff!important;
	color: #000;
}

#tgNavMainOptions > li > a.nobkg {
	background: none!important;
}

#tgNavMainOptions > li:first-child > a {
	background: none;
}

#tgNavMainOptions li a {
	font-size: 11px;
	text-transform: uppercase;
	color: white;
}

#tgNavMainOptions li > ul {
	background: #000;
	border: 1px solid #fff;
	position: absolute;
	top: 29px;
	display: none;
	width: 180px;
}

#tgNavMainOptions li > ul > li > a {
	padding: 9px 0 9px 12px;
	width: 168px;
	line-height: 13px;
	display: block;
	font-weight: normal;
	font-family: 'Swis721BTBold';
	background: #000;
	margin-top: 1px;
}

/* A class of current will be added via jQuery */
#tgNavMainOptions > li.current > a {
	background: #fff;
	color: #000;
}

/* CSS fallback */
#tgNavMainOptions li:hover > ul.child {
	display: block;
}

/* Sub Navigation */
#subNav {width: 100%; border-bottom: 1px solid #fff; height: 37px;}
#subNav li {display:inline-block;float:left; list-style: none; padding: 10px 0;}
#subNav li a {display:block; height: 17px; color: #ccc; font-size: 15px;border-left: 1px solid #ccc; padding: 0 23px;}
#subNav li a img {display: none;}
#subNav li:first-child a {border: 0; padding-left: 23px;}
#subNav li a.tgHighlight {color: #fff; font-family: Swis721BTBold;padding: 0 15px;position: relative;}
#subNav li a.tgHighlight img {display: block;position: absolute;bottom: -19px;left: 0;right: 0;margin: 0 auto; z-index: 100; width: 18px;}

/* Header Quick Links */
#quick_links {
	float: right;
}

#quick_links li {
	display: inline;
	float: left;
}

#quick_links li a {
	display: block;
	border-left: 1px solid #fff;
	padding: 5px 0 10px 15px;
	height: 73px;
}

#quick_links li:first-child a {
	padding-right: 15px;
}

/* Header */
#tgHeadline {margin-left:20px; height:80px;}
#tgHeadline h1 {font-size:xx-large; color:#fff; margin:0; padding:1em 0;}

/* Modern Browsers Fix */
html>/**/body #tgNavCenter {margin:0 auto;}
html>/**/body #tgNavHold {width:99.9%;}

/* IE7 Fix */
*:first-child+html #tgNavSubOptions{margin-top:-10px;} 
*:first-child+html #tgMainSwf{margin-top:111px;padding:0;}

/* IE6 Fix */
* html #tgNavSubOptions{margin-top:-10px;}

/* Custom */
body{height:100%;background:#000;color:#fff;}
a:active,a:link,a:visited,a:hover{color:#fff;text-decoration:none;}
noscript #warning {display: block;}
#warning {padding:1em 0;background:#fff;color:#000;font-size:large;font-weight:bold;text-align:center;display:none;}
#warning a:link, #warning a{color: #000;}

/* Colours */
.tgHighlight,.tgHighlight:active,.tgHighlight:link,.tgHighlight:visited,.tgHighlight:hover{color:#09f;}
.tgHighlightDim,.tgHighlightDim:active,.tgHighlightDim:link,.tgHighlightDim:visited{color:#069;}
.tgHighlightDim:hover{color:#09f;}
.tgHighlightDark,.tgHighlightDark:active,.tgHighlightDark:link,.tgHighlightDark:visited{color:#036;}
.tgGrayLight,.tgGrayLight:active,.tgGrayLight:link,.tgGrayLight:visited{color:#ccc;}
.tgGrayMed,.tgGrayMed:active,.tgGrayMed:link,.tgGrayMed:visited{color:#999;}
.tgGrayDark,.tgGrayDark:active,.tgGrayDark:link,.tgGrayDark:visited{color:#333;}
.tgError,.tgHighlightError:active,.tgHighlightError:link,.tgHighlightError:visited{color:#f00;}

/* Forms */
.tgInputB {width:180px; margin:0 5px 0 0;padding:5px 5px 5px 5px;color:#fff;border:1px solid #999;background:#000;}
.tgInputW {width:180px; margin:0 5px 0 0;padding:5px 5px 5px 5px;color:#000;border:1px solid #999;background:#fff;}
.tgSearchB {width:2180px; margin:0 5px 0 0;padding:5px 10px 5px 5px;color:#fff;border:1px solid #999;}
.tgSearchW {width:180px;margin:0 5px 0 0;padding:5px 30px 5px 5px;color:#000;border:1px solid #999;}
.tgSearchBbg {width:180px;margin:0 5px 0 0;padding:9px 30px 5px 9px;color:#fff;border:1px solid #999;background:url(/static/img/navigation/icons.png) no-repeat #000 183px -138px;}
.tgSearchWbg {width:180px;margin:0 5px 0 0;padding:5px 30px 5px 5px;color:#000;border:1px solid #999;background:url(/static/img/navigation/icons.png) no-repeat #fff 183px -169px;}
.tgSearchB:hover, .tgSearchBbg:hover, .tgSearchW:hover, .tgSearchWbg:hover{border:1px solid #069;}
.tgSearchB:focus, .tgSearchBbg:focus, .tgSearchW:hover, .tgSearchWbg:hover{border:1px solid #09f;}

.tgSearchSubmit {width:22px;height:20px;position:relative;top:5px;left:215px;}
.tgSalonFinderSubmit {width:22px;height:20px;position:relative;top:3px;left:-35px;}

/* Layout */
#tgMainBg{width:100%;min-width:980px;position:absolute;top:0px;left:0;z-index:-1;}
#tgMainSwf{padding-top:111px;width:100%;min-width:980px;position:absolute;top:0px;left:0;z-index:-1;}
#tgMainHold{width:980px;margin:0 auto;padding:86px 0 0px 0; margin-bottom:10px}
#tgMain{width:980px;line-height:1.1em;font-size:medium;}
#tgFooterHold{width:980px;margin:0 auto;padding:0 0 20px 0;}
#tgFooter{width:980px;height:2em;line-height:1.1em;}
#tgFooter h3 {font-size:x-small;float:right;display:block;}
.tgFooterDiv {padding:0 1em 0 1em;}
.tgBanners {padding: 1px 0 0 0;}
.one_col #pagesContent, .one_col #pagesContentHeader{margin: 0;width: 100%;}
.one_col #pagesContentFauxColumn{background: none;}
.one_col #pagesHold object {}

/* Buttons */
.tgButtonW, .tgButtonW:active, .tgButtonW:link, .tgButtonW:visited {background: white;color: black;padding: .5em 1em; font-size: 16px;}
.tgButtonW:hover {background:#09f;color:#fff;}

/* Style Finder */
#style-finder #pagesContent {margin: 0;width: 710px;position: relative;}
#style-finder #pagesCategory .styleFinderNav {margin-top: 10px;}

.stylehome {padding: 20px;}
.stylehome h3 {margin-bottom: 25px; font-size: 24px; line-height: 28px;}
.stylelist li {display: inline; float: left; margin-left: 14px; width: 208px; text-align: center; min-height: 290px;}
.stylelist li:first-child {margin-left: 0;}
.stylelist li a.circle {display: block; width: 208px; height: 208px; position: relative; overflow: hidden; margin-bottom: 7px;}
.stylelist li a.circle img {display: block; position: absolute;}
.stylelist li a.circle img.crop {z-index: 10;}
.stylelist li a.title {font-size: 16px; font-weight: bold;}

/* jQuery Slider */
#slider {width:709px;position:relative;overflow:hidden;height:709px;border-bottom: 1px solid #fff; }
#slider li {opacity:0;position:absolute;width: 709px; height: 709px;}
#slider li img {margin: 0 auto; display: block;}
#slider li:first-child {opacity:1;}
#slider .sliderNav {position: absolute; top: 275px;text-indent: -9999px; height: 60px; width: 60px; background: url(/static/img/navigation/sliderNav.png) scroll no-repeat 0 0; opacity: 0.8; display: none;}
#slider .sliderNav:hover {opacity: 0.9;}
#slider #nextSlide {right: 0; background-position: 0 -60px;}

#sliderInfo {width: 669px;padding: 20px;position: absolute;z-index: 10;bottom: 0;background: black;opacity: 0.7;}
#sliderInfo p {font-size: 16px;}

#sliderThumbs {padding: 20px 20px 0; margin: 0 auto!important; width: auto; height: auto}
#sliderThumbs.full {left: 0!important; width:540px!important;}
#sliderThumbs li {display: inline; float: left; margin: 0 10px 30px;}
#sliderThumbs li a {display: block;opacity: 0.6; width: 70px; height: 70px; background: #1F1F1F; font-size: 10px;}
#sliderThumbs li a.currentSlide {opacity: 1;}
#sliderThumbs li a:hover {opacity: 1;}

.thumbControls {position: relative; padding-top: 10px;}
#thumb_control {position: absolute; right: 0; left: 0; top: 5px; font-size: 13px; display: none; margin: 0 auto; text-align: center; width: 85px;z-index: 10;color: #ccc;}
#thumb_control:hover {color: #fff;}
.thumbcontainer {position: relative; width: 270px; margin: 0 auto; padding-top: 20px;}
.thumbControls .prev, .thumbControls .next {top: 55px; position: absolute; left: 50px; border: 0; cursor: pointer; display: none;text-indent: -9999px; height: 30px; width: 30px; background: url(/static/img/navigation/sliderNav.png) scroll no-repeat 0 -119px; opacity: 0.8;}
.thumbControls .next {left: 630px;background-position: 0 -149px;}
.thumbControls .prev:hover, .thumbControls .next:hover {opacity: 1;}

#styleInfo {width: 669px;padding: 10px 20px;border-top: 1px solid #fff;}
a.styleControl {position: absolute; right: 10px;padding: 5px 10px;font-size: 14px;background: #fff; color: #444; z-index: 10;}
a.styleControl:hover {color: #000;}
a#styleOpen {display: none;bottom: 10px; opacity: 0.8;}
a#styleClose {top: -36px; color: #fff; background-color: #000}
	
/* Careers Page */
#careers #pagesContent {margin: 20px; width: 670px;}
#careers #pagesContentHeader {box-shadow: 0 1px 4px 0 #ADADAD; z-index: 1;}
#careers .map {left: -20px; top: -20px; width: 709px; height: 500px;}
#career_search {padding: 10px; margin-top: 5px;}
#career_search h4, #career_search label {font-size: 12px; margin-bottom: 2px; font-family: Swis721BTBold; display: block; font-weight: normal;}
#career_search .tgSearchWbg {color: #ccc; margin-bottom: 22px;}
#career_search #career_types {margin-bottom: 10px;}
#career_search #career_types li {font-size: 13px; padding: 0; cursor: pointer;}
#career_search #career_types li input {display: none;}
#career_search #career_types li span {display: inline-block; width: 12px; height: 12px; background: url(/static/img/careers/checkbox.gif) scroll no-repeat 0 bottom #fff; margin-right: 10px;}
#career_search #career_types li span.checked {background-position: 0 0;}
#career_search .career_button {background: #fff; border: 0; padding: 5px 10px; font-family: Swis721BTBold; cursor: pointer;}
#career_search .select_all {background: #ddd;}
#careers_map .jobsMarker {background: url(/static/img/careers/map_icon.png) scroll no-repeat 0 0; width: 27px; height: 23px;font-size: 10px; text-align: center; padding-top: 4px; cursor: pointer; margin: 13px 0 0 1px;}
.jobInfo ul { margin: 0.5em 0 1em 0; }
.jobInfo li { margin-left: 2em; list-style: disc; }
.jobInfo a { text-decoration: underline; }

#careers_info .pagesArticle h1 a {margin-bottom: 5px;}
#careers_info .pagesArticle li { margin-left: 2em; list-style: disc;}

.jobInfo h1 {margin-bottom: 10px;float: left; font-family: Swis721BTBold;}
#careers_info .pagesArticle .jobTitle { float: left; }
#careers_info .pagesArticle .jobLocation { float: right; }
.jobInfo .jobLocation {float: right;}
.jobInfo .jobContact {color: #ccc; font-size: 14px;}
.jobInfo .socialMeta {margin-top: 10px;}

/* Numbered paging */
.paging {float: right;}
.paging li {float: left;}

/* Social Media Buttons */
.socialMeta .fb_iframe_widget {top: -4px; margin-left: 14px;}
.socialMeta {width: 250px;}
.socialMeta .fbLike {float: right; margin-top: 4px;}

/* Education */
.educationInfo h2.tgHighlight {text-transform: uppercase;}
.educationInfo .academyImg {margin-bottom: 10px;}
.educationInfo > ul {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff;}
.educationInfo li ul {font-size: 14px; margin: 5px 0 0 0; list-style: disc outside;}
.educationInfo li ul li {margin-left: 15px;}
.educationInfo li ul .available {list-style: none; margin-left: 0;}

/* London Fashion Week */
.lfwHome {display: block; margin: 0 auto;}
.asideTitle {margin: 16px 0 0 10px; font-size: 14px;font-weight: normal; text-transform: uppercase;}
#fashion-week #pagesCategory ul.sub {margin-top: 10px;}
#fashion-week #pagesCategory ul li a {width: 240px;}

#fashion-week #pagesContent {margin: 0;width: 710px;}
#fashion-week .thumbControls {border-bottom: 1px solid #fff;}
#fashion-week .showContent {padding: 20px;}
#fashion-week .showContent hr {margin: 15px 0;}
#fashion-week .showContent h3 {font-size: 20px; margin-bottom: 20px;}
#fashion-week #showArchive li {display: inline; float: left; margin-right: 20px; width: 152px; font-size: 12px;}
#fashion-week #showArchive li img {display: block; margin-bottom: 15px; border: 1px solid #fff;}

#showArchive {height: 180px; width: 700px;}
.videoContent {border-bottom: 1px solid #fff;}
#fashion-week .quoteTitle {text-align: center; font-size: 14px; margin-bottom: 15px;}
#fashion-week h3.lfwQuote {text-align: center; font-size: 35px; line-height: 40px;}

#fashion-week .bioImage {float: left; margin: 0 20px 10px 0; border: 1px solid #fff;}
#fashion-week .archives {position: relative;}
.archives .lfwPrev, .archives .lfwNext {top: 75px; position: absolute; left: 0; border: 0; cursor: pointer; display: block; z-index: 10; text-indent: -9999px; height: 30px; width: 30px; background: url(/static/img/navigation/sliderNav.png) scroll no-repeat 0 -119px; opacity: 0.8; display: none;}
.archives .lfwNext {left: 638px;background-position: 0 -149px;}
.archives .lfwPrev:hover, .archives .lfwNext:hover {opacity: 1;}

#fashion-week h1 {display: inline-block;}
#lfwSelector {display: inline-block; position: relative; height: 21px; margin: 27px 0 0 10px; float:left;}
#lfwSelector > ul {position: absolute; width: 220px; border: 1px solid #fff; background: #000;z-index: 10;}
#lfwSelector li {font-size: 14px;}
#lfwSelector li span {padding: 5px 5px 2px; display: block;}
#lfwSelector li ul {display: none; border-top: 1px solid #bbb;}
#lfwSelector li ul li a {padding: 5px; display: block;}
#lfwSelector li ul li:hover a {background: #fff; color: #000;}
#lfwSelector li:hover > ul.child {display: block;}

#tgMeetTheTeamHolder {width: 980px; overflow:hidden; float: left; display: block; margin:1px 0 0 0; border: 0 none;}
#tgMeetTheTeam {width:980px;}


