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

body {
	margin: 0px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#f1f1f1;
}


	a {
		color: #696969;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

h1, h2, h3, h4 {
	margin: 0;
	font-size: 11px;
}
/* ----------------------------- */

/* container for outer shadow */
#shdw {
	width: 1000px;
	margin: auto;
	background: url(../images/bg_shdw.gif) center top repeat-y;
}
/* ----------------------------- */
#shdwBottom {
	width: 1000px;
	height: 30px;
	margin: auto;
	background: url(../images/bgBttm_shdw.gif) center top no-repeat;
}

/* main page container floats site centered in browser window > 990px wide */
#main {
	width: 980px;
	margin: auto;
	background-color: #ffffff;
	overflow: hidden;
	padding:0 5px 0 5px;
}
#container {
	width: 94%;
	margin: 0 auto 0 auto;
}

.header {
	margin: 25px 0 0 0;
	width: 100%;
}
	.header h1 {
		margin: 0 0 0 9px;
	}

	.header p {
		float: right;
		margin: 0;
	}



#navcontainer {
        background: #369;
        border-top: 1px solid #9CC;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin:20px 0 20px 0;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}













.bar {
	background: url('../images/bar.bg.gif');
	height: 37px;
	margin: 10px 0 10px 0;
}	
	.bar span {
		background: url('../images/bar.bg.gif') no-repeat 0px -37px;
		float: right;
		margin: 0px;
		width: 17px;
		height: 37px;
	}

	.bar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.bar li {
		padding:0;
		margin: 0;
		height: 37px;
		display: inline;
		float:left;
		list-style-type: none;
	}
	
	.bar li a {
		color: #303030;
		text-decoration: none;
	}
	
	.bar li a:hover {
		color: #ffffff;
		text-decoration: none;
	}
#home {
	padding: 0px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	}

	a#home {
			overflow:hidden;
			display:block;
			width:70px;
			height:27px;
			padding: 10px 0 0 10px;
			background:url('../images/bar.start.gif') no-repeat;
	}
	a#home:hover {
		background:url('../images/bar.start.gif') no-repeat 0px -37px;
		}
	
	.common {
		padding: 0px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		line-height: normal;
	}
	a.common {
			overflow:hidden;
			display:block;
			width:90px;
			height:27px;
			padding: 10px 0 0 0;
	}
	a.common:hover {
		background:url('../images/bar.bg.gif') no-repeat center -74px;
		}
		
		

.search {
	 margin: 6px 15px 3px 8px; padding: 2px 0 0 8px; border: 1px solid #696969; font-size: 11px; font-weight: bold; background: none; color: #a69d7f; height: 18px; width: 100px;
}
.box {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	padding: 8px;
	width: 203px;
}
	.box a {
		color: #696969; text-decoration: none;
	}
	.box a:hover {
		text-decoration: underline;
	}
	
	.box ul {
		margin: 0;
		padding: 0;
	}
	.box li {
		list-style-type: none;
		margin: 0 0 0 3px;
		padding: 0 0 4px 20px;
		background: url('../images/blt.gif') no-repeat;
	}
	
	.boxcaption {
		background: url('../images/box.caption.gif') repeat-x;
		padding: 6px 0 0 10px;
		height: 22px;
		width: 209px;
		color: #fff;
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
		border-top: 1px solid #ebebeb;



	}
	
	.boxbottom {
		width: 221px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #ebebeb;

	}

.page {
	color: #336699;
	font-weight: bold;
	font-size: 11px;
	margin: 5px 0 5px 0;
}
	.page p {
	}

.pagination {
	padding: 2px;
	float: right;
	font-size: 11px;
	font-weight: bold;
}
	.pagination ul {
		font-size: 11px;
		margin: 10px 0 10px 0;
		padding: 0px;
		text-align: left;
	}
	.pagination li {
		display: inline;
		list-style-type: none;
		padding-bottom: 1px;
	}
	.pagination a {
		color: #336699;
		border: #336699 1px solid;
		padding: 5px;
		margin: 0 5px 0 0;
		text-decoration: none;
	}
	.pagination a:visited {
		border: #336699 1px solid;
		color: #336699;
		padding: 5px;
		text-decoration: none;
	}
	.pagination a:hover {
		background-color: #f9fcf5;
		border: #336699 1px solid;
		color: #336699;
		text-decoration: none;
	}
	
.padding {
	padding: 0 20px 0 0;
}

.padding2 {
	padding: 0 0 0 20px;
}
.paypal {
	font-size: 18px;
	color: #336699;
	font-weight: bold;
	text-align: center;
}

.caption {
	background: url('../images/caption.bg.gif') repeat-x bottom;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}
	.caption p {
		background: url('../images/caption.bg.gif') no-repeat left;
		padding: 8px 0 2px 14px;
		height: 20px;
		color: #fff;
		margin: 0;
	}
	
	.caption a {
		color: #fff; text-decoration: none;
	}
	.caption a:hover {
		text-decoration: underline;
	}
	
	.caption h2 {
		background: url('../images/caption.bg.gif') no-repeat right;
		float: right;
		margin: 0px;
		font-size: 10px;
		height: 22px;
		padding: 8px 10px 0 0;
	}

.content {
	margin: 0 16px 0 10px;
}
	.content ul {
		margin: 0;
		padding: 0;
	}

	.content li {
		list-style-type: none;
		margin: 0 0 0 3px;
		background: url('../images/blt.gif') no-repeat;
		padding: 0 0 4px 20px;
	}

.fbox {
	border: 1px solid #336699;
	padding: 10px;
	background: #e4f1f7;
	margin: 5px 5px 10px 5px;
}

.lbox {
	margin: 0 5px 25px 5px;
}

.footer {
	padding:0;
	margin: 0 auto 0 auto;
	width: 990px;
	color: #696969;
	text-align:center;
}
	.footer p {
		margin: 0;
			padding:0;

	}
	.footer h3 {
		float: right;
		margin: 0px;
			padding:0;

		font-weight: normal;
	}
	.footer a {
		color: #696969; text-decoration: none;
	}
	.footer a:hover {
		text-decoration: underline;
	}

.nav {
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
	.nav p {
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	.nav h3 {
		float: right;
		margin: 0;
		font-size: 11px;
	}
	
	.nav a {
		font-size: 11px; color: #336699; text-decoration: none;
	}
	.nav a:hover {
		text-decoration: underline;
	}

.article {
	margin: 5px 5px 10px 5px;
	line-height: 18px;
}
	.article a {
		font-weight: bold; color: #336699; text-decoration: none;
	}
	.article a:hover {
		font-weight: bold; color: #336699; text-decoration: underline;
	}


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

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

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

form {
	Margin: 0;
}

.cat {
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	margin: 0 0 6px 0;
}
	.cat a {
		font-size: 11px; color: #336699; text-decoration: none;
	}
	.cat a:hover {
		text-decoration: underline;
	}
	.cat span {
		font-size: 9px;
		padding: 0 0 0 4px;
	}
	
.subcat {
	font-size: 11px;
	color: #696969;
	margin: 0 0 2px 0;
	font-weight: normal;
}
	.subcat a {
		COLOR: #696969; text-decoration: none;
	}
	.subcat a:hover {
		text-decoration: underline;
	}

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

.title {
	font-weight: bold; font-size: 11px; color: #336699; margin: 0 0 2px 0;text-transform: capitalize;
}
	.title a {
		font-size: 11px; color: #336699; text-decoration: none;
	}
	.title a:hover {
		text-decoration: underline;
	}


.desc {
	font-size: 11px; color: #696969; font-weight: normal; margin: 0 0 2px 0;
}

.url {
	font-weight: normal; font-size: 11px; color: #696969;  margin: 5px 0 5px 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;
	margin: 0 5px 5px 5px;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #336699;
}

.msg {
	color: #336699;
	margin: 0 5px 5px 5px;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #336699;
}

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

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

#toggleCategTree {
   display:block;
   cursor:pointer;
   color:#336699;
   font-weight: bold;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #696969;
   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:#a7cb67;
	vertical-align:middle;
}

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

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   color: #303030;
   border:1px dotted #FFFFFF;
   border-width:1px 0;
   cursor:pointer;
}

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

#categtree .odd {
   background:#d9e9bd;
}

#categtree .even {
   background:#FFFFFF;
}

#categtree .categ-item:hover {
   background:#eee;
}

.os {
	color: #3d4c53;
	font-weight: bold;
}
	.os a {
		color: #3d4c53; font-size: 11px; text-decoration: none;
	}
	.os a:hover {
		text-decoration: underline;
	}
.design {
	color: #6ca901;
	font-weight: bold;
}
	.design a {
		color: #6ca901; font-size: 11px; text-decoration: none;
	}
	.design a:hover {
		text-decoration: underline;
	}