/*

// Created By: Shabu Anower

// URL: http://www.osdesigner.net

*/



/*Common function*/

body {

	margin: 0px;

	color: #4194c5;

	background: #ccc;
	text-align:center;

}



* {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

}



	a {

		color: #003398;

		text-decoration: none;

	}

	

	a:hover {

		text-decoration: underline;

	}



h1, h2, h3, h4 { font-style: normal; font-size: 11px; }	



/*Text line*/

.textline {

	margin: 0px;

	color: #003398;

	padding: 4px 0 4px 0;

}

	.textline a {

		font-weight: bold;

		color: #003398;

		text-decoration: none;

	}

	

	.textline a:hover {

		text-decoration: underline;

	}



/*Container*/

#content {

	width: 775px;

	border-left: 1px solid #3091c5;

	border-right: 1px solid #3091c5;

	margin-left: auto;

	margin-right: auto;
	 background-color:#FFFFFF;
	/*background: url('../images/bg.gif'); */

}



/* Header Area*/

.header {

	background: url('../images/header.bg.gif') repeat-x;

	height: 123px;

}

	.header h2 {

		margin: 0;

		padding: 0;

	}



	.header p {

		float: right;

		margin: 0;

	}

	.banner {

		float: right;

		padding: 30px 10px 0 0;

		text-align: right;

	}

	

	.searchA { float: right; padding: 0px 0 0 0; text-align: right; padding-top:7px;}
	.txtbox{ height:25px;}





/*Nav*/

.nav {

	background: url('../images/nav.bg.gif');

	height: 32px;

	color: #afcd51;

	margin: 0 0 4px 0;

}

.nav ul { margin: 0; padding: 0; list-style: none; }

.nav li { margin: 0; display: inline; padding: 0; float: left; width:100px; text-align:center; vertical-align:middle; margin-top:7px; border-right:solid 1px #00338A;}

.nav a{  font-size:12px; font-weight:bold; color:#FFFFFF;}
.nav a:hover{font-size:12px; font-weight:bold; color:#D7DEEE; text-decoration:none}


.article {

	width: 98%;

	margin: 0 auto 0 auto;

	line-height: 18px;

}

	.article a {

		font-weight: bold; color: #ff8400; text-decoration: none;

	}

	.article a:hover {

		font-weight: bold; color: #ff8400; text-decoration: underline;

	}



/*Nav Button*/

#home {

	width: 97px;

	height: 32px;

	padding: 0px;

	}



		a#home {

			overflow:hidden;

			text-indent:-1000em;

			display:block;

			width:97px;

			height:32px;

			background:url('../images/home1.gif');

		}

		

		a#home:visited,

		a#home:active {

			background:url('../images/home1.gif');

		}

		

		a#home:hover {

			background:url('../images/home2.gif');

		}

		

#submit {

	width: 94px;

	height: 32px;

	padding: 0px;

}



	a#submit {

		overflow:hidden;

		text-indent:-1000em;

		display:block;

		width:94px;

		height:32px;

		background:url('../images/submit1.gif');

	}

	

	a#submit:visited,

	a#submit:active {

		background:url('../images/submit1.gif');

	}

	

	a#submit:hover {

		background:url('../images/submit2.gif');

	}		

		

		

#new {

	width: 97px;

	height: 32px;

	padding: 0px;

}



	a#new {

		overflow:hidden;

		text-indent:-1000em;

		display:block;

		width:97px;

		height:32px;

		background:url('../images/new1.gif');

	}

	

	a#new:visited,

	a#new:active {

		background:url('../images/new1.gif');

	}

	

	a#new:hover {

		background:url('../images/new2.gif');

	}

		

			

#top {

	width: 96px;

	height: 32px;

	padding: 0px;

}



	a#top {

		overflow:hidden;

		text-indent:-1000em;

		display:block;

		width:96px;

		height:32px;

		background:url('../images/top1.gif');

	}

	

	a#top:visited,

	a#top:active {

		background:url('../images/top1.gif');

	}

	

	a#top:hover {

		background:url('../images/top2.gif');

	}	

		

#contact {

	width: 96px;

	height: 32px;

	padding: 0px;

}



	a#contact {

		overflow:hidden;

		text-indent:-1000em;

		display:block;

		width:96px;

		height:32px;

		background:url('../images/contact1.gif');

	}

	

	a#contact:visited,

	a#contact:active { background:url('../images/contact1.gif'); }

	

	a#contact:hover { background:url('../images/contact2.gif'); }		



/*Caption*/

.b { background: url('../images/btop.bg.gif') repeat-x top; height: 3px; margin: 0 2px 0 2px; }



.bbottom {

	background: url('../images/bbottom.bg.gif') repeat-x top;

	height: 3px;

	margin: 0 10px 0 10px;

}

.bbg {

	background: url('../images/bbg.gif') #fefeff repeat-x top;

	border-left: 1px solid #c1e7f9;

	border-right:  1px solid #c1e7f9;

	margin: 0 10px 0 10px;

}





/*Caption*/

.caption {

	background: url('../images/c.bg.gif');

	height: 25px;

	color: #ffffff;

	margin: 0 10px 0 10px;

}

	.caption p {

		float: right;

		background: url('../images/c.right.gif') no-repeat top right;

		margin: 0;

		width: 6px;

		height: 25px;

	}

	.caption h2 {

		background: url('../images/c.left.gif') no-repeat top left;

		margin: 0;

		padding: 4px 0 0 7px;

		font-size: 1.2em;

		font-style: italic;

		font-weight: bold;

	}

	

.mainbox {

	background: url('../images/mainbox.bg.gif') #effaff repeat-x top;

	border-left: 1px solid #c0e6f9;

	border-right: 1px solid #c0e6f9;

	margin: 0 10px 0 10px;

	padding: 6px;

}	



.mainbox2 {

	background: url('../images/mainbox.bg2.gif') #ffffff repeat-x bottom;

	border-left: 2px solid #839BCD;

	border-right: 2px solid #839BCD;

	margin: 0 10px 0 10px;

	padding: 6px; text-align:left

}	

	.mainbox2 ol {

		margin: 0;

		padding: 0;

		width: 90%;

	}

	.mainbox2 li {

		list-style: none;

		margin: 3px 0 3px 0;

		padding: 0 0 0 15px;

		color: #003398;

		font-weight: bold;

		background: url('../images/blt.gif') no-repeat left;

	}

	

	.mainbox2 p {

		margin: 6px 0 0 0;

	}

	

	.mainbox2 a {

		color: #003398; text-decoration: none;

		}

	.mainbox2 a:hover {

		color: #003398; text-decoration: underline;

		}



	.bottom {

		margin: 0 10px 0 10px;

		height: 10px;

		background: url('../images/bottom.bg.gif');
		text-align:left

	}

		.bottom p {

			float: right;

			margin: 0px;

		}



/*Left Area*/



.leftarea {

	background: url('../images/mainbox.bg2.gif') #effaff repeat-x top;

	border-left: 2px solid #839BCD;

	border-right: 2px solid #839BCD;

	margin: 0 10px 0 10px;

	padding: 6px;

}	

	.leftarea ol {

		margin: 0;

		padding: 0;

		width: 90%;

	}

	.leftarea li {

		list-style: none;

		margin: 3px 0 3px 0;

		padding: 0 0 0 15px;

		color: #003398;

		font-weight: bold;

		background: url('../images/blt.gif') no-repeat left;

	}

	

	.leftarea p {

		margin: 6px 0 0 0;

		text-align: center;

	}

	

	.leftarea a {

		color: #003398; text-decoration: none;

		}

	.leftarea a:hover {

		color: #003398; text-decoration: underline;

		}











/*Category Box*/

.catbox {

	border-bottom: 1px dotted #cccccc;

	border-left: 1px dotted #cccccc;

	padding: 10px;

	margin: 0px;

}



/*Footer*/

.footer {

	height: 21px;

	background: url('../images/footer.bg.gif') repeat-x;

	padding: 8px 0 0 0;

	text-align: center;

	color: #ffffff;

}

	.footer a {

		color: #ffffff; text-decoration: none;

		}

	.footer a:hover {

		color: #ffffff; text-decoration: underline;

		}





/*Copyright*/		

.copyright {

	color: #ffffff;

	margin: 0px;

	font-weight: bold;

	text-align: right;

	padding: 5px 0 10px 0;

}



	.copyright a:link {

		color: #ffffff; text-decoration: underline;

		}

	.copyright a:visited {

		color: #ffffff; text-decoration: underline;

		}

	.copyright a:hover {

		color: #ffffff; text-decoration: none;

		}



/*Devider padding left*/

.padding_left {

	padding: 0 4px 0 4px; text-align:left

}



/*Sorting*/

.sort {

	color: #ffffff; font-size: 9px; float: right; margin: 0px; padding: 0 10px 0 0;

}

	.sort a {

		color: #ffffff;

		font-size: 9px;

	}	

	.sort a:hover {

		text-decoration: underline;

	}



/*Category result*/

.cr {

	color: #c50d0b;

	font-weight: bold;

	font-size: 12px;

	Margin: 0 0 0 4px;

	padding: 3px 0 3px 12px;

}

	.cr a {

		color: #c50d0b;

	}	

	.cr a:hover {

		text-decoration: underline;

	}

	

/*pagination*/

.page {

	color: #c50d0b;

	font-weight: bold;

	font-size: 12px;

	Margin: 0 10px 0 10px;

}

	.page p {

		float: right;

	}

	.page a {

		color: #c50d0b;

	}	

	.page a:hover {

		text-decoration: underline;

	}

	

/*Directory Path*/

.path {

	color: #003398;

	padding: 3px;

	margin: 0 10px 6px 10px;

	font-weight: bold; text-align:left

}



	.path a {

		color: #003398;

	}	

	.path a:hover {

		text-decoration: underline;

	}



	.path p {

		margin: 0px;

	}

	

	.path h1 {

		float: right;

		margin: 0;

	}



/*Search button*/	

.button {

	margin: 0 10px 0 3px;  BORDER: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; background: url('../images/search.gif'); height: 20px; width: 66px;

}

/*Search input*/

.search {

	margin: 0 0 0 5px; Padding: 3px 0 0 3px; BORDER: 1px solid #005d8c; FONT-SIZE: 12px; font-weight: bold; BACKGROUND: #e2f4fe; COLOR: #ae1715; HEIGHT: 15px; width: 180px;

}



.screenshot {

	background: url('../images/loader.gif') no-repeat center;

	border: 1px solid #696969;

	width: 100px;

	height: 68px;

	margin: 2px 8px 2px 0;

}



.fbox {

	padding: 6px 5px 13px 6px;

	margin: 0;

}



/*Regular Link*/	

.lbox {

	padding: 6px 5px 13px 6px;

	margin: 0 10px 0 0;

	border-bottom: 1px dotted #4194c5;

}



/*Text Input Style*/

.text {

	border: 1px solid #4194c5;

	background: #ffffff;

	height: 17px;

	font-size: 12px;

	padding: 2px 2px 2px 6px;

	width: 360px;

	color: #003398;

}

.textarea {

	border: 1px solid #4194c5;

	background: #ffffff;

	padding: 2px 2px 2px 6px;

	font-size: 12px;

	width: 360px;

	color: #003398;

}

.textpy {

	border: 1px solid #4194c5;

	background: #ffffff;

	height: 17px;

	font-size: 12px;

	padding: 2px 2px 2px 6px;

	width: 50px;

	color: #003398;

}



/*Image Verification*/

.captcha {

	border: 1px solid #003398;

}

/*Form*/

form {

	Margin: 0px;

}



/*Category*/

.cat {

	margin: 0px;

	padding: 2px 0 4px 10px;

	font-size: 11px;

	font-weight: bold;

	color: #c50d0b;

}

	

	.cat a {

		color: #c50d0b;

		text-decoration: none;



	}

	.cat a:hover {

		color: #c50d0b;

		text-decoration: underline;

	}

	

	.cat span {

		font-size: 10px;

		color: #003398;

		padding: 0 0 0 4px;

	}





/*Sub Cat*/

.subcat {

	color: #333333;

	margin: 0 0 0 5px;

}

	.subcat p {

		margin: 0;

		padding: 3px 0 3px 12px;

	}



	.subcat a {

		color: #333333;

		text-decoration: none;

	}

	.subcat a:hover {

		color: #003398;

		text-decoration: underline;

	}

	

	.subcat span {

		font-size: 9px;

		padding: 0 0 0 4px;

		font-weight: normal;

	}

	

/*catin*/

.catin {

	color: #333333;

	margin: 0 0 0 4px;

}

	.catin p {

		margin: 0;

		padding: 3px 0 3px 12px;

	}



	.catin a {

		color: #333333;

		text-decoration: none;

	}

	.catin a:hover {

		color: #003398;

		text-decoration: underline;

	}

	

	.catin span {

		font-size: 9px;

		padding: 0 0 0 4px;

		font-weight: normal;

	}





/*Common Break*/

.break {

	padding: 3px 0 3px 0;

}



/*PayPal*/

.pp {

	font-size: 14px; color: #c50d0b; font-weight: bold; text-align: center;

}



/*Featured Links*/

.furl {

	margin: 0 0 4px 0;

	padding: 2px 0 2px 0;

	font-size: 12px;

	font-weight: bold;

	color: #c50d0b;

}



	.furl a {

		color: #c50d0b;

	}

	.furl a:hover {

		text-decoration: underline;

	}



/*Regular Link*/	

.rurl {

	margin: 0 0 4px 0;

	padding: 2px 0 2px 0;

	font-size: 12px;

	font-weight: bold;

	color: #003398;

}

	.rurl a {

		color: #003398;

	}

	.rurl a:hover {

		text-decoration: underline;

	}



/*Link Description*/

.desc {

	font-size: 11px; color: #000000; font-weight: normal; margin: 0 0 2px 0;

}

	.desc a {

		color: #003398;	font-weight: bold;

	}

	.desc a:hover {

		text-decoration: underline;

	}



/*Link URL*/

.url {

	font-weight: normal; font-size: 11px; color: #003398;  margin: 2px 0 0 0;

}



/*Category link*/

.linkcat {

	font-weight: Bold; font-size: 11px; color: #c50d0b;  margin: 6px 0 0 0;

}



	.linkcat a {

		color: #4194c5;

	}

	

	.linkcat a:hover {

		text-decoration: underline;

	}	

	

	

/*PageRank*/

div.pr {

	font-size: 6pt;

	color: #484848;

}



	div.prg{

		width: 40px;

		border: 1px solid #999999;

		height: 3px;

		background: #fff;

		font-size: 1px;

	}

	div.prb{

		background: #5eaa5e;

		height: 3px;

		font-size: 1px;

	}



/*Small Style*/	

.small, .small a {

	padding: 0px;

	margin: 0px;

	color: #003398;

	font-weight: normal;

	font-size: 7pt;

	text-decoration: none;

}



/*Error Style*/

.err {

	color: #c50d0b;

	padding: 3px 0 3px 0;

	text-align: left;

	margin: 0 10px 0 10px;

	font-weight: bold;

}

/*MSG Style*/

.msg{

	color: #003398;

	padding: 3px 0 3px 0;

	text-align: left;

	margin: 0 10px 0 10px;

	font-weight: bold;

}

/*Submit page Limit style*/

.limit_field {

   border: 0px;

   font-size: 11px;

   color: #003398;

   background: transparent;

}



/*REQ Marking*/

span.req {

	color: #FF0000;

	font-weight: bold;

}

/*Drop list*/

select {

	font-size: 8pt;

	color: #000000;

	border: 1px solid #d5d5d5;

}



/*Ajax Category Style*/



#toggleCategTree {

   display:block;

   cursor:pointer;

   cursor:hand;

   color:#003398;

   font-weight: bold;

}



#categtree {

   margin:3px 0;

   height:200px;

   width:300px;

   overflow:auto;

   border:1px dotted #182f53;

   border-width:0 1px 1px;

}



#catTitle {

	background: none;

	font-weight: bold;

} /* Important for Konqueror */



#categtree h2 {

	margin:0 0 5px;

	font-size: 12px;

	padding:2px;

	text-align:center;

	color:#FFFFFF;

	background:#c50d0b;

	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:3px 5px;

   display:block;

   color: #003398;

   cursor:pointer;

   cursor:hand;

}



#categtree .categ-item img {

   margin-right:1em;

}



#categtree .odd {

   background:#def3fd;

}



#categtree .even {

   background:#FFFFFF;

}



#categtree .categ-item:hover {

   background:#f7eff4;

}