/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* BASIC STRUCTURE *******************************************************************************/ html { background:#fdcb68; } body {background:#fdcb68; } /*#container, #header, #panel, #main, .sidebar, #sidebar-left, #sidebar-right, #footer { position: relative; }*/ #container { margin: 0 auto; padding: 0; width:875px; min-height: 768px; background:#fdcb68; overflow: hidden; } /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color: #846b44; } a:hover { color: #846b44; } /* BASIC FORM STYLES *******************************************************************************/ input, textarea { color: #333; } /* HEADER *******************************************************************************/ #header { margin:72px 0 15px 0; background:transparent url(/assets/images/header-logo.gif) no-repeat left bottom; height: 72px; } #header #top-links { width:875px; height:21px; background:url(/assets/images/buttons/top-links.gif) no-repeat top right; } #header #top-links a.soy-connection { float:right; display:block; width:96px; height:15px; } #header #top-links a.contact-us { float:right; display:block; margin:0 0 0 18px; width:68px; height:15px; text-decoration:none; } #header #top-links a span { display:none; } #header a.mainlogo { float:left; display:block; margin:0; width:302px; height:40px; background:transparent; cursor:pointer; text-decoration:none; text-decoration:none; } #header a.mainlogo span { visibility:hidden; } /* NAVIGATION *******************************************************************************/ /* MAIN NAV */ #nav-wrap { float:right; margin:-10px 0 0 0; } #nav-wrap { margin-top:expression(7+"px"); margin-left:expression(10+"px"); } #nav-wrap .mainnav { } #nav-wrap .mainnav li { float:left; width:92px; border-right:1px solid #fbae17; } #nav-wrap .mainnav li.the-budding-boomer { width:122px; } #nav-wrap .mainnav li.grocery-shopping-list { width:132px; } #nav-wrap .mainnav li.iq { width:95px; border:none; } #nav-wrap .mainnav li a { font-size:15px; font-weight:bold; text-decoration:none; color:#000; } .mainnav, .mainnav ul { position:relative; list-style-type:none !important; list-style-position:outside; z-index:5; } .mainnav { } .mainnav a.active { font-weight:bold; } .mainnav ul, .mainnav ul * { } .mainnav a { display:block; padding:0; height:40px; color:#000 !important; } .mainnav a:hover { } .mainnav li { float:left; position:relative; } .mainnav li:hover { background:#fef3d3; } .mainnav li a { padding:2px 15px; } .mainnav li.iq a { padding:2px 0 2px 15px; } .mainnav li a:hover { background:#fef3d3; } .mainnav ul { position:absolute; display:none; margin:0; padding:0; top:40px; left:-1px; } .mainnav li ul li { border:1px solid #fbae17 !important; padding:0 !important; width:145px !important; } .mainnav li ul li a, .mainnav li ul li ul li a { padding:6px 0 6px 6px; height:auto; font-size:11px !important; font-weight:normal !important; background:#fef3d3; } .mainnav li ul li a:hover, .mainnav li ul li ul li a:hover { background:#fde9af; } .mainnav li ul li ul a { float:left; padding:0; height:19px; } .mainnav li.the-budding-boomer ul li ul li { top:-40px; left:146px; } .mainnav li.the-budding-boomer ul li ul li a { width:145px !important; } *html .mainnav ul li.suggest-soy-to-your-patients a { height:28px; } .mainnav ul ul { margin:0; } .mainnav li ul li ul li { margin:0; padding:0; } .mainnav li:hover ul ul, .mainnav li:hover ul ul ul, .mainnav li:hover ul ul ul ul { display:none; } .mainnav li:hover ul, .mainnav li li:hover ul, .mainnav li li li:hover ul, .mainnav li li li li:hover ul { display:block; } /*SIDE NAV*/ #block-menu-delta-side-menu-1 ul ul { display:block; } /* CONTENT AREA *******************************************************************************/ #content { background:#fba600; } /* LEFT NAV *******************************************************************************/ #main-left #nav a { font-weight:bold; } /* MAIN *******************************************************************************/ #home #main #main-left { display:block; width:561px; height:439px; background:transparent url(/assets/images/home/main.jpg) no-repeat top; } /* Quick hackery to show random front page image without javascript or inline style. */ #home #main #main-left.img-01 { background:transparent url(/assets/images/home/01.jpg) no-repeat top; } #home #main #main-left.img-02 { background:transparent url(/assets/images/home/02.jpg) no-repeat top; } #home #main #main-left.img-03 { background:transparent url(/assets/images/home/03.jpg) no-repeat top; } #home #main #main-left.img-04 { background:transparent url(/assets/images/home/04.jpg) no-repeat top; } #home #main #main-left.img-05 { background:transparent url(/assets/images/home/05.jpg) no-repeat top; } #home #main #main-right { float:right; display:block; width:314px; font-size:11px; background:#fdcb68; } *html #home #main #main-right { float:right; display:block; margin-left:-3px; width:314px; } #home #main #main-right #section-1 { display:block; margin:0 0 2px 0; padding:0px; width:314px; height:145px; background:#fba600;} #home #main #main-right #section-1 #section-1a { float:left; display:block; margin:0 0 2px 0; padding:15px 10px 0 10px; width:120px; height:140px; } *html #home #main #main-right #section-1 #section-1a { float:left; position:relative; display:block; margin:0 0 2px 0; padding:15px 0 0 10px; width:130px; height:125px; } #home #main #main-right #section-1 #section-1b { float:right; display:block; margin:0 0 2px 0; padding:15px 20px 0 15px; width:120px; height:140px; background:url(/assets/images/home/placeholder-block1b.jpg) no-repeat top right; } *html #home #main #main-right #section-1 #section-1b { float:right; position:relative; display:block; margin:0 0 0px 0; padding:15px 5px 0 10px; width:130px; height:129px; background:url(/assets/images/home/placeholder-block1b.jpg) no-repeat top right; } #home #main #main-right #section-2 { display:block; margin:0 0 2px 0; padding:15px 0 0 15px; width:299px; height:130px; background:#fba600 url(/assets/images/home/placeholder-block2.jpg) no-repeat top right; } #home #main #main-right #section-3 { display:block; margin:0 0 0 0; padding:13px 0 0 15px; width:299px; height:132px; background:#fba600 url(/assets/images/home/placeholder-block3.jpg) no-repeat top right; } *html #home #main #main-right #section-3 { padding:8px 0 0 15px; height:137px; } #home #main #main-right #section-1 .content, #home #main #main-right #section-2 .content, #home #main #main-right #section-3 .content { display:block; width:174px; height:119px; } #home #main #main-right #section-1a .content{ display:block; width:154px; height:119px; } #home #main #main-right #section-1b .content{ display:block; width:154px; height:119px; } *html #home #main #main-right #section-1b .content{ display:block; width:134px; height:109px; } /*#home #main #main-right #section-1 .content { background:transparent url(/assets/images/icons/checkbox.gif) no-repeat top right; }*/ #home #main #main-right #section-2 .content { background:transparent url(/assets/images/icons/boomer_bites.gif) no-repeat bottom right; } #home #soft-join-wrapper { margin:0 auto; background:transparent url(/assets/images/home/softjoin-wrap.gif) no-repeat; width:639px; height:54px;} #left-column #main #main-left { display:block; width:678px; background:#fff; } *html #left-column #main #main-left { margin:0 -3px 0 0; } #left-column #main #main-left #nav { float:left; width:185px; } #left-column #main #main-left #nav h3 { display:none; } #left-column #main #main-left #nav ul { margin:0; } #left-column #main #main-left #nav ul li { list-style-type:none; line-height:22px; } *html #left-column #main #main-left #nav ul li { line-height:12px !important; } #left-column #main #main-left #nav ul li li { margin:0 0 0 10px; line-height:12px } *html #left-column #main #main-left #nav ul li li { line-height:52px !important; } #left-column #main #main-left #nav ul li:hover, #left-column #main #main-left #nav ul li.active { background:transparent url(/assets/images/side-nav-hover.gif) no-repeat top left; color:#fba600; } #left-column #main #main-left #nav ul li a { display:block; padding:2px 0 2px 14px; color:#000000; text-decoration:none; } #left-column #main #main-left #nav ul li a:hover, #left-column #main #main-left #left-content #nav ul li a.active { background:transparent url(/assets/images/side-nav-hover.gif) no-repeat top left; color:#fba600 !important; } *html #left-column #main #main-left #nav ul ul { margin:10px 0 0 0; } #left-column #main #main-left #nav ul ul li { line-height:20px; } *html #left-column #main #main-left #nav ul ul li { line-height:8px !important; } #left-column #main #main-left #nav ul ul li a { display:block; } #left-column #main #main-left #left-content { display:block; border-right:3px solid #fdcb68; min-height:280px; } #left-column #main #main-left #left-content { min-height:expression(300+"px"); } *html #left-column #main #main-left #left-content { height:260px; } #left-column #main #main-left #left-content .content-inset { display:block; width:446px; background:#fff; text-align:right; } #left-column #main #main-left #left-content #copy { display:block; margin:0 0 0 185px; padding:0 0 15px 0; width:446px; background:#fff; } #left-column #main #main-left #left-content #copy { margin:expression(0); } #left-column #main #main-left #left-content #copy p { font: normal 11px verdana,arial,sans-serif; line-height:18px; } #left-column #main #main-right { float:right; width:197px; min-height:439px; background:#fba600 url(/assets/images/right-column-top.gif) no-repeat top right; } *html #left-column #main #main-right { height:439px; margin:0 0 0 -3px; } #left-column #main #main-right .section { width:179px; padding:17px 6px 17px 12px; border-bottom:2px solid #fdcb68; font-size:11px; color:#000; line-height:18px; } #left-column #main #main-right .section a.arrow-link { display:block; padding:0 0 0 28px; background:url(/assets/images/buttons/arrow.gif) no-repeat left; color:#000; } #left-column #main #main-bottom { clear:both; display:block; width:875px; height:7px; background:#fdcb68 url(/assets/images/bottom-border.gif) no-repeat top; } #left-column #main #main-bottom-no-spoon { clear:both; display:block; width:875px; height:7px; background:#fdcb68 url(/assets/images/bottom-border.gif) no-repeat top; } /* BOOMER BITES *******************************************************************************/ img.button { margin:10px 0 0 0; } .section .join-wrapper { margin:10px 0 0 0; height:30px; } .section .join-wrapper .copy { float:left; } *html .section .join-wrapper .copy { width:100px; } .section .join-wrapper img { float:left; display:block; margin:10px 5px 10px 20px; display:block; width:15px; text-decoration:none; } *html .section .join-wrapper img { margin:10px 15px 10px 5px; } .left-background { background:white; } .boomer-bites #main #main-left { float:none !important; } .boomer-bites #main #main-right { float:right !important; } *html .boomer-bites #main #main-right { margin-left:-3px; } #boomer-bites-content { float:left; display:block; width:538px; background:#fff; border-right:3px solid #fdcb68; background:transparent url(/assets/images/recipe/spoon.jpg) no-repeat bottom left !important;} *html #boomer-bites-content { float:none; border-right:3px solid #fdcb68; background:transparent url(/assets/images/recipe/spoon.jpg) no-repeat bottom left !important;} #boomer-bites-content-no-spoon { float:left; display:block; width:538px; background:#fff; border-right:3px solid #fdcb68; } *html #boomer-bites-content-no-spoon { float:none; padding:0; border-right:3px solid #fdcb68;} .boomer-bites #main #main-left #nav { float:left; display:block; width:137px !important; min-height:200px; background:white;} *html .boomer-bites #main #main-left #nav {margin-right:-3px; } .boomer-bites #main #main-left #nav h3 { display:none; } .boomer-bites #main #main-left #nav ul { margin:0; } .boomer-bites #main #main-left #nav ul li { list-style-type:none; line-height:22px; } *html .boomer-bites #main #main-left #nav ul li { line-height:12px !important; } .boomer-bites #main #main-left #nav ul li:hover, .boomer-bites #main #main-left #nav ul li.active { background:transparent url(/assets/images/side-nav-hover.gif) no-repeat top left; color:#fba600; } .boomer-bites #main #main-left #nav ul li a { display:block; padding:2px 0 2px 14px; color:#000000; text-decoration:none; } .boomer-bites #main #main-left #nav ul li a:hover, #left-column #main #main-left #nav ul li a.active { background:transparent url(/assets/images/side-nav-hover.gif) no-repeat top left; color:#fba600 !important; } *html .boomer-bites #main #main-left #nav ul ul { margin:10px 0 0 0; } .boomer-bites #main #main-left #nav ul ul li { line-height:20px; } *html .boomer-bites #main #main-left #nav ul ul li { line-height:8px !important; } .boomer-bites #main #main-left #nav ul ul li a { display:block; } .boomer-bites #main #main-left #spoon { float:left; margin-left:4px; width:46px; height:379px; } *html .boomer-bites #main #main-left #spoon { margin:0; } .boomer-bites #main #main-left #tab-top { float:left; width:492px height:39px; padding:18px 0 0 0; background:white url(/assets/images/recipe/recipe-top.gif) no-repeat top right; z-index:-100; } .boomer-bites #main #main-left #tab-top { float:left; width:492px height:39px; padding:18px 0 0 0; background:white url(/assets/images/recipe/recipe-top.gif) no-repeat top right; z-index:-100; } .boomer-bites #main #main-left #tab-top #tab-bg { width:488px; min-height:351px; padding:0 0 10px 0; background:white url(/assets/images/recipe/recipe-bg.gif) repeat-y top right; z-index:-100; } *html .boomer-bites #main #main-left #tab-top #tab-bg { height:351px; } .boomer-bites #main #main-left #tab-top #tab-bg h2 { padding: 0 0 8px 20px; border-bottom:4px solid #fed88d; font-size:16px; color:#67b63b; z-index:100; } .boomer-bites #main #main-left #tab-top #tab-bg p, .boomer-bites #main #main-left #tab-top #tab-bg ul, .boomer-bites #main #main-left #tab-top #tab-bg h1 { padding:6px 30px 0 30px; display:block; } .boomer-bites #main #main-left #tab-top #tab-bg img { padding:0 30px 0 30px; } .boomer-bites #main #main-bottom { background:#fdcb68 url(/assets/images/recipe/bottom-border.gif) no-repeat top !important; } .boomer-bites #main #main-bottom-no-spoon { background:#fdcb68 url(/assets/images/recipe/bottom-border-no-spoon.gif) no-repeat top !important; } .boomer-bites table, .tab-bg img, .recipe-bg img { margin:0 0 0 30px; } /* SOFTJOIN HOME *******************************************************************************/ #soft-join-wrapper #soft-join .zia-form-element-wrapper ul.errors { display:none; } #home #soft-join-wrapper .zia-form-element-wrapper { margin:0 0 4px 0; } #home #soft-join-wrapper #softjoin-form input#submit { border:none; margin:0; width:65px; height:19px; float:right; padding-right:30px; padding-top:14px;} #home #soft-join-wrapper .zia-form-elements { margin:4px 0 0 0; padding-left:209px;} #home #soft-join-wrapper .zia-form-element-wrapper { margin:expression(0); } #home #soft-join-wrapper .zia-form-elements { margin-top:expression(0); } #home #soft-join-wrapper #softjoin-form input#submit { margin-top:expression(4+"px"); } #home #soft-join-wrapper #zia-form-element-wrapper-softjoin_form-first_name {float:left; width:165px; color:#d99d29; padding-top:6px; position:relative; } #home #soft-join-wrapper #zia-form-element-wrapper-softjoin_form-email {float:left; width:165px; color:#d99d29; padding-top:6px; position:relative; } #softjoin-form label { font-size:11px; } #softjoin-form input { border:1px solid #9fa1a0; width:146px; height:15px; } #softjoin-form input#submit { margin:4px 0 0 0; border:none; width:65px; height:19px; } /* SOFTJOIN *******************************************************************************/ #soft-join .zia-form-element-wrapper ul.errors { display:none; } #home .zia-form-element-wrapper { margin:0 0 4px 0; } #home #softjoin-form input#submit { border:none; margin:0; width:65px; height:19px; } #home .zia-form-elements { margin:4px 0 0 0; } #home .zia-form-element-wrapper { margin:expression(0); } #home .zia-form-elements { margin-top:expression(0); } #home #softjoin-form input#submit { margin-top:expression(4+"px"); } #softjoin-form label { font-size:11px; } #softjoin-form input { border:1px solid #9fa1a0; width:146px; height:15px; } #softjoin-form input#submit { margin:4px 0 0 0; border:none; width:65px; height:19px; } /* QUIZ FORM *******************************************************************************/ #survey-form-wrapper .zia-form-elements { padding:0 30px 0 30px; } #survey-form-wrapper #survey-messages { margin:0 0 10px 0; } legend { padding:0 0 14px 0 !important; display:none; } #survey-form-wrapper .zia-form-element-wrapper, #survey-form-wrapper input#submit { margin:8px 0 0 0; border:none; } #survey-form-wrapper input { border:1px solid #9fa1a0; } #survey-form-wrapper .errors li { color:#ff0000; font-size:11px; } /* COMMENT FORM *******************************************************************************/ #contact-form textarea { width:400px; height:100px; border:1px solid #9fa1a0; } #contact-form .zia-form-element-wrapper { margin:0 0 4px 30px; } #contact-form .zia-form-element-wrapper input { border:1px solid #9fa1a0; } #contact-form .zia-form-element-wrapper input#submit { border:none; } /* TIP FORM -- maybe contact-form should be given the same green border *******************************************************************************/ #tip-form textarea { width:400px; height:100px; border:1px solid #9fa1a0; } #tip-form .zia-form-element-wrapper { margin:0 0 4px 30px; } #tip-form .zia-form-element-wrapper input, #tip-form .zia-form-element-wrapper textarea { border:1px solid #fed47b; } #tip-form .zia-form-element-wrapper input#submit { border:none; } div.tip-header { margin:0 0 4px 30px; font-weight:bold; } div.tip-divider { margin:20px 40px 20px 30px; height:1px; background:#fff; } /* #zia-form-element-wrapper-tip_form-email, #zia-form-element-wrapper-tip_form-phone { width:150px !important; } #zia-form-element-wrapper-tip_form-email { position:relative; margin-top:50px !important; } #zia-form-element-wrapper-tip_form-phone { margin:-36px 0 0 190px !important; } *html #zia-form-element-wrapper-tip_form-phone { margin:-40px 0 0 210px !important; } #zia-form-element-wrapper-tip_form-email .instructions { position:absolute; top:-40px; width:400px; } #zia-form-element-wrapper-tip_form-tip { margin-top:6px !important; } */ #email-instructions { padding-top: 10px; padding-bottom: 5px; } #zia-form-element-wrapper-tip_form-email { padding-left: 10px; } #phone-instructions { padding: 5px 0; font-style:italic; } #zia-form-element-wrapper-tip_form-phone { padding-left: 10px; } /* REFERENCES *******************************************************************************/ ol { width:420px; } ol li { margin-left: 25px; } ol li { margin-left:expression(35+"px"); } /* FOOTER *******************************************************************************/ #footer { margin:19px 0 0 0; } #footer-copy { padding:23px 0 0 0; font:11px verdana,arial,helvetica,sans-serif; color:#cb8600; line-height:18px; text-align:center; } #footer-copy a, #footer-copy a:visited, #footer-copy a:hover { color:#cb8600; } #footer-logo { float:left; width:102px; height:54px; background:transparent url(/assets/images/logo-usb.gif) no-repeat top; } #footer-logo a.footerlogo { float:left; display:block; width:102px; height:54px; background:transparent; cursor:pointer; text-decoration:none; } #footer-logo a.footerlogo span { visibility:hidden; } /* sIFR *******************************************************************************/ /* DO NOT ADJUST THESE STYLES */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* YOU CAN ADJUST, ADD OR REMOVE FROM THESE STYLES - Decoy styles are used to hide the browser text before it is replaced */ /*.sIFR-hasFlash #main h3 { visibility: hidden; }*/ /* MISC. CLASSES & IDS *******************************************************************************/ .large-white { font-size:17px; text-transform:uppercase; line-height:18px; color:#fff; } .large-orange { font-size:17px; font-weight:bold; text-transform:uppercase; line-height:18px; color:#ffd400; } .large-green { font-size:15px; font-weight:bold; text-transform:uppercase; line-height:14px; color:#c5ef8e; } img { display:block; } .content-inset-2 { display:block; text-align:right; } .clear { clear:both; } .right { float:right; }