body { background: url("images/st-john-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: 720px; margin: 0px auto; text-align: center; background: url("/images/st-john-logo.gif") no-repeat center top; padding: 75px 0px 0px 0px; }
#header a { color: #000; font-size: 28px; text-decoration: none; padding-right: 10px; font-weight: bold; }

#page { margin: 30px 0px; }

#tvscroller { height: 160px; border: 1px solid #000; }
#tvscroller marquee { margin: 0px; padding: 0px; height: 160px; overflow: hidden; }
#tvscroller img { border-bottom: 1px solid #000; border-top: 0px; border-left: 0px; border-right: 0px; }

#logo { margin-bottom: 40px; padding-top: 125px; background: url("/images/big-st-john-pig.jpg") no-repeat top center; }
#logo a { padding: 0px; font-size: 42px; font-weight: bold; }
#intro { text-align: left; font-size: 12px; margin-bottom: 20px; }

#intro td { width: 230px; padding: 15px; }
#intro .button a { font-size: 20px; color: #999; border: 1px solid #999; padding: 2px 6px; display: block; }
#intro .button a:hover { border: 1px solid #000; background: #999; color: #000; }
#intro .reservations { text-align: center; padding: 10px 0px; font-size: 24px; border: 1px solid #000; background: #eee; }

#nav { 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; background: #FFF; border: 1px solid #000; }
#nav a:hover { background: url("/images/menuitem.gif") repeat-x #E5E5E5; }
#nav li { width: 140px; padding: 0px; margin: 0px 0px 10px 0px; }

#ternav { font-size: 0.8em; border-top: 5px solid #fff; }
#ternav li { width: 130px; padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px; }
#ternav a { display: block; font-weight: bold; color: #000; text-decoration: none; padding: 1px 5px; width: 120px; background: #FFF; border: 1px solid #000; }

#content { padding: 0px; margin: 0px 0px 20px 160px; }
#content img { border: 1px solid #000; }
#content h1 { background: #E5E5E5; padding: 4px 10px; font-size: 1.8em; font-weight: normal; text-align: center; }
#content h1 a { font-weight: normal; }
#content h2 { background: #EEE; padding: 4px 10px; font-size: 1.5em; font-weight: normal; text-align: center; }
#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; }

#content h1 .button { margin: 2px 0px; padding: 2px 0px; }
#content h1 .button a { font-size: 0.8em; color: #999; background: #FFF; border: 1px solid #999; padding: 2px 6px; }
#content h1 .button a:hover { border: 1px solid #000; background: #999; color: #000; }

#wines .heading { background: #CCC; padding: 4px 10px; font-size: 1.5em; margin: 10px 0px; text-align: center; }
#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: 1.2em; font-weight: normal; padding: 0px; margin: 0px 0px 6px 0px; text-align: left; }
#wines .item .description { font-size: 1em; }
#wines .item .price { float: right; font-weight: bold; }
#wines .item label { font-weight: normal; }
#wines .item .price input { font-weight: normal; }
#wines .item .cart { float: right; padding-bottom: 2px; }
#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; }

#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; text-align: center; }
#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; }

#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; }

.nextprev { text-align: right; background: #E5E5E5; padding: 4px 10px; }
.nextprev .disabled { font-weight: bold; }
.nextprev .selected { }

#footer { clear: both; font-size: 1em; padding-top: 10px; border-top: 1px dashed #000; margin-top: 10px; 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; }

#LayerH { position: absolute; top: 1000px; left: 0px; right: 0px; text-align: center; }
#LayerH .content { margin: 20px auto; width: 720px; text-align: left; font-size: 11px; color: #666; }