@charset "utf-8";
/* CSS Document */


body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}



#topbar {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FF0;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	position: absolute;
	z-index: 200;
	background-image:url(images/topbar.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding: 0px 3px 3px 3px;

}



#topbar A:link
{
	color: #000;
	text-decoration: none;
}
#topbar A:visited
{
	color: #666;
	text-decoration: none;
}
#topbar A:active
{
	text-decoration: none;
}
#topbar A:hover
{
	color: #FF0;
	
}


#registermark {
	right: 100px;
	bottom: 100px;
	position: fixed;
	z-index: -300;
	float: right;
}


#logo
{
	position: absolute;
  left: 50%;
  margin-left: -128px;
	top: 16px;
	z-index: 600;
}


#logo2
{
	position: absolute;
  left: 50%;
  margin-left: -128px;
	top: 25px;
	z-index: 600;
}


#lumabrite
{
	position: absolute;
  left: 50%;
  margin-left: -350px;
	top: 110px;
	z-index: 600;
}

#main
{
	position: relative;
	top: 120px;
	z-index: -100;
}

#categories
{
	position: absolute;
	top: 415px;
	  left: 50%;
  margin-left: -365px;
	z-index: 200;
}



#quality
{
	position: absolute;
  left: 50%;
  margin-left: -95px;
	top: 105px;
	z-index: 600;
}

#maincopy
{
	 font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: 125px;
	 width: 250px;
     top: 150px;
	 z-index: 125;
}

#maincopy2
{
	 font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: -369px;
	 width: 742px;
     top: 150px;
	 z-index: 125;
}


#maincontent
{
	position: absolute;
    left: 50%;
    margin-left: -402px;
	top: 125px;
	z-index: -50;
}


#bottomsquares2
{
	position: absolute;
    left: 50%;
    margin-left: -360px;
	top: 400px;
	z-index: -50;
}

#bottomsquares
{
	position:relative;
	vertical-align: middle;
	top: 400px;
	z-index: -50;
}



#squareone
{
	 font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: -335px;
	 width: 135px;
     top: 430px;
	 z-index: 100;
}

#squaretwo
{
	 font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: -155px;
	 width: 135px;
     top: 430px;
	 z-index: 100;
}

#squarethree
{
	 font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: 25px;
	 width: 135px;
     top: 430px;
	 z-index: 100;
}

#squarefour
{
	 font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 position: absolute;
     left: 50%;
     margin-left: 205px;
	 width: 135px;
     top: 430px;
	 z-index: 100;
}

#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}


#footercopy {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FF0;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align : center; 
	position: fixed;
	height:30px;
    bottom: 0; 
    border: 0;
    background-color: #000000;
    width : 100%; 
    padding: 5px;
	z-index: 400;

}

#footercopy A:link
{
	color: #FF0;
	text-decoration: none;
}
#footercopy A:visited
{
	color: #FFF;
	text-decoration: none;
}
#footercopy A:active
{
	text-decoration: none;
}
#footercopy A:hover
{
	color: red;
	text-decoration: none;
}


table.productfloat2 {
border:0px solid gray;
float:left;
padding-bottom:0;
vertical-align:100px;
width:100px;
margin:3px 25px 3px 3px;
}
