/* Reset -------------------------------------------------- */ * { margin:0; padding:0; } body { margin:0; text-align: center; /* IE Fix */ } body, td, th, input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #3F3527; } ul { list-style:none; } ol { margin:0 20px; } img { border:0; } a:link, a:visited { color:#000000; text-decoration:underline; outline:none; } a:hover, a:active { color:#666666; text-decoration:underline; } a img { border:0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse:separate; border-spacing:0; } .clear { clear:both; padding-top:18px; } /*** CLEARFIX ***/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Typography -------------------------------------------------- */ .titles { margin-bottom:8px; } /* for graphic text headers */ h1,h2,h3,h4,h5,h6 { font-family:"Lucida Grande", "Lucida Sans Unicode"; line-height:1.2em; } h2, h3, h4 { margin-top:1.5em; } h2 { font-size:1.5em; } h3 { font-size:1.3em; } h4 { font-size:1.1em; } h5 { font-size:1em; } p { margin:0 0 1em 0; } p.last { margin-bottom:0; } p img { float: left; margin: 1em 1em 1em 0; padding:0; } p img.top { margin-top:0; } /* Use this if the image is at the top of the

. */ /* Alice White Colors - set id on body tag -------------------------------------------------- */ #brand { background:#FFD200 url(/css/img/bg_brand.gif); } #brand #roo { background:url(/css/img/roo_brand.gif) 0 0 no-repeat; } #brand #header { background:#FFD200 url(/css/img/sun_brand.gif) top right no-repeat; } h1{text-indent:-9000px;background-position:0 0;background-repeat:no-repeat;padding:0;display: block;width:370px;height:35px;} #riesling { background:#88B53E url(/css/img/bg_riesling.gif); } #riesling #header { background:#88B53E url(/css/img/sun_riesling.gif) top right no-repeat; } #riesling #roo { background:url(/css/img/roo_riesling.gif) 0 0 no-repeat; } #riesling h3, #riesling h4, .riesling, a.riesling, a.riesling:visited { color:#73A441; font-weight:bold; } #lexia { background:#F68B1F url(/css/img/bg_lexia.gif); } #lexia #header { background:#F68B1F url(/css/img/sun_lexia.gif) top right no-repeat; } #lexia #roo { background:url(/css/img/roo_lexia.gif) 0 0 no-repeat; } #lexia h3, #lexia h4, .lexia, a.lexia, a.lexia:visited { color:#F47829; font-weight:bold; } #chard { background:#FFD900 url(/css/img/bg_chard.gif); } #chard #header { background:#FFD900 url(/css/img/sun_chard.gif) top right no-repeat; } #chard #roo { background:url(/css/img/roo_chard.gif) 0 0 no-repeat; } #chard h3, #chard h4, .chard, a.chard, a.chard:visited { color:#F7B917; font-weight:bold; } #redlexia { background:#DB8129 url(/css/img/bg_redlexia.gif); } #redlexia #header { background:#DB8129 url(/css/img/sun_redlexia.gif) top right no-repeat; } #redlexia #roo { background:url(/css/img/roo_redlexia.gif) 0 0 no-repeat; } #redlexia h3, #redlexia h4, .redlexia, a.redlexia, a.redlexia:visited { color:#D26B2B; font-weight:bold; } #cabernet { background:#EF4033 url(/css/img/bg_cabernet.gif); } #cabernet #header { background:#EF4033 url(/css/img/sun_cabernet.gif) top right no-repeat; } #cabernet #roo { background:url(/css/img/roo_cabernet.gif) 0 0 no-repeat; } #cabernet h3, #cabernet h4, .cabernet, a.cabernet, a.cabernet:visited { color:#CF242A; font-weight:bold; } #shiraz { background:#DE1E46 url(/css/img/bg_shiraz.gif); } #shiraz #header { background:#DE1E46 url(/css/img/sun_shiraz.gif) top right no-repeat; } #shiraz #roo { background:url(/css/img/roo_shiraz.gif) 0 0 no-repeat; } #shiraz h3, #shiraz h4, .shiraz, a.shiraz, a.shiraz:visited { color:#BF273E; font-weight:bold; } #pinot { background:#C73F6E url(/css/img/bg_pinot.gif); } #pinot #header { background:#C73F6E url(/css/img/sun_pinot.gif) top right no-repeat; } #pinot #roo { background:url(/css/img/roo_pinot.gif) 0 0 no-repeat; } #pinot h3, #pinot h4, .pinot, a.pinot, a.pinot:visited { color:#B02C56; font-weight:bold; font-weight:bold; } #pinot-grigio { background:#00b1ac url(/css/img/bg_pinot_grigio.gif); } #pinot-grigio #header { background:#00b1ac url(/css/img/sun_pinot_grigio.gif) top right no-repeat; } #pinot-grigio #roo { background:url(/css/img/roo_pinot_grigio.gif) 0 0 no-repeat; } #pinot-grigio h3, #pinot-grigio h4, .pinot-grigio, a.pinot-grigio, a.pinot-grigio:visited { color:#2ec2e0; font-weight:bold; font-weight:bold; } #merlot { background:#5A77BA url(/css/img/bg_merlot.gif); } #merlot #header { background:#5A77BA url(/css/img/sun_merlot.gif) top right no-repeat; } #merlot #roo { background:url(/css/img/roo_merlot.gif) 0 0 no-repeat; } #merlot h3, #merlot h4, .merlot, a.merlot, a.merlot:visited { color:#4D6AB2; font-weight:bold; } /* Wrapper -------------------------------------------------- */ .wrapper { width:800px; margin:0 auto; } .bodywide { padding:0 100px; } /* Header and Main Nav -------------------------------------------------- */ #header { text-align:left; } #header #roo { height:110px; } #navbar { background-color:#000000; height:33px; } #navbar div.logowrap { position:relative; float:left; line-height:33px; background:url(/css/img/alicewhite.gif) 0 0 no-repeat; } #navbar div.logowrap a { display:block; width:150px; height:33px; text-indent:-9999px; } #navbar div.logowrap em { position:absolute; top:37px; left:0; width:165px; height:18px; background:url(/css/img/haveaglass.gif) 0 0 no-repeat; text-indent:-9999px; } #mainnav { display:inline; float:right; height:33px; margin: 0; padding: 0; } #mainnav li { float:left; margin: 0 0 0 10px; } #mainnav li a { display:block; height:33px; text-indent:-9999px; overflow:hidden; } #mn_about a { background:url(/css/img/mn_about.gif) 0 0 no-repeat; width:68px; } #mn_wines a { background:url(/css/img/mn_wines.gif) 0 0 no-repeat; width:78px; } #mn_trade a { background:url(/css/img/mn_trade.gif) 0 0 no-repeat; width:46px; } #mn_contact a { background:url(/css/img/mn_contact.gif) 0 0 no-repeat; width:84px; } #mn_about a:hover, #mn_about a.current, #mn_wines a:hover, #mn_wines a.current, #mn_trade a:hover, #mn_trade a.current, #mn_contact a:hover, #mn_contact a.current { background-position:0 100%; } /* Content -------------------------------------------------- */ #content { background-color:#FFFFFF; text-align:left; padding:60px 0; } #content.wines { padding-bottom:0; } /* Clear fix */ #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content.wines h4 a { margin:0 0 0 5px; font-weight:normal; } #body { float:left; width:630px; position:relative; display:inline; } .bodyFull { padding:0 50px; } .padLeft { padding-left:50px; } /* apply to element inside of #body, could be cleaner but IE Sucks */ .padRight { padding-right:50px; } ul { margin:0 16px 12px 16px; list-style-type:disc; } #lgbottle { position:absolute; bottom:0; left:20px; } .bottle-size-sprite{ width: 580px; min-height: 550px; height: auto !important; height: 550px; background-position: 0 100%; background-repeat: no-repeat; } .sprite-chardonnay{ background-image: url(/img/bottle-size-sprites/chardonnay-large.jpg); } .sprite-lexia-moscato{ background-image: url(/img/bottle-size-sprites/lexia-moscato-large.jpg); } .sprite-riesling{ background-image: url(/img/bottle-size-sprites/riesling-large.jpg); } .sprite-pinot-grigio{ background-image: url(/img/bottle-size-sprites/pinot-grigio-large.jpg); } .sprite-red-lexia-moscato{ background-image: url(/img/bottle-size-sprites/red-lexia-moscato-large.jpg); } .sprite-shiraz{ background-image: url(/img/bottle-size-sprites/shiraz-large.jpg); } .sprite-cabernet{ background-image: url(/img/bottle-size-sprites/cabernet-large.jpg); } .sprite-merlot{ background-image: url(/img/bottle-size-sprites/merlot-large.jpg); } .sprite-pinot-noir{ background-image: url(/img/bottle-size-sprites/pinot-noir-large.jpg); } ul.variety-switch-size{ margin: 10px 0 0 0; padding: 0; list-style-type: none; } .variety-switch-size li{ margin: 0 10px 0 0; float: left; } .imgHangFull { margin:0 -50px 1em -50px; } .imgRight { float:right; margin:0 0 0 20px; } #wineCopy { margin: 0 0 0 0; padding-left: 20px; padding-bottom: 20px; min-height: 400px; width: 370px; margin-left: 210px; } div.sprite-chardonnay div#wineCopy{ background: url(/img/variety-desc-bg/chardonnay.png) 0 100% no-repeat; } div.sprite-lexia-moscato div#wineCopy{ background: url(/img/variety-desc-bg/lexia-moscato.png) 0 100% no-repeat; } div.sprite-riesling div#wineCopy{ background: url(/img/variety-desc-bg/riesling.png) 0 100% no-repeat; } div.sprite-pinot-grigio div#wineCopy{ background: url(/img/variety-desc-bg/pinot-grigio.png) 0 100% no-repeat; } div.sprite-red-lexia-moscato div#wineCopy{ background: url(/img/variety-desc-bg/red-lexia-moscato.png) 0 100% no-repeat; } div.sprite-shiraz div#wineCopy{ background: url(/img/variety-desc-bg/shiraz.png) 0 100% no-repeat; } div.sprite-cabernet div#wineCopy{ background: url(/img/variety-desc-bg/cabernet.png) 0 100% no-repeat; } div.sprite-merlot div#wineCopy{ background: url(/img/variety-desc-bg/merlot.png) 0 100% no-repeat; } div.sprite-pinot-noir div#wineCopy{ background: url(/img/variety-desc-bg/pinot-noir.png) 0 100% no-repeat; } /* sidebar snd subnav -------------------------------------------------- */ #sidebar { width:170px; float:right; padding-top:40px; display:inline; } /* subnav */ #winenav, #tradenav, #aboutnav { margin: 0 0 3em 0; list-style-type: none; padding:0; } #winenav li a, #tradenav li a, #aboutnav li a { display:block; width:170px; height:25px; text-indent:-9999px; overflow:hidden; list-style-type: none; margin:0; padding:0; } /* winenav */ #wn_riesling a { background:url(/css/img/wn_riesling.gif) 0 0 no-repeat; } #wn_lexia a { background:url(/css/img/wn_lexia.gif) 0 0 no-repeat; } #wn_chard a { background:url(/css/img/wn_chard.gif) 0 0 no-repeat; } #wn_redlexia a { background:url(/css/img/wn_redlexia.gif) 0 0 no-repeat; } #wn_cabernet a { background:url(/css/img/wn_cabernet.gif) 0 0 no-repeat; } #wn_shiraz a { background:url(/css/img/wn_shiraz.gif) 0 0 no-repeat; } #wn_pinot a { background:url(/css/img/wn_pinot.gif) 0 0 no-repeat; } #wn_merlot a { background:url(/css/img/wn_merlot.gif) 0 0 no-repeat; } #wn_pinot_grigio a { background:url(/css/img/wn_pinot_grigio.gif) 0 0 no-repeat; } #wn_find a { background:url(/css/img/wn_find.gif) 0 0 no-repeat; } #wn_riesling a:hover, #wn_lexia a:hover, #wn_chard a:hover, #wn_redlexia a:hover, #wn_cabernet a:hover, #wn_shiraz a:hover, #wn_pinot a:hover, #wn_merlot a:hover, #wn_pinot_grigio a:hover, #wn_find a:hover { background-position:50% 0; } #wn_riesling a.current, #wn_lexia a.current, #wn_chard a.current, #wn_redlexia a.current, #wn_cabernet a.current, #wn_shiraz a.current, #wn_pinot a.current, #wn_merlot a.current, #wn_pinot_grigio a.current, #wn_find a.current { background-position:100% 0; } /* tradenav */ #tn_accolades a { background:url(/css/img/tn_accolades.gif) 0 0 no-repeat; } #tn_displays a { background:url(/css/img/tn_displays.gif) 0 0 no-repeat; } #tn_brandassets a { background:url(/css/img/tn_brandassets.gif) 0 0 no-repeat; } #tn_pr a { background:url(/css/img/tn_pr.gif) 0 0 no-repeat; } #tn_promotions a { background:url(/css/img/tn_promotions.gif) 0 0 no-repeat; } #tn_merchandise a { background:url(/css/img/tn_merchandise.gif) 0 0 no-repeat; } #tn_accolades a:hover, #tn_displays a:hover, #tn_brandassets a:hover, #tn_pr a:hover, #tn_promotions a:hover, #tn_merchandise a:hover { background-position:50% 0; } #tn_accolades a.current, #tn_displays a.current, #tn_brandassets a.current, #tn_pr a.current, tn_promotions a.current, #tn_merchandise a.current { background-position:100% 0; } /* aboutnav */ #an_aboutus a { background:url(/css/img/an_aboutus.gif) 0 0 no-repeat; } #an_australia a { background:url(/css/img/an_australia.gif) 0 0 no-repeat; } #an_southeastaus a { background:url(/css/img/an_southeastaus.gif) 0 0 no-repeat; } #an_aboutus a:hover, #an_australia a:hover, #an_southeastaus a:hover { background-position:50% 0; } #an_aboutus a.current, #an_australia a.current, #an_southeastaus a.current { background-position:100% 0; } #aw_standards { text-align:center; font-size:10px; color:#999999; } #aw_standards p { margin:3px 0 0 0; } /* Brand Assets - Downloads ---------------------------------------- */ ul#download_nav { margin:20px 0; padding:0; } ul#download_nav li { list-style-type:none; display:inline; font-size:1.2em; } ul#download_nav li a { display:block; float:left; width:28%; background-color:#FDF1BB; margin:0 5px 5px 0; padding:5px 8px; text-decoration:none; } ul#download_nav li a:hover, ul#download_nav li a.current { background-color:#FFD200; color:#000000; } table.downloads { border:#F0F4F7 solid 1px; border-collapse:collapse; margin:.5em 0 1em 0; } table.downloads td { padding:5px; border:#D1D1D1 solid 1px; vertical-align:top; text-align:center; font-size:10px; line-height:14px; } table.downloads img { margin:5px 0; } table.downloads h5 { margin:5px 0; } table.downloads ul { margin:5px 0; } table.downloads ul li { margin:0 5px; line-height:1.7em; list-style-type:none; } /* Awards ---------------------------------------- */ table.awards { border-collapse:collapse; margin:3.5em 0 1em 0; } table.awards td { width:100px; vertical-align:top; text-align:center; } table.awards tr td a:link, table.awards tr td a:visited{ text-decoration: none; } table.awards tr td a:link span, table.awards tr td a:visited span { margin: 10px 0 0 0; display: block; font-size: 14px; text-decoration: none; } table.awards ul li { margin:5px 0; font-size:1.1em; } /* Press Releases -------------------------------------------------- */ #body #prlist { margin-top:20px; margin-bottom:60px; } #prlist li { margin:6px 0; } #prlist li a { font-size:1.2em; } #prlist li p { margin:0 10px !important; } #paging { text-align:center; padding-right:100px; } #paging a { margin:0 2px; } #pr_detail h3 { margin:0; font-size:1.2em; } #pr_detail h5 { margin:.5em 0 1.5em 0; } #pr_return { text-align:center; border-top:#D1D1D1 solid 1px; } .news { margin-top:30px; padding-top:30px; border-top:#D1D1D1 solid 1px; } .news h2 { margin-top:0; } /* Contact Forms -------------------------------------------------- */ .formWrapper { margin:1em 0; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; background-color:#FFF8D9; } .toggleVis, .toggleVisOn { margin:0; } .toggleVis a, .toggleVisOn a { display:block; padding:5px; text-decoration:none; } .toggleVis a:hover { background-color:#FFD200; color:#000000; } .toggleVisOn a:hover { background-color:#FFE87F; color:#000000; } .contact-form { padding:.5em 1em; } .contact-form table { width:80%; margin:0 auto 1em auto; border-top:#FFE87F solid 1px; } .contact-form td { padding:6px 0; vertical-align:top; } .contact-form table td { border-bottom:#FFE87F solid 1px; } .contact-form .fulltextarea { width:100%; } /* Footer -------------------------------------------------- */ #footer { border-top:#000000 solid 33px; font-size:11px; min-height:110px; } #footer .wrapper { width:100%; border-top:#FFFFFF solid 3px; padding-top:3px; } #footer a { color:#000000; text-decoration:none; } #footer a:hove