/* Theme Name: Neuro Junior Theme URI: the-theme's-homepage Description: a-brief-description Author: Kevin Sandness Author URI: your-URI Template: use-this-to-define-a-parent-theme--optional Version: a-number--optional . General comments/License Statement if any. . [Table Of Contents] 0- Reset & Layout 1- Global 2- Links 3- Headings 4- Header 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); @import url('960_no_margin.css'); /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { line-height: 1; font-family:Arial, Helvetica, sans-serif; vertical-align: top; color: #fff; background:#fcd451 url(../images/bg_body.jpg) center top no-repeat;} #home {background:#fcd451 url(../images/bg_body_home.jpg) center top no-repeat;} #bliss {background:#fcd451 url(../images/bg_body_bliss.jpg) center top no-repeat;} #sonic {background:#fcd451 url(../images/bg_body_sonic.jpg) center top no-repeat;} #trim {background:#fcd451 url(../images/bg_body_trim.jpg) center top no-repeat;} #sport {background:#fcd451 url(../images/bg_body_sport.jpg) center top no-repeat;} #sleep {background:#fcd451 url(../images/bg_body_sleep.jpg) center top no-repeat;} #fun {background:#fcd451 url(../images/bg_body_fun.jpg) center top no-repeat;} #contact {background:#fcd451 url(../images/bg_body_contact.jpg) center top no-repeat;} .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align:center; } .justify { text-align:justify; } .hide { display: none; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin:4px 10px 4px 0; } img.alignright { float:right; margin:4px 0 4px 10px; } img, h1 { border:none; behavior:url(iepngfix.htc); } .bumpleft { margin-left:10px;} .bumpright { margin-right:40px;} .noborder { border:none; } .floatleft { float:left; } .floatright { float:right; } p, li, dt, dd {font-size:.875em; line-height:1.3em;} .smallprint {font-size:.7em;} #allcontent {position:relative;min-height:888px;height:auto !important;height:888px; margin-bottom:25px;} #sport #allcontent {background:url(../images/bg_sport.jpg) no-repeat left top;} #bliss #allcontent {background:url(../images/bg_bliss.jpg) no-repeat left top;} #sonic #allcontent {background:url(../images/bg_sonic.jpg) no-repeat left top;} #trim #allcontent {background:url(../images/bg_trim.jpg) no-repeat left top;} #sleep #allcontent {background:url(../images/bg_sleep.jpg) no-repeat left top;} #fun #allcontent {background:url(../images/bg_fun.jpg) no-repeat left top;} #contact #allcontent {background:url(../images/bg_contact.jpg) no-repeat left top;} /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a { color: #0000ff; text-decoration:none; } a:hover { color: #0000ff; text-decoration:underline; } a:visited { color: #0000ff; } /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 1.625em Arial, Geneva, Helvetica, sans-serif; } h2 { font: bold 1.625em Arial, Geneva, Helvetica, sans-serif;} h3 { font: bold .9em Arial, Geneva, Helvetica, sans-serif;} h4 { font: bold .75em Arial, Geneva, Helvetica, sans-serif;} h5 { font: bold 0.9em Arial, Geneva, Helvetica, sans-serif; } /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #masthead {height:118px; width:960px; background:url(../images/bg_nav.png) no-repeat left top;} #home #masthead {background:url(../images/bg_nav_home.png) no-repeat left top;} #contact #masthead {background:url(../images/bg_nav_contact.png) no-repeat left top;} #masthead a {text-indent:-999em;} #main_nav {padding-left:110px; float:left;} #main_nav li, #main_nav a {display:block; float:left;} #nav_home a {width:107px; height:77px; background:url(../images/sprite_page_elements.png) no-repeat -306px top;} #nav_home a:hover, #nav_home a.selected {background:url(../images/sprite_page_elements.png) no-repeat -199px top;} #nav_products a {width:189px; height:77px; background:url(../images/sprite_page_elements.png) no-repeat -602px top;} #nav_products a:hover, #nav_products a.selected {background:url(../images/sprite_page_elements.png) no-repeat -413px top;} #sub_nav {float:left; padding:29px 0 0 12px; _padding-left:5px;} #sub_nav li {margin-right:10px;} #sub_nav li, #sub_nav a {float:left; display: block; height:25px;} #nav_sport a {width:51px; background:url(../images/sprite_page_elements.png) no-repeat -791px top;} #nav_sport a:hover, #nav_sport a.selected {background:url(../images/sprite_page_elements.png) no-repeat -845px top;} #nav_sonic a {width:53px; background:url(../images/sprite_page_elements.png) no-repeat -899px top;} #nav_sonic a:hover, #nav_sonic a.selected {background:url(../images/sprite_page_elements.png) no-repeat -952px top;} #nav_trim a {width:39px; background:url(../images/sprite_page_elements.png) no-repeat -1005px top;} #nav_trim a:hover, #nav_trim a.selected {background:url(../images/sprite_page_elements.png) no-repeat -1044px top;} #nav_sleep a {width:54px; background:url(../images/sprite_page_elements.png) no-repeat -1083px top;} #nav_sleep a:hover, #nav_sleep a.selected {background:url(../images/sprite_page_elements.png) no-repeat -1137px top;} #nav_fun a {width:36px; background:url(../images/sprite_page_elements.png) no-repeat -1191px top;} #nav_fun a:hover, #nav_fun a.selected {background:url(../images/sprite_page_elements.png) no-repeat -1227px top;} #nav_bliss a {width:36px; background:url(../images/sprite_page_elements.png) no-repeat -1263px top;} #nav_bliss a:hover, #nav_bliss a.selected {background:url(../images/sprite_page_elements.png) no-repeat -1299px top;} #bottles_nav {position:absolute; bottom:10px; left:32px; height:161px;} #bottles_nav li, #bottles_nav a {float:left; display:block;} #bottles_nav a {text-indent:-999em;} #nav_bottle_sport a {height:144px; width:70px; background:url(../images/sprite_bottles.png) no-repeat -70px top;} #nav_bottle_sport a:hover, #nav_bottle_sport a.selected {background:url(../images/sprite_bottles.png) no-repeat 0 top;} #nav_bottle_sonic a {height:146px; width:71px; background:url(../images/sprite_bottles.png) no-repeat -211px top;} #nav_bottle_sonic a:hover, #nav_bottle_sonic a.selected {background:url(../images/sprite_bottles.png) no-repeat -140px top;} #nav_bottle_trim a {height:150px; width:67px; background:url(../images/sprite_bottles.png) no-repeat -349px top;} #nav_bottle_trim a:hover, #nav_bottle_trim a.selected {background:url(../images/sprite_bottles.png) no-repeat -282px top;} #nav_bottle_sleep a {height:155px; width:68px; background:url(../images/sprite_bottles.png) no-repeat -484px top;} #nav_bottle_sleep a:hover, #nav_bottle_sleep a.selected {background:url(../images/sprite_bottles.png) no-repeat -416px top;} #nav_bottle_fun a {height:157px; width:69px; background:url(../images/sprite_bottles.png) no-repeat -621px top;} #nav_bottle_fun a:hover, #nav_bottle_fun a.selected {background:url(../images/sprite_bottles.png) no-repeat -552px top;} #nav_bottle_bliss a {height:160px; width:67px; background:url(../images/sprite_bottles.png) no-repeat -757px top;} #nav_bottle_bliss a:hover, #nav_bottle_bliss a.selected {background:url(../images/sprite_bottles.png) no-repeat -690px top;} /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*flash*/ #home_flash { margin-top:0;} /**************/ h1 a {display:block; float:left; width:199px; height:78px; background:url(../images/sprite_page_elements.png) no-repeat left top; margin:14px 0 0 3px;} #maincontent_wrapper {position:absolute; top:146px; right:0; width:450px;} #maincontent { background:url(../images/sprite_bg_maincontent.png) repeat-y -1891px top; height:1%; padding-bottom:20px;} .maincontent_top, .maincontent_bot {display:block;} #maincontent h2 {padding:0 25px 8px 25px;} #maincontent p {padding:0 25px 15px 25px; font-size:1.5em; line-height:1.1em;} .maincontent_top {height:30px;background:url(../images/sprite_bg_maincontent.png) no-repeat -1441px top; _background:url(../images/sprite_bg_maincontent_notrans.png) no-repeat -1440px top;} .maincontent_bot { min-height:40px;height:auto !important;height:40px;background:url(../images/sprite_bg_maincontent.png) no-repeat -2341px top; _background:url(../images/sprite_bg_maincontent_notrans.png) no-repeat -2340px top;} .button_buy {position:absolute; bottom:-30px; right:20px;} .button_info {position:absolute; bottom:-10px; left:145px;} #more_info {position:absolute; left:-999em;} #fancy_div p, #fancy_div ul {margin:0 0 10px 0; padding:0 15px;} #fancy_div li {list-style:disc; margin:0 0 0 20px;} #fancy_div h3 {padding:20px 0 10px 15px;} .nutritional_info a {color:#fff; text-decoration:none; padding:0 18px 0 0; background:url(../images/bg_nut_info.png) no-repeat right 6px;} .nutritional_info a:hover {text-decoration:underline;} /*PAGE SPECIFIC RULES*/ /*HOME*/ #home #maincontent {width:480px; background:none; top:116px; right:0; position:absolute; height:auto; padding:0;} #home .maincontent_top {height:42px; background:url(../images/sprite_bg_maincontent.png) no-repeat left top;} #home .maincontent_bot {background:url(../images/sprite_bg_maincontent.png) no-repeat -960px bottom; min-height:346px;height:auto !important;height:346px; padding-bottom:0;} .bottle_nav h3 {text-indent:-999em;} #home #maincontent h2, #home #maincontent p {padding:0 25px 0px 25px;} #home #maincontent p {font-size:.875em; line-height:1.3em; color:#001f4c;} #strain_brain {position:absolute; right:1px; top:498px; width:324px; height:229px; background:url(../images/sprite_strain_brain.png) no-repeat left top; text-indent:-999em;} #strain_brain:hover {background:url(../images/sprite_strain_brain.png) no-repeat right top;} /*MATCH GAME*/ #vTableArea img, #vTableArea a {float:left;} #vTableArea td {background:#fcd451; width:180px;} #vTableArea table {width:720px; height:525px;background:#fcd451;} /*CONTACT*/ #contact #maincontent { background:none; } #contact .maincontent_top { background:none; } #contact .maincontent_bot { background:none; } #header_contact_us {position:absolute; top:-80px; left:0;} #contact #maincontent_wrapper { position:absolute; top:305px; left:185px;} #contact #maincontent h3 {text-transform:uppercase; font-size:1.5em; padding-left:25px;} #contact #maincontent a {color:#fff;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer {position:absolute; bottom:0;} #footer ul {padding-left:142px;} #footer li {float:left; margin-right:25px;} #footer a {color:#001f4c; text-decoration:none; float:left; font-size:8pt;} #footer a:hover {text-decoration:underline;} /* SIFR DON'T TOUCH */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { .sIFR-active h2 {visibility: hidden; font-size:48px;line-height:.1em; text-transform:lowercase;} .sIFR-active h2.home {visibility: hidden; font-size:32px;line-height:.05em; text-transform:lowercase;} } /*Fancybox*/ html, body {height: 100%;} div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;display: none;z-index: 30;} * html div#fancy_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} div#fancy_wrap {text-align: left;} div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;} div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;} div#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30;} div#fancy_loading_icon {position: absolute;background: url('../images/fancybox/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;} div#fancy_outer {position: absolute; top: 0; left: 0;z-index: 90; padding: 18px 18px 33px 18px;margin: 0;overflow: hidden;background: transparent;display: none;} div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF;} div#fancy_content {margin: 0;z-index: 100;position: absolute;} div#fancy_div {background: #596d8a;color: #fff;height: 100%;width: 100%;z-index: 100; } img#fancy_img {position: absolute;top: 0;left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;} div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;} #fancy_frame {position: relative;width: 100%;height: 100%;display: none;} #fancy_ajax {width: 100%;height: 100%;overflow: auto;} a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url(data:image/gif;base64,AAAA);outline: none;} a#fancy_left {left: 0px; } a#fancy_right {right: 0px; } a#fancy_left:hover {visibility: visible;} a#fancy_right:hover {visibility: visible;} a#fancy_left:hover span {left: 20px; } a#fancy_right:hover span {right: 20px; } .fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;} div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;} div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;} div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;} div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;} div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;} div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;} div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;} div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;} div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;} div#fancy_title table {margin: 0 auto;} div#fancy_title table td {padding: 0;vertical-align: middle;}