@charset "utf-8";
/* CSS Document */

body { 
padding: 8px 0 0 0 ;margin: 0px ;background-color: #fefefd ;font-family: Arial, Helvetica, sans-serif ;color: #666666 ;background-image:  ;} 
.clear { 
clear : both; 
} 
img { 
border : 0; 
} 
.horizontalSpacer30px { 
width : 100%; 
height : 30px; 
} 
.centerWrap { 
width : 980px; 
margin : 0 auto; 
background : #fff; 
border: 1px solid #000 ;overflow: hidden;
line-height: 1.2em;
} 

#plant {
	width : 412px; 
	margin: 6px 0 6px 12px;
	padding: 0;
}

#plant img {
    padding: 5px ;	background-color: #d9e4cd ;    border: 1px solid #b4ce98 ;
	}

	#header				{ position:relative; width:980px; margin:0 auto; height: 135px; }
	#innerHeader	{ position:relative; width:980px; height:190px; margin:0 auto; overflow:visible}
	#logo	{ position:relative; right:0; top:10px; margin:0; border:0; z-index:1; background-color: #006666 ; height: 125px; width: 345px; background: url(uploads/stylesheet/wilkinsons-plant-centre-logo.jpg) no-repeat; }
	#landscaping		{ position:absolute; right: 4px; top:0; width:224px; height:120px; margin:0;  
	background-image:url(images/plant-centre-bg.png); background-repeat: no-repeat;}
	
#landscaping p {
	padding: 75px 14px 0 6px; 
	margin: 0;
	color: #679a2e;
	text-align: right;
	font-size: 80%;
	}
	
#landscaping a:link {
		color: #679a2e;
		font-weight: bold;
		text-decoration: none;
		}
		
.navigation {
	width: 982px;
	height: 27px;
	border: 1px solid #698a2a ;    background: url(images/navigation-background.png) repeat-x;	}
	
.navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 27px;
	}
	
.navigation ul li {
	background: url(images/navigation-section.png) no-repeat right;	height: 27px;
	line-height: 27px;
	font-size: 75%;
	float: left;
	}
	
.navigation ul li a {
	color: #fff ;	text-decoration: none;
	display: block;
	padding: 0px 20px 0px 20px;
	}
	
.navigation ul li a:hover {
	color: #000 ;	}
	
.navigation ul li.selected a { 
	:  ;	}

#phone {
	position: relative;
	top: 40px;
	right: 10px;
	width: 160px;
	height: 50px;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	color: #fff;
	}

.subNavigation { 
width : 148px; 
overflow : hidden; 
position : absolute; 
background : #ececea; 
top : -1px; 
z-index : 100; 
visibility : hidden; 
font-size : 75%; 
border-left : 1px solid #698a2a; 
border-right : 1px solid #698a2a; 
border-bottom : 1px solid #698a2a; 
} 
.subNavigation a { 
display : block; 
text-decoration : none; 
color : #698a2a; 
line-height : 27px; 
padding : 0 8px 0 8px; 
margin : 0; 
} 
* html .SubNavigation a { 
width : 100%; 
} 
.subNavigation a:hover { 
background-color : #ffffff; 
color : #333333; 
} 

.leftCol { 
width : 750px; 
overflow : hidden; 
float : left; 
padding : 0; 
margin : 0; 
} 

.leftCol img {
	margin: 6px 0 0 0;
	}
	
.leftCol h2 { 
font-size : 150%; 
color: #8077b7 ;font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
} 

.leftCol a:link {
	color: #b20838 ;	}
    
.homepageBottomText {
	width: 740px;
	padding: 0px 0px 0px 6px;
    }

.homepageBottomText p {
	font-size: 12px;
    }
	
	
.rightCol { 
width : 225px; 
overflow : hidden; 
float : right; 
padding : 0; 
margin:0;
background-color: #e0e6d9 ;border-left: 1px solid #accca2 ;min-height: 800px;
margin-bottom: -20px;
} 
.rightColSpacer { 
width : 100%; 
height : 15px; 
} 
.rightCol h2 { 
font-size : 90%; 
color: #5d9732 ;font-weight : bold; 
padding : 0; 
margin : 0 8px 10px 15px; 
} 
.rightCol p { 
width : 190px; 
color: #787878 ;font-size : 75%; 
padding : 10px; 
margin: 0;
} 

.rightCol img {
margin: 0 auto;
padding: 0;
}

.rightCol .offers { 
width : 192px; 
overflow : hidden; 
padding : 10px 6px 10px 6px; 
background-color: #b20838;
margin: 10px 10px 20px 8px;
border: 1px solid #950930;
}

.offers p {
	color: #fff;
	padding: 6px;
		} 
		
.offers a:link {
	text-decoration: underline;
	color: #fff;
	}	
	
#rightnav { 
width : 192px; 
overflow : hidden; 
padding : 10px 6px 10px 6px; 
:  ;margin: 10px 10px 20px 8px;
:  ;}

#rightnav p {
	:  ;		} 
		
#rightnav a:link {
	text-decoration: underline;
	:  ;	}		
	
#rightnav h2 {
	:  ;	margin: 0 0 -12px 6px;
	padding: 0;
	}	
	
#rightnav ul {
	font-size: 80%;
	}	
	
#rightnav li {
	list-style: none;
	margin: 0;
	padding-bottom: 4px;
	list-style-position: outside;
	margin-left: -34px;
		}	
        
.rightCol .signup p {
	margin: 0px;
    padding: 0px 0px 5px 10px;
    overflow: hidden;
    }
		
.rightCol .signupField { 
width : 176px; 
height : 27px; 
border : 1px solid #787878; 
background : #ededed; 
font-size : 12px; 
color : #787878; 
padding : 0 3px 0 3px; 
margin : 0; 
} 
.rightCol .signupButton { 
margin : 0; 
} 
.boomBox { 
width : 752px; 
height : 294px; 
margin : 6px 0 0 0; 
padding: 0;
} 

.boomBox img { 
float : left; 
margin: 0;
padding: 0;
} 

.ourServicesCol { 
width : 235px; 
min-height: 430px;
overflow : hidden; 
float : left; 
margin: 5px;
background-color: #fdfcfc;
border: 1px solid #b3cd97;
} 
.ourServicesCol h2 { 
color : #b20838; 
font-size : 12px; 
margin : 6px 0 9px 0; 
font-weight: bold;
padding: 6px;
} 
.ourServicesCol p { 
color : #909090; 
font-size : 12px; 
padding : 6px; 
margin : 0 0 9px 0; 
} 
.ourServicesCol a { 
color : #909090; 
text-decoration : none; 
} 

.ourServicesCol img { 
background-color: #d9e4cd;
border: 1px solid #b3cd97;
margin: 0;
padding: 0;
} 
.ourServicesCol a:hover { 
color : #94b558; 
} 
.ourServicesSpacer { 
width : 4px; 
height : 50px; 
float : left; 
} 
.copyright { 
font-size : 75%; 
color : #999; 
padding : 18px 0 0 6px; 
} 

#footer {
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	width: 980px;
	height: 62px;
	margin: 0;
	padding: 0;
	overflow:visible;
	}
	
#footer a:link {
	color: #b20838;
	}

#footer .copyright {
	width: 300px;
	float: right;
    margin-right: 230px;
    }
    
#footer img {
	margin-top: 25px;
    border: 0px;
    }
    
#footer .connect {
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	color: #5d9732;
	float: left;
    padding: 30px 0px 0px 20px;
	margin: 0px 10px 0px 0px;
	}
	
#textfield {
	width: 200px;
	}
	
#openingHours {
	clear: both;
	margin: 10px 0;
	padding: 6px;
	}
	
#openingHours h2 {
font-size : 90%; 
font-weight : bold; 
padding : 0; 
margin : 0 0 10px 0; 
color: #5d9732;
	}	
	
#openingHours p {
font-size : 75%; 
font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
	}	
	

#mainContent {
	clear: both;
	margin: 10px 0;
	padding: 14px;
	}
	
#mainContent h2 {
font-size : 90%; 
font-weight : bold; 
padding : 0; 
margin : 0 0 10px 0; 
color: #5d9732;
	}	
	
#mainContent p {
font-size : 75%; 
font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
	}	
    
#mainContent ul {
	font-size: 12px;
    }
		
#tel {
	position: relative;
	width: 200px;
	top: 8px;
	left:780px;
	z-index: 200;
	}	
	
/* Listing Pages */
#listingItemLeft {
	width: 190px;
	overflow: hidden;
	float: left;
	margin: 0px 25px 15px 0px;
	}
	
#listingItemLeft img {
	padding: 3px;
	background-color: #d9e4cd;
	border: 1px solid #b3cc96;
	}
	
#listingItemRight {
	width: 480px;
	overflow: hidden;
	margin: 0px 0px 15px 0px;
	float: left;
	padding: 12px 0px 0px 0px;
	}
	
#listingItemRight h2 {
	font-size: 78%;
	color: #b20838;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	}	
#listingItemRight p {
	font-size: 75%;
	color: #787878;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}
	
#listingItemRight a {
	color: #78a22f;
	text-decoration: none;
	}
	
#listingItemRight a:hover {
	color: #333333;
		}	

/*Form Elements*/
		
form p {
	clear: left;
	margin: 0;
	padding: 0;
	}
	
form p label {
	float: left;
	width: 160px;
	font-weight: bold;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	margin: 0;
	}	
	
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	border: 1px solid #64972c;
	margin: 0;
	padding: 0;
	height: 20px;

	}	
	
form.contact-form fieldset {
  margin-bottom: 10px;
}

form.contact-form legend {
  padding: 0 2px;
  font-weight: bold;
  color: #666;
  font-size: 200%;
  margin: 0;
  padding: 0;
}	

p.p1 {
	margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Tahoma; color: #203af9
}

span.s1 {
	text-decoration: underline;
} 

.navRightContainerbg {
	font-family: Arial;
    border: 1px solid #75a17d;
 	margin: 10px 10px 10px 10px;
    padding-left: 15px;
    padding-top: 1px;
    background: #f2f2f2;
    color: #b20838;
    font-size: 13px;
}

.navRightContainerimg {
	float: right;
    padding-right: 10px;
    padding-top: 10px;
}

.navRightContainerbg a {
    font-size: 12px;
	color: #b20838;
    text-decoration: none;
}

.navRightContainerbg a:hover {
    font-size: 12px;
	color: #000000;
}

.navRight {
	list-style: none;
    line-height: 175%;
	padding-left: 0px;
    font-size: 13px;
}

.navRight ul {
	list-style: none;
    display: block;
    padding-left: 0px;
    font-size: 13px;
}

.navRight li {
	padding-left: 0px;
    font-size: 13px;
}

.navRight li a {
	color: #b20838;
	padding-left: 0px;
    display: block;
    text-decoration: none;
    font-size: 13px;
}

.navRight a:hover {
	color: #000000;
    font-size: 13px;
}

.galleryContainer {
	height: 150px;
    width: 150px;
	float: right;
    overflow: hidden;
}

/* Services */
.serviceTopSpacer {
	width: 100%;
    height: 15px;
    }

.serviceMainImage {
	width: 410px;
	overflow: hidden;
	padding: 2px;
	border: 1px solid #b4ce98;
	background: #d9e4cd;
	float: left;
    margin: 0px 0px 0px 15px;
	}
    
.serviceMainImage img {
	display: block;
    padding: 0px;
    margin: 0px;
    }
	
.serviceGallery {
	width: 298px;
	height: 290px;
	float: left;
    margin-left: 15px;
	}
    
.serviceGallery .image {
	width: 90px;
    overflow: hidden;
    float: left;
    background: #d9e4cd;
    border: 1px solid #b4ce98;
    padding: 2px;
    margin: 0px 2px 5px 0px;
    }
    
.serviceGallery img {
	margin: 0px;
    padding: 0px;
    }