/* ------------------------ MOORILLA.COM.AU BASE CSS Version: 0.3 Author: H4NM Date: 06/09/2007 ------------------------ */ /* global */ html, body { margin: 0; padding: 0; } body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #000; } p, h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; } h1 { margin: 0 0 10px 4px; font-weight: normal; color: #666; font-size: 15px; width: 370px; } h2, h3, h4 { margin: 20px 0 0 0; color: #ccc; font-size: 110%; } h4 { font-weight: normal; } acronym, dfn { border-bottom: 1px dotted; border-color: red; cursor: help; } img { border: 0; } sup { font-size: 80%; } ul { margin: 10px 0 10px 20px; padding: 0px; } li { margin: 0px; padding: 0px; } table { border-collapse: collapse; margin-left: 4px; width: 660px; } td { border: 0px solid #888; margin: 0; line-height: 230%; padding: 0px 0px 0px 5px; } th { border: 0px solid #888; border-bottom: 1px solid #1a1a1a; border-top: 1px solid #1a1a1a; padding: 0px 0px 0px 5px; margin: 0; text-align: left; line-height: 230%; font-weight: normal;color: white; } td a { text-decoration: underline !important; color: #666 !important; } fieldset, form { margin: 0; padding: 0; border: 0; } form { padding: 0; } legend { } input { font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0px; } label { color: #777; line-height: 170%; float: left; margin-right: 5px; } select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0px; } a:link { text-decoration: none; color: #666; } a:visited { text-decoration: none; color: #666; } a:hover { text-decoration: none; color: #9c9c9c; } a:active { text-decoration: none; color: #9c9c9c; } #nojava { background-color: gray; width: 100%; padding: 10px; } #noflash { background-color: gray; width: 100%; padding: 10px; } #noflash a { color: black !important; text-decoration: underline !important; } /* global classes */ .noline { background: none !important; } .zeb { background-color: #121212; } .tick { text-align: center; } /* layout */ #start { width: 100%; } #splash { width: 100%; } .floater{float:left;background-color:#000;line-height:0px;font-size:0px;} .type{position:absolute;} #global { width: 900px; height: 138px; margin: 0px auto; text-align: left; color: #666; } #globalbox { margin-left: 230px; width: 670px; border-top: 5px solid #666; } #nav1 { margin-top: 15px; background-color:transparent; text-align: right; margin-bottom: 5px; } #nav-no { background-color: #1a1a1a; height:5px; } #nav2 { background-color: #171717; margin-bottom: 3px; } #global ul { list-style-type: none; margin: 0 10px 0 10px; } #global li { display: inline; padding: 0 7px 0 10px; line-height: 25px; background: url("/ui/vline.gif") no-repeat; } #nav2 a { padding: 5px 1px 5px 1px; } #nav1 ul {margin-right:12px;} #main { width: 900px; margin: 0px auto; color: #666; } #leftcol { float: left; width: 230px; } #logo { width: 230px; height: 70px; margin-top:-82px;} #logo img { margin-left: 53px; } #nav3 { width: 230px; height: 380px; margin-top: 18px; } #nav3 ul { list-style-type: none; margin: 0 10px 0 61px; line-height: 22px; } #nav3 ul ul { list-style-type: none; margin: 0 10px 0 10px; line-height: 22px; } #content { float: left; width: 670px; } #text { float: left; width: 670px; margin-top: 7px; } #display { float: left; width: 670px; } #detail { clear: left; float: left; width: 670px; } .mast { float: left; width: 370px; margin-top: 0px; height: 26px; } .fivelines { height: 89px; margin-top: 3px; margin-bottom: 15px; } .fourlines { height: 69px; margin-bottom: 15px; } .fourlines h1 { width: 300px; } .threelines { height: 69px; margin-top: 0px; margin-bottom: 15px; } .twolines { height: 39px; margin-top: 0px; margin-bottom: 15px; } #image-left { float: left; width: 312; clear: left; margin-right: 18px; } #textcol { float: left; width: 165px; } #textcol p { margin-right: 15px; line-height: 17px; } #textcol img { margin-top: 5px; } #textcol-double { float: left; width: 331px; margin-left: 9px; } #textcol-double p { width: 310px; line-height: 17px; } #textcol-double img { margin-top: 5px; } #textcol-triple { float: left; width: 504px; } .narrow { width: 140px; } .textcol-event-row { float: left; width: 670px; margin-bottom: 20px; } .textcol-event { float: left; width: 330px; } .textcol-event-right { float: left; width: 330px; margin-left: 10px; } .textcol-event-row h2 { margin: 0; color: white; margin-top: 5px; } #textcol li { color: #888; } /*events*/ .stripe { width:657px;background-color:#1a1a1a;float:left;padding:5px;padding-left:7px;color:white;margin-bottom:10px;margin-top:8px;} .bleft {float: left; width:340px; margin-bottom: 40px; margin-left:2px; } .bright {float: left; width: 327px;margin-bottom: 40px; } .bleft p { margin-right: 30px; } .bprofile { float: left; width:340px; margin-bottom: 40px; margin-left:2px; margin-right:76px; } .bboxes { float: left; width: 250px; margin-bottom: 40px; } .bbox { background: #000 url("/ui/grade1.gif") repeat-x; float: left; width:230px; padding: 5px 10px 0 10px; margin-bottom:10px; } .bbox h4 { margin:0; color:#751438; } .bbox p { margin:5px 10px 10px 1px !important; color:#fff !important; } .bprofile img { margin-left:4px; margin-top:20px; margin-bottom: 20px; } .pdf { border: 1px solid #000; margin-left: 3px; display: block; background-color: #ccc; color: white !important; text-decoration: none !important; font-weight: bold; text-align: center; width: 100px; line-height: 20px; } #image-right-twocol { float: left; width: 340px; clear: right; } #image-right-threecol { float: left; width: 505px; clear: right; } #news-panel { background-color: #0d0d0d; float: left; width: 667px; margin-top: 40px; padding: 6px 0px 5px 3px; } #news-panel h4 { margin: 0px 10px 0px 0px; padding: 0; margin-left: 10px; margin-top: 10px; font-size: 17px; } #news-panel h5 { margin: 10px 10px 0px 10px !important; padding: 0px; font-size: 12px; } #news-panel p { margin: 0 10px 10px 11px !important; padding: 0; } #news-panel img { margin: 0; } #news-panel .col { width: 164px; height: 115px; margin: 1px; background: #000 url("/ims/news_bg_panel.gif") repeat-x; } .boxtopright { width: 150px; float: right; } .contactbox { width: 390px; float: right; margin-top:20px; } .email { width: 180px; } /* jquery boxes + controls */ #signin { height: 56px; background-color: #1a1a1a; margin: 0px; display: none; } #signin p { width:265px; } /* tables */ .row { float: left; clear: left; width: 670px; margin-bottom: 50px; } .col { float: left; width: 165px; } .col a { color: #666 !important; text-decoration: none !important; } .col a:hover { color: #ccc !important; } .col h4 { margin: 0; margin-top: 20px; margin-left: 9px; margin-right: 5px; } .col p { margin: 0; margin-left: 9px; margin-right: 5px; } #footer { float: left; clear: left; width: 670px; padding-left: 230px; line-height: 25px; color: #666; font-size: 90%; margin-top: 2px; } #footer ul { list-style-type: none; margin: 0; padding-left: 10px; background-color: #1a1a1a; } #footer li { display: inline; padding: 0 7px 0 7px; line-height: 25px; background: url("/ui/vline.gif") no-repeat; } #footer-ident{text-align:center;margin-top:30px;width:670px;} /* section styling */ #home .on { border-bottom: 3px solid #254b9b; } .homebox { float: left; width: 146px; background: #000 url("/ui/grade1.gif") repeat-x; padding: 5px 10px 0 10px; margin-left:1px; } .homebox h2 {margin:0; color:#751438; font-size:11px!important;} .homebox p { margin:5px 10px 10px 1px !important; color:#fff !important; } .hd { margin:91px 0 12px 10px;} .hd a { color: #254b9b; } #member .on { border-bottom: 3px solid #254b9b; } #member #signin .btn1 { color: #254b9b; } #member #signin a { color: #254b9b; } #member .controlclick { color: #254b9b !important; } #member #text a { color: #254b9b; } #member h1 { color: #254b9b !important; } #member #display strong { color: white !important; } #moorilla .on { border-bottom: 3px solid #254b9b; } #moorilla #signin .btn1 { color: #254b9b; } #moorilla #signin a { color: #254b9b; } #moorilla .controlclick { color: #254b9b !important; } #moorilla #text a { color: #254b9b; } #moorilla h1 { color: #254b9b !important; } #moorilla .pdf { background-color: #254b9b; margin-left: 0; width: 150px; } #moorilla .pdf:hover { opacity:.7; border: 1px solid #254b9b; } #wine .on { border-bottom: 3px solid #881635; } .winemuse #main { height: 446px; background: url("../ims/wine/wine_muse.jpg") no-repeat; } #wine #col1 { float: left; width: 320px; padding-top: 82px; } #wine #col2 { float: left; width: 280px; margin-left: 70px; } .home #col1 { padding-top: 170px !important; } #wine #signin .btn1 { color: #CB1E4A; } #wine #signin a { color: #CB1E4A; } #wine .controlclick { color: #CB1E4A !important; } #wine #text a { color: #CB1E4A; } #wine h1 { color: #CB1E4A !important; } #wine #registration label em { color: #CB1E4A; } #wine #registration .btn1 { color: #CB1E4A; } #wine .pdf { background-color: #CB1E4A; margin-left: 0;} #wine .pdf:hover { opacity:.7; border: 1px solid #CB1E4A; } #wine .success { margin: 0 0 1px 0 !important; padding: 15px 50px 15px 15px; border: 1px solid #CB1E4A; line-height: 150%; } #moobrew .on { border-bottom: 3px solid #716656; } #moobrew h3 { font-size: 15px; } #moobrew #signin a { color: #716656; } #moobrew #text a { color: #716656; } #moobrew #signin .btn1 { color: #716656; } #moobrew .controlclick { color: #716656 !important; } #moobrew h1 { color: #716656 !important; } #moobrew #registration .btn1 { color: #716656; } #cellardoor .on { border-bottom: 3px solid #6E7C2E; } #cellardoor #signin a { color: #6E7C2E; } #cellardoor #text a { color: #6E7C2E; } #cellardoor #signin .btn1 { color: #6E7C2E; } #cellardoor .controlclick { color: #6E7C2E !important; } #cellardoor h1 { color: #6E7C2E !important; } .cdbg #main { height: 384px; background: url("../ims/cellardoor/cd_bg.jpg") no-repeat; } #thesource .on { border-bottom: 3px solid #9D3422; } .thesourcehome #main { height: 512px; background: url("../ims/thesource/thesource_home.jpg") no-repeat; } #thesource .pdf { background-color: #9D3422; border: 1px solid #fff; } #thesource .pdf:hover { opacity:.8; border: 1px solid #9D3422; } #thesource #signin a { color: #9D3422; } #thesource #text a { color: #9D3422; } #thesource #signin .btn1 { color: #9D3422; } #thesource .controlclick { color: #9D3422 !important; } #thesource #newstick a { color: #666 !important; } #thesource h1 { color: #9D3422 !important; } #pavilions .on { border-bottom: 3px solid #ff0066; } #pavilions #text a { color: #ff0066; } #pavilions #signin a { color: #ff0066; } #pavilions #signin .btn1 { color: #ff0066; } #pavilions .pdf { background-color: #ff0066; } #pavilions .pdf:hover { opacity:.7; border: 1px solid #ff0066; } #pavilions .controlclick { color: #ff0066 !important; } #pavilions h1 { color: #ff0066 !important; } #functions .on { border-bottom: 3px solid #5b5b5b; } #functions #text a { color: #5b5b5b; } #functions #signin a { color: #5b5b5b; } #functions #signin .btn1 { color: #5b5b5b; } #functions .controlclick { color: #5b5b5b !important; } #functions h1 { color: #5b5b5b !important; } #events .on { border-bottom: 3px solid #751438; } #events #text a { color: #751438; } #events #signin a { color: #751438; } #events #signin .btn1 { color: #751438; } #events .controlclick { color: #751438 !important; } #events h1 { color: #751438 !important; } #events h3 { font-size: 15px; margin-top:0px; margin-right:20px; } #events .pdf { background-color: #751438; padding-left:10px; padding-right:10px; } #events .pdf:hover { border-color: #751438; } #sponsorship .on { border-bottom: 3px solid #751438; } #sponsorship #text a { color: #751438; } #sponsorship #signin a { color: #751438; } #sponsorship #signin .btn1 { color: #751438; } #sponsorship .controlclick { color: #751438 !important; } #sponsorship h1 { color: #751438 !important; } #sponsorship .pdf { background-color: #751438; width: 125px; margin-left: 18px; } #sponsorship .pdf:hover { opacity:.7; border: 1px solid #751438; } #sponsorship label { width: 90px !important; } #sponsorship label.full { width: 310px !important; margin: 0; padding: 0; } #sponsorship .txt { width: 210px; } #sponsorship #display strong { color: white !important; } #mona .on { border-bottom: 3px solid #D90467; } #mona #text a { color: #D90467; } #mona #signin a { color: #D90467; } #mona #signin .btn1 { color: #D90467; } #mona .controlclick { color: #D90467 !important; } #mona h1 { color: #D90467 !important; } /* layout types */ .front #main { height: 512px; background: url("../ims/winery_home_display.jpg") no-repeat; } body.white { background-color: white; } .white #globalbox { border-top: 5px solid #e8e8e8; } .white #nav1 { } .white #nav2 { background-color: #e8e8e8; } .white #signin { background-color: #e8e8e8; } .white #newstick { background-color: #e8e8e8; } .white #footer ul { background-color: #eee; } .white #signin a { color: #254b9b; } .white #newstick a { color: #254b9b; } .white #news-panel { background-color: #e5e5e5; } .white #news-panel .col { background: #e5e5e5 url("/ims/news_bg_panel_white.gif") repeat-x; } .white #news-panel a:hover { color: #444 !important; } .white .floater{background-color:white;} /* body copy styles */ #text a:link { text-decoration: none; } #text a:visited { text-decoration: none; } #text a:hover { text-decoration: underline; } #text a:active { text-decoration: none; } #text p { margin-left: 5px; margin-top: 5px; color: #888; } #text h1 { color: #254b9b; } #text h1 { color: #254b9b; } #text h3 { color: #254b9b; } .single-line { margin-top: 80px; } .call { font-size: 14px; } /* forms */ #registration { width: 670px; float: left; } .txt { border: 1px solid #000; width: 230px; float: left; padding-left: 2px; } .short { width: 100px !important; } .little { font-size: 10px !important; float: right; width: 120px; margin-bottom: 0px !important; } .formbox { width: 313px; float: left; padding: 10px; background-color: #1a1a1a; margin-bottom: 2px; } .formleft { width: 333px; float: left; } .formright { width: 333px; margin-left:2px; float: left; } #registration form { padding-top: 15px; } #registration form p { margin: 0 0 15px 0; font-size: 13px; } #registration label em { color: #254b9b; font-style: normal; } #signin label { text-align: left; width: 80px; margin-left: 15px; font-size: 90%; } #signin form { background-color: transparent; padding-top: 8px; padding-left: 5px; } #signin .txt { width: 160px; clear: left; margin-left: 15px; background-color: #ccc; } #signin div { float: left; } #signin .btn1 { margin-top: 16px; margin-left: 15px; font-size: 90%; font-weight: bold; color: #254b9b; } #signin p { margin: 0px; margin-left: 15px; margin-top: 7px; font-size: 90%; } #signin a { text-decoration: underline; color: #254b9b; } #registration label { width: 70px; } textarea { width: 309px; height: 120px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid black; } #registration #header { float: left; width: 670px; height: 187px; background: url("../ims/register.jpg") no-repeat; margin: 0 0 1px 0; } #registration h1 { margin-left: 3px; } #registration h2 { font-size: 12px; width: 300px; margin: 0; margin-top: 4px; margin-left: 3px; } #registration h3 { font-size: 12px; width: 300px; margin: 0; margin-left: 3px; margin-bottom: 13px; } #registration .promo h1 { width: 90px; margin: 20px 0 5px 15px; } #registration .promo h2 { width: 90px; margin: 0 0 0 15px; } #registration #form { float: left; } #registration form h4 { margin: 10px 0 0 0; padding-left: 20px; } .rad { float: left; margin-right: 6px; margin-top: 2px; } .radlab { float: left; text-align: left; } .checklab { float: left; text-align: left; } .reqd { } .top-border { border-top: 1px solid #777; margin-top: 15px !important; } .btn1 { color: #254b9b; font-weight: bold; font-size: 12px; } .attention { border-color: #CB1E4A; } .attention-lab { color: #CB1E4A; } .attention-lab em { color: #CB1E4A !important; } .response { color: #CB1E4A !important; margin: 0 0 1px 0 !important; padding: 15px 50px 15px 15px; border: 1px solid #CB1E4A; line-height: 150%; } .success { margin: 0 0 1px 0 !important; padding: 15px 50px 15px 15px; border: 1px solid #254b9b; line-height: 150%; } .icon-error { background: transparent url("../ui/icon_alert.gif") no-repeat 15px 15px; } .icon-success { background: transparent url("../ui/icon_accept.gif") no-repeat 15px 18px; } /* SIFR These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; font-size: 16px; } .sIFR-hasFlash h2 { visibility: hidden; font-size: 12px; } .sIFR-hasFlash h3 { visibility: hidden; font-size: 12px; } .sIFR-hasFlash h4 { visibility: hidden; font-size: 12px; } .sIFR-hasFlash h5 { visibility: hidden; font-size: 12px; } /* paragraph text? .sIFR-hasFlash p { visibility: hidden; font-size: 11px; } */ .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }