/*

CSS style for Net4Bids

Coded by Feisty Sites

URL: http://www.feistysites.com

July 2008

*/



* {

	margin: 0;

	padding: 0;

}



body {

	background: #fff;

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

	color: #555;

	line-height: 160%;

	margin: 0 auto;

	text-align: center;

}



a {

	font-weight: bold;

	color: #056da1;

	text-decoration: none;

}



p {

	margin: 10px 0;

}



ul, ol {

	margin: 0 24px;

}



h1, h2, h3 {

	margin: 10px 0;

}



h1 {

	font-size: 24px;

}



h2 {

	font-size: 20px;

}



h3 {

	font-size: 16px;

}



table {

	margin: 10px 0;

}



/* Common Style */

.align-right {

	text-align: right;

}



.align-center {

	text-align: center;

}



.bold {

	font-weight: bold;

}



.black {

	color: #000;

}



.red {

	color: #cc0000;

}



.orange {

	color: #ee7d36;

}



.brown {

	color: #a04818;

}



.blue {

	color: #1f5bbc;

}



.bg-blue {

	background: #d5ebf9;

}



.bg-gray {

	background: #f6f6f6;

}



.border-yellow {

	border: 1px solid #f5ebb4;

}



.border-green {

	border: 1px solid #cfe899;

}



.border-blue {

	border: 1px solid #bae1f9;

}



.font-9 {

	font-size: 9px;

}



.font-11 {

	font-size: 11px;

}



.font-14 {

	font-size: 14px;

}



.font-16 {

	font-size: 16px;

}



.font-20 {

	font-size: 20px;

	line-height: 120%;

}



.image-margin {

	float: left;

	margin: 0 8px 8px 0;

	padding: 0 4px 4px 0;

}



.clearfix {

	float: left;

	clear: both;

	width: 100%;

}



ul.no-margin-padding, ul.no-margin-padding li {

	margin: 0;

	padding: 0;

}



ul.no-margin-padding li {

	list-style: none;

}



.float-left {

	float: left;

}



.float-right {

	float: right;

}



.timer {

	color: #00c0ff;

}



/* Main container style */

#container {

	width: 930px;

	display: table;

	background: url(../images/bg-container.gif) repeat-x;

	margin: 0 auto;

	text-align: left;

}



/* Header style */

#header {

	float: left;

	clear: both;

	width: 100%;

	padding: 0 0 6px 0;

}



#maincontent {

	float: left;

	clear: both;

	width: 100%;

	background: #fff;

	padding: 20px 0;

}



#leftcol {

	float: left;

	width: 180px;

	margin: 0 20px 0 0;

	text-align: left;

}



#rightcol {

	float: left;

	width: 700px;

}



#footer {

	float: left;

	clear: both;

	width: 100%;

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

	padding: 10px 0 20px 0;

	text-align: center;

	position: relative;

	_left: 0px;

	\margin-top: 20px;

}



body#user-page #footer {

	float: left;

	clear: both;

	width: 100%;

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

	font-size: 11px;

	margin-top: 20px;

	_margin-left: 6px;

	padding: 10px 0 20px 0;

	text-align: center;

}



/* Logo */

#header .logo {
	padding-left:30px;
	float: left; 
	width: 300px;

}



#header .login {

	float: right;

	width: 430px;

	margin: 10px 0;

}



.login-top {

	height: 6px;

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

}



.login-repeat {

	background: url(../img/bg-login-repeat.gif) repeat-y;

	_margin-top: -14px;

}



.login-bottom {

	height: 6px;

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

}



#header .login h3 {

	font-size: 17px;

	color: #056da1;

	margin: 0;

	padding: 0;

}



#header .content {

	margin: 0;

	padding: 10px 20px;

}



#header .login-form div {

	display: inline;

	padding-right: 4px;

}



#header .login-form input.textbox {

	padding: 2px;

	border: 1px solid #dfdfdf;

}



#header .login-form .submit {

	position: relative;

	top: 4px;

}



#header .login .button {

	position: relative;

	top: 4px;

}



/* Categories and Top Menus */

.category-top-menu {

	background: url(../img/bg-category-top-menu.gif) no-repeat;

	margin-top: 10px;

	padding: 4px 0;

}



.categories {

	float: left;

	width: 300px;

	height: 25px;

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

	margin-right: 20px;

	position: relative;

	top: -4px;

	left: 4px;

	position: relative;

	z-index: 100;

}



.top-menu {

	float: right;

	width: 500px;

	font-size: 16px;

	text-align: right;

}



.top-menu span {

	padding: 0 16px;

}



.top-menu a {

	color: #0588bc;

}



h2.heading {

	margin: 0;

	padding: 0;

}



h2.heading span {

	text-indent: -9999;

	display: none;

}



/* Latest News */

#latest-news {

	margin-bottom: 20px;

}



#latest-news .box {

	width: 932px;

	_width: 930px;

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

	margin: 0 0 0 2px;

	.margin: -6px 0 0 2px;

}



#latest-news .col1 {

	float: left;

	width: 280px;

	background: url(../img/latest-news-border.gif) right no-repeat;

	margin: 10px 20px 0 0;

}



#latest-news .col2 {

	float: left;

	width: 315px;

	background: url(../img/latest-news-border.gif) right no-repeat;

	margin: 10px 20px 0 0;

}



#latest-news .col3 {

	float: left;

	width: 280px;

	margin: 10px 0 0 0;

}



#latest-news .col1 .content {

	padding: 10px 16px 10px 12px;

}



#latest-news .col3 .content {

}



#latest-news .col3 .thumb {

	float: left;

	margin-right: 6px;

}



#latest-news .col3 div {

	float: left;

	margin-right: 6px;

}



#latest-news .col3 h3 {

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

	color: #8c0000;

	letter-spacing: -1px;

	margin: 0;

	padding: 0;

}



#latest-news .winner {

	margin: 4px 0;

}



#latest-news .ended-info {

	float: left;

	width: 150px;

}



#latest-news .ended-info label {

	float: left;

	width: 60px;

	margin-right: 10px;

}



/* Horizontal Bid List */

#auction-finish-soon .box {

	width: 920px;

	_width: 918px;

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

	margin: 0 0 0 2px;

	.margin: -6px 0 0 2px;

	padding: 20px 6px;

}



ul.horizontal-bid-list {

	margin: 0;

	padding: 0;

	position: relative;

	left: 4px;

}



ul.horizontal-bid-list li {

	float: left;

	width: 180px;

	height: 286px;

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

	list-style: none;

	margin: 0 3px 20px 0;

	_margin: 0 3px 20px 0;

}



ul.horizontal-bid-list li .title {

	height: 30px;

	padding: 8px 0 0 0;

}



ul.horizontal-bid-list li .title h3 {

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

	margin: 0;

	padding: 0 8px;

	color: #000;

}



ul.horizontal-bid-list li h3 a {

	color: #000;

}



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

	/*background: none !important;*/

	font-size: 25px;

	font-weight: bold;

	color: #000;

	margin: 2px 0;

}



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

	height: 38px;

	margin: 6px 0 4px 0;

}



ul.horizontal-bid-list li .price-bidder {

	float: left;

	width: 80px;

	font-size: 17px;

	font-weight: bold;

	color: #000;

	text-align: center;

	position: relative;

	top: 17px;

	left: 12px;

	margin-right: 8px;

	background: none !important;

}



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

	float: left;

	width: 70px;

	background: none !important;

	color: #fff;

	text-align: center;

	position: relative;

	top: 17px;

	.top: 19px;

	left: 14px;

}



ul.horizontal-bid-list li .bid-message-wrapper {

	height: 25px;

}



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

	font-size: 11px;

	font-weight: normal;

	line-height: 110%;

}



/* Live Auctions */

#live-auctions .box {

	margin: 0 0 0 2px;

	.margin: -6px 0 0 2px;

	padding: 20px 6px;

}



#footer .col1 {

	float: left;

	width: 158px;

	margin: 0 10px;

	_position: relative;

	_left: -8px;

}



#footer .col2 {

	float: left;

	width: 460px;

	_width: 450px;

	color: #fff;

	margin-right: 10px;

}



#footer .col3 {

	float: left;

	width: 280px;

}



#footer .col2 a {

	color: #fff;

}



/* Auction Detail */

#auction-detail h1 {

	margin: 0  0 20px 0;

	padding: 0;

}



#auction-detail .box-main, #payment-details .box-main, #closed-auctions .box-main {

	width: 920px;

	_width: 918px;

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

	margin: 0 0 0 2px;

	.margin: -6px 0 0 2px;

	padding: 20px 6px;

	overflow: hidden;

}



#closed-auctions .bid-price {

	font-size: 14px;

	font-weight: bold;

}



#auction-detail .content {

	padding: 0 10px;

}



#auction-detail .col1 {

	float: left;

	width: 230px;

	overflow: hidden;

}



#auction-detail .col2 {

	float: left;

	width: 240px;

	margin: 0 10px 0 20px;

}



#auction-detail .col3 {

	float: left;

	width: 400px;

}



#auction-detail .bid-history h3 {

	width: 230px;

	height: 26px;

	background: url(../img/h-bid-history.gif) no-repeat;

	font-size: 17px;

	color: #fff;

	margin: 0;

	padding: 6px 10px 0 6px;

}



.bid-history table.results {

	width: 100%;

	background: #f0f0f0;

	font-size: 11px;

	margin: 0;

	padding: 0;

}



.bid-history table.results th {

	background: #d7d5d5;

	font-weight: bold;

	text-align: left;

	padding: 2px 2px 2px 4px;

}



.bid-history table.results td {

	padding: 2px 2px 2px 4px;

}



#auction-detail .col2 .price, #auction-detail .col2 .timer {

	font-size: 25px;

	font-weight: bold;

	color: #056da1;

}



#auction-detail .time-remaining {

	font-size: 17px;

	color: #056da1;

	margin: 10px 0;

}



#auction-detail .bidder-name {

	font-size: 14px;

	font-weight: bold;

	margin: 20px 0;

}



#auction-detail .bid-notes {

	margin: 20px 0;

}



#auction-detail .rrp {

	font-size: 25px;

	font-weight: bold;

	letter-spacing: -1px;

	margin: 20px 0;

}



/* Auction Description and Ending Soon Auction Block */

.auction-desc-ending-soon {

	border-top: 1px solid #b7b7b7;

	padding-top: 20px;

}



.auction-desc-ending-soon .auction-desc {

	float: left;

	width: 505px;

}



.auction-desc {

	float: left;

	width: 700px;

	margin: 20px 0;

}



.auction-desc h2 {

	color: #4492b9;

	margin: 0 0 20px 0;

}





.auction-desc-ending-soon .images-block {

	float: right;

	width: 190px;

}



.auction-desc-ending-soon h2 {

	color: #4492b9;

	margin: 0 0 20px 0;

}



ul.more-images {

	margin: 0;

	padding: 0;

}



ul.more-images li {

	clear: both;

	list-style: none;

	margin: 0 0 10px 0;

	padding: 0;

}



.auction-desc-ending-soon .tech-desc {

	float: left;

	width: 500px;

}



.auction-desc-ending-soon .ending-auction-block {

	float: right;

	width: 390px;

}



.auction-desc-ending-soon .ending-auction-block h2.heading {

	margin: 0;

	padding: 0;

}



.auction-desc-ending-soon .ending-auction-block .box {

	width: 381px;

	_width: 380px;

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

	margin: 0 0 0 2px;

	.margin: -6px 0 0 2px;

	padding: 6px 0;

}



.auction-desc-ending-soon .ending-auction-block ul.horizontal-bid-list {

	margin: 0;

	padding: 0;

	position: relative;

	left: 9px;

}



/* Auction Technocal Specification and Auction Images */

.tech-spec-images {

	border-top: 1px solid #b7b7b7;

	padding-top: 20px;

}



.tech-spec-images .tech-spec {

	float: left;

	width: 700px;

	margin-right: 25px;

}



/* Further Information */

.further-info {

	border-top: 1px solid #b7b7b7;

	border-bottom: 1px solid #b7b7b7;

}



.further-info .content {

	padding: 10px !important;

}



/* Payment Details */

#payment-details .col1, #payment-details .col2,

#payment-details .col3, #payment-details .col4 {

	float: left;

	width: 210px;

	margin-right: 20px;

}



#payment-details .col4 {

	margin-right: 0;

}



#payment-details h3 {

	color: #2e96ca;

	margin: 0;

	padding: 0;

}



/* Drop down menu */

#nav, #nav ul {

	float: left;

	width: 100%;

	list-style: none;

	line-height: 1;

	font-weight: bold;

	padding: 0;

	margin: 0;

	position: relative;

	z-index: 1000;

}



ul#nav {

	margin: 5px 0 0 10px;

	.margin: 5px 0 0 11px;

}



#nav a {

	display: block;

	width: 13.5em;

	w\idth: 14.5em;

	color: #555;

	line-height: 120%;

	text-decoration: none;

}



#nav a.sub-menu {

	cursor: default !important;

}



#nav li li a {

	display: block;

	text-decoration: none;

	padding: 0.4em 0 0.4em 1em;

}



#nav a.daddy {

}



#nav li {

	float: left;

	padding: 0;

	width: 15.3em;

	list-style: none;

	margin: 0;

}



#nav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 15.9em;

	w\idth: 15.4em;

	font-weight: normal;

	border-width: 0.25em;

	margin: 0;

	background: #e5e5e5;

}



#nav li li {

	padding-right: 1em;

	width: 12.3em;

}



#nav li ul a {

	width: 18em;

	w\idth: 14em;

}



#nav li ul ul {

	margin: -1.75em 0 0 12em;

}



#nav li.child {

	background: url(../img/icon-list-category.gif) 0 6px no-repeat;

	margin: 0 8px;

	padding: 0 0 0 6px;

}



#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:hover, #nav li.sfhover {

	background: none;

}



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

	background: none;

	width: 14.9em;

	w\idth: 14.4em;

}



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

	background: url(../img/icon-list-category.gif) 0 6px no-repeat;

	width: 13.9em;

	w\idth: 15.4em;

}



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

}



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;

}



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

	margin-left: 160px;

	_margin-left: 163px;

}



/* 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: 1px solid #dedede;

}



fieldset .checkbox label {

	float: none;

	padding-left: 4px;

}



div.submit {

	margin: 10px 0;

}



div.submit input {

	background: #0876ae;

	font-weight: bold;

	color: #fff;

	border: none;

	margin-left: 160px;

	padding: 4px;

}



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;

}



/* Actions */

.actions ul {

	margin: 0;

	padding: 0;

}



.actions ul li{

	float: left;

	list-style: none;

	margin: 0 10px 10x 0;

	padding: 0;

}



/* Messages */

.message {

	background: #CC0000;

	font-weight: bold;

	color: #fff;

	padding: 10px;

	margin: 10px 0;

}

.success{

	background: #00CC00;

	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 {

	margin: 4px 0;

	padding: 0;

}



ul.news li .meta, .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;

}



/* Bottom Menus */

.menu_bottom a {

}