@charset "utf-8";
/* template styles */
* { padding:0; margin:0; } 
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: url(images/background_gradient.gif) fixed bottom repeat-x;
	background-position: bottom;
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	min-height: 101%;
}
html {height: 100%;} 
h1 {
	font-size: 1.7em;
	margin: 0 0 6px 0;
	color: #ba1e33;
}
h2 { font-size: 120%; margin: 0; color: #333333}
h3 { font-size: 100%;  }
h4 { font-size: 100%;  }
p {
	margin: 0 0 4px 0;
	color: #333333;
}
ul {margin: 10px 0 0 10px;}
li{margin: 0 0 0 10px;}
blockquote {margin: 8px 0 8px 20px;}
A:link {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}
A:visited {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}
A:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	}
A:active {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	}
#wrapper {
	width: 1024px;
	margin: auto;
	background: #fff;
}
.banner {
	width: 1024px;
	height: 150px;
	float: left;
	display: inline;
	background-image: url(images/banner.png);
	background-repeat: no-repeat;
}
.bannertext { width: 310px; float: right; margin: 0 5px 0 0; text-align: left; clear: right;}
.bannertext h2, .bannertext p, .bannertext a { color: #fff; line-height: 1.5em;}
.bannertext a {
	text-decoration: underline;
	color: #FFFFFF;
}
.bannerjob {width: auto; float: right; margin: 0 5px 0 0;}
.topnav {
	width: 1014px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	background: #98192b;
	display: inline;
}
.topnavspacer {
	width: 10px;
	height: 20px;
	float: left;
	background: url(images/nav_spacer.png) no-repeat;
	margin: 12px 8px 0 6px;	
	display: inline;
}
.topnavlink a {
	width: auto;
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 5px;
	font-size: 1.3em;
	display: inline;
}
.topnavlink a:link, .topnavlink a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
.topnavlink a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #ba1e33;
}
.topnavlink a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: ba1e33;
}
.content {
	width: 1004px;
	float: left;
	margin: 10px;
	text-align: left;
	display: inline;
}
.feature {
	width: 1004px;
	float: left;
	display: inline;
}
.footer {
	width: 1024px;
	clear: both;
}
.title {
	width: 900px;
	padding: 20px 5px;
	float: left;
	display: inline;
}
.right {
	float: right;
	margin: 0 0 0 10px;
	display: inline;
}
.left {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
.rss {width: 500px; float: right; display: inline;}

/* general styles */

.leftcolumn { width: 250px; float: left; margin: 0 4px 0 0; padding: 10px 0 0 0; display: inline;}
.rightcolumn {width: 750px; float: left; padding: 0 0 40px 0; display: inline;}

/* index styles */

.texttemp {width: 500px; float: left; margin: 10px 0 0 10px;}
.smallfeaturewrapper {
	width: 1004px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	display: inline;
}
.smallfeaturel {width: 328px; float: left; margin: 0 10px 0 0; display: inline;}
.smallfeaturer {width: 328px; float: right; margin: 0 0 0 0; display: inline;}
.smallfeaturel h2, .smallfeaturer h2 {color: #8e3a0d; font-size: 1.5em; padding: 0 0 8px 0; line-height: 1.5em;}
.smallfeaturel h3, .smallfeaturer h3 {color: #333333; font-size: 1.2em; padding: 0 0 10px 0; line-height: 1.4em;}
.smallfeaturel a, .smallfeaturer a {color: #006600; font-size: 1em; text-decoration: none;}
.smallfeatureimg {width: 100px; float: right; margin: 0 10px 0 0; display: inline;}
.smallfeaturebutton {width: 139px; float: left; text-align: center; margin: 20px 0 0 5px; background:url(images/index_feature_button_small.gif) no-repeat; padding: 8px 0; display: inline;}
.smallfeaturebutton a {color: #fff; text-decoration: none;}

/* main nav id*/

body#home a#home,
body#about a#about,
body#gardenclub a#gardenclub,
body#forgarden a#forgarden,
body#pets a#pets,
body#forhome a#forhome,
body#whatson a#whatson,
body#contact a#contact,
body#christmas a#christmas,
 {
	background-color: #ba1e33;
}

/* subnav styles */
.petssub, .gardensub, .homesub, .aboutsub {
	width: 1014px;
	float: left;
	padding: 5px 0 5px 10px;
	text-align: center;
	background: #ba1e33;
	display: inline;
}
.sublink {width: auto; float: left; padding: 4px; margin: 0 8px 0 0; display: inline;}
.sublink a {font-size: 1em; display: inline;}
.sublink a:link, .sublink a:visited {color: #fff; font-weight: normal; display: inline;}
.sublink a:hover, .sublink a:active {color: #fff; text-decoration: underline; font-weight: normal; display: inline;}

/* bottom nav styles */

.bottomnav {width: 1014px; height: 180px; float: left; margin: 10px 0 0 0; text-align: left; border-top: 1px solid #cccccc; padding: 20px 0 0 10px; display: inline;}
.bottomnavbox1, .bottomnavbox2 { width: 313px; float: left; display: inline; padding: 10px 0 0 20px; margin: 10px 0 0 0; display: inline;}
.bottomnavbox1 h2, .bottomnavbox2 h2 {color: #333333; margin: 0 0 10px 0;}
.bottomnavbox1 a, .bottomnavbox2 a { text-decoration: none; color: #006600;}
.bottomnavbox1 { border-right: 1px solid #cccccc; display: inline;}
.bnavimg {width: auto; float: right; margin: 0 10px 0 0;}

/* contact form */

#contactform {
	width: 400px;
	float: left;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 0 5px 5px 10px;
	display: inline;
}
legend {
	margin-left: 0;
	color: #333333;
	font-weight: bold;
	padding: 0;
	border: 0;
}
fieldset {border:0;} 
fieldset ol {
	padding: 0;  
	list-style: none;
}
	 
fieldset li {
	float: left;  
	clear: left;  
	width: 385px;  
	padding: 0 0 2px 0; 
	margin: 0 0 0 0;
}
.liwide {
	width: 700px;
	display: inline;
}
fieldset.submit {
	float: right;  
	width: 110px;  
	border-style: none;  
	background-color: transparent;
	margin: 0 0 0 9px;	
}

label {
	float: left;
	width: 140px;
	display: inline;
}
.wide {width: 300px; display: inline;}
.submit {float: left; display: inline;}
.submitbutton {width: 380px; float: left; margin: 0 0 0 28px; display: inline;}
.field1 {
	width: 370px;
	float: left;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
	display: inline;
}
.field2 {
	width: 370px;
	float: left;
	margin: 0 5px 0 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
	display: inline;
}
.contacttext {width: 350px; float: right; margin: 0 20px 0 0; padding: 10px 0; display: inline;}
.consent {width: 10px; float: left; padding: 10px 0; display: inline;}
.map {
	width: 580px;
	float: right;
	margin: 10px 0 0 0;
	display: inline;
}
.address {width: 580px; float: right; padding: 10px 0 30px 0; display: inline;}
.addressright {width: 290px; float: right; padding: 10px 0 0 0; display: inline;}
.addressleft {width: 290px; float: left; padding: 10px 0 0 0; display: inline;}
.confirm {
	width: 600px;
	float: left;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 10px 5px 5px 10px;
}

/* whats on */
.whatson {
	width: 980px;
	float: left;
	margin: 3px 0 0 10px;
	display: inline;
	background: #f1f1f2;
}
.whatsonimg {
	width: 130px;
	float: left;
	margin: 0 10px 0 15px;
	padding: 0 0 10px 0;
	display: inline;
}
.whatsontitle {
	width: 960px;
	float: left;
	padding: 5px 10px 20px 10px;
	display: inline;
}
.whatsontext {
	width: 700px;
	float: left;
	padding: 0 10px 10px 5px;
	display: inline;
}
.whatsonspacer {
	width: 880px;
	float: left;
	margin: 13px 0 10px 50px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 0px;
	display: inline;
}
/* product group pages */

.grouptext { width: 250px; float: left; display: inline;}
.groupwrapper {width: 745px; float: right; padding: 0 0 10px 0; display: inline;}
.grouptitle {width: 735px; float: right; background: #ba1e33; padding: 5px; display: inline;}
.grouptitle h2 {color: #fff; font-size: 1.4em;}
.groupbox1 {width: 240px; float: left; margin: 7px 6px 0 0; border: 1px solid #ba1e33; display: inline;}
.groupbox2 {width: 240px; float: left; margin: 7px 0 0 0; border: 1px solid #ba1e33; display: inline;}
.groupbox1 h2, .groupbox2 h2 {line-height: 1.3em; }
.groupimg {width: 222px; float: left; margin: 10px; display: inline;}
.grouplinks {width: 222px; float: left; margin: 0 10px 10px 10px; display: inline;}

/* rss help */

.rsstitle {
	width: 960px;
	float: left;
	padding: 10px 10px 20px 10px;
	display: inline;
}
.rsstext {
	width: 800px;
	float: left;
	padding: 0 10px 15px 10px;
	display: inline;
}

/* landing pages */

.landingtitle {width: 730px; float: left; padding: 5px 0; margin: 0 0 0 6px; display: inline;}
.landingtitle h1 { margin: 0;}
.landingtextwrapper { width: 734px; float: left;  padding: 5px 0; margin: 0 6px 0 6px; display: inline;}
.landingtextsubhead { width: 724px; float: left; padding: 5px 5px 5px 0; display: inline;}
.landingtextcolumn1 { width: 660px; float: left; margin: 0 8px 0 0; padding: 8px 4px 5px 4px; display: inline; }
.landingtextcolumn2 { width: 355px; float: left; padding: 8px 4px 5px 4px; display: inline; }
.matrixwrapper { width: 734px; float: left; padding: 0 0 0 0; margin: 5px 6px 0 6px; display: inline;}
.matrixbox1 { width: 176px; float: left; margin: 0 10px 0 0; padding: 0 0 0 0; display: inline;}
.matrixbox2 { width: 176px; float: right;  margin: 0 0 0 0; padding: 0 0 0 0; display: inline;}
.matriximg { width: 164px; float: left; padding: 5px; border: 1px solid #cccccc; display: inline;}
.matrixlink {width: 164px; float: left; margin: 5px 5px 0 5px; text-align: left; padding: 0 0 3px 0; display: inline;}
.matrixspacer {
	width: 685px;
	float: left;
	margin: 20px 0 0 25px;
	border-bottom: 1px solid #cccccc;
	line-height: 0px;
	display: inline;
}

/* gardening club */



/* about */


/* info and news */

.infolinks {width: 600px; float: left; margin: 0 0 0 20px;}
.infolinksright {width: 200px; float: right; padding: 0 0 0 0;}
.infolinksleft {width: 200px; float: left; padding: 0 0 0 0;}

/* facilities */
.facilities {
	width: 690px;
	float: left;
	margin: 3px 0 0 10px;
	display: inline;
	background: #f1f1f2;
}
.facilitiestitle {
	width: 650px;
	float: left;
	padding: 5px 10px 20px 5px;
	display: inline;
}
.facilitiestext {
	width: 660px;
	float: left;
	padding: 0 10px 10px 10px;
	display: inline;
}
.facilitiesspacer {
	width: 670px;
	float: left;
	margin: 13px 0 10px 20px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 0px;
	display: inline;
}
.facilitiesrightcolumn {width: 270px; float: right; background: #f1f1f2; margin: 3px 0 0 0; padding: 5px 10px; display: inline;}

/* jobs */

.jobs {
	width: 740px;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 0;
	display: inline;
	background: #f1f1f2;
}
.jobstitle {
	width: 500px;
	float: left;
	padding: 5px 10px 20px 5px;
	display: inline;
}
.jobstext {
	width: 500px;
	float: left;
	padding: 0 10px 10px 10px;
	display: inline;
}
.jobsspacer {
	width: 420px;
	float: left;
	margin: 13px 0 10px 20px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 0px;
	display: inline;
}
.jobsrightcolumn {width: 270px; float: right; background: #f1f1f2; margin: 3px 0 0 0; padding: 5px 10px}

/* cafe */

.cafe, .sitemap {
	width: 960px;
	float: left;
	margin: 3px 0 0 10px;
	display: inline;
	background: #f1f1f2;
	padding: 10px;
}
.cafeimg {
	width: 350px;
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
	display: inline;
}
.cafetitle {
	width: 960px;
	float: left;
	padding: 0;
	display: inline;
}
.cafetext {
	width: 920px;
	float: left;
	padding: 10px 20px;
	background: url(images/cafe_blackboard_body2.jpg) repeat-y;
	display: inline;
}
.cafetextplain {
	width: 720px;
	float: left;
	padding: 10px 10px;
	display: inline;
}
.cafetext p, .cafetext h2 {color: #fff; font-weight: bold; }
.cafetext p {font-size: 1.2em; line-height: 1.4em;}
.cafetext h2 {font-size: 1.4em;}
.cafespacer {
	width: 880px;
	float: left;
	margin: 13px 0 10px 50px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 0px;
	display: inline;
}

/* footer */

.footer {width: 1004px; text-align: right; clear: both; padding: 0 0 10px 0; margin: 0; background: none;}
.footer a {color: #006600;}

/* other */

.treewinner {
	width: 475px;
	float: right;
	margin: 10px 0 0 0;
}
.treewinnertext {
	width: 490px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}
.sitemap ul {}
.sitemap li { list-style: none; padding: 0 0 5px 0;}
.sitemap blockquote { padding: 0;}
/* .banneropeninghours {
	display: inline;
	float: right;
	color: #FFFFFF;
	width: 210px;
	padding-top: 20px;
	text-align: left;
} 
.bottomnavtext {
	height: 140px;
	padding-right: 10px;
	margin-right: 10px;
	background-color: #ededed;
	padding-top: 5px;
	padding-left: 5px;
}
.advicebox1 {
	float: left;
	display: inline;
	margin-top: 7px;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	width: 717px;
	background-color: f1f1f2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
} */
.banneropeninghours {
	display: inline;
	float: right;
	color: #FFFFFF;
	width: 210px;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}
.banneropeninghours p, .banneropeninghours h2 {color: #fff;}
.banneropeninghours a:link, .banneropeninghours a:visited, .banneropeninghours a:hover, .banneropeninghours a:active {color: #fff;}
.bauble {float: right; width: 95px; display: inline; margin: 0 5px 0 0;}
.bottomnavtext {
	height: 160px;
	padding-right: 10px;
	margin-right: 10px;
	background-color: #ededed;
	padding-top: 5px;
	padding-left: 5px;
}
.advicebox1 {
	float: left;
	display: inline;
	margin-top: 7px;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	width: 717px;
	background-color: f1f1f2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.textbox {width: 800px; float: left; display: inline; padding: 10px;}
.matrixwrapperxmas {
	width: 380px;
	float: left;
	padding: 0 0 0 0;
	margin: 5px 6px 0 6px;
	display: inline;
}
#feature {
	width: 1004px;
	height: 268px;
	float: left;
	display: inline;
}