body { background: #000; margin: 0px; padding: 0px; color: #fff; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a { outline: none; text-decoration: none; color: #D9E369; } a:hover { color: #c4cc66; } a img { border: 0px; } h1,h2,h3,h4,h5,h6,p { margin: 0px; padding: 0px; font-size: 100%; } p { margin-bottom: 10px; } h1 { color: #D9E369; font-size: 23px; font-weight: normal; margin-bottom: 10px; } h2 { color: #D9E369; font-size: 20px; font-weight: normal; margin-bottom: 10px; } h3 { font-size: 16px; line-height: normal; margin-bottom: 5px; } hr { clear: both; color: #bfbfbf; background-color: #bfbfbf; height: 1px; border: none; margin-bottom: 15px; } .small { font-size: 11px; } .heading { background: url(/template/horiz-bar.png) no-repeat !important; background-image: none; padding: 10px; } .heading2 { background: url(/template/horiz-bar2.png) no-repeat !important; background-image: none; padding: 10px; } h1.heading { margin-bottom: 0px; } #container { width: 979px; margin: 0 auto; background: url(/template/background-rep.jpg) repeat-y; } #container-inner { min-height:887px; height:auto !important; height: 887px; } #container #ft { background: url(/template/footer.jpg) no-repeat; height: 131px; width: 979px; } #submenu { text-transform: uppercase; margin-bottom: 10px; } #submenu a { margin-left: 3px; margin-right: 3px; } #bottles { background: url(/template/bottles.jpg) no-repeat; } #contentbody { background: #fff; padding: 15px; border: 1px solid #7a7f35; margin-top: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #home .content { color: #d9e369; } #home h1, #home h2 { color: #d9e369; } #header { height: 144px; } #header a { margin-left: 0px; } #address { width: 180px; position: absolute; top: 35px; margin-left: 778px; text-align: right; line-height: 20px; } #content { display: inline; width: 764px; float: right; margin-right: 18px; margin-top: 15px; } #content.bottle { width: 726px; } #welogo { float: right; position: relative; margin-top: -157px; margin-right: 30px; width:100px; height: 100px; } #kit-instructions { color: #333; padding: 20px; margin-bottom: 30px; width: 674px; background: #fff; border: 1px solid #7a7f35; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #kit-instructions h1, #kit-instructions h2, #kit-instructions h3, #kit-instructions a { color: #6B722D; } /* Subnav Buttons ********************/ #navbuttons { display: inline; margin-bottom: 20px; } #navbuttons a { margin-right: 53px; display: inline-block; width: 149px; height: 84px; background-repeat: no-repeat; } #navbuttons a:hover { background-position: 0px -84px; } #navbuttons .calendar { background: url(/template/btn_events.jpg); } #navbuttons .gallery { background: url(/template/btn_gallery.jpg); } #navbuttons .specials { background: url(/template/btn_specials.jpg); } #navbuttons .tim { background: url(/template/btn_tim.jpg); } #navbuttons .blog { background: url(/template/btn_blog.jpg); } #navbuttons .newsletter { background: url(/template/btn-newsletter.gif); } /* Side Navigation *******************/ #sidenav { display: inline; position: relative; margin: -5px 25px 0px 20px; float: left; width: 150px; } #sidenav #sidenavitems a { font-size: 14px; height: 22px; display: block; width: 120px; background: url(/template/sidebullet.png) no-repeat; padding-left: 35px; padding-top: 6px; color: #fff;} #sidenav #sidenavitems a:hover { color: #d9dac6; } #sidenav .check { background: url(/template/btn_check.jpg); } #sidenav .news { background: url(/template/btn_newsletter.jpg); } #sidenav .enter { background: url(/template/btn_enter.jpg); } #socmedia { margin-top: 10px; margin-bottom: 15px; height: 45px; } #socmedia a { display: inline; width: auto; height: auto; margin-right: 10px; } /* Main Navigation ******************/ ul#navigation { display: inline; width: 764px; float: left; margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } ul#navigation li { display: inline; float: left; margin: 0 0 0 0; text-indent: -9999px; } ul#navigation li a:link, ul#navigation li a:visited { display: block; height: 45px; border: none; background: url('/template/navigation.gif'); } ul#navigation li a:hover { border: none; } ul#navigation li#nav-home a:link, ul#navigation li#nav-home a:visited { width: 111px; background-position: -0px 0; } ul#navigation li#nav-home a:hover, ul#navigation li#nav-home a.current { width: 111px; background-position: -0px 45px; } ul#navigation li#nav-winemaking a:link, ul#navigation li#nav-winemaking a:visited { width: 149px; background-position: -111px 0; } ul#navigation li#nav-winemaking a:hover, ul#navigation li#nav-winemaking a.current { width: 149px; background-position: -111px 45px; } ul#navigation li#nav-products a:link, ul#navigation li#nav-products a:visited { width: 125px; background-position: -260px 0; } ul#navigation li#nav-products a:hover, ul#navigation li#nav-products a.current { width: 125px; background-position: -260px 45px; } ul#navigation li#nav-wineideas a:link, ul#navigation li#nav-wineideas a:visited { width: 138px; background-position: -385px 0; } ul#navigation li#nav-wineideas a:hover, ul#navigation li#nav-wineideas a.current { width: 138px; background-position: -385px 45px; } ul#navigation li#nav-aboutus a:link, ul#navigation li#nav-aboutus a:visited { width: 121px; background-position: -523px 0; } ul#navigation li#nav-aboutus a:hover, ul#navigation li#nav-aboutus a.current { width: 121px; background-position: -523px 45px; } ul#navigation li#nav-contact a:link, ul#navigation li#nav-contact a:visited { width: 120px; background-position: -644px 0; } ul#navigation li#nav-contact a:hover, ul#navigation li#nav-contact a.current { width: 120px; background-position: -644px 45px; } /* Articles Sidebar **************************/ #articles-sidebar { float: left; width: 195px; margin-left: 15px; } #articles-sidebar .title { margin-bottom: 10px; } #articles-sidebar .searchbox { margin-top: 5px; padding: 4px 15px 0px 0px; height: 19px; width: 116px; margin-bottom: 15px; } $articles-sidebar .links { } #articles-sidebar .links p { margin-bottom: 2px; } #articles-sidebar .links a { font-size: 10px; } #articles { width: 490px; float: left; padding: 10px; } #articles .article { clear: both; margin-bottom: 15px; width: 100%; } #articles .article .image { width: 60px; text-align:center; margin-right: 15px; margin-bottom: 10px; position: relative; float: left; } #articles .article .summary { float: left; } #article-details { width: 490px; float: left; } #article-details .image { width: 60px; margin-right: 15px; margin-bottom: 10px; position: relative; top: 4px; float: left; } #articles em, #articles-details em { letter-spacing: 1px; } /*#articles { background: #fff; border: 1px solid #7a7f35; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #articles { color: #333; padding: 20px; width: 450px; margin-bottom: 20px; } #articles h1, #articles h2, #articles h3, #articles a { color: #6B722D; }*/ #articles { padding: 20px; width: 450px; margin-bottom: 20px; } /* Labels ***********************************/ #labels { background: #fff; border: 1px solid #7a7f35; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #labels { color: #333; padding: 20px; width: 675px; margin-bottom: 30px; } /* Products *********************************/ #products { background: #fff; padding: 15px; border: 1px solid #7a7f35; margin-top: 10px; margin-bottom: 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #products { color: #000; margin-right: 20px; } #products a, #products h1, #products h2, #products h3, #products h4 { color: #6B722D; } #products 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%; } #products .product_cat p { margin-bottom: 3px; line-height: 15px; text-align: left; } #products .product_cat h4 { margin-bottom: 2px; text-transform: uppercase; } #products .product_cat .allcaps { font-size: 9px; color: #535353; } #products .product_cat img { margin-bottom: 10px; } #products .product_list h4 { margin-bottom: 2px; text-transform: uppercase; } #products .product_list td { padding-bottom: 20px; vertical-align: top; } #products .product_list td.addinfo { padding-top: 6px; padding-left: 20px; } #products .product_list td.price { font-size: 11px; color: #746743; padding: 0px; padding-bottom: 0px; text-align: right; vertical-align: bottom; } #products .product_list p { margin-bottom: 2px; } #products .product_list .small { font-size: 9px; color: #535353; margin-bottom: 5px; line-height: normal; } #products .product_list .flavour { } #products .product_list em { color: #6b5106; } /* Possibly obsolete articles styles */ .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 { clear: left; margin-bottom: 0px; } #container .article-title a { color: #D9E369; } #container .article-summary { color: #fff; } #container .article-date { color: #D9E369; } /* Calendar ********************************/ #cal .center-nav { text-align: center; font-size: 18px; white-space: nowrap; line-height: normal; color: #fff; } #cal .center-nav a { color: #fff; } #cal h1, #cal a { color: #d9e369; } #cal .read-full { text-decoration: underline; } #calendar { float: none; width: 593px; margin: 0 auto; padding: 15px; border: none; min-height: 500px; border-collapse: separate; border-spacing: 5px; padding: 0; font-size: 11px; line-height: 18px; } #calendar th { padding: 5px; padding-top: 0px; font-size: 11px; text-align: center; color: #6B722D; } #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 .calendar-day { background: url(/template/calendar-box.png) no-repeat bottom left; width: 79px; 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 5px; } #calendar .calendar-day a:hover { color: #333710; } #calendar .cal-hd { background: #fff url(/template/calendar-box.png); height: 19px; color: #fff; text-align: center; width: 79px; } /* 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%;}