body { background: #6d5204 url(/template/background.png) repeat-x; color: #000; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color: #000; } input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } input, textarea { padding: 3px; } fieldset { border: 0; } label { display: block; font-size: 11px; font-weight: bold; } table { margin-bottom: 8px; } th, td { padding: 0 3px 2px; } * { margin: 0px; padding: 0px; } a { outline: none; color: #AC8006; text-decoration: none; } a:hover { color: #6B5106; } a img { border: none; } p { margin-bottom: 1em; } h1, h2, h3, h4, h5, h6 { line-height: normal; padding: 0px; } h1 { font-size: 36px; color: #6b5106; margin-bottom: 15px; font-weight: normal; } h2 { font-size: 24px; color: #6b5106; margin-top: 15px; margin-bottom: 10px; font-weight: normal; } h3 { font-size: 16px; color: #6b5106; margin: 15px 0px 0 0; padding-bottom: 5px; } h4 { font-size: 12px; color: #000; font-weight: bold; margin-top: 5px; margin-bottom: 5px; } h4 em { color: #6b5106; display: block; margin-top: 5px; font-size: 10px; font-weight: normal; text-transform: uppercase; } #container .comment { font-size: 9px; color: #535353; text-transform: uppercase; } .photo_table { } .photo_table td { padding: 15px; padding-top: 5px; font-size: 10px; font-style: italic; color: #b38807; text-align: center; } .photo_table td img { margin-bottom: 2px; } .staff_table { width: 100%; } .staff_table td { vertical-align: top; } .staff_table td img { margin-right: 15px; margin-left: 15px; } h3.gold { color: #6b5106; } hr { background-color: #c8ae57; border: 0; color: #c8ae57; display: block; height: 1px; margin: 0; !margin: -7px; /* IE */ margin-bottom: 10px; !margin-bottom: 3px; } ul, ol { margin-left: 25px; margin-bottom: 10px; } li ul, li ol { margin-bottom: 0; } li { margin-bottom: 5px; } #wrapper .submit { font-weight: bold; } .caption { font-size: 10px; } .gold { color: #b38807; } .grey { color: #666666; } #content_container { margin-top: 40px; padding: 25px; padding-top: 0px; } #content-bottom { clear: both; background: #ffffff url(/template/content-bottom.gif) no-repeat bottom right; margin-bottom: 10px; } #content-top { background: url(/template/content-top.gif) no-repeat top left; } #footer { clear: both; background: url(/template/footer.png) no-repeat bottom left !important; background: url(/template/footer.gif) no-repeat bottom left; padding-bottom: 150px; } #wrapper { width: 980px; margin: 0 auto; } #header { height: 129px; background: url(/template/header.jpg) no-repeat; } #content { clear: both; background: #ffffff url(/template/content-bottom.gif) no-repeat bottom right; margin-bottom: 10px; } #content-hd { background: url(/template/content-top.gif) no-repeat; } #winebottle { background: url(/template/footer-bottle.png) no-repeat bottom right !important; background: url(/template/footer-bottle.gif) no-repeat bottom right; } #whitebottle { background: url(/template/footer-bottle-white.png) no-repeat bottom right; } #wineglass { background: url(/template/footer-glass.png) no-repeat bottom right; } #sidebar { float: left; width: 205px; } #sidebar-withbg { background: url(/template/sidebar.jpg) bottom no-repeat; color: #fff; line-height: 1.3em; padding-bottom: 5px; } #sidebar-withbg a { color: #fff; text-decoration: none; } #sidebar-nobg { text-align: center; } #body { float: left; width: 775px; } #container ul#navigation { width: 100%; margin: 0; padding: 0; list-style: none; } #container ul#navigation li { display: inline; float: left; margin: 0 0 0 0; text-indent: -9999px; } #container ul#navigation li a:link, #container ul#navigation li a:visited { display: block; height: 54px; border: none; background: url(/template/navigation.gif); } #container ul#navigation li a:hover { border: none; } #container ul#navigation li#nav-home a:link, #container ul#navigation li#nav-home a:visited { width: 163px; background-position: -0px 0; } #container ul#navigation li#nav-home a:hover, #container ul#navigation li#nav-home a.current { width: 163px; background-position: -0px 54px; } #container ul#navigation li#nav-winemaking a:link, #container ul#navigation li#nav-winemaking a:visited { width: 173px; background-position: -163px 0; } #container ul#navigation li#nav-winemaking a:hover, #container ul#navigation li#nav-winemaking a.current { width: 173px; background-position: -163px 54px; } #container ul#navigation li#nav-products a:link, #container ul#navigation li#nav-products a:visited { width: 156px; background-position: -336px 0; } #container ul#navigation li#nav-products a:hover, #container ul#navigation li#nav-products a.current { width: 156px; background-position: -336px 54px; } #container ul#navigation li#nav-wineideas a:link, #container ul#navigation li#nav-wineideas a:visited { width: 161px; background-position: -492px 0; } #container ul#navigation li#nav-wineideas a:hover, #container ul#navigation li#nav-wineideas a.current { width: 161px; background-position: -492px 54px; } #container ul#navigation li#nav-aboutus a:link, #container ul#navigation li#nav-aboutus a:visited { width: 148px; background-position: -653px 0; } #container ul#navigation li#nav-aboutus a:hover, #container ul#navigation li#nav-aboutus a.current { width: 148px; background-position: -653px 54px; } #container ul#navigation li#nav-contact a:link, #container ul#navigation li#nav-contact a:visited { width: 179px; background-position: -801px 0; } #container ul#navigation li#nav-contact a:hover, #container ul#navigation li#nav-contact a.current { width: 179px; background-position: -801px 54px; } #submenu { color: #6b5106; font-size: 12px; float: right; background: url(/template/submenu-lft.png) no-repeat top left; padding-left: 15px; margin-right: 40px; } #submenu div { background: url(/template/submenu-rgt.png) no-repeat top right; padding-right: 15px; } #submenu div div { background: #fff; height: 19px; padding: 7px 0 7px 0; } #submenu a { color: #b38807; margin: 0 5px 0 5px; } #submenu a.active { text-decoration: underline; } #winexpert { float: right; margin: 20px 30px 0 0; } #logo { padding: 35px 0 0 203px; line-height: normal; } #logo h1 { font-size: 36px; color: #000; font-weight: bold; margin: 0; } #logo p { font-size: 20px; margin: 0; color: #372a09; } #sidebar-nav { list-style: none; margin: 20px 0 30px 0; font-size: 11px; white-space: nowrap; } #sidebar-nav li { padding: 7px 7px 7px 48px; margin-bottom: 1px; background-position: 10px center; background-repeat: no-repeat; } #sidebar-nav li strong { display: block; font-size: 12px; } #sidebar-nav .active, /*#sidebar-nav li:hover { background-color: #3f291e; }*/ #sidebar-nav li:hover a { color: #AC8006; } #sidebar-nav .gallery { background-image: url(/template/icon-gallery.png); } #sidebar-nav .calendar { background-image: url(/template/icon-calendar.png); } #sidebar-nav .newsletter { background-image: url(/template/icon-newsletter.png); } #sidebar-nav .specials { background-image: url(/template/icon-specials.png); } #sidebar-nav .links { background-image: url(/template/icon-links.png); } #sidebar-nav .winecheck { background-image: url(/template/icon-winecheck.png); } #sidebar-nav .blog { background-image: url(/template/icon-blog.png); } #articles h1 { font-size: 32px; margin-bottom: 0px; line-height: normal; } #articles h2 { margin-top: 10px; } #articles .subheading { color: #666666; font-size: 11px; text-transform: uppercase; } #container .inputform { color: #A9820D; font-weight: bold; } #container .inputform td { padding: 5px; } #container .inputform .input { width: 100%; } #cal { width: 700px; } #cal .center-nav { text-align: center; font-size: 24px; white-space: nowrap; line-height: normal; } /** * Calendar *********************************/ #calendar { float: none; width: 100%; padding: 15px; border: none; min-height: 500px; border-collapse: collapse; padding: 0; margin: 0; font-size: 11px; line-height: 18px; } #calendar th { padding: 5px; font-size: 11px; text-align: center; color: #666; } #calendar td { padding: 0px; text-align:center; vertical-align: top; } #calendar caption { padding: 2px 0 5px; margin-top: 10px; font-size: 13px; font-weight: bold; } #calendar td.calendar-event { padding: 0; } #calendar td.event { padding: 0px; line-height: 15px; } #calendar span.calendar-prev, #calendar span.calendar-next { color: #ddd; } /* #calendar td .today-label { padding: 12px; float: left; } #calendar td .month-label { padding: 12px; text-align: center; font-size: 14pt; color: #859a65; } #calendar td .empty { background: url('/template/cal_day_pn.gif') top left no-repeat; min-height: 75px; height: auto !important; height: 75px; } #calendar td .cal-day { width: 80px; background: url('/template/cal-bd.png') repeat-y; color: #fff; } #calendar td .cal-day div { background: url('/template/cal-hd.png') no-repeat top left; } #calendar td .cal-day div div { padding: 0 2px 2px 2px; background: url('/template/cal-ft.png') no-repeat bottom left; min-height: 75px; height: auto !important; height: 75px; } #calendar td .cal-day a { color: #333; } #calendar td .cal-today { width: 80px; background: url('/template/cal-bd.png') repeat-y; } #calendar td .cal-today div { background: url('/template/cal-hd.png') no-repeat top left; } #calendar td .cal-today div div { padding: 0 2px 2px 2px; background: url('/template/cal-ft.png') no-repeat bottom left; min-height: 75px; height: auto !important; height: 75px; } #calendar td .cal-today a { color: #333; } */ #calendar .cal-day { width: 100px; } #calendar .cal-day .hd { background: url(/template/cal-hd.png) no-repeat; height: 17px; text-align: center; color: #fff; } #calendar .cal-day .bd { background: url(/template/cal-bd.png) repeat-y; min-height: 50px; height: auto !important; height: 50px; font-size: 10px; text-align: left; padding-right: 3px; } #calendar .cal-day .ft { background: url(/template/cal-ft.png) no-repeat; height: 12px; } #calendar .cal-day a { display: block; color: #000; margin: 0px 3px 0px 3px; padding-top: 1px; padding-left: 10px; background: url(/template/cal-bullet.gif) no-repeat 5px 7px; } .calendar-day { background: url(/template/cal-box.jpg) no-repeat bottom; width: 100px; height: 80px; font-size: 10px; text-align: left; padding-right: 3px; } #calendar .calendar-day a { display: block; color: #000; margin: 0px 3px 0px 3px; padding-top: 1px; padding-left: 10px; background: url(/template/cal-bullet.gif) no-repeat 5px 7px; } #home-news-table { width: 100%; margin-top: 15px; margin-bottom: 15px; } #home-news-table td { padding: 0px; margin: 0px; } #home-news-table td a { padding: 0; margin: 0; } #home-news-table .heading { padding-right: 15px; } #home-news-table .heading h2 { margin: 0px; } #home-news-table .subheading { line-height: normal; font-size: 11px; text-align: left; width: 100%; padding-left: 30px; } .winemaking-table h2 { margin: 0; } .winemaking-table p { margin: 0; } .read-full { font-size: 10px; text-transform: uppercase; } #articles-sidebar .links p { margin-bottom: 2px; } #articles-sidebar .links a { font-size: 10px; } #articles-sidebar h3 { margin-bottom: 10px; } #container .article-title { font-size: 13px; } #archives-body h1 { font-size: 24px; } #archives-body .content h1 { font-size: 36px; font-weight: normal; margin-top: 15px; padding: 0px; } #archives-body h2 { font-size: 18px; font-weight: bold; } #archives-body .content h2 { color: #6f5407; font-size: 25px; font-weight: normal; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #6f5407; } #archives-body h3 { font-size: 14px; } #archives-body .sidebar { background: url(/template/email-sidebar.jpg) bottom no-repeat; color: #fff; padding: 10px 20px 25px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #archives-body .sidebar h1 { font-size: 15px; margin-bottom: 5px; margin-top: 10px; color: #fff; } #archives-body .sidebar a { color: #fff; text-decoration: none; } #archives-body .sidebar p { padding: 0px; margin: 0px; margin-left: 7px; margin-bottom: 7px; } #footernav { margin-bottom: 20px; color: #B38807; } #footernav a:hover { color: #d1af66; } #container h4.breadcrumb { font-size: 13px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; } #products_search { border-bottom: 1px solid #e0dcb7; padding-bottom: 15px; width: 100%; margin-bottom: 15px; } #products_search img { float: left; } #products_search h2 { margin: 0px; padding: 0px; margin-bottom: 10px; } #products_search td { padding-bottom: 5px; } #products_search select { width: 99%; } #container .product_cat p { margin-bottom: 3px; line-height: 15px; text-align: left; } #container .product_cat h4 { margin-bottom: 2px; text-transform: uppercase; color: #b38807; } #container .product_cat .allcaps { font-size: 9px; color: #535353; } #container .product_cat img { margin-bottom: 10px; } #container .product_list h4 { margin-bottom: 2px; text-transform: uppercase; } #container .product_list td { padding-bottom: 20px; vertical-align: top; } #container .product_list td.addinfo { padding-top: 6px; padding-left: 20px; } #container .product_list td.price { font-size: 9px; color: #746743; padding: 0px; padding-bottom: 0px; text-align: right; vertical-align: bottom; } #container .product_list p { margin-bottom: 2px; } #container .product_list .small { font-size: 9px; color: #535353; margin-bottom: 5px; line-height: normal; } #container .product_list .flavour { } #container .product_list em { color: #6b5106; }s /* forms */ #contact-form { width: 380px; } #contact-name, #contact-email { width: 135px; } #contact-message { height: 100px; width: 300px; } #contact-name { margin: 0 10px 0 0; } div label.error { font-size: 10px; color: #ce665f; } div input.error, div textarea.error { border: 1px solid #f99; background-color: #fdd; } div.form-row { float: left; margin-top: 10px; } div.form-row div { display: inline; float: left; margin-right: 10px; } div.form-row.first { margin: 0; } div.form-row.last { margin-bottom: 15px; } div.form-row.submit { clear: both; margin: 15px 0; } /* library */ ul.inline-list li { display: inline; list-style: none outside; } /* Clear fix! */ #container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container .clearfix { display: inline-block; } * html .clearfix { height: 1%; } #container .clearfix { display: block; }