/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*  Mr Fothergills
/*  Copyright 2007
/*
/*  Cascading Style Sheet
/*
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Rob Holmes (Bluhalo)
/* ---------------------------------------------------------------------- */


/* RESETING */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
table { border-collapse:collapse; }

body {
  margin:0; padding:0;
  font: 67.5% Arial, Verdana, sans-serif;
}

/* ###################################### */
/*  ELEMENT STYLING
/* ###################################### */

  h1              { font-size:200%; }
  h2              { font-size:200%; }
  h3              { font-size:160%; }
  h4              { font-size:110%; }
  h5              { font-size:100%; color:#4d8b07; }

  h1,h2,h3,h4     { text-transform:uppercase; }

  p               { padding:0 0 0.6em; }

  td              { font-size:100%; }

  a, a:link, a:visited { text-decoration:none; outline:none; color:#4d8b07; }
  a:hover         { text-decoration:underline; }

  /* General */
  .clear          { clear:both; }
  .left           { float:left; }
  .right          { float:right; }
  .textcenter     { text-align:center; }
  .textcenter *   { float:none; }

  .dark						{ color:#000; }

  .hidden         { position:absolute; top:-9999px; }

/* ###################################### */
/*  FORM STYLING
/* ###################################### */

  input, select, textarea
                    { font:100% Arial, Verdana, sans-serif; }

  fieldset          { margin: 10px 0 0; padding: 0; border: 0; }
  legend            {	display: none; }

  label.field       { float: left; margin: 2px 10px 0 0; width: 120px; }

  label             { float: left; width: 130px; margin-bottom: 10px; }
  .halfbox label,
  .col2 label       { float: left; width: 90px; margin-bottom: 10px; }
  input, textarea, select
                    { float: left; }

  input.element,
  textarea          { margin: 2px 10px 0 0; width: 250px; display:inline; }
  textarea          { height: 12em; }

  input.element.small { width:50px; }

  .indent           { margin-left: 130px !important; }
  .halfbox .indent,
  .col2 .indent     { margin-left: 90px; }

  .submit           { margin:10px 0 0 90px; clear:both; display:inline; }
  .inline           { margin:0 0 0 12px !important; clear:none !important; display:inline; width:auto; }
  .submit.inline.left   { margin:0 0 0 14px !important; }
  .submit.inline.right  { margin:0 14px 0 0 !important; }
  .submit.adjust_margin { margin-top:0; }

  fieldset p        { margin: 0; padding-top:0 !important; clear: both; }

/* ###################################### */
/*  BASIC PAGE LAYOUT
/* ###################################### */

  body {
    background: #d6e9b0 url(/images/bg_tile.gif) center top repeat-y;
  }
  #container {
	height: 100%;
	width: 100%;
	min-width: 946px;
	background: transparent url(/images/bg_body.jpg) no-repeat 50% 0;
  }
  #page_wrap {
    width:100%;
  }
  #page {
    margin:0px auto;
    width:946px;
    padding:0 0 0 10px;
    overflow:hidden;
  }

/* ###################################### */
/*  HEADER
/* ###################################### */

  #header {
    width:956px; height:172px;
    margin:0 auto;
    /*background: url(/images/bg_header.jpg) center top no-repeat;*/
  }
    #header a#logo {
      float:left;
      margin: 0 0 0 30px;
    }
	#header .strapline {
		width: 269px;
		float: left;
		height: 40px;
		margin: 32px 0 0 32px;
	}

    #header #loginbar {
      float:right;
      width:166px; height:33px;
      padding:5px 0 0 21px;
      background: url(/images/bg_loginbar.gif) top left no-repeat;
      text-indent:-9999px;
    }
      #header #loginbar a {
        float:left;
        outline:none;
      }
      #header #loginbar a.login {
        width:70px; height:21px;
        margin-right:3px; display:inline;
        background: url(/images/button/login.gif) top left no-repeat;
      }
      #header #loginbar a.logout {
        width:70px; height:21px;
        margin-right:3px; display:inline;
        background: url(/images/button/logout.gif) top left no-repeat;
      }
      #header #loginbar a.register {
        width:79px; height:21px;
        background: url(/images/button/register.gif) top left no-repeat;
      }
      
      #header #loginbar a.myaccount {
        width:79px; height:21px;
        background: url(/images/button/my_account.gif) top left no-repeat;
      }


    #header #searchbar {
      float:left;
      width:913px; height:26px;
      padding: 7px 11px;
      margin:0 0 0 11px; display:inline;
      background: url(/images/bg_searchbar.gif) top left no-repeat;
    }
      #header #searchbar fieldset { margin-top:0; display: inline;}
      #header #searchbar input {
        float:none; clear:none;
        margin:2px 3px 0 0; display:inline;
        vertical-align:middle;
      }
      #header #searchbar input.query {
        width:186px; height:16px;
        padding:2px 10px;
        margin-top:1px;
        border:0px;
        background: url(/images/bg_search.gif) 0px 0px no-repeat;
      }
        #header #searchbar input.query.focus {
          background-position: 0px -20px;
        }

/* ###################################### */
/*  FOOTER
/* ###################################### */

  #footer {
    float:left;
    clear:both;
    width:956px;
    margin-left:-10px;
    padding:20px 0;
  }
    #footer p {
      text-align:center;
    }
      #footer p.contact_info,
      #footer p.contact_info a { color:#4d8b07; }

      #footer p.copyright,
      #footer p.copyright a { color:#b8b7b7; }

      #footer a { text-decoration:underline; color:#000000; }
      #footer a:hover { text-decoration:none; }


/* ###################################### */
/*  NAVIGATION
/* ###################################### */

  #nav_top {
    float:right;
    width:757px; height:29px;
    padding:23px 0 0 11px;
    margin:6px 0 0 0; display:inline;
    list-style:none;
	position:relative;
  }
    #nav_top li {
      float:left;
      width:80px; height:29px;
      margin-right:1px; display:inline;
	  text-indent:-9999px;
    }
      #nav_top li a {
        float:left;
        width:80px; height:29px;
        outline:none;
        background: url(/images/button/nav_top.gif) 0px 0px no-repeat;
		
      }
        #nav_top li.flwr_seeds a          { background-position:0px 0px; }
        #nav_top li.flwr_seeds a:hover    { background-position:0px -29px; height:29px;}
        #nav_top li.flwr_seeds a.current  { background-position:0px -29px; }
		
		#nav_top li.flwr_plants a         { background-position:-81px 0px; }
        #nav_top li.flwr_plants a:hover   { background-position:-81px -29px; height:29px;}
        #nav_top li.flwr_plants a.current { background-position:-81px -29px; }
		
		#nav_top li.flwr_bulbs a         { background-position:-162px 0px; }
        #nav_top li.flwr_bulbs a:hover   { background-position:-162px -29px; height:29px;}
        #nav_top li.flwr_bulbs a.current { background-position:-162px -29px; }
		
        #nav_top li.veg_seeds a          { background-position:-243px 0px; }
        #nav_top li.veg_seeds a:hover    { background-position:-243px -29px; height:29px;}
        #nav_top li.veg_seeds a.current  { background-position:-243px -29px; }
		
        #nav_top li.veg_plants a         { background-position:-324px 0px; }
        #nav_top li.veg_plants a:hover   { background-position:-324px -29px; height:29px;}
        #nav_top li.veg_plants a.current { background-position:-324px -29px; }
		
        #nav_top li.fruit a               { background-position:-405px 0px; }
        #nav_top li.fruit a:hover         { background-position:-405px -29px; height:29px;}
        #nav_top li.fruit a.current       { background-position:-405px -29px; }
		
        #nav_top li.potatoes a            { background-position:-486px 0px; }
        #nav_top li.potatoes a:hover      { background-position:-486px -29px; height:29px;}
        #nav_top li.potatoes a.current    { background-position:-4860px -29px; }
		
		#nav_top li.onions a            { background-position:-567px 0px; }
        #nav_top li.onions a:hover      { background-position:-567px -29px; height:29px;}
        #nav_top li.onions a.current    { background-position:-567px -29px; }
		
		#nav_top li.garden_equip a            { background-position:-648px 0px; }
        #nav_top li.garden_equip a:hover      { background-position:-648px -29px; height:29px;}
        #nav_top li.garden_equip a.current    { background-position:-648px -29px; }
		
		
  #nav_side {
    float:left;
    width:175px;
    padding-bottom:14px;
  }
    ul#nav_side {
			margin: 0;
			padding: 0 0 10px 0;
			background: url(/images/nav_side_bottom.gif) bottom left no-repeat;
		}
	    ul#nav_side li {
	    list-style:none;
	    background: url(/images/nav_side_bg.gif);
	    }
	    	ul#nav_side li a {
	        display:block;
	        margin:0 auto;
	        width:143px;
	        padding:4px 11px;
	        border-top:1px dotted #000;
	        font-size:110%;
	        color:#000;
	        text-decoration:none;
	      }
	      	ul#nav_side li li a {
	      		width:123px;
	        	padding:4px 21px;
	        	font-size:100%;
	        	color:#2f2f2f;
	      	}
	      ul#nav_side li a:hover,
	      ul#nav_side li .current {
	        font-weight:bold;
	        color:#fff;
	        background: url(/images/nav_side_selected.jpg) left center no-repeat;
	        text-decoration: none;
	      }
		      ul#nav_side li li a:hover,
		      ul#nav_side li li .current {
		        font-weight: normal;
		        color:#2f2f2f;
		      }
		ul#nav_side li.red a {
			color: red;
		}

/* ###################################### */
/*  CONTENT LAYOUT
/* ###################################### */

  .side_column {
    float:left;
    width:175px;
  }
    .side_column p { text-align:center; }
    .side_column p img { margin-bottom:-2px; }

  .content {
    float:left;
    width:587px;
    padding:4px 0 0 3px;
    margin:6px 0 0;
  }

  .banner {
    margin-left:3px; display:inline;
  }

/* ###################################### */
/*  BOXES
/* ###################################### */

.cta {
	float: left;
	width: 580px;
}
	.cta.martop {
		margin: 10px 0 0 0;
	}
	.cta.marbottom {
		margin: 10px 0 10px 0;
	}
	.cta_block {
		float: left;
		width: 283px;
	}
		.cta_block.marleft {
			margin: 0 0 0 11px;
		}
	.cta_block .cta_top {
		padding: 7px 0 0 12px;
		float: left;
	}
		.cta_block .cta_top h4 {
			color: #ffffff;
		}
	.cta_block .cta_top.green {
		background: url(/images/cta_green.gif) top left no-repeat;
		width: 271px;
		height: 23px;
	}
	.cta_block .cta_top.blue {
		background: url(/images/cta_blue.gif) top left no-repeat;
		width: 271px;
		height: 23px;
	}
	.cta_block .cta_top.maroon {
		background: url(/images/cta_maroon.gif) top left no-repeat;
		width: 271px;
		height: 23px;
	}
	.cta_block .cta_top.orange {
		background: url(/images/cta_orange.gif) top left no-repeat;
		width: 271px;
		height: 23px;
	}
	.cta_block .cta_title h2 {
		color: #ffffff;
		font-size: 1.6em;
	}
        .cta_block .cta_title h1 {
                color: #ffffff;
                font-size: 1.6em;
        }


	.cta_block .cta_title {
		padding: 10px 0 0 14px;
		width: 269px;
		height: 217px;
	}
		.cta_block .cta_title.short{
			height: 105px;
		}
	.cta_block .cta_title span {
		color: #fff;
		font-size: 2.0em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.cta_block .cta_details {
		padding: 10px 0 0 0;
		float: left;
	}
		.cta_block .cta_details .summary {
			width: 175px;
			float: left;
			padding: 0 0 0 3px;
		}
		.cta_block .cta_details .button {
			width: 99px;
			float: right;
			padding: 3px 0 0 0;
		}
		.cta_block .cta_details .summary .title {
			padding: 10px 0 0 0;
			clear: both;
			color: #4d8b07;
			font-size: 1.4em;
		} 

  .sidetop {
    float:left;
    width:131px; height:21px;
    padding:11px 28px 0 16px;
  }
    .sidetop h4 { color:#FFFFFF; text-transform:uppercase; /*height:16px;*/ }
    .sidetop.green      { background: url(/images/sidetop_green.gif) top left no-repeat; }
    .sidetop.black      { background: url(/images/sidetop_black.gif) top left no-repeat; }
	.advert_space {
		margin-bottom: 5px;
		float: left;
	}
  .sidebox {
    float:left;
    width:143px;
    padding:16px;
    background: url(/images/sidebox.gif) bottom left no-repeat;
  }
    .sidebox.basket p {
      text-align:center;
    }
    .sidebox.signup {
      text-align:center;
      padding:0;
      background: url(/images/bg_signup.jpg) top left no-repeat;
	  height: 178px;
	  width: 175px;
    }
      #signup fieldset { margin-top: 108px; }
      #signup input.signup {
        width:137px; height:16px;
		 margin-left: 10px;
        padding:2px 10px;
        margin-top:8px;
        border:0px;
        background: url(/images/bg_signup.gif) 0px 0px no-repeat;
      }
        #signup input.signup.focus {
          background-position: -157px 0;
        }
      #signup input.submit {
        margin:10px 0 0;
        float:none;
      }

  .smallbox {
    float:left;
    width:143px;
    margin-right:3px; display:inline;
  }
    .smallbox .top {
      float:left;
      width:99px; height:21px;
      padding:11px 28px 0 16px;
      overflow:hidden;
    }
      .smallbox .top h4 { color:#FFFFFF; text-transform:uppercase; /*height:16px;*/ }
      .smallbox .top.green     { background: url(/images/smalltop_green.gif) top left no-repeat; }
      .smallbox .top.darkgreen { background: url(/images/smalltop_darkgreen.gif) top left no-repeat; }
      .smallbox .top.blue      { background: url(/images/smalltop_blue.gif) top left no-repeat; }
      .smallbox .top.purple    { background: url(/images/smalltop_purple.gif) top left no-repeat; }

  .top img {
    float:right;
  }
  .top h2,
  .top h4, .top h1 {
    color:#fff;
  }

  .mediumbox {
    float:left;
    width:244px;
    padding:0 0 10px;
    background: url(/images/bg_mediumbox.gif) bottom left no-repeat;
  }
    .mediumbox .top {
      float:left;
      width:228px; height:45px;
      padding:0 0 0 16px;
      overflow:hidden;
    }
      .mediumbox .top h2, .mediumbox .top h1 {
        color:#FFFFFF;
        text-transform:uppercase;
        width:182px;
        margin-top:12px;
      }
      .mediumbox .top.green     { background: url(/images/mediumtop_green.gif) bottom left no-repeat; }

  .largebox {
    float:left;
    width:339px;
    padding:0 0 10px;
    margin-right:2px; display:inline;
    background: url(/images/bg_largebox.gif) bottom left no-repeat;
  }
    .largebox .top {
      float:left;
      width:323px; height:45px;
      padding:0 0 0 16px;
      overflow:hidden;
    }
      .largebox .top h2, .largebox .top h1 {
        color:#FFFFFF;
        text-transform:uppercase;
        width:278px;
        margin-top:12px;
      }
      .largebox .top.green     { background: url(/images/largetop_green.gif) bottom left no-repeat; }

  .articlebox li,
  .copybox li {
    margin-left: 30px;
    }

.answer {
  padding-left: 20px;
  }

  .articlebox,
  .copybox {
    float:left;
    width:582px;
    padding:0 0 10px;
    margin: 0 2px 0 0;
    display:inline;
    background: url(/images/bg_articlebox.gif) bottom left no-repeat;
  }
	.copybox,
	.articlebox.catalogue.atoz {
		background: url(/images/bg_copybox.gif) bottom left no-repeat;
	}
		.child {
		  margin-top:10px;
		}
    .articlebox .top,
    .copybox .top {
      float:left;
      width:566px;
      height:17px;
      padding:0 0 0 16px;
      overflow:hidden;
      background: url(/images/bg_copybox_top.gif) 0px 1px no-repeat;
    }
      .articlebox .top h2,
      .copybox .top h2 ,
      .articlebox .top h1,
      .copybox .top h1{
        color:#FFFFFF;
        text-transform:uppercase;
        width:90%;
        margin-top:12px;
      }
      .articlebox .top h2.long,
      .copybox .top h2.long, .articlebox .top h1.long,
      .copybox .top h1.long { width:500px; }

      .articlebox .top.green,
      .copybox .top.green
      	{ background: url(/images/articletop_green.gif) 0px 1px no-repeat; height:45px !important; }
      .articlebox .top.darkgreen,
      .copybox .top.darkgreen
      	{ background: url(/images/searchtop_green.gif) 0px 1px no-repeat; height:45px; }

    .articlebox .copy,
    .copybox .copy {
      float: left;
      width: 565px;
    	margin: 0;
    	padding: 0 10px 0 0;
    	background: url(/images/bg_copy.gif) top left repeat-y;
    }
    	.articlebox .copy img.thumb,
    	.copybox .copy img.thumb {
    		margin: 10px 0px 6px 6px;
    		border: 2px solid #e5e5e5;
    	}
    	.articlebox .copy img.article,
    	.copybox .copy img.article {
    		margin: 10px 16px 6px 16px;
    		border: 2px solid #e5e5e5;
    		float: left;
    	}
    	.articlebox hr,
    	.copybox hr{
    		border: none;
    		clear: left;
    		visibility: hidden;
    	}
    	.articlebox ul,
    	.copybox ul{
        margin: 10px;
    	}

    	.articlebox .copy img.add,
    	.copybox .copy img.add {
    		margin: 10px 6px 0px 0px;
    	}
    	.customcopy{
    	  width: 570px;
    	  border: none;
    	  clear: both;
    	  float: left;
    	  display: block;
    	  margin: 4px;
    	}
			.customcopy {
				line-height: 1.8em;
				font-size: 1.1em;
			}
      .articlebox .copy.pagination,
      .copybox .copy.pagination {
	    	width: 537px;
	    	height: auto;
	    	background: none !important;
	    	border: none;
	    	padding: 3px 20px;
	    	margin: 10px 2px 0 0; display:inline;
	    }
	    .copy .col1 { float:left; width:550px; padding-left:10px; }
	    .copy .col2 { float:left; width:270px; padding-left:10px; }

  .halfbox {
    float: left;
    width: 289px;
    padding: 0 0 10px;
    margin: 0 2px 0 0;
    display: inline;
    background: url(/images/bg_halfbox.gif) bottom left no-repeat;
  }
  	.halfbox.right {
			float: right;
			padding: 0 9px 10px 0;
		}
		.halfbox.child {
			margin: 10px 0 0;
		}
    .halfbox .top {
      float: left;
      width: 273px;
      height: 32px;
      padding: 0 0 0 16px;
      overflow: hidden;
      background: url(/images/halftop_green.gif) bottom left no-repeat;
    }
      .halfbox .top h4 {
        color:#FFFFFF;
        text-transform:uppercase;
        width:200px;
        margin-top:12px;
      }
    .halfbox .copy {
      float: left;
      width: 279px;
    	margin: 0;
    	padding: 0 10px 0 0;
    	background: url(/images/bg_half.gif) top left repeat-y;
    }
  .tablebox {
    float:left;
    width:582px;
    padding:0 0 10px;
    margin: 0 2px 0 0;
    display:inline;
    background: url(/images/bg_copybox.gif) bottom left no-repeat;
  }
		.tablebox.child {
			margin: 10px 0 0;
		}
	    .tablebox .top {
	      width:575px;
	      height:44px;
	      overflow:hidden;
	      background: url(/images/articletop_green.gif) bottom left no-repeat;
	    }
		   	.tablebox .top table {
		   		width: 571px;
		   		padding: 0 0 0 4px;
		   	}
		    	.tablebox .top th {
			      padding: 6px;
			      color:#FFFFFF;
			      text-transform:uppercase;
			      padding-top:22px;
			    }
			    .tablebox .top th.last {
			      border-right: none;
			    }

    .tablebox .copy {
   		float: left;
   		width:575px;
   		background: url(/images/bg_copy.gif) top left repeat-y;
   	}
	   	.tablebox .copy table {
	   		width: 571px;
	   		margin: 0 0 0 4px;
	   	}
		    .tablebox .copy td {
		      padding: 6px;
		      border-right: 1px dotted #000;
		      border-top: 1px dotted #000;
		    }
		    	.tablebox .copy td.last {
		    		border-right: none;
		    	}
    .tablebox .sub {
    	float: left;
      width:575px;
      background: url(/images/bg_tablebox_sub.gif) top left repeat-y;
    }
	   	.tablebox .sub table {
	   		width: 571px;
	   		padding: 0 0 0 4px;
	   	}
		    .tablebox .sub td {
		      padding: 6px;
			  }
			    .tablebox .top th.last {
			      border-right: none;
			    }
    		.tablebox .sub h5 {
    			color:	#073220;
    			text-transform:uppercase;
    		}
    .tablebox .foot {
    	float: left;
      width:575px;
      height:44px;
      overflow:hidden;
      margin: 0 0 -10px 1px;
      background: url(/images/articlefoot_green.gif) bottom left no-repeat;
    }
	   	.tablebox .sub table {
	   		width: 571px;
	   		padding: 0 0 0 4px;
	   	}
	   		.tablebox .foot td {
		      padding: 6px;
		      color: #FFF;
		    }
			    .tablebox .foot td.foot_title {
			    	font-size: 1.8em;
			    	font-style: italic;
			    	font-weight: bold;
			    }

/* ###################################### */
/*  CATALOGUE
/* ###################################### */

  .catalogue.copybox .top h4 {
    float:left;
    width:320px;
    margin-top:10px;
  }
  .catalogue.copybox .top input {
    float:right;
    width:52px;
    margin:10px 22px 0 0;
  }
  .catalogue.copybox .top.green {
    height:32px;
    margin-bottom:10px;
  }
  .catalogue.copybox a.thumb {
    float:left;
    width:65px; height:65px;
    padding:6px;
    margin:0 0 2px 16px; display:inline;
    background: url(/images/space.gif) top left no-repeat;
   
  }
  .catalogue.product h5,
  .catalogue.product p {
    float:right;
    width:443px;
    padding:4px 30px 0 0 !important;
  }


  .catalogue .copy {
    width:553px;
    padding:0 10px 0 16px;
  }
    .catalogue.atoz .product {
      width:185px;
      margin:0px 0px 0px 0px; 
      vertical-align: top;
    }
    
      .catalogue.atoz .product a.thumb {
        float:left;
        width:176px; 
        height:176px;
        padding:6px;
        margin:0;
        
      }
      .catalogue.atoz .product h5 {
        float:left; clear:left;
        width:181px;
        text-align:center;
        padding:0 2px !important;
      }

    .catalogue .copy h5.product {
      margin:16px 0 10px;
      color:#000;
      font-size:150%;
    }

.catalogue.atoz .product_display {
      border-width:1px;
      border-color: red;
      clear: both;         
   }


.catalogue.atoz .copy {
  padding:0 10px 0 8px;
  width:570px;
  background: url(/images/space.gif) top left no-repeat;
  margin-left: 6px;
}

.catalogue.atoz .product_display h5{
      float: none;   
   }


    .catalogue .copy img.product {
      float:right;
      display:inline;
      width:196px; height:196px;
      padding:7px;
      margin:10px;
      background: url(/images/bg_product_image.gif) top left no-repeat;
    }
    .catalogue .copy input.product {
      margin-top:8px;
    }

    .catalogue p.pad {
      padding:0 16px;
    }
    .catalogue .copy p span.in_stock {
      display:inline;
      padding-right:18px;
      background: url(/images/tick.gif) top right no-repeat;
      color:#4D8B07;
      font-weight:bold;
    }
    .catalogue .copy p span.out_stock {
      padding-right:17px;
      background: url(/images/cross.gif) top right no-repeat;
      color:#E20000;
      font-weight:bold;
    }

.catalogue.atoz table {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #04B404;
	border-collapse: collapse;
	background-color: white;
}
.catalogue.atoz th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #04B404;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
.catalogue.atoz td {
	border-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #04B404;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

.catalogue.atoz .left_td{
	border-left-width: 1px;
	-moz-border-radius: 0px 0px 0px 0px;
}
.catalogue.atoz .top_row td{
	border-top-width: 1px;
	-moz-border-radius: 0px 0px 0px 0px;
}


  .catalogue .copy {
    width:553px;
    padding:0 10px 0 16px;
  }
    .catalogue.atoz .similar .product {
      float:left;
      width:135px;
      margin:2px 2px 4px 0; display:inline;
    }
    .catalogue.atoz .similar .product a.thumb {
      float:left;
      width:121px; height:121px;
      padding:7px;
      margin:0;
      background: url(/images/bg_thumb_atoz.gif) top left no-repeat;
    }
    .catalogue.atoz .similar .product h5 {
      float:left; clear:left;
      width:125px;
      text-align:center;
      padding:0 5px !important;
    }
    
    .similarproduct {
      float:left;
      width:178px;
      height:208px;
      vertical-align: top;
      margin-top: 15px;
    }
    .similarproduct_text {
      float:left;
      vertical-align: top;
      width:176px;
      border: solid 1px #000
      color: #0022A8;
      padding:10px 0px;     
    }


	.articlebox.catalogue.atoz.similar {
		background: url(/images/bg_articlebox.gif) bottom left no-repeat;
	}

.articlebox.catalogue.atoz {
		background: url(/images/space.gif) bottom left no-repeat;
	}

/* ###################################### */
/*  PAGINATION
/* ###################################### */

    .pagination {
    	float: left;
	    width: 537px;
	    height: 30px;
	    padding: 17px 20px 0;
	    margin: 0 2px 0 0;
	    background: url(/images/bg_pagination.gif) top left no-repeat !important;
	    font-weight: bold;
	    color: #04301d;
    }
    .pagination.small_padding { padding:13px 0 0; width:577px; height:34px; }
    .pagination.reset_padding { padding:7px 0 0; width:577px; height:40px; }
   	.pagination a { text-decoration: none; color: #04301d; padding: 0 2px 0; }
    .pagination a:hover { text-decoration:underline; }
    .pagination a.underline { text-decoration: underline; color: #04301d; padding: 0 2px 0; }


/* ###################################### */
/*  CONTENT PADDING
/* ###################################### */

  .content_padding .item {
    float:left;
    padding:10px;
    margin-left:16px; display:inline;
    border-bottom:2px solid #d4d4d4;
  }
    .content_padding .item.last { border:none; }

    .content_padding.mediumbox .item { width:170px; }
    .content_padding.largebox .item { width:280px; }
    .content_padding.articlebox .item { width:525px; }
    .content_padding.copybox .item { width:525px; }

    .content_padding.largebox .item h5,
    .content_padding.largebox .item p,
    .content_padding.largebox .item a {
      float:right;
      width:175px;
    }

    .content_padding.articlebox h5,
    .content_padding.articlebox p,
    .content_padding.copybox h5,
    .content_padding.copybox p,
    .content_padding.copybox table.related {
      padding: 10px 4px 0 17px;
    }
    .content_padding.articlebox p,
    .content_padding.copybox p {
      line-height: 1.7em;
    }

    .content_padding .item a.thumb {
      float:left;
      width:79px; height:79px;
      padding:6px;
      background: url(/images/bg_thumb_news.gif) top left no-repeat;
    }

    .content_padding.halfbox h5,
    .content_padding.halfbox p {
      padding: 10px 4px 0 17px;
    }
    .content_padding.halfbox p {
      line-height: 1.7em;
    }
    
  .related .item {
    float:left;
    width:246px !important;
    padding:8px 8px 3px;
    margin-left:16px; display:inline;
    border:none;
  }
    .related .item h5,
    .related .item p {
      float:left; clear:none;
      width:182px;
      padding:0;
    }
    .related .item fieldset { margin-top:0; }
    .related .item input {
      float:right;
      margin-top:7px;
      background: url(/images/bg_thumb_news.gif) top left no-repeat;
    }


/* ###################################### */
/*  NEW IN
/* ###################################### */

  .new_in .item {
    float:left;
    width:192px;
    padding:8px 8px 3px;
    margin-left:16px; display:inline;
  }
    .new_in .item h5,
    .new_in .item p {
      float:left; clear:none;
      width:132px;
      padding:0;
    }
    .new_in .item fieldset { margin-top:0; }
    .new_in .item input {
      float:right;
      margin-top:7px;
      background: url(/images/bg_thumb_news.gif) top left no-repeat;
    }

/* ###################################### */
/*  QUICK SEARCH
/* ###################################### */

  .quicksearch {
  	padding: 6px 20px 0; //padding: 14px 20px 0;
  }
  .quicksearch fieldset { margin-top:8px; }

  .quicksearch label {
    float:none;
    width:auto;
  }

  .quicksearch input, .quicksearch select {
    float:none; clear:none;
  	display: inline;
		margin:0 3px 0 0;
		vertical-align: middle;
  }
	  .quicksearch input.query {
	    width:162px; height:16px;
	    padding:2px 10px;
	   	margin: 1px 0 0;
	    border:0px;
	    background: url(/images/bg_quicksearch.gif) 0px 0px no-repeat;
	  }
	  .quicksearch select.quickselect {
	    width:182px; height:18px;
	    padding:2px 3px;
	   	margin: 1px 8px 0 0; display:inline;
	    border:0px;
	    background:#fff url(/images/bg_quicksearch.gif) 0px 0px no-repeat;
	  }

/* ###################################### */
/*  SITEMAP
/* ###################################### */

  .sitemap a { color:#000; }
  
  
/* ###################################### */
/*  MESSAGES
/* ###################################### */
  
  .error {
  padding: 10px 20px 10px 20px;
  background:#FFa2a2 none repeat scroll 0% 50%;
  border:1px solid #FF6666;
  margin-bottom: 10px;
  }
  .success {
  padding: 10px 20px 10px 20px;
  background:#91FA9A none repeat scroll 0% 50%;
  border:1px solid #67D471;
  margin-bottom: 10px;
  }

  
  
/* ###################################### */
/*  Special Offers
/* ###################################### */  

#special_offer_products h5 {
 padding:1px 1px 1px 1px; 
}
#special_offer_products td{
 padding:1px 1px 1px 20px;
}

.plant_type_img {
	padding: 0 10px 0 0;
}


.news_thumb{ margin: 10px 10px 10px 0; height: 60px; }

