#tooltip {position: absolute; z-index: 3000; border: 1px solid #3277b2; color: #444; background-color: #f4f9ff; padding: 5px; opacity: 0.95; text-align: left; width: 200px}
#tooltip h3, #tooltip div {margin: 0}
#tooltip h3 {font: normal 1.0em Arial}
* {margin: 0; padding: 0}
img, table {border: 0}
table {border-spacing: 0}
ul {list-style: none}
body {background: #fff url(../images/bg.jpg) repeat-x; color: #000; font: normal 0.75em arial; text-align: center}
body > div {margin: 0 auto; width: 900px}
a {color: #398e00}
a:hover {text-decoration: none}
#top {height: 132px}
#header {background: url(../images/header-bg.png) bottom right no-repeat; height: 94px}
#header .logo {margin: 30px 0 0 0}
#header .slogan {margin: 25px 0 0 30px}
#content {margin: 25px auto 50px auto; text-align: left; width: 880px}
.clear {clear: both}
.left {float: left}
.right {float: right}
.more {background: url(/images/list-arrow.png) center left no-repeat; color: #002262; font-weight: bold; margin: 0 0 0 10px; padding: 0 0 0 15px}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prev.gif) left 50% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/next.gif) right 50% no-repeat}
#nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none}
#nextLinkText{ padding-left: 20px}
#prevLinkText{ padding-right: 20px}
.ontop #imageData {padding-top: 5px}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em}
#imageData{ padding:0 10px}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#imageData #helpDisplay {clear: left; float: left; display: block}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html>body .clearfix {display: inline-block; width: 100%}
* html .clearfix {height: 1%}
#menu {margin-left: 30px; text-align: left}
#menu ul.nav {overflow: hidden; margin: 6px 0 0 0; width: 764px}
#menu ul.nav li {height: 32px; float: left}
#menu ul.nav li a {background: url(../images/menu.jpg) 0 0 no-repeat; color: #fff; font-weight: bold; display: block; height: 0px !important; overflow: hidden; padding: 32px 0 0 0}
#menu ul.nav li a.home {width: 60px}
#menu ul.nav li a.buy {background-position: -60px 0px; width: 129px}
#menu ul.nav li a.sell {background-position: -189px 0px; width: 154px}
#menu ul.nav li a.about {background-position: -343px 0px; width: 191px}
#menu ul.nav li a.login {background-position: -534px 0px; width: 128px}
#menu ul.nav li a.contact {background-position: -662px 0px; width: 102px}
#menu ul.nav li a.home:hover, #menu ul.nav li.active a.home {background-position: 0 -32px}
#menu ul.nav li a.buy:hover, #menu ul.nav li.active a.buy {background-position: -60px -32px; width: 129px}
#menu ul.nav li a.sell:hover, #menu ul.nav li.active a.sell {background-position: -189px -32px; width: 154px}
#menu ul.nav li a.about:hover, #menu ul.nav li.active a.about {background-position: -343px -32px; width: 191px}
#menu ul.nav li a.login:hover, #menu ul.nav li.active a.login {background-position: -534px -32px; width: 128px}
#menu ul.nav li a.contact:hover, #menu ul.nav li.active a.contact {background-position: -662px -32px; width: 102px}
#content h1 {color: #353535; margin: 10px 0 15px 0; text-align: left}
#content h2 {color: #20649e; margin: 10px 0 15px 0}
#content h2 span.url {font: normal 0.8em Arial; margin: 0 0 0 30px}
#content h3 {color: #20649e; margin: 7px 0 5px 0}
#content p {font-size: 1.1em; line-height: 1.3em; margin-bottom: 10px}
#content #terms, #content #policy {font-size: 10px}
#content .pagination {margin: 10px 0 6px 10px}
.featured-box {background: url(/images/featbiz.jpg) no-repeat; height: 467px; width: 177px}
.featured-box ul {padding: 54px 10px 0 10px}
.featured-box ul li.last {border: 0}
.featured-box ul li {border-bottom: 1px dotted #999; margin: 0 0 10px 0; padding: 0 0 10px 10px}
.featured-box ul li a {font: bold 0.9em Arial; line-height: 1.5em}
.featured-box ul li img {margin: 10px 0 0 8px}
table.sell {background: #fff; border: 1px solid #eef2f6; padding: 5px}
table.sell .info {text-align: left}
table.sell th.info {background: #daf5ca; border: 1px solid #b8e69d; padding: 2px}
table.sell td {padding: 5px; text-align: center}
table.sell tr.odd {background: #ecf6ff}
table.sell td {border-left: 1px solid #d6e5f4; border-top: 1px solid #d6e5f4}
table.sell tr.odd td.yellow {background: #fff4dd}
div.shadow {background: #fff; border: 1px solid #eef2f6; padding: 2px}
div.shadow > div {margin: 0 0 1px 0}
div.shadow > div.title {background: url(/images/title-bg.jpg) repeat-x; height: 32px}
div.shadow > div.title p {color: #fff; font: bold 1.0em Arial; padding: 8px 0 0 10px}
div.shadow > div.green {background: #daf5ca; border: 1px solid #b8e69d; color: #5e8546; height: 32px}
div.shadow > div.green p {padding: 8px 0 0 20px}
div.shadow > div.green form {padding: 5px 0 0 20px}
div.shadow > div.green a, div.shadow > div.green label, div.shadow > div.green strong {color: #3b5f26; font-weight: bold}
div.shadow > div.green a {font-weight: normal; margin-left: 5px}
div.shadow > div.green input[type=text] {color: #5b5b5b; font-size: 1.0em; margin: 0 10px 0 7px; padding: 3px 3px; vertical-align: middle}
div.shadow > div.content {background: #f4f9ff; border: 1px solid #d2e4fa; overflow: hidden; padding: 15px}
div.shadow > div.content h2 {color: #20649e; font: bold 1.1em Arial; margin: 0 0 5px 0}
div.shadow table {border-bottom: 1px solid #d2e4fa; width: 100%}
div.shadow thead {height: 30px}
div.shadow tbody {background: #f4f9ff}
div.shadow table col.pic {width: 120px}
div.shadow table col.info {width: 375px}
div.shadow table td {border-top: 1px solid #d2e4fa; padding: 4px 0; vertical-align: top}
div.shadow td a.headline {display: block; margin-bottom: 7px}
div.shadow td img {margin-left: 5px}
div.shadow td.price {color: #444; font-weight: bold}
#buy {float: left; width: 76%}
#buy > div.content > div.left {float: left; width: 35%}
#buy > div.content > div.right {float: right; width: 30%}
#buy > label {display: block}
#buy input.price {width: 50px}
#buy select {display: block; width: 90%}
#buy select, #buy input[type=text] {margin-bottom: 5px}
#buy label {line-height: 1.5em}
#buy input[type=image] {cursor: pointer; float: right; height: 30px; margin: 10px 0; width: 143px}
#show-business {}
#show-business h1 {color: #20649e; font-size: 1.7em; line-height: 0.9em; margin: 20px 0 0 0}
#show-business h2 {font: normal 1.2em Arial}
#show-business p {font-size: 1.1em; line-height: 1.3em}
#show-business p.categories {color: #666}
#show-business p.categories em {color: #000; font-style: normal}
#show-business > div.left {float: left; width: 75%}
#show-business > div.right {float: right; width: 24%}
#show-business table {border-bottom: 2px solid #e5e5e5; border-top: 3px solid #e5e5e5; margin: 10px 0 20px 0; width: 90%}
#show-business table td {border-bottom: 1px solid #e5e5e5; padding: 5px; width: 25%}
#show-business table td.title {color: #20649e; font-weight: bold}
#show-business table td.title img {cursor: help}
#show-business div.user {background: #f4f9ff; border: 1px solid #d2e4fa; padding: 5px}
#show-business div.user .blue {color: #20649e}
#show-business div.user ul {margin: 10px 0}
#show-business div.user ul li {background: url(/images/list-arrow.png) center left no-repeat; padding-left: 1em}
#show-business p.terms {color: #696969; font: normal 0.9em Arial; margin: 30px 0 0 0}
#show-business div.content img {float: left; padding: 0 8px 8px 0}
#content .search-box {color: #2b5da2; font-size: 1em; margin-bottom: 10px; text-align: left}
#content .search-box .most {background: #f2f9ff; border: 1px solid #bfd2f1; overflow: hidden}
#content .search-box .most a {margin: 0 0 0 29px}
#content .search-box .most ul {padding: 0 0 5px 0}
#content .search-box .list {margin: 5px 0 0 30px; overflow: hidden}
#content .search-box h2 {font: bold 1.2em arial; margin: 0 0 10px 0}
#content .search-box h3 {background: url(../images/mag.gif) center left no-repeat; font: bold 1.05em arial; margin: 5px; padding: 2px 0 2px 25px}
#content .search-box ul {float: left}
#content .search-box a {color: #2b5da2; text-decoration: none}
#content .search-box a:hover {text-decoration: underline}
.cols-4 ul {width: 24%}
.cols-7 ul {width: 14%}
div#errors {background: #ffeaea; border: 1px solid #ad4343; margin: 0 0 15px 0; padding: 10px; text-align: left}
div#info {background: #fffdec; border: 1px solid #e4e0bd; color: #5f5f59; margin: 10px 0 15px 0; padding: 8px; text-align: left}
div#info h2 {margin: 0 0 5px 0}
#content fieldset {border: 1px solid #ccc; border-bottom: 0; margin-bottom: 20px; padding: 10px 10px 0px 10px}
#content fieldset legend {background: #efefef; border: 1px solid #ccc; color: #235d8d; font: bold 1.05em Verdana; padding: 5px 20px}
#content form {overflow: hidden; text-align: left}
#content form div.row {border-bottom: 1px solid #ccc; overflow: hidden; padding: 5px 0 5px 0}
#content form div.row.error input {background: #ffeaea; border: 1px solid #ad4343}
#content form div.row > label {float: left; width: 50%}
#content form div.row > label span.title {color: #2f2f2f; display: block; font: bold 1.05em Arial}
#content form div.row.required > label span.title strong {color: #842a2a; font: bold 0.9em Arial}
#content form div.row > label span.info {color: #666; padding: 0 20px 0 0}
#content form div.row p.label {color: #2f2f2f; float: left; padding-right: 10px}
#content form div.row pre.value, #content form div.row p.value {color: #555; float: left; font: bold 1.1em Arial}
#content form div.row p.value em {font-weight: normal}
#content form div.row div.input {float: right; width: 49%}
#content form div.row div.input img {margin-left: 15px; vertical-align: middle}
#content form div.row div.input p {color: #555}
#content form div.row.hide {display: none}
#account {}
#account > h1 {margin: 15px 0 5px 0}
#account > h2 {margin: 10px 0 20px 0}
#account ul.nav {overflow: hidden}
#account ul.nav li {float: left; margin: 0 10px 0 0}
#account #show-business {border: 1px dashed #ccc}
#account > div.info {background: #f4f9ff; border: 1px solid #d2e4fa; margin: 0 0 20px 0; overflow: hidden; padding: 15px; width: 50%}
#account > div.info span.account {color: #20649e; font-weight: bold}
#account > div.info span.balance {}
#account > div.info span.status {color: #398e00; font-weight: bold}
div#admin-new div.required {background: #fff38c}
div#admin-new div.required.error input, div#admin-new div.error textarea, div#admin-new div.error select {background: #ffeaea; border: 1px solid #ad4343}
table#list {}
table#list th {border-bottom: 2px solid #eee; padding-bottom: 5px}
table#list tr.odd {}
table#list tr.even {background: #eee}
table#list td {border-bottom: 1px solid #ddd; padding: 4px 0}
table#list td span.token {color: #3379B5; font-size: 0.9em}
#flash {background: #fdffeb; border: 1px solid #eae8ca; margin: 10px 0 20px; padding: 5px 10px}
.panels {}
.panels .content {margin: 20px; overflow: hidden}
.panels .content li {background: url(../images/list-arrow.png) center left no-repeat; padding-left: 1em}
.panels .content .fade {background: url(../images/panel-fade.jpg) no-repeat; min-height: 142px; width: 250px}
.panels .content .fade select, .panels .content .fade input {margin: 4px 0 0 0; width: 180px}
.panels .content .fade input[type=image] {cursor: pointer; height: 30px; margin: 10px 0; width: 143px}
.panels .content .fade p {margin: 5px; padding-top: 5px; text-align: center}
.panels .content .title {display: block; margin: 13px 0 15px 0}
.panels .content h2 {color: #ff7b00; font-size: 1.15em; margin: 0 0 10px 0}
.panels .content p, .panels .content ul {font-size: 0.95em}
.panel {float: left; left: 0; position: relative; text-align: left; top: 0}
.panel hr {border: 0; border-bottom: 1px solid #cbdbe9; padding: 4px 0; margin-bottom: 4px}
.panel em {color: #063e95; font: normal 1.2em Arial}
.panel .account {margin: 0 0 0 15px; padding: 5px}
.panel .account input[type=image] {cursor: pointer; height: 26px; margin: 0 0 0 8px; width: 57px}
.panel table td {padding: 1px 0}
.panel table td.label {text-align: right}
.panel table td input {width: 160px}
.panel table td label {padding-right: 10px}
.panel table td p {color: #567493; margin: 5px 0 0 0; text-align: center}
.panel > .right-side {position: absolute}
.panel.buy {background: url(/images/panel-xl.jpg) no-repeat; height: 391px; width: 495px}
.panel.buy .left {width: 270px}
.panel.buy .right {height: 400px; width: 178px}
.panel.buy .right > div {float:none;}
.panel.buy .right .featured {background: url(/images/featured.jpg) no-repeat; height: 287px; margin: 0 0 5px 0; width: 100%}
.panel.buy .right .featured ul {padding: 35px 0 0 7px}
.panel.buy .right .featured ul a {font-weight: bold; line-height: 1.5em}
.panel.buy .right .featured ul li {background: none; border-bottom: 1px dotted #999; margin: 0 10px 10px 0; padding-bottom: 10px; padding-left: 22px}
.panel.buy .right .featured ul li.last {border: 0}
.panel.buy .right .featured ul img {margin: 10px 0 0 0}
.panel.buy .right .featured2 {background: url(/images/featured2.jpg) no-repeat; height: 56px; width: 100%}
.panel.buy .right .featured2 p {color: #1e5f97; padding: 10px 0 0 18px}
.panel.buy .right .featured2 span {font-size: 0.85em; margin: 3px 0 0 0}
.panel.buy .right .featured2 a {color: #052063; display: block; font: bold 0.85em Arial}
.panel.sell {background: url(/images/panel-xl.jpg) no-repeat; height: 391px; width: 383px}
.panel.sell > .right-side {background: url(/images/panel-xl.jpg) -470px 0 no-repeat; height: 391px; left: 365px; top: 0; width: 20px}
.panel.sell .sell-now {margin-top: 10px; overflow: hidden}
.panel.sell .sell-now em {float: left; padding: 7px 10px 0 10px}
.panel.sell .sell-now img {float: left}
#footer {background: url(../images/footer-bg.jpg) repeat-x; color: #3e5d77; height: 140px; width: 100%}
#footer > div {margin: 0 auto; overflow: hidden; width: 840px}
#footer .nav {padding-top: 8px}
#footer .legal {margin: 35px auto 0 auto}
#footer .legal img {float: left}
#footer .legal p {float: right; padding-top: 18px}
#footer a {color: #3e5d77; font-size: 0.9em; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer a.back {background: url(../images/up-arrow.jpg) center left no-repeat; color: #607da5; display: block; font-weight: bold; padding: 2px 5px 2px 25px}
#footer ul {overflow: auto; width: 360px}
#footer ul li {float: left; padding: 0 6px}