body { background: url("/imagelibrary/hgwines-background.gif") repeat-x top; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; }
img { border: 0px; }
form { margin: 0px; padding: 0px; }

#container { width: 720px; background: #FFF; margin: 0px auto; padding: 20px; text-align: left; }

#header { width: 760px; margin: 0px auto; text-align: center; background: url("/imagelibrary/hg-wines-logo.gif") no-repeat center top; padding: 100px 0px 0px 0px; }
#header a { color: #000; font-size: 2em; font-weight: bold; text-decoration: none; }

#page { margin: 30px 0px; }

#menu { width: 160px; float: left; font-size: 1em; }

#nav, #nav ul { list-style: none; margin: 0px; padding: 0px; }
#nav a { display: block; font-weight: bold; color: #000; text-decoration: none; padding: 1px 5px; width: 130px; }
#nav li { width: 140px; background: #FFF; border: 1px solid #000; padding: 0px; margin: 0px 0px 10px 0px; }
#nav li:hover, #nav li.sfhover { background: url("/images/menuitem.gif") repeat-x #E5E5E5; border: 1px solid #000; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 200px; font-weight: normal; margin: 0px; padding: 0px; border: 1px solid #000; border-bottom: none; }
#nav li li { width: 200px; border-bottom: 1px solid #000; }
#nav li ul a { width: auto; font-weight: bold; }
#nav li ul ul { margin: -22px 0px 0px 200px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }

#content { padding: 0px; margin: 0px 0px 20px 160px; }
#content h1 { background: #E5E5E5; padding: 4px 10px; font-size: 1.8em; font-weight: normal; }
#content h1 a { font-weight: normal; }
#content h2 { background: #EEE; padding: 4px 10px; font-size: 1.5em; font-weight: normal; }
#content h2 a { font-weight: normal; }
#content h3 { font-size: 1.2em; font-weight: bold; }
#content h3 a { font-weight: normal; }
#content p { font-size: 1em; line-height: 1.5em; }
#content li { font-size: 1em; line-height: 1em; margin-bottom: 10px; }
#content a { color: #000; text-decoration: none; font-weight: bold; }
#content .productimage { padding-left: 20px; }
#content input, #content textarea, #content select { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; }
#content label { font-size: 0.8em; font-weight: bold; }
#content .red { color: #FF0000; }
#content .table p { margin: 0px; padding: 0px; }
#content .table .line { background: #000; margin: 4px 0px; line-height: 1px; }
#content .table td { text-align: right; }
#content .table .top { vertical-align: top; }
#content .table .left { text-align: left; }
#content .table .grey { background: #E5E5E5; }
#content .table .button { margin-top: 2px; }
#content .table .button a { font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#content .table .button a:hover { border: 1px solid #000; background: #999; color: #000; }

#content .dropdown { float: right; margin: 4px 0px; font-size: 0.8em; }
#content .dropdown select { margin: 0px 0px 0px 4px; }

#wines .heading { background: #CCC; padding: 4px 10px; font-size: 1.5em; margin: 10px 0px; }
#wines .item { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #CCC; display: table; width: 550px; }
#wines .item h2 { background: #FFF; font-size: 1em; font-weight: bold; padding: 0px; margin: 0px 0px 6px 0px; }
#wines .item .description { font-size: 0.8em; }
#wines .item .image { float: left; margin: 0px 10px 0px 0px; }
#wines .item .producer { margin: 6px 0px 0px 0px; font-size: 0.7em; color: #999; }
#wines .item .producer a { color: #999; }
#wines .item .wasprice { font-size: 0.8em; font-weight: normal; margin-right: 20px; }
#wines .item .price { float: right; font-weight: bold; }
#wines .item .cart { float: right; padding-bottom: 1px; }
#wines .item .cart a { font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#wines .item .cart a:hover { border: 1px solid #000; background: #999; color: #000; }

#wines .full { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #CCC; display: table; width: 550px; }
#wines .full h2 { background: #FFF; font-size: 1.5em; font-weight: normal; margin: 0px; padding: 0px; }
#wines .full .description { margin: 10px 0px; }
#wines .full .image { float: right; margin: 20px 0px 10px 10px; }
#wines .full .producer { margin: 6px 0px 0px 0px; font-size: 0.7em; color: #999; }
#wines .full .producer a { color: #999; }
#wines .full .price { margin: 10px 0px; font-weight: bold; }
#wines .full .wasprice { font-size: 0.8em; font-weight: normal; margin-left: 20px; }
#wines .full .cart a { font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#wines .full .cart a:hover { border: 1px solid #000; background: #999; color: #000; }
#wines .full .map { width: 540px; height: 300px; margin: 10px 0px; }

#books .item { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #CCC; display: table; width: 550px; }
#books .item h2 { background: #EEE; font-size: 1.5em; font-weight: normal; margin: 0px 0px 10px 0px; padding: 4px 10px; }
#books .item .description { margin: 10px 0px; }
#books .item .cover { float: right; margin: 0px 0px 10px 10px; padding: 10px; background: #E5E5E5; text-align: center; }
#books .item .image { margin: 0px 0px 10px 0px; }
#books .item .price { margin: 10px 0px; font-weight: bold; }
#books .item .cart a { background: #FFF; font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#books .item .cart a:hover { border: 1px solid #000; background: #999; color: #000; }
#books .item .map { width: 540px; height: 300px; margin: 10px 0px; }

#locator .full .image { display: table; float: right; margin: 0px 0px 10px 20px; }
#locator .full .heading { font-size: 1.5em; margin: 0em 0em 0.5em 0em; }
#locator .full .address { background: #E5E5E5; font-size: 0.8em; padding: 0.5em; margin: 10px 0px; clear: both; }
#locator .full .address .contact { float: right; }
#locator .full .description { font-size: 1em; }
#locator .full .map { width: 540px; height: 300px; margin: 10px 0px; }

#locator .heading { background: #CCC; padding: 4px 10px; font-size: 1.5em; margin: 10px 0px; }
#locator .item { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #CCC; display: table; width: 550px; }
#locator .item .image { float: left; margin: 0px 10px 0px 0px; }
#locator .item h2 { background: #FFF; font-size: 1em; font-weight: bold; padding: 0px; margin: 0px 0px 6px 0px; }
#locator .item .description { font-size: 0.8em; }
#locator .item .map { width: 540px; height: 300px; margin: 10px 0px; }
#locator .item .cart { float: right; }
#locator .item .cart a { font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#locator .item .cart a:hover { border: 1px solid #000; background: #999; color: #000; }

.nextprev { text-align: right; background: #E5E5E5; padding: 4px 10px; }
.nextprev .disabled { font-weight: bold; }
.nextprev .selected { }

#shoppingcart .button { padding-top: 1px; margin-top: 1px; }
#shoppingcart .button a { font-size: 0.8em; color: #999; border: 1px solid #999; padding: 2px 6px; }
#shoppingcart .button a:hover { border: 1px solid #000; background: #999; color: #000; padding: 2px 6px; }

#management {}
#management .cat { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #CCC; }
#management .item { margin-bottom: 10px; }
#management .cat .item .button { margin-right: 10px; }
#management .button { margin: 2px 0px; padding: 2px 0px; }
#management .button a { font-size: 0.8em; color: #999; background: #FFF; border: 1px solid #999; padding: 2px 6px; }
#management .button a:hover { border: 1px solid #000; background: #999; color: #000; }

#footer { font-size: 1em; padding-top: 10px; border-top: 1px dashed #000; text-align: center; }
#footer a { color: #000; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: none; }

.popup { position: absolute; display: none; border: 1px solid #000000; padding: 6px; background: #FFFFFF; width: 350px; }
