/*==============================================================================================
				mainStyle.css
================================================================================================*/		
*{margin: 0; padding: 0;}

img{
	border: none;
}

html{
	/*background-color: #D1D0D0;*/
	background: #C6C6C6 url("../wsimages/htmlBg.jpg") bottom left repeat-x;
	text-align: center;
}

body{
	font-family: arial, verdana;
	text-align: left;
	font-size: 12px;
}

#wrap{
	background: #FFF url("../wsimages/headerBg.jpg") top left no-repeat;
	width: 870px;
	margin: 0 auto;
	margin-top: 17px;
	padding: 0 21px;
	overflow: hidden;
}

#header{
	height: 76px;
	position: relative;
	}
	#header img.logo{
		position: absolute;
		top: 24px;
		left: 0;
	}
	#header form{
		background: url("../wsimages/searchBg.jpg") top left no-repeat;
		width: 159px;
		height: 22px;
		position: absolute;
		top: 42px;
		right: 0;
		}
		#header form input{
			border: none;
			background: transparent;
			padding: 4px 0 0 6px;
			font-size: 11px;
			color: #666666;
		}
	#header img.searchButton{
		position: absolute;
		top: 45px;
		right: 3px;



	}	
	
#flashHeader{
	margin-top: 23px;
	background: #414040 url("../wsimages/flashBg.jpg") top left no-repeat;
	height: 207px;
}

/*=================================
	DEFINE BODY STRUCTURE
===================================*/
body#home #wrap #content{
	/*padding-bottom: 30px;
	overflow: hidden;*/
	margin-top: 0;

	}


#content{
	float: left;
	margin-top: 16px;
	width: 100%;
}
#breadcrumbs{
	margin-left: 13px;
	border-bottom: 1px solid #E8E8E8;
	color: #999999;
	font-size: 11px;
	padding-bottom: 5px;
	}	
	#breadcrumbs a{
		color: #999999;
		font-size: 11px;
		text-decoration: none;
	}
	#breadcrumbs a:hover{
		text-decoration: underline;
	}
	

#left{
	padding: 0 13px 30px 13px; 
	min-height: 400px;
	}
	* html #left{
		height: 400px;
	}
	
body#twoColumn #left{
	padding: 0 13px 30px;
	float: left;
	width: 525px;
	}
	* html body#twoColumn #left{
		height: 400px;
	}
	
/*main content heading and paragraphs*/
#content #left h1{
	font-size: 22px;
	color: #2E7E4A;
	font-weight: bold;
	padding: 19px 0 5px 0;
	}
#content #left h2{
	font-size: 16px;
	font-weight: bold;
	color: #2E7E4A;
	padding: 5px 0;
	}	
#content #left h3{
	font-size: 14px;
	font-weight: bold;
	color: #2E7E4A;
	padding: 5px 0;
	}
#content #left h4{
	font-size: 12px;
	font-weight: bold;
	color: #2E7E4A;
	padding: 5px 0;
	}	
#content #left h5{
	font-family: georgia, serif;
	font-size: 18px;
	color: #457045;
	padding: 15px 43px 15px 43px;	
	}
#content #left p{
	font-size: 12px;
	color: #373737;
	padding: 5px 0 10px 0;
	}
#content #left p a{
	color: #56A955;
	font-size: 12px;
	text-decoration: underline;
	}
	#content #left p a:hover{
		text-decoration: none;
	}	
	
body#twoColumn #right{
	float: right;
	width: 300px;
	padding-top: 23px;
	}	
	body#twoColumn #right img.enquiry{
		margin-bottom: 15px;
	}
	
/*=======================================
	AJAX ROTATOR AND 
	CASE STUDIES (Home page)
=======================================*/
#colOne{
	margin-top: 20px;
	background: url("../wsimages/colOneBg.jpg") top left no-repeat;
	width: 274px;
	height: 292px;
	float: left;
	padding: 15px 13px 30px;
	}
	/* Safari 3.0 */
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		#colOne{
			margin-top: 13px;
		}
	}
	body#twoColumn #wrap #content #right #colOne h2{
		padding-bottom: 2px;
	}
	#colOne h2{
		font-size: 16px;
		font-weight: bold;
		color: #2E7E4A;
		border-bottom: 1px solid #E0E0E0;
		}
		#colOne h2.news{
			margin-bottom: 6px;
		}
		#colOne p{
			font-size: 12px;
			color: #333333;
			padding-top: 3px;
		}
		#colOne p a{
			font-size: 12px;
			color: #333333;
			text-decoration: none;
			display: block;
			width: 270px;
		}
		#colOne p a:hover{
			text-decoration: underline;
		}	
		#colOne #homeRotatorWrapper{
			padding-bottom: 16px;
		}	
		#colOne .rotatorWrapper{
			margin: 0;
			overflow: hidden;
			width: 270px;
			height: 123px;
			position: relative;
		}
		#colOne .rotatorWrapper .rotator{
			margin-top: 11px;
			height: 112px;
			position: absolute;
			width: 270px;
			}
			#colOne .rotator img{
				float: left;
			}
			#colOne .rotator div {
				height: 107px;
				width: 140px;
				float: right;
			}
			#colOne .rotator div h3{
				font-size: 15px;
				color: #333333;
			}
			#colOne .rotator div h3 a{
				font-size: 15px;
				color: #333333;
				text-decoration: none;
				display: block;
				width: 135px;
				height: 24px;
			}
			#colOne .rotator div h3 a:hover{
				text-decoration: underline;
			}	
			#colOne .rotator div p{
				font-size: 12px;
				color: #333333;
				padding: 0;
			}
			#colOne .rotator div p a{
				font-size: 12px;
				color: #333333;
				text-decoration: none;
				display: block;
				width: 135px;
			}
			#colOne .rotator div p a:hover{
				text-decoration: underline;
			}
		#colOne .paginator{
			background: url("../wsimages/paginatorBg2.jpg") 130px 0 no-repeat;
			height: 19px;
			width: 126px;
			padding: 0 0 14px 130px;
			position: relative;
			}
			#colOne .paginator .screenNumber{
				font-size: 11px;
				color: #333333;
				padding: 5px 7px 0;
			}
			#colOne .paginator img{
				position: absolute;
				top: 5px;
				right: 6px;
			}

/*================================
	AJAX ROTATOR (RHS column)
	overwrite style previous
	for home page
==================================*/
body#twoColumn #wrap #content #right #colOne{
	background: url("../wsimages/colOneBg2.jpg") top left no-repeat;
	margin-top: 0;
	height: 171px;
	padding-bottom: 15px;
	}
	* html body#twoColumn #wrap #content #right #colOne{
		padding-bottom: 0;	
	}
	*:first-child+html body#twoColumn #wrap #content #right #colOne{
		
	}
	
/*=================================
	NEWS AND MEDIA
	(RHS Column )
==================================*/	
body#twoColumn #wrap #content #right #newsMedia{
	clear:both;
	background: url("../wsimages/newsBg.jpg") top left no-repeat;
	padding: 15px 12px;
	width: 276px;
	height: 98px;
	margin-bottom: 15px; 
}

/*=================================
	RELATED CONTENT
	(RHS Column )
==================================*/
body#twoColumn #wrap #content #right h2{
		font-size: 16px;
		font-weight: bold;
		color: #2E7E4A;
		padding-bottom: 11px;
		}
		body#twoColumn #wrap #content #right #newsMedia h2{
			padding-bottom: 2px;
			border-bottom: 1px solid #E0E0E0;
			margin-bottom: 5px;
		}
		body#twoColumn #wrap #content #right #newsMedia p{
			font-size: 12px;
			color: #333333;
			padding-top: 3px;
		}
		body#twoColumn #wrap #content #right #newsMedia p a{
			font-size: 12px;
			color: #333333;
			text-decoration: none;
			display: block;
			width: 270px;
		}
		body#twoColumn #wrap #content #right #newsMedia p a:hover{
			text-decoration: underline;
		}			
				
.teaserWrapper{
	margin-bottom: 15px;
}
.teaser{
	background: #FFF url("../wsimages/docIcon.jpg") top left no-repeat;
	width: 298px;
	}
	.teaser.even{
		background: #FFF url("../wsimages/docIcon.jpg") top left no-repeat;
	}
	.teaser.doc{
		background: #FFF url("../wsimages/pdfIcon.jpg") top left no-repeat;
	}
	.teaser.docEven{
		background: #FFF url("../wsimages/pdfIcon.jpg") top left no-repeat;
	}	
	.teaser p{
		font-size: 12px;
		color: #003300;
		background: #F0F0F0;
		border-bottom: 1px solid #A9D4B8;
		margin-left: 24px;
	}
	.teaser.even p, .teaser.docEven p{
		background: #FFF;
	}
	.teaser p a{
		font-size: 12px;
		color: #003300;
		text-decoration: none;
		display: block;
		width: 261px;
		padding: 5px;
	}
	.teaser p a:hover{
		text-decoration: underline;
	}	
	
/*=================================
	FEATURES AND PRODUCTS
	(RHS Column )
==================================*/	

body#twoColumn #content #right .features{
	background: url("../wsimages/featureBg.jpg") top left no-repeat;
	width: 272px;
	height: 50px;
	margin-bottom: 15px;
	padding: 13px;
	}
	body#twoColumn #content #right .features h1{
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		padding-bottom: 2px;
	}
	body#twoColumn #content #right .features h1 a{
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		display: block;
		width: 272px;
	}
	body#twoColumn #content #right .features h1 a:hover{
		text-decoration: underline;
	}	
	body#twoColumn #content #right .features p{
		font-size: 11px;
		color: #FFF;	
	}
	body#twoColumn #content #right .features p a{
		font-size: 11px;
		color: #FFF;
		text-decoration: none;
		display: block;
		width: 245px;
		padding-right: 27px; 
	}
	body#twoColumn #content #right .features p a:hover{
		text-decoration: underline;
	}
	
	
/*==============================
	HOME PAGE PRODUCTS
===============================*/
#colTwo{
	width: 570px;
	height: 357px;
	float: right;
	}	
	#colTwo .box{
		background: url("../wsimages/homeTeaserBg1.jpg") top left no-repeat;	
		width: 171px;
		height: 158px;
		float: left;
		margin: 20px 0 0 19px;

		}
		/* Safari 3.0 */
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#colTwo .box{
				margin-top: 13px;
			}
		}		
		* html #colTwo .box{
			margin: 20px 0 0 18px;
		}
		#colTwo .box h3{
			font-size: 15px;
			color: #333333;
			padding: 0 6px 0 10px;
			cursor: pointer;
		}
		* html #colTwo .box h3 {
			width: 154px;
		}
		#colTwo .box h3 a{
			font-size: 15px;
			color: #333333;
			text-decoration: none;
			display: block;
		}
		.blanklink {
			display: block;
			height: 80px;
		}
		#colTwo .box h3 a:hover{
			text-decoration: underline;
		}
		#colTwo .box p{
			font-size: 11px;
			color: #666666;
			padding: 5px 6px 0 10px;
			line-height: 13px;
		}
		#colTwo .box p a{
			font-size: 11px;
			color: #666666;
			text-decoration: none;
		}
		#colTwo .box p a:hover{
			text-decoration: underline;
		}
	
	/* For some reason there's some extra padding  at the beginning of each box of first row  and second row,  the class below reduced the margin on the left so it'll even out the margins with the other boxes*/
	* html #colTwo .box.first,
	* html #colTwo .box.stewardsTowers.first{
		margin-left: 10px;
	}	
	#colTwo .box.runningRails{
		background: url("../wsimages/homeTeaserBg2.jpg") top left no-repeat;	
	}
	#colTwo .box.fencing{
		background: url("../wsimages/homeTeaserBg3.jpg") top left no-repeat;	
	}
	#colTwo .box.stewardsTowers{
		background: url("../wsimages/homeTeaserBg4.jpg") top left no-repeat;	

	}
	#colTwo .box.greyhoundBoxes{
		background: url("../wsimages/homeTeaserBg5.jpg") top left no-repeat;	

	}
	#colTwo .box.customisedProducts{
		background: url("../wsimages/homeTeaserBg6.jpg") top left no-repeat;
	}

/*=================================
	PRODUCT TEASER 
	(for internal page)	
==================================*/	
#content #left .productTeaser{
	background: url("../wsimages/productTeaserBg.jpg") top left no-repeat;
	width: 505px;
	height: 86px;
	padding: 13px 0 13px 15px;
	margin: 15px 0;
	}	
	#content #left .productTeaser  img{
		float: left;
		
	}
	#content #left .productTeaser div {
		height: 107px;
		width: 324px;
		float: right;
		padding-right: 27px;
	}
	#content #left .productTeaser div h3{
		font-size: 18px;
		color: #333333;
		border-bottom: 1px solid #CDCDCD;
		padding: 2px 0 2px;
		font-weight: bold;
	}
	#content #left .productTeaser div h3 a{
		font-size: 18px;
		color: #333333;
		text-decoration: none;
		font-weight: bold;
		display: block;
		width: 324px;
		min-height: 24px;
	}
	#content #left .productTeaser div h3 a:hover{
		text-decoration: underline;
	}	
	#content #left .productTeaser div p{
		font-size: 12px;
		color: #666666;
		padding: 7px 0 0;
	}
	#content #left .productTeaser div p a{
		font-size: 12px;
		color: #666666;
		text-decoration: none;
		display: block;
		width: 324px;
	}
	#content #left .productTeaser div p a:hover{
		text-decoration: underline;
	}


/*=================================
	NEWS ITEM TEASER 
	(for internal page)	
==================================*/		
	
#content #left .teaserLatestNews{
	background: url("../wsimages/newsIcon.gif") left 13px no-repeat;
	border-bottom : solid 1px #CDCDCD;
	padding: 13px 15px 21px 0;
	width: 500px;
	}
	#content #left .teaserLatestNews.first{
		border-top : solid 1px #CDCDCD;
		margin-top: 10px;
	}
		
	#content #left .teaserLatestNews h2{
		color: #2E7E4A;
		font-size: 18px;
		font-weight: bold;
		padding: 0;
		padding-bottom: 6px;
	}
	#content #left .teaserLatestNews h2 a{
		color: #2E7E4A;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-bottom: 10px;
		padding-left: 51px;
	}
	#content #left .teaserLatestNews h2 a:hover{
		text-decoration: underline;
	}
	#content #left .teaserLatestNews p.date{
		color: #666666;
		font-size: 11px;
		padding: 0;
		padding: 0 0 0 51px;
		position: relative;
		top: -7px;
		
	}
	#content #left .teaserLatestNews p{
		color: #333333;
		font-size: 12px;
		padding: 0;
		padding-left: 51px;
	}
	#content #left .teaserLatestNews p a{
		color: #333333;
		font-size: 12px;
		text-decoration: none;
		padding: 0;
	}
	#content #left .teaserLatestNews p a:hover{
		text-decoration: underline;
	}

/*=================================
		FOOTER
==================================*/
#footerWrapper{
	padding-top: 30px;
	height: 45px;
	width: 912px;
	margin: 0 auto 100px;
	background: #FFF url("../wsimages/footerBg.jpg") bottom left no-repeat;
	clear: both;
	}
#footer{
	margin: 0 21px;
	border-top: 1px solid #D0D0D0;
	position: relative;
	}		
	#footer p{
		padding: 13px 0 0 0;
		font-size: 11px;
		color: #999999;	
	}
	#footer p.top{
		position: absolute;
		right: 2px;
		top: 0;
		width: 35px;
		background: url("../wsimages/top.gif") 25px 18px no-repeat;	
	}	
	#footer p a{
		color: #999999;
		font-size: 11px;
		text-decoration: none;
		padding: 0 2px 0 2px;
	}
	#footer p a:hover{
		text-decoration: underline;
	}	

	#left ul, #left ol{
		margin: 5px 5px;
		font-size: 12px;
		list-style-type: none;
		}
		#left ul li, #left ol li{
			padding-left: 13px;
			background: url("../wsimages/listBg.jpg") left 2px no-repeat;
		}	
		#left ul a, #left ol a{
			color: #56A955;
		}
		#left ul a:hover, #left ol a:hover{
			color: #56A955;
			text-decoration: none;
		}	

/*=====================
	FLOATING BODY IMG
========================*/
.imgLeft { 
	float: left;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.imgRight {
	float: right;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*=====================
	FLOATING VIDEO FILE
========================*/
.videoLeft{
	float: left;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;	
	}

.videoRight {
	float: right;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
	
/*=============================================================================================
				menu.css
===============================================================================================*/	
/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/**********************/
/*     MAIN MENU      */
/**********************/

/* 	These styles shouldn't need to be changed much as
	they plug straight into the included nav menu (_primaryNav.cfm - not milonic menu).
*/

/**********************/
/*     MAIN MENU      */
/**********************/
div#menu {
	width: 196px;
	margin: 0px auto 0px auto;
}
div.menuItem a {
	display: block;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding: 8px 7px 0px 15px;
	font-size: 11px;
}

div.menuLevel1,
div.menuLevel2{
	border-bottom: 1px solid #575755;
	padding: 0 20px 0 0; 
	}
div.menuLevel3,
div.menuLevel3_open,
div.menuLevel5{
	padding: 0 20px 0 0; 
	}

div.menuLevel1 a, 
div.menuLevel2 a{
	color: #B2B2B2;
	text-decoration: none;
	font-weight: bold;
}

div.menuLevel1 a:hover, 
div.menuLevel2 a:hover,
div.menuLevel2_parent a:hover,
div.menuLevel2_parent_open a:hover,
div.menuLevel3 a:hover,
div.menuLevel3_parent a:hover,
div.menuLevel3_parent_open a:hover,
div.menuLevel4 a:hover,
div.menuLevel4_parent a:hover,
div.menuLevel4_parent_open a:hover,
div.menuLevel5 a:hover,
div.menuLevel5_parent a:hover,
div.menuLevel5_parent_open a:hover {
	color: #E08E00;
}
/*--- Level 1 and 2 ---*/

div.menuLevel1_active,
div.menuLevel2_active{
	padding: 0 20px 0 0;
	background-color: #C84166;
	}

div.menuLevel2_parent{
	border-bottom: 1px solid #575755;
	}
	
div.menuLevel2_parent_active,
div.menuLevel2_parent_open{
	background-color: #C84166;
	}	
div.menuLevel2_parent_open a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

div.menuLevel2_parent a{
	padding-right: 20px !important; 
	background: url("../wsimages/cross.gif") 155px 10px no-repeat;
	display: block;
	color:#B2B2B2; 
	}

div.menuLevel2_parent_active a{
	padding-right: 20px !important;
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	}
	
/*-----------------------*/	

/*--- Level 3 ---*/
div.menuLevel3,
div.menuLevel3_parent_open{
	background-color: #973751;
	}
div.menuLevel3 a{
	display: block !important;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}		
div.menuLevel3_parent{
	background-color: #973751;
	}
div.menuLevel3_parent a {
	padding-right: 20px !important; 
	background: url("../wsimages/cross.gif") 155px 10px no-repeat;
	display: block;
	color:#B2B2B2; 
	}
div.menuLevel3_active,
div.menuLevel3_parent_active{
	background-color: #445193;
	}

div.menuLevel3_active a{
	padding-right: 20px !important;
	}

div.menuLevel3_parent_active a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}

div.menuLevel3_parent_open a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 20px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
}

/*-----------------------*/	

/*--- Level 4 ---*/
div.menuLevel4,
div.menuLevel4_parent,
div.menuLevel4_parent_open{
	background-color: #43272C;
	}	
div.menuLevel4 a{
	background: url("../wsimages/navBullet.jpg") 140px 10px no-repeat;
	padding-right: 30px !important;
	display: block !important;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}
div.menuLevel4_active a{
	background: url("../wsimages/navBullet.jpg") 140px 10px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	}	
div.menuLevel4_parent a{	
	background: url("../wsimages/bulletCross.gif") 140px 7px no-repeat;
	padding-right: 40px !important; 
	font-weight: normal;
	color: #D6D1D2;
	display: block;
	text-decoration: none;
	}	
div.menuLevel4_parent_open a{
	background: url("../wsimages/bulletMinus.gif") 140px 7px no-repeat;
	padding-right: 30px !important;
	color: #D6D1D2;
	text-decoration: none;
	display: block;
	}
div.menuLevel4_parent_active a{
	background: url("../wsimages/bulletMinus.gif") 140px 7px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}
div.menuLevel4_active,
div.menuLevel4_parent_active{
	background-color: #445193;
	}

/*-----------------------*/			

/*--- Level 4 ---*/	
div.menuLevel5{
	padding-right: 30px !important; 
	}	
div.menuLevel5_active{
	background-color: #445193;
	}			
div.menuLevel5 a,
div.menuLevel5_parent a{
	display: block;
	color: #D6D1D2;
	text-decoration: none;
	font-weight: normal;
	}
div.menuLevel5_active a{
	padding-right: 30px !important;
	color: #FFF;
	}

div.menuLevel5_parent_active a{
	background: url("../wsimages/minus.gif") 155px 10px no-repeat;
	padding-right: 30px !important;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;	
	}
	
/*-----------------------*/		

/*-- active state for all levels -- */	
div.menuLevel1_active a,
div.menuLevel2_active a,
div.menuLevel3_active a,
div.menuLevel4_active a,
div.menuLevel5_active a{
	color: #FFF;	
	}
		

/*==============================================================================================
			form.css
==============================================================================================*/
/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/***************************/
/*        ENQUIRIES        */
/***************************/

/* 	These styles shouldn't need to be changed much as
	they plug straight into the included enquiries form.
*/

.user-form {
	padding-left: 1px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-top:10px;
}
html* {
	padding-top: 0;
	}

.user-form .star {
	color: #960000;
}
	.user-form .header {
		padding: 0px 0px 11px 9px;
		font-size: 11px;
		font-weight: normal;
		color: #666666;
	}
	.user-form .label {
		width: 175px;
		margin: 0px 13px 8px 0px;
		padding: 3px 8px 3px 8px;
		color: #333333;
		background-color: #E5EBE3;
	}
	.user-form .user-form-input, .user-form-multi, .user-form-select {
		width: 204px;
		height: 17px;
		margin-top: 0px;
		padding-left: 4px;
		border: 1px solid #B9B8B7 !important;
		background-color: #F8FBFF!important;
		display: inline;
		float: left;
	}
	.user-form .user-form-input#postCode {
		width: 50px;
	}
	.user-form .user-form-select {
		width: 56px;
		height: 20px;
		padding: 0px !important;
	}
	.user-form .user-form-multi {
		height: 82px !important;
	}
	.user-form .error {
		font-weight: bold;
		color: red;
	}
	.user-form .user-form-buttons {
		float: left;
		margin: 15px 0px 0px 0px;
	}
	.user-form .form-btn-divider {
		float: left;
		width: 3px;
		height: 30px;
		margin: 15px 10px 0px 10px;
		background-image: url(/wsimages/frmBtnDivider.gif);
		background-position: top left;
		background-repeat: repeat-x;
	}
	
/*==============================================================================================
				sitemap.css
===============================================================================================*/
/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/**********************/
/*     SITE MAP       */
/**********************/

/* 	These styles shouldn't need to be changed much as
	they plug straight into the included sitemap.
*/

div#siteMap {}

div#siteMap img {
	border: 0px !important;
}

div#siteMap img.level3{
	margin: 6px 3px 0 0;
	}

div#siteMap .level1, div#siteMap .level2 {
	margin-top: -1px;
	margin-bottom: 4px;
	padding: 4px 7px 5px 7px;
	font-size: 12px;
	background-color: #E5EBE3;
}

div#siteMap .level2 a, 
div#siteMap .level1 a {
	color: #333333 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: bold !important;
	}
div#siteMap .level2 a:hover, 
div#siteMap .level1 a:hover {
	color: #224482 !important;
	text-decoration: underline !important;
	}
	
div#siteMap .level2 a:visited, div#siteMap .level1 a:visited {}

div#siteMap .level3 a, 
div#siteMap .level4 a, 
div#siteMap .level5 a,
div#siteMap .level6 a,
div#siteMap .level7 a {
	font-size: 11px !important;
	color: #457045 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	}
	
div#siteMap .level3 a:hover, 
div#siteMap .level4 a:hover, 
div#siteMap .level5 a:hover,
div#siteMap .level6 a:hover, 
div#siteMap .level7 a:hover {
	color: #457045 !important;
	text-decoration: underline !important;
	}
div#siteMap .level3 a:visited, div#siteMap .level4 a:visited {}

div#siteMap .level3 {
	font-size: 11px !important;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 2px;
	border-bottom: 1px solid #CFD9E3;
}

img#siteMap .level3 {
	padding: 0px !important;
	margin: 0;
	border: 0px solid transparent !important;
	width: 3px !important;
	height: 3px !important;
	background-color: transparent !important;
}

div#siteMap .level4 {
	font-size: 11px !important;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: -1px;
	border-bottom: 0px;	
	color: #457045;
}
div#siteMap .level4 a{
	color: #457045 !important;	
}

img#siteMap .level4 {}

div#siteMap .level5,
div#siteMap .level6,
div#siteMap .level7 {
	font-size: 11px !important;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-top: -1px;
	border-bottom: 0px;	
	color: #457045;
}
div#siteMap .level5 a,
div#siteMap .level6 a,
div#siteMap .level7 a {
	color: #457045 !important;	
}


/*===============================================================================================
			search.css
================================================================================================*/
		/*-- styles for search results --*/
		.pagination{
			padding: 5px 0 6px !important;
			margin: 5px 0 5px 0 !important;	
		}
		#bottomBorder{
			border-bottom: 1px solid #CCCCCC;
		}
		
		.pagination.topPadding{
			padding-top: 10px;
		}
		
		.pagination.topPadding.topBorder{
			border: none;
			border-top: 1px solid #D4DDE6;
		}
		
		.pagination.topPadding.noBorder{
			border: none;
		}

		.pagination form{
			padding: 0;
			margin: 0;
		}
		.pagination label{
			padding: 0;
			margin: 0;
			background: none;
			color: #212121;
			font-size: 11px;
		}
		.pagination label a{
			font-family: arial, verdana;
			line-height: 20px;
			color: #56A955;
			font-size: 11px;
			font-weight: bold;
			margin: 0;
			text-decoration: underline;	
		}
		.pagination label a:hover,
		.pagination label a:focus{
			text-decoration: none;
		}
		.pagination label a.previous{
			background: url("../wsimages/prevArrow.gif") left 3px no-repeat;
			padding: 0 5px 0 15px;

		}
		.pagination label a.next{
			background: url("../wsimages/nextArrow.gif") 60px 3px no-repeat;
			padding: 0 20px 0 5px;
		}
		.pagination label a.next.lessPadding{
			background: url("../wsimages/nextArrow.gif") 35px 3px no-repeat;
		}
		
		.pagination select{
			position: relative;
			top: 1px;
			width: 40px;
			margin-left: 5px;
		}
		#searchResultContainer{
			margin: 0;
			padding: 0 0 15px 0;			
		}
		#searchResultContainer div {		
			border-bottom: 1px solid #CCCCCC;
			padding: 4px 1px;	
		}
		#searchResultContainer div h5{
			color: #327AA0;
			font-size: 11px;
			font-weight: bold;
			padding: 0 !important;
			margin: 0;
			background: none;
		}
		#searchResultContainer div h5 a{
			color: #333333 !important;
			font-size: 12px !important;
			font-weight: bold !important;
			text-decoration: none !important;	
			font-family: arial, verdana;
		}	
		#searchResultContainer div h5 a:hover,
		#searchResultContainer div h5 a:focus{
			text-decoration: underline !important;	
		}
		
		#searchResultContainer div h5 em{
			color: #333333;
			padding: 0 3px 0 0;
			margin: 0;
			font-style: normal;
			font-family: arial, verdana;
			font-size: 12px;
			font-weight: bold;
		}
		 #searchResultContainer div p{
			font-size: 11px;
			color: #20292F !important;
			line-height: 13px;
			margin: 0;
			padding: 8px 0 14px 0;
		}
		p.changeSize{
			font-size: 12px!important;
		}
		span.changeColor{
			color: #56A955;
		}
		span.highlightSearch{
			background: #56A955;
			color: #FFFFFF;
		
		}
		
/*==============================================================================================
					dropmenu.css
===============================================================================================*/


#navWrapper {
	height: 39px;
	padding-left: 1.5px;
	/* padding: 4px 0 4px 115px;
	}
	* html #navWrapper {
		padding: 4px 0 1px 115px;
	} */
	z-index: 99;
}
html* #navWrapper {
	overflow: hidden;
	height: 55px;
	}
	
#navMain {
	z-index: 99;
	visibility: hidden;
	width: 869px;
	margin: 9px auto 0;
}

#navMain ul {
	margin: 0; padding: 0;
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	z-index: 99;
}

#navMain a {
	display: block;
	color: #4F4F4F;
	text-decoration: none;
	padding: 13px 0px;	
	background: url("../wsimages/dropmenu/bgNavMain.jpg") top repeat-x;
	border-right: 1px solid #CCCBCB;
	border-left: 1px solid #F0EFEF;
	margin-right: 1px;
}


#navMain a:hover {
}

#navMain li {
	margin: 0;
	padding: 0px;
	float: left;
	width: auto;
	list-style: none;
	background-image: none;
	background: #EEEEEE;
	background: url("../wsimages/dropmenu/normalBg.jpg") top left repeat-x;
}

#navMain li a.first {
	background: url("../wsimages/dropmenu/first.jpg") top left no-repeat;
	border-left: none;
}
#navMain li a.last {
	background: url("../wsimages/dropmenu/last.jpg") top right no-repeat;
	border-right: none;
	margin: 0;
}

#navMain li ul {
	position: absolute;
	margin: 0; padding: 0;
	left: -999em;
	height: auto;
	width: 181px;
	font-weight: normal;
	margin-top: 0;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}

#navMain li ul ul {
	border-bottom: 1px solid #CCCBCB !important;	
	}
#navMain ul ul{
	border-top: 1px solid #CCCBCB !important;	
	}

#navMain ul ul ul {
	border-bottom: none;
	}


#navMain li li {
	background: #EBEBEB;
	border: none;
	margin: 0;
}
#navMain li li li {
}

#navMain li ul a {
		width: 169px;
		font-weight: normal;
		font-size: 11px;
		padding: 10px 6px 10px 6px;
		margin: 0;
}

	#navMain ul ul ul {
		margin: -33px 0 0 181px;
		border-top: none !important;
	}
	
	#navMain ul ul ul ul {
		margin: -32px 0 0 181px;
	}

#navMain li:hover ul ul, #navMain li:hover ul ul ul, #navMain li.sfhover ul ul, #navMain li.sfhover ul ul ul {
	left: -999em;
}

#navMain li:hover ul, #navMain li li:hover ul, #navMain li li li:hover ul, #navMain li.sfhover ul, #navMain li li.sfhover ul, #navMain li li li.sfhover ul {
	left: auto;
}

#navMain li:hover, #navMain li.sfhover {
}

#navMain li:hover a,  #navMain li.sfhover a  {
	color: #333333;
	background:url("../wsimages/dropmenu/bgNavMainH.jpg") top repeat-x; 
	border-right: 1px solid #CCCBCB;
	border-left: 1px solid #CCCBCB;
	
}
	/*setting default background just in case if the first and last link text is longer than the actual bg of the link*/
	#navMain li.active{
		background: url("../wsimages/dropmenu/activeBg.jpg") top left repeat-x;
	}
	#navMain li:hover, #navMain li.sfhover{
		background: url("../wsimages/dropmenu/hoverBg.jpg") top left repeat-x;
	}
	
	#navMain li.active a {
		background:url("../wsimages/dropmenu/bgNavMainR.jpg") top repeat-x; 
		border-right: 1px solid #CCCBCB;
		border-left: 1px solid #CCCBCB;
		color: #FFF;
		}
	
	#navMain li.active a.first {
		background: url("../wsimages/dropmenu/firstR.jpg") top left no-repeat; 
		border-right: 1px solid #CDCCCC;
		border-left: none;
		}
	#navMain li.active a.last {
		background: url("../wsimages/dropmenu/lastR.jpg") top right no-repeat; 
		border-right: none;
		border-left: 1px solid #CDCCCC;
		}


	#navMain li:hover a.first,  #navMain li.sfhover a.first {
		color: #333333;
		background: url("../wsimages/dropmenu/firstH.jpg") top left no-repeat; 
		border-right: 1px solid #C7C6C6;
		border-left: none;
		}
	#navMain li:hover a.last,  #navMain li.sfhover a.last {
		background: url("../wsimages/dropmenu/lastH.jpg") top right no-repeat; 
		border-right: none;
		}
#navMain li li:hover, #navMain li li.sfhover {
	border: none;
	background: #CFCECE;
	color: #F2DA56;
}
#navMain li li li:hover, #navMain li li li.sfhover {
	border-bottom: none!important;
}


#navMain li:hover li a,  #navMain li.sfhover li a {
	color: #4F4F4F;
	background: none;
	border: none;
	}
#navMain li li:hover a, #navMain li li.sfhover  a{
	color: #333333;
}	
#navMain li li:hover li a, #navMain li li.sfhover li  a{
	color: #333333;
}	
#navMain li li li:hover a, #navMain li li li.sfhover  a{
	color: #333333;
}
#navMain li li li:hover li a, #navMain li li li.sfhover li  a{
	color: #333333;
}
#navMain li li li li:hover a, #navMain li li li li.sfhover  a{
	color: #333333;
}	


	#navMain li ul a {
	border-bottom: 1px solid #CDCDCD !important;
	}
	#navMain li ul ul a {
		border-bottom: none !important;
		border-top: 1px solid #CCCBCB !important;
		
	}