/*
 People Shop - PAGE SPECIFIC STYLES
 Developed by Ollie Bettany 30/01/2008
 oliver.bettany@gmail.com
*/

/* associate pages */

	.associate #maincontent {
		background: transparent url(/_images/background/bg_maincontent_assoc.gif) repeat-y left top;
	}

	.associate #content  {
		background-color: #bad3c9;
	}
	
		.associate #content .contentbox-top {
			background-image: url(/_images/background/bg_contentbox_top_assoc.gif);
		}
	
		.associate #content .contentbox {
			background-image: url(/_images/background/bg_contentbox_assoc.gif);
		}		
	
/* customer pages */
	
	.customer #maincontent {
		background: transparent url(/_images/background/bg_maincontent_cust.gif) repeat-y left top;
	}
	
	.customer #content  {
		background-color: #cbe2c6;
	}
	
		.customer #content .contentbox-top {
			background-image: url(/_images/background/bg_contentbox_top_cust.gif);
		}
	
		.customer #content .contentbox {
			background-image: url(/_images/background/bg_contentbox_cust.gif);
		}
		
/*---------------*/
/* HOMEPAGE */

	.home #maincontent {
		background: transparent url(/_images/background/bg_maincontent_home.gif) repeat-y left top;
	}

	.home #content {
		padding: 0;
		width: 497px;
		background-color: #e6f1e4;
	}

/* main-box */

		#content .main-box {
			background: #8aa683;
			width: 497px;
			float: left;
			border-bottom: 2px solid #fff;
		}
		
			#content .main-box img {
				float: left;
				margin: 18px 12px 0 15px;
			}
			
			#content .main-box .main-box-text {
				float: left;
				width: 302px;
				margin: 15px 15px 20px 0;
			}
		
				#content .main-box .main-box-text p {
					color: #fff;
					margin: 0 0 15px 0;
					float: left;
					width: 302px;
				}
				
				#content .main-box .main-box-text a {
					color: #fff;
					font-weight: bolder;
					background: transparent url(/_images/nav/bullet_home_main.gif) no-repeat 0 5px;
					padding: 0 10px 0 12px;
					float: left;
				}

/* assoc-box */
		
		#content .assoc-box {
			background: #bad3c9;
			width: 247px;
			border-right: 3px solid #fff;
			border-bottom: 2px solid #fff;
			float: left;
			text-align: center;
		}
		
			#content .assoc-box img {
				margin: 2px auto 0 auto;
			}
				
/* cust-box */

		#content .cust-box {
			background: #cbe2c6;
			width: 247px;
			border-bottom: 2px solid #fff;
			float: left;
			text-align: center;
		}
		
			#content .cust-box img {
				margin: 4px auto 0 auto;
			}
	
/* home-contentbox */

			#content .assoc-box .home-contentbox-top,
			#content .cust-box .home-contentbox-top {
				background: transparent url(/_images/background/bg_home_contentbox_top.gif) no-repeat left top;
				height: 3px;
				width: 228px;
				margin: 0 auto 0 auto;
			}
			
			#content .assoc-box .home-contentbox,
			#content .cust-box .home-contentbox {
				background: transparent url(/_images/background/bg_home_contentbox.gif) no-repeat left bottom;
				width: 208px;
				padding: 7px 10px 10px 10px;
				text-align: center;
				margin: 0 auto 10px auto;
				min-height: 30px;
			}
			
				#content .assoc-box .home-contentbox h3,
				#content .cust-box .home-contentbox h3 {
					font-size: 1em;
					color: #394536;
					font-weight: normal;
				}
				
				#content .assoc-box .home-contentbox a,
				#content .cust-box .home-contentbox a {
					/*
					background: transparent url(/_images/nav/bullet_leftcolumn.gif) no-repeat scroll left 5px;
					padding-left: 12px;
					*/
					font-weight: bolder;
				}

/* lookout-box */		
		
		#content .lookout-box {
			background: #e6f1e4;
			padding: 17px 0 13px 17px;
			float: left;
			width: 480px;
		}
		
			#content .lookout-box h3 {
				color: #666;
				float: left;
				width: 100px;
				margin: 0 18px 0 0;
				font-size: 1.1em;
			}
			
			#content .lookout-box ul {
				float: left;
				width: 362px;
			}
		
			#content .lookout-box li {
				list-style: none;
				float: left;
				display: block;
				width: 181px;
				padding: 1px 0 2px 0;
				color: #80816e;
			}	
			
/* customer-notice override */

			#content .customer-notice h3 {
				width: auto;
				margin: 0 0 13px 0;
				color: #CC0000;
			}
			
			#content .customer-notice p {
				float: left;
				clear: left;
				margin-right: 25px;
				width: 320px;
			}	
			
			#content .customer-notice img.img-right {
				float: right;
				margin: 0 13px 0 0;
			}

/* RIGHTCOLUMN */
	
			/* requires dynamic content generated in rightcolumn - not developed yet */
			/*
			.home #rightcolumn #wanted-pic {
				padding: 22px 0 0 0;
				border-bottom: none;
			}
			*/
	
/*-------------*/
/* LOGIN PAGES */
/* CONTENT */
/* contentbox specific form stuff */
/* overrides only at form-item level because pages also user 'register' class */

			#content .contentbox h3.black {
				color: #000;
			}

				#maincontent #content .contentbox .login label {
					font-weight: bolder;
				}

				#maincontent #content .contentbox .login input {
					width: 16em;
					padding: 2px 1px 0 1px;
				}
				
				#maincontent #content .contentbox .login input.submit {
					width: auto;
					padding: 0;
				}
	
/*---------------------------------------*/
/* USERHOME PAGE */
/* CONTENT */
/* contentbox */

		.userhome #content .contentbox h3 {
			float: left;
			clear: both;
		}
		
		.userhome #content .contentbox h4 {
			float: left;
			clear: both;
		}

/* contentbox specific form stuff */

			.userhome #content .contentbox .form-item {
				width: 347px;
				margin: 1px 0 4px 0;
			}
			
				.userhome #content .contentbox .form-item label {
					color: #6a7a66;
					font-weight: bolder;
					width: 147px;
				}
				
				.userhome #content .contentbox .form-item span {
					color: #000;
					font-weight: normal;
					width: 190px;
				}
				
					/*
					.userhome #content .contentbox .form-item div.full-width {
						width: 447px;
					}
					*/
			
				.userhome #content .contentbox .form-item p.address {
					float: left;
					margin: 2px 0 0 0;
					width: 190px;
				}
				
					.userhome #content .contentbox .form-item p span {
						margin: 1px 0 4px 0;
					}
		
/*---------------------------------------*/
/* CALENDER PAGES */
/* CONTENT */
/* contentbox */
		
			.calender #content .contentbox h3 {
				color: #000;
				float: left;
				clear: both;
			}
				
				.calender #content .contentbox h3 span {
					font-weight: normal;
					color: #666;
				}
				
			.calender #content .contentbox h4 {
				background: #edf5ec;
				color: #666;
				float: left;
				width: 451px;
				margin-top: 15px;
			}
			
				.calender #content .contentbox h4 span.normal {
					font-weight: normal;
					color: #000;
				}

			.calender #content .contentbox p {
				float: left;
				clear: both;
			}

			.calender #content .contentbox p.intro {
				margin: 0;
			}
			
/* form-item */			
			
				.calender #content .contentbox .form-item label {
					width: 160px;
				}
				
				.calender #content .contentbox .form-item label.from {
					width: 120px;
				}
				
				.calender #content .contentbox .form-item label.until {
					padding: 0 5px 0 5px;
					width: auto;
					color: #000;
					font-weight: normal;
				}
				
				.calender #content .contentbox .form-item span {
					float: left;
					margin: 3px 7px 0 0;
					font-weight: bolder;
				}
				
				.calender #content .contentbox .form-item span.miles {
					margin: 3px 3px 0 0;
				}
				
				.calender #content .contentbox .form-item img {
					float: left;
					display: block;
					margin: 0 7px 0 0;
				}
				
				.calender #content .contentbox .form-item label.hidden {
					display: none;
				}
				
				.calender #content .contentbox .form-item .contentbox-nav {
					float: left;
					margin-top: 3px;
				}
				
					.calender #content .contentbox .form-item .contentbox-nav a {
						margin: 0;
					}

			.calender #content .contentbox .submit-item {
				text-align: center;
			}

/* don't require assignation of custom body class */
				
					#content .contentbox .form-item input.postcode {
						width: 8em;
						text-transform: uppercase;
					}
					
					#content .contentbox .form-item select.distance {
						width: 10.5em;
					}
					
			
/* availability checkboxes */

			#content .contentbox .availability {
				float: left;
				width: 100%;
				text-align: center;
			}

				#content .contentbox .availability .form-item {
					clear: none;
					width: 110px;
				}
				
					#content .contentbox .availability .form-item label {
						width: auto;
						font-weight: normal;
					}
					
					#content .contentbox .availability .form-item input {

						margin: 4px 4px 0 0;
					}
					
/* available-box */

		#content .contentbox .available-box {
			float: left;
			width: 460px;
			background: #fff url(/_images/background/bg_available_box.gif) no-repeat left bottom;
			margin: 0 0 10px -6px;
		}
		
			#content .contentbox .available-box .available-content {
				margin: 10px 15px 15px 15px;
				float: left;
				width: 430px;
			}
				
				#content .contentbox .available-box .available-content p {
					width: 430px;
					color: #333;
					float: left;
				}
				
				#content .contentbox .available-box .available-content .form-item {
					width: 430px;	
				}
				
				#content .contentbox .available-box .available-content .submit-item {
					text-align: center;
					width: 430px;
				}							
		
/*---------------*/
/* SERVICE PAGES */
/* CONTENT */
/* contentbox */	

		.services #content .contentbox {				
			width: 449px;
			padding: 0 15px 0 15px;
			margin: 0 0 15px 0;
			float: left;		
		}		
		
			.services #content .contentbox span.mainpic {
				float: left;
				margin: 0 15px 0 0;
				width: 100px;
				height: 100px;
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			.services #content .contentbox p.service-intro {
				margin: auto 0 auto 0;
				float: left;
				width: 334px;
			}	
			
/* main service-box nav */
			
			#content .contentbox ul.service-list {
				float: left;
				margin: 0 0 15px 0;
			}

				#content .contentbox ul.service-list li {		
					background: #edf5ec url(/_images/services/bg_ico_default.gif) no-repeat left top;
					margin: 0 0 15px 0;
					list-style: none;
					min-height: 41px;
					display: block;
					width: 450px;	
					float: left;
					padding: 0;
				}
			
					#content .contentbox ul.service-list li h3 {		
						float: left;
						font-size: 1em;
						margin: 0;
					}
					
						#content .contentbox ul.service-list li h3 a {
							display: block;
							float: left;
							min-height: 41px;
							color: #000;
						}
						
							#content .contentbox ul.service-list li h3 a span {
								cursor: pointer;
							}
							
							#content .contentbox ul.service-list li h3 a.disabled span {
								color: #799f71;
								cursor: default;
							}
							
								#content .contentbox ul.service-list li h3 a.disabled:hover {
									text-decoration: none;
									cursor: default;	
								}
								
									#content .contentbox ul.service-list li h3 a.disabled:hover span {
										cursor: default;	
									}
					
						#content .contentbox ul.service-list li h3 img {
							float: left;
							padding: 6px 27px 6px 7px;
							margin: 0;
							font-size: 0em;
						}
							
						#content .contentbox ul.service-list li h3 span {
							padding: 12px 0 0 0;
							float: left;
							color: #000;
						}
							
					#content .contentbox ul.service-list li p {
						float: left;
						/*
						width: auto;
						*/
						width: 200px;
						margin: 12px 0 0 9px;
						font-style: italic;
					}
	
					#content .contentbox ul.service-list li a.info {
						background: transparent url(/_images/services/button_info.gif) no-repeat left top;
						display: block;
						min-height: 20px;
						width: 20px;
						position: relative;
						top: 11px;
						left: 20px;
						margin: 0 auto 0 auto;
						cursor: pointer;
					}
					
					#content .contentbox ul.service-list li a.search {		
						float: right;
						padding: 12px 10px 0 0;
						margin: 0 10px 0 0;
						min-height: 29px;
						font-weight: bolder;
						background: transparent url(/_images/services/bullet_search.gif) no-repeat right 18px;
					}
				
/* 2nd level title breadcrumb */

				#content .contentbox ul.title-breadcrumb {
					margin: 0 0 13px 0;
					padding: 0 0 13px 0;
					display: block;
					border-bottom: 1px dotted #b0b3b5;
					width: 451px;
					float: left;
				}
				
					#content .contentbox ul.title-breadcrumb li {
						float: left;
						list-style: none;
						background: transparent url(/_images/services/bullet_title_default.gif) no-repeat left 5px;
						padding: 0 5px 0 15px;
						width: auto;
						min-height: 20px;
						margin: 0;
					}
					
					/* requires #maincontent ref so style doesn't get overwritten */
					#maincontent #content .contentbox ul.title-breadcrumb li.first {
						background-image: none;
						padding-left: 0;
					}
					
						#content .contentbox ul.title-breadcrumb li h2 {
							width: auto;
							border: none;
							margin: 0;
							padding: 0;
						}
						
/* ASSOCIATE specific */

				.associate #content .contentbox ul.service-list li {		
					background: #edf5ec url(/_images/services/bg_ico_associate.gif) no-repeat left top;
				}
				
					.associate #content .contentbox ul.title-breadcrumb li {
						float: left;
						list-style: none;
						background: transparent url(/_images/services/bullet_title_associate.gif) no-repeat left 5px;
					}
					
/* HOUSEHOLD services specific */
/* maincontent/main nav */

	.household #maincontent {
		background: transparent url(/_images/background/bg_maincontent_house.gif) repeat-y left top;
	}
	
				.household #mainnav li a.mn-house {
					color: #fff;		
					background-color: #a49554;
				}

/* content */

	.household #content {
		background: #e6cd94;
	}

		.household #content .contentbox-top {
			background: transparent url(/_images/services/bg_servicebox_house_top.gif) no-repeat left top;
		}
		
		.household #content .contentbox {
			background: #fff url(/_images/services/bg_servicebox_house.gif) no-repeat left bottom;	
		}
		
			.household #content .contentbox h2,
			.household #content .contentbox h2 a {
				color: #e6cd94;
			}
			
			.household #content .contentbox span.mainpic {
				background-image: url(/_images/services/mainpic_house.jpg);
			}

					.household #content .contentbox ul.service-list li {		
						background-image: url(/_images/services/bg_ico_house.gif);	
					}
					
							.household #content .contentbox ul.service-list li h3 img {
								color: #e6cd94;
							}
					
					.household #content .contentbox ul.title-breadcrumb li {
						background-image: url(/_images/services/bullet_title_house.gif);
					}
			
/* LIFESTYLE services specific */
/* maincontent/main nav */

	.lifestyle #maincontent {
		background: transparent url(/_images/background/bg_maincontent_life.gif) repeat-y left top;
	}
	
				.lifestyle #mainnav li a.mn-life {
					color: #fff;		
					background-color: #777f16;
				}
	
/* content */

	.lifestyle #content {
		background: #c8d35c;
	}

		.lifestyle #content .contentbox-top {
			background: transparent url(/_images/services/bg_servicebox_life_top.gif) no-repeat left top;
		}
		
		.lifestyle #content .contentbox {
			background: #fff url(/_images/services/bg_servicebox_life.gif) no-repeat left bottom;	
		}
		
			.lifestyle #content .contentbox h2,
			.lifestyle #content .contentbox h2 a {
				color: #c8d35c;
			}
			
			.lifestyle #content .contentbox span.mainpic {
				background-image: url(/_images/services/mainpic_life.jpg);
			}

					.lifestyle #content .contentbox ul.service-list li {		
						background-image: url(/_images/services/bg_ico_life.gif);	
					}
					
							.lifestyle #content .contentbox ul.service-list li h3 img {
								color: #c8d35c;
							}
			
					.lifestyle #content .contentbox ul.title-breadcrumb li {
						background-image: url(/_images/services/bullet_title_life.gif);
					}

/* GARDEN services specific */
/* maincontent/main nav */
			
	.garden #maincontent {
		background: transparent url(/_images/background/bg_maincontent_garden.gif) repeat-y left top;
	}

				.garden #mainnav li a.mn-garden {
					color: #fff;		
					background-color: #345729;
				}

/* content */

	.garden #content {
		background: #8bb565;
	}

		.garden #content .contentbox-top {
			background: transparent url(/_images/services/bg_servicebox_garden_top.gif) no-repeat left top;
		}
		
		.garden #content .contentbox {
			background: #fff url(/_images/services/bg_servicebox_garden.gif) no-repeat left bottom;	
		}
		
			.garden #content .contentbox h2,
			.garden #content .contentbox h2 a  {
				color: #87b360;
			}
			
			.garden #content .contentbox span.mainpic {
				background-image: url(/_images/services/mainpic_garden.jpg);
			}

					.garden #content .contentbox ul.service-list li {		
						background-image: url(/_images/services/bg_ico_garden.gif);	
					}
					
							.garden #content .contentbox ul.service-list li h3 img {
								color: #87b360;
							}
			
					.garden #content .contentbox ul.title-breadcrumb li {
						background-image: url(/_images/services/bullet_title_garden.gif);
					}
						
/* DIY services specific */
/* maincontent/main nav */

	.diy #maincontent {
		background: transparent url(/_images/background/bg_maincontent_diy.gif) repeat-y left top;
	}

				.diy #mainnav li a.mn-diy {
					color: #fff;		
					background-color: #4e7583;
				}
	
/* contentbox */

	.diy #content {
		background: #a2d0d6;
	}

		.diy #content .contentbox-top {
			background: transparent url(/_images/services/bg_servicebox_diy_top.gif) no-repeat left top;
		}
		
		.diy #content .contentbox {
			background: #fff url(/_images/services/bg_servicebox_diy.gif) no-repeat left bottom;	
		}
		
			.diy #content .contentbox h2,
			.diy #content .contentbox h2 a {
				color: #a2d0d6;
			}
			
			.diy #content .contentbox span.mainpic {
				background-image: url(/_images/services/mainpic_diy.jpg);
			}

					.diy #content .contentbox ul.service-list li {		
						background-image: url(/_images/services/bg_ico_diy.gif);	
					}
					
							.diy #content .contentbox ul.service-list li h3 img {
								color: #a2d0d6;
							}
			
					.diy #content .contentbox ul.title-breadcrumb li {
						background-image: url(/_images/services/bullet_title_diy.gif);
					}
			
/* TECHNOLOGY services specific */
/* main nav/maincontent */

	.technology #maincontent {
		background: transparent url(/_images/background/bg_maincontent_tech.gif) repeat-y left top;
	}

				.technology #mainnav li a.mn-tech {
					color: #fff;		
					background-color: #435662;
				}
					
/* contentbox */

	.technology #content {
		background: #84a2b6;
	}

		.technology #content .contentbox-top {
			background: transparent url(/_images/services/bg_servicebox_tech_top.gif) no-repeat left top;
		}
		
		.technology #content .contentbox {
			background: #fff url(/_images/services/bg_servicebox_tech.gif) no-repeat left bottom;	
		}
		
			.technology #content .contentbox h2,
			.technology #content .contentbox h2 a {
				color: #84a2b6;
			}

			.technology #content .contentbox span.mainpic {
				background-image: url(/_images/services/mainpic_tech.jpg);
			}

					.technology #content .contentbox ul.service-list li {		
						background-image: url(/_images/services/bg_ico_tech.gif);	
					}
					
							.technology #content .contentbox ul.service-list li h3 img {
								color: #84a2b6;
							}
			
					.technology #content .contentbox ul.title-breadcrumb li {
						background-image: url(/_images/services/bullet_title_tech.gif);
					}
			
/*---------------------------------------*/
/* ASSOCIATE/CUSTOMER REGISTRATION PAGES */
/* CONTENT */
/* contentbox */
				
			#content .contentbox .reg-progress-img {
				background-repeat: no-repeat;
				background-position: left;
				background-color: transparent;
				width: 450px;
				height: 46px;
				float: left;
			}
			
				#content .contentbox .reg-progress-img img.loc-step {
					position: relative;
				}
				
/* ASSOCIATE REG PROGRESS IMAGE */			
/* intro */

			.assoc-intro #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/assoc_reg_diagram_intro.gif);
			}
			
				.assoc-intro #content .contentbox .reg-progress-img img.loc-step {
					display: none;
				}

/* part 1 */

			.assoc-part1 #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/assoc_reg_diagram_part1_ALT.gif);
			}
			
				.assoc-step1 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 0px;
					left: 124px;
				}
				
				.assoc-step2 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 40px;
					left: 213px;
				}
				
				.assoc-step3 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 0px;
					left: 301px;
				}
						
/* part 2 */

			.assoc-part2 #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/assoc_reg_diagram_part2.gif);
			}
			
				.assoc-step4 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 40px;
					left: 215px;
				}
				
				.assoc-step5 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 0px;
					left: 301px;
				}
				
/* part 3 */

			.assoc-part3-intro #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/assoc_reg_diagram_part3_intro.gif);
			}
			
				.assoc-part3-intro #content .contentbox .reg-progress-img img.loc-step {
					display: none;
				}

			.assoc-part3 #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/assoc_reg_diagram_part3.gif);
			}
			
				.assoc-step6 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 0px;
					left: 225px;
				}
				
				.assoc-step7 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 40px;
					left: 284px;
				}
				
				.assoc-step8 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 0px;
					left: 330px;
				}
				
				.assoc-step9 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 40px;
					left: 398px;
				}
				
/* CUSTOMER REG PROGRESS IMAGE */		
/* intro */

			.cust-intro #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/cust_reg_diagram_intro.gif);
			}
			
				.cust-intro #content .contentbox .reg-progress-img img.loc-step {
					display: none;
				}

/* part 1 */

			.cust-part1 #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/cust_reg_diagram_part1.gif);
			}
			
				.cust-step1 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 0px;
					left: 124px;
				}
				
				.cust-step2 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 40px;
					left: 200px;
				}
				
				.cust-step3 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 0px;
					left: 281px;
				}
				
				.cust-step4 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 40px;
					left: 353px;
				}
				
/* part 2 */

			.cust-part2 #content .contentbox .reg-progress-img {
				background-image: url(/_images/custom/cust_reg_diagram_part2.gif);
			}
			
				.cust-step5 #content .contentbox .reg-progress-img img.loc-step {
					display: block;
					top: 40px;
					left: 215px;
				}
				
				.cust-step6 #content .contentbox .reg-progress-img img.loc-step {
					position: relative;
					top: 0px;
					left: 301px;
				}

/* contentbox-nav */

				.register #content .contentbox .contentbox-nav li,
				/* required for registration page "editAvailability.aspx" */
				#maincontent #content .contentbox .register li {
					background: transparent url(/_images/common/bullet_contentbox.gif) no-repeat 0 6px;
					font-weight: bolder;
					padding: 0 0 0 8px;
				}
				
					.register #content .contentbox .contentbox-nav li,
					/* required for registration page "editAvailability.aspx" */
					#maincontent #content .contentbox .register li h3 {
						color: #666;
					}
					
/* contentbox specific form stuff */
/* #maincontent overrides #content styles */

					#content .contentbox .form-item select.title {
						width: 5em;
					}			
				
				.register #content .contentbox .form-item label {
					font-weight: normal;
				}

				.register #content .contentbox .form-item input {
					width: 16em;
				}
				
						.register #content .contentbox .form-item .checkbox input {
							width: auto;
							margin-top: 1px;
						}
						
/* submit-item */
				
				/* required for registration page "editAvailability.aspx" */
				#maincontent #content .contentbox .register p {
					width: auto;
					float: left;
				}
				
				#content .contentbox .submit-item .contentbox-nav li {
					background: transparent url(/_images/nav/bullet_contentbox_right.gif) no-repeat 0 2px;
					padding: 0 5px 0 7px;
				}
				
					#content .contentbox .submit-item .contentbox-nav li.first {
						background: none;
						padding-left: 0;
					}

/*------------------------------*/
/* SELECT APPOINTMENT PAGE */
/* CONTENT */
/* contentbox */

			.select #content .contentbox .form-item label {
				font-weight: normal;
			}

/*------------------------------*/
/* SEARCH PAGES */
/* CONTENT */
/* contentbox */

				.search #content .contentbox h3 span {
					text-transform: uppercase;
				}
				
/* contentbox specific form stuff */

				.search #content .contentbox .form-item select {
					width: 16em;
				}
				
				.search #content .contentbox .form-item select.distance {
					width: 6em;
				}
				
				.search #content .contentbox .radio span {
					font-weight: bolder;
				}
				
				.search #content .contentbox .radio label {
					font-weight: normal;
					width: 90px;
					margin-right: 0;
				}
				
			.search #content .contentbox .submit-item {
				text-align: center;
			}
			
/*------------------------------*/
/* EDIT SKILLS */
/* CONTENT */
/* contentbox */	
/* contentbox-nav */

			.edit-skills #content .contentbox .top {
				margin-top: -79px;
			}

/*------------------------------*/
/* LOGOUT PAGE */
/* CONTENT */
/* contentbox */
/* contentbox-nav */
			
			.logout #content .contentbox .contentbox-nav {
				float: left;
			}
	
/*------------------------------*/
/* BOOKING DETAIL PAGE */
/* CONTENT */
/* contentbox */

			.book-detail #content .contentbox h3 {
				color: #000;
				float: left;
				width: 451px;
			}
			
			.book-detail #content .contentbox h4 {
				float: left;
				width: 451px;
			}
			
			.book-detail #content .contentbox p {
				width: 451px;
				margin-bottom: 4px;
				float: left;
			}

/* form-item */

			.book-detail #content .contentbox .form-item {
				background: #edf5ec;
				padding: 0 0 3px 4px;
				width: 447px;
			}
			
				.book-detail #content .contentbox .form-item textarea {
					width: 436px;
					margin-bottom: 3px;
				}
			
				.book-detail #content .contentbox .form-item a {
					float: right;
					background: transparent url(/_images/nav/bullet_moredetails.gif) no-repeat right 9px;
					padding: 3px 8px 0 0;
					margin: 0 5px 0 0;
				}
				
/* submit-item */
				
				.book-detail #content .contentbox .submit-item p {
					margin-bottom: 2px;
					font-size: 1em;
					float: none;
				}
				

/*------------------------------*/
/* BOOKING SIGN-OFF DETAIL PAGE (ab) */
/* CONTENT */

.sign-off #content .contentbox h3{
	color:#6A7A66;
}
				
/*------------------------------*/
/* EXTEND BOOKING PAGE */
/* CONTENT */
/* contentbox */
/* form-item */

				.extend-booking #content .contentbox .form-item label {
					width: 150px;
					font-weight: normal;
				}
											
				.extend-booking #content .contentbox .form-item img {
					margin: 0 0 0 6px;
				}
				
/*------------------------------*/
/* ADMIN PAGES */
/* CONTENT */

	.admin #maincontent {
		background: transparent url(/_images/background/bg_maincontent_admin.gif) repeat-y left top;
	}
				
	.admin #content {
		width: 681px;
		margin: 0;
	}
	
	
		
/* contentbox frame */
	
		.admin #content .contentbox-top {
			background: transparent url(/_images/background/bg_contentbox_top_admin.gif) no-repeat left top;
			width: 680px;
		}
		
		.admin #content .contentbox {
			background: transparent url(/_images/background/bg_contentbox_admin.gif) no-repeat left bottom;
			width: 652px;
		}
		
			.admin #content .contentbox h2 {
				width: 652px;
			}
			
/*--------------------------------*/
/* HOLDING PAGES */
/* CONTENT */		
/* contentbox frame */

			.holding #content .contentbox h2 {
				width: 315px;
				padding-bottom: 15px;
			}

			.holding #content .contentbox h3 {
				clear: left;
			}
			
			.holding #content .contentbox img.img-right {
				margin: 0;
			}
			
			.holding #content .contentbox p {
				margin: 0;
			}
			

/*------------------------------------------*/
/* TERMS + CONDITIONS FIX FOR SECURITY.ASPX */
/* CONTENT */

			.sitemap #content .contentbox ul {
				float: left;
				clear: left;
				width: 451px;
			}		
			
/*--------------------------------*/
/* SERVICE CATEGORIES BIRDSEED PAGE */
/* CONTENT */		
					
			.service-lists #content .contentbox h2.no-border {
				border-bottom: none;
				padding: 0;
				margin: 0;
			}
			
/*-------------------*/
/* HOW IT WORKS PAGE */

		#content .contentbox .col1 {
			float: left;
			padding: 0 10px 0 0;
			width: 180px;
		}
		
		#content .contentbox .col2 {
			float: left;
			padding: 0 0 0 10px;
			width: 249px;
		}