@import url("reset.css");



body {

	background: #fff;

	font: 75% Arial, Helvetica, sans-serif;

	color: #555;

	line-height: 140%;

	margin: 20px auto 0 auto;

	text-align: center;
	
	background-image:  url("../img/iBack.jpg");
}



a {

	color: #426280;

	text-decoration: none;

}



p {

	margin: 10px 0;

}



ul, ol {

	margin: 0 24px;

}



h1, h2, h3 {

	font-weight: bold;

	margin: 10px 0;

}



h1 {

	font-size: 24px;

	letter-spacing: -1px;

	margin-bottom: 20px;

}



h2 {

	font-size: 20px;

	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: 940px;

	display: table;

	margin: 0 auto;

	text-align: left;

}



/* Header style */

#header {

}



#maincontent {

}



#sub-links {

	text-align: right;

}



#leftcol {

	float: left;

	width: 180px;

	margin-right: 10px;

}



#rightcol {

	float: left;

	width: 700px;

}





/* HEADER */

/* Logo */

#header .logo {

	float: left;

	width: 350px;

	display: inline;

	margin: 0 20px 0 0;

}



/* Top Menu */

#header .top-menu {

	float: right;

	width: 440px;

	text-align: right;

	margin-top: 30px;
	
	margin-right:10px;

}



#header .top-menu a {

	font-size: 14px;

	font-weight: bold;

	color: #426280;

	padding-left: 7px; padding-right:7px;

}

#header .top-menu a:hover {

	font-size: 14px;

	font-weight: bold;

	color: #426280;

	padding-left: 7px; padding-right:7px;
	
	border-bottom:1px dotted #ccc;

}



/* Sub Header */

#sub-header {

	height: 74px;

	background: url(../img/bg-sub-header.gif) no-repeat;

}



#sub-header .content {

	padding: 12px 10px;

}



#sub-header .lang {

	float: left;

	width: 240px;

	font: 11px "Tahoma", Arial, Helvetica, sans-serif;

	color: #8a8a8a;

	margin: 6px 20px 0 0;

}



#sub-header .lang a {

	margin: 0 2px;

}



#sub-header .how-it-works {

	float: left;

	width: 215px;

	margin-right: 20px;

}



/* Login Form */

#sub-header .login-form {

	float: right;

	width: 410px;

}



.login-form div.form-item {

	float: left;

	margin-right: 4px;

}



.login-form input.textbox {

	width: 140px;

	background: #fff url(../img/icon-user.gif) no-repeat;

	padding-left: 20px;

	border: 1px solid #d6d6d6;

}



#sub-header .login-form .user-status {

	text-align: right;

	margin: 0 10px;

}



/* Category List */

.category-list {

	float: right;

	width: 220px;

	font-size: 11px;

	color: #fff;

	margin-top: 12px;

}



.category-list img.arrow {

	position: relative;

	top: 2px;

}



/* Auction Banner */

.auction-banner {

}



/* Small Box */

.small-box {

	float: left;

	clear: both;

	width: 100%;

	height: 36px;

	background: url(../img/small-box.gif) no-repeat;

	font-size: 11px;

	font-weight: bold;

	margin: 10px 0;

}



.small-box .content {

	padding: 10px;

}



/* Auction Ticker */

.auction-ticker span.end-price {

	color: #a91313;

}



.auction-ticker span.savings {

	color: #2f7708;

}



.auction-ticker a {

	margin: 0 10px;

}



/* Latest News */

.latest-news span.title {

	float: left;

	width: 100px;

	font-weight: bold;

	text-transform: uppercase;

	margin-right: 20px;

}



/* Box */

.box {

	float: left;

	clear: both;

	width: 100%;

	margin: 10px 0;

}



.box .f-top {

	height: 36px;

	background: url(../img/bg-box.gif) no-repeat;

}



.box .f-repeat {

	background: url(../img/bg-box.gif) 0 -36px repeat-y;

}



.box .f-bottom {

	height: 10px;

	background: url(../img/bg-box.gif) bottom no-repeat;

}



.box .f-top h2 {

	font-size: 12px;

	letter-spacing: normal;

	margin: 6px 10px;

	padding: 0;

}



.box .f-repeat .content {

	padding: 10px;

}



/* Horizontal Bid List */

ul.horizontal-bid-list {

	margin: 0;

	padding: 0;

}



ul.horizontal-bid-list li {

	float: left;

	width: 174px;

	height: 310px;

	background: url(../img/bg-horizontal-bid-list.gif) no-repeat;

	text-align: center;

	list-style: none;

	margin: 0 10px 10px 0;

	padding: 0;

}



ul.horizontal-bid-list li .content {

	padding: 4px 8px;

}



ul.horizontal-bid-list li h3  {

	height: 36px;

	font-size: 11px;

	font-weight: bold;

	margin: 0;

	padding: 0;

}



ul.horizontal-bid-list li .thumb {

	margin: 2px 0;

}



ul.horizontal-bid-list li .countdown {

	font-size: 21px;

	font-weight: bold;

	letter-spacing: -1px;

	line-height: 120%;

	margin: 4px 0;

}



ul.horizontal-bid-list li .price {

	font-size: 30px;

	font-weight: bold;

	color: #ff7800;

	letter-spacing: -1px;

	line-height: 100%;

}



ul.horizontal-bid-list li .username {

	font-size: 11px;

	font-weight: bold;

	margin-top: 4px;

}



ul.horizontal-bid-list li .bid-now {

	margin: 4px 0;

}



/* Vertical Bid List */

ul.vertical-bid-list {

	float: left;

	clear: both;

	width: 100%;

	margin: 0;

	padding: 0;

}



ul.vertical-bid-list li {

	float: left;

	clear: both;

	width: 100%;

	list-style: none;

	margin: 0 0 6px 0;

	padding: 0 0 6px 0;

	border-bottom: 1px solid #e9e9e9;

}



ul.vertical-bid-list li .content {

	padding: 4px 0 !important;

}



ul.vertical-bid-list li .thumb {

	float: left;

	margin-right: 10px;

}



ul.vertical-bid-list li .col1 {

	float: left;

	width: 80px;

	display: inline;

	padding: 8px 0;

}



ul.vertical-bid-list li .col2 {

	float: left;

	width: 440px;

	margin-right: 10px;

}



ul.vertical-bid-list li .col1 img {

	width: 100%;

}



ul.vertical-bid-list li .col2 h3 {

	font-size: 13px;

	margin: 0;

	padding: 0;

}



ul.vertical-bid-list li .col2 .fixed-bid {

	font-size: 11px;

	margin: 20px 0 10px 0;

}



ul.vertical-bid-list li .col3 {

	float: left;

	width: 140px;

	text-align: center;

	margin: 10px 10px 0 0;

}



ul.vertical-bid-list li .col4 {

	float: left;

	width: 100px;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	padding: 10px 0 0 0;

	margin-right: 10px;

}



ul.vertical-bid-list li .col5 {

	float: left;

	width: 120px;

	text-align: center;

	padding: 10px 0 0 0;

}



ul.vertical-bid-list li .price {

	font: bold 18px Arial, Helvetica, sans-serif;

	color: #ff4800;

	line-height: 100%;

}



ul.vertical-bid-list li .timer {

	height: 30px;

	font: bold 18px Arial, Helvetica, sans-serif;

}



ul.vertical-bid-list li span.saving {

	font-size: 14px;

	font-weight: bold;

	color: #669f15;

}



.bid-message {

	font-size: 11px;

	font-weight: bold;

	color: #ff0000;

	line-height: 130%;

}



/* Live Bids */

/* Auction Heading */

#live-bids div.bid-heading {

	margin-bottom: 10px;

}



#live-bids div.bid-heading .content {

	padding: 2px;

}



#live-bids div.bid-heading .col1, #live-bids div.bid-heading .col2, #live-bids div.bid-heading .col3,

#live-bids div.bid-heading .col4, #live-bids div.bid-heading .col5 {

	float: left;

	font-size: 10px;

	text-transform: uppercase;

}



#live-bids div.bid-heading .col1 {

	width: 75px;

	display: inline;

	margin: 0 10px 0 2px;

}



#live-bids div.bid-heading .col2 {

	width: 440px;

	margin-right: 60px;

}



#live-bids div.bid-heading .col3 {

	width: 125px;

	margin-right: 4px;

}



#live-bids div.bid-heading .col4 {

	width: 70px;

	margin-right: 6px;

	margin-right: 30px;

}



#live-bids div.bid-heading .col5 {

}



/* Auction Details */

#auction-details .col1 {

	float: left;

	width: 338px;

	height: 368px;

	background: url(../img/bg-auction-details-col1.gif) no-repeat;

}



#auction-details .col2 {

	float: left;

	width: 321px;

	height: 500px;

	background: url(../img/bg-auction-details-col2.gif) no-repeat;

	text-align: center;

	margin: 0 14px;

}



#auction-details .col3 {

	float: left;

	width: 232px;

}



#auction-details .col1 .content {

	padding: 6px;

}



#auction-details .col1 .auction-image {

	text-align: center;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 4px solid #d7d7d7;

}



#auction-details .thumbs span {

	float: left;

	width: 72px;

	margin-right: 5px;

	padding: 1px;

	border: 1px solid #d5d5d5;

}



#auction-details .thumbs span img {

	width: 100%;

}



#auction-details .congrats {

	font: normal 24px "Arial Black", Arial, Helvetica, sans-serif;

	color: #1c6185;

	line-height: 110%;

	letter-spacing: -2px;

	margin-bottom: 10px;

}



#auction-details .col2 .sub-col1 {

	height: 260px;

	margin-bottom: 10px;

}



#auction-details .col2 dl dt {

	float: left;

	clear: both;

	width: 120px;

	text-align: left;

	margin-right: 10px;

	padding-bottom: 12px;

}



#auction-details .col2 dl dd {

	float: left;

	width: 170px;

	text-align: right;

	padding-bottom: 12px;

}



#auction-details .price {

	font: 24px "Arial Black", Arial, Helvetica, sans-serif;

	color: #699718;

	line-height: 80%;

}



#auction-details .vat {

	font: 11px Arial, Helvetica, sans-serif;

	color: #555;

}



#auction-details .timer {

	font: 30px "Arial Black", Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 110%;

	margin: 14px 0 0 0;

}



#auction-details .note {

	width: 80%;

	font-size: 10px;

	line-height: 100%;

	margin: 0 auto;

}



#auction-details .username {

	font-weight: bold;

	color: #ee1212;

	line-height: 110%;

}



#auction-details .bid-now {

	margin: 10px 0;

}



#auction-details .bid-type {

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

}



#auction-details .saving {

	font-size: 15px;

	font-weight: bold;

	color: #d45000;

	line-height: 110%;

	margin-top: 2px;

}



#auction-details .fixed-price-end-bid {

	font-weight: bold;

	text-align: left;

	margin: 10px 0;

}



#auction-details .fixed-price-end-bid label {

	float: left; 

	width: 65px;

}



#auction-details .count-saving {

	text-align: left;

}



#auction-details .count-saving label, #auction-details .total-savings label {

	float: left;

	width: 120px;

	margin-right: 10px;

}



#auction-details .total-savings {

	font-weight: bold;

	border-top: 1px solid #555;

	padding-top: 4px;

}



#auction-details .worth-up-to {

	font-size: 11px;

	margin: 30px 0 10px 0;

}



#auction-details .payment-info {

	font-size: 11px;

	text-align: left;

	margin: 10px 0;

}



#auction-details .payment-info dt {

	float: left;

	clear: both;

	width: 80px;

	margin-right: 6px;

}



#auction-details .payment-info dd {

	float: left;

	width: 110px;

}



/* Bid History */

#auction-details .bid-history {

	height: 195px;

	background: url(../img/bg-auction-details-col3-a.gif) no-repeat;

	margin-bottom: 10px;

}



#auction-details .bid-history h3 {

	font-size: 11px;

	font-weight: bold;

	color: #555;

	text-transform: uppercase;

	margin: 0 0 4px 0;

	padding: 0;

}



#auction-details .bid-history table {

	font-size: 10px;

	line-height: 14.5px;

	margin: 0;

	padding: 0;

}



#auction-details .bid-history table th {

	font-weight: bold;

	color: #fff;

	text-align: left;

	text-transform: uppercase;

	vertical-align: top;

}



#auction-details .bid-history table td {

	padding: 0;

}



/* Paymnent Info */

#payment-info {

	margin: 20px 0;

}



#payment-info .col1 {

	float: left;

	width: 200px;

	margin-right: 20px;

}



#payment-info .col2 {

	float: left;

	width: 100px;

	margin-right: 20px;

}



#payment-info .col3 {

	float: left;

	width: 240px;

	margin-right: 20px;

}



#payment-info .col4 {

	float: left;

	width: 130px;

}



/* Footer */

#footer {

	height: 82px;

	background: url(../img/bg-footer.gif) no-repeat;

	margin: 10px 0;

}



#footer .content {

	padding: 10px;

}



#footer .col1 {

	float: left;

	width: 450px;

	font: 11px Tahoma, Arial, Helvetica, sans-serif;

}



#footer .col2 {

	float: right;

	width: 400px;

	font: 11px Tahoma, Arial, Helvetica, sans-serif;

	text-align: right;

	padding-top: 10px;

}





#footer .footer-menu {

	font-weight: bold;

	color: #4f6c88;

	margin-bottom: 10px;

}



/* Drop down menu */

#nav, #nav ul {

	list-style: none;

	line-height: 1;

	font: bold 12px Arial, Helvetica, sans-serif;

	padding: 0;

	text-align: center;

	position: relative;

	z-index: 1000;

	left: 10px;

}



ul#nav {

	margin: 0 auto;

	padding: 2px 0;

	list-style: none;

	position: relative;

}



ul#nav .browse-cat {

}



#nav li a {

	color: #fff;

	display: block;

	padding: 0;

	.margin-top: -14px;

	position: relative;

	z-index: 10;

}



#nav li li a {

	font-size: 12px;

	color: #fff;

	display: block;

	height: auto;

	margin: 0;

	padding: 0.1em 1em 0.1em .5em;

}



#nav li {

	float: left;

	list-style: none;

	text-align: left;

	margin: 0 1px 0 0;

	position: relative;

}



#nav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 16.4em;

	w\idth: 17.1em;

	font-weight: normal;

	border-width: 0.25em;

	margin: 0px 0 0 0px;

	padding: 0;

	background: #638797;

}



#nav li li {

	height: auto;

	background: none;

	text-align: left;

	line-height: 140%;

	margin: 0 !important;

	padding: 0 1em 0 0 !important;

	width: 16em;

	border-left: 1px solid #547a8b;

	border-right: 1px solid #547a8b;

	border-bottom: 1px solid #547a8b;

}



#nav li ul a {

	width: 15em;

}



#nav li ul a:hover {

	color: #999;

}



#nav ul li a {

	padding-left: 10px;

}





#nav li ul ul {

	margin: -1.75em 0 0 14em;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

}



#nav li li:hover, #nav li li.sfhover {

	background: #f5f5f5;

}



#nav li:hover, #nav li.sfhover {

	background: none;

}



/* 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: #a0a0a0;

	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;

}