/***********************************************/
/* HTML tag styles - superiorbamboo.co.uk   */
/***********************************************/ 

/* sets a level playing field */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
  margin: 0; 
  padding: 0; 
  border: 0; 
}


/* feeds IE 5* PC the correct width due to its non-standard box model - FF hack */
html {height:100%}
body {min-height:101%}


/* STYLE CONTAINER DIV ------------------------------- */

#container {
  margin: 1px auto; /* distance from top of screen */
  width: 765px; 
  position: relative; 
  background-color: #fff;
  border: 1px solid #BCC443;
  /* background-image:  url(../images/bgGreen.jpg);*/
  text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
  
  
}
 
/* -------------------END OF CONTAINER DIV--------------------- */

/* STYLE HEADER DIV ------------------------------- */
/*
#header {
  background-image:  url(../images/banner.jpg);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: left top;
  height: 130px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 150%;  
  padding-top: 25px; /* distance of text from top of banner */
  
}

#header img{
  float: left;
  
  
}

/* ------------- END HEADER DIV --------------------- */



body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image:  url(../images/bg.jpg);
  line-height: 1.166; 
  margin: 0px;
  padding: 0px;
  font-size: 100.01%;
  background-color: #fff;
}

a{
  color: #333;
  text-decoration: underline;
  
}

a:link{
  color: #333;
  text-decoration: underline;
  
}

a:visited{
  color: #000;
  text-decoration: underline;
  
}

a:hover{
  color: #000;
  text-decoration: underline;
  
}

h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}

h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 114%;
  color: #334d55;
  margin-top: 3px;
  padding: 0px;
  background-color: #fff;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 background-color: #fff;
}



/***********************************************/
/* NavLeft Layout Divs                         */
/***********************************************/


#navLeft{
  float: left;
  width: 130px;
  margin-top: 2px;
  padding: 5px 13px 0 0;
  font-size: 67%;
  background-image:  url(../images/navBarBg.jpg);
  /* border: 1px dashed #BCC443; */
}

.navLeft p{
  padding: 4px 0px 4px 5px;
  
}

#navLeft img{
  padding: 2px 10px 2px 3px;
  
}

#navLeft h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #334d55;
  margin: 0;
  padding-top: 5px;
  padding-left: 10px;
  font-weight: normal;
  background-color: #fff;
  
}

/*********** #navLeft link styles ***********/

#navLeft ul a:link, #navLeft ul a:visited {display: block;}
#navLeft ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navLeft li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navLeft li {border-bottom: none;}


/***********************************************/
/* products layout Div */
/***********************************************/
  

.products p{
  padding: 0 0 4px 0;
}

#products {
/*  float: left;
  width: 730px;
  margin-left: 11px;
  margin-right: 0;
  margin-top: 2px;
  padding-left: 3px;
  padding-right: 3px;*/
  

  clear: both;
  margin: 10px auto;
  
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 67%;
  font-weight: normal;
  /* border: 1px dashed #cc9900;*/ 
  text-align: left;
  background-color: #fff;
}

h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 130%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  
}

h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 126%;
  color: #000;
  margin-top: 3px;
  padding: 0px;
}

#products a {
  text-decoration: none;
  color: #000000;
  background-color: #fff;
    
}

#products a:hover, #products a:active, #products a:focus {
  color: #000000;
  text-decoration: none;
  background-color: #fff;
  
}
  
#products img{
  padding: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #ccc;
  
}

/***********************************************/
/* Content layout Div */
/***********************************************/

#content{
  float: left;
    width: 75%;
    text-align: justify;
  padding: 0 10px 0 5px;
  font-size: 88.01%;
  
}

.content p{
  padding: 0 0 0 0;
}


.content a {
  text-decoration: underline;
  color: #000;
  background-color: #fff;
    
}

.content a:hover, #content a:active, #content a:focus {
  color: #00ff00;
  text-decoration: underline;
  background-color: #fff;
  
}

#content h1{
  font-size: 125%;
  color: #000;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 10px;
  font-weight: bold;
  background-color: #fff;
  
}

.pagemarker, #breadcrumbs {
  font-size: 60%;
  color: #000;
  margin: 0;
  padding-top: 0;
  padding-left: 15px;
  font-weight: normal;
  background-color: #fff;
  
}


/************* #Top Nav styles **************/

#topNav{
  padding: 0 0 0 0;
  border-bottom: 1px solid #fff;
  height: 21px;
  background-color: #bcc443;
  font-weight: normal;
  font-size: .95em; 

  

}

#topNav img{
  display: block;
}

/************** .feature styles ***************/

.feature{
  padding: 0px 10px 10px 5px;
  font-size: 80%;
  width: 98%;
}

.feature p{
  padding: 4px 0 4px 0;
}

#feature h1{
  padding: 10px 0 5px 0;
  text-align: left;
  font-size: 100.01%;
  color: #266C24;
  background-color: #fff;
}

.feature h2{
  padding: 5px 0 5px 0;
  margin-left: 0;
  text-align: left;
  font-size: 110.01%;
  color: #266C24;
  background-color: #fff;
}


.feature h3{
  padding: 15px 0 5px 0;
  text-align: left;
  font-size: 80.01%;
  color: #266C24;
  font-weight:normal;
  background-color: #fff;
}

.feature img{
  margin: 3px 0 0 0;
  /* border: 1px solid #666; */
}

.feature a {
  text-decoration: underline;
  color: #000;
  background-color: #fff;
    
  }

.feature a:hover, #feature a:active, #feature a:focus {
  color: #00ff00;
  text-decoration: underline;
  background-color: #fff;
  
  }
  
/*********** #feature unordered list styles ***********/

.unorderedlist {
  margin: 5px 15px;
  font-size: 100%;
}


/************** #ad styles **************/

#ad{
  margin: 2px 3px 0 0;
  float:right;
  width: 21%;
  background-image:  url(../images/headlines.jpg);
  padding: 10px 2px 0 0;
  font-size: 66%;
  text-align: left;
  border: 1px dashed #BCC443;
  
}


#ad p{
  padding: 2px 8px 2px 5px;
}

#ad h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 135%;
 color: #808000;
 margin: 0px;
 padding: 2px 8px 0 3px;
 text-align:left;
 background-color: #fff;
}

#ad h2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 118%;
 color: #988263;
 padding: 10px 5px 0 5px;
 text-align:left;
 background-color: #fff;
}


#ad a {
  text-decoration: underline;
  color: #000;
  background-color: #fff;
    
  }

#ad a:hover, #ad a:active, #ad a:focus {
  color: #000;
  text-decoration: none;
  background-color: #fff;
    
  }
  
#ad img{
  padding: 2px 0 2px 0;
  /*border: 1px dashed #cc9900;*/
}


/************* #Footer styles ***************/

#footer {
  font-family: Verdana,Arial,sans-serif;
  width: 760px; 
  background-image:  url(../images/footerBg.jpg);
  background-color: #fff;
  border-top: 1px dashed #BCC443;
  clear: both;
  font-size: 60%;
  color: #266C24;
  margin-top: 2px;
  padding: 3px 0 3px 5px;
  text-align: left;
  
}

#footer h1{
  padding: 0 0px 8px 0;
  text-align: left;
  font-size: 110.01%;
  color: #666;
  background-color: #fff;
  
}

#footer a {
  text-decoration: none;
  color: #000;
  background-color: #fff;
    
}

#footer a:hover, #footer a:active, #footer a:focus {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
    
}
  


/************* #Copyright styles ***************/

#copyright {
  font-family: Verdana,Arial,sans-serif;
  width: 760px; 
  background-image:  url(../images/footerBg.jpg);
  background-color: #fff;
  border-top: 1px dashed #BCC443;
  clear: both;
  font-size: 60%;
  color: #999;
  padding: 2px 0 0 5px;
  text-align: left;
  
    
}

#copyright a {
  text-decoration: none;
  color: #999;
  background-color: #fff;
    
}

#copyright a:hover, #copyright a:active, #copyright a:focus {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
    
}

/* shopping */
div#productDetails img {
float: right;
margin: 5px;
border: 2px solid #266c24;
padding: 2px;
}


table.striped {
  margin: 20px auto;
  color: #000;
}
table.striped tr.odd {
  background-color: #bcc443;
}
table.striped tr.even {
  background-color: #c6ee40;
}
table.striped td {
  text-align: left;
  padding: 5px;
}
table.striped td.center {
  text-align: center;
}
table.striped td.right {
  text-align: right;
}
table.striped td a {
  background-color: transparent;
  color: #000;
}
table.striped td a:hover {
  background-color: transparent;
  color: #000;
}
table td#cart-buttons {background-color: #c6ee40; text-align: center;}


#CategoryInfo {

}
#CategoryInfo h1 {
/*  font-size: 160%;
  color: #bc1e4e;
  padding: 15px 0 0 0;*/
}
#CategoryInfo p {
  font-size: 80%;
  text-align: justify;
}

#SubCategories {
  padding-top: 10px;
}
#SubCategories h2 {
  font-size: 130%;
/*  color: #bc1e4e;*/
  padding: 15px 0 0 0;
}
#SubCategories ul {
  list-style-type: none;
}
#SubCategories li {
  font-size: 80%;
  text-align: justify;
  padding: 5px 20px;
}


#productList {
  margin: auto;
}
#productList .productListing {
  text-align: center;
  margin: 5px 20px;
}
/*.productListing .productImage {
  text-align: center;
}*/
/*.productListing .productImage img {
  margin: 10px;
  border: 1px solid #bc1e4e;
  padding: 0px;
}*/

#productList .productListing a img {
  margin: 10px 5px 0px 5px;
  border: 2px solid #266c24;
  padding: 2px;
}
#productList .productListing a:hover img {
  border: 3px solid #b7be3a;
  padding: 1px;
}
#productList .productListing h1 {
  font-size: 80%;
  padding: 0;
}
#productList .productListing p {
  text-align: center;
  margin: 0;
  padding: 2px;
}
#productList .productListing .productPrice {
  font-weight: bold;
}
/*.productListing .productShortDescription {
  text-align: justify;
  font-size: 80%;
}*/
#productList .productListing .detailsLink a {
  font-weight: bold;
  text-decoration: none;
  color: #266c24;
}
#productList .productListing .detailsLink a:hover {
  text-decoration: underline;
  color: #b7be3a;
}

#retailOutlets p {
  padding: 10px 5px;
}

#credits p {
  padding: 10px;
  text-align: center;
  font-size: 10px;
}

table.sizeguide {
	margin: 20px;
	border-collapse: collapse;
	background-color: #e5e068;
	border: 1px solid #569635;
}
table.sizeguide tr.stripe {
	background-color: #fef1cf;
}
table.sizeguide th {
	padding: 4px;
	text-align: right;
}
table.sizeguide td {
	padding: 4px;
	text-align: left;
}