/**** Author - Animedia Studios Ltd ****/
/**** Website created March 2009 ****/



/**** Note - copy styles from here to the css style sheet in garden maintenance folder and make sure imagery is copied across too (to the image folder of course) ****/

@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
}

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	background-color:#508bcd;
}
h1 {
	font-size:14px
}
h2 {
	font-size:12px;
}
h3 {
	font-size:11px;
	color:#0d5ab3;
}
p {
	font-size:11px;
	text-align:justify;
}
ul, li {
	list-style-type: none;
}
hr {
	height:1px;
	border:0 none;
	background-color:#000;
	margin:5px 0px;
}

.stretcher{
	clear: both; 
	width: 100%; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	padding: 0; 
	margin: 0; 
	border: 0;
}

.formField{
	font-size: 11px;
	color: #000;
	text-decoration: none;
	border: 1px solid #747683;
	margin:0px 0px 10px 0px;
}
.dropdown{
	border: 1px solid #747683;
	color: #000;
	font-size: 11px;
	margin:0px 0px 10px 0px;
}

#wrapper{background:url(../images/bubbles_bg.png) repeat-x bottom left;}
/*
.busybees_container {
	width: 775px;
	margin-left: -387px;
	left: 50%;
	position: absolute;
}
*/
.busybees_container {
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/**** top bar of page ****/
.top {
	float:left;
	width:770px;
	margin: 14px 0px 0px 5px;
}
	/**** logo ****/
	.busybeescleaning_logo {
		float:left;
		width:338px;
		height:107px;
		background:url(../images/busybees_logo.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	/**** phone number ****/
	.busybeescleaning_number {
		float:right;
		width:400px;
		height:50px;
		padding: 10px 0px 0px 0px;
	}
		.busybeescleaning_number p {
			font-size:36px;
			font-weight:bold;
			color:#0d5ab3;
			text-align:right;
		}
	/**** main links ****/
	.busybeescleaning_topLinks {
		float:right;
		width:220px;
		height:47px;
	}
	.busybeescleaning_topLinks li {
		float:left;
		display:block;
		width: 60px;
		height: 45px;
		text-align:center;
		padding: 0px 6px 0px 6px;
	}
	.busybeescleaning_topLinks li.home {
		background:url(../images/home_link.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.busybeescleaning_topLinks li.about {
		background:url(../images/about_link.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.busybeescleaning_topLinks li.contact {
		background:url(../images/contact_link.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.busybeescleaning_topLinks a:link, .busybeescleaning_topLinks a:visited {
		font-size:10px;
		text-decoration:none;
		color:#0d5ab3;
		display:block;
		height: 15px;
		padding: 30px 0px 0px 0px;
	}
	.busybeescleaning_topLinks a:hover, .busybeescleaning_topLinks a:active {
		font-size:10px;
		text-decoration:underline;
		color:#000;
		display:block;
		height: 15px;
		padding: 30px 0px 0px 0px;
	}
/**** end top bar of page ****/

/**** left side of page ****/
.left {
	float:left;
	width:570px;
}
	/**** header ****/
	.busybeescleaning_header {
	float:left;
	width:570px;
	height:202px;
	background-repeat:no-repeat;
	background-position:left top;
	background-color: #A0C2F0;
	}
	/**** content container ****/
	.busybeescleaning_content_container {
		float:left;
		width: 535px;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		background:url(../images/busybees_tab.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	/**** intro ****/
	.intro {
		float:left;
		background:#FFF;
		width:511px;
		padding: 10px;
	}
		/**** general ****/
		.intro_text_container_full {
			float: left;
			width: 511px;
			padding: 15px 0px 20px 0px;
		}
			.intro_text_container_full p {
				clear:both;
			}
			.intro_text_container_full ul {
				display:block;
				float:left;
				height:20px;
				width:500px;
				margin:0px 0px 10px 0px;
			}
			.intro_text_container_full li {
				display:block;
				float:left;
				height:15px;
				border-style:solid;
				border-width:0px 1px 0px 0px;
				border-color:#000;
				padding:0px 10px 0px 0px;
				margin:0px 10px 0px 0px;
			}
			.intro_text_container_full li a:link, .intro_text_container_full li a:visited {
				font-size:11px;
				color:#000000;
				text-decoration:underline;
				display:block;
			}
			.intro_text_container_full li a:hover, .intro_text_container_full li a:active {
				font-size:11px;
				color:#333;
				text-decoration:none;
				display:block;
			}
		.testimonial_button {
			float:left;
			width:410px;
			height:36px;
			padding:20px 0px 0px 84px;
			margin:10px 0px 0px 0px;
			background:url(../images/testimonial_button.jpg) left top no-repeat;
		}
			.testimonial_button a:link, .testimonial_button a:visited {
				font-size:9px;
				color:#0d5ab3;
				text-decoration:none;
			}
			.testimonial_button a:hover, .testimonial_button a:active {
				font-size:9px;
				color:#000;
				text-decoration:underline;
			}
		/**** home ****/
		.intro_text_container li {
			float: left;
			width: 305px;
		}
		
			.intro_text {
				float: left;
				width: 305px;
				padding: 15px 0px 20px 0px;
			}
		/**** about ****/
		.intro_text_container_about {
			float: left;
			width: 320px;
		}
			.intro_text_about {
				float: left;
				width: 320px;
				padding: 15px 0px 20px 0px;
			}
	
	
		.intro_right {
			float: right;
			width: 180px;
		}
			.intro_right h2 {
				text-align:center;
				font-size:11px;
			}
			.intro_right ul {
				margin: 15px 0px 0px 0px;
				padding: 0px 0px 0px 30px;
			}
			.intro_right li {
				padding: 3px 0px 0px 23px;
				background:url(../images/bullet_ticks.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				font-size:11px;
				color:#003275;
				height:19px;
			}
			
			
	/**** homepage adds ****/
	.busybees_adverts {
		float:left;
		width:531px;
		margin: 3px 0px 0px 0px;
	}
	.busybees_adverts img {
		float: left;
	}
	/**** wide panel below intro box ****/
	.busybees_widepanel {
		float:left;
		width:515px;
		margin: 3px 0px 0px 0px;
		padding: 5px;
		border-style:solid;
		border-width:3px;
		border-color:#f3c52a;
		background:#fff;
	}
		.busybees_widepanel_about_img {
			float:left;
			width:221px;
			height:183px;
			margin:0px 15px 0px 0px;
		}
		.busybees_widepanel_about_txt {
			float:left;
			width:276px;
		}
		.busybees_widepanel_fundraising_js {
			float:left;
			width:150px;
			height:230px;
			margin:0px 15px 0px 0px;
		}
		.busybees_widepanel_fundraising_txt {
			float:left;
			width:345px;
		}
	.busybees_widepanel_emergency_cleaning {
		float:left;
		width:515px;
		margin: 3px 0px 0px 0px;
		padding: 5px;
		border-style:solid;
		border-width:3px;
		border-color:#f3c52a;
		background-color:#fff;
	}
	.busybees_widepanel_emergency_cleaning img {
		margin:0px 1px 0px 0px;
	}	
	.busybees_widepanel_domestic_cleaning {
		float:left;
		width:525px;
		margin: 3px 0px 0px 0px;
		padding: 0px;
		border-style:solid;
		border-width:3px;
		border-color:#f3c52a;
		background-color:#fff;
	}
	.busybees_widepanel_domestic_cleaning img {
		margin:0px 1px 0px 0px;
	}
		.busybees_widepanel_domestic_cleaning_gloves {
			width:525px;
			background-image:url(../images/domestic_cleaning_gloves.jpg);
			background-position:top right;
			background-repeat:no-repeat;
			position:relative;
			top:-3px;
			right:-3px;
			padding: 6px 0px 0px 0px;
		}
		.busybees_widepanel_domestic_cleaning_img {
			float:left;
			width:128px;
			height:188px;
			margin:0px 15px 0px 0px;
		}
		.busybees_widepanel_domestic_cleaning_txt {
			float:left;
			width:376px;
			padding:6px 0px 0px 0px;
		}
		
		/**** cleaning products page ****/
		.cleaning_products {
			float:left;
			width:511px;
			margin:0px 0px 7px 0px;
		}
		.cleaning_products h2 {
			display:block;
			width:506px;
			height:17px;
			color:#fff;
			background-color:#0d5ab3;
			padding:3px 0px 0px 5px;
		}
			.cleaning_products_left {
				float:left;
				width:355px;
			}
			.cleaning_products_right {
				float:right;
				width:145px;
				padding:15px 0px 0px 4px;
				text-align:center;
			}
				.cleaning_products_right a {
					font-size:10px;
				}
			.cleaning_products_qabox {
				background-color:#d8e8fb;
				float:left;
				width:340px;
				margin:5px 0px 0px 0px;
				padding:5px;
			}
		/**** end cleaning products page ****/	
		
		/**** testimonials page ****/
		.testimonial_box {
			float:left;
			width:496px;
			background:#d8e7fa;
			margin:0px 0px 0px 7px;
		}
			.testimonial_box_container {
				float:left;
				background:url(../images/testimonials_top.jpg) left top no-repeat;
				width:496px;
				padding:13px 0px 0px 0px;
			}
			.testimonial_box_content1 {
				float:left;
				background:url(../images/testimonials_bottom1.jpg) left bottom no-repeat;
				width:476px;
				padding:0px 10px 34px 10px;
			}
				.testimonial_box_content1 p {
					color:#000 !important;
					font-style:italic;
				}
				.testimonial_box_content1 h3 {
					color:#000 !important;
					font-style:italic;
					text-align:left;
					clear:both;
				}
			.testimonial_box_content2 {
				float:left;
				background:url(../images/testimonials_bottom2.jpg) left bottom no-repeat;
				width:476px;
				padding:0px 10px 31px 10px;
			}
				.testimonial_box_content2 p {
					color:#000 !important;
					font-style:italic;
				}
				.testimonial_box_content2 h3 {
					color:#000 !important;
					font-style:italic;
					text-align:right;
					clear:both;
				}
		
		/**** end testimonials page ****/
		
		/**** links page ****/
		.links_container{
			float:left;
			width:511px;
			border-style:solid; 
			border-width:1px 0px 0px 0px;
			border-color:#000;
			margin:10px 0px 0px 0px;
			padding:6px 0px 0px 0px;
		}
		.links_logo {
			float:left;
			width:210px;
		}
			.links_logo a:link, .links_logo a:visited {
				text-decoration:none;
				font-size:12px;
				font-weight:bold;
				color:#0d5ab3;
				display:block;
				width:210px;
			}
			.links_logo a:hover, .links_logo a:active {
				text-decoration:underline;
				font-size:12px;
				font-weight:bold;
				color:#000;
				display:block;
				width:210px;
			}
		.links_desc {
			float:left;
			width:295px;
			padding:13px 0px 0px 0px;
		}
		
		/**** end links page ****/
		
/**** end left side of page ****/

/**** right side of page ****/
.right {
	float:left;
	width:205px;
}
	/**** general links ****/
	.general_link_container {
		float:left;
		width:195px;
		background:url(../images/generalLinks_bgTile.jpg);
		background-repeat:repeat;
		background-position:top left;
		padding: 15px 0px 0px 10px;
		min-height: 174px;
		height: auto !important;
		height: 174px;
	}
	.general_link_container ul {
		float:left;
		display:block;
		list-style-type: none;
		width:190px;
	}
	.general_link_container li {
		float:left;
		display:block;
		list-style-type: none;
		padding:0px 0px 10px 0px;
		width:190px;
	}
	.general_link_container a {
		color:#02265c;
		font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
		font-size:15px;
		font-style:italic !important;
	}
	/**** garden small ticks - on current page ****/
	body#patio li#pationav {
		background:url(../images/green_tick.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	/**** cleaning large ticks - on current page ****/
	body#domestic li#domesticnav, body#commercial li#commercialnav, body#landlord li#landlordnav, body#carpets li#carpetsnav, body#emergency li#emergencynav, body#contact li#contactnav  {
		background:url(../images/big_blue_tick.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
	/**** garden large ticks - on current page ****/
	body#garden li#gardennav {
		background:url(../images/big_green_tick.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
	
	/**** 3rd set large ticks - on current page ****/
	body#fundraising li#fundraisingnav, body#products li#productsnav, body#testimonial li#testimonialnav, body#training li#trainingnav, body#links li#linksnav, body#area li#areanav, body#paper li#papernav {
		background:url(../images/big_red_tick.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
	
		/**** cleaning links ****/
		.domestic_cleaning_links {
			float: left;
			width:205px;
			padding:31px 0px 0px 0px;
			background:url(../images/generalLinks1_bgTop.jpg);
			background-repeat:no-repeat;
			background-position:top left;
		}
			.domestic_cleaning_links a:link, .domestic_cleaning_links a:visited {

			}
			.domestic_cleaning_links a:hover, .domestic_cleaning_links a:active {
				color: #000;
				text-decoration:underline;
				font-weight:normal!important;
			}
		/**** garden links ****/
		.garden_maintenance_links {
			float: left;
			width:205px;
			padding:31px 0px 0px 0px;
			background:url(../images/generalLinks2_bgTop.jpg);
			background-repeat:no-repeat;
			background-position:top left;
		}
			.garden_maintenance_links a:link, .garden_maintenance_links a:visited {
				color:#01450f;
			}
			.garden_maintenance_links a:hover, .garden_maintenance_links a:active {
				color: #000;
				text-decoration:underline;
				font-weight:normal!important;
			}
			.garden_maintenance_links a.sublink:link, .garden_maintenance_links a.sublink:visited {
				color:#01450f;
				font-size:13px;
				padding: 0px 0px 0px 20px;
			}
			.garden_maintenance_links a.sublink:hover, .garden_maintenance_links a.sublink:active {
				color: #000;
				text-decoration:underline;
				font-size:13px;
				padding: 0px 0px 0px 20px;
				font-weight:normal!important;
			}
		/**** 3rd set of links ****/
		.cleaning_products_links {
			float: left;
			width:205px;
			padding:31px 0px 0px 0px;
			background:url(../images/generalLinks2_bgTop.jpg);
			background-repeat:no-repeat;
			background-position:top left;
		}
			.cleaning_products_links a:link, .cleaning_products_links a:visited {
				color:#5c0202;
			}
			.cleaning_products_links a:hover, .cleaning_products_links a:active {
				color: #000;
				text-decoration:underline;
				font-weight:normal!important;
			}
	/**** end general links ****/
/**** end right side of page ****/

/**** footer ****/
.footer {
	float:left;
	width:745px;
	height:110px;
	margin:3px 0px 0px 0px;
	padding:15px;
	background:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
	.footerLinks {
		float:left;
		width:745px;
		text-align:center;
	}
		.footerLinks ul {
			text-align:center;
			display:block;
			width:745px;
			float:left;
		}
		.footerLinks li {
			display:inline;
			width:auto;
			font-size:11px;
		}
		.footerLinks a:link, .footerLinks a:visited {
			margin: 0px 3px 0px 3px;
			font-size:10px;
			color:#000;
			text-decoration:none;
		}
		.footerLinks a:hover, .footerLinks a:active {
			margin: 0px 3px 0px 3px;
			font-size:10px;
			color:#666;
			text-decoration:underline;
			font-weight:normal;
		}
	.footerInfo {
		float:right;
		width:350px;
		margin:40px 0px 0px 0px; 
	}
	.footerAnimedia {
		float:left;
		width:242px;
		margin:40px 0px 0px 0px;
		padding: 13px 0px 0px 148px;
		background:url(../images/ppc-logo.jpg) top left no-repeat;
	}
	.footerInfo p {
		font-size:9px;
		color:#333;
		text-align:right;
	}
	.footerAnimedia p {
		font-size:9px;
		color:#333;
	}
	.footerAnimedia a:link, .footerAnimedia a:visited {
		font-size:9px;
		color:#333;
		text-decoration:none;
	}
	.footerAnimedia a:hover, .footerAnimedia a:active {
		font-size:9px;
		color:#000;
		text-decoration:underline;
		font-weight:normal;
	}
/**** end footer ****/

/**** accordian ****/
#basic-accordian{
	width:511px;
	float: left;
	margin:15px 0px 0px 0px;
}
#basic-accordian h2{
	color:#fff;
	cursor: pointer;
}

.accordion_headings{
	padding:5px 0px 5px 5px;
	background-color:#0d5ab3;
	background-image:url(../images/accordion_arrow_right.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #344964;
	border-right-color: #344964;
	border-bottom-color: #fff;
	border-left-color: #344964;
}

.accordion_headings:hover{
	background-color:#f3c52a;
	background-image:url(../images/accordion_arrow_down2.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.accordion_child{
	padding:5px 0px;
	background:#fff;
}

.header_highlight{
	background-color:#0d5ab3;
	background-image:url(../images/accordion_arrow_down.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.accordion_child ul{
	display: block;
	float: left;
	width: 400px;
}
.accordion_child li{
	display: block;
	float: left;
	width: 95px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	height: 150px;
}

.accordion_child li p{
	text-align: left;

}

.accordion_child p{
	float: left;
	padding: 0px 1px;
	margin: 0px 0px 3px 0px;
	color:#0d5ab3;
}
/**** end accordian ****/
/**** accordian2 ****/
#basic-accordian3{
	width:511px;
	float: left;
	margin:15px 0px 0px 0px;
}
#basic-accordian3 h2{
	color:#0a55ba;
	cursor: pointer;
}

.accordion_headings3{
	padding:5px 0px 5px 0px;
	background-color:#fff;
	background-image:url(../images/accordion_arrow_right3.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #0a55ba;
}

.accordion_headings3:hover{
	background-color:#fff;
	background-image:url(../images/accordion_arrow_down3.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.header_highlight3{
	background-color:#fff;
	background-image:url(../images/accordion_arrow_down3.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
/**** end accordian2 ****/

a:link, a:active, a:visited {
	color: #0B54BA;
	text-decoration: underline;
}

a:hover {
	color: #003366;
	text-decoration: underline;
	font-weight: normal;
}

