.aluminum {
	background-image:  url('http://www.earthcomputer.com/images/aluminum_background.gif');
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 8%;
	margin-top: 8%;	
}



.box {
	width: 95%;
	font-size: 14px;
	padding: 5%; 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
	/*color: #336666;*/
	background: #cccc99;
	visibility: visible;
/*	border: none; */
/*	margin-left: 3%; */
/*	margin-right: 3%; */
/*	margin-bottom: 3%; */
/*	margin-top: 3%;	 */
/*	font-weight: normal;   */ 
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}



.centered_text {
	font-size: 13px;
/*	padding: 3px;   */
    margin-left: 10px;
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
/*	color: #336666;		*/
/*	background: #c6d7c6;  */
	visibility: visible;
/*	border: none;   */ 
	margin-left: 3%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}




.earth_header {
	width: 100%;
	font-size: 13px;
/*	padding: 3px;   */ 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
	color: #ffffff; /* f4c200   */ 
	background: #000000; /*  orange   990000  ffa500    */
	visibility: visible;
	border: none;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
	font-style:normal;
}

.earth_header td
{
	color: white;
}

.earth_header a
{
	text-decoration: none;
	color:White;
}

.earth_header a:link
 {
	text-decoration: none;
	color:White;
}




.earth_header a:visited
{
	text-decoration:none;
	color:White;
}
.earth_header a:active
{
	text-decoration: none;
	color:White;
}
.earth_header a:focus
{
	text-decoration:none;
	color:White;
}
.earth_header a:hover
{
	text-decoration:none;
	color:White ;
}

.item_template_header {
	width: 70%; 
/*	font-size: 12px;   */ 
	padding: 3px; 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
/*	color: #336666;      */
	background: #c6d7c6;
	visibility: visible;
/*	border: none;   */ 
	margin-left: 3%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
/*	font-weight: normal;   */ 
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}

.item_template_body {
	width: 70%;
	font-size: 14px;
	padding: 3px; 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
/*	color: #336666;      */
	background: #cccc99;
	visibility: visible;
	border: none;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-top: 3%;	
/*	font-weight: normal;   */ 
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}

.item_template_image {
	width: 70%;
	font-size: 14px;
	padding: 3px; 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
	color: #000000;
	background: #cccc99;
	visibility: visible;
/*	border: none;   */ 
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-top: 2%;	
/*	font-weight: normal;   */ 
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}

.item_template_addtocart {
	width: 70%;
/*	font-size: 12px;   */ 
	padding: 3px; 
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
/*	color: #336666;      */
	background: #c6d7c6;
	visibility: visible;
/*	border: none;   */ 
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}



.left_margin {
/*	color: #336666;  */
	background: #cccc99;  
	visibility: visible;
/*	border: none;   */ 
	align: left;
	valign: top;
/*	margin-left: 15px; */
/*	padding: 3px;   */
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
}


.left_text {
	font-size: 13px;
/*	padding: 3px;   */
/*	word-spacing: 2pt;   */ 
/*	line-height: 36px;   */ 
/*	color: #336666;  */
/*	background: #c6d7c6;  */
	visibility: visible;
/*	border: none;   */ 
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
/*	font-style: normal;   */ 
}


.marq {
	width: 100%;
	font-size: 18px;
    padding: 3px;
	word-spacing: 2pt;
	line-height: 36px;
	color: #ffffff; /* f4c200   */ 
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
	font-style: normal;
}


.marq_content {
	width: 100%;
	font-size: 12px;
    padding: 0px;
	word-spacing: 2pt;
	line-height: 16px;
	color: #ffffff; /* f4c200   */ 
	background: #cc3300;  	
	font-weight: normal;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
	font-style: normal;
}


.marq_header_nolink {
	width: 100%;
	font-size: 14px;
    padding: 0px;
	word-spacing: 2pt;
	line-height: 16px;
	color: #ffffff; /* f4c200   */ 
	background: #cc3300;  	
	font-weight: bold;
/*	filter: glow(Color=#6ab2ee, Strength=3); */
	font-style: normal;
}



.medium_text {
	width: 100%;
	font-size: 12px;
	font-style: normal;
}



.sidebar {
/*	color: #dcdcdc;  */
	background: #336699;  
	visibility: visible;
/*	border: none;   */ 
	align: left;
	valign: top;
/*	margin-left: 15px; */
/*	padding: 3px;   */
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 10px;	
}



.small_text {
	width: 100%;
	font-size: 10px;
	font-style: normal;
}



.topsellers {
/*	color: #dcdcdc;  */
	background: #8A2024;  
	visibility: visible;
/*	border: none;   */ 
	align: center;
	valign: middoe;
/*	margin-left: 15px; */
/*	padding: 3px;   */
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-top: 0%;	
}

a:hover {
	color: #FF3300;  /* #FF0000  FF3300   */
/*	text-decoration: underline;  */
/*	font-family: Trebuchet, Arial, Helvetica, sans-serif; */
/*	filter: glow(Color=#FFffff, Strength=4); /* /* FFFFE0 */
/*	font-weight: bold; */
}

.registration
{
	font-size:10pt;
	color:White;
}

.registration a
{
	text-decoration: none;
	color:White;
	
}

.registration a:link
 {
	text-decoration: none;
	color:White;
}

.registration a:active
{
	text-decoration: none;
	color:White;
}


.registration a:visited
{
	text-decoration:none;
	color:White;
}

.registration a:focus
{
	text-decoration:none;
	color:#0099CC;
}
.registration a:hover
{
	text-decoration:none;
	color:#0099CC;
}

.bgofftab
{
	text-decoration:normal;
}

.offtab
{
	text-decoration:normal;
	font-size:13pt;
	font-weight:normal;
}

.ontab
{
	text-decoration:normal;
	font-size:13pt;
	font-weight:normal;
}



.bgontab
{
	
	/*color: Black;*/
	font-weight:bolder;
}

.ontab
{
	
	/*color: Black;*/
	font-weight:bolder;
}

.crumb
{
	/*color:#626F62;*/
	color:White;
	font-size:13pt;
}

.crumbover
{
	
}

.bgbar
{
	font-size:13pt;
	color:White;
	 font-family:Arial;
	
}
	
.bgbar a:visited
{
	font-size:13pt;
	color:White;
	text-decoration:underline;
}
.bgbar a:active
{
	font-size:13pt;
	color:White;
	text-decoration:underline;
}
.bgbar a:focus
{
	font-size:13pt;
	color:White;
	text-decoration:underline;
}
.bgbar a:hover
{
	font-size:13pt;
	color:White;
	text-decoration:underline;
}

.bgbar td
{
	color:White;
	border:solid 0px black;
}
	
.bgmd td
{
	color:White;
	
}
td.bgmd
{
	border:solid 0px black;
	width:700px;
	background-color:Black;
}
.bgontab a:hover
{
	color:White;
}
.bgofftab a:hover
{
	color:White;
}
.bgontab a:focus
{
	color:White;
}
.bgofftab a:focus
{
	color:White;
}

.bgofftab
{
	border:solid 0px black;
	margin:0px 0px 0px 0px;
	padding: 0xp 0px 0px 0px;
	 font-weight:bold;
}

.bgontab
{
	border:solid 0px black;
	margin:0px 0px 0px 0px;
	padding: 0xp 0px 0px 0px;
	 font-weight:bold;
}

/*
.ontab
{ 
	color:White;
	
	
}
td.bgontab
{
	background-color:#0532D1;
	
}
*/
/*.offtab
{
	color:White;
	
	
}
/*
td.bgofftab
{
	background-color:#31659C;
}
*/
/*.bgmd td
{
	color:White;
	
}*/

.FeaturedItem
		{
			 font-family:Arial;
			 color:#666666;
			 font-size:12pt;
			 text-decoration:none;
		}

.FeaturedItem a
		{
			 font-family:Arial;
			 color:#666666;
			 font-size:12pt;
			 font-weight:bold;
			 text-decoration:none;
		}

		.FeaturedItem a:hover
		{
			color:#31659C;
		 font-style:normal;
		 text-decoration:none;
		 }
		 
		 .FeaturedItem a:focus
		{
			color:#31659C;
		 font-style:normal;
		 text-decoration:none;
		 }


		 .FeaturedItem a:visited
		{
			color:#666666;
		 font-style:normal;
		  text-decoration:none;
		 }

		 .FeaturedItem a:active
		 {
					color:#666666;
		 font-style:normal;
		  text-decoration:none;
		 }

.FeaturedItem img
{
	width:150px;	
}

#div__body
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px; 
	padding:0px;
	position:relative;
}

#div__body table
{
	margin-top:0px;
		
}

.Reset
{
	padding:0px;
	margin:0px;
}



.Nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:10;
	 overflow: visible;
	
}
ul.Nav
{
	/*width:50px;*/
	overflow:visible;
	margin-top:0px;
	margin-bottom:0px;
}
.Nav li{
	float:left;
	/*margin-right:10px;*/
	/*width:30px;*/
	position:relative;
	 overflow:visible;
	  white-space:nowrap;
}
.Nav a{
	display:block;
	padding:5px;
	color:#ffffff;
	background:#000000;
	text-decoration:none;
}
.Nav a:hover{
	color:White;
	/*background:#000000;*/
	text-decoration:none;
}

/*--- DROPDOWN ---*/
.Nav ul{
	background:Black; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	padding-top:2px;
	padding-bottom:2px;
	 padding-left:2px;
	 overflow:visible;
	 padding-right:2px;
	 
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	
}

.Nav ul li{
	padding-top:2px; /* Introducing a padding between the li and the a give the illusion spaced items */
	
	float:none;
}
.Nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.Nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	
}
.Nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:Gray;
	text-decoration:none;
}
.Nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
.Nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:Gray;
	
}


.pl
{
padding-left:2px;
}
.bgontab
{
	border-bottom:solid 2px red;
}
	
.divBanner
{
background-position:50% 50%; 
background-repeat:no-repeat; 
display:inline;
height:350px; 
width:100%;
position:absolute;
 zoom:1;
 left:0px;
 top:0px;
}