/* CSS Created by Mana Media */
html,body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #191919;
}

#pagewidth {
	width: 767px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #373737;
}

#header {
	position: relative;
	height: 34px;
	background-color: #434343;
	width: 767px;
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-left: 0px;
}

/*Site Name (top left of header area) Container Rules*/
#site {
	color: #fdfdfd;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	padding: 0em 0em 0em 0em;
	left: 1em;
	top: 1em;
}

/*Image Border Rules Throughout Site*/
img {
	border: 1px #ffffff;
}

/*Defined Image Border Rules Throughout Site. Remove the quotes from the below rule, rename "whatever" to the class name of your choice, then apply to specific tags within your site e.g. Listings Images Templates <td class="site img">{listing_images}</td>*/
.site img {
	border: 0 none;
}

/* Header Navigation Starts Here */
#navcontainer {
	margin: 0px 0em 0px 500px;
	height: 20px;
	padding-top: 8px;
}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a {
	background: transparent;
	width: 65px;
	height: 18px;
	/***Remove the "comment out" brackets below if you want a border around your header menu***/
	/*        border-top: 1px #9a9a9a solid;
        border-left: 1px solid #9a9a9a;
        border-bottom: 1px #9a9a9a solid;
        border-right: none;*/
	padding: 0;
	margin: 0 0 10px 0;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/ 18px "Lucida Grande", "Lucida Sans Unicode", verdana,
		lucida, sans-serif;
}

#navcontainer ul li a:hover {
	color: #fff;
	background:
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/down_state_header_nav.gif")
		no-repeat;
}

#navcontainer a:active {
	background: transparent;
	color: #fff;
}

#navcontainer li#active a {
	color: #fff;
}

/* Header Navigation Starts Here */
#headernav {
	background-color: #282828;
	width: 767px;
	height: 83px;
	background-image:
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/logo.gif")
		;
	background-repeat: no-repeat;
}

#logo {
	height: 59px;
	width: 205px;
	position: absolute;
	padding: 0em 0em 0em 0em;
	left: 1em;
	top: 1em;
}

#loginbox {
	text-align: right;
	width: 767px;
	height: 59px;
	font: normal 10px/ 18px "Lucida Grande", "Lucida Sans Unicode", verdana,
		lucida, sans-serif;
}

#loginbox li {
	display: inline;
}

#flash {
	position: relative;
	z-index: 3;
	height: 250px;
	background-color: #000;
	width: 100%;
}

#newHeader {
	height: 250px;
	width: 767px;
	background: #1b1b1b;
}

#leftHeader {
	width: 282px;
	height: 250px;
	float: left;
}

#rightHeader {
	width: 470px;
	height: 250px;
	float: left;
}

#featuredListing {
	width: 250px;
	height: 125px;
	float: left;
}

#featuredListing h1 {
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	text-align: center;
}

#quickSearch {
	width: 200px;
	height: 125px;
	float: left;
}

#quickSearch h1 {
	color: #FFFFFF;
	font-family: arial;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}

.searchpage_field_caption {
	color: #fff;
}

#quickSearch select {
	max-width: 160px;
}

#wide1 {
	clear: left;
	width: 456px;
	height: 46px;
}

#wide2 {
	width: 468px;
	height: 60px;
}

.blok {
	margin: 0;
	overflow: hidden;
	background: #fafafa;
	float: left;
}

.blokbox h2 {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #00A1DF;
	background-image: url("{template_url}/images/hoek_ro.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.blokbox h2 span {
	line-height: 16px;
	padding: 2px 7px 2px 7px;
	background-color: transparent;
	background-image: url("{template_url}/images/hoek_lo.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

.blokbox div.blokcontent {
	margin: 0;
	border: 1px solid #ccc;
	border-width: 0 1px;
	padding: 10px 10px 0 10px;
}

.blokbox div.blokcontentmain {
	margin: 0;
	border: 1px solid #ccc;
	border-width: 0 1px;
	padding: 10px 10px 0 10px;
}

.blokbox div.blokfooter {
	line-height: 10px;
	background-color: #fafafa;
	background-image: url("{template_url}/images/bhoek_ro.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.blokbox div.blokfooter div {
	background-color: transparent;
	background-image: url("{template_url}/images/bhoek_lo.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

/*Standard Text Links Rules*/
a:link {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ff9900;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:visited {
	color: #cccccc;
	text-decoration: none;
}

}
/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */
.browse_tool_table {
	background-color: #white;
	width: 530px;
	font-size: 14px;
	text-decoration: none;
	color: white;
}

.browse_tool {
	font-size: 10px;
	text-decoration: none;
	color: white;
}

.browse_tool_num {
	color: white;
}

.browse_tool_button A {
	background-color: #000000;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	BORDER-COLOR: #191919;
	BORDER-STYLE: inset;
	BORDER-WIDTH: 1px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	width: 82px;
	height: 24px;
	display: block;
}

.browse_tool_button A:visited {
	color: #FFFFFF;
}

.browse_tool_button A:hover {
	color: #FFFFFF;
	BORDER-STYLE: inset;
	width: 81px;
	height: 23px;
}

.browse_tool_ghost {
	font-size: 10px;
	line-height: 10px;
	color: #aaaaaa;
	text-decoration: none;
}

.browse_tool_curpage {
	BACKGROUND-COLOR: #000000;
	color: #FFFFFF;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}

.bt_pages {
	font-family: verdana, arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #D1DEE9;
	text-decoration: none;
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
}

bt_pages_ghost {
	color: #aaaaaa;
	text-decoration: none;
}

A.bt_pages {
	color: #000000;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}

A.bt_pages:visited {
	color: #000000;
}

A.bt_pages:hover {
	color: #FFFFFF;
	background: #D5F4A6;
}

/*Left Menu Text and Buttons*/
#leftcol {
	width: 166px;
	height: 100%;
	float: left;
	position: relative;
	background-color: #434343;
}

#maincol {
	float: right;
	display: inline;
	position: relative;
	width: 580px;
	background-color: transparent;
	margin: 10px;
	left: 0em;
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#content {
	color: #00000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/*I have left this rule in case you wanted to style your <p> guide within your html doc*/
	/*p{color: #ffffff;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;text-align: justify;margin-bottom: 12px;}*/
	/*- Header Menu Tabs Start -*/
#tabs10 {
	float: left;
	font-size: 12px;
	line-height: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	left: 18.5em;
	top: 3.8em;
	position: relative;
}

#tabs10 ul {
	margin: 0;
	padding: .8em 0px 0px 3em;
	list-style: none;
}

#tabs10 li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs10 a {
	float: left;
	height: 26px;
	background:
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/tableftH.gif")
		no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#tabs10 a span {
	height: 17px;
	float: left;
	display: block;
	background:
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/tabrightH.gif")
		no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {
	float: none;
}

/* End IE5-Mac hack */
#tabs9 a:hover span {
	color: #FFF;
}

#tabs10 a:hover {
	background-position: 0% -42px;
}

#tabs10 a:hover span {
	background-position: 100% -42px;
}

#tabs10 #current a {
	background-position: 0% -42px;
}

#tabs10 #current a span {
	background-position: 100% -42px;
}

/*- End Header Menu Tabs -*/
	/*Text Title Rules for Left Menu Titles Rules*/
#text {
	color: #fdfdfd;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	width: 166px;
	padding: 1em 1em;
}

/*- Start Left Menu Rollovers -*/
.buttons {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background:
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/down_state.jpg")
		no-repeat;
	white-space: nowrap;
	display: block;
	width: 166px;
	height: 16px;
	margin: 0;
	padding: 0;
}

.buttons a {
	display: block;
	color: black;
	font-size: 12px;
	width: 166px;
	height: 16px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.buttons img {
	color: white;
	width: 166px;
	height: 16px;
	border: 0
}

* html a:hover {
	visibility: visible
}

.buttons a:hover img {
	visibility: hidden
}

.buttons span {
	position: absolute;
	left: 20px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: white;
}

/*- End Left Menu Rollovers -*/ /*Footer Rules Begin Here*/
#footer {
	height: 100px;
	background-color: #0d0d0d;
	clear: both;
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}

/*W3C Icon Style Rules*/
div.w3cbutton1 {
	position: relative;
	margin: 1em 0;
	clear: both;
	font-family: helvetica, arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

div.w3cbutton1 a {
	display: block;
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
}

div.w3cbutton1 a.w3c1 {
	width: 3em;
	border-left: 1px solid #cecece;
	text-align: center;
	position: relative;
}

div.w3cbutton1 a.spec1 {
	position: absolute;
	left: 56.3em;
	top: 0;
	width: 6em;
	border-right: 2px solid #4a4a4a;
	padding-left: 0.5em;
}

div.w3cbutton1 a.w3c1:link,div.w3cbutton1 a.w3c1:visited,div.w3cbutton1 a.w3c1:hover
	{
	background-color: #fff;
	color: #0c479d;
	text-decoration: none;
}

div.w3cbutton1 a.spec1:link,div.w3cbutton1 a.spec1:visited,div.w3cbutton1 a.spec1:hover
	{
	background-color: #fc6;
	color: #000;
	text-decoration: none;
}

/* Table Rules */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* Horizontal Rule Style*/
div.hr {
	height: 15px;
	background: transparent
		url("http://www.tradeonsite.com/template/Caravan_onsite_Beta/images/line.gif")
		no-repeat scroll center;
}

div.hr hr {
	display: none;
}

/* *** Float containers fix:
 
 .clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */ /*printer styles*/
@media print { /*hide the left column when printing*/
	#leftcol {
		display: none;
	}
	#twocols,#maincol {
		width: 100%;
		float: none;
	}
}