/************
 tags
************/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:4px 0px 4px 0px;
	background-color: #fff;
	font-size: 12px;
}

p,h1,pre {
	margin:2px 10px 6px 10px;
}

/************
 LAYOUT
************/

#container {
	width: 774px;
	margin:0 auto;
	background: #fff;
}

#header {
	width: 100%;
	float: left;
	clear: both;
	background-color: #999966;
}

#header-top {
	background: #fff url(logos/use_nature_logo.gif) no-repeat scroll 25px 0px;
	margin-top: 3px;
	padding-bottom: 1px;
}

#header-text {
	text-align:center;
	color: #6C8C40;
	font-style: italic; 
	padding-left: 350px;
}

#header-bottom {
	background: #7CB529;
	border: 1px solid #333333;
	margin-top: 2px;
	margin-bottom: 4px;
	height: 38px;
}

#content {
	padding: 0px;
}

/************
 main page div
************/

a:link {
	color: #669933;
}

a:visited {
	color: #669933;
}

#footer-box {
	padding-top: 4px;
	background: #999966;
}


#footer {
	font-size:.75em;
	text-align: center;
	border: 1px solid #333333;
	padding: 2px;
	background-color: #B4EF63;
}

/* 2 column layout */

#left {
	float:left;
	width:650px;
	padding: 6px;
}

#right {
	float: right;
	width:146px;
	padding: 6px 2px;
}

#left h2 {
	font-size: 18px;
	padding: 0px;
}

#leftcontent, #rightcontent {
	width:130px;
	vertical-align:top;
	padding: 6px;
	
}

.clearer {
	clear:both;
}


/************
 Main Navigation
************/

#nav-group {
	float: left;
	width: 100%;
}

ul#nav {
	background:#fff;
	padding:7px 0px;
	margin:0;
}

ul#nav li {
	display:inline;
	margin:0;
	padding:0 1px;
}

ul#nav li span {
	margin:4px 3px 0 0;
	padding:3px 11px 1px 11px;
	color:#fff;
	background:#3C3C34;
}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:hover, ul#nav li a:focus {
	margin:4px 3px 0 0;
	padding:3px 4px;
}

ul#nav li a:link, ul#nav li a:visited {
	color:#999933;
	text-decoration:none;
}
ul#nav li a:hover, ul#nav li a:focus {
	color:#fff;
	background:#3C3C34;
}

ul#nav li a:active {
	color:#336600;
}

/*-- Second Nav Row --*/

ul#sub-nav {
	background:#A5A585;
	padding:7px 0 0 0;
	margin:0;
}

ul#sub-nav li {
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1px;
}

ul#sub-nav li span {
	margin:4px 3px 0 0;
	padding:3px 11px 1px 11px;
	color:#000;
	background:#fff;
}

ul#sub-nav li a:link, ul#sub-nav li a:visited, ul#sub-nav li a:hover, ul#sub-nav li a:focus {
	margin:4px 3px 0 0;
	padding:3px 11px 1px 11px;
}

ul#sub-nav li a:link, ul#sub-nav li a:visited {
	color:#fff;
	text-decoration:none;
}

ul#sub-nav li a:hover, ul#sub-nav li a:focus {
	color:#000;
	background:#fff;
}

ul#sub-nav li a:active {
	color:#336600;
}


/************
 Page Divs
************/

#pageTitle {
	background: #fff;
	border: #000 1px solid;
	padding: 6px;
	margin-bottom: 12px;
}

#pageTitle h1, #pageTitle h2 {
	font-size: 14px;
	margin: 0px;
	padding: 2px 0px;
}

#pageTitle h1 {
	font-size: 16px;
}

#subTitle {
	display: none;
}


/* Categories list on /classifieds/index.php */
#categories {
	text-align:left;
}

#categories ul {
	margin: 0;
	padding-left: 5px;
}

#categories li {
	list-style-type: none;
}

table#categories {
	width: 100%;
}

#categories td {
	padding: 8px;
	vertical-align:top;
}

#categories .parent {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px;
}

#categories .child {
	font-size: 12px;
	padding-left: 8px;
	font-weight: normal;
}

#subcats {
	font-size: 14px;
}


#table {
	font-size: 12px;
}

#table td {
	padding: 4px;
}

/********************
 Paginate
********************/
#paginate {
	text-align:center;
	padding: 10px;
}

#paginate a {
	background: #F8FBFC;
	padding: 3px;
	border: #E2EFF3 1px solid;
	font-family: Tahoma, Arial, sans-serif;
}

#paginate a:link, #paginate a:visited {
	text-decoration:none;
}

#paginate a:hover {
	border: #B7D7E1 1px solid;
}


/************
 Page Classes
************/

h3.index {
	font-size: 16px;
	padding: 4px;
	padding-top: 10px;
	margin: 0px;
}

.header-row {
	background:#A5A485;
	color:#fff;
	text-align:center;
	padding: 5px;
	margin: 0;
	font-size: 17px;
}

.box {
	background: #fff;
	border: #333 1px solid;
	margin-bottom: 3px;
}

.box-header {
	border-bottom: #333 1px solid;
	background: #E4F5CB;
	font-weight:bold;
	text-align:center;
}

.box-header p {
	margin: 0px;
}

.box-header h3 {
	font-size: 14px;
	margin: 0;
	padding: 3px;
	text-align:center;
}

.sub-box, .sub-box-last {
	float: left;
	width: 252px;
	border-right: #333 1px solid;
	padding: 4px;
}

.sub-box-last {
	border-right-width: 0px;
}

/************
 Ads
************/

.ad-title, .ad-premium-title {
	border: #333 2px solid;
	background: #6699cc;
	font-weight:bold;
	padding-left: 4px;
	color:#fff;
}

.ad-premium-title {
	border: #FF0000 2px solid;
	background: #FF0000;
}

.ad-free-body {
	border: #333 2px solid;
	border-top-width: 0px;
	background: #fff;
	margin-bottom: 15px;
	padding: 4px;
	font-size: 12px;
}

.ad-premium-body {
	border: #FF0000 2px solid;
	border-top-width: 0px;
	background: #fff;
	margin-bottom: 15px;
	padding: 4px;
	font-size: 12px;
}

.ad-premium-left {
	float: left;
	width: 400px;
}

.ad-premium-right {
	float: right;
	width: 370px;
	text-align: center;
}

a.external
{
	background: url(/images/external.png) center right no-repeat;
	padding-right: 13px;
}

.sidebar {
	background: #fff;
	padding: 6px;
	border: #000 1px solid;
	margin-bottom: 10px;
}

.sidebar h4, .sidebar h5 {
	padding:0px;
	margin:0px;
}

/************
 Tables
************/

#browse {
	width: 100%;
}

#browse td {
	padding: 6px;
}

table#browse {
	border-top:#999 1px solid;
	border-left:#999 1px solid;
}
table#browse tr td {
    border-right:#999 1px solid;
	border-bottom:#999 1px solid;
}

/************
 Messages/Errors Box
************/

ul#messages, ul#errors, ul#warnings {
	list-style-type:circle;
	margin:1em 0;
	padding:5px 10px 10px 80px;
	min-height:52px;
	clear:both;
}
ul#messages { color:#89bf36; background:#fff url(images/success.jpg) 0 0 no-repeat; }
ul#errors { color:#f2101b; background:#fff url(images/error.jpg) 0 0 no-repeat; }
ul#warnings { color:#000000; background:#fff url(images/warning.jpg) 0 0 no-repeat; }
ul#messages li, ul#errors li, ul#warnings li { margin:0; padding:0; }
ul#messages li a, ul#messages li label { color:#89bf36; text-decoration:underline; cursor:pointer; }
ul#errors li a, ul#errors li label { color:#f2101b; text-decoration:underline; cursor:pointer; }
ul#warnings li a, ul#warnings li label { color:#ddb419; text-decoration:underline; cursor:pointer; }
ul#messages li a:hover, ul#messages li label:hover, ul#errors li a:hover, ul#errors li label:hover,, ul#warnings li a:hover, ul#warnings li label:hover { text-decoration:none; }

/************
 common classes
************/

.left { float:left;}
.right { float: right;}
.bold { font-weight: bold;}
.gray { background: #eee;}
.text-left { text-align:left;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.top {vertical-align:top;}
.gray { background-color:#eee; }
.white { background-color:#fff; }
.green { background-color:#99FF99;}
.red { background-color:#FF0000;}
.orange { background-color:#FF9900;}

.text-orange { color:#FF6600; }
.text-green { color: #339900; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.email { display:none; }

.clearfix {display: inline-block;}

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