/* LAYOUT ONLY!! */
#container {
	width: 780px;
	border-right: 1px solid #000000;
	border-left:1px solid #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px; /*10px;*/
	background-color: #000000;
	/*height:100%; */
}
#header {
	padding: 10px;
	text-align: center;
	/* direction:rtl; */
	/*background-color: #fdf6ff;*/
}
#content {
	margin-left: 175px;
	padding: 15px;
	background-color: #000000;
	color: #ffffff;
	float: left; 
	width: 565px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: hidden; 
	position: relative;
    margin-top: 0px;
	/* direction:rtl; */
}
#menu {
	float: right;
	width: 145px;
	margin: 0;
	margin-right: 5px;
	padding: 10px;
	background-color: #000000;
	direction:rtl;
}
#footer {
	clear: both;
	color: #666666;
	padding: 5px;
	margin-top: 5px;
	background-color: #000000;
	text-align: center;
	/* direction:rtl; */
}

/* THE LEFT MENU */
ul#navlist
{
	width: 153px;
	padding: 0px;
	padding-bottom: 15px;
	border: 1px solid #000000;
	border-top: 0px;
	margin: 0px;
	font: 11px arial;
	font-weight:bold;
	background: #000000;
}

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

ul#navlist li a
{
	display: block;
	width: 117px;
	padding: 4px 8px 4px 25px;
	border: 0px;
	border-right: 2px solid #000000;
	text-decoration: none;
	text-align: left;
	background:  #000000;  /* url(images/menubg.png) */
}

ul#navlist li a:link { color: #00a9e7; }
div#navcontainer li a:visited { color: #00a9e7; }
div#navcontainer {
	text-align: left;
}

ul#navlist li a:hover
{
	border-color: #000000;
	color: #ff00c0;
    background: /*url(images/menubg_hov.png)*/ #000000;
}

/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #000000;
	color: #ffffff;
    background: /*url(images/menubg_sel.png)*/ #000000;
}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding: 0;
	margin-left:15px;
	background-color: #000000;
	width:750px;
	color: #666666;
	float: left;
	font: bold 11px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	/*border: 1px solid #b47eed;*/
	background: /*url(images/h6_bg.png)*/ #000000;
	height:20px;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0px 1em;
	height:18px;
	color: #666666;
	text-decoration: none;
	float: center;
	border-left: 1px solid #000000;
	margin:0;
	padding-top:2px;
}

#navcontainer2 ul li a:hover
{
	background-color: #000000;
	border-left: 1px solid #000000;
	color: #ffffff;
}

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

#hideable {
	background-color: 000000;
}

/* image properties */
.imgleft {
	  float: right;
      padding: 6px 6px 6px 10px;	  
}

.imgright {
	  float: left;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

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

/* general settings */
html {
    height: 100%;
	padding:0;
	margin:0;
}

body {
	height: 100%;
	font: 11px Arial;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	background: #000000;
	padding:0;
	margin:0;
	background-color: #000000;
	background-image:/*url(images/bg.jpg)*/;
	background-position: center top ;
	background-repeat:repeat-y;
}

/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
     padding-top: 7px;
     padding-bottom: 1px;
     border-top-color: ff00c0;
     border-top-style: dotted;
     border-top-width: 1px;
	 color: #ff00c0;
}
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: #ffffff;
     border: 1px solid #000000;
	 background: /*url(images/h6_bg.png)*/ #00a9e7;
}

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

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: ffffff; }
a.plain:visited { color: ffffff; }
a.plain:active { color: ffffff; }
a.plain:hover { color: ffffff; }

/* single pixel borders on input boxes */
input, textarea
{
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

/* text in tables */
td, th {
	font: 12px Arial;
}
/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #00a9e7;
		text-align:left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		border: 1px solid #000000;
		color: 00a9e7;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		width:100%;
}
.datatable td {
		border: 1px solid #000000;	
		color: 00a9e7;
		padding: 4px;
		text-align: left;
    	vertical-align: top;
		background-color: #000000;
}
.datatable th {
		background-color: #000000;
		font-weight: bold;
		color: #00a9e7;
		text-align: left;
		padding: 4px;
        border: 1px solid #000000;
	    background: /*url(images/h6_bg.png)*/ #333333;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #00a9e7;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #000000;
		color: #ffffff;
}
/*.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:#000000; 
    color:#ffffff;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

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

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 #000000;
    background-color:#000000; color:#ffffff;
    text-align: left
}