* { padding: 0; margin: 0; }
li { padding: 2px; margin-left: 45px; }
ul { margin: 5px; }
p { white-space: normal; margin-bottom: 5px; }
a { color: #592D29;	}



body {
	font-family: Arial,Helvetica,sans-serif;
	/*font-family: Arial, sans-serif;*/
  
    padding:0;
    margin:0;
}



/*Specific ID'd page elements */   
#headertable {
    width: 100%;
    background-color:#464D32; 
    margin: 0; 
    padding: 10px; 
    padding-bottom: 0;
	min-width: 1024px;
	_width: expression(document.body.clientWidth < 1000 ? 1005: true);
}
   
   #logo {
    float: left;
	
    }
	/*
	#logo  img {
		height: 50px;
		width:  367px;
	}*/
 /* Basket Menu */
  #basketmenu {
    float:right;
  }
  
  #basketmenu img {
    border: 0;
    margin-right: 1px;
  }

  #basketmenu a {
    margin-right: 5px;
  }

  /*The telephone number */
  #callbox {
    padding-top: 6px;
	font-size: 9pt;
	font-weight: bold;
	color: #FEFED8;
  }

  /* Top menu bar */
  #menutop {
    position: relative;
    top: 3px;
	padding-left: 3px;
	padding-right: 3px;
    white-space: nowrap;
    width: 660px;
    font-size: 12px;
   }
  
  #menutop img {
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }

  #menutop A {
    color: #592D29;
    text-decoration: none;
    font-family: Verdana;
    font-weight: bold;
	
  }
 
   #menutop ul{
	margin: 0;
	padding: 0;
	display: inline;
  }
  
  #menutop ul li{
	list-style-type:none;
	margin: 0;
	padding: 0;
	display: inline;
  }
  
  #menutop ul li ul li a {
	display: block;     
	/*border: 1px #FEFEC6 solid;*/	
	/*margin: 5px;*/
	position: relative;
	/*left: -4px;*/
	padding: 5px;
	font-weight: bold;
	background-color: #B3BA9C;
	border-right: 3px #464D32 solid; 
	border-left: 1px #464D32 solid; 
	border-bottom: 1px #464D32 groove; 
  }
  
   #menutop ul li ul li a:hover {
	background-color: #C6E097;
  }
  
  #menutop ul li ul {
    position: absolute;     
	width: 18em;  
	left: -999em; /* this hides the submenu */
	padding: 0;
	margin: 0;
  }
  
  #menutop ul li ul li {
	margin: 0;
	padding: 0;
  }
 
   #menutop ul li:hover ul, #menutop ul li.sfhover ul  { /* note that the sfhover is for ie6 specifically, anything greater supports a hover on an li */
	left: auto; /* this is what "shows" the submenu */
	
	/* 22px from the top works here, but adjust if top part of page */
	top: 22px;
	background-color: #B5BC9A; 
	
	
	border-top: 3px #B5BC9A solid; /* this creates a "space" between the topnav and the menu*/
	border-bottom: 2px #464D32 solid;  /* This creates a 3d look for the menu - remove if not wanted */
	
	padding: 0;
	margin: 0;
	/*padding-top: 5px;*/
	/*padding-left: 5px;*/
	margin-left: -10em; /* this moves the menu left  - for horizontal menus you would not use this*/
  }

  #menutop A:Hover {
    text-decoration: underline;
  }

#bodytable {
  margin: 0;
  padding: 0;
  width: 100%;
}
#leftnav {
  margin: 0;
  padding: 0;
  /*height: 100%;*/
  padding-top: 0;
  /*width: 210px;*/
  width: 180px;     	
  background-color: #B5BC9A;
  vertical-align: top;
  
  max-width: 210px;
}
#menu {
	position: relative;
	top: -30px;
	
}

#leftnav B {
	display: block;
	margin: 0;	
	margin-right: 6px;
	margin-left: 6px;
	padding: 5px;
	font-size: 10pt;
	background-color: white;
	font-weight: bold;
	text-align: left;
}

#leftnav A {
	display: block;
	color: #592D29;
	text-decoration: none;
	font-size: 10px;
}

#leftnav A:Hover {
	/*text-decoration: underline;*/
}

#leftnav ul {
	margin: 4px;
	padding: 3px;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 0;
	/*background-color:#FEFED8;
	border: 1px solid black;*/
}

#leftnav ul li {
	margin: 0;
	padding: 0;
	padding-left: 8px;
	vertical-align: bottom;
}
#leftnav A {
	/* Specifically for IE 6 */
	display: inline;
}

#leftnav ul ul {
	padding: 0;
	margin: 0;
	
	margin-left: 5px;
	border: 0;
	
/*	border-left: 1px #464D32 dotted;*/
	/*background-color: #DDDDDC;*/
	padding-left: 0;
	
}

#leftnav ul {
/*	border-left: 5px maroon solid;*/
	
}
#leftnav ul li {
	margin-bottom: 0;
	padding-left: 0;

}

#leftnav ul li A {
	display: block;
	/*background-color: #FEFED8;*/
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 10pt;
	border-top: 2px gray solid;
	border-bottom: 1px gray solid;
	background-color: #FEFED8;
	_height: 6px;
}
#leftnav ul li A:Hover {
	text-decoration: none;
}

#leftnav ul ul li {
	margin-bottom: 0;
	padding-left: 7px;
	_padding: 0;
}

#leftnav ul ul li:hover {
	/*background-color: #C6E097;*/
}


#leftnav ul ul li A {
	font-weight: normal;
	border: 0;
	padding: 2px;
	padding-bottom: 4px;
	vertical-align: middle;
	font-size: 9pt;
	
	background-color: #B5BC9A;
	_margin: 0;
}

#leftnav ul ul li A:hover {
	background-color: #C6E097;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#leftnav li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

/* This is the current page on the left hand side */
#leftnav ul ul li.ActiveNavPage {
	/*background-color: grey;*/
}

#leftnav ul ul li.ActiveNavPage ul {
	background-color: #592D29;
	/*background-color: #D0D5BF;*/
}

#leftnav ul ul li.ActiveNavPage  A {
	font-weight: bold;
	background-color: #C6E097;	
	/*	border-left: 7px #592D29 solid;*/
	border-bottom: 1px gray solid;
	margin-bottom: 1px;
}

#leftnav ul ul li.ActiveNavPage  A:Hover {
	background-color: #C6E097;
	color: black;
}

#leftnav ul ul li.ActiveNavPage ul A {
	font-weight:normal;
	background-color: #D0D5BF;	
	border: 0;
	margin-bottom: 0;
}

#leftnav ul li .ActiveParentNav ul {
	font-weight: bold;
	background-color: #592D29;	
	border: 0;
	margin-bottom: 0;
}


#leftnav ul li .ActiveParentNav A {
	font-weight: normal;
	background-color: #D0D5BF;	
	/*	border-left: 7px #592D29 solid;*/
}
#bodytable {
	width: 100%;
	min-width: 1024px;
	_width: expression(document.body.clientWidth < 1000 ? 1005: true);
}

#contentbody {
  padding: 1px;
  padding-left:7px;
  vertical-align: top;
  margin-top: 5px;
  /*min-height: 800px;*/
 height: auto;
 /* height: 300px;*/
 
 width: auto;
 	font-size: 11pt;

}


/* Navbar is the breadcrumb bar */
#navbarleft {
	background-color: #B3BA9C;
}
#navbar {
  padding: 0;
  height: 1px;  
  background-color: #B3BA9C;
  /*height: 1px;*/
  font-size: .01em;
  /*height: 1px;*/
  /*max-height: 1px;*/
  vertical-align: middle;
  width: auto;
}

#navbar H1 {
	font-weight: normal;
	font-size: 8pt;
	display: inline;

}

.imgdisp {
  border: 4px solid black;
  margin: 2px;
  height: 275px;
}


.adTitle H1 {
	/*color: #8A0404;*/
	color: #464D32;
}

.adDescription {
	font-size: 10pt;
	margin: 5px;
}
.adBox {
	float: left;
	text-align: center;
	margin: 5px;
	margin-bottom: 15px;
	margin-top: 0;
	width: 31%;
	min-height: 250px;
	height: 250px;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	_width: expression(this.width > ((document.body.clientWidth-300)/3) ? ((document.body.clientWidth-300)/3): true);
/*border: 2px black solid;*/
	/*border-bottom: 1px gray solid;
	border: 1px gray solid;*/
	
	/*height: auto;
	height: expression(this.width < 300 ? 300: true)*/
}

.adBox div {
	display: block;
	margin-bottom: 2px;
	
	font-size: 10pt;
	font-weight: bold;
	background-color: white;
}
.adBox div A {
	display: block;
	/*background-color: #B5BC9A;*/
	color: #592D29;
	text-decoration: underline;
	/*border: 1px black solid;*/
}

.adBox div A:Hover {
	/*color:#9C4F48;*/
}

.adBox img {
/*	border: 2px black solid;*/
border: 0;
	max-width: 99%;
	width: auto;
	/*_width: expression(document.body.clientWidth < 742? "300px" : document.body.clientWidth > 1000? "600px" : "auto");  */
	/* This is specifically for IE 6 */
	/*height: 200px;*/
	_width: expression(this.width > ((document.body.clientWidth-400)/3) ? ((document.body.clientWidth-300)/4): true);
}

.adBox img:Hover {
	/*border: 2px #C6E097 solid;*/
}



#frontfeatured .adBox img {
	/*_width: expression(this.width > ((document.body.clientWidth-300)/4) ? ((document.body.clientWidth-300)/4): true);*/
	width: auto;
	max-width: auto;
	max-height: 150px;
	_height: expression(this.height > 150 ? 150: true);
}
#frontfeatured .adBox {
	min-height: 180px;
	margin-top:0;
	height: 180px;
	margin-bottom: 3px;
	
}

#frontfeatured span {
	font-weight: bold;
	display: block;
	/*margin-bottom: 10px;
	margin-top: 10px;*/
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14pt;
	color: #8A0404;
}

.catImg img {
/*	max-width: 400px;
	max-height: 200px;*/
	margin-right: 10px;
	float: left;
	/* Specifically for IE6 - replacement for max-width */
	max-width: 30%;
	max-height: 30%;
	_width: expression(( (this.width/document.body.clientWidth) > .3) ? 250: true); /*If the picture is more than 400px, then set the width to be only 400px */
	_height: expression(( (this.width/document.body.clientWidth) < .3) && ((this.height/document.body.clientHeight) > .3) ? 250: true); /* control height only if we're not controlling width */
}


.catInfo {
	padding-left: 10px;
}

.catInfo .catName {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 12pt;
	/*color: #8A0404;*/
	color: #464D32;
	display: block;
	padding-left: 20px;

}

.catInfo .catDesc {
	font-size: 10pt;
	margin: 3px;
	width: 75%; /* the problem with this is that browsers ask % of what? Opera reads this as the box, MSIE reads it as the box, FF reads it as the screen... Interesting */
	_width: 55%; /* IE6 only */
	text-align: left;
}

/* This is valid css but relies on an IE7 bug */
*:first-child+html  .catDesc{
	width: 65%;
} 

/* Product Box stylesheet */
.pBox {
	float: left;
	display: block;
	width: 30%;
	margin-top: 35px;
	min-height: 275px;
	height: auto;
	/*_height: expression(this.height < 200 ? 200: true); */
	_height: 275px;
	text-align: center;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	padding-bottom: 10px;
	font-size: 10pt;
}

.pBox .addtocart {
	display: inline;
	padding-left: 10px;
	white-space: nowrap;
}
.pBox .productImageBox  img {
	border: 2px black solid;
	margin-top: 6px;
	max-height: 150px;
	min-height: 150px; /* remove for production */
	max-width: 90%;
	/* Scale the image to 150px high if our clientwidth is > 1020 - otherwise, we're going to scal via width  - IE 6 only*/
	/*_height: expression((document.body.clientWidth < 1200 && this.height > 150) ? 150: true); */
	_height: expression((this.height > 150) ? 150: true); 
	/*_height: expression((this.height < 150) ? 150: true);*/ /* this is to force a height of 150px for testing, remove for production */
	
	/* Scale the image to 200px wide if the clientwidth < 1020 (i.e. 1024) - IE 6 only*/
	/*_width: expression((document.body.clientWidth < 1024 && this.width > 200) ? 200: true);*/
}

.pBox .productImageBox { }

.pBox .addtocart img {
	border: 0;
	margin-right: 4px;
	height: 8px;
	}

.pBox .productLink {}


.pBox .moreInfo img {
	border: 0;
	margin-right: 4px;
	height: 8px;
}
.pBox .moreInfo {
	display: inline;
	white-space: nowrap;
}
.pBox .productLink {
	font-weight: bold;
}


/* Generic class to break a floating row  - needed for IE6 */
.rowbreak {
	clear:both;
}


/* Begin category display */
.adTitle {

}
.adTitle H1 {
	font-size: 12pt;
	padding-left: 10px;
	width: 50%;
}


/* Product display classes */
.productPrice {
	display: block;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: 5px;
}
.productPreSalePrice {
	text-decoration: line-through;
	display: block;
}
.pBox .productPreSalePrice {
	display: none;
}

.salePrice {
	color: red;
	font-weight: bold;
	display: block;
}

.salePrice span {
	color: black;
	margin-right: 5px;
}
.pBox .salePrice {
	color: #464D32;
	margin-top: 3px;
	margin-bottom: 3px;
}

.productPreSalePrice span {
	margin-right: 5px;
}

.productInfo .productPrice {
	font-weight: normal;
}

.productPrice span {
	margin-right: 5px;
	font-weight: bold;
}

/* Note that there are two parent classes on productdetail - productDetail and productMedia - you can use these to specify what you want to work with */
.productDetail .productPreSalePrice {
	margin: 4px;
	margin-left: 0;
}

.productDetail .salePrice {
	margin: 4px;
	margin-left: 0;
}

.productDetail .freeShipping {
	margin: 4px;
}


/* Product Detail Page */
.productDetail {
	width: auto;
	min-width: 800px;
}

.productDetail .productMedia {
	float: left;
	width: auto;
}

.productDetail .productMedia .moreImages {
	margin: 10px;
}

.productDetail .productMedia .moreImages img {
	margin: 2px;
	max-height: 87px;
	_height: expression(this.height > 87 ? 87: true);
	cursor: pointer;
}

.productDetail .productInfo {
	float: left;
	max-width: 50%;
	 _width: expression(document.body.clientWidth < 1100  ? 400: true);
	 color:#444444;
	font-size:12px;	
}

.productDetail .productInfo span {
	color:black;
}

/* Product family box */
.productInfo .productFamily span{
	font-weight: bold;
	margin-bottom: 2px;
}

.productInfo .productFamily Table{
	border: 1px black solid;
	margin-bottom: 0;
	padding: 2px;
}


.productInfo .productFamily TD A{
	white-space: nowrap;
}
.productInfo .productFamily .Header TD {
	white-space: nowrap;
	font-weight: bold;
	background-color: #B5BC9A;
	padding: 2px;
}


.productInfo .addToCart {
	margin-top: 10px;
	
}

.productInfo .addToCart  span{
	font-weight: bold;
	padding-right: 5px;
}

.productInfo .productsInCategory {
	display: block;
}
.productInfo .productsInCategory img{
	margin-right: 5px;
}

.productInfo .productsInterestedIn {
	display: block;
}

.productInfo .productsInterestedIn img {
	margin-right: 5px;
}

.productDetail {
	font-size: 10pt;
}

.productDetail .productImage {
	margin-right: 20px;
	/*height: 350px;*/
	width: 325px;
	overflow: hidden;
	min-height: 350px;
	text-align: center;
}
.productDetail .productImage img {
	
	
}

/* PBigImg is the product image */
#PBigImg {
	max-width: 300px;
	width: auto;
	/*height: auto;*/
	min-height: 0;
	/*_width: expression(this.width > 325 ? 325: true);*/
	
}

.productDetail .productAttributes span{
	font-weight: bold;
}

.productDetail .productAttributes li{
	margin-left: 2em;
}

.productDetail .productAttributes {
	margin-top: 10px;
	margin-bottom: 10px;
	
}


.productDetail .productID span {
	font-weight: bold;
}

.productDetail .productID {
	
}

.buyBox {
	width: 400px;
	margin: 10px;
}

.productDetail .productSelectFeatures {
	margin-top: 7px;
	margin-bottom: 7px;
}

.productDetail .productSelectFeatures span{
	font-weight: bold;
	margin-right: 5px;
}

.productDetail .productName {
	font-weight: bold;
	font-size: 12pt;
	color: #8A0404;
}

.suggestedProducts {
	width: 320px;
	padding-left: 10px;
}
.suggestedProducts .productName {
	font-size: 8pt;
	font-weight: normal;
}
.suggestedProducts .suggestedProduct {
	float: left;
	margin: 5px;
	text-align: center;
}

.suggestedProducts .suggestedProduct A {
	margin-bottom: 4px;
	display: block;
}
.suggestedProducts img {
	border: 0;
	margin: 1px;
}

.productDetail .productDescription {
	margin-top: 1em;
}
.productDetail .productDescription li {
	margin-left: 2em;
}
.productDetail .productDescription span {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

.productDetail .productDimensions {
	margin-top: 1em;
	margin-bottom: 1em;	
	
}

.productDetail .productDimensions span{
	font-weight: bold; 
	padding-right: 10px;
	
}

.productDetail .productShipping {
	margin-bottom: 1em;
	
}

.productDetail .productShipping span {
	font-weight: bold;
	padding-right: 10px;
}

.productDetail .productCatDescription {
	margin-top: 10px;
	text-align: justify;
	font-size: 11px;
}

.productDetail .productsInterestedIn img {
	margin-right: 5px;
}
.productDetail .productsInterestedIn {
	white-space: nowrap;
	_white-space: auto;
}
.productDetail .productsInterestedIn A {
	margin-right: 10px;
}
.productDetail .productAccessories img {
	margin-right: 5px;
}
.productDetail .productAccessories A {
	margin-left: 3px;
}
.productInfo .productFamily .productPrice  span{
	font-weight: normal;
}

/* Rightmain controls displays on the main page */

.rightmain {
	overflow: hidden;
	display: block;
	width: 100%;
	max-height: 235px;
	_height: 235px;
	_height: expression(document.body.clientWidth-300 > 1200 ? 500 : 235);
}


.rightmain .pBox {
	height: 120px;
	width: 200px;
	min-height: 120px;
	padding-bottom: 0;
	margin-top: 0;
	border: 0;
	font-size: 8pt;
}
.rightmain .pBox .productImageBox img {
	max-height: 65px;
	min-width: 0;
	min-height: 0;
	_height: expression(this.height > 65 ? 65: true);
}


.rightmain .pBox A {
	font-size: 8pt;
}

#contentbody A {
	/*font-size: 10pt;*/
}
/* End rightmain classes */
#frontfeatured .adBox {

}

/*Cart */
.cartBody .productAttributes {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 2px;
	font-family: Verdana;
}

.cartBody td{
	padding: 2px;
}
.cartBody Table tr td A{
	padding: 0;
}

/* Content Pages all are within the contentPage class*/

.contentPage {
	padding: 5px;
}
/* Curves */

.productBuyBox{display:block}
.productBuyBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#C6E097}
.productBuyBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e6f1d2;
  border-right:1px solid #e6f1d2;
  background:#d4e7b1}
.productBuyBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fbf4;
  border-right:1px solid #f9fbf4;
  background:#d0e5aa}
.productBuyBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d0e5aa;
  border-right:1px solid #d0e5aa;}
.productBuyBox4{
  border-left:1px solid #e6f1d2;
  border-right:1px solid #e6f1d2}
.productBuyBox5{
  border-left:1px solid #d4e7b1;
  border-right:1px solid #d4e7b1}
.productBuyBoxfg{
  background:#C6E097;
  padding: 10px;
  }
  
  /* These are used to create the curve on the top nav bar - breadcrumbs*/
.navBarCurve{display:block}
.navBarCurve *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  /*background:#DDDDDC;*/
  background: #FEFED8;
  }
.navBarCurve1{
  margin-left:6px;
  padding-left:3px;
  border-left:1px solid #c6cab6;
  background:#d3d4cb}
.navBarCurve2{
  margin-left:3px;
  padding-left:1px;
  border-left:1px solid #b9bfa0;
  background:#d5d6cf}
.navBarCurve3{
  margin-left:2px;
  border-left:1px solid #d5d6cf;}
.navBarCurve4{
  border-left:1px solid #c6cab6;
}
.navBarCurve5{
  border-left:1px solid #d3d4cb;
}
.navBarCurvefg A {
	font-size: 8pt;
}
.navBarCurvefg{
  /*background:#DDDDDC;*/
  font-size: 9pt;
  background:#FEFED8;
  padding-bottom: 1px;
  padding-left: 10px;
  border-bottom: 1px #DDDDDC solid;
  }
.navBarCurvefg div {

}
  
  
  
.footercurve{display:block}
.footercurve *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.footercurve1{
  margin-left:3px;
  padding-left:1px;
  border-left:1px solid #d3d7c6;
  background:#ecede6}
.footercurve2{
  margin-left:1px;
  padding-right:1px;
  border-left:1px solid #bac0a5;
  background:#f0f1ec}
.footercurve3{
  margin-left:1px;
  border-left:1px solid #f0f1ec;}
.footercurve4{
  border-left:1px solid #d3d7c6;
 }
.footercurve5{
  border-left:1px solid #ecede6;
 }
.footercurvefg{
  background:#ffffff;

  }

    .menubarcorners{display:block}
  .menubarcorners *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#B5BC9A
   }
  .menubarcorners1{
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #757c5e;
    border-right:1px solid #757c5e;
    background:#99a080
   }
  .menubarcorners2{
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #51583c;
    border-right:1px solid #51583c;
    background:#9fa686
   }
.menubarcorners3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9fa686;
  border-right:1px solid #9fa686;
}
.menubarcorners4 {
  border-left:1px solid #757c5e;
  border-right:1px solid #757c5e;
}
  
.menubarcorners5 {
  border-left:1px solid #99a080;
  border-right:1px solid #99a080;
}
.menubarcornersfg{
  background:#B5BC9A;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 8pt;
  line-height: 9px;
}

input {
    background-color: white;
    border: 1px black solid;
    color: black;
	margin: 2px;
	padding: 2px;
	
}
 
input.btn {
   color:#FEFEC6;
   font-family:Verdana;
   font-size:0.75em;
   font-weight:normal;
   background-color:#828D6F;
   border: 1px #FEFEC6 solid;
   
   }
   
   input.button {
    color:#FEFEC6;
	font-family:Verdana;
	font-size:0.75em;
   font-weight:normal;
   background-color:#828D6F;
   border: 1px #464D32 solid;
   font-weight: bold;
   }
   input.search {
    background-color: #DDDDDC;
    border: 1px black solid;
    color: black;
    padding-left: 5px;
    width: 150px;
   }
   
/* Styles we're keeping around */ 
.TableHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "Arial";
    HEIGHT: 25px;
    BACKGROUND-COLOR: darkolivegreen;
}

.TinyText {
    FONT-SIZE: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #444444;
}	

.categoryHeader {
    BACKGROUND-POSITION: left top;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    /*BACKGROUND-IMAGE: url(Images/WelcomeGradient.gif);*/
	background-color: #828D6F;
	color: white;
    TEXT-DECORATION: none;
}

.categoryHeader b {
	color: white;
	padding: 5px;
}
.WhiteLinkUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
.WhiteLink12CenterNoUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
	padding: 5px;
}
.WhiteLink10CenterNoUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tableRowEven, .TableRowEven
{
    
    BACKGROUND-COLOR: #E1E5D7
}
.tableRowOdd
{
    COLOR: #000000;
    BACKGROUND-COLOR: lightgoldenrodyellow
}

.form1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,times new roman, arial
}


.producttitlepurchase {
	padding: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #ffffff;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #828D6F;
    TEXT-DECORATION: none;
}
.helpCaption {
	font-weight: bold;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.error { color: red; }
.CategoryHeader
{
    BACKGROUND-POSITION: left top;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(Images/WelcomeGradient.gif);
    TEXT-DECORATION: none;
	padding:3px;
}

.adBox A img {
	border:0;
}

.relatedCats {
	margin-top: 10px;
	margin-left: 15px;
}
.relatedCats span {
	padding: 10px;
	font-weight: bold;
	font-size: 12pt;
	color: #464D32;
	margin-bottom: 2px;
	display: block;
}

.relatedCats .adBox {
	border: 0;
	width: 20%; 
}