/* BLOG PAGE CSS
--------------------------------------------------------------------------------------- */
.blogEntry { width: 658px; font-size: 1.1em; margin: 0px 0px 30px 0px; }
.blogEntry .blogEntryText { margin: 0px; padding: 20px 0 12px 0; font-size: 1.05em;  text-transform: none; color:#8F8F8F;}
.blogEntry .blogEntryText p{padding: 0px 0 7px 0; }
.blogEntryHdr { padding: 0 0 10px 0; font-weight: bold; font-size: 1.1em; letter-spacing: .15em; }
.blogEntryHdr a { text-decoration: none; color: #000000; }
.blogEntryHdr a:hover { text-decoration: none; color: #000000; }
.blogEntryDate { padding: 0 0 9px 0; font-size: 0.9em; }
.blogEntryImage { margin: 0px; padding: 0px; }
.blogEntryImage a { border: none; }
.blogEntryMoreLink { /*float: left;*/ }
.blogEntryShareLink { padding: 0 20px 0 0; }
.blogEntryMoreLink a, .blogEntryShareLink a { text-decoration: none; color: #000000; font-size: 0.9em; }
.blogEntryMoreLink a:hover, .blogEntryShareLink a:hover { text-decoration: none; }
.blogEntryPostsLink a { text-decoration: none; color: #000000; font-size: 1.2em; }
.blogEntryPostsLink a:hover { text-decoration: none; }

/* BLOG PAGE SIDE BAR CSS
--------------------------------------------------------------------------------------- */
.blogHR { height: 1px; color: #cccccc; background-color: #cccccc; border: none; margin: 0px 0px 20px 0px; }
#blogDetailHR { margin: 30px 0px 10px 0px; }

.blogSideBar { width: 292px; color: #000000; }

.blogSideBarAboutNav { margin: 0px 0px 13px 0px; }
.blogSideBarHdr { font-size: 1.1em; font-weight: bold; letter-spacing: .10em; padding: 0 0 14px 0; }
.blogSideBarHdr a, .blogSideBarLink a { text-decoration: none; color: #000000; }

.blogSideBarLink { font-size: 0.9em; letter-spacing: .06em; color: #999; }
.blogSideBarLink ul { margin: 0 0 9px 0; padding: 0px; }
.blogSideBarLink li { list-style-type: none; display: block; padding: 0 0 7px 0; }
.blogSideBarLink a { color: #999; }
.blogSideBarLinkActive a { color: #000000; }

.blogSideBarHdr a:hover, .blogSideBarLink a:hover { text-decoration: none; color: #000000; }

.blogSideBarEventWrapper { margin: 0px 0px 5px 0px; }
.blogSideBarEvent { margin: 0px; padding: 0 20px 0 0; }
.blogSideBarEventSubHdr { font-size: 0.9em; }
.blogSidebarEventListing { margin: 0px; padding: 0 0 15px 0; }
.blogSideBarEventSubHdr a { text-decoration: none; color: #000000; }
.blogSideBarEventSubHdr a:hover { text-decoration: none; }
.blogSideBarEventWrapper p { margin: 4px 0 0 0; padding: 0px; font-size: 0.9em; color: #666666; }

.blogSideBarSocialEntry { margin: 0 0 20px 0; }
.blogSideBarSocial p { margin: 0px; padding: 0 20px 0 0; font-size: 0.9em; color: #666666; }
.blogSideBarHdrSocial { font-weight: bold; letter-spacing: .25em; padding: 0 0 5px; }
.blogSideBarHdrSocial a { text-decoration: none; color: #000000; }
.blogSideBarHdrSocial a:hover { text-decoration: none; color: #000000; }
.blogSideBarSocialHdrLabel { font-size: 1.1em; font-weight: bold; letter-spacing: .10em; }
.blogSideBarSocialLink { font-size: 0.9em; padding: 5px 0 0 0; }
.blogSideBarSocialLink a { text-decoration: none; color: #000000; }
.blogSideBarSocialLink a:hover { text-decoration: none; color: #000000; }
.blogSideBarSocialLogoImg { margin: 0 5px 3px 0px; }

/* MODAL DIALOG CSS
--------------------------------------------------------------------------------------- */
#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; }
.modalWindow { position: absolute; left: 0; top: 20px; display: none; z-index: 9999; padding: 10px; background-color: #666666; }
.modalClose { text-align: right; text-transform: uppercase; color: #cccccc; right: 10px; top: 10px; position: absolute; z-index: 9000; cursor: pointer; display: table-cell; }
#boxes #dialog { width: 591px; height: 338px; }
#boxes #dialog1 { width: 772px; height: 464px; }
#boxes #dialog2 { width: 591px; height: 338px; }
#iconboxes #dialog { width: 591px; height: 330px; }
#iconboxes #dialog1 { width: 591px; height: 330px; }
#iconboxes #dialog2 { width: 591px; height: 330px; }
#videoContainer { margin: 20px 0 0 0; }

/* ICON PROJECT PAGE CSS
--------------------------------------------------------------------------------------- */
.iconProject { margin: 0; padding: 0; }
.iconProjectImg { margin: 0 0 20px 0; padding: 0px; }
.iconProjectNavContainer { position: absolute; left: 0px; top: 374px; width: 300px; height: 26px; }
.iconProjectNavItem { cursor: pointer; float: left; padding-right: 1px; position: relative; vertical-align: middle; margin: 0px 1px 0px 0px; width: 82px; height: 26px; text-transform: uppercase; text-indent: 10px; color: #FFFFFF; background-color: #000000; }
.iconProjectNavItem p { position: relative; top: 25%; width: 82px; }
.iconProjectNavItem a, .iconProjectNavItem a:hover, .iconProjectNavItem a:visited { text-decoration: none; font-weight: normal; font-style: normal; font-variant: normal; text-transform: uppercase; color: #FFFFFF; }
.iconProjectLeftCol { width: 168px; margin: 0 20px 0 0; padding: 0px; }
.iconProjectLeftColHdr { margin: 10px 0 0 0; padding: 0px; font-size: 1.8em; font-weight: normal; letter-spacing: .15em; color: #676767; }
.iconProjectLeftColSubHdr { margin: 10px 0 0 0; padding: 0 0 10px 0; font-size: 0.85em; font-weight: normal; letter-spacing: .15em; color: #676767; }
.iconProjectLeftCol a { color: #676767; text-decoration: none; }
.iconProjectLeftCol a:hover { text-decoration: none; color: #676767; }
.iconProjectIconImg { margin: 20px 50px 0 0; }
.iconProjectRightCol { width: 555px; margin: 20px 5 0 0; padding: 0px; }
.iconProjectRightCol p { margin: 0 0 10px 0; color: #7a7a7a; }
.iconProjectRightColHdr { font-size: 1.2em; font-weight: bold; letter-spacing: .25em; margin: 0px; padding: 0 0 15px 0; }

.iconProject .flipbook li { padding: 20px 0 0 60px;}
.iconProject .flipbook img.galleryitem { width: 474px; height: 306px}

.flipbook { overflow: hidden; width: 571px; height: 338px; clear: left; }
.flipbook h1 { width: 571px; border-bottom: 0px; text-transform: uppercase; }
.flipbook ul { width: 15000px; margin: 0 0 0 0; }
/* To modify left and right alignment of image, use padding on li.*/
.flipbook img.galleryitem { top: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }
.flipbook p { width: 571px; margin: 0px; font-size: 0.8em; color: #8f8f8f; }
.flipbook h2 { width: 571px; font-size: 1.7em; font-weight: normal; letter-spacing: .15em; margin: 0px; text-transform: uppercase; }
.flipbook a { color: #777; font-weight: bolder; text-decoration: none; }


/* NEXT AND PREV STYLE
--------------------------------------------------------------------------------------- */
.next, .prev { cursor: pointer; }

/* ABOUT US CONTAINER STYLE
--------------------------------------------------------------------------------------- */

.aboutuscontainer { position: relative; height: 800px; width: 752px; margin-top: 0px; }
.aboutuscontainer .next, .aboutuscontainer .prev { position: absolute; top: 0px; }
.aboutuscontainer .prev { left: 0px; top: 158px; width: 40px; height: 94px; }
.aboutuscontainer .next { right: 0px; top: 158px; width: 40px; height: 94px; }
/* ABOUT US OVERRIDES FOR SCROLLER
--------------------------------------------------------------------------------------- */

.aboutus { overflow: hidden; background-color: white; width: 752px; height: 800px; clear: left; padding: 0px; }
.aboutus h1 { width: 752px; border-bottom: 0px; text-transform: uppercase; }
.aboutus ul { width: 4000px; margin: 0 0 0 0; }
.aboutus li { float: left; padding: 0 0 0 0; }
.aboutus li.fallen { margin-top: 369px; }
.aboutus p { width: 730px; margin: 0px; font-size: 1.05em; color: #8f8f8f; text-transform: none;}
.aboutus h2 { width: 752px; font-size: 1.7em; font-weight: normal; letter-spacing: .15em; margin: 20px 0 10px 0; text-transform: uppercase; }
.aboutus a { color: #777; font-weight: bolder; text-decoration: none; }
/* FLIPBOOK OVERRIDES FOR SCROLLER
--------------------------------------------------------------------------------------- */

.flipbookcontainer { position: relative; height: 338px; width: 591px; margin: 0px; }
.flipbookcontainer .next, .flipbookcontainer .prev { position: absolute; }
.flipbookcontainer .prev { left: 0px; top: 130px; width: 40px; height: 94px; }
.flipbookcontainer .next { right: 0px; top: 130px; width: 40px; height: 94px; }

/* FLIPBOOK OVERRIDES FOR SCROLLER
--------------------------------------------------------------------------------------- */
.flipbook { overflow: hidden; width: 571px; height: 338px; clear: left; }
.flipbook h1 { width: 571px; border-bottom: 0px; text-transform: uppercase; }
.flipbook ul { width: 15000px; margin: 0 0 0 0; }
/* To modify left and right alignment of image, use padding on li.*/
.flipbook li { float: left; padding: 20px 0 0 70px; list-style-type: none; }
.flipbook img.galleryitem { top: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }
.flipbook p { width: 571px; margin: 0px; font-size: 0.8em; color: #8f8f8f; }
.flipbook h2 { width: 571px; font-size: 1.7em; font-weight: normal; letter-spacing: .15em; margin: 0px; text-transform: uppercase; }
.flipbook a { color: #777; font-weight: bolder; text-decoration: none; }

/* CONCEPTS CONTAINER STYLE
--------------------------------------------------------------------------------------- */
.conceptscontainer { position: relative; height: 623px; width: 940px; margin: 0px 0px 0px 10px; }
.conceptsnavcontainer { position: absolute; left: 354px; top: 28px; width: 232; display: table; float: left; }
.conceptsnavcontainer div { display: table-cell; position: relative; float: left; margin-top: 6px; }
.dotscontainer { display: table; position: relative; float: left; }
.dotscontainer div { display: table-cell; position: relative; float: left; padding-left: 5px; padding-right: 5px; margin-top: 0px; }
.conceptscontainer .dots { float: left; width: 57px; height: 12px; }
.conceptscontainer .prev { float: left; width: 13px; height: 18px; margin-right: 5px; margin-top: -3px; }
.conceptscontainer .next { float: left; width: 13px; height: 18px; margin-left: 5px; margin-top: -3px; }
.conceptsArrowContainer { width: 13px; }

/* CONCEPTS OVERRIDES FOR SCROLLER
--------------------------------------------------------------------------------------- */
.concepts { overflow: hidden; background-color: white; width: 940px; height: 623px; clear: left; padding: 0px; }
.concepts h1 { width: 752px; border-bottom: 0px; text-transform: uppercase; }
.concepts ul { width: 4000px; margin: 0 0 0 0; }
.concepts li { float: left; padding: 0 0 0 0; }
.concepts li.fallen { margin-top: 369px; }
.concepts .conceptstitle { position: absolute; z-index: 2; left: 25px; top: 25px; height: 13px; width: 315; color: White; font: arial; letter-spacing: .15em; font-weight: bold; font-size: 21pt; text-transform: uppercase; }

/* CONCEPTS META DISPLAY
--------------------------------------------------------------------------------------- */
.conceptsBottomNavContainer { z-index: 2; position: absolute; left: 0px; bottom: 10px; width: 940px; height: 26px; display: table; }
.conceptsBottomNavItem { font-size: .8em; font-weight: bold; letter-spacing: .10em; float: left; cursor: pointer; padding-right: 0px; position: relative; vertical-align: middle; margin: 0px 1px 0px 0px; width: 113px; height: 26px; text-transform: uppercase; text-indent: 4px; color: #828282; background-color: #FFFFFF; display: table-cell; }
.conceptsBottomNavItem p { position: relative; top: 30%; width: 113px; }
.conceptsBottomNavItem a, .conceptsNavItem a:hover, .conceptsNavItem a:visited { text-decoration: none; font-weight: bold; font-style: normal; font-variant: normal; text-transform: uppercase; color: #A4A4A4; }
.conceptsBottomNavMeta { opacity: 0; font-size: .8em; letter-spacing: .10em; float: left; padding-right: 0px; position: relative; vertical-align: middle; margin: 0px 1px 0px 0px; width: 817px; height: 26px; text-transform: uppercase; text-indent: 10px; color: #999999; background-color: #000000; display: table-cell; }
.conceptsBottomNavMeta p { position: relative; top: 30%; }

/* PRESS PAGE CSS
--------------------------------------------------------------------------------------- */
.pressContent { width: 751px; margin: 0 0 20px 0; }
.pressContent p { font-size: 0.9em; color: #8f8f8f; padding-right: 10px; }

.pressHdrWrapper { margin: 0 0 20px 0; }
.pressHdr { padding: 18px 0 18px 0; font-weight: bold; font-size: 1.2em; letter-spacing: .15em; }
.pressHdr a { text-decoration: none; color: #000000; }
.pressHdr a:hover { text-decoration: none; color: #000000; }
.asSeenInHdr { padding: 0 0 18px 0; font-weight: bold; font-size: 1.3em; letter-spacing: .15em; }
.asSeenInHdr a { text-decoration: none; color: #000000; }
.asSeenInHdr a:hover { text-decoration: none; color: #000000; }

.pressHdrAltWrapper { margin: 0 0 20px 0; position: relative; overflow: hidden; }
.pressHdrAlt { float: left; padding: 0px; font-weight: bold; font-size: 1.3em; letter-spacing: .15em; }
.pressHdrAlt a { text-decoration: none; color: #000000; }
.pressHdrAlt a:hover { text-decoration: none; color: #000000; }

.pressSubHdr { font-size: 0.9em; color: #8f8f8f; letter-spacing: .15em; margin: 0 0 20px 0; }
.pressHdrImg { background-image: url(../images/press_header_img.jpg); height: 183px; width: 751px; }

.pressEmailLink { width: 751px; color: #8f8f8f; font-weight: bold; font-size: 10px; letter-spacing: .05em; padding: 6px 0 0 0; text-align: right; }
.pressEmailLink a, .pressPdfEntry a { color: #8f8f8f; text-decoration: none; }
.pressEmailLink a:hover, .pressPdfEntry a:hover { text-decoration: none; color: #000000; }
.pressEmailLinkTopMargin { margin: 40px 0 0 0; }

.lookBookWrapper { margin: 0 0 20px 0; _margin: 0 0 40px 0; }
.pressPdfEntry { float: left; width: 350px; font-size: 11px; letter-spacing: .05em; }
.pressPdfEntry a { color: #000000; }
.pressPdfEntry p { margin: 0px; padding: 0px; }

.latestNewsWrapper { margin: 0 0 20px 0; }
.pressEntryWrapper { width: 700px; font-size: 1.1em; letter-spacing: .05em; position: relative; overflow: hidden; margin: 0 0 15px 0; }
.pressEntryWrapper p { margin: 0px; padding: 0px; color: #8f8f8f; }
.pressEntryDate { color: #000000; float: left; margin: 0 45px 0 0; }
.pressEntryLink { float: left; }
.pressEntryLink a { color: #8f8f8f; text-decoration: none; }
.pressEntryLink a:hover { text-decoration: none; color: #000000; }

.asSeenInHdrWrapper { margin: 0 0 20px 0; }
.asSeenInHdr { padding: 0 0 18px 0; font-weight: bold; font-size: 1.1em; letter-spacing: .15em; }
.asSeenInWrapper { width: 765px; font-size: 1.1em; letter-spacing: .05em; position: relative; overflow: hidden; margin: 0 0 15px 0; }
.asSeenInEntryWrapper { text-transform: uppercase; float: left; width: 103px; color: #676767; font-size: 0.8em; letter-spacing: .05em; position: relative; overflow: hidden; margin: 0 37px 30px 0; }
.asSeenInEntryWrapper img { border: solid 1px #999999; }
.asSeenInEntryImage { height: 135px; }
.asSeenInEntryTitle { margin: 6px 0 3px 0; }
.asSeenInEntryDate { margin: 0 0 3px 0; }
.asSeenInEntryLink { float: left; }
.asSeenInEntryLink a { color: #000000; text-decoration: none; }
.asSeenInEntryLink a:hover { text-decoration: none; color: #000000; }

.pressPrintLink { letter-spacing: .05em; text-align: right; }
.pressPrintLink a { font-size: 0.9em; color: #000000; }
.pressPrintLink a:hover { text-decoration: none; color: #000000; }

/* ABOUT PAGE CSS - ANDREWS MESSAGE
--------------------------------------------------------------------------------------- */
.aboutContent { width: 752px; font-size: 1.1em; margin: 0px; }
.aboutContent h2 { font-size: 1.7em; font-weight: normal; letter-spacing: .15em; margin: 20px 0 10px 0; }
.aboutContent p { font-size: 1.05em; color: #8f8f8f; padding: 0 0 10px 0; letter-spacing: .05em; padding-right: 10px;  text-transform: none;}
.aboutHdr { padding: 0 0 18px 0; font-weight: bold; font-size: 1.3em; letter-spacing: .15em; }
.messageImgWrapper { background-image: url(../images/fpo_video_place_holder.jpg); height: 410px; width: 752px; }
.andrewSignatureImg { height: 14px; width: 152px; margin: 25px 0 0 0; }

.aboutLeftSideBarNav, .aboutLeftSideBarSubNav { width: 175px; padding: 0 0 0 10px; margin: 0px; }
.aboutLeftSideBarSubNav { margin: 25px 0 0 0; }
.aboutLeftSideBarNavHdr { font-size: 1.1em; font-weight: bold; letter-spacing: .10em; padding: 0 0 25px 0; }

.aboutLeftSideBarNavLink { font-size: 0.9em; letter-spacing: .06em; color: #999; }
.aboutLeftSideBarNavLink ul { margin: 0 0 9px 0; padding: 0px; }
.aboutLeftSideBarNavLink li { list-style-type: none; display: block; padding: 0 0 7px 0; }
.aboutLeftSideBarNavHdr a, .aboutLeftSideBarNavLink a { text-decoration: none; color: #000000; }
.aboutLeftSideBarNavLink a { color: #999; }
.aboutLeftSideBarNavHdr a:hover, .aboutLeftSideBarNavLink a:hover { text-decoration: none; color: #000000; }
.aboutLeftSideBarNavLinkActive a { color: #000000; }

.aboutLeftSideBarSubNavHdr { font-size: 1.1em; font-weight: bold; letter-spacing: .10em; margin: 0 0 5px 0; padding: 0 0 8px 0; color: #000000; }
.aboutLeftSideBarSubNavLink ul { margin: 0 0 3px 0; padding: 0px; }
.aboutLeftSideBarSubNavLink li { list-style-type: none; display: block; padding: 0 0 7px 0; }
.aboutLeftSideBarSubNavLink a { text-decoration: none; color: #999999; }
.aboutLeftSideBarSubNavLink a:hover { text-decoration: none; color: #000000; }
.aboutLeftSideBarSubNavLinkActive a { color: #000000; }

/* HISTORY PAGE CSS
--------------------------------------------------------------------------------------- */
.historyContent { width: 752px; font-size: 1.1em; margin: 0px; }
.historyContent h2 { font-size: 1.2em; font-weight: bold; letter-spacing: .15em; margin: 20px 0 10px 0; }
.historyContent p { font-size: 1.05em; color: #8f8f8f; padding: 0 0 10px 0; padding-right: 10px;  text-transform: none;}
.historyContentHdr { padding: 0 0 18px 0; font-weight: bold; font-size: 1.3em; letter-spacing: .15em; }
.historyImgWrapper { margin: 0px; padding: 0px; }

.historyNavContainer { position: relative; left: 0px; top: -39px; width: 150px; height: 26px; z-index: 2 }
.historyNavItem { cursor: pointer; float: left; padding-right: 0px; position: relative; vertical-align: middle; margin: 0px 1px 0px 0px; width: 120px; height: 26px; text-transform: uppercase; text-indent: 10px; color: #A4A4A4; background-color: #FFFFFF; }
.historyNavItem p { font-size: .8em;position: relative; top: 25%; width: 120px; }
.historyNavItem a, .historyNavItem a:hover, .historyNavItem a:visited { text-decoration: none; font-weight: bold; font-style: normal; font-variant: normal; text-transform: uppercase; color: #A4A4A4; }

/* SEASONAL CONCEPTS PAGE CSS
--------------------------------------------------------------------------------------- */
.seasonalConcepts { margin: 0px 0px 0px 10px; padding: 0px; }
.seasonalConceptsImgWrapper { background-image: url(../images/fpo_sesonal_concept_landing.jpg); height: 623px; width: 940px; }

.leftSideBarNav { width: 175px; padding: 47px 0 0 10px; }
.leftSideBarNav a:hover { text-decoration: none; }
.leftSideBarNavHdr { font-weight: bold; letter-spacing: .10em; padding: 0 0 8px; }
.leftSideBarNavHdr a { text-decoration: none; color: #000000; }
.leftSideBarNavHdr a:hover { text-decoration: none; }

.leftSideBarNavLink { font-size: 0.9em; letter-spacing: .06em; color: #757575; }
.leftSideBarNavLink ul { margin: 0 0 9px 0; padding: 0px; }
.leftSideBarNavLink li { list-style-type: none; display: block; padding: 0 0 7px 0; }
.leftSideBarNavHdr a { text-decoration: none; color: #000000; }
.leftSideBarNavLink a { text-decoration: none; color: #757575; }
.leftSideBarNavHdr a:hover, .leftSideBarNavLink a:hover { text-decoration: none; }
.leftSideBarNavLinkActive a { color: #000000; }

/* LANGUAGE SELECTOR PAGE CSS
--------------------------------------------------------------------------------------- */
.languageSelector { background-image: url(../images/fpo_languageSelector.jpg ); height: 647px; width: 960px; text-align: center; }
.languageSelectorNav { margin: 0px; padding: 350px 0 0 0; font-weight: bold; letter-spacing: .10em; font-size: 1.1em; }
.languageSelectorNav a { color: #000000; text-decoration: none; margin: 0 10px 0 10px; }
.languageSelectorNav a:hover { color: #000000; text-decoration: none; }

/* TOOLTIP CSS
--------------------------------------------------------------------------------------- */
#contentTooltip { position: absolute; z-index: 3000; background-color: #000; opacity: 0.85; text-align: center; width: 178px; padding: 10px; font-family: Arial; font-weight: normal; font-size: 1.0em; color: #fff; }
#contentTooltip h3, #contentTooltip a, #contentTooltip div { background-color: #000; font-family: Arial; font-weight: normal; font-size: .8em; text-transform: uppercase; margin: 0; color: #fff; }
#contentTooltip div { font-size: 1.1em; color: #ccc; }

/* ICON PROJECT PAGE CSS MODS OVER WHAT FLUID DELIVERED
--------------------------------------------------------------------------------------- */

.iconProject p {font-size: 1.05em; text-transform: none; }
.iconProjectHdr {font-size: 2em; color: #7a7a7a; }
.iconProjectImg { margin: 0 0 20px 0; padding: 0px; }
.iconProjectImg .iconProjectTopLeftCol { width: 220px; padding: 0px; }
.iconProjectImg .iconProjectTopRightCol { width: 505px;; padding: 0px; }

.iconProjectLeftCol { width: 220px; margin: 0 20px 0 0; padding: 0px; }
.iconProjectRightCol { width: 505px; margin: 20px 5 0 0; padding: 0px; }
.iconProjectRightCol h3 { color: #7a7a7a; }
.iconProjectIconImg { margin: 0 50px 0 0; }

.iconProjectTopLeftCol { float: left; }
.iconProjectTopRightCol { float: left; }
.iconProjectLeftCol { margin: 20px 20px 0 0; }
.iconProjectRightCol { margin: 20px 0 0 0; }
.iconProjectRightCol  h1 {font-size: 2em; color: #7a7a7a; }
 
.iconHR { margin: 20px 30px 0px 0px; }
.iconEntryPostsLink { margin:  4px 35px 0px 0px;}

.iconProjectNavContainer {
left:175px;
}
.iconProjectNavItem {
width: 97px
}
.iconProjectNavItem p{
text-transform:uppercase;
width:92px;
}

/* INSIDER LOOKS 
---------------------------------------------------------------------------------------*/
.insiderLooks { background-color: #F1F0EC; width: 939px; height: 460px; margin: 0 10px 0 10px; text-transform: uppercase; }
.insiderLooksNavContainer { background-image: url("../images/insiderlooks/nav_bg.jpg"); width: 155px; height: 428px; float: left; padding: 16px 8px 16px 12px; }
.insiderLooksTitle { font-size: 1.25em; letter-spacing: 0.04em; padding: 0 0 0 0; margin: 0 0 0 0;color:#5C5B56;}
.insiderLooksSubTitle { font-size: 0.9em; letter-spacing:1px; font-weight: bold; padding: 0 0 0 0; margin: 18px 0 0 0; }
.insiderLooksNav { font-size: 0.9em; letter-spacing: 1px; padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; }
.insiderLooksNav li { padding: 0 0 0 0; margin: 7px 0 7px 0; }
.insiderLooksNav a { color: #5C5B56; }
.insiderLooksNav a:hover { color: #000000; text-decoration: none; }
.insiderLooksContent { background-image: url("../images/insiderlooks/bg.jpg"); float: left; height: 460px; }
#insiderLooksSwfContainer { width: 764px; height: 460px; }
#insiderLooksImagesContainer { position: absolute; top: 0px; z-index: 2;  width: 764px; height: 460px; display: none;}
.insiderLooksLoadingMessage { position: relative; left: 282px; top: 200px; width: 200px; text-align: center; padding: 15px; background-color: #000000; color: #eeeeee }

/* Stylists  (INSIDER LOOKS v3) 
--------------------------------------------------------------------------------------- */
.stylistDetailWrapper{position:relative;clear:both;float:left;width:942px;height:498px;padding:4px;overflow:hidden}
.stylistDetailMain{position:relative;float:left width;height:498px}
.leftCol,.centerCol,.rightCol{float:left;position:relative;padding:0 0 1em;overflow:hidden}
.stylistDetail{background:#eee;left:5px}
.stylistDetail .stylistDetailCenter{background:#f4f4f4}
.stylistDetail .leftCol{width:305px;left:7px;height:498px}
.stylistDetail .centerCol{width:315px;left:17px;height:498px}
.stylistDetail .rightCol{width:315px;left:22px;height:498px}

.stylistDetail p{color:#444444;width:290px;margin:3px 0 13px;font-size:1.1875em;line-height:150%;letter-spacing:0.2em;font-weight:600}
.stylistDetail h2,.stylistInsiders h2{width:315px;font-size:1.2em;color:#787878;font-weight:600;letter-spacing:.15em;line-height:1.3em;margin:0px;text-transform:uppercase}
.stylistDetail a{color:#787878;font-weight:bolder;text-decoration:none}
.stylistDetail ul{width:315px;float:left;list-style-type:none}
.stylistDetail li{float:left;margin:0 0 5px 5px;width:95px;height:149px}
.stylistDetail h1{width:200px;border-bottom:0px;font-weight:600;text-transform:uppercase;color:#CCCCCC;background-color:#EFEFEF;font-size:2.1875em;height:19px}
.stylistDetail h3{color:#787878;background-color:#EFEFEF;font-size:2.5em;padding:0px;height:37px}

.stylistDetail .setDetails{position:absolute;top:265px;left:0px;margin:5px 0px 0px}
.stylistDetail .setDetails  td{vertical-align:text-top}
.stylistDetail .setDetails .styleDesc{color:#787878;padding:0 0 5px 10px;text-align:left;width:237px;margin:0px;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}
.stylistDetail .setDetails .lookSetDetailsb{color:#444444}
.stylistDetail .setDetails .stylePrice{color:#787878;padding:0 0 5px;text-align:right;width:50px;margin:0px;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}

.shopLook{background-color:#787878;width:92px;padding:2px 0 2px 9px;left:198px;position:absolute;top:355px}
.shopLook a{font-size:.875em;text-align:center;background-color:#787878;color:#EFEFEF}
.shopAllLooks{width:315px;position:absolute;color:#787878;top:390px;text-align:right}
.shopAllLooks a{margin-right:17px}

.stylistInsidersLink{color:#787878;position:absolute;top:460px;width:205px;margin:5px 0px 0px;font-size:.875em}
.stylistInsidersLink h2{color:#787878;font-size:1.2em;;letter-spacing:.15em;width:205px}

.stylistDetail .stylistTable{font-size:.875em;margin:5px;width:230px}
.stylistDetail img.galleryitem{top:0px;margin:0;padding:0}

.styleImage{height:498px;width:315px}
.stylistThumbs{height:304px;width:650px}
.galleryitem{z-index:1}
.gallerymask{height:149px;position:relative;top:-152px;width:94px;z-index:20}
.stylistThumbs .sThumb2,.stylistThumbs .sThumb1{overflow:hidden}
.stylistThums img:hover,.stylistThums img{margin:5px;height:149px}
.styleThumb,.stylistDetail .snext,.stylistDetail .sprev{height:149px;width:94px}

.stylistVideoContainer{height:180px;width:303px;margin:7px 0 0 5px}

.stylistBioLink{position:absolute;height:45px;width:120px;top:228px;left:15px;margin:5px 0px 0px}
.stylistBioLink p{font-size:.875em;letter-spacing:0.2em;color:#787878;width:140px}
.stylistBio{display:none;z-index:20;background-color:#FFF;color:#787878;border:thin solid #CCC;width:400px;margin:4px 0 0 5px;position:absolute;top:228px;left:18px;padding:6px;font-size:.875em;letter-spacing:0.2em;line-height:200%}
.stylistBio h3{padding:2px}

.stylistInsiders{display:none;z-index:20;background-color:#FFF;color:#787878;border:thin solid #CCC;width:400px;margin:4px 0 0 5px;position:absolute;top:320px;left:6px;padding:6px 6px 6px 12px;line-height:200%}
.stylistInsiders .contentasset h3{font-size:.875em}
.stylistInsiders .contentasset td{width:190px}
.stylistInsiders p{font-size:1em}
.stylistInsiders h2{font-size:1.125em}

/* Looks  (INSIDER LOOKS v4) 
--------------------------------------------------------------------------------------- */
.looksDetailWrapper{clear:both;
float:left;
height:564px;
overflow:hidden;
padding:4px;
position:relative;
width:942px;}

.looksBackground{
	position: absolute;left:0px;top:0px;
}
	
.centerCol,.rightCol{float:left;position:relative;padding:0 0 1em;overflow:hidden}

#lookStatementHeader{float:right;width: 424px;}

.looksDetail{left:9px}
.looksDetail .looksDetailCenter{background:#f4f4f4}
.looksDetail .centerCol{width:315px;left:12px;height:498px;top:57px;}
#CenterContainer{background-color:#CCCCCC;}
.looksDetail .rightCol{width:614px;left:12px;height:498px;top:57px;}

.looksDetail p{
color:#444444;
font-size:0.875em;
font-weight:800;
letter-spacing:0.1em;
line-height:200%;
margin:3px 27px 13px;
position:inherit;
text-align:right;}
.looksDetail h2,.looksInsiders h2{width:315px;font-size:1.2em;color:#787878;font-weight:600;letter-spacing:.15em;line-height:1.3em;margin:0px;text-transform:uppercase}
.looksDetail a{color:#787878;font-weight:bolder;text-decoration:none}
.looksDetail h1{width:200px;border-bottom:0px;font-weight:600;text-transform:uppercase;color:#CCCCCC;background-color:#EFEFEF;font-size:2.1875em;height:19px}
.looksDetail h3{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#444444;
font-size:1.3em;
height:15px;
padding:0;
text-align:right;
margin:3px 27px 13px;
}

.looksDetail .lookSetDetails{color:#ffffff;}

.looksDetail .lookSetDetails  td{vertical-align:text-top}
.looksDetail .lookSetDetails .styleDesc{color:#ffffff;padding:0 0 5px 10px;text-align:left;width:221px;margin:0px;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}
.looksDetail .lookSetDetails .styleDesc b{color:#ffffff}
.looksDetail .lookSetDetails .stylePrice{color:#ffffff;padding:0 0 5px;text-align:right;width:50px;margin:0px;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}

.looksDetailMain .lookshopLook a{
	background-color:#FFFFFF;
color:#333333;
font-size:1em;
left:15px;
letter-spacing:0.05em;
padding:2px 6px;
position:relative;
text-align:center;
}
#looksVideoLink{padding:15px 0 0 15px;width:165px;}
#looksVideoLink a{color:#ffffff;text-align:left;margin-top:15px;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}

#lookDetailsBio{height:17px;
left:0;
overflow:hidden;
padding:5px 0 0 15px;
position:absolute;
top:137px;
width:86px;}
#lookDetailsBio p{
	color:#FFFFFF;
font-size:10px;
font-weight:600;
left:3px;
letter-spacing:0.15em;
line-height:130%;
margin:2px;
padding:2px 6px;
text-align:center;
width:86px;}
#lookDetailsBio p:hover{background-color:#ffffff;color:#000000;}
	
.looksBio{background-color:#FFFFFF;
border:thin solid #CCCCCC;
color:#787878;
display:none;
font-size:8px;
height:142px;
left:345px;
letter-spacing:0.2em;
line-height:175%;
padding:6px;
position:absolute;
top:382px;
width:400px;
z-index:30;}
.looksBio h3{padding:2px;font-weight:600;}
.looksBio p{padding:2px;}


#lookDetailsShare{left:0;
position:absolute;
top:140px;}
#lookDetailsShare p{left: 199px;top:4px;width:49px;color:#ffffff;text-align:left;margin:0;font-size:1em;letter-spacing:.15em;line-height:130%;font-weight:600}

#twitterShare{left:269px;
margin:2px;
position:relative;
top:-19px;}
#faceBookShare{left:248px;
margin:2px;
position:relative;}
#faceBookShare:hover{cursor:pointer}


.looksDetailMain .shopAllLooks{
	position:relative;top:0px;background:none;float:right;margin-right:11px;
	}
.looksDetailMain .shopAllLooks a{background-color:#000000;color:#ffffff;font-size:1.125em;
padding:6px 9px;margin-right:17px}
.looksDetailMain .shopAllLooks a:hover{background-color:#444444;}

.looksInsidersLink{color:#787878;position:absolute;top:460px;width:205px;margin:5px 0px 0px;font-size:.875em}
.looksInsidersLink h2{color:#787878;font-size:1.2em;letter-spacing:.15em;width:205px}

.looksDetail .looksTable{font-size:.875em;margin:5px;width:230px}
.looksDetail img.galleryitem{top:0px;margin:0;padding:0}

.styleImage{height:498px;width:315px}
.lookClose{left:288px;
position:absolute;
top:1px;
z-index:15;
display: none;}

.looksThumbs{height:149px;
left:230px;
position:absolute;
top:150px;
width:358px;}

#sThumb1{
height:140px;
margin-top:5px;
overflow:hidden;
width:360px;}

.looksDetail .nonSlidingThum ul{float:right;
height:156px;
list-style-type:none;
width:auto;}

.looksDetail .slidingThum ul{float:left;
height:156px;
list-style-type:none;
width:9000px;}

.looksDetail li{display:inline;
height:130px;
margin:5px 0 0 6px;
width:85px;}

.galleryitem{z-index:1}
.gallerymask{height:149px;position:relative;top:-152px;width:94px;z-index:20}
img.looksThumb {height:116px;border:5px solid white;}
img.looksThumb:hover, img.active{border:5px solid black;}
.styleThumb{height:116px;width:72px;}

.looksDetail #next{height:116px;
left:359px;
margin:5px 0;
position:relative;
top:-135px;
width:17px;}
.looksDetail #prev{height:116px;
left:-20px;
margin:5px 0;
position:absolute;
top:19px;
width:17px;}

.looksThumbText p{font-size:.875em;margin:0;padding:0;width:auto;line-height:100%;left:0; margin-right:2px;font-weight:600;}

.lookDiv{
	display: none;
left:0px;
position:absolute;
top:335px;
height: 165px;
z-index:25;
background-color:#000000;
width:291px;
opacity:0.75;
filter: alpha(opacity:75);
-khtml-opacity:0.75;
}

#looksDetailBak{position:absolute;}

.looksStyledBy p{color:#FFFFFF;
font-size:1.125em;
letter-spacing:0.01em;
margin:7px 0 0 15px;
text-align:left;
}
.looksVideo360Container{height:180px;
left:294px;
position:absolute;
top:322px;
width:303px;
display: none;}
#looksVideo360{margin-top:13px;}
.lookVideo360Prompt{float: right;}
.lookVideo360Prompt a{font-size:.875em;font-weight:600;padding:0;width:294px;line-height:100%;left:0; margin:0 15px 4px 0;text-align:right}
.lookVideoPrompt a{font-size:.875em;font-weight:600;color:#FFFFFF;padding:0;width:auto;line-height:100%;left:0; margin:0 15px 4px 0;text-align:left}

.looksInsiders{display:none;z-index:20;background-color:#FFF;color:#787878;border:thin solid #CCC;width:400px;margin:4px 0 0 5px;position:absolute;top:320px;left:6px;padding:6px 6px 6px 12px;line-height:200%}
.looksInsiders .contentasset h3{font-size:.875em}
.looksInsiders .contentasset td{width:190px}
.looksInsiders p{font-size:1em}
.looksInsiders h2{font-size:1.125em}

#lookboxes #dialog {
	height:568px;
	width:835px;
}

/* Stores
---------------------------------------------------------------------------------------*/
.non_ecom_main_zone1 #storesContainer{margin:10px;}
