@charset "UTF-8";


body {
	background: #f9f9f9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3575a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}


#container {
	width: 815px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
}


/**********/





/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

	
.left { float:left;}

a:link, a:visited {text-decoration:none; color:#84c1ee;}
a:hover, a:active {text-decoration:underline; color:#3575a3; }


/**********/

	
#header {width:815px;
	height: 100px;
	background:#fff;}
	
#header .left {width:470px;float:left;}
	
#header .right{float:right;width:345px; margin-top:-65px;}

#header a{color:#72b8ec;background:#fff;text-decoration:none;}
#header a:hover{color:#72b8ec;background:#fff;text-decoration:underline;}

#nav {width:815px;
clear:both; height:25px;
	background-color: #3575a4;
		}
	
#nav ul {float:left;
	padding: 0px;
	margin: 0px;}
	
#nav li {float:left;
	display: block;
	padding: 0px;
	margin: 0px;
	}
	
	
 #homeContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}

#mainContent {
	padding: 0px;
	
	background-color: #FFFFFF;
	margin-top: 10px;
}


#leftabout {
	float:left;
	width:260px;
}


#hometop {width:815px; height:180px; display:block; float:left; text-indent:-5000px; background:url(../images/hometop.jpg) no-repeat; margin-bottom:10px;}

/*#homeleftbox {
	width: 602px;
	float:left;
	height: 192px;}

#homerightbox {
	width:200px;
	float:left;
	padding-left:10px;
	background-color: #3575a4;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 200px;
	color: #FFFFFF;
}

#homerightbox img{
margin-top:20px;
}

.homerightboxtitle {
text-align:left;
	font-size: 1.4em;
	padding: 0px;
	margin: 0px;
	z-index:500;}*/
	
#boxes{margin-top:10px;}

.homebox1 {
	width:193px;
	height: 161px;
	float: left;
	background-image: url(../images/home-gardening.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:5px 5px 0 0px;
}
	
.homebox2 {
	width:193px;
	height: 161px;
	float: left;
	background-image: url(../images/home-hardware.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:5px 5px 0 8px;
}
	
.homebox3 {
	width:193px;
	height: 161px;
	float: left;
	background-image: url(../images/home-homeware.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:5px 0 0 8px;
}
	
.homebox4 {
	width:193px;
	height: 161px;
	float: right;
	background-image: url(../images/home-account.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:5px 0 0 10px;
}
	
.homebox1 p, .homebox2 p, .homebox3 p, .homebox4 p {
	padding: 32px 10px 10px 10px;
}
	
.morebutton {
	position: relative;
	top:60px;
	left:115px;
	width: 85px;
	z-index: auto;

	}
	
.homebottomtext
	{
	float: left;
	padding: 10px 10px 0px 10px;
}
	

	


#footer {
width:803px;
height:40px;
	background-color: #3575a4;
	clear: both;
	margin-top: 20px;
	color: #FFFFFF;
	padding: 6px;
	}
	
#footer .left {float:left;width:450px;}
#footer .right {float:right;width:350px;text-align:right; margin-top:-25px;}

#footer a{
	background-color: #3575a4;
	color: #FFFFFF;
	text-decoration:none;

	}
#footer a:hover{
	background-color: #3575a4;
	color: #FFFFFF;
	text-decoration:underline;
	}

#breadcrumbs {
	color: #3676A4;
	float: right;
	text-align:right; margin-right:10px;}
	
#breadcrumbs a{
	color: #86C0EE;
	text-decoration: none;}

#breadcrumbs a:hover{
	text-decoration: underline;}

.pageheading {
	width: 400px;
	float: left}


/****************/

h1 {
	text-align:left;
	font-size: 1.6em;
	padding: 0px;
	margin: 0px 0 0 10px;
	z-index:-1;	
}

h2 {
	text-align:left;
	font-size: 1.4em;
	padding: 0px;
	margin: 0px 0 0 10px;
	z-index:500;
}

h4 {
	text-align:left;
	font-size: 1.7em;
	padding: 0px;
	margin: 10px 0 0 10px;
	z-index:500;
}

/****************/

#leftnav {
	width: 188px;
	height: auto;
	float: left;
	
	color: #FFFFFF;
	padding:10px;
	background:#78a93e url(../images/white.gif) no-repeat 0px 400px;}

#leftnav a{
color:#3575a4;text-decoration:none;}
#leftnav a:hover {
color:#3575a4;text-decoration:underline;}

#leftnav ul {margin:0;padding:0;}
#leftnav li {list-style-type:none;margin: 0px;}


.comment{margin:0;padding:0; position:relative; top: 35%;}

#about #leftnav, #sitemap #leftnav {
		background-color: #dadada;
	}
#homeware #leftnav{background-color:#cf5e22;}
#hardware #leftnav{background-color:#24879a;}
#login #leftnav{background-color:#ac3028;}



#insideright {
	float: left;
	width: 600px}
	
#insidehead {}
	
#insidecontent {
	padding: 10px;
	}	
#insidecontent p {
	padding-left: 10px;
	}	

#insidecontent ul {}


#insidecontent li {
	list-style-image: url(../images/bullet.gif);
	background-position: 4px 2px;
	padding: 0px;
	margin: 0px;
}

/****************/

hr {
	color: #c8dae6;
	background-color: #c8dae6;
	height: 1px;
	clear: both;
	}

/* Image Caption */

#caption {
	float:right;
	clear:both;
	width:300px;

}

/* Side Images */
.sideimages{
width:188px;
float:right;
}

.sideimages img{
padding: 10px 0px;
}

.contactimg{
width:300px;
float:right;
}

.second{
padding-top:85px;
}

#regimg{
padding-top:20px;
}

#facilityimg{
padding-top:50px;
}

/* Contact text */

#contact{
float:left;
width:250px;
}

/* BRANDS */

#brands{float:left; height:auto;}

#sidebrands{
float:left;
width:208px;
height:auto;
padding:25px 0px 0px 0px;
margin-left: -10px;
}

#gallery{
margin-left:20px;
}

#brands a:active, #brands a:hover, #brands a:link, #brands a:visited  {background-position:right top;}

#leftnav #brands {width:190px;  margin-right:-10px;  background-color:#FFFFFF;}

/*#brands ul {float:left;}
#brands li  {list-style-type:none; padding-right:10px;display:block;}*/

#brands ul {float:left; height:auto;}
#brands li {float:left; display:block;text-indent:-5000px; padding: 0 8px 5px 0;}

.bill {background-image:url(../images/logos/gardening/bill.gif);width:80px; height:54px; display:block;  }
.g_ranger {background-image:url(../images/logos/gardening/garden_ranger.gif);width:80px; height:54px; display:block;  }
.g_ranger2 {background-image:url(../images/logos/gardening/garden_ranger2.gif);width:80px; height:54px; display:block;  }
.gardena {background-image:url(../images/logos/gardening/gardena.gif);width:80px; height:54px; display:block;  }
.green_field {background-image:url(../images/logos/gardening/green_field.gif);width:80px; height:54px; display:block;}
.grillpro {background-image:url(../images/logos/gardening/grillpro.gif);width:400px; height:30px; display:block;  }
.hg {background-image:url(../images/logos/gardening/hg.gif);width:80px; height:45px; display:block; }
.ironside{background-image:url(../images/logos/gardening/ironside.gif);width:80px; height:54px; display:block;  }
.ryobi{background-image:url(../images/logos/gardening/ryobi.gif);width:80px; height:54px; display:block; }
.flymo {background-image:url(../images/logos/hardware/flymo.gif);width:80px; height:37px; display:block; }
.mccullagh{background-image:url(../images/logos/gardening/mccullagh.gif);width:80px; height:24px; display:block; }
.roundup{background-image:url(../images/logos/gardening/roundup.jpg);width:80px; height:47px; display:block; }
.grillpro{background-image:url(../images/logos/gardening/grillpro2.jpg);width:80px; height:39px; display:block; }
.sankey{background-image:url(../images/logos/gardening/sankey.gif);width:80px; height:43px; display:block; }
.sterling{background-image:url(../images/logos/sterling.gif);width:80px; height:38px; display:block; }
.quickie{background-image:url(../images/logos/quickie.gif);width:80px; height:37px; display:block; }
.harrison{background-image:url(../images/logos/harrison.gif);width:80px; height:24px; display:block; }



.aquaseal {background-image:url(../images/logos/hardware/aquaseal.gif);width:80px; height:40px; display:block;  }
.ardex {background-image:url(../images/logos/hardware/ardex.gif);width:80px; height:43px; display:block;  }
.bondmaster {background-image:url(../images/logos/hardware/bondmaster.gif);width:80px; height:30px; display:block;  }
.durabond {background-image:url(../images/logos/hardware/durabond.gif);width:80px; height:32px; display:block;  }
.fetim {background-image:url(../images/logos/hardware/fetim.gif);width:80px; height:30px; display:block;}
.harris {background-image:url(../images/logos/hardware/harris.gif);width:80px; height:33px; display:block;  }
.homelux {background-image:url(../images/logos/hardware/homelux.gif);width:80px; height:30px; display:block; }
.plasplugs{background-image:url(../images/logos/hardware/plasplugs.gif);width:80px; height:30px; display:block;  }
.retractaline{background-image:url(../images/logos/hardware/retractaline.gif);width:80px; height:35px; display:block; }
.rguk{background-image:url(../images/logos/hardware/rguk.gif);width:80px; height:35px; display:block; }
.ryobi2{background-image:url(../images/logos/hardware/ryobi.gif);width:80px; height:24px; display:block; }
.rolson{background-image:url(../images/logos/hardware/rolson.gif);width:80px; height:37px; display:block; }
.gardenmaster{background-image:url(../images/logos/gardenmaster.gif);width:80px; height:26px; display:block; }



.velux{background-image:url(../images/logos/homeware/velux.gif);width:80px; height:45px; display:block; }
.east{background-image:url(../images/logos/homeware/east.gif);width:80px; height:45px; display:block; }
.etiore{background-image:url(../images/logos/homeware/etiore.gif);width:80px; height:45px; display:block; }
.homeangel{background-image:url(../images/logos/homeware/homeangel.gif);width:80px; height:45px; display:block; }
.inspirations{background-image:url(../images/logos/homeware/inspirations.gif);width:80px; height:45px; display:block; }
.kitchenmaster{background-image:url(../images/logos/homeware/kitchenmaster.gif);width:80px; height:45px; display:block; }
.deville{background-image:url(../images/logos/homeware/deville.gif);width:80px; height:45px; display:block; }

.arro{background-image:url(../images/logos/arro.gif);width:150px; height:100px; display:block; }
.chadwicks{background-image:url(../images/logos/chadwicks.gif);width:150px; height:60px; display:block; }
.clerys{background-image:url(../images/logos/clerys.gif);width:300px; height:32px; display:block; }
.dunness{background-image:url(../images/logos/dunness.gif);width:150px; height:60px; display:block; }
.heatons{background-image:url(../images/logos/heatons.gif);width:150px; height:60px; display:block; }
.helton{background-image:url(../images/logos/helton.gif);width:150px; height:60px; display:block; }
.homebase{background-image:url(../images/logos/homebase.gif);width:150px; height:60px; display:block; }
.homevalue{background-image:url(../images/logos/homevalue.gif);width:150px; height:60px; display:block; }
.johnstown{background-image:url(../images/logos/johnstown.gif);width:150px; height:60px; display:block; }
.mahon{background-image:url(../images/logos/mahon.gif);width:150px; height:60px; display:block; }
.supervalu{background-image:url(../images/logos/supervalu.gif);width:150px; height:60px; display:block; }
.topline{background-image:url(../images/logos/topline.gif);width:150px; height:66px; display:block; }
.woodies{background-image:url(../images/logos/woodies.gif);width:150px; height:60px; display:block; }
.atlantic{background-image:url(../images/logos/atlantic.gif);width:88px; height:100px; display:block; }
.brooks{background-image:url(../images/logos/brooks.gif);width:150px; height:60px; display:block; }

/*form */

form{margin-left:10px;}


ol {
margin:0;
clear:left;
color:#3575a4;
list-style-type:none;
padding:0;
}

label {
list-style-type:none;
display:block;
width:80px;
float:left;
text-align:left;
}

form li {
text-align:left;
list-style-type:none;
list-style-image:none;
padding-bottom:5px;
float:left;
width:500px;
}

.submit {
margin:5px 0 0 70px;
background-color:#3575a4;
color:#fff;
border:0;
}


.right{float:right;padding-left:10px;}

#name{width:200px;height:25px;}
#email{width:200px;height:25px;}
#address{width:200px;}
#enquiry{width:200px;}

/*extras
a[href$=".pdf"] { background: url(../images/pdf.png) no-repeat right top;
padding-right:14px;}*/
a[href$=".ppt"] { background: url(../images/ppt.png) no-repeat right top;
padding-right:14px;}
.google { display:block; text-indent:-5000px;  background:url(../images/google.jpg) no-repeat; width:147px; height:75px; cursor:pointer; margin-top:10px; margin-left:10px; }


.thumbs {padding: 5px; margin:0px;}
#insidecontent .thumbs li {list-style-image:none; list-style:none;
	float:left;
	margin: 0px 8px 8px 0px; border:4px solid #CCCCCC; }
	#insidecontent .thumbs li img {margin:0 0 -2px 0; padding:0px;}
	#insidecontent .thumbs li:hover {border:4px solid #84c1ee;}
	
/*.curve {background: url(../images/h4back.gif) repeat-y; padding:0px 10px 0 10px; width:551px; }*/

.team {padding:5px; border:2px solid #84c1ee; width:140px; font-weight:bold;}
.team a {text-decoration:underline;}

input.btn {background-color:#84c1ee; color:#3575a3; font-weight:bold;}

.catalogue {margin:0px 0px 15px -4px;}

#about #leftnav {background:#dadada url(../images/white.gif) no-repeat 0px 500px; height:480px;}
#flash { margin:5px 0px 10px 50px;}