/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/**************** Body and tag styles ****************/
* {margin: 0; padding: 0;}
body {font: 86% Verdana,Tahoma,Arial,sans-serif; line-height: 1.4em; text-align: left; color: #303030; background: #e8eaec;}
a {color: #467aa7; font-weight: bold; text-decoration: none; background-color: inherit;}
a:hover {color: #2a5a8a; text-decoration: none; background-color: inherit;}
a img {border: none;}
p {padding: 0 0 0 0;}
p form {margin-top: 0; margin-bottom: 20px;}
img.left,img.center,img.right {padding: 4px; border: 1px solid #a0a0a0;}
img.left {float: left; margin: 0 12px 5px 0;}
img.center {display: block; margin: 0 auto 5px auto;}
img.right {float: right; margin: 0 0 5px 12px;}
/**************** Header and navigation styles ****************/
#container {width: 760px; margin: 20px auto; padding: 1px; text-align: left; background: #ffffff; color: #303030; border: 2px solid #a0a0a0;}
#logo {padding: 0px 1px 1px 1px; margin: 0 1px; overflow: hidden; background: url(Images/Pomo2GoLogo758.jpg); background-repeat: no-repeat; height: 123px;}
#navigation {height: 2.2em; line-height: 2.2em; width: 758px; margin: 0 1px; background: #009933; color: #ffffff;}
#navigation li {float: left; list-style-type: none; border-right: 1px solid #ffffff; white-space: nowrap;}
#navigation li a {display: block; padding: 0 10px; font-size: 0.8em; font-weight: normal; text-transform: uppercase; text-decoration: none; background-color: inherit; color: #ffffff;}
* html #navigation a {width: 1%; text-decoration: underline;}
#navigation .selected {background: #669999; color: #ffffff; text-decoration: none;}
#navigation a:hover {background: #669999; color: #ffffff; text-decoration: underline;}
/**************** Content styles ****************/
#content {float: left; width: 530px; font-size: 0.9em; padding: 20px 0 0 20px;}
#content h2 {display: block; margin: 0 0 14px 0; font-size: 1.4em; font-weight: normal; letter-spacing: -1px; color: red; background-color: inherit;}
#content h2 a {font-weight: normal;}
#content h3 {margin: 0 0 5px 0; font-size: 1em; font-style: italic; color: #7F20B4;}
#content h4 {color: green; margin: 0.5em 0 0 0;}
#content a:hover,#subcontent a:hover {text-decoration: underline;}
#content ul,#content ol {margin: 0 5px 16px 35px;}
#content dl {margin: 0 5px 10px 25px;}
#content dt {font-weight: bold; margin-bottom: 5px;}
#content dd {margin: 0 0 10px 15px;}
/**************** Sidebar styles ****************/
#subcontent {float: right; width: 170px; padding: 20px 20px 10px 0; line-height: 1.4em;}
#subcontent h2 {display: block; margin: 0 0 15px 0; font-size: 1.6em; font-weight: normal; text-align: left; letter-spacing: -1px; color: #505050; background-color: inherit;}
#subcontent p {margin: 0 0 16px 0; font-size: 0.9em;}
/**************** Menublock styles ****************/
.menublock {margin: 0 0 20px 8px; font-size: 0.9em;}
.menublock li {list-style: none; display: block; padding: 2px; margin-bottom: 2px;}
.menublock li a {font-weight: bold; text-decoration: none;}
.menublock li a:hover {text-decoration: none;}
.menublock li ul {margin: 3px 0 3px 15px; font-size: 1em; font-weight: normal;}
.menublock li ul li {margin-bottom: 0;}
.menublock li ul a {font-weight: normal;}
/**************** Searchbar styles ****************/
#searchbar {margin: 0 0 20px 0;}
#searchbar form fieldset {margin-left: 10px; border: 0 solid;}
#searchbar #s {height: 1.2em; width: 110px; margin: 0 5px 0 0; border: 1px solid #a0a0a0;}
#searchbar #searchbutton {width: auto; padding: 0 1px; border: 1px solid #808080; font-size: 0.9em; text-align: center;}
/**************** Footer styles ****************/
#footer {clear: both; width: 758px; padding: 5px 0; margin: 0 1px; font-size: 0.9em; color: #f0f0f0; background: #009933;}
#footer p {padding: 0; margin: 0; text-align: center;}
#footer a {color: #f0f0f0; background-color: inherit; font-weight: bold;}
#footer a:hover {color: #ffffff; background-color: inherit; text-decoration: underline;}
/**************** Misc classes and styles ****************/
.splitcontentleft {float: left; width: 48%;}
.splitcontentright {float: right; width: 48%;}
.clear {clear: both;}
.small {font-size: 0.87em;}
.hide {display: none;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.important {color: #f02025; background-color: inherit; font-weight: bold;}
.bold {font-weight: bold;}
.item {display: block; margin: 0.7em 0 1px 0; font-size: 1em; color: green; font-weight: bold; text-decoration: underline;}
.description {display: block; font-size: 0.9em;}
.price {display: block; margin: 0 0 .8em 0; font-size: .9em; font-weight: bold;}
.theme {margin: 0 0 5px 0; font-size: 1em; font-style: italic; color: #7F20B4; font-weight: bold;}
.themesmall {margin: 0 0 5px 0; font-size: 0.8em; font-style: italic; color: #7F20B4; font-weight: bold;}
.tditem {font-size: 1em; color: green; font-weight: bold;text-decoration: underline;}
.tddesc {font-size: 0.9em;}
.tdprice {font-size: .9em; text-align: right;font-weight: bold;color: green;text-decoration: underline;}
.box {margin: 0 0 20px 0; padding: 10px; border: 1px solid #c0c0c0; background-color: #fafbfc; color: #505050; line-height: 1.5em;}
.new li {margin: 0 0 0 12px; padding: 0px;}