@import url(color.css);
@import url(typography.css);
@import url(visual.css);

/* Layout */
* { margin: 0; padding: 0; outline: none; }
body { behavior: url(/csshover.htc); /* IE Hack for li:hover */ }
.vanish { margin-left: -9999px; }
.clear-both { clear: both; }
.display-none { display: none; }
.display-block { display: block; }
#wine-finder-results li .maker-logo { display: none; }
/* Landing page */
#landing #page-wrap { width: 492px; margin: 0 auto; }
#landing h1 { width: 153px; height: 102px; margin: 170px auto 0; }
#landing p { margin: 20px 0; padding: 0 !important; padding-left: 25px; text-align: center; }
#landing ul { position: relative; top: 0; left: 0; overflow: hidden; margin-left: 115px; }
#landing .first-item { margin-left: 0; }
#landing li { margin-right: 80px; float: left; list-style: none; }
#landing a { display: block; text-decoration: none; padding: 3px; }
#landing span { display: block; text-transform: uppercase; }
/* Generic layout */
#main-site #page-wrap { position: relative; width: 850px; height: 525px; margin: 10px auto; }
#main-site #content-wrap { height: 442px; position: relative; }
img { border: none; }
#main-site h1 { width: 96px; height: 63px; position: absolute; bottom: 20px !important; bottom: 8px; right: 46px !important; right: 10px; z-index: 45; }
#main-site h1 a { width: 120px; height: 62px; padding: 6px; display: block; }
.winemaker h1, .no-logo h1 { position: absolute; top: -9999px; left: 0px; }
.winemaker-logo { position: absolute; bottom: 0; right: 15px; padding: 5px; }
#main-site #content-wrap, #main-site #gallery-wall { width: 100%; clear: both; padding-bottom: 13px; }
#main-site #main-content, #main-site #secondary-content { margin-top: 10px; }
/* Primary and Secondary styles */
#main-site .site-navigation li { position: relative; float: left; list-style: none; }
#main-site .site-navigation a { padding: 0 0 0 10px; }
#main-site #primary-navigation { position: relative; z-index: 30; }
#main-site #primary-navigation li { position: relative; margin: 10px 10px 10px 0; }
#main-site #primary-navigation li.first-item { margin: 10px 10px 10px 10px;	/* IE6 hack to allow z-index */ position: relative; z-index: 50; }
#main-site #primary-navigation li:hover ul { display: block; position: absolute; top: 12px; left: 5px; z-index: 90; }
#main-site #primary-navigation li ul { width: 154px; position: absolute; top: -9999px; left: 5px; padding: 1em 0 0 0; }
#main-site #primary-navigation li li.first-item { margin: 1.2em 0 0 0; } 
#main-site #primary-navigation li ul li { width: 154px; margin: 0; }
#main-site #primary-navigation li ul a { width: 144px; display: block; padding: 5px; }

#main-site #secondary-navigation { position: absolute; top: 490px !important; bottom: 10px; left: 0; z-index: 40; }
#main-site #secondary-navigation li { margin: 10px 10px 10px 0; }
#main-site #secondary-navigation li.first-item { margin: 10px 10px 10px 10px; }
.next-page a { padding: 0 10px 3px 0; display: block; }
/* Portrait layout */
.portrait #main-content { position: absolute; top: 4px; right: 85px; width: 300px; z-index: 10; }
.portrait #secondary-content { position: absolute; top: 0; left: 83px; }
.portrait #main-content .content-bottom { height: 16px; clear: both; }
/* Gallery content layout */
.gallery #main-content { position: absolute; top: 25px; left: 66px; width: 480px; height: 350px; padding: 0 10px 0 0; overflow: auto; z-index: 10; }
.gallery #secondary-content { width: 229px; position: absolute; top: 0; right: 24px; z-index: 49; }
.caption { width: 170px; height: 80px; padding: 10px 20px 0 10px; }
.gallery #main-content blockquote p { margin: 0 40px; font-size: 11px; font-weight: bold; color: #9E7742; }
.winemaker ul.sub-menu { width: 220px; padding: 8px 20px; }
.winemaker ul.sub-menu li { list-style: none; }
/* Gallery "scrolling" layout */
a.alternative-version { position: absolute; top: 10px; right: 10px; }
.wine-logo { position: absolute; top: 53px; left: 40px; }
.wine-logo a { width: 167px; height: 225px; display: block; }
.footnote { width: 141px; height: 41px; padding: 5px 0 0 9px; position: absolute; bottom: 0; left: 0; }
.footnote a { padding: 0 10px 0 0; display: block; }
/* Trade section */
.trade-login #page-wrap { height: 200px; background: url(/images/gallery/gallery-floor.gif) bottom left repeat-x; }
.trade-login h1 { display: none; }
#login-area h2 { width: 200px; height: 50px; margin: 35px auto 15px; }
#login-area form, #login-area p { width: 185px; margin: 0 auto; }
#login-area { width: 220px; height: 446px; margin: 19px auto 26px; }
#login-area table { width: 185px; margin: 0 auto; }
#login-area td.submit { text-align: right; }
#login-area input { width: 185px; margin: 0 0 5px 0; }
#login-area td.submit input { width: 55px; }
.lost-password #email { width: 185px; }
.trade-site-notice { position: absolute; top: -2.4em; right: 10px; }
.trade-site-notice span { display: block; }
#market-tools-wrap { width: 230px; }
#market-tools-wrap ul ul { margin-left: 15px; }
#market-tools-wrap ul ul li { list-style: none; }
h3.tools-button a { display: block; padding: 4px 8px; margin-top: 5px; }
#market-tools-wrap ul { margin-top: 2px; }
#market-tools-wrap li a { display: block; padding: 0 6px; margin: 2px; }
/* Wine Finder, Awards and Contact page */
.contact .contact-form { width: 218px; position: absolute; top: 15px; right: 30px; padding: 0; }
.contact .contact-form table { width: 178px; margin: 0 auto; }
.contact .contact-form th { padding: 10px 5px 0; }
.contact .contact-form input { width: 178px; }
.contact .contact-form .checkbox { width: 15px; height: 11px; margin: 4px 0 0; }
.contact .contact-form .submit { margin: 3px 0; }
.contact .contact-end { height: 480px; }

.wine-search input { width: 178px; }
#wine-guide { width: 218px; padding: 15px 0; position: absolute; top: 15px; right: 30px; }
#wine-guide td, .contact .contact-form table td { vertical-align: top; padding: 0 5px 4px; }
#wine-guide .seperator { text-align: left; padding: 10px 5px; }
#wine-guide p { margin: 0; }
#wine-guide table { width: 188px; margin: 0 auto; }
#wine-finder-results li { position: relative; list-style: none; padding: 5px 0 10px 40px; min-height: 140px; }
#wine-finder-results li .wine-maker-logo { position: absolute; top: 9px; left: 0; }
#wine-finder-results li .wine-bottle { position: absolute; top: 9px; left: 0; border: none; }
#wine-guide .submit, .contact .contact-form input.submit { width: 55px; margin-right: 5px; }
.gallery #main-content #wine-finder-results li a { width: 70px; display: block; padding: 2px 0; float: left; margin: 0 5px 0 0; }
.category-search select { width: 178px; }

#awards li { position: relative; list-style: none; padding: 5px 0 10px; }
.star-ratings li h3 { padding-bottom: 10px; }
.award-detail { position: relative; min-height: 50px; }
#awards .award-logo { position: absolute; top: 0; left: 12px; }
/* Stockist Popup */
.stockist-pop { padding: 15px 25px; }
.stockist-pop li { list-style: none; margin: 15px 0; }
/* Trade POS form */
#pos-form h3 { margin: 10px 0; }
#pos-form td {  width: 150px; padding: 2px 3px; }
#pos-form table { width: 350px; margin: 10px 0; }
#pos-form input { width: 186px; padding: 2px 3px; }
#pos-form .pos-code input { width: 132px; }
#pos-form .quantity input { width: 40px; }
#pos-form .submit input { width: 60px; }

div.legal { position: relative; width: 850px; margin: 10px auto; }
div.legal p.legal { float: right; font-size: 80%; }
div.legal p.copy { font-size: 80%; }
.toggle { display: block; width: 15px; height: 11px; position: absolute; top: 0; right: 150px; }
.toggle-selected { display: block; width: 15px; height: 11px; position: absolute; top: -2px; right: 170px; padding: 2px; border: 1px solid #9E7742; background: #FFF; }