/* top elements */
* { margin: 0;padding: 0; }

body {margin: 0; padding: 0;color: #333; background: #FFF url('../images/bg.gif') repeat-x; font-style:normal; font-variant:normal;line-height:1.5; font-size:12px; font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;}

/* links */
a {color: #E48125;background-color: inherit;text-decoration: underline;}
a:hover {color: #cc0001; background-color: inherit;text-decoration:none;}

/* headers */
h1, h2, h3,h4 {font-family: Arial, 'Trebuchet MS', Sans-Serif;font-weight: bold;color: #333;}
h1 {font-size: 120%;letter-spacing: .5px;}
h2 {font-size: 100%;border-left:2px solid #E48125;margin:10px 0 0px 5px;padding-left:10px;} h2 a{color: #cc0001;font-weight:bold;text-decoration:none}
h3 {font-size: 115%;color: #003366;}
h4 {font-size: 110%;color: #003366;}
/* images */
img {}
img.float-right { margin: 5px 0px 10px 10px;  }
img.float-left {margin: 5px 10px 10px 0px;}

h1, h3{padding: 0;margin-left: 10px; margin-top:5px;}
.art {padding: 5px;margin-bottom:10px;background:#FAFAFA;border: 1px solid #f2f2f2;}
ul, ol {margin: 10px 20px;padding: 0 20px;}

.maincontent {margin:10px 0;padding: 10px;text-align: left;display: block;overflow: auto;  /* white-space: pre; */background: #FAFAFA;border: 1px solid #f2f2f2;}
acronym {cursor: help;border-bottom: 1px solid #777;}
.subcats {border-right:1px solid #f2f2f2;  border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin-left:5px;margin-top:2px;background:#FAFAFA; border-left:2px solid #CC0000; font-weight: normal; text-decoration:none; font-size:10px;padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0  }
.subcats a {color:#666;font-weight:bold;text-decoration:none}
.thumb{background:#fff;padding:5px;border:1px solid #E8E8E8;}
a.listing{color: #cc0001;font-weight:bold;text-decoration:none}a.listing:hover{text-decoration:underline;color:#333;}
.featured{background:#FFF8DD;width:100%;border:1px solid #EFE6C2;margin-bottom:5px;}


/**********************************
  LAYOUT 
***********************************/
#wrap {margin: 0 auto; width: 780px;}

/* header */
#header {position: relative;margin: 0; padding: 0;height: 60px;}
#header span#slogan {z-index: 3;position: absolute;left: 3px; bottom: 7px;font: bold 1.2em Arial, Verdana, Tahoma, Sans-serif;color: #FFF;}

#header-logo {position: relative;clear: both;height: 50px; margin: 0; padding: 0;	}
#header-logo #logo {position: absolute;top: 3px; left: 5px;font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;margin: 0; padding: 0;letter-spacing: -1px;}

/* navigation tabs */
#header ul {position: absolute;margin:0;list-style:none;right:-18px ; bottom: 2px;font: bold 12px Arial, Sans-serif;}
#header li {display:inline;margin:0; padding:0;}
#header a {float:left;background: url('../images/tableft.gif') no-repeat left top;margin:0;text-decoration:none; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0;}
#header a span {float:left;display:block;background: url('../images/tabright.gif') no-repeat right top;color:#FFF; padding-left:11px; padding-right:18px; padding-top:10px; padding-bottom:9px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {color:#FFF;}
#header a:hover {background-position:0% -43px;}
#header a:hover span {background-position:100% -43px;}
#header #current a {background-position:0% -43px;}
#header #current a span {background-position:100% -43px;}
.breadcrumb{margin:6px 0 10px;padding-left:20px;line-height:36px;background: url('../images/foot.jpg') no-repeat left bottom;color:#999;}

/* main column */
.heading{color:#333;margin: 6px 0px 10px 0px;font: normal 17px Georgia, Times, serif;}
#main {margin: 0; padding: 20px;background: url('../images/frame.jpg') no-repeat center top;}
#main h1 {margin:0 0 10px 0 ;padding: 5px 0 5px 8px; font-size: 105%;color: #FFF;border:1px solid #CC0000;  background:#CC0000 url('../images/h1bg.jpg') repeat-x left top;letter-spacing: .5px;}
#main .top {margin: 10px 0;padding: 4px 0 4px 8px; font-size: 105%;color: #FFF;font-weight:bold;text-transform: uppercase; background-color: #CC0000;	letter-spacing: .5px;}

/* display and additional classes  */
.clear {	clear: both; }
.req   { color: #CC0000; }
.comments { margin: 20px 10px 5px 10px; padding: 3px 0;border-bottom: 1px dashed #EFF0F1; 	border-top: 1px dashed #EFF0F1;	}
.url {color:#666;}
div.pr {font-size: 6pt;color: #000000;float: left;height: 30px;margin-right: 5px;}
div.prg {width: 40px;border: 1px solid #999999;height: 3px;font-size: 1px;}
div.prb {background: #5eaa5e;height: 3px;font-size: 1px;}
td {vertical-align: top;padding: 5px;}
td.err {padding: 3px;color: #FF0000;background: #FFEDED;border: 1px solid #A0A0A0;text-align: left;}
td.msg {padding: 3px;color: #0000FF;background: #EDF3FF;border: 1px solid #A0A0A0;text-align: left;}
.buttons {border-top: 1px solid #A0A0A0;text-align: center;}
.count {color: #6f6f6f;font-size: 8pt;font-weight: normal;}
.paging-links,.paging-info {text-align:right;}
.paging-info { font-style: italic;}
.prce{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.gr{color:#090;}

/***** Form Elements *****/
.text, .textarea, .txtsearch {width:360px;color:#777;font: normal 12px Arial;padding:6px;border: #CDCDCD 1px solid;background: #FFFFFF url(../images/input-bg.gif) repeat-x top; }
.text:focus, .textarea:focus{  border: #899b82 1px solid;}
.textpy{width:50px;}
select{font-size:12px;color:#696969;border:1px solid #696969;padding:2px;}
.limit_field{border:0;font-size:10px;color:#696969;background:none;}
.err{color:red;font-weight:700;border:1px solid #043f64;margin:0 5px 5px;padding:6px;}
.msg{color:#043f64;font-weight:700;border:1px solid #043f64;margin:0 5px 5px;padding:6px;}
span.req,.errForm{color:red;}
.limit_field {border: 0 solid transparent;border-width:0;}
.textpy{border:1px solid #CDCDCD;background:#fff;height:17px;font-size:12px;width:50px;color:#696969;padding:2px 2px 2px 6px;}
.captcha{border:1px solid #CDCDCD;background:url('../images/loader.gif') no-repeat center;}
label {display:block;font-weight:bold;margin:5px 0;}
/* search form */
form.search {position: absolute;top: 5px; right: 5px;padding: 0; margin: 0; }
.txtsearch{ height:23px;line-height:23px;width:200px;padding: 0 3px 0;}
.searchbutton, .BTn{ cursor:pointer;margin: 0; font-size: 100%; border: 1px solid #000; background: #1f1205 url('../images/btn.jpg') repeat-x top left; font-weight: bold; line-height:24px;height: 24px;color: #ccc;padding:0 6px}
.BTn{padding:3px 15px;color:#fff;height: 32px;}
.BTn:hover, .searchbutton:hover{border:1px solid #CC0000;  background:#CC0000 url('../images/h1bg.jpg') repeat-x left top;}

/*****AGAX Category selection *******/
#toggleCategTree {display:block;cursor:pointer;cursor:hand;color:#cc0000;text-decoration:underline;font-size:11px;margin-top:3px;}
#categtree {margin:10px 0;height:200px;width:374px;overflow:auto;font-size:11px;border:1px solid #CDCDCD;}
#catTitle {color:green;font-weight:bold; font-size:11px;background:#fff;}
.icons{padding:2px 4px; margin-bottom:5px;height:20px;background:#F7F7F7;clear:both;border-bottom:1px solid #d6f2cc;} 
.ico-item {cursor:pointer;cursor:hand;float:left;width:60px;border-right:1px solid #d6f2cc;padding:2px 6px 0;}
.ico-item:hover {background:#eaeaea;} .ico-item img{margin-right:4px;}
#categtree h2 {margin:0 0 4px;padding:2px;color:#CC0000;background:#f7f7f7;border:1px solid #d6c8a5;border-width:1px 0 1px 0;font: bold 12px Arial;}
#categtree .categ-item {clear:both;margin:2px;padding:2px 3px;display:block;cursor:pointer;cursor:hand;border:1px dotted #efefef;}
#categtree .categ-item img {margin-right:4px;}
#categtree .odd {background:#FAFAFA;}#categtree .even {background:#fff;}
#categtree .categ-item:hover {background:#eee;}

/* footer */
#footer { margin-bottom:10px;text-align:center;clear: both;height:36px;line-height: 36px; background: url('../images/foot.jpg') no-repeat left bottom;color:#999;}
/* alignment classes */
.float-left  { float: left;}
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }