/* CSS Document */

/* ID STYLES */
#navigation td {
	border-bottom-color:#C1C1C1;
	border-bottom-width:1px;
	border-bottom-style:solid
}
#form1 {
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:opx
}

#form2 {
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:opx
}

#navigation a{
	font: 11px Arial, Verdana;
	padding-left: 0px;
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	text-align:left;
	color:#3D3D3D;
	font-weight:600;
	line-height:17px;
	text-decoration:none
}

#navigation a:hover {
	color:#D69E17;
	}
	
#navigation a:active{
	color:#D69E17;
}
	
#nav2 td {}

#nav2 a{
	font: 14px Verdana;
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align:left;
	line-height:20px;
	color:#333333;
	font-weight:300
}

#nav2 a:hover {
	color:#D69E17;
	}
	
#nav2 a:active {
	color:#D69E17;
}

#footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	background-color:#010101;
	text-align: center;
	color:#FED116;
	font-size:12px
}


ul#navlist
{
	width: 158px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font:  11px Verdana, Helvetica, sans;
	background: #ffffff;
}

ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}

ul#navlist li a
{
	display: block;
	width: 122px;
	padding: 4px 8px 4px 8px;
	border: 0px;
	border-left: 20px solid #aaaabb;
	text-decoration: none;
	text-align: right;
	background: url(images/menubg.png) #d9dffb;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
	border-color: #ff9000;
	color: #ffffff;
    background: url(images/menubg_hov.png) #d9dffb;
}

/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #ff9000;
	color: #ffffff;
    background: url(images/menubg_sel.png) #d9dffb;
}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: black;
	float: left;
	width: 100%;
	font:  11px Verdana, Helvetica, sans;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0.2em 0.5em;
	color: black;
	text-decoration: none;
	float: center;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#navcontainer2 ul li a:hover
{
	background-color: #369;
	color: #c8c8c8;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 11px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 11px;	  
}
	
img { 
	  border-width: 0px; 
}

.style72 {
	font-size: 13px;
}


/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #CCCCCC;
      border-width:1px;
	  background-color:#ffffff;
	  padding:0px
}

.txtsearch{
	background-color : white; 
    border-bottom : 1px solid #ffffff; 
    border-left : 1px solid #ffffff; 
    border-right : 1px solid #ffffff; 
    border-top : 1px solid #ffffff; 
    padding-bottom : 1px; 
    padding-left : 1px; 
    padding-right : 1px; 
    padding-top : 1px; 
    color : black; 
    background : white;
	font:  11px Verdana, Helvetica, sans;
	height:12px;
	width:400
}

.subhead {
	color:#EEC714;
	font-weight:600;
}

.subhead2 {
	color:#FFFFFF;
	font-weight:600;
	padding-left:11px
}

.borderimg2 {
 	border-style:none; /* solid */
    border-color:none/*#D69E17*/;
    border-width:0px/*1px*/;
	padding:11px;
	background-color:#ffffff
}

.borderimg3 { 
	  border-style:dotted;
      border-color:#67010C;
      border-width:1px;
	  background-color:none;
	  padding:4px;
	  font: 11px Verdana, Helvetica, sans;
	  height:100%
}

.borderimg4 {
 	border-style:none; /* solid */
    border-color:none/*#D69E17*/;
    border-width:0px/*1px*/;
	padding-left:6px;
	padding-right:6px;
	padding-top:0px;
	padding-bottom:0px
}

.bordernav{
	border-style:none;
	border-width:0px;
	background-color:none;
	border-color:none;
	padding:0px
}

.border_tab{
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	border-color:#D5D5D5;
	padding:0px
}

.links_border{
	border-style:none;
	border-width:0px
}
/* general settings */
html {
    height: 100%;
}

body {
    margin:0px;
	height: 100%;
	font:  11px Verdana, Helvetica, sans;
	text-align:justify;
	letter-spacing:.0.5em;
	font-height:15px;
	color:#000033;
	background:#ffffff;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:2px;
	margin-right:2px;
	line-height:17px;
	color:#2F2F2F
}

.table2{
border-top:1px #6699FF;
border-bottom:1px #6699FF;
border-right:1px #6699FF;
border-left:1px #6699FF;


}
text{
	font: 13px "Trebuchet MS";
	font-height:16px;
}
.table {
	font: 11px Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-height: 12px;
	border-bottom:1px #000000;
	border-right: 1px  #000000;
	border-left:  #000000 1px;
	background: ffffff;

	
	
	      }
/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: #ffffff;
}
h2 { /* page headers */
	 font-size: 14px;
     font-weight: bold;
} 
h3 { /* slogan under logo */ 
	 font-size: 15px; 
     font-weight: bolder;
     position: relative;
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
}

/* how the links should behave (apart from the menu) */
a { text-decoration: none;}
a:link { color:#D69E17; text-decoration:underline }
a:visited { color: #D69E17; }
a:active { color: #990000; }
a:hover { color: #999999; }

/* a link class that is pretty plain */
a.plain { font-size: 11px;
	text-decoration:none;
	color:#3D3D3D }
a.plain:link { font-size: 11px;
 text-decoration:none; color:#3D3D3D}
a.plain:visited { font-size: 11px;
 text-decoration:none; color:#3D3D3D }
a.plain:active { text-decoration:underline }
a.plain:hover { text-decoration:underline }

a.plain2 { font-size: 12px;
	text-decoration:none;
	color:#3D3D3D }
a.plain2:link { font-size: 12px;
 text-decoration:none; color:#3D3D3D}
a.plain2:visited { font-size: 12px;
 text-decoration:none; color:#3D3D3D }
a.plain2:active { text-decoration:underline }
a.plain2:hover { text-decoration:underline }

a.plain3 { text-decoration: bold; }
a.plain3:link { color: #fffff; }
a.plain3:visited { color:#ffffff; }
a.plain3:active { color: #ffffff; }
a.plain:hover { color:#999999; }
/* single pixel borders on input boxes */
input, textarea
{
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   border-color: black;
}

/* text in tables */
td, th {
	font:  11px Verdana, Helvetica, sans;
	font-height: 13px;
	text-align:justify;
	letter-spacing:.0.5em;
	line-height:16px;
	color:#2F2F2F
}
/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
	background:#FFFFFF;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
}

/* a class that describes how tables should look */
.datatable {
        font: 11px Verdana, Helvetica, sans;
		font-size:11px;
		border:inset;
		border-bottom:1px #999999;
		border-top:1px #999999;
		border-left:1px #999999;
		border-right:1px #999999;
		padding:1px;
		
		 
			
	
		
}
.input {
	border-width:0px;
	border-color:#FFFFFF;
	font-size: 10px;
	font: 10px Verdana, Helvetica, sans;
	width:100%;
	height:10px
	}

.button {
	border: 1px solid #888888;
	font-size: 11px;
	text-decoration:bold;
	color:#000000;
	font-weight:bold;
	cursor:hand;
	background-color: #E3F0FD;
	font: 11px Verdana, Helvetica, sans;
	}
.sbttnT
 {background: #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-top:1px solid #000000;
  color:#ffffff;
  height:10px;
  FONT-WEIGHT:normal; 
  font:  10px Verdana, Helvetica, sans;
  FONT-SIZE: 9px;
  text-decoration:none;
  cursor: auto}
.datatable td {
		border: 1px solid #666677;	
		padding: 4px;
		text-align: left;
    	vertical-align: top;
		background-color: #FFFFFF;
}
.datatable th {
		background-color: #ffffff;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        border: 1px solid #808080;
	    background: url(images/h6_bg.png) #d9dffb;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	
/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}
    a.HeaderLink2:link {color: #666666;text-decoration:none;FONT: bold 7pt Verdana,Helvetica, Arial, sans-serif;}
    a.HeaderLink2:visited{color: #666666;text-decoration:none;FONT:  bold 7pt Verdana,Helvetica, Arial, sans-serif;}
    a.HeaderLink2:hover{color: #333333;text-decoration:none;FONT: bold 7pt Verdana,Helvetica, Arial, sans-serif;}

.sbttnT
 {
 background: #000033;
  border-bottom: 1px solid #889999;
  border-right: 1px solid #889999;
  border-left: 1px solid #889999;
  border-top:1px solid #889999;
  color:#ffffff;
  height:19px;
  FONT-WEIGHT: bold; 
  FONT-SIZE: 11px;
  text-decoration:none;
  cursor: hand;
  }
  
.style69 {	font-size: 13px
}

hr{ 
	border: 1px dotted #67010C; 
	border-style: none none dotted; 
}