/*******Home page css*******/

/*******************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-container3 {border:solid 1px red;background: #000; width: 100%; z-index: 30; min-height: 63px; margin: 0 auto; text-align: center; }
#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; }
.header3 {background: #000000;}
#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; }*/
#header-float {  background: #000; width: 100%; padding: 7px 12px; z-index: 30; min-height: 63px;   }
#header-float2 {  background: #000; width: 100%; padding: 5px 12px; z-index: 30; min-height: 45px;   }
.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: 11px; color: #ccc; }
#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; } /* 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: 70px; }
.flash #footer-container { position: fixed; bottom: 0; left: 0; background: none; }
.banner{ position:relative; top:455px; left:-350px;}
#footer { width: 940px;  padding: 12px 20px 5px 0px; 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#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: 73px; }
#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; }
.ticker { top: -28px; }

/****************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/bg_brick_tall.jpg) no-repeat scroll 50% 0px; }
#celebrity #celeb-nav { height: 1128px; }
#celebrity #content { margin-top: 20px; position: relative; }
#celeb-nav li { position: absolute; }
#celeb-nav li.frame-1 { top: 17px; left: 77px; }
#celeb-nav li.frame-2 { top: 64px; left: 264px; }
#celeb-nav li.frame-3 { top: 17px; left: 586px; }
#celeb-nav li.frame-4 { top: 239px; left: 0px; }
#celeb-nav li.frame-5 { top: 267px; left: 214px; }
#celeb-nav li.frame-6 { top: 213px; left: 568px; }
#celeb-nav li.frame-7 { top: 256px; left: 775px; }
#celeb-nav li.frame-8 { top: 444px; left: 22px; }
#celeb-nav li.frame-9 { top: 519px; left: 240px; }
#celeb-nav li.frame-10 { top: 444px; left: 549px; }
#celeb-nav li.frame-11 { top: 465px; left: 809px; }
#celeb-nav li.frame-12 { top: 658px; left: 4px; }
#celeb-nav li.frame-13 { top: 773px; left: 274px; }
#celeb-nav li.frame-14 { top: 642px; left: 549px; }
#celeb-nav li.frame-15 { top: 716px; left: 798px; }
#celeb-nav li.frame-16 { top: 836px; left: 67px; }
#celeb-nav li.frame-17 { top: 844px; left: 604px; }

/*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 p { margin-bottom: 10px; float: left; width: 650px; 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 <bhb@iceburg.net> */
/* 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('/jvs-funhouse/wp-content/themes/jv/images/modalBg.png') repeat scroll 0 0; }
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm { position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

/* css for home page nav */

.main-menu UL LI:HOVER .sub-home-menu, .main-menu UL LI:HOVER .sub-home-menu2, 
 .main-menu UL LI:HOVER .sub-home-menu3, .main-menu UL LI:HOVER .sub-home-menu4, .main-menu UL LI:HOVER .sub-home-menu5,
 .main-menu UL LI:HOVER .sub-home-menu6, .main-menu UL LI:HOVER .sub-home-menu7
 {display: block;}

.sub-home-menu {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 500px;
	height:170px;
    display: none; 
    clear:both;
    left:5px;
}
.sub-home-menu2 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:110px;
}
.sub-home-menu3 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:185px;
}
.sub-home-menu4 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:250px;
}
.sub-home-menu5 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:375px;
}
.sub-home-menu6 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:480px;
}
.sub-home-menu7 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 200px;
	height:170px;
    display: none; 
    clear:both;
    left:620px;
}

.sub-home-container {
    border: none;    
    width: 100%;
    float: left;
    margin-top: -10px;
    padding-top: 20px; 
    padding-bottom: 15px;     
}
.sub-home-menu .col, .sub-home-menu2 .col, .sub-home-menu3 .col, .sub-home-menu4 .col,
 .sub-home-menu5 .col,.sub-home-menu6 .col,  .sub-home-menu7 .col
 {
    width: 170px;
    float: left;
    margin-left:5px;
    margin-top:-5px;    
    padding: 0px 0 10px;
    display: inline; 
    height:190px;  
    background-color:#000;      
}

.sub-home-menu .col UL LI, .sub-home-menu2 .col UL LI,
 .sub-home-menu3 .col UL LI, .sub-home-menu4 .col UL LI, .sub-home-menu5 .col UL LI, .sub-home-menu6 .col UL LI,.sub-home-menu7 .col UL LI
  {
    margin: 7px 0 0 5px;
    width: 150px;  
  }
  
.sub-home-menu .col UL LI A, .sub-home-menu2 .col UL LI A, .sub-home-menu3 .col UL LI A, .sub-home-menu4 .col UL LI A, 
  .sub-home-menu5 .col UL LI A, .sub-home-menu6 .col UL LI A, .sub-home-menu7 .col UL LI A
 {
    font: 11px/11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; position: relative; color: #808080; text-decoration:none;
    outline: none;
    height: 8px;   
    margin-left:5px;
 }
.sub-home-menu .col UL LI A:HOVER, .sub-home-menu2 .col UL LI A:HOVER, .sub-home-menu3 .col UL LI A:HOVER,
 .sub-home-menu4 .col UL LI A:HOVER,.sub-home-menu5 .col UL LI A:HOVER, .sub-home-menu6 .col UL LI A:HOVER,
 .sub-home-menu7 .col UL LI A:HOVER 
 {
   text-decoration: none;
   color: #da1926;
 }