﻿/* fonts  */
@import url('http://fast.fonts.com/t/1.css?apiType=css&projectid=478046d2-f8b3-41c1-a32c-f62a6acbd489');
@font-face{
    font-family:"Sabon LT W01 Roman";
    src:url('http://media.lanecrawford.com/fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot?#iefix');
    src:url('http://media.lanecrawford.com/fonts/d30018fa-c2be-4921-a779-0a9b8db54fe7.eot?#iefix') format("embedded-opentype"),url('http://media.lanecrawford.com/fonts/d93bebe4-cefa-455e-8b51-eaae50be173e.woff') format("woff"),url('http://media.lanecrawford.com/fonts/7849e7c1-08a0-4e13-a6cd-d2900c236af5.ttf') format("truetype"),url('http://media.lanecrawford.com/fonts/d1246e5a-1d35-4bc9-b785-d05e0408a757.svg#d1246e5a-1d35-4bc9-b785-d05e0408a757') format("svg");
}
@font-face{
    font-family:"Brandon Grot W01 Bold";
    src:url('http://media.lanecrawford.com/fonts/c12a6d37-72c1-408b-9ca9-32946956c57f.eot?#iefix');
    src:url('http://media.lanecrawford.com/fonts/c12a6d37-72c1-408b-9ca9-32946956c57f.eot?#iefix') format("embedded-opentype"),url('http://media.lanecrawford.com/fonts/4f2d0548-c7dc-459b-a2e0-e86656a10ded.woff') format("woff"),url('http://media.lanecrawford.com/fonts/dc21d9e5-516f-4e7e-9a84-7be79a44c2dd.ttf') format("truetype"),url('http://media.lanecrawford.com/fonts/a9bdb836-ee14-494d-8c69-5617c5720992.svg#a9bdb836-ee14-494d-8c69-5617c5720992') format("svg");
}
@font-face{
    font-family:"Brandon Grot W01 Black";
    src:url('http://media.lanecrawford.com/fonts/b7e10dd9-521c-43c5-a17e-0bb4a5028f6f.eot?#iefix');
    src:url('http://media.lanecrawford.com/fonts/b7e10dd9-521c-43c5-a17e-0bb4a5028f6f.eot?#iefix') format("embedded-opentype"),url('http://media.lanecrawford.com/fonts/f74a4823-b1ad-4887-9f8e-b02719f2972b.woff') format("woff"),url('http://media.lanecrawford.com/fonts/bb746ead-509f-451a-b786-cbb81b93710d.ttf') format("truetype"),url('http://media.lanecrawford.com/fonts/97d12583-fcae-4cd9-92f5-003b80748877.svg#97d12583-fcae-4cd9-92f5-003b80748877') format("svg");
}
@font-face{
    font-family:"Brandon Grot W01 Medium";
    src:url('http://media.lanecrawford.com/fonts/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix');
    src:url('http://media.lanecrawford.com/fonts/172fdde2-f56b-433a-a6e2-ebeab9dfb588.eot?#iefix') format("embedded-opentype"),url('http://media.lanecrawford.com/fonts/050c2cbf-b818-4b8e-b6d2-71b70478bd9d.woff') format("woff"),url('http://media.lanecrawford.com/fonts/7da41ce3-b3fd-4fca-a85f-4f3099884c15.ttf') format("truetype"),url('http://media.lanecrawford.com/fonts/37c88f3d-9532-4547-9e11-7cca7f66048c.svg#37c88f3d-9532-4547-9e11-7cca7f66048c') format("svg");
}
@font-face{
    font-family:"BrandonGrotW01-Regular";
    src:url('http://media.lanecrawford.com/fonts/49d8a110-dd06-4918-9fea-516c27058edf.eot?#iefix');
    src:url('http://media.lanecrawford.com/fonts/49d8a110-dd06-4918-9fea-516c27058edf.eot?#iefix') format("embedded-opentype"),url('http://media.lanecrawford.com/fonts/6b45f9ca-22b4-48ca-962f-6ff1fa7fc196.woff') format("woff"),url('http://media.lanecrawford.com/fonts/7fdcfbf6-62ea-4d31-935f-cac99a996c73.ttf') format("truetype"),url('http://media.lanecrawford.com/fonts/80f420d4-9e57-4016-b805-01b95b2e08f3.svg#80f420d4-9e57-4016-b805-01b95b2e08f3') format("svg");
}

/* fonts end */

/* Set up all the initial style for the page*/

ul
{list-style:none;}

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

a:hover
{ cursor:pointer;}

/* Container for the whole page */
#container
{margin:0 auto; width: 984px!important;}

/* Container for the main content */
.mainContent
{}

/* Container for the videos-related content */
#textContent
{width:986px!important; margin:0 auto;}

#textHeader
{margin:14px 0 0 0; text-align:center; }

#textHeader h2, #textHeader span
{display:none;}

/* Fonts style for the header*/
h1
{font:normal 32px/1.4 'Avenir LT W01 35 Light'; text-transform:uppercase; letter-spacing:0.39em;}

body.locale-zh_CN h1{
    font-family: "黑体",Arial,sans-serif;
    _font-family: Arial;
}


h2
{font:normal 13px/1.3 Georgia;}

.articlesCaption h4
{font:bold 12px/1.3 Georgia;}

/* Margin, padding, color and stuff settings */
#textContent #heroImage
{margin:7px 0px 14px 0px; text-align:center;}

#textDescription p
{margin:10px auto; width:70%;}

#lowerInfo{width:100%; margin:21px auto; height:22px;}

#lowerInfo #links{font-size:12px; font-family:Arial; float:left; margin:8px 0px 0px 0px;}

#socialNetwork
{float:right;}

#socialNetwork ul
{margin:0px 0px 0px 0px; overflow:auto; width:134px; }

#socialNetwork ul li
{float:left;}

#socialNetwork a
{margin:5px 5px 0px 0px;}

#socialNetwork a.twitter
{background:url(../icons/socialbuttons.jpg) no-repeat 0 0; display:block; width:74px; height:22px; text-indent:-9999px;}

#socialNetwork a.facebook
{background:url(../icons/socialbuttons.jpg) no-repeat -80px 0; display:block; width:50px; height:22px; text-indent:-9999px;}

#thumbImage{width:50%; float:right; margin:0px 0px 0px 10px;}

/* style setting for navigation tabs */
#tabs{width:970px; margin:0 auto;}

ul.nav_tabs{
    border-bottom:2px solid #000000; font:normal 15px/1.0 'EngraversGothicFSRegular' !important; text-transform:uppercase; padding:0px 0px 9px 35px;  width:640px; margin:21px auto; text-align:left;}

ul.nav_tabs li{
    display:inline;
}

ul.nav_tabs li a.selected{
    display:inline;
    background-color:#ffffff;
    padding-bottom:8px;
}

ul.nav_tabs li a{
    padding:6px 14px 6px 14px; position:relative; top:1px;}

ul li a.selected{
    border-top:2px solid #000000; border-left:2px solid #000000; border-right:2px solid #000000; border-bottom:2px solid #ffffff; padding-top:7px; }

ul.nav_tabs a:hover {
    text-decoration:none;
}




/* Styles particular to just China FFM article */

#textHeader h1{
    /*  letter-spacing: 4px;  */

}


#library #bottomInfo{
    width:880px;
}

body.locale-zh_CN #photosDescription p#intro{
    font-family:  SimSun, Georgia;
}



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


   booklet stylesheets
   
   
*************************/


/* @Booklet
----------------------------------------*/
.booklet         {width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0;}

.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}
.booklet .b-p3  {}
.booklet .b-p4  {}

.booklet .b-load  {}

/* Page Wrappers */
.booklet .b-wrap       {top:0; position:absolute;}
.booklet .b-wrap-left  {background:#fff;}
.booklet .b-wrap-right {background:#efefef;}

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}

/* Custom Page Types */
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}

/* Page Numbers */
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
.booklet .b-wrap-left  .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}

/* Page Shadows */
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("http://media.lanecrawford.com/feature/LanvinBook-25Apr12-shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("http://media.lanecrawford.com/feature/LanvinBook-25Apr12-shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}

.booklet .b-p0 {background-image:url("http://media.lanecrawford.com/feature/LanvinBook-25Apr12-shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
.booklet .b-p3 {background-image:url("http://media.lanecrawford.com/feature/LanvinBook-25Apr12-shadow.png"); background-repeat:repeat-y; background-position:0 10px;}

/* Overlay Controls */
.booklet .b-grab     {cursor: url(images/openhand.cur), default;}
.booklet .b-grabbing {cursor: url(images/closedhand.cur), default;}

/* Overlay Controls */
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
.booklet .b-overlay-prev {left:0;}
.booklet .b-overlay-next {right:0;}

/* Tab Controls */
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev   {left:0;}
.booklet .b-tab-next   {right:0;}
.booklet .b-tab:hover  {background:#aaa; color:#000;}

/* Arrow Controls */
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow-next     {right:-80px;}
.booklet .b-arrow-prev     {left:-80px;}
.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

body              {z-index:0;}
.b-menu           {z-index:100;}
.b-selector       {z-index:100;}
.booklet          {z-index:10;}
.b-pN             {z-index:10;}
.b-p0             {z-index:30;}
.b-p1             {z-index:20;}
.b-p2             {z-index:20;}
.b-p3             {z-index:30;}
.b-p4             {z-index:10;}
.b-prev           {z-index:40;}
.b-next           {z-index:40;}
.b-counter        {z-index:40;}

/* @Menu Items
----------------------------------------*/
.b-menu {height:40px; padding:0 0 10px;}

.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
.b-selector-page        {width:auto; margin-left:15px;}
.b-selector-chapter     {width:auto;}

.b-selector:hover            {color:#fff; background-position:left 0px;}
.b-selector:hover .b-current {background-position:right 0px;}
.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
.b-selector li               {border:none;}
.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
.b-selector a .b-text        {float:left; clear:none;}
.b-selector a .b-num         {float:right; clear:none;}
.b-selector a:hover          {color:#fff;}



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


   END of  booklet stylesheets


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

/*******************
    no header
*****************/
/*#textHeader,ul.nav_tabs {display:none;}*/
#textHeader,ul.nav_tabs {display:none;}
#page,#articlesContent,.ui-tabs {padding:0;}
.container, #tabs {width:986px;}
#page { border: none;}
.state-pdp #page { border: 1px solid black; }
/*reset when at shoptab*/
body.p-shop-page_css #library #textHeader, body.p-shop-page_css ul.nav_tabs, body.p-shop-page_css #search-head-placeholder{ display:none; }
/*body.p-shop-page_css #library #search-main {padding: 20px 4px 10px 10px; width: 970px;}*/

/* commented out code as it looks destructive */
#page .top-promotion-banner {
    width: 986px;
    margin: 0;
}
/*
#article-top-desc #banner {
    background: url("http://media.lanecrawford.com/feature/") no-repeat scroll 0 0 transparent;
    height: 200px;
    width: 983px;
}
#article-top-desc #banner.cn-site {
    background-image: url("http://media.lanecrawford.com/feature/");
}
#article-top-desc #banner .back2pageBtn {
    float: left;
    margin: 123px 0 0;
}
*/

/* sensible defaults - change according to situation */
#FeatureEditorial {
    width:986px;
    overflow: hidden;
    position: relative;
    text-align: left; /* fixes IE6 text-align & positioning bug */
}

/* re-define fonts here */
#FeatureEditorial p,
#FeatureEditorial a {
    /*font-family: 'Avenir LT W01 65 Medium'; *//* change font name as required */
    font-family: "Sabon LT W01 Roman";
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(255, 255, 255, 0.02) 0 0 1px;
}

/* common shadow element & navbar */
#FeatureEditorial .editorialDropShadow { background-image: url(http://media.lanecrawford.com/feature/editorial_bar_nav_gradient.png); background-repeat: no-repeat; width: 984px; height: 27px; display: block; }
#FeatureEditorial .editorialNavBar { display: block; background-color: #333; color: white; text-align: center; font-size: 13px; line-height: 27px; text-decoration: none; position: relative; width: 100%; clear: both; overflow: hidden; text-transform: uppercase; word-spacing: 1px; text-shadow: rgba(255, 255, 255, 0.75) 0 0 1px; }
#FeatureEditorial .editorialNavBar .editorialDropShadow { position: absolute; top: 0; left: 0; z-index: 1; }


/*+Start: your css here+*/
#FeatureEditorial {
    /*background-color: #9dcc84;*/
    /*height: 559px;*/
}
#FeatureEditorial p,
#FeatureEditorial a,
#FeatureEditorial span {
    color: #000;
}
#FeatureEditorial .invert p,
#FeatureEditorial .invert a,
#FeatureEditorial .invert span {
    color: #fff;
}
#FeatureEditorial .innerCarousel {
    width: 986px;
    height: 559px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#FeatureEditorial .innerCarousel .slide {
    position: relative;
    z-index: 1;
    height: 559px;
    width: 100%;
}
#FeatureEditorial .innerCarousel .tg-slide-arrow {
    position: absolute;
    z-index: 800;
    top: 50%;
    margin-top: -40px;
    width: 27px;
    height: 51px;
}

#FeatureEditorial .innerCarousel #nextSlide {
    background-image: url(http://media.lanecrawford.com/feature/keyacc_20130417_arrow_right.png);
    right: -30px;
}
#FeatureEditorial .innerCarousel #prevSlide {
    background-image: url(http://media.lanecrawford.com/feature/keyacc_20130417_arrow_left.png);
    left: -30px;
}
#FeatureEditorial .innerCarousel #nextSlide.tg-slide-arrow-invert {
    background-image: url(http://media.lanecrawford.com/feature/keyacc_20130417_arrow_right_wht.png);
}
#FeatureEditorial .innerCarousel #prevSlide.tg-slide-arrow-invert {
    background-image: url(http://media.lanecrawford.com/feature/keyacc_20130417_arrow_left_wht.png);
}
#FeatureEditorial .innerCarousel .slide00 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_1-v4.jpg) scroll no-repeat 0 0;
}
#FeatureEditorial .innerCarousel .slide01 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_2.jpg) scroll no-repeat 0 0;
}
#FeatureEditorial .innerCarousel .slide02 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_3.jpg) scroll no-repeat 0 0;
}
#FeatureEditorial .innerCarousel .slide03 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_4.jpg) scroll no-repeat 0 0;
}
#FeatureEditorial .innerCarousel .slide04 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_5.jpg) scroll no-repeat 0 0;
}
#FeatureEditorial .innerCarousel .slide05 {
    background: url(http://media.lanecrawford.com/feature/keyacc_export_20130417_6.jpg) scroll no-repeat 0 0;
}


#FeatureEditorial p {
    margin: 1.2em 0;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0;
}
#FeatureEditorial .title {
    font-family: "Brandon Grot W01 Bold";
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#FeatureEditorial .shopBtnWrapper {
    margin: 2.4em 0;
}
#FeatureEditorial .shopBtn {
    font-family: "Brandon Grot W01 Bold";
    font-size: 14px;
    line-height: 1em;
    border: 1px solid #000;
    color: #000;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
#FeatureEditorial .shopBtn:hover {
    background: url(http://media.lanecrawford.com/feature/ie-transparent-bg-bk-80.png) scroll repeat 0 0;
    color: #fff;
}
#FeatureEditorial .innerCarSlide .frontPageInnerContent {
    width: 630px;
    margin: 0 auto;
    padding: 411px 0 0;
}


#FeatureEditorial .innerCarSlide .innerContent {
    margin: 161px 0 0 71px;
    width: 380px;
}
#FeatureEditorial .innerCarSlide p {
    width: 260px;
}
#FeatureEditorial .innerCarSlide p.title {
    width: auto;
    font-size: 28px;
    margin-bottom: -9px;
}
#FeatureEditorial .innerCarSlide p.shopBtnWrapper {
    width: auto;
}
#FeatureEditorial .slide00 p {
    padding: 0;
    text-align: center;
    width: auto;
    margin: 13px 0;
}
#FeatureEditorial .slide00 p.title {
    font-size: 34px;
    line-height: 1.2em;
    margin-bottom: -7px;
    margin-top: 0;
}



/*-End: your css here-*/


.js .jshide {
    display: none;
}

/*-----------------------Style for Chinese-------------------*/
#FeatureEditorial.cn-site p,
#FeatureEditorial.cn-site a {
    font-family: "黑体",'Avenir LT W01 35 Light',Georgia,serif;
}
#FeatureEditorial.cn-site #heroArea #storyTitle {
    font-weight: bold;
}
#FeatureEditorial.cn-site #lowerContent .floatBox p.title,
#FeatureEditorial.cn-site #lowerContent #b-brand-blue-box p.title{
    margin-top: 100px;
}
#FeatureEditorial.cn-site #heroArea .innerContent .scrollToNav {
    height: 61px;
    background-position: 0 -380px;
}
#FeatureEditorial.cn-site #scrollContentWrapper .scrollBlock .innerContent p.desc {
    padding: 0 26px;
}


/*#FeatureEditorial.cn-site #scrollContentWrapper #heroArea #storyTitle {*/
/*margin-top: 120px;*/
/*}*/


/*----------------------- window fix -----------------------*/
.window #FeatureEditorial #scrollContentWrapper #heroArea #storyDesc p {
    /*font-size: 13px;*/
}

.window #FeatureEditorial #scrollContentWrapper .scrollBlock .innerContent p.subtitle {
    letter-spacing: 0.08em;
}




/*----------------------- ie fix -----------------------*/

.ie #FeatureEditorial #scrollContentWrapper .scrollBlock .productShowImgs .imgWrapper .backSide .overlay {
    background: url(http://media.lanecrawford.com/feature/ie-transparent-bg-bk-06.png) scroll repeat 0 0;
}
.ie #FeatureEditorial .mainCarousel,
.ie #FeatureEditorial .mainCarousel .slide,
.ie #FeatureEditorial .mainCarousel .innerCarousel{
    zoom: 1;
}
.lt-ie8 #FeatureEditorial .shopBtnWrapper {
    padding: 14px 0;
}
/*.lt-ie8 #FeatureEditorial #heroArea #storyTitle {*/
    /*padding-top: 227px;*/
/*}*/
/*.lt-ie7 #FeatureEditorial #scrollContentWrapper #sectionHerStyle .pumpList li a .pumpImg {*/
    /*position: absolute !important;*/
/*}*/
/*.lt-ie7 #FeatureEditorial #scrollContentWrapper #fixedShopBtn {*/
    /*display: none;*/
/*}*/

/*reset*/
#home #page .lc-page { margin-left: 0;}
#library #FeatureEditorial h3 { padding: 0;border:none;}



.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }