
/* MAIN PAGE DIV */	
	div.container
		{
			width : 100%;
			background-color:yellow;
		}

/* MAIN HEADER DIV */
	div.mainheader
		{
			width : 100%;
			height : 100px;
			background-color:gray;
		}
/* MAIN MENU DIV */
	div.mainmenu
		{
			width : 50%;
			float : left;
			background-color:red;
		}

/* MAIN CONTENT DIV */
	div.maincontent
		{
			width : 50%;
			float : left;
			background-color:green;
		}
		

/***************************************** OLD CSS CODE HERE *************************************/


body {background : black; color : orange;
	font-family: arial;
	scrollbar-base-color:lightgreen;	
	
	
}	
	
font.found {

	color : red;
	font-weight:bold;
	}

a:link, a:visited, a:active {text-decoration: none}
a:link              {color: green; 
					
					}
a:visited           {color: green; 
					
					 }
a:active            {color: green;
					
					 }
a.red:link			{ color: red; 
					 
					  }
a.red:visited			{ color: red; 
					 
					  }
a.red:active			{ color: red; 
					  
					  }
div.homeart {

	/*background-color:#000000;*/
	background-image:URL("siteimages/screenlines.png");
	border: 1px solid darkgreen;
	margin:4px 4px 8px 4px;
	padding:5px;
}
div.frame {
	background-color:#000000;
	border: 1px solid darkgreen;
	margin:0 auto;
	padding:5px;
		background-image:URL("siteimages/screenlines.png");
}
div.noframe {
	background-color:#000000;
	border: 0px solid #FFFFFF;
	margin:0 auto;
	padding:5px;
}

div.lefthome {

	background-color:#000000;
	float:left;
	overflow:hidden;
	width:49%;


	}
div.righthome {
	
	background-color:#000000;
	float:left;
	overflow:hidden;
	width:49%;

	
	}
div.bottomhome {
	background-color:#000000;
	width:100%;

	}
div.clear {
	float:clear;
}

fieldset.black {
	border: 1px solid #000000;
}

fieldset.white {
        border: 1px solid #FFFFFF;
}
fieldset.homearticle {
	border: 1px solid #FFFFFF;
}

body.mceContentBody {
   background: #000;
   
	font-size:89%;
   
   }
  .mceContentBody p {
   color: red; /* FF requires a important here */
   }
td.sitemenuitem {
	color : orange;
	
	font-size:75%;
	
	}
/* THIS CONTROLS THE LINE ITEMS */
td.sitemenuline {
	color : green;
	
	font-size:75%;
	
	}
	
td.emailmenuitem {
	color : orange;
	
	font-size:75%;
	font-variant: small-caps;
	}
	
	
p {
	color : orange;
	
	font-size:89%;
	}
li {
	color : orange;
	
	font-size:75%;
	}

li.platform {
        color : orange;
        
        font-size:100%;
        }

li.item {
	color : black;
	
	font-size:89%;
	}

td.viewedlinks {
	color : green;
	
	font-size:75%;
	}
	
td.menu { 
	background : #FFFFCC;
	cursor : pointer;
   
 	position : absolute;
	visibility : hidden;
}



td.blank {
	background : #000000;
}

/* menu row */

tr.menurow {
    background : #FFFFE0;
    color : #006600;
     font-size:89%;
    
    
}

tr.altmenurow {
    background : #FFFFE0;
    color : #006600;
     font-size:.6em;
    
   } 


tr.homearticle {
	background : #000000;
	color : #006600;

}

table.list {

	border-spacing:0px;
	
}

table.quicksearch {
	border-width: thin thin thin thin;
	border-spacing: 1px;
	border-style: black black black black;
	border-collapse: separate;
border-style: none none none none;
  font-size:89%;
    


}

table.itemofday {
        border-width: thin thin thin thin;
        border-spacing: 1px;
        border-style: none none none none;
        border-color: black black black black; 
        border-collapse: separate;
		
}


h1 {color: black}
h2 {	color: black}
	
h3 {color: white} 
h4 {color: black}
h5 {color: black}
h6 {color: black}

table.menu {
	border-width: thin thin thin thin;
	border-spacing: 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	
}

table.software {
        border-width: thin thin thin thin;
        border-spacing: 1px;
        border-style: none none none none;
        border-collapse: collapse;
	color : black;
	
	font-size:89%;
	
}
table.hardware {
        border-width: thin thin thin thin;
        border-spacing: 1px;
        border-style: none none none none;
        border-collapse: collapse;
	color : black;
	
	font-size:89%;
	
}

table.books {
        border-width: thin thin thin thin;
        border-spacing: 1px;
        border-style: none none none none;
        border-collapse: collapse;
	color : black;
	
	font-size:89%;

}

legend.header {

	color : red;
	
	font-size : 89%;
	font-weight : bold;
	font-variant:small-caps;	
}

legend.sitemenuheader {

	color : red;
	
	font-weight : bold;
	font-size:75%;
	font-variant:small-caps;
}

table.gradient {

	
  	background-image:url('siteimages/gradient2.jpg');
	background-repeat:no-repeat;
	background-position:bottom; 

}

b.header {

	color : red;
	font-weight : bold;
	font-variant:small-caps;
}
b.colheader {
	color : green;
	font-weight : bold;
	font-variant:small-caps;
	font-size:89%;

}
font.itemcoldetail {
	color : black;
	/*font-weight : bold;*/
	/*font-variant:small-caps;*/
	font-size:89%;

}
b.itemdisclaimer {
	color : red;
	font-weight : bold;
	font-variant:small-caps;
	font-size:89%;

}
b.itemcolheader {
	color : black;
	font-weight : bold;
	font-variant:small-caps;
	font-size:89%;
	
}
b.title {
	color : red;
	font-weight : bold;
	font-variant:small-caps;
	
	font-size:100%;
}

b.arttitle {
	color : red;
	font-weight : bold;
	font-variant:small-caps;
	
	font-size:80%;
}
b.itemtitle {
	color : red;
	font-weight : bold;
	font-variant:small-caps;
	
	font-size:100%;
}


p {
	
	color : orange;
	font-size : 75%;
}

p.siteabout {
	color : orange;
	
	font-size : 75%;
}

p.wantedabout {
	color : orange;
	
	font-size : 89%;
}
p.about {
	color : green;
	
	font-size : 75%;
}
p.content {
    color :  orange;
    
    font-size : 89%;
}
p.smallcontent {
    color :  orange;
    
    font-size : 75%;
}
p.largercontent {
	color : orange;
	
	font-size:89%;
	}
td.other
	{
	color : red;
	  font-size:75%;
    

}
h2.description
	{
	color : black;
	background : ffffffe0;  
	font-variant:small-caps;
	font-size:150%;
}
td.other2
	{
	color : green;
}
td.other3
	{
	color : green;
}
legend.adminlegends {
	color : orange;
	
}
/* header for menu and logo div */
  
#headerdiv { 
  position : absolute;
  left : 0px;
  top : 0px;
  height : 100px;
  width : 100%;
  margin : 0px 0px 0px 0px; 
  padding : 0px;    
  color : #006600;  
  z-index : 1;
  background-image:url(siteimages/gradient.jpg);
background-color:transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-position:0px 0;
  border : 0px solid;
}
Select.left {
	width:165px;

}

input.search {

}

table.hdd {
	color : black;
}
a.tag1:link {  line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:hover { line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag2:link {  line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:visited { line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:hover { line-height: 25px; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag3:link {  line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:visited { line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:hover { line-height: 25px; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag4:link {  line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:visited { line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:hover { line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag5:link {  line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:visited { line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:hover { line-height: 25px; font-size: 15px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag6:link {  line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:visited { line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:hover { line-height: 25px; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag7:link {  line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:visited { line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:hover { line-height: 25px; font-size: 17px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

 span.select {
 	display:block;
   margin-left: auto; 
   margin-right: auto;
   	text-align : center;
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 2px 24px 0 15px;
   color: darkgreen;
   
   font-size:89%;
   /*font: 12px/21px arial,sans-serif;*/
   font-weight : bold;
	font-variant:small-caps;
   background: url(siteimages/select.jpg) no-repeat;
   overflow: hidden;
 }
 
 select.styled {
 	
 	width : 170px;
 	font-size: 75%; 
 	
 	font-variant: small-caps;
	font-weight:bold;
	background-color: lightgreen;
	color: darkgreen;
 }
 
 textarea.styled {
 	
 	font-size: 75%; 
 	
 	
 }
 input.styled {
 	
 	font-size: 75%; 
 	
 	font-variant: small-caps;
 }
 input.stylednocaps{
 	
 	font-size: 75%; 
 	
 }
 div.center {
 
 	position : absolute;
 	top : 0px;
 	/*left : 30px;*/
 	overflow:hidden;
 	width: 99%;
 	text-align:center;
 
 }
 div.generalstats {
 	width : 99%;
 	position : relative;
 	float: left;
 	overflow:hidden;
 	margin: 0 0 5px 0;
 }
 div.notfound {
 	width : 99%;
 	position : relative;
 	float: left;
 	overflow:hidden;
 	
 }
 
 div.left {
 
 	width : 33%;
 	position : relative;
 	float: left;
	overflow:hidden; 
 }
 
 div.categories {
 
 	width : 100%;
 	position : relative;
 	float: left;
	overflow:hidden; 
 }
 
 div.platforms {
 
 	width : 33%;
 	position : relative;
 	float: left;
 	overflow:hidden;
 }
 
 div.subcat2 {
 
 	width : 33%;
 	position : relative;
 	float: left;
 	overflow:hidden;
 }
 
  div.subcat1 {
 
 	width : 100%;
 	position : relative;
 	float: left;
	overflow:hidden; 
 
 }
 
 
 div.mediaimages {
 
 	width : 100%;
 	position : relative;
 	float: left;
	overflow:hidden; 
 
 }
 div.media {
 
 	width : 100%;
 	position : relative;
 	float: left;
	overflow:hidden; 
 
 }
/* ADMIN CSS ELEMENTS */ 


td.adminline1 {
	
	color : green;
	font-weight:bold;
	font-size : 75%;
	background-color:#FFFFE0;
}
td.adminline2 {
	
	color : green;
	font-weight:bold;
	font-size : 75%;
	background-color:lightgreen;
}

select.admincolor1 {
   	width : 100%;
 	font-size: 75%; 
 	
 	font-variant: small-caps;
 	font-weight: bold;
 	color : darkgreen;
 	background-color:lightgreen;
 }
 select.admincolor2 {
   	width : 100%;
 	font-size: 75%; 
 	
 	font-variant: small-caps;
 	font-weight: bold;
 	color : darkgreen;
 	background-color:lightgreen;
 }
 textarea.adminline1 {
	
	color : green;
	font-weight:bold;
	font-size : 75%;
	background-color:#FFFFE0;
}	
 textarea.black {
	
	color : orange;
	font-weight:bold;
	font-size : 75%;
	background-color:black;
}
input.adminline1 {
	width:100%;
	
	color : orange;
	font-weight:bold;
	font-size : 75%;
	background-color:black;
}
td.radio1 {
	
	
	color : orange;
	font-weight:bold; 
	font-size:75%;
}

li.store {

	font-size:100%;

}
li.storearea {

	font-size:100%;
	color : red;

}

li.storeunit {

	font-size:100%;
	color : cyan;

}
li.storebin {

	font-size:100%;
	color : magenta;

}

/* ACC STUFF GOES HERE */

div.accmainmenu {
				background-color: black;	
				float:left;
				
			}
div.acccentral {
				
				margin-right:auto;
				position : absolute;
				top : 65px;
				left:0;

				
			}
select.viewcolor1 {
 	
 	width : 170px;
 	font-size: 75%; 
 	
 	font-variant: small-caps;
	font-weight:bold;
	background-color: lightyellow;
	color: darkgreen;
 }			

table.acctable { border-color:green;
				 width:90%;
				 }
td.accamount { width:100px; 
				text-align:right;
				color:green;}
td.accdetails { width:400px; 
				text-align:left;
				color:green;}

#accmenu{position:relative; z-index:5;}
#accmenu ul .item{display:none;}
#accmenu ul .top{color:green; font-size:89%;}
#accmenu ul:hover .item{display:block;background:lightyellow;padding:1px;margin:1px;text-align:left}
#accmenu ul:hover .item a{color:green;text-decoration:none;}
#accmenu ul:hover .item a:hover{color:black;}
#accmenu ul{text-align:center;width:150px;float:left;margin:0px;padding:2px;background:lightgreen;list-style:none;}
.clear{clear:both;height:10px;}

