*
{		
		padding:		0;
		margin:			0;
}

body
{
		background-color:		white;
		font-family:			Verdana;
		font-size:				12px;
		background:			url('img/background.gif') repeat-x;
}

a
{
		color:				#597e19;
}

img
{
		border:				none;
}

a:hover
{
		text-decoration:	none;
}

.breadcrumb h1
{
		font-size:			12px;
}

#container
{
		width:				800px;
		margin:				0 auto 0 auto;
}

#header
{
		width:				800px;
		height:				290px;
		background:			url('img/header.jpg') no-repeat;
		position:			relative;
}

#menu
{
		position:			absolute;
		bottom:				0;
		background:			url('img/menuBackground.gif') repeat-x;
		height:				42px;
		width:				798px;
		border-left:		1px solid #77b01b;
		border-right:		1px solid #77b01b;
}

#menu ul
{
		list-style:			none;
}

#menu ul li
{
		float:				left;
		background:			url('img/menuSeparator.png') no-repeat;
}

#homepage-button
{
		display:			block;
		background:			url('img/homepageButton.png') no-repeat;
		width:				118px;
		height:				17px;
		margin:				10px 7px 5px 20px;
		text-decoration:	none;
}

#rules-button
{
		display:			block;
		background:			url('img/rulesButton.png') no-repeat;
		width:				86px;
		height:				22px;
		margin:				10px 9px 5px 9px;
		text-decoration:	none;		
}

#addoffer-button
{
		display:			block;
		background:			url('img/addOfferButton.png') no-repeat;
		width:				139px;
		height:				22px;
		margin:				10px 9px 5px 9px;
		text-decoration:	none;		
}

#remove-button
{
		display:			block;
		background:			url('img/removeButton.png') no-repeat;
		width:				187px;
		height:				22px;
		margin:				10px 9px 5px 9px;
		text-decoration:	none;		
}

#price-button
{
		display:			block;
		background:			url('img/priceButton.png') no-repeat;
		width:				57px;
		height:				22px;
		margin:				10px 9px 5px 9px;
		text-decoration:	none;		
}

#about-button
{
		display:			block;
		background:			url('img/aboutButton.gif') no-repeat;
		width:				48px;
		height:				22px;
		margin:				10px 10px 5px 10px;
		text-decoration:	none;		
}

#homepage-button span, #rules-button span, #addoffer-button span, #remove-button span, #price-button span, #about-button span
{
		visibility:			hidden;
}

#content
{
		width:				798px;
		min-height:			300px;
		height:				auto;
		background-color:	#f2f2f2;
		position:			relative;
		border-left:		1px solid white;
		border-right:		1px solid white;
}

#main
{
		padding:			20px;
}

#content-bottom
{
		background:			url('img/bottomLeft.png') no-repeat bottom left;
		width:				100%;
		height:				30px;
		font-size:			1px;
		position:			absolute;
		bottom:				0;
		left:				0;
}

#content-bottom div
{
		background:			url('img/bottomRight.png') no-repeat bottom right;
		width:				100%;
		height:				30px;
}

#footer 
{
		background:			url('img/footerBar.gif') no-repeat;
		width:				100%;
		margin-top:			10px;
		padding-top:		10px;
		padding-bottom:		10px;
		text-align:			center;
		color:				gray;
		font-size:			11px;
}

#footer a
{	
		color:				gray;
		text-decoration:	none;
}

.offer
{
		background-color:	#e7e7e7;
		padding:			10px;
		overflow:			hidden;
		margin:				10px 0 15px 0;
}

.offer img
{
		float:				left;
		margin-right:		10px;
}

.offer h2
{
		float:				left;
}

.offer h2 a
{
		color:				black;
		text-decoration:	none;
}

.offer small
{
		float:				right;
}

.offer ul
{		
		overflow:			hidden;
		width:				73%;
		list-style:			none;
		margin-top:			30px;
}

.offer ul li
{
		width:				49%;
		padding:			5px 0 5px 0;
		float:				left;
}

.offer strong
{
		display:			block;
		float:				left;
		width:				45%;
}

.offer a.offer-view
{
		float:				right;
		margin:				5px 10px 0 0;
		text-transform:		capitalize;
}

#sort-box
{
		background-color:	#e7e7e7;
		padding:			10px;
		overflow:			hidden;
		margin:				10px 0 15px 0;
		text-align:			right;
		font-size:			11px;
}

.asc
{
		background:			url('img/asc.gif') no-repeat center left;
		padding-left:		20px;
		color:				black;
}

.desc
{
		background:			url('img/desc.gif') no-repeat center left;
		padding-left:		20px;
		color:				black;
}

#offer-image
{
		width:				100%;
		text-align:			center;
}

#offer-image img
{
		margin:				5px 15px 5px 15px;
}

#offer-description
{
		clear:				left;
		margin:				30px 0 20px 0;
}

div.pagination
{
		text-align:			center;
}

div.pagination a, div.pagination strong
{
		padding:			5px;
		border:				1px solid gray;
		background-color:	#e7e7e7;
		cursor:				pointer;
}

#search-box
{
		margin-top:			30px;
		clear:				both;
		display:			none;
}

#search-button
{
		background:			url('img/search.gif') no-repeat center left;
		padding-left:		20px;
		float:				left;
		cursor:				pointer;
		color:				black;
}

fieldset
{
		border:				none;
}

fieldset input[type=submit], fieldset input[type=button], button
{
		padding:			5px;
		border:				1px solid gray;
		background-color:	#e7e7e7;
		cursor:				pointer;
}

dl
{
		width:				100%;
}

dt
{
		float:				left;
		width:				20%;
		padding:			9px 0 3px 0;
		font-weight:		bold;
}

dd
{
		width:				25%;
		text-align:			left;
		padding:			4px 0 4px 15px;
		float:				left;
}

#offer-client
{
		font-size:			11px;
		background-color:	#e7e7e7;
		padding:			10px;
		overflow:			hidden;
		margin:				10px 0 15px 0;
}

#offer-client legend
{
		font-size:			13px;
}

#offer-client dt
{
		clear:				left;
}

#offer-client dd
{
		padding-top:		10px;			
}

#error-box
{
		width:				60%;
		padding:			10px;
		margin:				40px auto 0 auto;
		border:				1px solid #e5e2de;
		border-bottom:		2px solid #e5e2de;
}

#error-box hr
{
		border-top:			1px solid #e5e2de;
		line-height:		1px;
		height:				1px;
}

#error-box div
{
		background:			#dfdfdf;
		border:				1px solid #999;
		padding:			5px;
}

#error-box h1
{
		padding:			10px 0 10px 0;
}

#error-box p
{
		padding:			10px 0 10px 0;
}

#error-box input[type=submit]
{
		padding:			5px;
		border:				1px solid gray;
		background-color:	#e7e7e7;
		cursor:				pointer;
}

#payment-box
{
		background-color:	#e7e7e7;
		padding:			10px;
		overflow:			hidden;
		margin:				10px 0 15px 0;
}

#payment-box dt
{
		clear:				left;
		width:				25%;
}

#payment-box dd
{
		width:				60%;
}