* { 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.buttonAddToCart { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }
   
   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%; 
}

/* *********************************************************************************************
RESOURCE BASE STYLES
********************************************************************************************* */

/* Allow for easy use of em sizing */
/* html { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans;} */
#resourcesHTML { font: 62.5%/1.2 "lucida sans", verdana, arial, helvetica, sans-serif; color: #000000; margin: 0; padding: 0; }

/* To hold all the resource page info and set 'body' elements for fonts*/
#resourcesWrapper { margin: 0 auto 0 auto; text-align: left; width: 844px;
	  font-size: 1.2em; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; }
	  
/* #resourcesHTML #resourcesWrapper  */	
  
/* HEADER TAGS 
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper h1, #resourcesHTML #resourcesWrapper h2, #resourcesHTML #resourcesWrapper h3, #resourcesHTML #resourcesWrapper h4, #resourcesHTML #resourcesWrapper h5, #resourcesHTML #resourcesWrapper h6 { margin: 0; padding: 0 0 0.8em 0; font-family: Georgia, Times New Roman, Times, serif; text-align: left;  }

#resourcesHTML #resourcesWrapper h1 { font-size: 2.0em; }
#resourcesHTML #resourcesWrapper h2 { font-size: 1.8em; }
#resourcesHTML #resourcesWrapper h3 { font-size: 1.6em; }
#resourcesHTML #resourcesWrapper h4 { font-size: 1.4em; }
#resourcesHTML #resourcesWrapper h5 { font-size: 1.2em; }
#resourcesHTML #resourcesWrapper h6 { font-size: 1.0em; }


/* COMMON ELEMENTS
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper p           	  { margin: 0 0 1.5em; font-size: 1.0em; }

#resourcesHTML #resourcesWrapper div.imageCaption { padding: 0px 0px 0px 0px; margin: 0px 5px 0px 5px; border: 1px solid #464d32; background-color: #aeb596; }
#resourcesHTML #resourcesWrapper #resourcesContent div.imageCaption p { font-size: 0.8em; text-align: center; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }

#resourcesHTML #resourcesWrapper img { /*padding: 5px 5px 5px 5px;*/ border: none; }

#resourcesHTML #resourcesWrapper blockquote { display: block;  margin: 2.5em 1.5em 1.5em 1.5em; padding: 0px 60px; width: 650px; 
		font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; color: #333; }
	#resourcesHTML #resourcesWrapper blockquote:before, #resourcesHTML #resourcesWrapper blockquote:after { color: #ccc; display: block; font-size: 700%; width: 50px; }
	#resourcesHTML #resourcesWrapper blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; } 
	#resourcesHTML #resourcesWrapper blockquote:after { content: close-quote; height: 50px; margin-top: -20px; margin-left: 650px; } 

#resourcesHTML #resourcesWrapper strong      { font-weight: bold; }
#resourcesHTML #resourcesWrapper em, #resourcesHTML #resourcesWrapper dfn     { font-style: italic; }
#resourcesHTML #resourcesWrapper dfn         { font-weight: bold; }
#resourcesHTML #resourcesWrapper sup, #resourcesHTML #resourcesWrapper sub    { line-height: 0; }
#resourcesHTML #resourcesWrapper small 		 { font-size: 0.9em; line-height: 0.9px; color: #999999; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#resourcesHTML #resourcesWrapper span 		 {}


/* LISTS
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper ul { margin: 0 1.5em 1.5em 1.0em; list-style-type: disc; font-size: 1.0em;}
  #resourcesHTML #resourcesWrapper ul li {}
    #resourcesHTML #resourcesWrapper ul li ul { margin:0 0.5em; list-style-type: circle;}

#resourcesHTML #resourcesWrapper ol { margin: 0 1.5em 1.5em 1.0em; list-style-type: decimal; font-size: 1.0em;}
  #resourcesHTML #resourcesWrapper ol li {}
    #resourcesHTML #resourcesWrapper ol li ol { margin:0 1.0em; list-style-type: lower-alpha;}

/* BASE LINKS
-------------------------------------------------------------- */

/* Sets the style for unvisited links. */
#resourcesHTML #resourcesWrapper a,  #resourcesHTML #resourcesWrapper a:link { color: #990000; text-decoration: none; }

/* Sets the style for visited links. */
#resourcesHTML #resourcesWrapper a:visited { color: #990000; text-decoration: none; }

/* Sets the style for links on mouseover. */
#resourcesHTML #resourcesWrapper a:hover { color: #660000; text-decoration: underline; }

/* Sets the style for a link that has focus. */
#resourcesHTML #resourcesWrapper a:focus { color: #660000; text-decoration: none; }

/* Sets the style for a link that is being activated/clicked. */
#resourcesHTML #resourcesWrapper a:active { color: #990000; text-decoration: none; }

/* TABLES
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper table    { display: table; width: 100%; margin: 0px 0px 20px 0px; border: 1px solid #b1b1b1; }
#resourcesHTML #resourcesWrapper tr       { display: table-row; }
#resourcesHTML #resourcesWrapper tr:hover { display: table-row; background-color: #aeb596; }
#resourcesHTML #resourcesWrapper thead    { display: table-header-group; background-color: #aeb596; color: #FFFFFF; }
#resourcesHTML #resourcesWrapper tbody    { display: table-row-group; }
#resourcesHTML #resourcesWrapper tfoot    { display: table-footer-group; background-color: #666666; }
#resourcesHTML #resourcesWrapper col      { display: table-column; }
#resourcesHTML #resourcesWrapper colgroup { display: table-column-group; }
#resourcesHTML #resourcesWrapper td, #resourcesHTML #resourcesWrapper th { display: table-cell; padding: 2px 4px 2px 4px; border: 1px solid #e1e1e1; }
#resourcesHTML #resourcesWrapper td       { vertical-align: top; font-size: 1.0em; }
#resourcesHTML #resourcesWrapper th       { text-align: center; color: #464d32; background-color: #aeb596; font-size: 1.1em; }
#resourcesHTML #resourcesWrapper caption  { display: table-caption; caption-side: top; }


#resourcesHTML #resourcesWrapper table.tableNoBorders { border: 0px; }
#resourcesHTML #resourcesWrapper table.tableNoBorders tr:hover { background: none; }
#resourcesHTML #resourcesWrapper table.tableNoBorders th { border: 0px; background: none; }
#resourcesHTML #resourcesWrapper table.tableNoBorders td { border: 0px; }

/* ALIGNMENT
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper  div.clear       { clear: both; height: 1px; }
#resourcesHTML #resourcesWrapper .alignLeft       { float: left; }
#resourcesHTML #resourcesWrapper .alignRight      { float: right; }
#resourcesHTML #resourcesWrapper .textAlignLeft   { text-align: left; }
#resourcesHTML #resourcesWrapper .textAlignRight  { text-align: right; }
#resourcesHTML #resourcesWrapper .textAlignCenter { text-align: center; }

/* VIDEO USING FLOWPLAYER
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper #fp2 { overflow:hidden; }
	#resourcesHTML #resourcesWrapper .flowplayer {}


/* *********************************************************************************************
PAGE LAYOUT
********************************************************************************************* */  

#resourcesHeaderWrapper { height: 132px; background: url(../images/resourcesHeaderBg.jpg) no-repeat; padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px; }
#resourcesHeaderWrapperHouses  { height: 132px; background: url(../images/resourcesHeaderHousesBg.jpg) no-repeat; padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px; }
#resourcesHeaderWrapperFeeders { height: 132px; background: url(../images/resourcesHeaderFeedersBg.jpg) no-repeat; padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px; }
#resourcesHeaderWrapperTeak    { height: 132px; background: url(../images/resourcesHeaderTeakBg.jpg) no-repeat; padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px; }

	#resourcesHTML #resourcesHeaderTitle 	 { padding: 36px 0px 0px 20px; height: 24px; }
		#resourcesHTML #resourcesHeaderTitle h1 { color: #6e2d29; text-transform: uppercase; font-weight: normal; font-size: 2.4em; padding: 0 0 0.3em 0; }
	#resourcesHTML #resourcesHeaderSubTitle { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; height: 42px; }
		#resourcesHTML #resourcesHeaderSubTitle p { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.4em; color: #6e2d29; padding: 0; margin: 0; }
	#resourcesHTML #resourcesHeaderNav      { margin: 0px 0px 0px 0px; padding: 8px 0px 0px 10px; font-size: 0.9em; color: #ffffcc; height: 22px; }

	#resourcesHTML #resourcesHeaderNav a, #resourcesHTML #resourcesHeaderNav a:link { font-weight: normal; font-size: 0.9em; color: #ffffcc; }
	#resourcesHTML #resourcesHeaderNav a:visited { color: #ffffcc; text-decoration: none; }
	#resourcesHTML #resourcesHeaderNav a:hover   { color: #b5bc9a; text-decoration: underline; }
	#resourcesHTML #resourcesHeaderNav a:focus   { color: #b5bc9a; text-decoration: none; }
	#resourcesHTML #resourcesHeaderNav a:active  { color: #ffffcc; text-decoration: none; }
	
#resourcesContent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	#resourcesContent img { padding: 5px 5px 5px 5px; }
#resourcesHTML #resourcesWrapper #resourcesContent p { margin: 0 0 1.5em; font-size: 1.1em; }	

#resourcesShopNow { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; }

#resourcesHTML #resourcesWrapper div.resourcesVideo { margin: 0px 0px 20px 0px;}

#resourcesCatHeaderHouses { margin: 0 auto 0 auto; width: 815px; height: 220px; background: url(../images/categoryHeaderBirdHouses.jpg) no-repeat; }
#resourcesCatHeaderHouses p { padding: 20px 230px 0px 20px; margin: 0px 0px 0px 0px; height: 130px; }
#resourcesCatHeaderHouses #resourcesCatBtns { text-align: center; padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px; }
#resourcesCatHeaderHouses #resourcesCatBtns img { border: none; margin: 0px 4px 0px 4px; }

#resourcesCatHeaderFeeders { margin: 0 auto 0 auto; width: 815px; height: 220px; background: url(../images/categoryHeaderFeeders.jpg) no-repeat; }
#resourcesCatHeaderFeeders p { padding: 20px 200px 0px 20px; margin: 0px 0px 0px 0px; height: 130px; }
#resourcesCatHeaderFeeders #resourcesCatBtns { text-align: center; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; }
#resourcesCatHeaderFeeders #resourcesCatBtns img { border: none; margin: 0px 4px 0px 4px; }

#resourcesCatHeaderTeak { margin: 0 auto 0 auto; width: 815px; height: 220px; background: url(../images/categoryHeaderTeak.jpg) no-repeat; }
#resourcesCatHeaderTeak p { padding: 20px 230px 0px 20px; margin: 0px 0px 0px 0px; height: 130px; }
#resourcesCatHeaderTeak #resourcesCatBtns { text-align: center; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; }
#resourcesCatHeaderTeak #resourcesCatBtns img { border: none; margin: 0px 4px 0px 4px; }

#homepagePromoArea { margin: 0 auto 0 auto; height: 270px; width: 815px; background: url(images/homepagePromoAreaBg.jpg) no-repeat; }
	#homepagePromoAreaLeft     { display: inline; float: left; height: 132px; width: 350px; text-align: center; }
	#homepagePromoAreaRight    { display: inline; float: left; height: 132px; width: 320px; margin: 5px 0px 0px 140px; text-align: center; }
	  #homepagePromoAreaRight img { margin: 5px 0px 5px 0px; border: none; }
	#homepagePromoAreaProducts { text-align: center; }
	
div.resourceBlock { margin: 0px 0px 10px 0px; height: 200px; }	

/* *********************************************************************************************
LANDING PAGE --- BIRD HOUSES
********************************************************************************************* */

#landingBhHeader { width: 815px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	#resourcesHTML #resourcesWrapper #landingBhHeader img { padding: 0px 0px 0px 0px; }
	
	#landingBhHeaderLeft  { width: 462px; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#landingBhHeaderLeft div.breadcrumbs { height: 55px; background: url(../images/landingBhBcBg.png) no-repeat; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px;
			font-size: 1.3em; }
	#landingBhHeaderRight { width: 353px; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#landingBhTabs { background: #f8f7f4 url(../images/landingBhSection100.png) no-repeat 0 26px; width: 815px; height: 295px; }
	#resourcesHTML #resourcesWrapper #landingBhTabs  a:hover { color: #660000; text-decoration: none; }

.landingBhHeader { padding: 20px 0px 0px 20px; }
	.landingBhHeader h3 { padding: 0 0 0 0; }

.landingBhPanes   { margin: 7px 12px 0px 12px; padding: 0px 0px 0px 0px; text-align: center; }
.landingBhPanes02 { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; text-align: center; background: #f8f7f4 url(../images/landingBhSection100.png) no-repeat 0px -10px; }

.landingBhPanes .landingBhPanes1 { height: 230px; margin: 0px 1px 0px 2px; padding: 10px 10px 0px 10px; }
.landingBhPanes .landingBhPanes3 { display: inline; float: left; width: 260px; height: 240px; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.landingBhPanes .landingBhPanes4 { display: inline; float: left; width: 194px; height: 240px; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.landingBhPanes .landingBhPanes5 { display: inline; float: left; width: 155px; height: 240px; background: #0F0; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }

.landingBhPanes02 .landingBhPanes1 { height: 230px; margin: 0px 1px 0px 2px; padding: 10px 10px 0px 10px; }
.landingBhPanes02 .landingBhPanes3 { display: inline; float: left; width: 260px; height: 240px; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.landingBhPanes02 .landingBhPanes4 { display: inline; float: left; width: 194px; height: 240px; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.landingBhPanes02 .landingBhPanes5 { display: inline; float: left; width: 155px; height: 240px; background: #0F0; margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }

#resourcesHTML #resourcesWrapper .landingBhPanesImg img { border: 1px solid #000; padding: 0px; }
#resourcesHTML #resourcesWrapper .landingBhPanesTitle   { font-size: 1.1em; line-height: 1.4em; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#resourcesHTML #resourcesWrapper .landingBhPanesDesc    { font-size: 1.0em; line-height: 1.2em; color: #333; padding: 5px 10px 0px 10px; }

	#resourcesHTML #resourcesWrapper .landingBhPanesRating04  { background: url(../images/landingBhRatingStars.png) no-repeat 45px 215px; }
	#resourcesHTML #resourcesWrapper .landingBhPanesRating45  { background: url(../images/landingBhRatingStars.png) no-repeat 45px 135px; }
	#resourcesHTML #resourcesWrapper .landingBhPanesRating05  { background: url(../images/landingBhRatingStars.png) no-repeat 45px 55px; }	

.landingBhSection25 { display: inline; float: left; width: 164px; height: 249px; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px;
	background: url(../images/landingBhSection25.png) no-repeat; font-size: 1.0em; }
.landingBhSection50 { display: inline; float: left; width: 367px; height: 249px; margin: 0px 0px 0px 0px; padding: 20px 20px 0px 20px; 
	background: url(../images/landingBhSection50.png) no-repeat; font-size: 1.0em; }
	
	.landingBhSection50Text { margin: 0px 150px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.0em; line-height: 1.4em; }
	.landingBhSection50Img  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 150px; display: inline; float: right; text-align: center; }
	.landingBhSection50Btn  { margin: 0px 150px 0px 0px; padding: 0px 0px 0px 0px; }
	
	
	
	.landingBhPanes02 div.pBox { display: inline; float: left; width: 194px; margin: 0px 1px 10px 2px; padding: 0px 0px 0px 0px;
		margin-top: 0; border-bottom: 0; border-right: 0; font-size: 8pt; min-height: 242px; _height: 242px; padding-bottom: 0;	text-align: center; }
	.landingBhPanes02 div.pBox div.title { padding: 0px 5px 0px 5px; font-size: 8pt; height: 30px; line-height: 1.2em; }
	.landingBhPanes02 div.pBox div.title a.productLink {}
	.landingBhPanes02 div.pBox div.productImageBox { margin: 0 auto 0 auto; padding: 0px 0px 0px 0px; width: 150px; height: 150px; border: 1px solid #fff; overflow: hidden; }
		.landingBhPanes02 div.pBox div.productImageBox img { padding: 0px 0px 0px 0px; margin: 0; margin-top: 0px; max-height: 150px; max-width: 150px; }
	
	.landingBhPanes02 div.pBox div.productText {}
	.landingBhPanes02 div.pBox span.TinyText {}
	/*.landingBhPanes02 div.pBox span.productPreSalePrice {}*/
	.landingBhPanes02 div.pBox span.salePrice { color: #464D32; display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }
	.landingBhPanes02 div.pBox span.productPrice { display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }
		
	
	
	.landingBhListing75 { display: inline; float: left; width: 650px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-right: 1px solid #e1e1e1; }

	.landingBhListing75 div.pBox { display: inline; float: left; width: 160px; margin: 0px 1px 10px 1px; padding: 0px 0px 0px 0px;
		margin-top: 0; border-bottom: 1px dashed #e1e1e1; border-right: 0; font-size:; min-height: 220px; _height: 220px; padding-bottom: 0; text-align: center; }
	.landingBhListing75 div.pBox div.title { padding: 0px 5px 0px 5px; font-size: 9pt; height: 35px; }
	.landingBhListing75 div.pBox div.title a.productLink {}
	.landingBhListing75 div.pBox div.productImageBox { padding: 0px; margin: 0 auto 0 auto; width: 150px; height: 150px; border: 1px solid #e1e1e1; overflow: hidden; }
		.landingBhListing75 div.pBox div.productImageBox img { padding: 0px 0px 0px 0px; margin: 0; margin-top: 0px; max-height: 150px; max-width: 150px; }
	
	.landingBhListing75 div.pBox span.TinyText {}
	.landingBhListing75 div.pBox span.productPreSalePrice {}
	.landingBhListing75 div.pBox span.salePrice { color: #464D32; display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }
	.landingBhListing75 div.pBox span.productPrice { display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }
	
	.landingBhListing75 div.btnSeeMore { padding: 0px 10px 0px 0px; }
			
.landingBhListing25 { width: 142px; margin: 50px 0px 0px 650px; padding: 0px 10px 0px 10px; }		
	.landingBhListing25 h3 {}
	.landingBhListing25 div.addThis { height: 140px; }

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding: 0px 0px 0px 20px;		
	height:36px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin: 0px 3px 0px 0px !important;
	list-style-type: none;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/landingBhTabs.png) no-repeat;
	font-size:11px;
	display:block;
	height: 36px;  
	line-height:36px;
	width: 159px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -46px;	
	color:#fff;	
	text-decoration:none;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -92px;		
	cursor:default !important; 
	color:#000 !important;
	outline:none;
	text-decoration:none;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none; 	
}

/* *********************************************************************************************
PRODUCT DETAIL PAGE --- Changes to the pBox and other display styles for the product listing
********************************************************************************************* */
	
	#productDetailProducts { width: 815px; }
	#productDetailProductsHeader { width: 785px; height: 42px; margin: 0px 0px 0px 0px; padding: 23px 0px 0px 30px; 
		background: url(images/productDetailProductsHeaderBg.png) no-repeat; font-size: 14px; font-weight: bold; }
	
	#productDetailProducts div.pBox { display: inline; float: left; width: 160px; margin: 0px 1px 10px 1px; padding: 0px 0px 0px 0px;
		margin-top: 0; border-bottom: 1px dashed #e1e1e1; border-right: 0; font-size:; min-height: 220px; _height: 220px; padding-bottom: 0; text-align: center; }
	#productDetailProducts div.pBox div.title { padding: 0px 5px 0px 5px; font-size: 9pt; height: 35px; }
	#productDetailProducts div.pBox div.title a.productLink {}
	#productDetailProducts div.pBox div.productImageBox { padding: 0px; margin: 0 auto 0 auto; width: 150px; height: 150px; border: 1px solid #e1e1e1; overflow: hidden; }
		#productDetailProducts div.pBox div.productImageBox img { padding: 0px 0px 0px 0px; margin: 0; margin-top: 0px; max-height: 150px; max-width: 150px; border: 0px; }
	
	#productDetailProducts div.pBox span.TinyText {}
	#productDetailProducts div.pBox span.productPreSalePrice {}
	#productDetailProducts div.pBox span.salePrice { color: #464D32; display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }
	#productDetailProducts div.pBox span.productPrice { display: block; font-weight:bold; margin-bottom: 5px; margin-top: 5px; }