/* structure */
#lookbook {
    width: 1028px;
    overflow: hidden;
    padding: 70px 0 100px;
    background: url(images/bg_fif.png) 120px top no-repeat;
    border-bottom: 1px solid #CAC9C6;
    margin:0 auto;
    }
.lb-section {
    clear: both;
    margin: auto auto 100px auto;
    width: 1040px;
    }
.clearfloat {
    overflow: hidden;
    width: 100%;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* fonts */
#lookbook h2 { font-size: 16px; margin-bottom: 5px; }
#lookbook .lb-grid h2 { color: #fff; font-size: 24px; text-align: center; }
.lb-header p, .trends-header p { color: #000000; font-family: verdana; font-size: 11px;}
.lb-nav a { color: #fff; font-size: 10px; font-weight: bold;}
.trends-header h1 { font: normal normal 56px/1 'FuturaBQBold', Arial, Helvetica, sans-serif; margin-bottom: 18px;}
#retro .trends-header h1, #retro .trends-header h2, #retro .trends-header p,
#geek-chic .trends-header h1, #geek-chic .trends-header h2, #geek-chic .trends-header p,
#bright-eyed .trends-header h1, #bright-eyed .trends-header h2, #bright-eyed .trends-header p,
#mixed .trends-header h1, #mixed .trends-header h2, #mixed .trends-header p { color: #fff; }
.lb-cta {font: normal normal 15px/32px 'FuturaBQBold', Arial, Helvetica, sans-serif;}

.lb-grid p {
    color: #fff;
    font-family: 'FuturaBQLight', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin: auto;
    padding: 0 20px;
    text-align: center;
    }
.lb-grid .col-328.one-row.flip p, .lb-grid .col-160.two-row.flip p, .lb-grid .col-160.two-row.flip p { font-size: 16px }
.lb-grid .col-328.two-row.flip p, .lb-grid .col-328.three-row.flip p, .lb-grid .col-160.four-row.flip p { font-size: 24px; line-height: 36px; padding: 0 35px; }

/* header - geek chic will override layout as its the only one different */
.lb-header {
    position: relative;
    }
.lb-header p, .lb-header h2 {
    left: 122px;
    position: relative;
    width: 423px;
    z-index:20px;
    position:relative;
    z-index:200;
}
.lb-header h2 {
    color: #e91f2d;
    font-family: 'FuturaBQBook', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    position:relative;
    z-index:200;
}
.lb-header p {
    color: #838383;
}
.lb-header p.lb-tagline {  /* this covers up the sticky nav */
    background: #fff;
    height: 145px;
    left: 0;
    position: absolute;
    text-indent: -7000px;
    top: 0;
    width: 465px;
    z-index: 12;
}
.lb-sticky-nav-wrapper {
    float:left;
    }
.lb-nav {
    height: 38px;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 122px;
    width: 384px;
    z-index: 241;
    float:left;
    position:relative;
}
.lb-nav.sticky { margin-left: 492px; margin-top:20px; }

.lb-nav li {
    behavior: url(css/PIE.htc);
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    height: 36px;
    line-height: 1;
    margin: 0 5px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 68px;
    border:1px solid #CCC;
}
.lb-nav li a {
    display:block;
    height: 100%;
    margin:auto;
    padding-top: 20%;
    text-align: center;
    color:#6EABCE;
}
.lb-nav li.active a { color:#FFF; }

.lb-nav li:first-child + li + li + li a, .lb-nav li:first-child + li + li + li + li a { padding-top: 12%}
.lb-nav li.retro.active, #retro .flip .bottom { background: #de9f57; border:1px solid #FFF; }
.lb-nav li.geek-chic.active, #geek-chic .flip .bottom  { background: #e65100; border:1px solid #FFF; }
.lb-nav li.glam.active, #glam .flip .bottom  { background: #e4345b; border:1px solid #FFF; }
.lb-nav li.bright-eyed.active, #bright-eyed .flip .bottom  { background: #84c62d; border:1px solid #FFF; }
.lb-nav li.mixed.active, #mixed .flip .bottom  { background: #97c3b4; border:1px solid #FFF; }
.lb-nav li a:active, .lb-nav li a:selected, .lb-nav li a:visited {
    border: none;
    outline: none;
}

.lb-sticky-social-wrapper {
    float:right;
    }
    
.lb-sticky-social-wrapper.sticky {
	float:none;	
}
.lb-social {
    float: right;
    height: 21px;
    list-style-type: none;
    margin: 16px 0 0;
    z-index: 11;
}
.lb-social li {
    float: left;
    margin-right: 1em;
}
.lb-social li:first-child {
    padding: 0;
    }
.lb-social.sticky {
    margin: 0 auto 0 490px;
    }

.lb-sticky-wrapper {
    margin: auto;
    position: absolute;
    width: 1016px;
}
#lb-sticky-header {
    background: url(images/bg_section_sticky.jpg) left bottom no-repeat;
    height: 69px;
    position: absolute;
    top: 0;
    width: 465px;
    z-index: 11;
    }
#lb-sticky-background {
    display: none;
    height: 90px;
    position: absolute;
    top: 68px;
    width: 100%;
    z-index: 10
    }
#lb-sticky-background .bg-white {
    background: #fff;
    height: 83px;
    }
#lb-sticky-background .bg-shadow {
    background: url(images/lb-sprite.png) 0 -751px repeat-x;
    height: 7px;
    }
#lb-sticky-background.sticky {
    display: block;
    left: 0;
    }
#lookbook a.email-friend {  margin-top: 0;  }

/* content */
.lb-content .explore {
    background: #f1f1f1;
    color: #606060;
    font: normal normal 22px/3.363636 'FuturaBQBold', Arial, Helvetica, sans-serif;
    height: 74px;
    margin: 0 auto 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 1016px;
    display:none;
}
.lb-content .explore span {
    background: url(images/lb-sprite.png) 0 0 no-repeat;
    display: inline-block;
    height: 32px;
    position: relative;
    top: 8px;
    width: 34px;
    }
/* trend headers */
.trends-header {
    margin: 0 auto 18px auto;
    height: 272px;
    width: 310px;
    }
#retro .trends-header {
    background: url(images/bg_retro_header.jpg) no-repeat;
    padding:60px 61px 0 645px;
    }
#geek-chic .trends-header {
    background: url(images/bg_geek_header.jpg) no-repeat;
    padding: 60px 100px 0 605px;
    }
#glam .trends-header {
    background: url(images/bg_glam_header.jpg) no-repeat;
    padding: 60px 100px 0 605px;
    }
#bright-eyed .trends-header {
    background: url(images/bg_bright_header.jpg) no-repeat;
    padding: 60px 110px 0 595px;
    }
#mixed .trends-header {
    background: url(images/bg_mixed_header.jpg) no-repeat;
    padding: 40px 120px 20px 585px;
    }
.lb-cta {
    behavior: url(css/PIE.htc);
    background: #6eabce url(images/lb-sprite.png) 0 -633px no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    height:32px;
    margin: 24px 0 0 0;
    max-width: 210px;
    padding-left: 45px;
    text-transform: uppercase;
    width:auto;
}
a.lb-cta {
    display: block;
}
a.lb-cta:hover {
    color: #fff;
}

/* grid */
.lb-grid { margin-left: 15px }
.lb-left {float:left}
.lb-grid img, .lb-grid .flip, .lb-container, .lb-carousel {
    float: left;
    margin-bottom: 8px;
}
.lb-margin {
    margin-right: 8px;
}
.col-160 { overflow: hidden; width: 160px}
.col-328 { overflow: hidden; width: 328px}
.col-496 { overflow: hidden; width: 496px}
.one-row { height: 160px}
.two-row { height: 328px}
.three-row { height: 496px}
.four-row { height:664px}

.flip {
    position: relative;
    }
.flip div, .flip img {
    height: 100%;
    position: absolute;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    width: 100%;
    }
.flip .bottom {
    behavior: url(css/PIE.htc);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display:table;
}
.bottom p, .bottom h2 {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    }
.top:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity:0;
}

/* carousel */
.lb-carousel-wrapper {
float: right;
    position: relative;
    width: 686px !important;
}
.lb-carousel {
    behavior: url(css/PIE.htc);
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    height: 328px;
    margin-left: 43px;
    overflow: hidden;
    position: relative;
    width: 620px !important;
}
.lb-carousel-wrapper .prev, .lb-carousel-wrapper .next {
    background: url(images/lb-sprite.png) no-repeat;
    border: none;
    height: 300px;
    margin-top: 11px;
    position: absolute;
    text-indent: -7000px;
    width: 24px;
}
.lb-carousel-wrapper .prev {
    background-position: -10px -32px;
    left: 19px;
    top: 10px;
    }
.lb-carousel-wrapper .next {
    background-position: 0 -333px;
    left: 663px;
    top: -22px;
    }
.lb-carousel li {
    height: 302px;
    padding: 20px 0 0 50px;
    position: relative;
    width: 570px;
}
.lb-carousel .bulgari {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Bvlgari-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .burberry {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Burberry-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .coach {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/CoachHeritage-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .dg {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Dolce-n-Gabanna-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .dkny {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/DKNY-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .mj {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Maui-Jim-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .oakley {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Oakley-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .persol {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Persol-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .polo {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/POLO-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .prada {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Prada-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .prl {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Polo-Ralph-Lauren-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .rayban {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Ray-Ban-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .ralph-rl {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Ralph-by-Ralph-Lauren-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .rl {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Ralph-Lauren-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .tb {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Tory-Burch-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .tiffany {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Tiffany-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .versace {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Versace-120x50NEW.jpg) 450px 18px no-repeat;
}
.lb-carousel .vogue {
    background: url(/wcsstore/LensCraftersStorefrontAssetStore/Attachment/BRANDS/THUMBNAIL/Vogue-120x50NEW.jpg) 450px 18px no-repeat;
}

.lb-carousel h3 {}
.lb-carousel .sku { float: left; font-size: 11px}
.lb-carousel img { margin-top: 35px}
.cta-wrap {
    left: -60px;
    position: absolute;
    top: 266px;
}
.lb-carousel .numeration {
    color: #000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    margin-top: 40px;
    width: 244px;
    }
.lb-carousel .quick-view { background-image: none; float: left; margin-right: 10px; padding-left: 0; text-align: center; width: 124px; opacity: 0}
.lb-carousel .add-favorites { background-image: none;  float: left; padding-left: 0; text-align: center; width: 169px; opacity: 0;}
.lb-carousel:hover .quick-view, .lb-carousel:hover .add-favorites {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
a.email-friend { display:none !important; }
.landing-page #header_wrapper, .eye-exam-landing #header_wrapper { height:auto !important; }
.lb-header h2 {
    color: #121212 !important;
    font-family: 'FuturaBQBold',Arial,Helvetica,sans-serif !important;
    margin: 10px 0 0;
    color:#121212;
}