/* Global Styles */

html { background-color: #f2f1ef; }
body { background-color: #f2f1ef; color: #928b82; font-family: verdana, sans-serif; }

.clear { line-height: 0em; font-size: 0em; height: 0em; clear: both; padding: 0; margin: 0; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #000; }

/* GLOBAL WRAPPERS */
#navwrapper, #bannerwrapper, #contentwrapper, #footerwrapper { width: 100%; text-align: center; }
#footerwrapper { padding-bottom: 15px; }
#navwrapper { background-color: #fff; height: 140px; overflow: hidden; }
#bannerwrapper { background: #362c1a url(/assets/images/backgrounds/banner.gif) repeat-x; height: 148px; overflow: hidden; }

/* GLOBAL CONTAINERS */
#mainnav, #banner, #content, #footer { width: 952px; text-align: left; margin: auto; }
#banner { width: 992px; text-align: center; }
#content { width: 958px; } /* drop shadows extend width */
#sitemap #content, #privacypolicy #content, #shippingpolicies #content { width: 961px; } /* drop shadow different size */

/* LOGO */
a#logo { display: block; margin: auto; margin-top: 33px; }

/* MAIN NAVIGATION */
#mainnav { padding-top: 29px; }

#mainnav ul, #mainnav ul li { list-style: none; margin: 0; padding: 0; }
#mainnav ul li { display: inline; }

#mainnav #nav { float: left; }
#mainnav #ecommerce { float: right; font-size: 77%; margin-top: 0px; }

#ecommerce li { border-right: 1px solid #928b82; }
#ecommerce li a { color: #928b82; padding: 0 7px 0 4px; _padding: 0 3px 0 5px; }
#ecommerce li a:hover { color: #000; }

#ecommerce li.wishlist { border-right: none; }
#ecommerce li.wishlist a { padding-right: 0; }

#nav li a, div.medialink a { background-position: 0px 0px; padding-top: 15px; height: 0px; overflow: hidden; 
    display: block; float: left; background-repeat: no-repeat; }
#nav li a { margin-right: 28px; }
#nav li.wineclub a { margin-right: 0; }

#nav li.about a { background-image: url(/assets/images/global/mainnav/about.gif); width: 43px; }
#nav li.wines a { background-image: url(/assets/images/global/mainnav/wines.gif); width: 38px; }
#nav li.howellmountain a { background-image: url(/assets/images/global/mainnav/howell-mountain.gif); width: 119px; }
#nav li.winemaking a { background-image: url(/assets/images/global/mainnav/winemaking.gif); width: 145px; }
#nav li.news a { background-image: url(/assets/images/global/mainnav/news.gif); width: 98px; }
#nav li.wineclub a { background-image: url(/assets/images/global/mainnav/wine-club.gif); width: 68px; }
#nav li.mailinglist a { background-image: url(/assets/images/global/mainnav/mailing-list.gif); width: 81px; }
#footer div.medialink a { background-image: url(/assets/images/global/mainnav/media-subpage.gif); width: 96px; }

#nav li a:hover, #about li.about a, #wines li.wines a, #howellmountain li.howellmountain a,
#mountainwinemaking li.winemaking a, #news li.news a, #wineclub li.wineclub a, #mailinglist li.mailinglist a, 
#footer div.medialink a:hover, #media #footer div.medialink a { background-position: 0 -15px; }


/* FOOTER */
#footer { font-size: 77%; margin-top: 15px; }
#footer ul { float: left; }
#footer ul, #footer ul li { list-style: none; margin: 0; padding: 0; }
#footer ul li { display: inline; border-right: 1px solid #928b82; padding: 0 6px 0 4px; _padding: 0 2px 0 6px; }
#footer ul li.contactus { padding-left: 0; }
#footer ul li.sitemap { padding-right: 0; border-right: none; }
#footer ul li a { color: #928b82; text-transform: uppercase; }
#footer ul li a:hover { color: #000; }

#footer div.copyright { float: left; padding: 0 0 0 13px; }
#footer div.medialink { float: right; }

#privacypolicy li.privacypolicy a, #shippingpolicies li.shippingpolicies a,
#sitemap li.sitemap a, #about.contactus li.contactus a { color: #000; }

/* LEFTNAV  PAGES */
#leftnavpage-wrapper { width: 100%; margin-top: 5px; 
    background: transparent url(/assets/images/global/backgrounds/leftnav-middle.gif) repeat-y; }
#leftnavpage-wrapper div.open { width: 100%; padding-top: 4px;
    background: transparent url(/assets/images/global/backgrounds/leftnav-top.gif) no-repeat top center; }
#leftnavpage-wrapper div.close { width: 100%; padding: 4px 0 0 0; clear: left; height: 0em; margin: 0;
    font-size: 0em; line-height: 0em; 
    background: #f2f1ef url(/assets/images/global/backgrounds/leftnav-bottom.gif) no-repeat top center; }
#leftnav { width: 160px; float: left; padding: 34px 0 0 17px; text-align: left; }

#leftnav ul, #leftnav ul li { list-style: none; margin: 0; padding: 0; }
#leftnav ul { margin-top: -3px; }
#leftnav ul li { margin-bottom: 6px; width: 150px; line-height: 100%; }
#leftnav ul li a { font-size: 77%; color: #928b82; text-transform: uppercase; }
#leftnav ul li a img { display: none; }
#leftnav ul li a:hover, #leftnav ul li a.on { color: #000; }
#leftnav ul li a.on img { display: inline; }
#leftnav ul li a.childOn img { display: none; }

#leftnav ul li ul { margin-top: 3px; margin-left: 9px; }
#leftnav ul li ul li { width: 150px; margin-bottom: 3px; }
#leftnav ul li ul li a { padding-left: 11px; display: block; background: transparent url(/assets/images/global/leftnav-off.gif) no-repeat 0px 4px; padding-bottom: 2px; }
#leftnav ul li ul li a:hover, #leftnav ul li ul li a.on { background: transparent url(/assets/images/global/leftnav-on.gif) no-repeat 0px 4px; }


/* COPY */
#copy { width: 705px; float: left; padding: 34px 38px 34px 38px; text-align: left; min-height: 300px; _height: 300px; }

#copy h1#pagetitle { margin: 0 0 23px 0; color: #928b82; font-size: 116%; font-weight: normal; line-height: 13px; font-family: verdana, sans-serif; }
#copy h2#pagesubtitle { padding-bottom: 10px; font-size: 116%; color: #6e6962; }
#copy h2 { font-size: 93%; margin-bottom: 0; padding-bottom: 0; }

#copy p, #copy ol li, #copy ul li { font-size: 85%; line-height: 175%; }
#copy img.long { margin-top: 5px; }

#copy p.pre-list { margin-bottom: 0; padding-bottom: 0; }
#copy p.error { color: #d21400; font-style: italic; }
#copy p.error span { font-style: normal; }

#copy ol { margin-left: 55px; }
#copy ol li { margin-bottom: 10px; }
#copy ul { margin-top: 0; padding-top: 0; }

#copy div.quote { padding: 27px 36px 0 24px; }
#copy div.quote img.quote { margin-right: 32px; float: left; }
#copy div.quote img.img { float: left; }

#copy img.right { float: right; margin: 6px 0 30px 38px; }

#copy table { border: none; border-collapse: collapse; }
#copy table tr td { font-size: 85%; border: none; padding: 0 0 4px 0; }
#copy table#shippingtable tr td.state-column { width: 145px; }

#copy h2.indent { margin-left: 12px; }
#copy .hr { margin-top: 4px; border-top: 1px solid #d6d4d0; }
#copy h2.hr { padding-top: 18px; }
#copy ul.indent { margin-left: 45px; }

#copy div.center { width: 100%; text-align: center; }
#copy div.center * { margin: auto; }

#copy a#back-link { font-size: 85%; float: right; display: block; padding-top: 2px; }

span.right-arrow { padding-right: 13px; background: #fff url(/assets/images/global/right-arrow.gif) no-repeat right center; }
span.up-arrow { padding-right: 13px; background: #fff url(/assets/images/global/up-arrow.gif) no-repeat right center; }

/* FULL PAGES */
#fullpage-wrapper { width: 100%; margin-top: 5px; 
    background: transparent url(/assets/images/global/backgrounds/fullpage-middle.gif) repeat-y; }
#fullpage-wrapper div.open { width: 100%; padding-top: 4px;
    background: transparent url(/assets/images/global/backgrounds/fullpage-top.gif) no-repeat top center; }
#fullpage-wrapper div.close { width: 100%; padding: 4px 0 0 0; clear: left; height: 0em; margin: 0;
    font-size: 0em; line-height: 0em; 
    background: #f2f1ef url(/assets/images/global/backgrounds/fullpage-bottom.gif) no-repeat top center; }

#fullpage-wrapper #copy { width: 679px; padding-left: 117px; padding-right: 157px; }