/* 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:70%; font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;}

/* links */
a {color: #003366;background-color: inherit;text-decoration: none;font-weight:bold;}
a:hover {color: #CC0001; background-color: inherit;}

/* 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: 115%;border-left:4px solid #CC0000;margin:10px 0 0px 5px;padding-left:10px;}
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; text-align:center;}
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; background:#FAFAFA; border-left:4px solid #CC0000; font-weight: normal; text-decoration:none; font-size:10px;padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0  }

#featured {border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#FAFAFA; border-left:4px solid #CC0000; font-weight: normal; padding-right:0; padding-top:0; padding-bottom:0  }
#featured  .jos{padding: 4px 0 4px 8px; font-size: 105%;color: #FFF;text-transform: uppercase; background-color: #CC0000;letter-spacing: .5px;}
/* form elements */
form {margin:10px; padding: 0 5px;border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label {display:block;font-weight:bold;margin:5px 0;}
input {padding: 2px;border:1px solid #eee;font: normal 1em Arial, sans-serif;color:#777;}
textarea {width:400px;padding:2px;font: normal 1em Arial, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 1px; background: #FFF;color: #CC0000;}
/* search form */
form.search {position: absolute;top: 5px; right: 5px;padding: 0; margin: 0;border: none;background-color: transparent; }
form.search input.textbox { margin: 0; width: 120px;border: 1px solid #CCC; background: #FFF;color: #333; }
form.search input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: 1px solid #CCC; background: #FFFFFF url('../images/headerbg.gif') repeat-x bottom left; padding: 1px; font-weight: bold; height: 23px;color: #333;width: 60px}

/**********************************
  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: 3px;font: bold 13px 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:4px; 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:6px; padding-right:15px; padding-top:5px; padding-bottom:4px;}
/* 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% -42px;}
#header a:hover span {background-position:100% -42px;}
#header #current a {background-position:0% -42px;}
#header #current a span {background-position:100% -42px;}

/* main column */
#main {float: right;margin: 0; padding: 0;width: 545px;	}
#main h1 {margin: 10px 0;padding: 4px 0 4px 8px; font-size: 105%;color: #FFF;text-transform: uppercase; background-color: #CC0000;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;}
/* sidebar */
#sidebar {float: left;width: 220px;margin: 0; padding: 0; background-color: #FFFFFF; 	}
#sidebar h4 {margin: 10px 0 0 0; padding: 4px 0 4px 8px; font: bold 105% Arial, Sans-Serif;color: #FFF;text-transform: uppercase; background: #333; letter-spacing: 1px;	}
#sidebar .left-box {border: 1px solid #EBEBEB;margin: 0 0 5px 0;	background: #FFF;font-weight:bold;}
#sidebar ul.sidemenu {list-style: none;text-align: left;margin: 3px 0px 8px 0; padding: 0;text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #f2f2f2; background: url('../images/bullet.gif') no-repeat 3px 2px;margin: 0; padding-left:25px; padding-right:5px; padding-top:3px; padding-bottom:3px;	}
#sidebar ul.sidemenu li:hover{border-bottom: 1px solid #f2f2f2; background: #FAFAFA url('../images/bullet.gif') no-repeat 3px 2px;	margin: 0; padding-left:25px; padding-right:5px; padding-top:3px; padding-bottom:3px;}
#sidebar ul.sidemenu a {font-weight: bolder;padding: 3px 0px;	background: none;}

/* footer */
#footer {clear: both; border-top: 1px solid #f2f2f2;background:url('../images/footerbg.gif') repeat-x;text-align: center;line-height: 1.5em;font-size: 95%; font-weight:bold;width:100%;}
#footer a { text-decoration: none; font-weight: bold;}

/* alignment classes */
.float-left  { float: left;}
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* 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: #CC0001;background: #FFF;border: 1px solid #CC0000;text-align: left;}
td.msg {padding: 3px;color: #003366;background: #FFF;text-align: left;font-weight:bold;}

.buttons {border-top: 1px solid #A0A0A0;text-align: center;}
.count {color: #6f6f6f;font-size: 8pt;font-weight: normal;}

select {font-size: 8pt;border: 1px solid #5e74b3;}

.captcha {border: 1px solid #efefef;margin-top: 10px;}
div.errForm, span.errForm {margin: 0px 0 0px 5px;padding: 2px 3px 2px 3px;color: #CC0000;background: #ffffff;border: 1px solid #CCC;text-align: left;clear: right; font-weight:bold;}
.sort {color: #000000;}
.price {padding:5px;}
.price table td{margin: 0;padding-left: 12px;vertical-align: bottom;}

.paging-links,
.paging-info {text-align:right;}

.paging-info { font-style: italic;}

.limit_field {border: 0 solid transparent;border-width:0;}

#toggleCategTree {
   display:block;
   cursor:pointer;
   cursor:hand;
   color:#6A8AD4;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #9EC2F3;
   border-width:0 1px 1px;
}

#catTitle { background:#fff; } /* Important for Konqueror */

#categtree h2 {
   margin:0 0 5px;
   padding:2px;
   text-align:center;
   color:#CC0000;
   background:#f7f7f7;
   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;
   border:1px dotted #efefef;
   border-width:1px 0;
   cursor:pointer;
   cursor:hand;
}

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

#categtree .odd {background:#FAFAFA;}

#categtree .even {background:#fff;}

#categtree .categ-item:hover {
   background:#eee;
}
legend {border-width: 1px; border-color: #5e74b3;border-style: dotted;padding:3px;font-weight:bold;color:#5e74b3;}
fieldset {border-width: 1px;border-color: #5e74b3;border-style: solid;background-color: #FFFFFF;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;}

label {cursor: pointer;}

table.comment { border-width: 1px; border-color: #5e74b3;border-style: dotted;margin-top:5px;}

tr.comment {background-color: #5e74b3;color: #FFFFFF;}