/* Theme Name: John Varvatos Theme URI: http://pod1.com Description: John Varvatos Author: Pod1 Author URI: http://pod1.com version: 2.0 Tags: two-column, widget-ready,blank */ /*******John Varvatos Styles | Developed by Pod1 http://pod1.com*******/ /*******************RESET CSS*******************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, 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;font-size: 100%;vertical-align: baseline;background: transparent;} ul {list-style: none;} ol { list-style: decimal; } table {border-collapse: collapse; border-spacing: 0;} input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans serif;} legend {display: none;} /****************END RESET********************/ /****************Global Elements**************/ body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: #000; color: #000; text-align: center; height: 100%; } html { height: 100%; } h2 { color: #666; font-size: 26px; } h3 { color: #666; font-size: 18px; } h4 { color: #666; font-size: 15px; } p { } a { color: #808080; } a:hover { color: #da1926; } select { width: 183px; padding: 2px; } td { padding: 4px 0; } ol { list-style: decimal; } img{ border: none; padding:0; } img a{border:none;} /****************End Global Elements**********/ /****************Classes**************/ .right { float: right; padding: 0 0 20px 20px;} .left { float: left; padding: 0 20px 20px 0;} .clear { clear: both; } .hide { display: none; } .last { margin-right: 0; padding-right: 0; border-right: none; } .selected { color: #999; } /****************End Clasees**************/ /****************Structure*********************/ /*Header*/ #header-container { background: #000; width: 100%; z-index: 30; min-height: 63px; margin: 0 auto; text-align: center; } .flash #header-container { position: fixed; top: 0; left: 0; min-height: 59px; background: none; z-index: 30; } #header {background: #000; min-height: 50px; width: 956px; text-align: left; margin: 0 auto; z-index: 30; } #header-float { float: left; background: #000; padding: 7px 12px; width: 100%; margin-left: -12px; } .collections #header, .the-world-of #header { height: 65px; } #header a { color: #808080; text-decoration: none; } #header a:hover { color: #da1926; } #account-nav { float: right; font-size: 10px; padding-top: 4px; } #account-nav li { float: left; margin-right: 11px; border-right: 1px solid #808080; line-height: 10px; padding-right: 11px; } #account-nav li a { font-size: 10px; color: gray; } #account-nav li.checkout, #account-nav li.last { border-right: 0; padding-right: 0; margin-right: 0; } #account-nav li.checkout { padding-right: 11px; } #searchform { margin-top: -3px; width: 110px; height: 18px; position: relative; } #s { background: #262626; color: #ccc; border: 0; width: 87px; height: 10px; font-size: 10px; padding: 3px 14px 5px 9px; position: absolute; top: 0; left: 0; } #s:focus, #s:active { background: #1d1d1d; color: #fff; } #search-submit { width: 8px; height: 7px; font-size: 1px; color: #000; text-indent: -9999em; border: 0; cursor: pointer; position: absolute; top: 6px; right: 5px; border: none; } h1#logo { float: left; } h1#logo a { display: block; background: url(images/logo.png) no-repeat; width: 170px; height: 27px; text-indent: -9999em; } /*Nav #nav { margin: 6px 0 0 0; clear: left; float: left; width: 100%; font: 11px/11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; position: relative; } #nav li { float: left; margin-right: 30px; } #nav li a { } #nav li a.nav-star span { width: 13px; height: 13px; margin-top: -4px; display: inline-block; text-indent: -9999em; background: url(images/nav_star.gif) no-repeat 0 -1px; } #nav ul li a:hover { color: #da1926; } #nav ul { display: none; } #nav ul.sub-nav { position: absolute; left: 0; top: 20px; width: 950px; padding: 9px 0; margin: -9px 0 0; } ul.sub-nav li { float: left; display: inline; } #nav li.nav-community { display: none; } .the-world-of #nav, .collections #nav { padding-bottom: 20px; } .the-world-of #nav li.nav-world { width: 100px; float: left; } .the-world-of #sub-nav-world, .collections #sub-nav-collections { display: block; } .the-world-of #nav li.nav-world a { color: #fff; } .the-world-of #nav li.nav-world ul a { color: #808080; } .the-world-of #nav li.nav-world ul a:hover { color: #da1926; } /*Collections Nav .collections #nav li.nav-collections a { color: #fff; } .collections #nav li.nav-collections ul a { color: #808080; } .collections #nav li.nav-collections ul a:hover { color: #da1926; } .collections #nav li.nav-collections ul a.nav-star:hover span{ background-position: 0 -27px; } #jv-collection #nav li.nav-collections ul li.nav-jv-collection a { color: #fff; } #jv-star-usa #nav li.nav-collections ul li.nav-jv-star-usa a { color: #fff; } #jv-star-usa #nav li.nav-collections ul li.nav-jv-star-usa a.nav-star span { background-position: 0 -13px; } #converse #nav li.nav-collections ul li.nav-converse a { color: #fff; } #time #nav li.nav-collections ul li.nav-time a { color: #fff; } #eyewear #nav li.nav-collections ul li.nav-eyewear a { color: #fff; } #fragrance-skin #nav li.nav-collections ul li.nav-fragrance-skin a { color: #fff; } */ /*New Nav 06-25-10 */ #nav { margin: 0 0 0 0; clear: left; float: left; width: 100%; font: 11px/11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; position: relative; } #nav li { float: left; margin-right: 30px; padding-bottom: 20px;} #nav li a { } #nav li a.nav-star span { width: 13px; height: 13px; margin-top: -4px; display: inline-block; text-indent: -9999em; background: url(images/nav_star.gif) no-repeat 0 -1px; } #nav ul li a:hover { color: #da1926; } #nav ul { display: none; } #nav ul.sub-nav { position: absolute; left: 0; top: 25px; width: 950px; padding: 9px 0; margin: -9px 0 0; } ul.sub-nav li { float: left; display: inline; } #nav li.nav-community { display: none; } /* will display once blog section is made */ .the-world-of #nav, .collections #nav { padding-bottom: 20px; } .the-world-of #nav li.nav-world { width: 100px; float: left; } .the-world-of #sub-nav-world, .collections #sub-nav-collections { display: block; } .the-world-of #nav li.nav-world a { color: #fff; } .the-world-of #nav li.nav-world ul a { color: #808080; } .the-world-of #nav li.nav-world ul a:hover { color: #da1926; } /*Collections Nav*/ .collections #nav li.nav-collections a { color: #fff; } .collections #nav li.nav-collections ul a { color: #808080; } .collections #nav li.nav-collections ul a:hover { color: #da1926; } .collections #nav li.nav-collections ul a.nav-star:hover span{ background-position: 0 -27px; } #jv-collection #nav li.nav-collections ul li.nav-jv-collection a { color: #fff; } #jv-star-usa #nav li.nav-collections ul li.nav-jv-star-usa a { color: #fff; } #jv-star-usa #nav li.nav-collections ul li.nav-jv-star-usa a.nav-star span { background-position: 0 -13px; } #converse #nav li.nav-collections ul li.nav-converse a { color: #fff; } #time #nav li.nav-collections ul li.nav-time a { color: #fff; } #eyewear #nav li.nav-collections ul li.nav-eyewear a { color: #fff; } #fragrance-skin #nav li.nav-collections ul li.nav-fragrance-skin a { color: #fff; } /* End Header */ /*Right Sidebar*/ .two-col-left #main{ width: 650px; float: left; margin-right: 20px; } .two-col-left #sidebar{ margin-left: 620px } #container { text-align: left; z-index: 1; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -85px; position: relative; overflow-x: hidden; } .flash #container { height: 59px !important; min-height: 59px !important; z-index: 40; overflow-y: hidden; } #content { width: 975px; margin: 0 auto; } /*Footer*/ #footer-push { height: 85px; display: block; } #footer-container { background: #000; z-index: 90; width: 100%; margin: 0 auto 0; text-align: center; height: 85px; } .flash #footer-container { position: fixed; bottom: 0; left: 0; background: none; } #footer { width: 940px; padding: 12px 20px 5px 20px; background: #000; font-size: 10px; height: 68px; z-index: 30; color: #808080; margin: 0 auto; text-align: left; position: relative; } #footer li { float: left; } #player { width: 360px; height: 20px; float: left; } /*Social Nav*/ #f-social { float: right; margin: 7px 0 20px 0; } #f-social li { margin-right: 11px; padding-right: 11px; border-right: 1px solid #838383; } #f-social li a { display: block; height: 16px; text-indent: -9999em; } #f-social li a#gift-certificates, #f-social li a#f-store-locator {text-indent: 0;} #f-social li a#twitter { background: url(images/icon_twitter.png) no-repeat; width: 51px; } #f-social li a#vimeo { background: url(images/icon_vimeo.png) no-repeat; width: 42px; } #f-social li a#facebook { background: url(images/icon_facebook.png) no-repeat; width: 49px; } #f-social li a#sign-up { background: url(images/icon_signup.png) no-repeat; width: 157px; height:17px; } #f-social li a#fsweeps { background: url(images/fnav_sweeps.gif) no-repeat; width: 64px; margin-top: 3px; } /*Footer Nav*/ #f-nav { float: right; clear: right; width: 515px; } #f-nav li { float: left; line-height: 10px; margin-right: 8px; padding-right: 8px; border-right: 1px solid #838383; } #footer li.last, #f-nav li.last, #f-social li.last { border-right: none; margin-right: 0; padding-right: 0;} #footer a { text-decoration: none; } #footer a:hover { } #footer #copyright { position: absolute; bottom: 20px; left: 20px; line-height: 10px; margin-bottom: 0; } #home #footer #homepage-links { display: block; } #homepage-links { position: absolute; right: 0; top: -125px; display: none; } #homepage-links a { text-indent: -999em; height: 30px; display: block; float: left; } #homepage-links #home-shop { width: 60px; } #homepage-links #home-explore { width: 77px; } #homepage-links #home-sweeps { width: 88px; } /* swf container for flash pages */ #flash-content { display:block; height:100%; width:100%; left:0; position:absolute; top:0; z-index:20; } #flash-overlay { display: none; height:100%; width: 100%; left:0; top:0; position: absolute; z-index: 30; background: transparent url(images/video-overlay.gif) repeat 0 0; } #home #flash-overlay { display: block; } /****************End Structure******************/ /****************Newsletter popup*******************/ .newsletter-box { width: 408px; margin-left: -204px; color: #fff; top: 5% !important; overflow: auto; } #newsletter-form { padding: 20px 30px; position: relative; } #newsletter-form #close-modal { position: absolute; top: 10px; right: 15px; } #newsletter-form a#close-modal, #newsletter-form a:visited#close-modal, #lightbox-secNav-btnClose { color: #bababa; font: 11px/9px normal Arial; text-decoration: none; text-transform: uppercase; } #newsletter-form h3#all-access { background: transparent url('images/bg-all-access.png') no-repeat scroll 0 0; width: 144px; height: 18px; text-indent: -9999px; } #newsletter-form p { font: 12px/18px normal Arial; text-align: justify; color: #b3b3b3; margin: 9px 0; } #newsletter-form label, #newsletter-form input, #newsletter-form select { display: block; width: 213px; margin-bottom: 10px; } #newsletter-form label { float: left; clear: left; width: 125px; text-align: left; font: 11px/12px normal Arial; margin-top: 8px; color: #fffefe; } #newsletter-form #submit { position: absolute; bottom: 20px; right: 35px; width: 74px; height: 26px; } #newsletter-form .error { } #newsletter-form label.error { width: 100%; display: block; color: #ff0; text-align: left; margin: -10px 0 5px; } /****************End Newsletter popup***************/ /************Blog Styles************************/ .post { } .entry p{ } .postmetadata{ } #search-results { background: #3B3D3E; padding: 25px 50px; width: 875px; margin: 0 auto; } #search-results h2 { color: #fff; font: 14px Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; } #search-results h3 a{ padding: 10px 32px 8px; display: block; text-decoration: none; font: normal 11px/11px normal Arial; color: #bdbebe; background: #2b2d2d none repeat 0 0; text-transform: uppercase; margin-bottom: 1px; } #search-results h3 a:hover { background: #2a2a2a; color: #fff; } /*************End Blog Styles*****************/ /********************PAGES********************/ /*The World Of*/ #the-world-of { background: #000 url(images/bg_brick_short.jpg) center 30px no-repeat; position: relative; overflow: visible; padding: 0; margin: 0; } #the-world-of #content { margin-top: 60px; padding-bottom: 0; } #the-world-of #frame-nav { height: 652px; position: relative; } #the-world-of #frame-nav li { position: absolute; } li.frame-1 { top: 0; left: 0; } li.frame-2 { top: 50px; left: 369px; } li.frame-3 { top: 0; right: 89px; } li.frame-4 { top: 222px; left: 112px; } li.frame-5 { top: 286px; left: 395px; } li.frame-6 { top: 257px; right: 0; } #the-world-of #frame-nav li a:hover img, #celebrity #celeb-nav li a:hover img { opacity:0.9; } #celebrity #nav li.nav-celebrity a, #celebrity #nav li.nav-celebrity a:visited, #events #nav li.nav-events a, #events #nav li.nav-events a:visited, #campaigns #nav li.nav-campaigns a, #campaigns #nav li.nav-campaigns a:visited, #tv #nav li.nav-tv a, #tv #nav li.nav-tv a:visited { color: #fff; } /*The World Of -> Celebrity*/ body#celebrity { background:#000000 url(images/celeb_bg.jpg) repeat scroll 50% 0px; } #celebrity #celeb-nav { height: 2000px; } #celebrity #content { width: 1028px; margin-top: 20px; position: relative; } #celeb-nav li { position: absolute; } #celeb-nav li.frame-1 {left: 95px; top: 30px;} #celeb-nav li.frame-2 {left: 419px; top: 71px;} #celeb-nav li.frame-3 {left: 715px; top: 10px;} #celeb-nav li.frame-4 {left: 12px; top: 305px;} #celeb-nav li.frame-5 {left: 208px; top: 302px;} #celeb-nav li.frame-6 {left: 707px; top: 242px;} #celeb-nav li.frame-7 {left: 62px; top: 523px;} #celeb-nav li.frame-8 {left: 416px; top: 404px;} #celeb-nav li.frame-9 {left: 709px; top: 494px;} #celeb-nav li.frame-10 {left: 124px; top: 785px;} #celeb-nav li.frame-11 {left: 379px; top: 739px;} #celeb-nav li.frame-12 {left: 708px; top: 839px;} #celeb-nav li.frame-13 {left: 35px; top: 996px;} #celeb-nav li.frame-14 {left: 299px; top: 1020px;} #celeb-nav li.frame-15 {left: 579px; top: 1084px;} #celeb-nav li.frame-16 {left: 782px; top: 1094px;} #celeb-nav li.frame-17 {left: 28px; top: 1223px;} #celeb-nav li.frame-18 {left: 257px; top: 1272px;} #celeb-nav li.frame-19 {left: 447px; top: 1317px;} #celeb-nav li.frame-20 {left: 650px; top: 1323px;} #celeb-nav li.frame-21 {left: 63px; top: 1500px;} #celeb-nav li.frame-22 {left: 247px; top: 1500px;} #celeb-nav li.frame-23 {left: 479px; top: 1538px;} #celeb-nav li.frame-24 {left: 772px; top: 1550px;} #celeb-nav li.frame-25 {left: 143px; top: 1746px;} #celeb-nav li.frame-26 {left: 448px; top: 1779px;} #celeb-nav li.frame-27 {left: 623px; top: 1769px;} /*In the Press*/ #in-the-press #nav li.nav-press a, #in-the-press #nav li.nav-press a:visited { color: #fff; } #press-content { margin: 15px auto; width: 950px; } #press-content li { float: left; margin: 0 5px 5px 0; } #big-loader { background: transparent url(images/big_loader.gif) no-repeat center center; width: 66px; height: 66px; position: absolute; top: 20%; right: 45%;} #in-the-press .tooltip { display: none; } /*Press releases*/ #press-releases { background: #464849 none repeat scroll 0 0; } #press-releases #f-press-releases { color: #fefefe; } #press-releases #content { background: #3b3d3e none repeat scroll 0 0; padding-bottom: 25px; } #press-releases #h-press-releases { background: transparent url(images/h_press_releases.png) no-repeat right 34px; text-indent: -9999px; width: 120px; height: 12px; padding: 34px 0 10px 50px; } #press-accordion { padding: 0 50px; } #press-accordion a.header, #press-releases a:visited.header { padding: 10px 32px 8px; display: block; text-decoration: none; font: normal 11px/11px normal Arial; color: #bdbebe; background: #2b2d2d none repeat 0 0; text-transform: uppercase; margin-bottom: 1px; } #press-accordion .date { font-size: 9px; width: 110px; display: block; float: left; } #press-accordion .title { float: left; width: 85%; display: block; } #press-accordion .ui-accordion-content { font-size: 12px; background-color: #343537; padding: 15px 32px; color: #999; position: relative; margin-top: -1px; overflow: hidden; } #press-accordion .press-text { float: left; width: 650px; } #press-accordion p { margin-bottom: 10px; text-align: justify; } #press-accordion .pdf-download { float: right; clear: right; background: transparent url(images/pdf-arrow.jpg) no-repeat left top; padding-left: 28px; width: 100px; height: 17px; } #press-accordion a.pdf-download, #press-accordion a:visited.pdf-download { text-decoration: none; color: #fff; } #press-accordion a:hover.pdf-download { text-decoration: underline; } /*Store Locator*/ #store-locator { background: #666A6D none /*url(images/bg_store_locator.jpg)*/repeat-x center 63px; } #store-locator #f-store-locator { color: #fefefe; } #store-locator #content { height: 420px; margin: 0 auto; padding: 25px 30px 0 20px; width: 959px; position: relative; } #store-locator #locator-container { width: 968px; background: #323435 none no-repeat 0 0; height: 394px; position: relative; } #store-locator #left-nav { background: #323435 none no-repeat 0 0; position: absolute; top: 0; left: 0; width: 226px; height: 348px; padding: 23px 17px; } #store-locator h3 { font: normal 13px/12px Arial; color: #fff; text-transform: uppercase; } ul#store-list{ padding: 6px 8px 20px; } ul#store-list li { margin-bottom: 3px; } ul#store-list a, ul#store-list a:visited{ background: transparent url(images/bg_store_list_inactive.gif) no-repeat 1px center; padding-left: 10px; font: normal 11px/11px Arial; list-style-type: none; text-transform: uppercase; color: #999; text-decoration: none; } ul#store-list a.active { background: transparent url(images/bg_store_list_active.gif) no-repeat left 3px; color: #fff; } ul#store-list a:hover { color: #fff; } #left-nav select { margin: 8px 0 23px; } #left-nav input { margin-top: 7px; } #store-locator #big-photo { position: absolute; top: 0; right: 0; background: #323435 url(images/bg-jv-soho.jpg) no-repeat 0 0; width: 709px; height: 394px; z-index: 20; } #store-locator #right-nav { background: #323435 none no-repeat 0 0; position: absolute; top:0; right: 0; width: 226px; display: none; height: 348px; z-index: 20; padding: 23px 17px; } #store-locator .store-info { display: none; } #store-locator h3.store-name { font-size: 11px; } #store-locator .info { color: #fff; font: normal 11px/16px Arial; } #store-locator .store-address, #store-locator .store-hours { padding-top:13px; } #store-locator a.show-map, #store-locator a:visited.show-map { color: #fff; font: 11px/40px Arial; text-decoration: none; } .store-email a, .store-email a:visited, #store-locator a.show-street, #store-locator a:visited.show-street { color: #fff; font: 11px/16px Arial; text-decoration: none; margin: 0; padding: 0; } #store-locator a:hover.show-map, .store-email a:hover, #store-locator a:hover.show-street { text-decoration: underline; } #store-locator .store-hours { padding-top: 19px; } #store-locator #map, #store-locator #street-map, #store-locator .slideshow { position: absolute; top: 0; left: 259px; width: 449px; height: 394px; display:block; z-index: 10; overflow: hidden; } #store-locator .slideshow img { width: 453px !important; height: 394px !important; } #store-search { position: relative; width: 167px; height: 21px; } #country-select { width: 167px; } #address-input { background: #666666; color: #808080; border: 0; width: 145px; height: 18px; font-size: 10px; position: absolute; top: 0; left: 0; padding: 3px 18px 0 4px; } #address-input:focus, #address-input:active { background: #999; color: #fff; } #address-submit { width: 8px; height: 7px; font-size: 1px; color: #000; text-indent: -9999em; border: 0; cursor: pointer; position: absolute; top: 6px; right: 5px; border: none; } #store-locator #store-locator-printout { display: block; overflow-y: auto; height: 100%; } #store-locator span.push-right { padding-left: 10px; } /* collections */ #jv-collection, #jv-star-usa, #collections { background: #49484C none scroll 0 0; } /* the story */ .the-story #nav li.nav-story a, .the-story #nav li.nav-story a:visited { color: #fff; } /* credits */ .credits #f-credits { color: #fff; } /* eyewear */ #eyewear { background: #fff none scroll 0 0; } /********************End Pages********************/ /********************PLUGINS********************/ /*Lightbox*/ #lightbox-image-details-currentNumber { display: none !important; } /*Tooltip*/ #tooltip { position: absolute; z-index: 3000; background: url(images/modalBg.png); padding: 5px; } #tooltip h3, #tooltip div { margin: 0; color: #fff; font: 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; } /*jqModal*/ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; background: transparent url('http://johnvarvatos.pod1ecommerce.com/wp-content/themes/jv/images/modalBg.png') repeat scroll 0 0; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (