body {
   margin:0px; 
   /* background-image: url('http://localhost/testshop/site_images/bg.jpg'); */
   background-color: #E0DAD5; 
   
   padding:0px;
   font: 1.0em verdana, arial, sans-serif;
}

div#header {
   text-align: left;	
   width:740px;
   border-bottom: 4px #B22100 solid;
   margin-bottom: 4px;
}

div#contentarea {
   width:740px;

}

div#column1 {
   width:100px;
   float:left;
   text-align: left;
   padding-right: 0px;
}
div#column2 {
   width:480px;
   /* background-color:#EADFC3; */
   text-align: left;
   float:left;
   padding-left: 15px;



}

div#column2_main {
   width:640px;
   /* background-color:#EADFC3; */
   text-align: left;
   float:left;


}


div#column3 {
   width:142px;
   float:left;
   text-align: right;
   margin-left: 0px;
   padding: 0px;

  
   
}
div#footer {
   width:740px;
   text-align: right;
   font-size: .7em;
   border-top: 4px #B22100 solid;
   margin-top: 4px;  
   
}



div#mainpage_div {
 
   border-top: 4px #B22100 solid;
   border-bottom: 4px #B22100 solid;
   margin-top: 3px;
   

}


div#mainpage_blurb {
   background-color: #D7CCB0;
   text-align: center;
   margin-top: 3px;
   margin-bottom: 3px;
   padding: 10px;
  
    color: #922100; 

}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


a img {
   border: 0px;
}

a {
color: #B22100;	

}
a.DepartmentUnselected
{
  text-decoration: none
}
a.DepartmentUnselected:hover
{
  color: #FFF800;
}
a.DepartmentSelected:hover
{
  color: #FFF800;
}
a.DepartmentSelected
{
  color: #A3A300;
  text-decoration: none
}

a.CategoryUnselected:hover
{
  color: #d2691e;
}
a.CategorySelected
{
	color: #A3A300;
}


div.productcell {
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #D7CCB0;
   border: 1px solid #B22100;
}


div.menuheader {
   font-size: .7em;
   padding-top: 6px;
   padding-bottom: 3px;
   
}

div.menuheader em {
 	
}

div.menu ul{
   list-style-type: none;
   font-size: .7em;
   font-weight: bold;
   line-height: 1.1; /* fixes ie spacing */  
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

}


div.menu li {
   padding-bottom: 0px;
   padding-top: 0px;
   
   letter-spacing: -.5px;
  


   
   
}

div.menu a {
   text-decoration: none;
   
}



/* */


.MainDepartmentTitle
{
  color: #000;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold;

  text-align: right;
  float: right;
  

}

.DepartmentTitle
{
  color: #000;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold;
  padding: 2px 0px 2px 5px;
  background-color: #CEC5AE;
  

}
.DepartmentDescription
{

  font-size: 12px;
  color: #B22100;
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  

}





.ProductName
{
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
}
A.ProductName, A.Link
{
  color: Black;
  font-weight: bold;
  text-decoration: none;
}
A.ProductName:hover, A.Link:hover
{
  color: #B22100;
}
.ProductDescription
{
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
.Price
{
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
.ProductPrice
{
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
}
.PagingText
{
   font-weight: bold;
   letter-spacing: -.5px;
   font-size: 10px;
   text-align: center;
   margin-top:12px;
   margin-bottom: 12px;
}


.FirstPageText
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 9px;
}

.contactintro {
  font-size: 13px;
}
.contactdetails {
  padding: 0px 20px 0px 20px;
  font-size: 12px;
}
.contactform {
  padding: 20px 20px 20px 20px;
  font-size: 12px;
}
.contactformtitle {
  font-weight: bold;

  font-size: 14px;
  padding: 4px;
  
}
.contacttext {
  text-align: right;
  font-weight: bold;
  background-color: #D7CCB0;
}

.contactfield {
  background-color: #EFE5CE;
}


.aboutpage {
  padding: 0px 20px 20px 20px;
  font-size: 13px;
}


<!-- admin stuff -->
.TableHeader
{
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #00008b
}
.TableRow
{
  font-family: Verdana;
  font-size: 11px;
  background: #dcdcdc
}
.Title
{
  font-family: Verdana;
  font-weight: bold;
  font-size: 16pt;
  color: #228aaa;
  padding-right: 3px;
  text-align: left;
}
.AdminPageText
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
}
.AdminErrorText
{
  font-weight: bold;
  font-size: 12px;
  color: red;
  font-style: italic;
  font-family: Verdana, Helvetica, sans-serif;
}
.AdminButtonText
{
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
}