@charset "utf-8";
/* CSS Document */
#body{ background:url(../images/blue-sky.jpg) no-repeat; font-family:Arial; font-size:11px; font-weight:normal; width:985px;}
#top{ float:left; width:985px;}
#main{ float:left; width:985px; border:none; background:url(../images/bg.gif) repeat-y; padding:0px;}

#left{ float:left; width:130px; background:#f6f6f6; padding:2px;}
#middle{ float:left; width:690px; margin-left:0px;}
.bottom{ width:675px; background:#f6f6f6; margin-top:5px; padding:0px; text-align:center; font-size:12px;}
#right{ float:right; width:150px; background:#f6f6f6; padding:4px;}

.clear{ clear:both;}

  /* Top Section */
.r1{ height:60px; background:url(../images/blue-sky.jpg) no-repeat;}
.r1left{ float:left; width:245px; padding-left:2px;}
.r1right{ float:right; padding:0px 0px 0px 0px;}

.r2{ height:30px; background:#efefef;}
.r2left{ float:left; padding:7px 5px 0 10px; width:370px;}
.r2mid{ float:left; }
.r2search{ float:left; font-size:12px; padding-right:5px;}
.r2right{ float:right; padding:7px 10px 0 0; text-align:right;}
.r3{ height:45px; background:#efefef;}
  /* Left Section */
.leftr1 ul{padding:0px; margin:0px 0px 0px 0px; list-style:none;}
.leftr1 li{padding:5px 0px 5px 5px; margin:0px; background:url(http://www.garden4less.co.uk/images/grassbar2.jpg) repeat-x; font-size:16px; font-family:arial, helvetica; font-weight:500; color:#FFFFFF;}

.leftr1 ul ul{padding:0px; margin:10px 0px 0px; list-style:none;}
.leftr1 li li{padding:0px; margin:0px; background:none; line-height:12px;}
.leftr1 li li a{color:#000000; text-decoration:none; font-size:11px; font-weight:normal;}
.leftr1 li li a:hover {color:#000000; text-decoration:underline;}

.leftr2{padding:5px 0px 5px 5px; margin:0px; background:url(http://www.garden4less.co.uk/images/greybar2.jpg) repeat-x; font-size:16px; font-family:arial, helvetica; font-weight:500; color:#FFFFFF;}
.leftr2 p{padding:5px 0px 5px 0px; margin:0px; color:#000000;}

  /* Middle Section */
.middle{ font-size:14px; font-family:arial, helvetica;}

.middle .department ul{padding:0px; margin:0px 0px 5px 60px; list-style:none;}
.middle .department li{padding:0px 0px 5px 0px; margin:0px; float:left; font-size:16px; font-family:arial, helvetica; font-weight:500; color:#FFFFFF; text-align:center;}

.middle .rhs { display:block; float:left; width:720px; padding-bottom:15px; padding-left:10px;}
.middle .rhs ul{padding:0px; margin:0px 0px 0px 0px; list-style:none;}
.middle .rhs li{padding:0px 0px 0px 10px; margin:0px; float:left; width:125px; font-size:11px; font-family:arial, helvetica;}
.middle .rhs li a{color:#336600; text-decoration:none; font-size:11px; font-weight:bold;}
.middle .rhs li a:hover {color:#a6bf3b; text-decoration:none;}

.rmid1{ float:left; height:135px; padding:10px 5px;}
.rmid1left{ float:left; width:480px; padding:5px; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.rmid1left b{ font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.rmid1left strong{ color:#336600;}
.rmid1right{ float:right; width:185px; text-align:right;}

.rmid2{ float:left; padding:5px;}/* height:135px;*/
.rmid2left{ float:left; width:330px; padding:5px; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.rmid2left b{ font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#c80404;}
.rmid2left strong{ color:#336600;}
.rmid2right{ float:right; width:330px; padding:5px; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}
.rmid2right b{ font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#c80404;}

.prodlist ul{ margin:5px 0px 0px 5px; padding:0px; }
.prodlist ul li{ margin:0px; padding:0px; list-style-type:none; }
.prodlistbox{ float:left; padding:10px 5px;}
.prodlistleft{ float:left; width:auto; padding:20px 0.5em;}
.prodlistleft small{ font-weight:normal;}
.prodlistright{ float:right; width:500px;  padding:0px 10px 0px 0px;}
.prodlistright b{ font-size:11px;}

  /* Right Section */
.right{padding:5px 0px 5px 0px; margin:0px; background:url(/images/redbar.jpg) repeat-x; font-size:14px; font-family:arial, helvetica; font-weight:bold; color:#FFFFFF; text-align:center;}

.right1 ul{padding:0px; margin:0px 0px 5px 0px; list-style:none; border:1px solid #cccccc; background:#FFFFFF;}
.right1 li{padding:5px 5px 5px 5px; margin:0px; font-size:16px; font-family:arial, helvetica; font-weight:500; color:#FFFFFF;text-align: center;}
.right1 li a{color:#000000; text-decoration:none; font-size:11px; font-weight:normal;}
.right1 li a:hover {color:#cccccc; text-decoration:none;}

  /* Bottom Section */