/**
# ######################################################################
# Project:     PHPLinkDirectory: Version 2.1
#
# **********************************************************************
# Copyright (C) 2004-2006 NetCreated, Inc. (http://www.netcreated.com/)
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
# **********************************************************************
#
# For questions, help, comments, discussion, etc., please join the
# PHP Link Directory Forum http://www.phplinkdirectory.com/forum/
#
# @link           http://www.phplinkdirectory.com/
# @copyright      2004-2006 NetCreated, Inc. (http://www.netcreated.com/)
# @projectManager David DuVal <david@david-duval.com>
# @package        PHPLinkDirectory
# ######################################################################
*/

/* 
Author: PHPLDTemplates.com
Templates: PHPLD V2-1-2
URL: http://www.phpldtemplates.com
Free PHPLD Template available: http://www.phpldtemplates.com/freephpld.php
*/
body {
	background:#f1f1f1;
	font-family: Arial,Verdana, Tahoma,  sans-serif;
	font-size: 8pt;
	margin: 0; padding: 0;
}
#wrapper {
	width:780px;
	background:#878d59;
    padding: 5px 10px 15px 10px;
	margin: 0 auto;
}
/* Header */

#header {
	width: 100%;
	height: 102px;	
	background:#fdfef5;	
}
#header-left{
	display:block;
	float:left;
	background: url(images/header-bg.gif);
	height:102px;
	width:418px;
}
#logo{
	display:block;
	float:left;
	background: url(images/logo.gif);
	height:102px;
	width:362px;
}

/* Navigation bar */
#nav {
	margin: 0 0 0 5px;
	height: 26px;	
	color: #262626;
	font-weight:bold;	
}
#nav a {
	color: #262626;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
.btn-nav{
	display:block;
	float:left;
	background: url(images/btn-nav.gif);
	width:100px;
	height:20px;
	margin: 0 2px 0 0;
	text-align:center;
	padding: 6px 0 0 0;
}


/* Path Bar */
#trail{
	color:#FFFFFF;
	font-weight:bold;
	font-size:9pt;
	font-style:italic;
	padding: 5px 10px 0 10px;	
}

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

/* main */
#contentwrapper {
    padding: 0 10px;
	margin: 0;
}
#main {
	margin-right: 185px;
    padding: 5px 0px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #right {
	margin-left: 5px;
  } 
* html #main {
	height: 1%;
	margin-right: 0;
  } 
/* End hide from IE5/mac */

/* Banner */
.banner {
	padding: 0;
	text-align:center;
}
#right {
	float : right;
	margin:0px;
	width:180px;	
}

/* Sidebar */
.sidebar-top {
	background:#cfd989 url(images/sidebar-top.gif);
	margin: 5px 0 0 0;
	padding:9px 0 3px 30px;
	height:18px;
	color:#262626;
	font-weight:bold;
}
.sidebar-bg {
	width:180px;	
	color:#262626;
	background: #FFFFFF url(images/sidebar-bg.gif);
	font-size:9pt;
	padding: 0px;
	margin: 0;
}
.sidebar-bg a{
	color:#262626;
	text-decoration:none;
}
.sidebar-bg a:hover {
	text-decoration:underline;
}
.sidebar-bottom{
	background-image:url(images/sidebar-bottom.gif);
	height:7px;
}
.scontent{
	padding:5px 5px 5px 15px ;
}
.scontent2{
	padding:5px;
	text-align:center;
}
img.validator {
	border:0px;
}

/* Search Box */
.searchbox {
	text-align:right;
}
.searchtext {
	font-size: 8pt;
	margin: 0;
	color:#333333;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
.btn-search {
	background-image:url(images/btn-search.gif);
	width:75px;
	height:22px;
	border : 0;
	border-style : none;	
	cursor:pointer;	
}
/* Categories */
.main-bar{
	background: #cfd989 url(images/main-top.gif);
  	width:535px;	
	margin:5px 0 0 0;	
	padding:8px 0 0px 35px;
	height:22px;
	color:#262626;
	font-size:9pt;
	font-weight:bold;
	
}
.main-bar2{
	background-image:url(images/main-bar2.gif);
	height:7px;
  	width:570px;	
	margin:5px 0 0 0;		
}
.main-bg{
	background: #FFFFFF url(images/main-bg.gif);
	margin:0;
	padding:5px 10px;
  	width:550px;	
}
.main-bottom{
	background-image:url(images/main-bottom.gif);
	height:7px;
  	width:570px;	
}
.cats {
  	width:550px;	
  	margin: 0 auto;
}
.cats a {
	color:#4c5600;
	text-decoration:none;
}
.cats a:hover {
	text-decoration:underline;
}
.subcats {
	margin: 0px 15px 7px 0px;
	padding: 0px 0px 0px 20px;
	font-size:7pt;
	color:#5e5e5e;
}
.subcats a {
	color:#5e5e5e;
	text-decoration:none;
}
.subcats a:hover{
	text-decoration:underline;
}
.count {
   color: #6f6f6f;
   font-size: 8pt;
   font-weight: normal;
}

/* Link Page */
img.thumb{
	border: 1px solid #888;
	width: 102px;
	height: 80px;
	margin: 3px;
	padding: 0px;
	float:left;
}
.linkdesc{
	margin-left:115px;
}
hr {
	border : 1px dashed #dcdcdc;
	width : 97%;
}
.small, .small a {
	padding: 0 5px;
	margin: 0px;
	color: #5e5e5e;
	font-size: 7pt;
	text-decoration: none;
}
.sort {
	color: #262626;
	font-weight:bold;
}

/* featured */
.featlink {
  	width:550px;
	padding:0;
	margin: 0px;
}
.featlink a {
	color:#4c5600;
	font-weight:bold;
	text-decoration:none;	  
}
.featlink a:hover {
	text-decoration:underline;  
}
.featurl{
   color: #333333;
   font-weight:bold;
}

/* regular */
.reglink {
  	width:550px;
	padding:0;
	margin: 0px;
}
.reglink a {
	color:#333333;
	font-weight:bold;	
	text-decoration:none;
}
.reglink a:hover {
	text-decoration:underline;  
}
.url {
   color: #666666;
   font-weight:bold;   
}

/* footer */
#footerright {
	width: 780px;
	height: 70px;	
	background: url(images/footer-right.gif);	
	background-position:right;
	background-repeat:no-repeat;
	margin:5px 0 0 0;
	padding: 0;	
}
#footerleft {
	width: 780px;
	height: 70px;	
	background: url(images/footer-left.gif);		
	background-position:left;	
	background-repeat:no-repeat;	
	margin: 0;
	padding:0;	
}
#footer {
	height: 60px;
	background: url(images/footer-bg.gif);
	text-align:center;
	margin:0 340px 0 6px ;
	padding:10px 5px 0 5px;
	color:#5e5e5e;
	font-size:8pt;
	font-weight:bold;
}
#footer a {
	color: #5e5e5e;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.navig, .paging-info {
	font-style: italic;
	color:#5e5e5e;
	font-weight:bold;   
}
.paging-links, .paging-info {
	text-align:right; 
}
.paging-links, .paging-links a, .navig a{
	color:#4c5600;
	text-decoration:none;
	font-weight:bold;
}
.paging-links a:hover, .navig a:hover{
	text-decoration:underline;
}

/* General */
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Category, articles search page */
.list{
	width:100%;
	color:#5e5e5e;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}
.list a{
	color:#4c5600;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}
.list a:hover{text-decoration:underline;}
.list p{
	color:#5e5e5e;
	font-weight:normal;
	font-size:8pt;
	padding: 0 0 7px 0;
	margin: 0;
}

/* Formpage */
select {
   font-size: 8pt;
   color: #5e5e5e;
   border: 1px solid #5e74b3;
}
form {
	display: inline;
	margin: 0;
	padding: 0;
}
table.formPage {
	width:100%;
	border: 0px solid #A0A0A0;
}
table.formPage a{
	color:#4c5600;
	font-weight:bold;
}
td.err {
	padding: 0px;
	color: #FF0000;
	background: #FFEDED;
	border: 0px solid #A0A0A0;
	text-align: left;
}
td.msg {
	padding: 0px;
	color: #0000FF;
	background: #EDF3FF;
	border: 0px solid #A0A0A0;
	text-align: left;
}
div.errForm, span.errForm {
	margin: 0px 0 0px 2px;
	padding: 0px;
	color: #FF0000;
	background: #FFFFF3;
	font-size:7pt;
}
.label {
  	text-align: right;
  	font-weight:bold;
	width:25%;
}
.field {
	width:75%;
	color: #5e5e5e;
}
span.req {
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}
.text {
	font-size: 8pt;
	margin:0px;
	padding:0px;
}
input.text {
	color: #5e5e5e;
	padding:0px 2px;	
	border: 1px solid #5e74b3;
}
textarea.text {
	font-size: 8pt;
	color: #5e5e5e;
	border: 1px solid #5e74b3;
}
.limit_field {
	border: 0 solid transparent;
	border-width:0;
}
.captcha {
	border: 1px solid #5e74b3;
	margin-top: 10px;
}
.buttons {
	border-top: 1px solid #A0A0A0;
	text-align: center;
}
.btn {
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #5e5e5e;
	background-color: #4c5600;/*#FFCC33;*/
	cursor: pointer;
	height: 17px;
	color:#FFFFFF;
	margin-top: 2px;
}

/* Price Table */
.price {
	border: 0px solid #A0A0A0;
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}

/* Default+ */
h4 {
	padding: 0;
	margin: 0;
}
.smallDesc {
	color: #5e5e5e;
	font-size: 7pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
.searchpaging a {
	color:#4c5600;
	font-weight:bold;
	text-decoration:none;
}
.searchpaging a:hover{
	text-decoration:underline;
}

/* Default */
.c {
	float: left;
}
.cr {
	clear: left;
}
td {
	vertical-align: top;
	padding: 0 3px;
}
h1 {
	font-size: 14pt;
	margin: 5px 0 5px 0;
}
h2 {
	font-size: 9pt;
	margin: 0px 10px 0px 10px;
	padding: 0;
}
h3 {
	color: #4c5600;
	font-size: 9pt;
	font-style:italic;
	padding: 0;
	border-bottom: 1px dashed #A0A0A0;
}
#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}
#links a {
	font-size: 9pt;
}
#links p {
   margin: 0 0 7px 0;
}

#path {
	margin-top: 2px;
	padding: 3px;
	background: #D9E8F9;
	line-height: 19px;
	border-top: 1px solid #5e74b3;
}
.submit {
	float: right;
	vertical-align: bottom;
}
#user-bar {
	clear:both;
	width:20%;
	margin:0 0 0 auto;
	padding:3px;
	background:#D9E8F9;
	line-height:19px;
	text-align:right;
}
div.pr {
	font-size: 6pt;
	color: #5e5e5e;
}
div.prg {
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb {
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}

.detail a {
	color:#333333;
	font-weight:bold;	
	text-decoration:none;
}
.detail a:hover {
	text-decoration:underline;  
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}