/*
// CSS Created by: Shabu Anower
// OSDesigner.net
*/

body { margin: 0px; color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #fff;}
p { margin: 0; padding: 0;}
a { color: #666; text-decoration: none;}
a:hover { text-decoration: underline;}

h1, h2, h3, h4 { margin: 0; font-size: 11px;}
	
#container { width: 953px; margin: 0 auto}

.header { margin: 15px 0 10px 0;}
.header h1 { margin: 0 0 0 5px;}


.bar { background: url('../images/bar.gif') no-repeat; width: 953px; height: 41px; margin: 0 0 15px 0;}

.bar ul { margin: 0; padding: 7px 0 0 20px; list-style: none; float: left; width: 515px;}
.bar ul li { padding: 0; line-height: 28px; display: inline; font-size: 13px;}
.bar ul li a { float: left; margin: 0 5px 0 0; color: #212121; padding: 0 0 0 10px; background: url('../images/bar.button.gif') no-repeat left top; text-decoration: none;}
.bar ul li a span { padding: 0 10px 0 0; background: url('../images/bar.button.gif') no-repeat right top; display: block;}
.bar ul li a:hover { color: #212121; background: url('../images/bar.button.gif') no-repeat left -28px;}
.bar ul li a:hover span { background: url('../images/bar.button.gif') no-repeat right -28px;}
.bar ul li.active a { background: url('../images/bar.button.gif') no-repeat left -28px;}
.bar ul li.active a span { background: url('../images/bar.button.gif') no-repeat right -28px;}

.bar p { float: left; width: 400px; margin: 7px 15px 0 0;}

.search { float: left; margin: 0 0 0 10px; padding: 3px 0 0 6px; border: 0px; font-size: 13px; line-height: 25px; background: url('../images/search.gif') no-repeat; color: #212121; height: 25px; width: 286px;}
.searchbtn { float: left; background: url('../images/searchbtn.gif') no-repeat; width: 90px; height: 28px; border: none; margin: 0 0 0 5px;}
.submit { background: url('../images/submit.gif') no-repeat; width: 108px; height: 28px; border: none; margin: 0; font-size: 13px; font-weight: bold;}


.content { margin: 0;}
.content #sidebar { float: left; width: 200px; margin: 0 20px 0 0;}
.content #mainarea { float: left; width: 733px;}

.content #sidebar h2 { background: url('../images/sidebar.caption.gif') no-repeat; width: 190px; height: 33px; color: #fff; padding: 0 0 0 10px; margin: 0; line-height: 33px; font-weight: bold; font-size: 14px;}
.content #sidebar ul { list-style-type:none; margin:0; padding: 0; border: 1px solid #f99935; border-bottom: 4px solid #f99935; background: #fff; width: 198px;}
.content #sidebar ul li { list-style-type:none; margin:0; padding: 0; width: 198px;}
.content #sidebar ul li a { list-style-type: none; margin: 0; padding: 5px 10px 5px 10px; border-bottom: 1px solid #e2e2e2; line-height: 17px; width: 178px; display: block; color: #212121; text-decoration: none;}
.content #sidebar ul li a:hover { background: #e2e2e2; list-style-type: none; padding: 5px 10px 5px 10px; margin: 0; border-bottom: 1px solid #e2e2e2; line-height: 17px; width: 178px; display: block; text-decoration: none; color:#212121;}

.title { font-weight: bold; font-size: 13px; color: #0066cc; margin: 0 0 2px 0;}
.title a { color: #0066cc; text-decoration: none;}
.title a:hover { text-decoration: underline;}

.desc { font-size: 11px; color: #666; font-weight: normal; margin: 0 0 2px 0;}
.url { font-weight: normal; font-size: 11px; color: #00993a;  margin: 5px 0 5px 0;}
.url a { font-size: 11px; color: #00993a; text-decoration: none;}
.url a:hover { text-decoration: underline;}
	
.listedcat { font-size: 11px; font-weight: bold; color: #696969;}
.listedcat a { color: #696969; text-decoration: none; font-weight: normal;}
.listedcat a:hover { text-decoration: underline;}

.navigation { color: #212121; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
.navigation a { color: #00993a; text-decoration: none;}
.navigation a:hover { text-decoration: underline;}

.footer { border-top: 1px solid #ccc; padding: 15px 0 0 0;margin: 20px auto 20px auto; text-align: center; color: #666;}
.footer a { color: #666; text-decoration: none;}
.footer a:hover { text-decoration: underline;}

.linkbox { border-bottom: 1px dotted #ccc; padding: 10px 0 10px 0; margin: 0;}

.detailbox { margin: 10px 0 10px 0;}
.detailbox ul { margin: 0 0 0 15px; padding: 0 0 0 20px;}
.detailbox li { padding: 2px 0 4px 6px;}

.pagination {
	padding: 2px;
	float: right;
	font-size: 12px;
	font-weight: bold;
}
	.pagination ul {
		font-size: 12px;
		margin: 10px 0 10px 0;
		padding: 0px;
		text-align: left;
	}
	.pagination li {
		display: inline;
		list-style-type: none;
		padding-bottom: 1px;
	}
	.pagination a {
		color: #666;
		border: #666 1px solid;
		padding: 5px;
		text-decoration: none;
	}
	.pagination a:hover {
		border: #666 1px solid;
		color: #e89551;
		text-decoration: none;
	}
	.pagination a:active {
		border: #666 1px solid;
		color: #e89551;
	}
	.pagination li.firstpage {
		margin-right: 5px;
	}
	.pagination li.nextpage {
		font-weight: bold;
		margin-right: 5px;
	}


.paypal {
	font-size: 18px;
	color: #00993a;
	font-weight: bold;
	text-align: center;
}

.caption { border-bottom: 1px dotted #ccc; padding: 10px 0 10px 0; margin: 0; font-size: 13px;}
.caption h2 { float: right; margin: 0px; font-size: 10px; padding: 6px 0 0 0;}

.details { margin: 0 0 0 5px; padding: 5px 0 5px 0;}
	

.text {
	border: 1px solid #666;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 360px;
	color: #696969;
}
.textarea {
	border: 1px solid #666;
	padding: 2px 2px 2px 6px;
	font-size: 12px;
	width: 360px;
	color: #696969;
}
.textpy {
	border: 1px solid #666;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 50px;
	color: #696969;
}

select {
	font-size: 12px;
	color: #000000;
	border: 1px solid #696969;
	padding: 3px;
}

.captcha {
	border: 1px solid #666;
	background: url('../images/loader.gif') no-repeat center;
}

form {
	Margin: 0;
}

.cat {
	background: url('../images/catblt.gif') no-repeat left;
	font-size: 10px;
	color: #0066cc;
	Padding: 0 0 0 15px;
	Margin: 10px 10px 4px 0;
}
	.cat a {
		font-size: 11px; color: #0066cc; text-decoration: none; font-weight: bold;
	}
	.cat a:hover {
		text-decoration: underline;
	}
	.cat span {
		font-size: 9px;
		padding: 0 0 0 4px;
	}

.subcat {
	font-size: 11px;
	padding: 2px 0 0 16px;
	color: #696969;
	Margin: 2px 0 2px 8px;
	font-weight: normal;
}
	.subcat a {
		COLOR: #696969; text-decoration: none;
	}
	.subcat a:hover {
		text-decoration: underline;
	}

.break {
	padding: 3px 0 3px 0;
}



div.pr {
	font-size: 6pt;
	color: #000000;
}

div.prg{
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb{
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #696969;
	font-weight: normal;
	font-size: 7pt;
	text-decoration: none;
}

.err {
	color: #FF0000;
	text-align: left;
	margin: 0 0 8px 0;
	font-weight: bold;
	padding: 6px;
	border: 1px dotted #ccc;
}

.msg {
	color: #666;
	text-align: left;
	margin: 0 0 8px 0;
	font-weight: bold;
	padding: 6px;
	border: 1px dotted #ccc;
}

.limit_field {
   border: 0px;
   font-size: 10px;
   color: #696969;
   background: none;
}

span.req {
	color: #FF0000;
	font-weight: bold;
}


select {
	font-size: 8pt;
	color: #000000;
	border: 1px solid #429e3e;
}

#toggleCategTree {
   display:block;
   cursor:pointer;
   cursor:hand;
   color:#429e3e;
   font-weight: bold;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px solid #429e3e;
   border-width:0 1px 1px;
}

#catTitle {
	background: none;
	font-weight: bold;
} /* Important for Konqueror */

#categtree h2 {
	margin:0 0 5px;
	font-size: 11px;
	padding:2px;
	text-align:center;
	color:#FFFFFF;
	background:#429e3e;
	vertical-align:middle;
}

#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   color: #696969;
   border:1px solid #fff;
   border-width:1px 0;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item img {
   margin-right:1em;
}

#categtree .odd {
   background:#e4f3e3;
}

#categtree .even {
   background:#FFFFFF;
}

#categtree .categ-item:hover {
   background:#4ea84b; color: #fff;
}