@import url("reset.css");

body {
	background: #f0f0f0 url(../img/bg-main.jpg) top center no-repeat;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 140%;
	margin: 0 auto;
	text-align: center;
}

a {
	color: #b90000;
	text-decoration: none;
}

p {
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

h1, h2, h3 {
	margin: 10px 0;
}

h1 {
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

h2 {
	font-size: 24px;
	letter-spacing: -1px;
}

h3 {
	font-size: 16px;
}

table {
	clear: both;
	margin: 10px 0;
}

.align-center {
	text-align: center;
}

ul, ol {
	margin: 0 24px;
}

ul li {
	list-style: disc;
	margin-bottom: 4px;
}

ol li {
	list-style: decimal;
	margin-bottom: 4px;
}

/* Common Style */
.clearfix, .wrapper {
	float: left;
	clear: both;
	width: 100%;
}

/* Main container style */
#container {
	width: 930px;
	display: table;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/* Header style */
#header {
}

#maincontent {
	background: url(../img/bg-maincontent.gif) -11px 0 repeat-y;
	.background: url(../img/bg-maincontent.gif) -10px 0 repeat-y;
	margin-top: 200px;
}

.maincontent-bottom {
	height: 28px;
	background: url(../img/bg-maincontent-bottom.gif) -11px 0 no-repeat;
}

#maincontent .inside {
	margin-top: -202px;
	padding: 0 0 0 3px;
}

#leftcol {
	float: left;
	width: 232px;
	font-size: 10px;
	position: relative;
	z-index: 10;
}

#rightcol {
	float: left;
	width: 687px;
	position: relative;
	left: 2px;
}

#rightcol1 {
	float: left;
	width: 476px;
	position: relative;
	z-index: 100;
	_left: -3px;
}

#rightcol2 {
	float: left;
	width: 211px;
	position: relative;
	z-index: 100;
	_left: -3px;
}

/* Logo */
#header .logo {
	float: left;
	width: 330px;
	margin-top: 20px;
	position: relative;
	top: -6px;
	left: 6px;
}

#header .col2 {
	float: left;
	width: 580px;
}

#header .sub-links {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	margin-top: 30px;
}

#header .sub-links a {
	color: #fff;
}

#header .search {
	float: right;
	position: relative;
	top: 72px;
	left: -10px;
}

/* Search Box */
#header .search input.textbox {
	width: 160px;
	background: #f4f6fd url(../img/bg-search.gif) no-repeat;
	border: none;
}

/* Top Menu */
.top-menu {
	float: right;
	width: 370px;
	height: 40px;
	text-align: center;
	margin-top: 100px;
	position: relative;
	left: 10px;
}

.top-menu a {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	line-height: 140%;
	margin-right: 4px;
	padding: 9px 4px 9px 0;
	border-right: 1px solid #ccc;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body .top-menu { margin-top: 86px; }
}

/* Modules */
#leftcol .module {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.auction-tabs {
	margin-left: 20px;
	position: relative;
	z-index: 10;
}

p.text {
	margin-left: 30px;
	position: relative;
	z-index: 10;
}

/* BOXES */
/* Box 1 */
.box1 .f-top {
	height: 28px;
	background: url(../img/bg-box-1.png) no-repeat;
}

.box1 .f-repeat {
	background: url(../img/bg-box-1.png) 0 -28px no-repeat;
}

.box1 .f-bottom {
	height: 28px;
	background: url(../img/bg-box-1-bottom.png) no-repeat;
	text-align: center;
}

.box1 .f-top h3 {
	font-size: 10.5px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: -1px 4px 0 30px;
	_margin: -2px 4px 0 30px;
}

.box1 .f-top h3 img.icon {
	position: relative;
	top: 12px;
}

.box1 .f-repeat .content {
	padding: 10px;
	position: relative;
	z-index: 10000;
}

/* Box 2 */
.box2 .f-top {
	height: 29px;
	background: url(../img/bg-box-2.png) no-repeat;
}

.box2 .f-repeat {
	background: url(../img/bg-box-2.png) 0 -28px no-repeat;
}

.box2 .f-bottom {
	height: 28px;
	background: url(../img/bg-box-2-bottom.png) no-repeat;
	text-align: right;
}

.box2 .f-bottom a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-right: 30px;
	position: relative;
	top: 2px;
}

.box2 .f-top h3.mega {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: -3px 4px 0 30px;
	_margin: -5px 4px 0 30px;
	display: inline;
}

.box2 .f-top h4.tips {
	float: right;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin: 12px 70px 0 0;
	display: inline;
}

.box2 .f-top h4.tips a {
	color: #fff;
}

.box2 .f-top h3 img.icon {
	position: relative;
	top: 12px;
}

.box2 .f-repeat .content {
	padding: 10px;
	position: relative;
	z-index: 10000;
}

/* Box 3 */
.box3 .f-top {
	height: 28px;
	background: url(../img/bg-box-3.png) no-repeat;
}

.box3 .f-repeat {
	background: url(../img/bg-box-3.png) 0 -28px no-repeat;
}

.box3 .f-bottom {
	height: 28px;
	background: url(../img/bg-box-3-bottom.png) no-repeat;
	text-align: right;
}

.box3 .f-bottom .menu {
	margin: 0 30px 0;
	position: relative;
	top: 2px;
}

.box3 .f-bottom .menu a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.box3 .f-repeat .content {
	padding: 10px;
	position: relative;
	z-index: 10000;
}

/* Box 4 */
.box4 .f-top {
	height: 29px;
	background: url(../img/bg-box-4.png) no-repeat;
}

.box4 .f-repeat {
	background: url(../img/bg-box-4.png) 0 -28px no-repeat;
}

.box4 .f-bottom {
	height: 28px;
	background: url(../img/bg-box-4-bottom.png) no-repeat;
	text-align: right;
}

.box4 .f-bottom a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-right: 30px;
	position: relative;
	top: 2px;
}

.box4 .f-top h3.mega {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: -3px 4px 0 30px;
	_margin: -5px 4px 0 30px;
	display: inline;
}

.box4 .f-top h4.tips {
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin: 12px 70px 0 50px;
	display: inline;
}

.box4 .f-top h4.tips a {
	color: #fff;
}

.box4 .f-top h3 img.icon {
	position: relative;
	top: 12px;
}

.box4 .f-repeat .content {
	padding: 10px;
	position: relative;
	z-index: 10000;
}

/* Refer a Friend */
.refer p.note {
	font-weight: bold;
	color: #e31414;
	text-align: center;
	line-height: 130%;
}

.refer form {
	margin-bottom: 10px;
}

.refer div.form-item {
	display: inline;
}
	
.refer .menu {
	height: 28px;
	background: url(../img/bg-box-footer.png) no-repeat;
	color: #fff;
	text-align: center;
	margin: -10px 0 0 10px;
	padding: 2px 0;
}

.refer input.textbox {
	width: 170px;
	border: 1px solid #cfcfcf;
	position: relative;
	top: -6px;
}
	
.refer .menu a {
	font-weight: bold;
	color: #fff;
}

/* Buy Bids */
.buy-bids table {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.buy-bids table th, .buy-bids table td {
	font-weight: bold;
	padding: 2px 10px;
}

.buy-bids table th {
	color: #ca0202;
}

.buy-bids table tr.border td {
	height: 1px;
	font-size: 0;
	line-height: 1px;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 10px;
}

.buy-bids table tr.border td, .buy-bids table tr.footer td {
	height: 1px;
	font-size: 0;
	line-height: 1px;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 10px;
}

.buy-bids table tr.footer td {
	padding-top: 20px;
}

.buy-bids table tr.heading td {
	color: #000;
	text-transform: uppercase;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0 0 10px;
}
	
.buy-bids .register {
	height: 28px;
	background: url(../img/bg-box-footer.png) no-repeat;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: -10px 0 0 10px;
	padding: 2px 0;
	position: relative;
	z-index: 10;
}
	
.buy-bids .register a  {
	color: #fff;
	position: relative;
	top: 1px;
	left: -8px;
}

/* Latest News */
.latest-news ul, .category-list ul {
	margin: 0;
	padding: 0;
}

.latest-news ul li, .category-list ul li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
}

.latest-news ul li .content {
	padding: 0 10px !important;
}

.latest-news ul li .meta {
	color: #6f6f6f;
}

.latest-news .f-bottom {
	height: 24px;
	background: url(../img/bg-box-1-bottom-news.png) no-repeat;
	text-align: right;
}

.latest-news .f-bottom a {
	font-weight: bold;
	color: #fff;
	margin: 4px 28px;
	position: relative;
	top: 2px;
}

.latest-news ul li a {
	font-weight: bold;
}

/* Horizontal Bid List */
ul.horizontal-bid-list {
	margin: 6px 0 0 0;
	padding: 0;
	position: relative;
	left: 4px;
}

ul.horizontal-bid-list li {
	float: left;
	overflow: hidden;
	width: 148px;
	height: 300px;
	background: url(../img/bg-horizontal-bid-list.gif) no-repeat;
	text-align: center;
	list-style: none;
	margin: 0 4px 5px 0;
	padding: 30px 0 10px 0 !important;
}

ul.horizontal-bid-list li h3 {
	font: bold 10px "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

ul.horizontal-bid-list li .thumb {
	height: 86px;
	margin: 18px 0 2px 0;
}

ul.horizontal-bid-list li .thumb img {
	height: 100%;
}

ul.horizontal-bid-list li div.name {
	font-size: 8.5px;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase;
}

ul.horizontal-bid-list li div.name span.rrp, ul.horizontal-bid-list li div.name span.price,
ul.horizontal-bid-list li div.name span.timer {
	font-size: 8px;
	font-weight: bold;
	color: #ff0000;
	line-height: 125%;
}

ul.horizontal-bid-list li div.bid-now {
	height: 23px;
	margin: 4px 0 20px 0;
	line-height: 130%;
}

ul.horizontal-bid-list li div.more-info {
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	text-transform: uppercase;
	margin: 16px 0 10px 0;
	.margin: 11px 0 10px 0;
}

ul.horizontal-bid-list li div.more-info a {
	color: #fff;
}

ul.horizontal-bid-list li .username {
	font-size: 10px;
	font-weight: bold;
	margin-top: 14px;
}

ul.horizontal-bid-list li .messages {
	height: 20px;
}

ul.horizontal-bid-list li .bid-message {
	font-size: 9px;
	color: #ff0000;
	line-height: 120%;
	margin: 4px 0;
}

.bid-message {
	font-size: 11px;
	color: #ff0000;
	line-height: 130%;
	margin: 4px 0;
}

/* Previous Auctions */
ul.previous-auctions {
	margin: 6px 0 0 0;
	padding: 0;
	position: relative;
	left: 16px;
}

ul.previous-auctions li {
	float: left;
	overflow: hidden;
	width: 147px;
	height: 129px;
	background: url(../img/bg-previous-auctions.gif) no-repeat;
	text-align: center;
	list-style: none;
	margin: 0 5px 5px 0;
	padding: 30px 0 10px 0 !important;
}

ul.previous-auctions li h3 {
	font: bold 10px "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

ul.previous-auctions li .thumb {
	height: 86px;
	margin: 4px 0 2px 0;
}

ul.previous-auctions li .thumb img {
	height: 100%;
}

ul.previous-auctions li div.name {
	font-size: 8.5px;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase;
}

ul.previous-auctions li div.name span.price,
ul.previous-auctions li div.name span.timer {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	line-height: 125%;
}

ul.previous-auctions li div.title {
	font-size: 10px;
	font-weight: bold;
	margin: 4px 0 6px 0;
	line-height: 120%;
}

/* Auction Details */
#auction-details .col1 {
	float: left;
	width: 320px;
	margin-right: 40px;
}

#auction-details .col2 {
	float: left;
	width: 300px;
}

#auction-details .thumbs {
	margin: 10px auto;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #ddd;
}

#auction-details .thumbs span {
	width: 55px;
	margin: 0 6px 0 0;
	padding: 0;
	text-align: center;
}

#auction-details .thumbs span img {
	width: 50px;
	height: 40px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #ddd;
}

#auction-details .thumbs .enlarge {
	font-size: 10px;
	color: #c5c5c5;
	text-transform: uppercase;
}

#auction-details .auction-type {
	background: #f5f5f5;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	margin-bottom: 6px;
	padding: 2px;
}

/* Bid History */
#auction-details .bid-history {
	margin: 10px 0;
}

#auction-details .bid-history h3, #auction-details .unique-bidders h3,
#auction-details .delivery-info h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 6px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
}

#auction-details .bid-history table {
	width: 100%;
	font-size: 11px;
	margin: 0;
}

#auction-details .bid-history table th {
	font-weight: bold;
	text-align: left;
	padding: 2px;
}

#auction-details .bid-history table td {
	padding: 2px;
}

/* Counting */
.count-saving label {
	float: left;
	width: 120px;
}

.count-saving .total-savings {
	border-top: 1px solid #555;
}

/* Bid */
#auction-details .bid {
	text-align: center;
	margin: 20px 0;
}

#auction-details .price {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #ff0000;
	margin: 10px 0;
}

#auction-details .price span.vat {
	font-size: 11px;
	color: #555;
	letter-spacing: normal;
}

#auction-details .timer {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 16px 0;
}

#auction-details .congrats {
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
	margin-top: 10px;
	text-align: center;
}

#auction-details .payment-info {
	line-height: 160%;
	margin: 10px 0;
}

#auction-details .payment-info dt {
	float: left;
	clear: both;
	width: 110px;
	margin-right: 6px;
	padding-bottom: 4px;
}

#auction-details .payment-info dd {
	float: left;
	width: 150px;
	padding-bottom: 4px;
}

#auction-details .vat {
	font-size: 11px;
}

p.note {
	font-size: 11px;
}

/* Product Description */
#product-desc {
	margin: 20px 0;
}

#product-desc h2 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

/* Footer */
#footer {
	height: 265px;
	background: url(../img/bg-footer.gif) -11px 0 no-repeat;
	font-size: 10px;
	line-height: 130%;
}

#footer {
	width: 93%;
	padding: 20px 30px 0 30px;
}

#footer .footer-menu {
	font-weight: bold;
	text-align: center;
}

#footer .footer-menu a {
	color: #1200ff;
	font-weight: bold;
	text-align: center;
}

#footer .copyright {
	color: #7e7e7e;
	text-align: center;
}

#footer .cards {
	margin: 10px 0;
	text-align: center;
}

/* Fieldset */
fieldset {
	border: none;
	margin: 10px 0;
}

fieldset legend {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
	letter-spacing: -1px;
	margin-bottom: 10px;
	.margin-left: -6px;
}

fieldset label {
	float: left;
	display: inline;
	width: 150px;
	margin-right: 10px;
}

fieldset .radio-group label {
	float: none;
	display: inline;
	width: auto;
	margin-right: 10px;
}

fieldset .form-container {
	clear: both;
	padding: 4px 0 6px 0;
}

fieldset .form-container input.textbox, fieldset .form-container textarea {
	font: 14px Arial, Helvetica, sans-serif;
	width: 50%;
	padding: 2px;
	border: 1px solid #dedede;
}

fieldset .form-container input.checkbox {
	font: 14px Arial, Helvetica, sans-serif;
	width: auto;
	padding: 2px;
}

fieldset .form-container input.button {
	font: 14px Arial, Helvetica, sans-serif;
	width: auto;
	padding: 2px;
}

fieldset .form-container input.form-error {
	border: 1px solid #c18888;
}

fieldset .form-container .error-message {
	font-size: 11px;
	font-weight: bold;
	color: #e45b00;
	margin-left: 160px;
	_margin-left: 163px;
}

fieldset .error-message {
	font-size: 11px;
	font-weight: bold;
	color: #e45b00;
}


/* Form */
fieldset {
	border: none;
}

fieldset legend {
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	.margin-left: -6px;
}

fieldset .text label {
	float: left;
	display: inline;
	width: 150px;
	margin-right: 10px;
	padding-bottom: 8px;
}

fieldset .input {
	clear: both;
	padding: 4px 0 6px 0;
}

fieldset .text input, fieldset .password input, fieldset .textarea textarea {
	font: 14px Arial, Helvetica, sans-serif;
	width: 50%;
	padding: 2px;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

fieldset .checkbox label {
	float: none;
	padding-left: 4px;
}

fieldset div.submit {
	margin: 10px 0;
}

fieldset div.submit input {
	margin-left: 160px;
	padding: 2px;
}

fieldset .text .error-message, fieldset .select .error-message, fieldset .textarea .error-message,
fieldset .checkbox .error-message, fieldset .password .error-message {
	font-size: 11px;
	color: #e45b00;
}

fieldset .select .error-message, fieldset .textarea .error-message, div.checkbox, fieldset .password .error-message {
	margin-left: 160px;
}

fieldset .hint {
	font-size: 11px;
	color: #666;
	margin-left: 160px;
	_margin-left: 163px;
}

ul.to-do {
	margin: 0;
	padding: 0;
}

ul.to-do li {
	background: url(../img/icon-to-do.gif) no-repeat;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0 0 2px 20px;
}

/* Actions */
.actions ul {
	margin: 10px 0;
	padding: 0;
}

.actions ul li{
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0;
}

/* Messages */
.message {
	clear: both;
	background: #f15407;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
}

.success{
	clear: both;
	background: #96d01d;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
}

/* News */
ul.news {
	clear: both;
	margin: 0;
	padding: 0;
}

ul.news li {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #dedede;
}

ul.news li h2.heading {
	background: none;
	margin: 4px 0;
	padding: 0;
}

ul.news li .meta {
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: uppercase;
	margin: 10px 0;
}

/* Paging */
.paging {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.paging a {
	text-decoration: none;
}

.totalresults {
}

.pagenumber ul {
	margin: 0;
	padding: 0;
}

.pagenumber ul li {
	float: left;
	list-style: none;
	font-weight: bold;
	margin-right: 4px;
	padding: 1px 4px;
	border: 1px solid #dedede;
}

.pagenumber .current {
	color: #89583d;
}

/* Tables */
table.results {
	clear: both;
	width: 100%;
	margin: 10px 0;
}

table.results th {
	background: #6ba3c8;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 2px 2px 2px 4px;
}

table.results th a {
	color: #fff;
	text-decoration: underline;
}

table.results td {
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #e4dfc9;
}

/* Breadcrumbs */
.crumb {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}

/* Categories */
ul.categories {
	clear: both;
	margin: 10px 0 0 8px;
	padding: 0 0 6px 0;
	display: table;
}

ul.categories li {
	float: left;
	width: 210px;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 4px 0 8px 0;
	border: 1px solid #ccc;
}

ul.categories li h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* Module */
.module {
	margin-bottom: 10px;
}

.module h3 {
	margin: 0 0 4px 0;
	padding: 0;
}

/* User Menu */
ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: url(../img/icon-list.gif) no-repeat;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 2px 2px 2px 24px;
	border-bottom: 1px solid #e4dfc9;
}

ul.menu li a {
}

ul.to-do {
	margin: 0;
	padding: 0;
}

ul.to-do li {
	background: url(../img/icon-calendar.gif) no-repeat;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 24px;
}

a.purchase-bid {
	background: url(../img/icon-cart.gif) no-repeat;
	padding-left: 20px;
}