/*
 * $Id: main.css,v 1.22 2008-09-10 13:53:14 danny Exp $
 */
div#container {
	background: url('/images/design/body_bg.gif');
	position: relative;
	color: #13467A;
	height:100%;
	margin:0px auto;
	width: 897px;
	padding-right: 6px;
}

.error { font-weight: 800; color: #c00; }
.message { font-weight: 800; }
.green { color: #00bb00; }

div.contentBox { padding-bottom: 10px; }

div#header {
	background: url('/images/design/header.jpg') no-repeat left top;
	height: 153px;
	width: 100%;
	overflow: visible;
	margin: 0px;
	padding: 0px;
}

div#menuBar {
	position: relative;
	background: #134B83;
	width: 100%;
	height: 34px;
	z-index: 10;
}

	#menuBar div#languages {
		position: relative;
		float: left;
		width: 202px;
		height: 34px;
		background: #134B83;
		border-right: 1px solid #47739E;
	}

	#menuBar ul#topMenu {
		position: relative;
		background: #E8EFF6;
		float: left;
		left: 0px;
		height: 34px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		overflow: visible;
		z-index: 10;
	}

	#topMenu li.hasChildren ul {
		position: absolute;
		margin: 0px;
		width: 160px;
		padding: 0px;
		list-style-type: none;
		border-top: 1px solid #7E99AA;
	}

	#topMenu li ul { position: absolute; margin: 0px; padding: 0px; top: 34px; background: #134B83; clear: both;}
	#topMenu li ul li { width: 100%; clear: both; margin: 0px; padding: 0px;}

	#topMenu li { position: relative; float: left;}

	#topMenu a {
		display: block;
		position: relative;
		background: #134B83;
		color: #fff;
		float: left;
		font-weight: 800;
		font-size: 12px;
		margin:0pt;
		height: 24px;
		padding:10px 22px 0px 20px;
		border-left: 1px solid #2A3B66;
		border-right: 1px solid #47739E;
		text-decoration:none;
	}

	#topMenu a.folder { cursor: default; }

	#topMenu a:hover { color: #FDCF00; }

	#topMenu li.hasChildren ul li a {
		display: block;
		width: 150px;
		height: 16px;
		padding: 5px;
		white-space: nowrap;
		border: none;
	}

	#menuBar div#auctionEnd { position: relative; float: right; color: #E8EFF6; margin: 9px 10px 0px 0px; font-weight: 800;}

div#infoBar {
	width: 100%;
	height: 31px;
	background: #7E99AA;
}

div#infoBar a { color: #E8EFF6; }

div#specialMenu {
	clear: both;
	position: relative;
	height: 16px;
	padding-top: 10px;
	padding-left: 12px;
	width: 420px;
	width: auto;
	float: left;
}

	#specialMenu ul, #footerMenu ul { list-style-type: none; margin: 0px; }
	#specialMenu li, #footerMenu li { position: relative; float: left;}

	#specialMenu a, #footerMenu a {
		position: relative;
		float: left;
		font-weight: bold;
		color: #E8EFF6;
		line-height: 12px;
		border-left: 1px solid #C5D2DD;
		border-right: 1px solid #D3DEE7;
		padding: 0px 5px;
	}

	#specialMenu li.first a , #footerMenu li.first a{ border-left : none; }
	#specialMenu li.last  a , #footerMenu li.last  a{ border-right: none; }

	#specialMenu a:hover, #footerMenu a:hover{ color: #134B83; }
	#specialMenu a.yellowLink, #footerMenu a.yellowLink{ color: #FDCF00; border-right: none; border-left: 2px solid #C5D2DD;}
	#specialMenu a.yellowLink:hover, #footerMenu a.yellowLink:hover{ color: #134B83; }

	#specialMenu div.menuDivider { position: relative; float: left; font-weight: 800; color: #E8EFF6; margin: 0px 3px; cursor: default;}

div#loginContent {
	position: relative;
	float: right;
	height: 23px;
	margin-top: 4px;
}

div#loginForm tr { height: 24px; }
div#loginForm td.key { width: 200px;}
div#loginForm label { display: block; padding-top: 3px; font-size: 10px; font-weight: bold; line-height: 1.5em;}
div#loginForm label input { margin-top: 0px; }

	input#userMenuPass, input#userMenuEmail {
		border: none;
		font-size: 11px;
		height: 18px;
		line-height: 11px;
	}

	#loginContent div.userEmail, #loginContent div.userPass {
		position: relative;
		float: left;
		height: 23px;
		padding: 0px;
		margin: 0px;
	}

	#loginContent div.userEmail { width: 119px; background: url('/images/design/login_bluebg.gif') no-repeat 0px 0px;}
	input#userMenuEmail { background: none; width: 107px; padding-left: 5px; margin-top: 4px;}

	#loginContent div.userPass { width: 96px; background: url('/images/design/login_bluebg.gif') no-repeat -119px 0px;}
	input#userMenuPass { background: none; width: 91px; padding-left: 5px; margin-top: 4px;}

	.moduleForm input.btnLogin {
		position: relative;
		border: none;
		float: left;
		height: 23px;
		width: 97px;
		background: url('/images/design/login_bluebg.gif') -215px 0px no-repeat;
	}

	#loginContent a#requestPassword {
		display: block;
		position: relative;
		width: 65px;
		float: left;
		margin: 0px 5px;
		font-weight: 800;
		font-size: 10px;
	}

	#loginContent div#loginInfo {
		padding: 7px 10px 0px 5px;
		font-weight: 800;
	}

	#loginContent a:hover { color: #FDCF00; }
/* end #header */

	#content div#searchBar{
		position: relative;
		float: left;
		display: inline;
		width: 250px;
		min-height: 550px;
	}

		#searchBar div#searchBarTitle {
			background: url('/images/design/searchbar_title.gif');
			position: relative;
			top: 16px;
			left: 32px;
			width: 186px;
			height: 50px;
		}

		#searchBar div#searchItems {
			width: 232px;
			margin-left: 8px;
			margin-top: 40px;
		}

		#searchBar #searchItems div.searchElement {
			padding-left: 30px;
			background: transparent url('/images/icons/searchFieldBullet.gif') no-repeat left bottom;
			color: #20354D;
			font-weight: bold;
			margin-bottom: 8px;
		}
		#searchBar #searchItems div.searchElement input {
			width: 196px;
		}
		#searchBar #searchItems div.searchElement select {
			width: 200px;
		}
		#searchBar #searchItems div.searchSubmit {
			text-align: center;
		}
		#searchBar #searchItems div.searchSubmit input.submitBtn {
			width: 150px;
			height: 36px;
			border: 0px;
			background: transparent url('/images/buttons/button_search.gif') no-repeat;
		}

		#searchBar div#paymentText {
			text-align: center;
			font-size: 17px;
			font-weight: 800;
			width: 250px;
			color: #000;
			margin-top: 40px;
		}

		#searchBar div#paymentLogos {
			background: url('/images/design/payment_logos.gif') no-repeat;
			width: 250px;
			height: 50px;
			margin-top: 10px;
			margin-bottom: 50px;
		}

	#content div#mainContent{
		position: relative;
		float: left;
		display: inline;
		width: 645px;
		min-height: 550px;
		background: #fff;
		margin-bottom: 10px;
	}

	#mainContent div#breadCrumbs {
		margin: 5px;
		font-weight: 800;
	}

	#mainContent div#pageTitle {
		font-size: 36px;
		margin: 10px;
		margin-left: 28px;
		margin-bottom: 18px;
		font-weight: 800;
		color: #000;
	}

/* end #content */

div#footer {
	clear: both;
	width: 100%;
	height: 28px;
	background: #7E99AA;
}


div.contentBody {
	padding-left: 15px;
}

div#footerMenu {
	clear: both;
	position: absolute;
	height: 18px;
	left: 30%;
	margin: 0px auto;
	padding-top: 8px;
}