/*                                                                                                          

STYLE SHEET FOR [x] WEB SITE
Created by Author Name
www.domainoftheauthor.com

ToC

  1. defaults
  2. structure
  3. links and navigation
  4. fonts
  5. images
  6. tables
  7. forms
  
Notes

*/



/* --------- 1. defaults  --------- */

* {
  margin: 0;
  padding: 0;
  z-index: 1;
  
}

body { 
  background-color: #FFF;
/*  background-image: url(../images/turfland_back.jpg);*/
  background-image: url(../images/shadowback.jpg);
  background-repeat: repeat-y;
  background-position: 50% 0;
  
  }
    
/*  --------- 2. structure  --------- */

#wrapper {
  width: 792px; 
  margin: 0 auto;/**/
  /*background-color: #fff;*/
  /*border: 2px solid #CCCCCC;*/
  padding-left: 7px;
}
    
#masthead {
  height:156px; 
  width: 100%;
  background-image: url('../images/turfonline_header.jpg');
  background-repeat: no-repeat;

  
  }

#navContainer h1 {
  /*text-indent: -1999px;*/
  text-indent: -1999px;
  height: 1em;
}


#navContainer2 {	
text-indent: -1999px;
	min-height: 100px;
	max-width: 400px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;


	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #003300;
	border-bottom-color: #003300;
	/*background-color: #FFFFFF;*/
	z-index: 2;
	position:absolute;
}
#masthead  #navContainer p {
  /*text-indent: -1999px;*/
  text-indent: -1999px;
  height: 1em;
}



/* Internet Explorer * 
/*\*/ 
#product_menu_bar_space {
	clear:both;
	height: 5px;
	margin-bottom: 15px;
	/*background-color: #FFFFFF;*/
}

#product_menu_bar_title {
	min-height: 20px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #003300;
	float:left;
}
#product_menu_bar_title h3 {
	min-height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	width: 215px;
	float:left;
	margin-top: 0px;

}
#product_menu_bar_title_comment {
/*clear:both;*/
	min-height: 15px;
	margin-left: 220px;
	margin-right: 15px;
	padding-top: 10px;
	font-size: 1.1em;
	width: 300px;

}

#content #maincontent #product_menu_bar {	
/*clear:both;*/
float: left;
	/*margin: 440px 15px 15px 0px;*/
	min-height: 100px;
	border:  0px;
	padding: 5px 5px 5px 5px;
	/*background-color: #FFFFFF;*/
	
	z-index: 3;
	//position:absolute;
}

#product_menu_bar_innercase{
	clear:both;
	float: left;
	width: 125px;
	
	
	/*margin: 0px;*/
border: none;
	background-color: #FFFFFF;

}

#infobox {
  /*display: inline; */  /* required for IE6  */
/*  margin-right: 10px;*/

  /*margin-top: 475px;*/
  /*background-color: transparent;*/
  padding: 10px 5px;
  margin-bottom: 0;
  margin-left: 25px;
  width: 50%;
  float: left;
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  background-image: url(../images/contact_bg.jpg);
  margin-top: 80px;
  
  /*height: 4em:*/
/*  background-color: #F49E3C;  */
  }

#infobox h2{
	font-size: 1.6em;
	margin-bottom: 10px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight:bold;
	
}

#infobox ol {
	text-align: left;
	margin-left: 20px;
	height: 4em;
	list-style-type: decimal;  /*margin: 0 auto;*/
/*  width: 800px;*/
  /*clear: both; */
/*  background-image: url(../images/turfland_back_top.jpg);*/
}
.logintext,
.loginlabel,
input#loginsubmit {
  clear: left;
  float: left;
  /*margin-left: 10px;*/
  margin-bottom: 5px;
}

.loginlabel {
  font-size: 1.2em;
  margin-top: 5px;
}

input#loginsubmit {
  margin-top: 10px;
}


    
#navContainer {
/*  height: 10px;*/
/*  height: 100%;
  margin-bottom: 10px;*/
}

#content,
#contenthead,
#contentfoot {
  clear: both;
  margin-left: 10px;
  margin-right: 10px; 
}

#content {
  height: 100%;
  overflow: hidden;            /* Required for FF to show background behind float: left div */
  font-size: 100%;
/*  border-bottom: 2px solid #F49E3C;*/
  padding-bottom: 0px;
  	margin-left: 15px;
	  	margin-right: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
  padding-top: 0px;
  clear: both;
  min-height: 300px;
  }

  
#content .addresses p.singleline {
  line-height: 1.2em;
  padding-top: 0;
  padding-bottom: 0;
}
  
#content p {
  padding: 10px 10px 10px 0;
}       

#contenthead {
  background-image: url(../images/contenthead.jpg);
  background-repeat: no-repeat;
  height: 2em;      
}

#contentfoot {
  background-image: url(../images/contentfoot.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 2em;
  }

#content #maincontent {
  width: 100%;
  height: 100%;
  margin: 0px;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px; */
}
/*#content #maincontent */
#content #maincontent #maincontent_left {
	float: right;
	/*width: 43%;*/
	width: 190px;
	min-height: 280px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003300;
	padding-right: 5px;
	
}
/*#content #maincontent */
#content #maincontent #maincontent_left p{
	text-align: center;
	font-size: 1.1em;	
}


/* */
#content #maincontent #maincontent_left p#turf_production {
	text-align: center;
	font-size: 1.0em;
	width: 170px;
	/*float:left;*/

}
#content #maincontent #maincontent_left p#tga {
	text-align: center;
	font-size: 1.0em;
	width: 170px;
	float:left;
	margin: 10px 0 0 0;
	padding: 0px;
}
#content #maincontent #maincontent_left p#chris_janet {
	text-align: center;
	font-size: 1.0em;
	/*width: 130px;*/
	margin: 0px;
	padding-right: 10px;
	/*float:right;*/
}
#content #maincontent #maincontent_left img#cj{
/*float:left;*/
	margin: 0px;
	padding: 0px;
}
#content #maincontent #maincontent_left img#tga{
clear:both;
float:left;
	margin: 0px;
	padding: 0px;
}

/*#content #maincontent */
#content #maincontent #maincontent_left h2{
	text-align: center;
	font-style: italic;
	margin-top: 0px;
	padding-top: 0px;
}
#content #maincontent #maincontent_right {
	float: right;
	width: 55%;
	min-height: 400px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 5px;
	background-image: url(../images/notes4_1.jpg);
	background-repeat: no-repeat;
}

#content #maincontent #maincontent_right h2{
	color: #006600;
	font-weight: bolder;
	text-decoration: underline;
	font-size: 1.8em;
	width: 220px;
	float:left;
	line-height: 22px;	
	margin-top: 0px;
	padding-top: 0px;
}
#content #maincontent #maincontent_right p{
	width: 210px;
	float:left;
	font-weight: bold;
	color: #003300;
}
#content #maincontent #maincontent_right form{
	width: 210px;
	float:left;
	
}
#content #maincontent #maincontent_right form select{

}
#maincontent_right #trade_user_link {
float: right;
margin-right: 20px;
}

/*#content #maincontent img {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}       */
#testimonials #testimonials_left{
clear: both;
float:left;
width: 45%;
min-height: 50px;
}
#testimonials #testimonials_right{

float:right;
width: 45%;
min-height: 50px;
}


#testimonials .testimonials_left{
clear: both;
float:left;
width: 45%;
min-height: 50px;
}
#testimonials .testimonials_right{

float:right;
width: 45%;
min-height: 50px;
}



#testimonials {
clear: both;
float:left;
margin-top: 300px;
width: 100%;
}
#testimonials h3{
min-height: 30px;
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight:bold;

}
.smallcategorycell {
	float: left;
	clear: both;
	min-height: 85px;
	width: 118px;
	border: none;
	margin-top: 3px;
	margin-left: 3px;
	margin-top: 3px;
	margin-left: 3px;
	
	text-align: center;
	color: #666666;
	
}
.smallcatimage {
float: left;
min-height: 60px;
width: 95%;
	border: none;
	margin: 0px;
	margin-bottom: 5px;
}
#content #maincontent h2,
#content #pagecontent h2,
#content #logininfo h2,
#content #prodlist #productslist h2,
#content h2.pagetitle {
	font-size: 1.8em;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#content #prodlist #productslist form .prodspec .proddetails h2 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #333333;
  border: none;	
}

#content #pagecontent {
  float: left;
  width: 100%;
  height: 100%;
  /*padding-left: 10px; */
  /*padding-right: 10px;*/  
}

#content #pagecontent h2,
#content #logininfo h2 {
  margin-left: 0;
  margin-bottom: 20px;
  margin-right: 0;
}

#content .notices {
  background-color: #FFF;
  width: 310px;
  float: right;
  background-image: url('../images/turftips_head.jpg');
  background-repeat: no-repeat;
  border-left: 1px solid #FDE988;
  border-right: 1px solid #FDE988;
  margin-top: 20px;
}

#content a img#noticeimg,
#content a#logincalltoimg img {
  float: right;
  margin-right: 5px;
}

#content a#logincalltoimg img {
  margin-top: 10px;
}

#content #noticebottom {
  height: 40px;
  background-image: url('../images/turftips_bottom.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  width: 310px;
  float: right;
  border-left: 1px solid #FDE988;
  border-right: 1px solid #FDE988;
}

#content .notices p {
  color: #000;
  padding-left: 10px;
}

#content .notices h2,
#content .notices h3 {
  /*background-color: #006633;*/
  /*color: #FFF; */ 
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}

#content .notices h2 {
  color: #FFF;
  padding-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  padding-top: 5px;
}

#content #prodlist #productslist {
  /*margin-left: 20px;*/
/*  margin-right: 20px;*/
  background-color: #FFF;
  /*border: 2px solid #6B8441;*/
  padding-bottom: 10px;
  float: left;
  display: inline;
  width: 73%;
}

#content #logininfo {
/*  margin-left: 20px;*/
  margin-right: 20px;
  padding-bottom: 10px;  
}

#content #prodlist #productslist img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
} 
#contentbase {
  background-image: url(../images/contentbase.jpg); 
  background-position: bottom;
  min-height: 35px;
  background-repeat: repeat-x;
  /*border-top:2px solid #F49E3C;*/
  width: 100%;
  /*height: 100%;*/
} 
#contentbase_homepage {
clear:inherit;
  background-image: url(../images/contentbase_homepage.jpg); 
  background-position: bottom;
  min-height: 215px;
  height: 215px;
  background-repeat: repeat-x;
  margin-top:20px;
  /*padding-top: 300px;*/
  /*border-top:2px solid #F49E3C;*/
  
  width: 100%;
  /*z-index: 3;*/
  /*height: 100%;*/
}           
.button,
.updbutton {
  display: block;
  position: relative;
  left: 10px; 
  top: 31px;
  padding-top: 4px;
  padding-bottom: 3px;
  font-weight: bold;
/*  background-color: #006633;*/
  background-color: #006600;
  text-align: center;
  color: #FFF;
/*  border-top: 3px solid #6B8441;
  border-left: 2px solid #6B8441;
  border-bottom: 3px solid #C0FFC0;
  border-right: 3px solid #C0FFC0; */
  border-top: 3px solid #FFFF00;
  border-left: 2px solid #B7B700;
  border-bottom: 3px solid #B7B700;
  border-right: 3px solid #FFFF00;
  clear: left;
}

.button {
  width: 100px;
}

.button:hover,
.updbutton:hover {
  background-color: #00A600;
}



#content #prodlist #productslist a.logoutLink:hover,
#content #prodlist a.logoutLink:hover,
#cartsummain a:hover {
  background-color: #00A600; 
  text-decoration: none;
}

#footer {
	background-image: url(../images/turfonline_footer.jpg);
	background-position: bottom;
	min-height: 135px;
	background-repeat: repeat-x;
	width: 100%;
	height: 135px;
	/*text-indent: 2em;*/
  /*padding-bottom: 10px;*/}

#footer p#copyright {
/*  float: left;*/
  text-align: center;
  clear: both;
  font-size: 1.2em;
  font-weight: bold;
  width: 100%;
  display: block;
  color: #FFF;
  padding-bottom: 0px;
}

#footer p#copyright a {
  color: #333333;
  }

#footer img {
  margin-top: 10px;
}

.leftfootimg {
  float: left;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 30px;
  padding-bottom: 50px;
}

/*.rightfootimg {
  float: right;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
}    */


.separator {
  clear: both;
  border-bottom: 1px solid #F49E3C;
  height: 10px;
  margin: 0 10px 0 0;
}

.separatorInvisible {
  clear: both;
  height: 1px;
}

.clearFix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*#productslist {
  float: left;
  width: 75%;
}  */

.prodspec {
  clear: both;
  margin-top: 10px;
  height: 100%; 
  width: 100%; 
}

.prodspec img {
  float: left; 
  margin-top: 10px;
/*  margin-left: 10px;*/
  
}

.prodspec .proddetails {
  float: left;
  width: 80%; 
}

#loginbox {
  float: left;
  margin-top: 10px;
}

#logininfotext {
  float: right;
  width: 400px;
  font-size: 1em;
  font-weight: bold;
  /*color: #005800;*/
/*  background-color: #FFF;
  border: 2px solid #6B8441;*/
  padding: 10px;
  /*margin-top: 10px;*/
  margin-right: 60px;
  text-align: justify;
}

#logininfotext p a {
  color: #333333;
}

.updateqtybox {
  display: block;
  width: 40px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.updateqtylabel {
  float: left;
}

#cartsummary {
  width: 200px;
  float: right;
  display: inline;
  margin-right: 10px;
}

#cartsumhead {
/*  background-image: url(../images/cartsumhead.jpg);*/
  background-image: url(../images/wheelbarrow_top.jpg);
  background-repeat: no-repeat;
/*  min-height: 20px;*/
/*  padding-top: 10px;*/
  padding-left: 10px;
  padding-right: 10px;
  color: #FFF;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  height: 59px;
   
}

#cartsumhead h2 {
  font-size: 1.2em;
  color: #008040;
  padding-top: 35px;
  margin: 0;
  padding-right: 20px;
  
}

#cartsummain {
/*  background-image: url(../images/cartsummain.jpg);*/
  background-image: url(../images/wheelbarrow_bottom.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 2em 40px 150px 20px;
}

#cartsummain p {
  line-height: 1.2em;
	font-size: 1.1em;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #003300;
}

#cartsumtotal {
  border-top: 1px solid #000;
  display: block;
  font-weight: bold;
}


#contacttext,
#contactsubmit,
.contactlabel {
  clear: both; 
  float: left;
  /*margin-left: 50px;*/
}    

.contactinput,
.contactselect {
  display: block; 
  float: left;
  margin-right: 200px;
  /*clear: left*/; 
/*  margin-left: 350px; */
}

.contactselect {
  margin-bottom: 10px;
  width: 10%;
  /*margin-right: 400px;*/
}

.contactlabel {
  padding-top: 3px;
  width: 25%;
}

.contactinput,
#contacttext {
  margin-bottom: 10px;
}

#contacttext {
  width: 600px;
}

.gallery {
  /*border-top: 1px solid #F49E3C;*/
  float: left;
  width: 100%;
}

.imgcapt {
  float: left;
  margin-right: 10px;
  text-align: center;
  color: #005800;
  font-weight: bold;
/*  border: 1px solid #F49E3C;*/
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
/*  background-image: url(../images/testimonial_headers.jpg);
  background-repeat: repeat-y;   */
} 

#content input.rightbutton {
  float: right;
}

/* ---------- 3. links and navigation ---------- */

a {
  color: #005800;
  text-decoration: none;
}
    
a:hover {
  text-decoration: underline;
}

#navigation {
  /*height: 3em;*/
}   

#navigation ul {
  list-style: none;
  clear: both;
  float: right;
  background-color: transparent;
  width: 53%;
  padding-top: 1px; 
  padding-bottom: 5px;
  height: 3em;

}

#navigation li {
  float: left;
  display: block;
  padding: 5px 4px;
  /*border-right: 1px solid #FFF;*/
}

#navigation li a {
  text-decoration: none; 
  color: #003300;
  font-weight: bold; 
  font-size: 1.3em; 
}

#navigation li a:hover {
  text-decoration: underline;
}  


#navigation a {
}

#navigation a:hover {
}

#navigation IMG {
  clear: both;
  float: right;
  background-color: transparent;
 
  margin-top:-15px;
  margin-left:0px;
  margin-right:290px;
  margin-bottom:-0px;
  padding-top: 0px; 
  padding-bottom: 0px;

}

.prodspec .proddetails h2 {
  color: #333333;
}

#content a.singleLineLink,
#content #prodlist #productslist a.logoutLink,
#content #prodlist a.logoutLink {
  display: block;
  font-size: 1.2em;
  padding-top: 5px;
  clear: both;
} 

#content #prodlist #productslist a.logoutLink,
#content #prodlist a.logoutLink {
  position: relative;
  left: 750px;
  padding-bottom: 5px;
  font-weight: bold;
  background-color: #FF5300;
  width: 100px;
  text-align: center;
  color: #333333;

}

#content #prodlist #productslist a.logoutLink {
	float: left;
}

#content #prodlist a.logoutLink {
  left: 0px;
  margin-left: 10px;
/*  color: red;*/
}

form .prodspec .proddetails a.addtocartLink,
input.addtocartLink,
#cartsummain a {
  display: inline;
  /*color: #fff;*/
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  float: right;
  font-size: 1em;
  font-weight: bold;
  /*background-color: #FF5300;*/

}

#cartsummain a {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1px;
  padding-right: 1px;
  float: none;
  clear: both;
  display: block;
  font-size: 1.1em;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #FF5300;
  color: #FFF;
}


#productmenu {
  clear: both;
  /*margin-top: 17px;*/
  float: left;
  height: 100%;
  width: 960px;
  background-image: url(../images/turfland_back_top.jpg);
  text-align: center;  
}

#productmenu ul {
  /*display: block;*/
/*  list-style: none;*/
/*  margin-bottom: 20px;*/
  text-align: center;
  /*margin-left: auto;
  margin-right: auto;*/
  height: 4em;
  margin: 0 auto;
/*  width: 800px;*/
  /*clear: both; */
/*  background-image: url(../images/turfland_back_top.jpg);*/
}

#productmenu li {
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 3em;
  font-size: 1.2em;
  display: inline;        /* use instead of float: left, but need to ensure #productmenu ul li a is not set to display: block*/
}

#productmenu ul li a {
/*  display: block;*/
  /*padding: 2px;*/
/*  padding-top: 10px;*/
  color: White;
  font-weight: bold;
}

#productmenu ul li a:hover {
  /*background-color: #008040;*/
  color: #FFF;
  text-decoration: underline;
}

#productmenu ul li a:active {
  background-color: #C0FFC0;
}

#productmenu ul li#lastitem {
  border-right: none;
}

.remove {
  text-align: center;
}

a.speclink {
  float: left;
  margin-top: 10px;
  clear: left;
  font-weight: bold;
}

/* ---------- 4. fonts ---------- */

html {
  font-size: 100%;
}

body {
  font-size: 67.5%;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  /*font-weight: bold;*/
}

h1, h2, h3, h4, p, ul {

}

h1 {
}

h2 {
  padding-top: 10px;
/*  margin-left: 10px;*/
/*  margin-right: 10px;*/
  font-size: 1.5em;
}

h3 {
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.3em;
}
    
h4 {
}

p {
  font-size: 1.2em;
  line-height: 1.5em;
}

ul {
}

blockquote {
}

.boldText {
  font-weight: bold;
}

.error {
  color: #FF0000;
  margin-left: 240px;
  margin-bottom: 5px;
  clear: left;
  font-weight: bold;
  
}

#category {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.5em;
  color: #008040;
  font-weight: bold;
  /*width: 550px;*/
  border-bottom: 1px solid #008040;
  text-align: center;
}

.postcodeprompt {
  display: block;
  width: 300px;
  /*background-color: #FFF;*/
  background-image: url('../images/infobox_back.jpg');
  background-repeat: repeat-x;
  border: 1px solid #F49E3C;
  float: left;
  clear: left;
/*  margin-left: 10px;*/
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2em;
}

.superscript {
  position: relative;
  top: -3px;
  font-size: 0.8em;
}

#content #pagecontent p.quoteprods {
  padding: 0 0 0 10px;
  font-weight: bold;
}

h3.history {
  margin: 0;
}

.gallery p {
  clear: left;
}

.gallery h3,
#prodinfo h3 {
  margin-left: 0;
}

h3.testimonials {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 5px;
  padding-bottom: 10px;
  color: #FFF;
/*  background-color: #F49E3C;*/
  background-image: url(../images/testimonial_headers.jpg);
  border-bottom: 1px solid #F49E3C;
}

#cartsummain p#basketwarning {
  background-color: #F49E3C;
  color: #FFF;
  margin-left: 10px;
/*  margin-right: 5px;*/
  padding-left: 5px;
  padding-right: 5px;
}



/* ---------- 5. images ---------- */

a img {
  border: 0;
}

.imgleft {
  float: left;
  padding: 10px 30px 10px 0;
}

.imgright {
  float: right;
  padding: 10px 0 10px 30px;
}

.gallery img,
img.newsimg{
  float: left;
  padding-right: 20px;
  padding-bottom: 5px;
}

.gallery img {
  padding-top: 20px; 
}

.gallery div span.caption {
  float: left;
  /*clear: left;*/
}

.gallery img caption {
  float: left;
}

/*#prodinfo img {
  float: right;
  padding-left: 20px;
}    */
    
/* ---------- 6. tables ---------- */

table {
  border: 1px solid #000;
/*  margin-left: 10px;*/
  margin-right: 10px;
  margin-top: 10px;
  width: 900px;
  font-size: 1.2em;
  background-color: #FFF;
}
   
caption {
}
    
tr {
  border: 1px solid #000;
}

tr.evens {
  background-color: #EEEA91;
}

tr.evens td {
/*  border: 1px solid #CCFFCC;*/
}

th, td {
  border: none;
/*  vertical-align: middle;*/
}

.tabletotal {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
}

th {
/*  background-color: #008040;*/
  background-image: url(../images/turfland_back_top.jpg);
  color: #FFF;
  height: 2em;
}

th.alcentre, 
td.alcentre {
  text-align: center;
}

td.prodimg {
  width: 50px;
}
    
th.alleft,
td.alleft {
  text-align: left;
  padding-left: 10px;
}

td.alleft {
  width: 180px;
}

th.alright,
td.alright {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
}

#content table tbody tr td img {
  width: 46px;
  height: 46px; 
  padding: 2px;
  padding-left: 10px; 
}
    
td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.addresses table {
  border: none;            
}

.addresses td {
  padding-top: 0;
  padding-bottom: 0;
/*  width: 400px;*/
}

.addresses td.h3 {
  width: 150px; 
}

/*.addresses input.text {
  width: 400px;
}  */   

/*.addresses td.inputcell {
  width: 400px;
}   */


/* ---------- 7. forms ---------- */  
    
form {
}


.postcodeprompt form select {
  margin-left: 10px;
  float: left;
}

.postcodeprompt form input {
  float: right;
  margin-right: 10px;
}

#delivery form select {
  float: left;
/*  margin-left: 10px;*/
  margin-bottom: 10px;
}

#delivery form input {
  float: right;
/*  clear: left;*/
  margin-right: 10px;
/*  margin-top: 10px;*/
}

.formqtybox {
  display: block;
  width: 60px;
  /*float: left;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.updatebtn {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  
/*  padding-top: 4px;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 0.9em;;
  background-color: #006600;
  color: #FFF;
  border-top: 3px solid #FFFF00;
  border-left: 2px solid #B7B700;
  border-bottom: 3px solid #B7B700;
  border-right: 3px solid #FFFF00;   */
  
}

form p
 {
  clear: left;
}

a.backto {
  float: left;
  clear: left;
/*  padding-top: 10px;*/
/*  margin-left: 10px;*/
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}

.boolean {
  width: 70px;
}

#content #pagecontent form p.error,
#content #delivery_option_layer p.error {
  padding: 0;
  margin: 0;
/*  padding-left: 10px;*/
/*  margin-left: 10px;*/
}

#content #pagecontent p.confemail {
  margin-top: 10px;
  font-weight: bold;
}

#content p.cleartext {
  margin-top: 20px;
}

#content p.clearleft {
  clear: left;
}

#content #pagecontent form.quoteform,
#content #pagecontent form.whereform {
  /*padding-left: 10px;*/
  display: inline;
}

#content #pagecontent form.whereform {
  float: left;
}

#content #pagecontent form.whereform
{
  width: 45%;
}

#content #pagecontent form#orderform {
  width: 99%;
}

#content #pagecontent form#orderform input {
  /*clear: both;*/
  float: right;
  padding: 5px;
  font-size: 1.2em;
}

#content #pagecontent p.quoteaddress {
  padding: 0 0 0 10px;  
}

#content #pagecontent p.quotedetails {
  /*float: right;*/ 
  clear: right;
/*  width: 79%;*/
  padding: 0; 
  height: 100%; 
  margin-bottom: 10px;
}

#content #pagecontent h3 {
  margin-left: 0;
  margin-bottom: 5px;
}

#content #pagecontent h4 {
  margin-left: 0;
  margin-bottom: 5px;
  float: left;
  clear: left;
  width: 20%;
  height: 100%;
  font-size: 1.2em;
}

#content #pagecontent input.submitbutton {
/*  float: left;*/
  display: block;
  clear: left;
  margin: 30px auto 20px auto;
}

#content #pagecontent #extra_delivery {
  clear: both;
  height: 100%;
}

/*#content #pagecontent form.quoteform input.contactinput,
#content #pagecontent form.whereform input {
  margin-left: 10px;
}*/

.addresses {
  clear: left;
}

.addresses h3 {
  margin-left: 0;
  margin-bottom: 10px;
}

.addresses span.h3 {
  width: 150px;
  display: block;
  float: left;
  font-size: 1.2em;
}

.addresses input.manualbutton {
  float: left;
  width: 20em;
}

.addresses .textareas {
  height: 100px;
}

#home_bullets{
font-size:1.1em;
text-align:left;
margin-top:5px;
}

#home_bullets STRONG{
font-size:1.1em;
}

#home_bullets UL{
margin-top:5px;
margin-left:5px;
list-style:none;
}

#home_bullets LI{
	
	float:left;
	width:130px;
	margin-bottom:7px;
	margin-left:5px;
	padding-top:2px;
}

.bullet_point{
	clear:both;	
	float:left;
	margin-bottom:7px;
	width:18px;
	height:17px;
}

#ban_exempt {
	float:right;
	width:230px;
}

#ban_exempt A{
	font-size:15px;
	text-decoration:underline;
}