body{font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:62.5%; text-align:left; background: #fff url(../img/bg/bg.gif) no-repeat top center;} body.halloween { background-image:url(../img/bg/bg_halloween.jpg); } body.xmas { background-image:url(../img/bg/bg_xmas.jpg); } body.new_year { background-image:url(../img/bg/bg_new_year.jpg); } body.valentines { background-image:url(../img/bg/bg_valentines.jpg); } body.patricks { background: #f4f1ea url(../img/bg/bg_patricks.jpg) no-repeat; } body.summer { background: #f4f1ea url(../img/bg/bg_summer.jpg) no-repeat; } noscript{font-size:1.4em; padding:20px; line-height:3em;} noscript a{color:#6f2100;} /* ------------------------------------------------------ =CLEARING -----------------------------------------------------*/ .clear{clear:both;} .clearleft{clear:left;} .clear10{clear:both; height:10px;} .last{margin-right:0px !important;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .center { margin-left:auto; margin-right:auto; display:block;} .break {height:5px; clear:both} .margintop {margin-top:-30px;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ a {outline: none;} /* ------------------------------------------------------ =POSITIONING -----------------------------------------------------*/ .l { float:left; } .r { float:right!important; } .rb{float:right; padding:3px; border:1px solid #eccd9b; background:#fff; margin-left:10px; margin-bottom:8px;} /* ------------------------------------------------------ =ACCESSIBILITY ------------------------------------------------------*/ #access {position:absolute; top:-9999px;} /* ------------------------------------------------------ =CONTAINER ------------------------------------------------------*/ #container {width:990px; margin-left:auto; margin-right:auto; position:relative; margin-bottom:10px;} /*#container #badge { position:absolute; top:17px; right:250px;}*/ /* ------------------------------------------------------ =MAIN ------------------------------------------------------*/ #main {width:990px; position:relative; margin-top:20px; } body.home #main { margin-top:0px;} /* ------------------------------------------------------ =HEADER ------------------------------------------------------*/ #header {height:125px; position:relative; } #header img.logo {float:left; margin-left:13px; margin-top:26px; width:230px; height:101px; margin-right:80px;} #header img.logo-age {float:left; margin-left:13px; margin-top:26px; margin-right:80px;} /* NAVIGATION */ #navigation { float:left; height:29px; margin-top:45px; width:665px; position:relative; z-index:100;} #nav {text-indent:-8000px;} #nav li {float:left; display:inline; height:29px; text-indent:-8000px; line-height:30px; overflow:hidden; } #nav li a{display:block; height:29px; background-position:0 0; background-repeat:no-repeat; } #nav li a:hover {background-position:0 -29px; cursor:pointer;} #nav li a.selected {background-position:0 -29px; cursor:pointer;} #nav li#nav1{width:59px;}#nav li#nav1 a{background-image:url(../img/nav/nav1.gif);} #nav li#nav2{width:92px;}#nav li#nav2 a{background-image:url(../img/nav/nav2.gif);} #nav li#nav3{width:180px;}#nav li#nav3 a{background-image:url(../img/nav/nav3.gif);} #nav li#nav4{width:180px;}#nav li#nav4 a{background-image:url(../img/nav/nav4.gif);} #nav li#nav5{width:61px;}#nav li#nav5 a{background-image:url(../img/nav/nav5.gif);} #nav li#nav6{width:90px;}#nav li#nav6 a{background-image:url(../img/nav/nav6.gif);} #nav li.last {margin-right:0px;} /* NAVIGATION-NEW */ #nav-new {text-indent:-8000px;} #nav-new li {float:left; display:inline; height:29px; text-indent:-8000px; line-height:30px; overflow:hidden; } #nav-new li a{display:block; height:29px; background-position:0 0; background-repeat:no-repeat; } #nav-new li a:hover {background-position:0 -29px; cursor:pointer;} #nav-new li a.selected {background-position:0 -29px; cursor:pointer;} #nav-new li#nav1{width:59px;}#nav-new li#nav1 a{background-image:url(../img/nav-new/nav1.gif);} #nav-new li#nav2{width:92px;}#nav-new li#nav2 a{background-image:url(../img/nav-new/nav2.gif);} #nav-new li#nav3{width:180px;}#nav-new li#nav3 a{background-image:url(../img/nav-new/nav3.gif);} #nav-new li#nav4{width:180px;}#nav-new li#nav4 a{background-image:url(../img/nav-new/nav4.gif);} #nav-new li#nav5{width:61px;}#nav-new li#nav5 a{background-image:url(../img/nav-new/nav5.gif);} #nav-new li#nav6{width:90px;}#nav-new li#nav6 a{background-image:url(../img/nav-new/nav6.gif);} #nav-new li.last {margin-right:0px;} /* SUB NAVIGATION - HERITAGE */ #nav-heritage { height:33px; margin-top:5px; width:210px; position:absolute; z-index:100; top:72px; left:385px; } #sub-heritage {text-indent:-8000px;} #sub-heritage li{float:left; display:inline; height:33px; text-indent:-8000px; line-height:33px; overflow:hidden; } #sub-heritage li a{display:block; height:33px; background-position:0 0; background-repeat:no-repeat; } #sub-heritage li a:hover {background-position:0 -33px; cursor:pointer;} #sub-heritage li a.selected {background-position:0 -66px; cursor:pointer;} #sub-heritage li a.selected:hover {background-position:0 -66px; cursor:pointer;} #sub-heritage li#sub1{width:64px;}#sub-heritage li#sub1 a{background-image:url(../img/nav-heritage/nav1.gif);} #sub-heritage li#sub2{width:66px;}#sub-heritage li#sub2 a{background-image:url(../img/nav-heritage/nav2.gif);} #sub-heritage li#sub3{width:80px;}#sub-heritage li#sub3 a{background-image:url(../img/nav-heritage/nav3.gif);} /* SUB NAVIGATION - DISCOVER THE TASTE */ #nav-discover { height:36px; margin-top:5px; width:258px; position:absolute; z-index:100; top:72px; left:462px;} #sub-discover {text-indent:-8000px;} #sub-discover li{float:left; display:inline; height:36px; text-indent:-8000px; line-height:36px; overflow:hidden; } #sub-discover li a{display:block; height:36px; background-position:0 0; background-repeat:no-repeat; } #sub-discover li a:hover {background-position:0 -36px; cursor:pointer;} #sub-discover li a.selected {background-position:0 -72px; cursor:pointer;} #sub-discover li a.selected:hover {background-position:0 -72px; cursor:pointer;} #sub-discover li#sub1{width:99px;}#sub-discover li#sub1 a{background-image:url(../img/nav-discover/nav1.gif);} #sub-discover li#sub2{width:58px;}#sub-discover li#sub2 a{background-image:url(../img/nav-discover/nav2.gif);} #sub-discover li#sub3{width:101px;}#sub-discover li#sub3 a{background-image:url(../img/nav-discover/nav3.gif);} /* SUB NAVIGATION - ST PATRICKS */ #sub-patricks {text-indent:-8000px;} #sub-patricks li{float:left; display:inline; height:36px; text-indent:-8000px; line-height:36px; overflow:hidden; } #sub-patricks li a{display:block; height:36px; background-position:0 0; background-repeat:no-repeat; } #sub-patricks li a:hover {background-position:0 -36px; cursor:pointer;} #sub-patricks li a.selected {background-position:0 -72px; cursor:pointer;} #sub-patricks li a.selected:hover {background-position:0 -72px; cursor:pointer;} #sub-patricks li#sub1{width:99px;}#sub-patricks li#sub1 a{background-image:url(../img/nav-patricks/nav1.gif);} #sub-patricks li#sub2{width:58px;}#sub-patricks li#sub2 a{background-image:url(../img/nav-patricks/nav2.gif);} #sub-patricks li#sub3{width:101px;}#sub-patricks li#sub3 a{background-image:url(../img/nav-patricks/nav3.gif);} /* SUB NAVIGATION - FUN */ #nav-fun { height:36px; margin-top:5px; width:342px; position:absolute; z-index:100; top:72px; left:540px;} #sub-fun {text-indent:-8000px;} #sub-fun li{float:left; display:inline; height:36px; text-indent:-8000px; line-height:36px; overflow:hidden; } #sub-fun li a{display:block; height:36px; background-position:0 0; background-repeat:no-repeat; } #sub-fun li a:hover {background-position:0 -36px; cursor:pointer;} #sub-fun li a.selected {background-position:0 -72px; cursor:pointer;} #sub-fun li a.selected:hover {background-position:0 -72px; cursor:pointer;} #sub-fun li#sub1{width:54px;}#sub-fun li#sub1 a{background-image:url(../img/nav-fun/nav1.gif);} #sub-fun li#sub2{width:57px;}#sub-fun li#sub2 a{background-image:url(../img/nav-fun/nav2.gif);} #sub-fun li#sub3{width:68px;}#sub-fun li#sub3 a{background-image:url(../img/nav-fun/nav3.gif);} #sub-fun li#sub4{width:79px;}#sub-fun li#sub4 a{background-image:url(../img/nav-fun/nav4.gif);} #sub-fun li#sub5{width:84px;}#sub-fun li#sub5 a{background-image:url(../img/nav-fun/nav5.gif);} /* SUB NAVIGATION - WHERE IN THE WORLD */ #nav-world { height:36px; margin-top:5px; width:54px; position:absolute; z-index:100; top:72px; left:654px;} #sub-world {text-indent:-8000px;} #sub-world li{float:left; display:inline; height:36px; text-indent:-8000px; line-height:36px; overflow:hidden; } #sub-world li a{display:block; height:36px; background-position:0 0; background-repeat:no-repeat; } #sub-world li a:hover {background-position:0 -36px; cursor:pointer;} #sub-world li a.selected {background-position:0 -72px; cursor:pointer;} #sub-world li a.selected:hover {background-position:0 -72px; cursor:pointer;} #sub-world li#sub1{width:54px;}#sub-world li#sub1 a{background-image:url(../img/nav-world/nav1.gif);} /* SUB NAVIGATION - CONTACT */ #nav-contact { height:36px; margin-top:5px; width:232px; position:absolute; z-index:100; top:72px; left:722px;} #sub-contact {text-indent:-8000px;} #sub-contact li{float:left; display:inline; height:36px; text-indent:-8000px; line-height:36px; overflow:hidden; } #sub-contact li a{display:block; height:36px; background-position:0 0; background-repeat:no-repeat; } #sub-contact li a:hover {background-position:0 -36px; cursor:pointer;} #sub-contact li a.selected {background-position:0 -72px; cursor:pointer;} #sub-contact li a.selected:hover {background-position:0 -72px; cursor:pointer;} #sub-contact li#sub1{width:67px;}#sub-contact li#sub1 a{background-image:url(../img/nav-contact/nav1.gif);} #sub-contact li#sub2{width:75px;}#sub-contact li#sub2 a{background-image:url(../img/nav-contact/nav2.gif);} #sub-contact li#sub3{width:90px;}#sub-contact li#sub3 a{background-image:url(../img/nav-contact/nav3.gif);} /* ------------------------------------------------------ = HOME BOTTLE ------------------------------------------------------*/ body.home #bottle {float:left; position:relative; margin-bottom:-3px; width:701px;} body.home h1 { font-family: "Lucida Sans", Arial, Verdana, serif; line-height: 1.2em; color:#d0a55e; font-size:3.3em; margin-top:0px; margin-left:0px; margin-bottom:5px; position:absolute; left:15px; bottom:380px; } body.home #bottle img.see {position:absolute; left:15px; bottom:300px;} body.home #bottle img.fbook {position:absolute; left:15px; bottom:215px;} body.home #bottle img.drinks {position:absolute; left:15px; bottom:90px;} body.home #bottle img.summer-chair {position:absolute; left:40px; bottom:10px;} body.home #bottle img.sun {position:absolute; left:500px; top:-30px;} /* ------------------------------------------------------ = AGE PAGE ------------------------------------------------------*/ #container #age { margin:0px 0 0 40px; float:left; _margin:0px 0 0 20px; position:relative;} #container #age p { margin:10px 0; font-size:11px; color:#333; line-height:1.4em;} #container #age div.drop { margin:0px 0 0 0px; float:left; } #container #age div.first { margin-left:20px; margin-right:20px; display:inline;} #container #age div.first select{width:200px;} #container #age div.drop p { font-size:11px; margin:5px 0; color:#333;} #container #age input#day, #container #age input#month, #container #year{margin:0px; padding:3px; font-size:11px; border:solid 1px #e2dbce; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;} #container #age div.drop select { margin-right:5px; padding:2px; font-size:11px; border:solid 1px #e2dbce; color:#4f4531; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;} #container #age .enter { margin:20px 0 0px 0; } #container #bottle-age {float:right; display:inline; position:relative; margin:10px 40px -3px 0; } /*#container #age img.awards {margin-left:-25px; margin-bottom:20px;}*/ #container #age #form .drop table{} #container #age #form .drop table td{border:none !important; padding:0px; padding-right:5px; font-size:11px; color:#4d2f13;} #container #age #form .drop table td strong{font-size:11px; font-weight:bold; color:#333;} #container #age #form .drop table td select#country{width:200px; margin-top:4px; margin-bottom:0px; } #container #age #form .drop table td input{margin-top:4px; text-align:center; margin-right:0px; width:auto !important;} #container #age #form img.happy_shamrock {position:absolute; top:100px; right:-160px;} #container #age #form .drop table.remember td{vertical-align:top; line-height:1.5em; color:#68583a;} #container #age #form .drop table.remember td span{color:#9f9581;} #container #age #form .drop table.remember td input{margin-top:4px;} /* ------------------------------------------------------ =AGE CONTENT ------------------------------------------------------*/ /*body.age #check {float:left; width:520px;} body.age #check h1 { font-family: "Lucida Sans", Arial, Verdana, serif; line-height: 1.2em; color:#d0a55e; font-size:3em; margin-top:0px; margin-left:0px; margin-bottom:5px; } body.age #check h2 { font-family: "Lucida Sans", Arial, Verdana, serif; line-height: 1.2em; color:#c4540c; font-size:2em; margin-top:10px; margin-left:0px; margin-bottom:5px; } body.age #check table {width:100%; margin-top:10px; margin-bottom:10px;} body.age #check p { font-size:12px!important;} body.age #check a{color:#313131;}*/ /* ------------------------------------------------------ =AGE CONTENT ------------------------------------------------------*/ body.age #check {float:left; width:520px; margin-top:0px; position:relative;} body.age #check h1 { font-family: "Lucida Sans", Arial, Verdana, serif; line-height: 1.2em; color:#d0a55e; font-size:3em; margin-top:0px; margin-left:0px; margin-bottom:5px; } body.age #check h2 { font-family: "Lucida Sans", Arial, Verdana, serif; line-height: 1.2em; color:#c4540c; font-size:2em; margin-top:10px; margin-left:0px; margin-bottom:5px; } body.age #check table {width:100%; margin-top:10px; margin-bottom:10px;} body.age #check p { font-size:12px!important;} body.age #check a{color:#313131;} #container #check img.awards {position:absolute; top:280px; left:310px;} /* ------------------------------------------------------ =HOME CONTENT ------------------------------------------------------*/ body.home #rhs {float:left; width:280px;} body.home #rhs .box {background: url(../img/bg/box-line.gif) repeat-x left top; padding-top:10px;} body.home #rhs .box h2 {padding-bottom:10px;} body.home #rhs .box p { font-family: color:#313131; line-height:1.4em; font-size:1.1em; margin-right:20px; padding-bottom:10px;} body.home #rhs .box p a {color:#313131; text-decoration:none;} body.home #rhs .box p a:hover {color:#b12708;} body.home #rhs .box img {margin-right:10px;} /* ------------------------------------------------------ =FUN BOX ------------------------------------------------------*/ body.home #rhs .fun {background:none;} body.home #rhs .fun h2 {text-indent:-8000px; background: url(../img/titles/fun.gif) no-repeat; width:28px; margin-left:165px; } /* ------------------------------------------------------ =DISCOVER THE TASTE BOX ------------------------------------------------------*/ body.home #rhs .discover-the-taste h2 {text-indent:-8000px; background: url(../img/titles/taste.gif) no-repeat; width:135px; } body.home #rhs .discover-the-taste a img {margin-left:10px; margin-bottom:10px;} /* ------------------------------------------------------ =HERITAGE BOX ------------------------------------------------------*/ body.home #rhs .heritage h2 {text-indent:-8000px; background: url(../img/titles/heritage.gif) no-repeat; width:55px; margin-left:98px; } /* ------------------------------------------------------ =WORLD BOX ------------------------------------------------------*/ body.home #rhs .world h2 {text-indent:-8000px; background: url(../img/titles/world.gif) no-repeat; width:133px; } body.home #rhs .world a img {margin-left:10px;} /* ------------------------------------------------------ =AWARD BOX ------------------------------------------------------*/ body.home #rhs .award h2 {text-indent:-8000px; background: url(../img/titles/award.gif) no-repeat; width:154px; margin-left:80px; margin-top:17px;} body.home #rhs .award a img {margin-top:5px;} /* ------------------------------------------------------ =SIDE-NAV ------------------------------------------------------*/ #side-nav {width:235px; float:left; background: url(../img/bg/left-bg.png) no-repeat top right; min-height:514px; _height:514px;} #side-nav.long {height:650px;} #side-nav.disc {height:550px;} #side-nav ul {width:218px; margin-left:12px; margin-top:15px; margin-bottom:20px;} #side-nav ul li { padding:0px 0 0px 0; text-align:left;} #side-nav ul li{_margin-bottom:0px; height:1%;} #side-nav ul li a{_padding-bottom:0px;} #side-nav ul li.history {background: url(../img/icons/history.gif) no-repeat 0px 3px; } #side-nav ul li.about {background: url(../img/icons/about.gif) no-repeat 2px 3px; } #side-nav ul li.whiskey {background: url(../img/icons/whiskey.gif) no-repeat 1px 6px; } #side-nav ul li.news {background: url(../img/icons/news.gif) no-repeat 0px 6px; } #side-nav ul li.news a.on {background:none; padding-bottom:8px;} #side-nav ul li.quiz {background: url(../img/icons/quiz.gif) no-repeat -1px 3px; } #side-nav ul li.ecard {background: url(../img/icons/ecard.gif) no-repeat 0px 8px; } #side-nav ul li.downloads {background: url(../img/icons/downloads.gif) no-repeat 2px 8px; } #side-nav ul li.advertising {background: url(../img/icons/advertising.gif) no-repeat 2px 6px;} #side-nav ul li.competition {background: url(../img/icons/trophy.gif) no-repeat 2px 5px;} #side-nav ul li.awards {background: url(../img/icons/award.gif) no-repeat 0px 6px;} #side-nav ul li.taste {background: url(../img/icons/honey.gif) no-repeat 2px 4px;} #side-nav ul li.recipes {background: url(../img/icons/drinks.gif) no-repeat 3px 1px;} #side-nav ul li.map {background: url(../img/icons/world.gif) no-repeat 0px 5px;} #side-nav ul li.wgrant {background: url(../img/icons/wgrant.gif) no-repeat 1px 4px;} #side-nav ul li.disclaimer {background: url(../img/icons/disclaimer.gif) no-repeat 1px 5px;} #side-nav ul li.policy {background: url(../img/icons/lock.gif) no-repeat 4px 8px;} #side-nav ul li.sitemap {background: url(../img/icons/sitemap.gif) no-repeat -1px 8px;} #side-nav ul li.tdhc {background: url(../img/icons/tdhc.gif) no-repeat -1px 15px;} #side-nav ul li.tdhc2 {background: url(../img/icons/tdhc.gif) no-repeat -1px 8px;} #side-nav ul li.mail {background: url(../img/icons/mailing.gif) no-repeat 5px 6px;} #side-nav ul li.sub {_margin-bottom:-2px;} #side-nav ul li.sub { padding:0px 0 0px 10px; } #side-nav ul li.sub a{background: url(../img/icons/arrow2.gif) no-repeat 20px 3px; font-size:1.1em; font-family:Arial, Verdana, Georgia, "Times New Roman", Times, serif; color:#873922; padding-top:0px; padding-bottom:5px; border:none; font-weight:normal; } #side-nav ul li a span { font-size:9px; color:#BFA99B;} #side-nav ul li.sub a:hover {color:#d3470c; text-decoration:none; border-bottom: none; } #side-nav ul li.sub a.on-sub {background: url(../img/icons/arrow2.gif) no-repeat 20px 3px; color:#d3470c; } #side-nav ul li.sub a.line{ background:url(../img/bg/nav-line.gif) repeat-x bottom left; padding-bottom:8px; } #side-nav ul li a {font-family:Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-size:1.4em; text-decoration:none; color:#a58459; display:block; background:url(../img/bg/nav-line.gif) repeat-x bottom left; padding-top:8px; padding-bottom:12px; font-weight:bold; padding-left:30px;} #side-nav ul li a:hover { color:#c4540c; text-decoration:none; border-bottom: none; } #side-nav ul li a.on {color:#a52f03; font-weight:bold; padding-bottom:12px;} #side-nav ul li a.on:hover {color:#a52f03;} #side-nav a img.left-feature {margin-left:10px; margin-bottom:10px;} body.patricks #side-nav {width:235px; float:left; background: url(../img/bg/patricks-left-bg.png) no-repeat top right; min-height:514px; _height:514px;} body.patricks #side-nav ul li a {background:url(../img/bg/line.gif) repeat-x bottom left;;} /* ------------------------------------------------------ =CONTENT ------------------------------------------------------*/ #content {float:left; width:700px; margin-left:20px; position:relative;} #content p { color:#5b5447; font-size:1.3em; line-height:1.4em; margin-bottom:15px; } #content p a{color:#6f2100; border-bottom: solid 1px #E8DAB5; text-decoration:none;} #content p a:hover{ border-bottom:none;} #content ul {font-size:1.2em; margin-bottom:14px; margin-left:20px;} #content ul li{list-style-type:disc; line-height:1.5em; margin-bottom:4px;} #content ul li em {font-size:0.9em!important;} #content ul li a{color:#6f2100; border-bottom: solid 1px #E8DAB5; text-decoration:none;} #content ul li a:hover{color:#333;} #content p.explain { margin-top:6px; color:#666; background:url(../img/icons/star.png) no-repeat 0 2px; padding-left:12px; font-size:1.1em;} body.patricks #content ul {margin-left:0px;} body.patricks #content ul li{background:url(../img/icons/shamrock.gif) no-repeat 0 3px; list-style-type:none; line-height:1.6em; margin-bottom:4px; padding-left:20px; position:relative;} /* ------------------------------------------------------ =PRODUCTION PROCESS ------------------------------------------------------*/ .process-wrap{background:url(../img/bg/divider.gif) no-repeat; padding-top:13px; padding-bottom:6px;} #content .malting h2, #content .distilling h2, #content .maturation h2, #content .mashing h2, #content .ferment h2{width:auto; margin-top:0px;} #content .malting {padding-left:85px; background:url(../img/pics/malting.png) no-repeat 0px 10px;} #content .distilling{padding-left:85px; background:url(../img/pics/distilling.png) no-repeat 0px 10px;} #content .maturation{padding-left:85px; background:url(../img/pics/mature.png) no-repeat 0px 10px;} #content .ferment{padding-left:85px; background:url(../img/pics/ferment.png) no-repeat 0px 10px;} #content .mashing{padding-left:85px; background:url(../img/pics/mashing.png) no-repeat 0px 10px;} /* ------------------------------------------------------ =FLASH DIVS ------------------------------------------------------*/ #container #discover-flash { position: absolute; top:20px; right:-120px; margin-bottom:10px!important; } #content #discover-flash img.tray {position: absolute; top:138px!important; right:105px!important; } #content #discover-flash img.bottle-tilt{position:absolute; top:0px; left:15px; } #container #map { border: solid 1px #EFE0C5; width:728px; margin:20px 0; background:url(../img/bg/map-bg.png) no-repeat; } #content #pumpkin { float:left; width:213px; margin: -20px 0 0 150px; } #content #confetti_strands { float:left; width:213px; margin: -190px 0 0 70px; } #content #baubles { float:left; width:213px; margin: -40px 0 0 50px; } #content #batsFlash { position:absolute; top:180px; right:0; } #content #bauble { position:absolute; top:210px; right:20px; } #container #fun-flash{position:absolute; top:0px; right:-5px;} #container #shamrocks{position:absolute; top:-5px; left:0px;} #container #content img.deck-chair {position: absolute; bottom:60px; right:120px;} #container #content img.umbrella {position: absolute; bottom:-210px!important; left:0px; } #container #content img.chair {position: absolute; bottom:-210px!important; left:20px; } /* ------------------------------------------------------ =ST PATRICKS FEATURES ------------------------------------------------------*/ #content .guide {float:left; width:315px; margin-right:20px; margin-top:-10px;} #content .guide h3 {width:200px!important; color:#398c12;} #content .guide img {float:right; margin-left:8px;} #content .guide p a {color:#42a115; border-bottom: solid 1px #3b8f13; text-decoration:none;} #content .guide p a:hover{ border-bottom:none;} /* ------------------------------------------------------ =QUIZ PANEL ------------------------------------------------------*/ #quiz {background: url(../img/bg/quiz-bg.png) no-repeat; width:281px; padding-left:400px; height:360px; margin-top:50px; } #quiz #form table { margin-bottom:10px; width:100%; } #quiz table {margin-top:20px; width:281px;} #quiz table tr td { color:#2e2b29; font-size:1.3em; line-height:2em;} #quiz table tr td span {display:none;} #quiz table tr td input {margin-bottom:-1px;} #quiz table tr td input.button {background: url(../img/buttons/next-button.gif); border:0px; width:108px; height:30px; cursor: pointer; margin-top:20px; margin-bottom:2px;} #quiz table tr td input.button:hover {background: url(../img/buttons/next-button-hover.gif); border: 0px; height: 30px; cursor: pointer; } #quiz table tr td img.amount {margin-bottom:-8px; margin-left:5px;} #content p.quiz-result { font-size: 1.6em; margin-top:20px;} /* ------------------------------------------------------ =QUIZ TITLE QUESTIONS ------------------------------------------------------*/ #quiz h3 {color:#6f2100; font-size:1.8em; font-family:Arial, Verdana, Georgia, "Times New Roman", Times, serif; padding-left:28px; line-height:1.6em; } #quiz h3.one {background:url(../img/icons/1.gif) no-repeat 0px 0px;} #quiz h3.two {background:url(../img/icons/2.gif) no-repeat 0px 0px;} #quiz h3.three {background:url(../img/icons/3.gif) no-repeat 0px 0px;} #quiz h3.four {background:url(../img/icons/4.gif) no-repeat 0px 0px;} #quiz h3.five {background:url(../img/icons/5.gif) no-repeat 0px 0px;} #quiz h3.six {background:url(../img/icons/6.gif) no-repeat 0px 0px;} #quiz h3.seven {background:url(../img/icons/7.gif) no-repeat 0px 0px;} #quiz h3.eight {background:url(../img/icons/8.gif) no-repeat 0px 0px;} #quiz h3.nine {background:url(../img/icons/9.gif) no-repeat 0px 0px;} #quiz h3.ten {background:url(../img/icons/10.gif) no-repeat 0px 0px;} /* ------------------------------------------------------ =FUN WINNER ------------------------------------------------------*/ .pos-top {top: 90px!important;} #winner {position: absolute; right: -34px; top: 156px;background: url(../img/bg/winner-bg.gif) repeat-y 0 0; width: 240px; padding: 10px; border: 1px solid #E2DBCE;} #content #winner p { margin: 0px 0 5px 0; font-size:1.2em;} #content #winner p strong{color:#000;} #winner h2{ width: 220px!important; margin: 0!important; padding-left: 25px; background:transparent url(../img/icons/trophy.gif) no-repeat scroll 2px 5px;} .funWrap { margin-top:170px; float:left} /* ------------------------------------------------------ =FORM STYLE -----------------------------------------------------*/ #form { padding:10px; margin-left:-7px; } #form table { margin-bottom:10px; width:65%; } #form table td{ background:none; line-height:2em; padding:7px 4px 4px 4px; border-bottom: solid 1px #EFE4D1!important;} #form table td strong{color:#5f2204; font-weight:normal; font-size:1.1em; font-family:/*Lucida Grande, Lucida Sans, Tahoma,*/ Arial, serif;} #form table td label {color:#333;} #form table td.last { border-bottom: none!important;} #form table td em{font-size:0.9em; color:#e96042; padding-left:5px; font-style:normal;} #form table td input.text{width:95%; padding:4px; background: #FFF; border:1px solid #e2dbce; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.2em; color:#333;} #form table td span.radio{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#333; vertical-align: 3px; margin-left:3px;} #form table td textarea{width:95%; padding:4px; border:1px solid #e2dbce; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:12px; color:#333;} #form table td select{width:94%; padding:2px; border:1px solid #e2dbce; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:1.2em; color:#333;} #form table tr.submit td{padding-top:10px;} #form table input.button{border:1px solid #d0480b; font-family:/*Lucida Grande, Lucida Sans, Tahoma,*/ Arial, serif; font-size:1.1em; text-transform:uppercase; background-color:#fff; padding:4px 8px; color:#5e2e19; font-weight:bold; cursor:pointer;} #form table input.button:hover{color:#333;} #form table input.butt { background:none; border:none; cursor:pointer; color:#6f2100; text-decoration:none; margin-right:15px; font-weight:bold;} #form table input.butt2 { background:url(../img/bg/butt.gif) no-repeat; border: none; cursor:pointer; color:#6f2100; text-decoration:none; font-weight:bold; float:left; width:97px; height:35px; outline:none;} #form table input.simplebutton{font-family:Arial, Helvetica, sans-serif; padding:2px 6px;} #form table .focus{border:1px solid #dac8a8 !important;} #form table span.mand {color:#FF9900;} #content #form p span.title{color:#000;} #content #form p.error { border:1px solid #C63031; padding: 3px; color: #C63031; background-color: #fdf1f2; font-size: 0.9em;} #form table td span.hide {display:none;} #form a.load { font-size:1.1em; text-decoration:none; color:#6f2100; border-bottom: solid 1px #E8DAB5; } #form a.load:hover {border-bottom:none;} /* ------------------------------------------------------ =IMAGERY -----------------------------------------------------*/ .imgLeft {float:left; margin:0px 20px 10px 0px; position:relative;} .imgRight {float:right; margin:20px 0px 10px 20px; } .mt-0{margin-top:0px;} /* ------------------------------------------------------ =DISCOVER THE TASTE -----------------------------------------------------*/ #content h2.discover-the-taste{ width: 100%;} #content div.discaver-text-wrap { width:460px;} #content div.discaver-text-wrap p { margin-top:20px;} /* ------------------------------------------------------ =ABOUT US -----------------------------------------------------*/ img.about-landing { position:absolute; top:-58px; right:-21px;} /* ------------------------------------------------------ =QUOTATIONS -----------------------------------------------------*/ #content blockquote p{background:#f6ebd7 url(../img/bg/blockquote.jpg) no-repeat; padding:10px 13px 10px 44px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#795512; font-size:1.4em; line-height:1.4em; border:1px dotted #e9d5af; margin-bottom:14px;} /* ------------------------------------------------------ =TASTING NOTES -----------------------------------------------------*/ .note{margin-top:10px; width:164px; float:left; margin-right:14px; padding-bottom:6px;} #content .note h3{margin-bottom:4px;} /* ------------------------------------------------------ =AWARD -----------------------------------------------------*/ #content .award{width:250px; float:left; margin-right:40px;} #content .award h3{margin-bottom:4px;} /* ------------------------------------------------------ =SITEMAP ------------------------------------------------------*/ #content #sitemap ul li{list-style-type:none; margin-left:0px;} #sitemap {width: 200px; float: left;} #sitemap ul li.level-one a{color:#7a3701; text-decoration:none; font-weight:bold;} #sitemap ul li.level-two a{color:#5B5447; text-decoration:none;} #sitemap ul li.level-two a:hover{color:#a86026; color:#333;} #sitemap ul li.level-one{font-size:1.2em; margin:8px 0 3px 0; padding-left:22px; background:url(../img/icons/tag.gif) no-repeat 0px 2px; padding-bottom: 1px;} #sitemap ul li.level-two{margin-bottom:3px; padding-left:35px; margin-left:15px; font-size:1em;} #content img.sitemap-bottle-tilt{position:absolute; bottom:0px; right:0px;} #content img.contact-bottle-tilt{position:absolute; bottom:-80px; right:0px;} /* ------------------------------------------------------ =WALLPAPERS ------------------------------------------------------*/ .wallpaper{float:left; margin-bottom:12px; width:155px; margin-right:20px; } #content .wallpaper p {line-height:1.4em; font-size:1.1em; font-family:/*"Lucida Grande", "Lucida Sans", "Lucida",*/ Arial, "Times New Roman", Times, serif;} #content .wallpaper p.title {background: url(../img/icons/wallpaper.gif) no-repeat 0px 2px; padding-left:22px; margin-bottom:4px; font-weight:bold; font-size:1.2em; color:#6c2201;} #content .wallpaper p a {color:#6f2100; font-size:1.1em!importants;} #content .wallpaper p a:hover {text-decoration:none;} .wallpaper img {padding:3px; border:1px solid #ebdbbf; margin-bottom:6px;} .wallpaper a img:hover {border:1px solid #ae8030;} p.downloads {background: url(../img/icons/zip.jpg) no-repeat 0px 1px; padding-left: 23px; padding-bottom:3px;} /* ------------------------------------------------------ =FORM TOOL TIP ------------------------------------------------------*/ .simple_box {width:200px; padding:10px 10px 10px 15px; background:url(../img/bg/tooltip.gif) no-repeat; margin-top:-8px; font-size:1.1em; font-family:Lucida Grande, Lucida Sans, Arial, serif; line-height:1.4em; } .simple_box strong{color:#962102} /* ------------------------------------------------------ =QUIZ SLIDER ------------------------------------------------------*/ #content .slider { padding-top:42px; clear:both; } #content .slider-bar { width:721px; height:9px; background:url(../img/bg/slider-mid.jpg) no-repeat; margin:5px 0 5px 0;} #content .slider-bar .slider-fill { background:url(../img/bg/slider-fill.jpg) repeat-x; height:9px;} /* ------------------------------------------------------ =NEWS -----------------------------------------------------*/ #content ul.news-list{font-size:1.2em; line-height:1.4em; margin-bottom:7px; margin-left:0;} #content ul.news-list li { list-style-type:none;} #content ul.news-list li.header{ padding-bottom:2px; height:1%;} #content ul.news-list li.date { float:right; font-size:.9em; color:#666666; margin-top:15px;} #content ul.news-list li.description{color:#5B5447; margin-bottom:10px;} #content ul.news-list li.readmore { font-size: .9em; background:url(../img/icons/notebook.gif) no-repeat 0 5px; padding-left:24px; padding-top:5px; } #content p.back { font-size: 1.1em; background:url(../img/icons/arrow.gif) no-repeat 0 5px; padding-left:10px;} /* ------------------------------------------------------ =FOOTER ------------------------------------------------------*/ #footer {color:#38571e; background: url(../img/bg/footer-bg.gif) no-repeat; text-align:left; clear:both; font-family: /*"Tahoma",*/ Arial, Helvetica, sans-serif; position:relative; width:960px; padding:15px 15px 10px 15px; height:47px; margin-bottom:30px;} #footer address {float:left; color:#907525; padding-bottom:10px; line-height:1.4em; text-align:left; font-size:1.1em; } #footer address a {color:#2b6770; text-decoration:underline;} #footer address a:hover {text-decoration:none;} #footer address span {font-size:0.9em; color:#9c6012;} #footer address span a {text-decoration:underline; color:#9c6012;} #footer address span a:hover {text-decoration:none;} #footer p.tagline {text-indent:-8000px; background: url(../img/bg/tagline.gif) no-repeat; width:271px; height:15px; position:absolute; left:15px; bottom:0px;} #footer ul {float:right; color:#9c6012; font-size:1.1em; } #footer ul li {text-align:left; display:inline; line-height:1.2em; font-size:1em; height:30px; font-size:1em; } #footer ul li a {color:#9c6012; text-decoration:underline; } #footer ul li a:hover { text-decoration:none;} /* ------------------------------------------------------ =sT PATRICKS FOOTER ------------------------------------------------------*/ body.patricks #footer {color:#38571e; background: url(../img/bg/patricks-footer-bg.gif) no-repeat; text-align:left; clear:both; font-family: /*"Tahoma",*/ Arial, Helvetica, sans-serif; position:relative; width:960px; padding:15px 15px 10px 15px; height:47px; margin-bottom:30px;} body.patricks #footer address {float:left; color:#907525; padding-bottom:10px; line-height:1.4em; text-align:left; font-size:1.1em; } body.patricks #footer address a {color:#2b6770; text-decoration:underline;} body.patricks #footer address a:hover {text-decoration:none;} body.patricks #footer address span {font-size:0.9em; color:#9c6012;} body.patricks #footer address span a {text-decoration:underline; color:#9c6012;} body.patricks #footer address span a:hover {text-decoration:none;} body.patricks #footer p.tagline {text-indent:-8000px; background: url(../img/bg/patricks_tagline.gif) no-repeat; width:271px; height:15px; position:absolute; left:15px; bottom:0px;} body.patricks #footer ul {float:right; color:#9c6012; font-size:1.1em; } body.patricks #footer ul li {text-align:left; display:inline; line-height:1.2em; font-size:1em; height:30px; font-size:1em; } body.patricks #footer ul li a {color:#9c6012; text-decoration:underline; } body.patricks #footer ul li a:hover { text-decoration:none;}