/* Author: Michael Burrows (michael@igloo.com.au) */
@import url(reset.css); @import url(clearfix.css);

/* ---------- HTML ELEMENTS ---------- */
body {background-color:#fff; color:#454545; font:62.5% Georgia, serif;}
h1 {font-size:4.5em; color:#5e5e5e; font-weight:normal; margin:0 0 15px 15px;}
h2 {font-size:1.8em; font-weight:normal; margin-bottom:8px;}
h3 {color:#454545; font-size:1.6em; font-weight:bold; border-bottom:1px solid #dfdfdf; padding-bottom:8px; margin-bottom:11px;}
h4 {color:#000; font-size:1.2em; font-weight:bold; margin-bottom:2px;}
h4 a {color:#000;}
a {text-decoration:none; color:#de0014;}
a:hover {color:#de0014;}
p {line-height:1.4em; font-size:1.2em; margin-bottom:10px;}
strong {color:#000; font-weight:bold;}
input, select {font-family:Georgia,serif; font-size:1.1em;}

/* ---------- MAIN LAYOUT ---------- */
#main-content {margin:0 auto; width:960px; padding:10px 0 45px 0;}
/* Header */
#logo {background:#fff url('../images/global/yabby-lake-logo.jpg'); width:154px; height:66px; margin-top:15px; display:block; float:left; text-indent:-9999px;}
#search {float:right; width:183px;}
#search-text {float:left; font-family:Georgia, serif; width:139px; font-size:1.2em; background:#fff url('../images/design/small-gradiant.gif') bottom left; border:1px solid #dfdfdf; padding:2px 0 2px 5px;}
#search-btn {float:right;}
#logged-in {float:right;}
#logged-in div {float:left; margin-right:8px; font-size:1.1em;}
#logged-in  a {color:#000; text-decoration:underline;}
#logged-in .welcome, #logged-in .logout {padding-top:4px;}
/* Footer */
#footer-holder {font-size:1.0em; border-top:1px solid #d6d6d6; padding:20px 0 45px 0; background-color:#f9f9f9;}
#footer-content {width:960px; margin:0 auto;}
#footer-content ul {float:left; width:200px;}
#footer-content li {margin-bottom:10px; color:#5d5d5d;}
#footer-content li a {color:#5d5d5d;}
#footer-content li a:hover {color:#de0014;}
#footer-content .last {width:150px;}
#site-by-igloo {margin-top:35px;}
#site-by-igloo span {display:none;}
/* Right Content */
#right-holder {float:right; width:774px;}
#breadcrumb {margin:0 0 25px 2px;}
#breadcrumb a {margin-left:5px; color:#454545;}
#breadcrumb a:hover {color:#de0014;}
#breadcrumb span {margin-left:5px;}
/* Left Sub Content */
#left-holder {width:169px; float:left; padding-top:30px;}
#left-nav {font-size:1.1em; margin-bottom:17px;} 
#left-nav li {border-bottom:1px solid #e3e3e3; padding:2px 0;}
#left-nav li a {display:block; color:#454545;}
#left-nav li a.active {color:#de0014;}
#left-nav-sub, #left-nav-sub-sub  {border:none!important;}
#left-nav-sub-sub {background:none!important;}
#left-nav-sub ul li {background:#fff url('../images/design/icon-arrow-right.gif') no-repeat 0 7px; padding-left:15px;}
#left-nav-sub-sub ul li {background-image:none!important; padding-left:25px; margin-left:-15px;}
#join-yabby-lake {margin-top:18px;}
#join-yabby-lake, #featured-wine {margin-bottom:3px; border:1px solid #dbdbdb; float:left; width:153px; padding:15px 8px; background:#fff url('../images/design/med-gradiant.gif') repeat-x;}
#featured-wine .featured-wine-img {margin:0 auto; margin-bottom:15px;}

/* ---------- HOME ---------- */
#home-flash {margin-bottom:3px; position:relative; z-index:-5px;}
#home-intro {font-size:1.3em; width:220px; margin-right:20px; float:left;}
#home-site-sections {width:690px; padding:15px; float:right; background:#fff url('../images/design/home-sections-bg.gif') no-repeat;}
#home-site-sections .section {width:206px; float:left; margin-right:35px;} 
#home-site-sections .last {margin-right:0px;}
#home-site-sections .featured-wine p {float:left; width:150px;}
#home-site-sections .featured-wine h4 {width:150px;}
#home-site-sections .featured-wine-img {float:right;}

/* ---------- ABOUT US ---------- */
/* Parters & Links */
.partner-links-list .link {font-size:1.1em;}
.partner-links-list .link:hover {text-decoration:underline;}

/* ---------- THE WINES ---------- */
/* Range */
.range-holder {margin-top:20px;}
.range-holder h4 {width:145px; float:left;}
.range-holder p {width:145px;}
.range-holder .wine-bottle-img {float:right;}
#wine-bottle-lge {float:right;}
/* Friends of Red Claw */
#state-select select {width:200px; font-size:1.2em;}
.friends-details ul {float:right; width:360px; padding-right:10px; font-size:1.2em;}
.friends-details .img-thumb {float:left;}
.friends-details .title {margin-bottom:2px; font-size:0.8em;}
.friends-details .link a {color:#de0014;}
.friends-details .link a:hover {text-decoration:underline;}
.friends-details .address {margin-top:6px;}
.friends-details .phone {margin-top:2px;}
.friends-details .text {margin-top:8px;}
.friends-details .text p {font-size:1.0em;}

/* ---------- YABBY LAKE TV ---------- */
#tv-flash {margin:0 0 40px 20px;}
#tv-flash h2 {margin-bottom:20px;}
.tv-holder h4 {position:relative; left:-22px;}

/* ---------- NEWS ---------- */
.pager {float:left; font-size:1.1em;}
.pager a {color:#454545;}
.pager li {float:left; padding:4px;}
.pager .previous, .pager .next {display:block; float:left; text-indent:-9999px; width:17px; height:15px;}
.pager .previous {background:#fff url('../images/buttons/btn-prev.gif');}
.pager .previous:hover {background:#fff url('../images/buttons/btn-prev-over.gif');}
.pager .next {background:#fff url('../images/buttons/btn-next.gif');}
.pager .next:hover {background:#fff url('../images/buttons/btn-next-over.gif');}
.pager .displaying {margin-left:25px;}
#archive-select {float:right; margin-top:3px;}
#archive-select select {width:155px; font-size:1.1em;}
/* Ask the Winemakers */
#question-heading {margin-bottom:15px; border-bottom:1px dotted #7d7d7d; border-top:1px dotted #7d7d7d; padding:6px 0 6px 15px;}
#submit-question {font-size:1.1em; width:415px;}
#submit-question input {width:276px; margin-bottom:10px;}
#submit-question .label {width:115px; float:left; padding:3px 0 0 15px; margin-bottom:10px;}
#submit-question #question {width:276px;}
#submit-question #submit-question-submit {width:62px; height:21px; float:left; margin:25px 0 0 130px;}

/* ---------- WINE CLUB ---------- */
.benefits {margin:0 0 25px 15px;}

/* ---------- SHOP ---------- */
.shop-table, .payment-table {font-size:1.1em; width:758px; margin-bottom:25px;}
.shop-table td, .payment-table td {padding:8px;}
.shop-table .heading td, .payment-table .heading td {font-weight:bold; border-bottom:1px dotted #7d7d7d; border-top:1px dotted #7d7d7d; padding:8px 5px;}
.shop-table .sub-heading td {font-weight:bold; color:#000; padding:20px 0 10px 8px;}
.shop-table .dark td {background-color:#f1f1f1;}
.shop-table .quantity {width:65px;}
.shop-table .delivery-radio, .payment-table .payment-radio {margin-right:15px;}
.shop-table .last, .payment-table .last {padding-bottom:35px;}
.shop-table #delivery-td {width:410px;}
.shop-table #price-td {width:110px;}
.shop-table #save-txt {font-size:80%;}
.shop-table #save-txt h2 {font-weight:bold;}
.shop-table #save-txt a {float:left; margin:0 6px 15px 0;}
.shop-table .inactive {color:#d1d1d1; text-decoration:line-through;}
.cart-subtotal {text-align:right;}
.cart-price {text-align:right; font-weight:bold; padding-right:8px; border-bottom:1px dotted #7d7d7d;}
.cart-price div {width:500px; border:1px solid red; float:left;}
#promo-code label {font-size:1.1em; margin-right:8px;}
#promo-code-txt {width:65px;}
#promo-code-btn {display:inline; position:relative; top:6px;}
*+html #promo-code-btn {display:inline; position:relative; top:5px;}
* html #promo-code-btn {display:inline; position:relative; top:5px;}
#warning-message {position:absolute; color:#fff; font-size:0.9em; width:180px;}
* html #warning-message {margin-left:-63px;}
*+html #warning-message {margin-left:-63px;}
#warning-message p {background:#e72132; margin-bottom:0; padding:10px;}
#warning-message #pointer {background:transparent url('../images/design/warning-bg.gif') 20px 0px no-repeat; height:20px;}
#address-list li {font-size:1.2em; margin-bottom:3px;}
.payment-table .payment-input {width:275px;}
.payment-table .payment-instructions {width:275px; height:65px;}
.payment-table .payment-code {width:70px;}
.payment-table .top {padding-top:25px;}
.payment-table #card-type {width:200px;}
.payment-table #expiry-month {width:50px;}
.payment-table #expiry-year {width:70px;}
.payment-table #hear-about {width:200px;}
.payment-table .first-td {width:240px;}
.payment-table #yes {margin-right:6px;}

/* ---------- TRADE ---------- */
.trade-list {font-size:1.1em; margin-bottom:20px;}
.marketing-list {margin:8px 0 20px 0; float:left;}
.marketing-list li {font-size:1.1em; width:600px; float:left; margin-bottom:3px;}
.marketing-list span {float:left;}
/* Image Library */
.image-holder {margin-top:190px;}
.image-library-img {padding:3px; border: 1px solid #dad7d7; margin-bottom:10px; background-color:#fff;}
.image-library-img img {margin:auto;}

/* ---------- INTERNATIONAL ---------- */
.international-list {margin-bottom:20px; font-size:1.1em;}
.international-list li {margin-bottom:2px;}
.international-list h4 {font-size:1.1em;}

/* ---------- SEARCH ---------- */
#searched {margin:3px 20px 0 0; float:left;}
#search-inline {float:left; width:304px; margin-bottom:10px;}
#search-inline-text {float:left; font-family:Georgia, serif; width:260px; font-size:1.2em; background:#fff url('../images/design/small-gradiant.gif') bottom left; border:1px solid #dfdfdf; padding:2px 0 2px 5px;}
#search-inline-btn {float:right;}

/* ---------- MEMBERS / LOGIN / REGISTER ---------- */
/* Join & Edit Details */
#details-form {margin-left:10px;}
#details-form .lge {width:275px;}
#details-form .med {width:145px;}
#details-form .sml {width:75px;}
#details-form  .dob {color:#6a6a6a;}
#details-form .phone-input {width:208px;}
#details-form p {font-size:1.1em;}
#details-form  a {color:#000; text-decoration:underline;}
#details-form .question {margin:18px 0 3px 0;}
#details-form  #buttons {margin-top:25px;}
#details-table {width:748px; margin-bottom:25px;}
#details-table td {padding:5px; font-size:1.1em;}
#details-table .first-td {width:220px;}
td.error {background-color:#fffcdd;}
p.error {background-color:#fffcdd; padding:5px;}
.error-txt {background-color:#fffcdd; font-size:11px;}
span.error-txt {position:relative; left:450px;}
.error-txt img {display:inline; position:relative; top:4px; right:3px;}
/* Forgot Email */
#forgot-email {margin:0 0 10px 10px;}
#forgot-email label {font-size:1.1em; margin-right:8px;}
#forgot-email-txt {width:275px;}
#forgot-email-btn {display:inline; position:relative; top:6px;}
*+html #forgot-email-btn {top:4px;}
* html #forgot-email-btn {top:4px;}
/* Login */
#login-table {font-size:1.1em; margin-bottom:25px;}
#login-table td {padding:5px;}
#login-table .first-td {width:240px;}
#login-table .login-input {width:275px;}
#login-table a {color:#000; text-decoration:underline; top:-6px; left:8px; position:relative;}

/* ---------- COMMON ELEMENTS ---------- */
.three-holder {float:left; margin:0 0 20px 16px;}
* html .three-holder {margin-left:8px;}
.three-holder li {float:left; margin-right:38px; width:200px;}
.details-table {margin:12px 0 25px 0; width:600px;}
.details-table td {font-size:1.1em; padding:5px 5px 5px 10px;}
.details-table .title {font-weight:bold; width:180px;}
.details-table .dark {background-color:#f1f1f1;}
.block {border-bottom:1px dotted #7d7d7d; margin:20px 0 20px 16px; padding-bottom:10px; width:600px;}
.block.none {border:none; margin-bottom:0;}
.block.wide {width:758px;}
.img-thumb {border:1px solid #dad7d7; padding:3px; margin-bottom:10px;}
.img-basic {border:1px solid #dad7d7; margin-bottom:20px;}
.content-list li {font-size:1.1em; margin-bottom:6px; background:#fff url('../images/design/icon-arrow-right.gif') no-repeat 0 7px; padding-left:15px;}
.standard-list li {border-bottom:1px dotted #7d7d7d; margin-bottom:20px; padding-bottom:10px;}
.standard-list .last {border:none;}
.list-sub {font-style:italic; color:#000; margin-bottom:6px;}
.padding {padding-bottom:200px;}
.sub-heading {font-weight:bold; border-bottom:1px dotted #7d7d7d; border-top:1px dotted #7d7d7d; padding:8px 5px; font-size:1.1em;}
.border-top {border-top:1px dotted #7d7d7d;}
.login-links a {color:#000; text-decoration:underline;}
.sundry {margin-top:35px;}
.right {float:right;}
#template-index {padding:30px;}
#template-index li {list-style:disc; margin-left:15px;} 
#template-index li a {font-size:13px; margin-bottom:2px;}

/* ---------- BUTTONS ---------- */
.btn-more-info {float:left; display:block; background:#fff url('../images/buttons/btn-more-info.gif'); text-indent:-9999px; width:65px; height:15px; margin-right:2px;}
.btn-more-info:hover {background:#fff url('../images/buttons/btn-more-info-over.gif');}
.btn-buy-now {float:left; display:block; background:#fff url('../images/buttons/btn-buy-now.gif'); text-indent:-9999px; width:61px; height:15px;}
.btn-buy-now:hover {background:#fff url('../images/buttons/btn-buy-now-over.gif');}
.btn-buy-now-lge {float:left; margin-left: display:block; background:#fff url('../images/buttons/btn-buy-now-lge.gif'); text-indent:-9999px; width:72px; height:21px;}
.btn-buy-now-lge:hover {background:#fff url('../images/buttons/btn-buy-now-lge-over.gif');}
.btn-more-news {float:left; display:block; background:#fff url('../images/buttons/btn-more-news.gif'); text-indent:-9999px; width:71px; height:15px;}
.btn-more-news:hover {background:#fff url('../images/buttons/btn-more-news-over.gif');}
.btn-join-now {float:left; display:block; background:#fff url('../images/buttons/btn-join-now.gif'); text-indent:-9999px; width:63px; height:15px;}
.btn-join-now:hover {background:#fff url('../images/buttons/btn-join-now-over.gif');}
.btn-play {float:left; position:relative; top:-32px; left:173px;}
.btn-back-to-articles {float:left; margin-top:20px; display:block; background:#fff url('../images/buttons/btn-back-to-articles.gif'); text-indent:-9999px; width:105px; height:21px;}
.btn-back-to-articles:hover {background:#fff url('../images/buttons/btn-back-to-articles-over.gif');}
.btn-send-question {float:left; margin:10px 0 10px 0; display:block; background:#fff url('../images/buttons/btn-send-question.gif'); text-indent:-9999px; width:126px; height:21px;}
.btn-send-question:hover {background:#fff url('../images/buttons/btn-send-question-over.gif');}
.btn-join-now-lge {float:left; display:block; background:#fff url('../images/buttons/btn-join-now-lge.gif'); text-indent:-9999px; width:74px; height:21px;}
.btn-join-now-lge:hover {background:#fff url('../images/buttons/btn-join-now-lge-over.gif');}
.btn-continue {float:right;}
.btn-download-pdf {float:right; display:block; background:#fff url('../images/buttons/btn-download-pdf.gif'); text-indent:-9999px; width:88px; height:15px;}
.btn-download-pdf:hover {background:#fff url('../images/buttons/btn-download-pdf-over.gif');}
.btn-download-image {margin-top:6px; display:block; background:#fff url('../images/buttons/btn-download-image.gif'); text-indent:-9999px; width:96px; height:15px;}
.btn-download-image:hover {background:#fff url('../images/buttons/btn-download-image-over.gif');}
.btn-view-google-maps {margin-top:6px; display:block; background:#fff url('../images/buttons/btn-view-google-maps.gif'); text-indent:-9999px; width:104px; height:15px;}
.btn-view-google-maps:hover {background:#fff url('../images/buttons/btn-view-google-maps-over.gif');}
.btn-login-join {margin-top:10px; float:left; display:block; background:#fff url('../images/buttons/btn-login-join.gif'); text-indent:-9999px; width:116px; height:21px;}
.btn-login-join:hover {background:#fff url('../images/buttons/btn-login-join-over.gif');}
.btn-login-join-header {margin-right:7px; display:block; background:#fff url('../images/buttons/btn-login-join.gif'); text-indent:-9999px; width:116px; height:21px;}
.btn-login-join-header:hover {background:#fff url('../images/buttons/btn-login-join-over.gif');}
.btn-login {float:left; display:block; background:#fff url('../images/buttons/btn-login.gif'); text-indent:-9999px; width:54px; height:21px; margin-right:2px;}
.btn-login:hover {background:#fff url('../images/buttons/btn-login-over.gif');}
.btn-view-printable {float:left; margin-top:15px; display:block; background:#fff url('../images/buttons/btn-view-printable.gif'); text-indent:-9999px; width:122px; height:15px; margin-right:2px;}
.btn-view-printable:hover {background:#fff url('../images/buttons/btn-view-printable-over.gif');}
.btn-close-window {position:relative; left:680px; top:-40px; display:block; background:#fff url('../images/buttons/btn-close-window.gif'); text-indent:-9999px; width:86px; height:15px;}
.btn-edit-details {display:block; float:left; background:#fff url('../images/buttons/btn-edit-details.gif'); text-indent:-9999px; width:105px; height:21px;}
.btn-edit-details:hover {background:#fff url('../images/buttons/btn-edit-details-over.gif');}

/* ---------- NAVIGATION ---------- */
#nav-holder {width:779px; float:left; margin:7px 0 0 27px; position:relative; display:block; z-index:10;}
#nav-holder ul ul {width:150px; position:relative; z-index:10;}
#nav-holder li {float:left; position:relative; z-index:10;}
#nav-holder a, #nav-holder a:visited {display:block; height:30px; text-indent:-9999em;}

/* ---------- changes to nav for safari to not wrap nav ---------- */
#nav-holder > ul > li > a { display: none !important; }
#nav-holder > ul > li > a#nav-home, #nav-holder > ul > li > a#nav-about-us, #nav-holder > ul > li > a#nav-the-wines, #nav-holder > ul > li > a#nav-wines, #nav-holder > ul > li > a#nav-yabby-lake-tv, #nav-holder > ul > li > a#nav-news, #nav-holder > ul > li > a#nav-wine-club, #nav-holder > ul > li > a#nav-shop, #nav-holder > ul > li > a#nav-trade, #nav-holder > ul > li > a#nav-international, #nav-holder > ul > li > a#nav-contact, #nav-holder > ul > li > a#nav-china { display: block !important; }

#nav-home, #nav-about-us, #nav-the-wines,#nav-wines, #nav-yabby-lake-tv, #nav-news, #nav-wine-club, #nav-shop, #nav-trade, #nav-international, #nav-contact, #nav-china {background-image:url('../images/global/nav.gif');background-repeat:none;}
/* Set BG position for top level */
#nav-home {background-position:0 0; width:55px;} 
#nav-home:hover, #nav-home.active {background-position:0 30px;}
#nav-about-us {background-position:-55px 0; width:68px;}
#nav-about-us:hover, #nav-about-us.active {background-position:-55px 30px;} 
#nav-the-wines {background-position:-123px 0; width:74px;}
#nav-wines {background-position:-123px 0; width:74px;}
#nav-the-wines:hover, #nav-the-wines.active {background-position:-123px 30px;} 
#nav-wines:hover, #nav-wines.active {background-position:-123px 30px;} 
#nav-yabby-lake-tv {background-position:-197px 0; width:97px;}
#nav-yabby-lake-tv:hover, #nav-yabby-lake-tv.active {background-position:-197px 30px;}
#nav-news {background-position:-294px 0; width:46px;}
#nav-news:hover, #nav-news.active {background-position:-294px 30px;}
#nav-wine-club {background-position:-340px 0; width:73px;}
#nav-wine-club:hover, #nav-wine-club.active {background-position:-340px 30px;}
#nav-shop {background-position:-413px 0; width:44px;}
#nav-shop:hover, #nav-shop.active {background-position:-413px 30px;}
#nav-trade {background-position:-457px 0; width:48px;}
#nav-trade:hover, #nav-trade.active {background-position:-457px 30px;}
#nav-international {background-position:-505px 0; width:91px;}
#nav-international:hover, #nav-international.active {background-position:-505px 30px;}
#nav-contact {background-position:-596px 0; width:81px;}
#nav-contact:hover, #nav-contact.active {background-position:-596px 30px;}
#nav-china {background-position:-677px 0; width:102px;}
#nav-china:hover, #nav-china.active {background-position:-677px 30px;}
/* Hide the sub levels and give them a positon absolute so that they take up no room */
#nav-holder ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0; z-index:10;}
/* Style the table so that it takes no part in the layout - required for IE to work */
#nav-holder table {position:absolute; top:0; left:0; z-index:10;}
/* Style the second level links */
#nav-holder ul ul a, #nav-holder ul ul a:visited {background:#fff url('../images/design/small-gradiant.gif') left bottom; color:#454545; height:16px; font-size:1.1em; padding:6px 0 3px 8px; width:135px; border:1px solid #dedede; border-top:none; text-indent:0;}
#nav-holder ul ul a:hover, #nav-holder ul ul a.active {color:#de0014;}
#nav-holder ul li:hover ul, #nav-holder ul a:hover ul {visibility:visible;}
/* Style parent when child hover */
#nav-holder :hover > a#nav-about-us {background-position:-55px 30px;}
#nav-holder :hover > a#nav-the-wines {background-position:-123px 30px;}
#nav-holder :hover > a#nav-wines {background-position:-123px 30px;}
#nav-holder :hover > a#nav-yabby-lake-tv {background-position:-197px 30px;}
#nav-holder :hover > a#nav-wine-club {background-position:-340px 30px;}
#nav-holder :hover > a#nav-trade {background-position:-457px 30px;}
#nav-holder :hover > a#nav-international {background-position:-505px 30px;}

/* ---------- NO FLASH ---------- */
#no-flash-holder {text-align:center; font-size:1.3em; padding:40px 0 40px 0;}
#no-flash-img {margin: 0 auto 20px auto;}