/**
 * Screen styles for VHHE
 * Created 18 Apr 2008
 */
 
 body {
 	margin: 50px 0;
 	padding: 0;
 	}
 	
 	
 	/* -- links */
 	a {
 		color: #ba2b29;
 		text-decoration: none;
 		}
 	a:hover {
 		text-decoration: underline;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 	
 	
 	/* -- common elments */
 	h1, h2, h3, h4, h5, h6, ul, ol, p, form, fieldset {
 		margin: 0;
 		padding: 0;
 		list-style: none;
 		border: 0;
 		}
 		
 		
 	
 	/* structure
 	---------------------------------------*/
 	#container {
 		width: 898px;
 		margin: 0 auto;
 		}
 		
 		
 		/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
		.clearfix:after {
			display: block;
			clear: both;
			height: 0;
			content: ".";
			visibility: hidden;
			}
		* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */
			height: 1%;
			}
		*+ html .clearfix {
			height: 1%;
			}
			
 		
 		/* -- header */
 		#header {
 			position: relative;
 			height: 140px;
 			}
 			
 			/* healthcare equipment solutions */
 			#header h2 {
 				position: absolute;
 				top: 0;
 				right: 0;
 				}
 				
 			/* main navigation */
 			ul#main-nav {
 				position: absolute;
 				bottom: 0;
 				left: 0;
 				width: 898px;
 				height: 47px; 	
 				background: url(images/btn-main-nav.gif) no-repeat;
 				}
 			#main-nav li {
 				float: left;
 				display: block;
 				margin: 0;
 				}
 			#main-nav li a {
 				float: left;
 				display: block;
 				margin: 0;
 				height: 47px;
 				text-indent: -999em;
 				}
 			#main-nav li a.home {
 				width: 85px;
 				}
 			#main-nav li a.home:hover {
 				background: url(images/btn-main-nav.gif) 0 -47px no-repeat;
 				}
 			#main-nav li a.about {
 				width: 78px;
 				}
 			#main-nav li a.about:hover {
 				background: url(images/btn-main-nav.gif) -85px -47px no-repeat;
 				}
 			#main-nav li a.catalogue {
 				width: 173px;
 				}
 			#main-nav li a.catalogue:hover {
 				background: url(images/btn-main-nav.gif) -162px -47px no-repeat;
 				}
 			#main-nav li a.repairs {
 				width: 210px;
 				}
 			#main-nav li a.repairs:hover {
 				background: url(images/btn-main-nav.gif) -335px -47px no-repeat;
 				}
 			#main-nav li a.hire {
 				width: 151px;
 				}
 			#main-nav li a.hire:hover {
 				background: url(images/btn-main-nav.gif) -545px -47px no-repeat;
 				}
 			#main-nav li a.login {
 				width: 85px;
 				}
 			#main-nav li a.login:hover {
 				background: url(images/btn-main-nav.gif) -696px -47px no-repeat;
 				}
 			#main-nav li a.contact {
 				width: 116px;
 				}
 			#main-nav li a.contact:hover {
 				background: url(images/btn-main-nav.gif) -781px -47px no-repeat;
 				}
 				
 				
 		/* -- main content */
 		#main-body {
 			margin: 5px 0 15px;
 			}
 			
 			/* side bar - navigation, product finder */
 			#sidebar {
 				float: left;
 				width: 203px;
 				padding: 0 0 0 6px;
 				}
 				
 				/* sec navigation */
 				ul#sec-nav {
					margin: 8px 0 0;
					}
				#sec-nav li {
					display: block;
					width: 203px;
					padding: 0 0 3px;
					}
				#sec-nav li a {
					display: block;
					width: 183px;
					padding: 2px 10px;
					color: #fff;
					font-size: 1.1em;
					background: #f7662f;
					}
					
				#sec-nav li a:hover {
					text-decoration: underline;
					}
				#sec-nav li a.mobility {
 					background: #fdbb5b;
 					}
 				#sec-nav li a.bedroom {
 					background: #f23038;
 					}
 				#sec-nav li a.seating {
 					background: #ec4070;
 					}
 				#sec-nav li a.pressure {
 					background: #923e70;
 					}
 				#sec-nav li a.manual {
 					background: #40316a;
 					}
 				#sec-nav li a.barlatric {
 					background: #324f89;
 					}
 				#sec-nav li a.aids {
 					background: #3370a7;
 					}
 				#sec-nav li a.exercise {
 					background: #2e9ab7;
 					}
 				#sec-nav li a.ward {
 					background: #30aa93;
 					}
 				#sec-nav li a.laundry {
 					background: #2f9355;
 					}
 				#sec-nav li a.rails {
 					background: #77b44d;
 					}
 				#sec-nav li a.miscellaneous {
 					background: #a79b71;
 					}
 				
 				
 				/* finder */
 				div#finder {
 					margin: 10px 0 0;
 					padding: 0 0 20px;
 					background: #c9d0d7 url(images/bg-product-finder.gif) bottom no-repeat;
 					line-height: 0;
 					}
 				.pbSiteSearch {
 					padding: 5px 10px 10px;
					list-style-type:none;
 					}
				.pbSiteSearch .keywords {
					list-style:none;
					}
 				.pbSiteSearch .Textbox {
 					float: left;
 					width: 110px;
 					margin-right: 5px;
 					border: 1px solid #3471a7;
 					}
 				.pbSiteSearch .Button {
 					float: left;
 					display: block;
 					width: 60px;
 					height: 19px;
 					border: 0;
 					background: url(images/btn-search.gif) no-repeat;
 					text-indent: -999em;
 					}
				.pbSearchResults .AltItem {
					background:#F7F7F7;
				}
			.ManagedStockSearch .keywords {
					list-style-type:none;
					}
			.ManagedStockSearch {
			padding:0 0 0 0;
			clear:both;
				}
			.ManagedStockSearch ul {
				display:block;
				list-style-type:none;
				margin:0;
				padding:0;
				width:100%;
				}
			.ManagedStockSearch ul li {
				display:block;
				list-style-type:none;
				margin:0;
				padding:0;
				float:left;
				}
				
			hr {
				border:none;
				margin:10px 0;
				height:1px;
				color:#25487b;
				background:#25487b;
			}
			
 				
 			/* content - welcome, solutions, products, login */
 			#content {
 				float: right;
 				width: 669px;
 				padding: 0 8px 0 0;
 				}
 				
 				/* banner */
 				div#banner {
 					height: 171px;
 					background: url(images/bg-banner.jpg) no-repeat;
 					}
 					
 					div#inner-content {
 						margin: 5px 0 15px;
 						font-size: 1em;
 						background: url(images/bg-divider.gif) 438px 0 repeat-y;
 						}
 					
 					/* welcome */
 					div#welcome {
 						float: left;
 						width: 396px;
 						padding-left: 18px;
						margin: 0 0 5px;
 						}
 						* html div#welcome h2 {
 							margin: 0 0 8px;
 							}
 					div#welcome p {margin:8px 0 0 0;}
 					p#about {
 						margin: 8px 0 0;
 						text-align: right;
 						}
 						
 					/* equipment */
 					div#equipment {
 						float: right;
 						width: 170px;
 						padding-right: 36px;
 						}
 						* html div#equipment h2 {
 							margin: 0 0 8px;
 							}
					#equipment ul {margin:8px 0 0 0;}
 					div#equipment li {
 						padding: 0 0 1px 28px;
 						background: url(images/icon-tick.gif) 5px 2px no-repeat;
 						}
 				
 				/* featured products */
 				div#featured-products {
 					position: relative;
 					float: left;
 					width: 434px;
 					padding: 0 0 8px;
 					background: #c9d0d7 url(images/bg-featured-products.gif) bottom no-repeat;
 					}
 					
 					div#featured-products a.more {
						position: absolute;
						top: 0;
						right: 0;
						display: block;
						width: 180px;
						height: 36px;
						text-indent: -999em;
						cursor: pointer;
						z-index: 99;
						background: #000;
						filter: alpha(opacity=0);
						-moz-opacity: 0;
						opacity: 0;
						}
						
					div#featured-products .items {
						float: left;
						width: 180px;
						padding: 5px 15px;
						}
					div#featured-products .items h4 {
						font-size: 1.1em;
						line-height:1.1em;
						}
					div#featured-products .items img {
						float: left;
						margin: 4px 5px 0 0;
						}
					
					
 					
 				/* login */
 				div#login {
 					float: right;
 					width: 220px;
 					padding: 0 0 8px;
 					background: #c9d0d7 url(images/bg-login.gif) bottom no-repeat;
					position:relative;
					margin:0 0 10px 0;
 					}
 
		/* PB USER LOGIN */
		#pbUserLogin {
			padding:0 0 0 17px;
			}
		 #pbUserLogin table { 
			width:180px;
		 }
		#pbUserLogin td { 
			padding:3px;
			vertical-align:top;
		 }
		#pbUserLogin .TextBox { 
			width: 110px;
 			border: 1px solid #3370a7;
		 }
		#pbUserLogin .LoginButton { 
			width: 45px;
			height: 16px;
			float: right;
			display: block;
			border: 0;
 			background: url(images/btn-login.gif) no-repeat;
 			text-indent: -999em;
		 }
		 #pbUserLogin .ForgottenPassword {
		 	font-size:0.9em;
			display:block;
			position:absolute;
			left:18px;
			top:95px;
			}
		#RightColumn {
			float: right;
			width: 220px;	
		}
 					
 			
 		/* -- footer */
 		#footer {
 			margin: 15px 0;
 			border-top: 1px solid #ccc;
 			color: #666666;
 			font-size: 1em;
 			}
 		#footer a {
 			color: #666666;
 			}
 		#footer #copyright {
 			float: left;
 			padding: 3px 10px;
 			}
 		#footer #siteby {
 			float: right;
 			padding: 3px 10px;
 			color: #CCC;
 			}
 		#footer #siteby a {
 			color: #CCC;
 			}
 			
 			
 			
 			/* inner page styles */
 			#innerpage-content {
 				background: none;
 				padding: 0 15px;
 				}
 				
 				/* page title */
 				h2#inner-main-title {
 					margin: 0 0 15px;
 					padding: 10px 15px;
 					background: url(images/h2-main-title.gif) bottom no-repeat;
 					color: #b9272a;
 					font-size: 1.6em;
 					}
 				
 				/* in this section */
 				#section {
 					float: right;
 					width: 192px;
 					padding: 0 0 8px;
 					background: #c9d0d7 url(images/bg-section.gif) bottom no-repeat;
 					}
 				#section h3 {
 					width: 192px;
 					height: 34px;
 					background: url(images/h3-section.gif) no-repeat;
 					}
 				#section ul, #login ul {
 					padding: 0 3px;
 					}
 				#section li, #login li {
 					width: 186px;
 					margin: 0;
 					padding: 0;
					list-style-type:none;
 					}
 				#section li.alt, #login li.alt {
 					display: block;
 					background: #d9dee3;
 					}
 				#section li a, #login li a {
 					width: 156px;
 					display: block;
 					padding: 3px 15px;
 					color: #25487b;
 					text-decoration: none;
 					}
 				#section li a:hover, #login li a:hover {
 					background: #fff;
 					}
					
			.ProductCategories {
				
				}
			#innerpage-content .ProductCategories li {
				padding:10px;
				border-bottom:1px solid #C9D0D7;
				line-height:1.1em;
				list-style-type:none;
				margin:0px;
				}
			.ProductCategories .Alt {
				background:#ECEEF1;
				}
			.ProductCategories .Name {
				font-size:1.3em;
				line-height:1.1em;
				}
				
		.pbProductSubCategoryList .SubCatFrame {
			display:block;
			margin:0 10px 10px 0;
			padding:10px;
			width:100px;
			height:187px;
			float:left;
			background:#ECEEF1;
			border:1px solid #C9D0D7;
			text-align:center;
			font-size:1.2em;
			line-height:1em;
			}
		.pbProductSubCategoryList .SubCatFrame:hover {
			border:1px solid #ba2b29;
			text-decoration:none;
			}
		.ImgFrame {
			width:100px;
			height:100px;
			text-align:center;
			margin:0 0 5px 0;
			cursor:pointer;
			text-decoration:none;
			}
		.ProductMainPic {
			
			}
		.ProductMainPic:hover {
			border:1px solid #ba2b29;
			}
			
		#pbProductsList div.ProductFrame {
			display:block;
			margin:0 10px 10px 0;
			padding:10px;
			width:100px;
			height:185px;
			float:left;
			border:1px solid #C9D0D7;
			text-align:center;
			font-size:1em;
			line-height:1.1em;
		}
		#pbProductsList div.ProductFrame:hover {
			border:1px solid #C9D0D7;
			text-decoration:none;
			background:#ECEEF1;
		}
		.ImgFrame {
			display:block;
			width:100px;
			height:100px;
		}
		
		#pbProductsList .bookmarks a {
			font-size:0.7em;
		
		}
		#pbProductsList .bookmarksManaged a {
			font-size:1.2em;
			font-weight:bold;
		}
		#pbProductsList .pbBookmark {
			margin: 10px 0 0 0;
		}
		
		#pbProductsList table tr td a {
			display:inline;
			margin:0;
			padding:0;
			width:auto;
			height:auto;
			float:none;
			border:none;
			text-align:left;
			font-size:1.3em;
			line-height:1.3em;
		}
		#pbProductsList a img {
			margin-bottom:5px;
		}
		
		#pbProductCategorySelector table tbody td {
			border-bottom:none;
			}
		
		
	/*MANAGED STOCK LIST*/
	
				.pbList ul {
 					padding: 0;
 					}
 				.pbList li {
 					margin: 0;
 					padding: 0;
					list-style-type:none;
					border-bottom:1px solid #C9D0D7;
					clear:both;
 					}
	
				.pbList li img { 
					margin:0 10px 10px 0;
				}

		.BookMarksBox {
			padding:10px 0 0 12px;
			}
		.InfoAlert {
			display:block;
			border: 1px solid #CCC;
			background: #EAEAEA url(images/icon-info.gif) no-repeat 8px 10px;
			padding:10px 10px 10px 30px;
			margin:15px 10px 0 0;
			width:250px;
		}
	.ContentSkipper {
		display:none;
	}
	
	.field span {
		color:red; 
		font-weight:bold;
		}
	
	
	/* pbCustomForm Controls */

.CustomForm_Required {color:red;}
.CustomForm_Table td {padding:3px; color:#555555;}
.CustomForm_TextBox,
.CustomForm_DropDown,
.CustomForm_TextArea {border: 1px solid #999999; font-family:Verdana, Arial; font-size:12px; color:#555555; background-color:#f7f7f7; padding:3px;}
 .CustomForm_SubmitButton {	background-color: #EAEAEA; border: 1px solid #999999; font-family: Verdana, Arial; font-size: 12px; color: #555555; font-weight:bold;}
 .CustomForm_Errors {color:red;}
 .CustomForm_Label {font-weight:bold; font-size:14px;}
 .HiddenObject {display:none;}
 
 .pbBookmarksManager .description .description {display:none;}
 .pbBookmarksManager .description .category {display:none;}