/* GLADES Website - site.css */
/* See images.css and imagesie6.css for transparent png styles */
/* Initial Build: Vicky Kaelin-Bevan */

ul,ol { list-style:none; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input, img
{ margin:0; padding:0; }
img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
	
.clear{
	clear:both;
}

.offScreen {
	position: absolute;
	left: -5000px;
}

/* **************************** MAIN STRUCTURAL STYLES **************************** */
body{
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color: #6FB423;
	color: #333;
}

#wrapper{
	background: #FFFFFF;
	width: 100%;
	margin: 0;
	text-align: center;
	float: left;
}

#mainBG{
	width:994px !important;
	width: 984px;
	margin: 0px auto;
	padding: 0px;
}

#pageContainer{
	width: 984px;
	margin: 0px 5px 0px 5px;
	background: #FFFFFF;
}

/* **************************** MAIN TEXT STYLES **************************** */

a:link, a:visited{
	cursor: pointer;
	cursor: hand;
	color: #6FB423;
}

a:hover, a:active{
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

h1{
	font-size: 2em;
	color: #336600;
	font-weight: normal;
}

h2{
	font-size: 2em;
	font-weight: normal;
}

h3, h4{
	color: #6FB423;
	width: 100%;
	font-weight: normal;
}


h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited,  h4 a:visited{
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	text-decoration: underline !important;
}

p{
	margin: 0 0 5px 0;
	font-size: 0.8em;
}

hr{
	background-color:#6FB423;
	color: #6FB423;
	width: 480px;
	float: left;
	clear: left;
	margin: 10px 0 10px 0;
}

.noTitle{
	margin-top: 10px;
	display: block;
	float: left;
	width: 706px !important;
	width: 681px;
}

/* Access key skip nav */

.skipnav { display:none }

.smallOnBlue{
	font-size: 0.8em;
	color: #333;
}

/* **************************** MAIN LIST STYLES **************************** */

ul{
	list-style:none;
}

li{
	float: left;	
}

/* **************************** REGISTER BUTTON **************************** */

#registerButton, #logoutButton{	
	width: 200px;
	padding: 0px;
	float: right;
	margin: -110px 20px auto 0px !important;
	margin: -110px 20px auto 0px;
	z-index: 99;
	height: 90px;
	text-align: right;
	position: relative; 
}

	/* -- Begin IE7 Only Hack -- 
			*:first-child+html #registerButton, *:first-child+html #logoutButton{
				margin: 50px 0px auto -220px;
			}*/
			/* -- End IE7 Only Hack -- */
		

	#registerButton a, #logoutButton a{
		width: 90px;
		height: 90px;
		display: block;
		float: right;
	}
	
	
	
/* **************************** HEADER PANEL STYLES **************************** */

#headerContainer { 
	text-align: center;
	padding: 0px;
	width: 100%;
	min-height: 122px;
	height: auto !important;
	height: 122px;	
	background: url(/site/gfx/headerBg.jpg) repeat-x top center #75B924;
	margin: 0px;
}

	#headerContainer a:link, #headerContainer a:visited{
		color: #FFF;
		text-decoration: none;
	}
	
	#headerContainer a:hover, #headerContainer a:active{
		color: #FFF;
		text-decoration: underline;
	}


	#headerContentContainer{
		width: 980px !important;
		width: 984px;
		margin: 0px auto;
		padding: 0px;	
		min-height: 122px;
		height: auto !important;
		height: 122px;	
		}

	#headerLeftContainer{	
		width: 21px;
		padding: 0px;
		float: left;
		clear: none;	
		margin: 0px 0px 0px 0px;
		text-align: left;
	}
	
		#logoLink{
			width: 214px;
			height: 98px;
			margin: 0px 0px 0px 0px;
		}
		
			#logoLink a{
				width: 214px;
				height: 98px;
				margin: 0px;
				display: block;
			}

	#headerRightContainer{	
		width: 420px !important;
		width: 400px;
		padding: 0px;
		float: right;
		height: 120px;
		margin: 0px 10px 0px 10px !important;
		margin: 0px 0px 0px 20px;
		display: block;
	}
	
		#headerRightContainerTop{	
			width: 420px;
			height: 50px;
			padding: 0px;
			float: left;
			margin: 0px 0px 5px 10px;
		}
	
			#searchBoxContainer{
				width: 411px;
				min-height: 50px;
				height: auto !important;
				height: 50px;
				float: right !important;
				margin: 0px 10px 0px 0px;
			}

				#searchBox{
					height: 42px;
					width: 411px;					
					font-size: 0.9em;
					overflow: hidden;
				}
				
				#searchBox form{
					margin: 0px auto 20px 20px !important;
					margin: 0px auto 20px 15px;
				}
				
					#searchBox form label{
						color: #FFFFFF;
						margin: 0px;
						padding: 0px;
						vertical-align: bottom;
					}
						
					#searchText{	
						margin: 8px 2px 0px 5px;
						padding: 0px;
						width: 135px;
						vertical-align: top;
					}
					
									
					#searchBox #searchSubmit {
						font-family: Arial, Verdana, Helvetica, sans-serif;
						font-size: 0.8em;
						text-transform: uppercase;
						color: #FFFFFF;
						background: #000000;
						border: 0px;
						margin: 12px 0 0 0;
						vertical-align: bottom;
						cursor: hand;
						cursor: pointer;
					}
				
			#searchBoxBase{
				width: 411px;
				min-height: 8px;
				height: auto !important;
				height: 8px;
				float: right;
				margin: 0px 0px 0px 0px;	
				font-size: 0.1em;
			}
			
			#headerRightContainerTop #logoutLink{
				margin: 0px 0px 0px 30px !important;
				margin: 0px 0px 0px 12px;
				float:left;
			}
			
				#headerRightContainerTop a:link, #headerRightContainerTop a:visited{	
					color: #000000;
					text-decoration: underline;
					font-size: 0.8em;
				}
				
				#headerRightContainerBot a:hover, #headerRightContainerBot a:active{	
					color: #FFF;
					text-decoration: none;
					font-size: 0.8em;
				}			
		#headerRightContainerBot{	
			width: 400px;
			height: 50px;
			padding: 0px;
			float: right;
			margin: 0px 0px 5px 10px;
		}

.sitesearch{
	width: 500px !important;
	width: 400px;	
	display: table;
}	
			
			
/* **************************** ITEM TICKER **************************** */
		
#itemTickerContainerTop{
	height: 1px;
	width: 100%;
	font-size: 0.1em;
}

#itemTickerContainer{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	height: 21px;	
	float: left;
	display: table;
	background-color: #000000;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

	#itemTickerContentContainer{
		width: 980px !important;
		width: 984px;
		margin: 0px auto;		
	}
	#itemTicker{
		width: 740px;
		color: #333;
		height: 21px;	
		float: left;
		display: table;
		margin: 0px 0px 0px 8px;
	}
	
		#itemTicker a:link,
		#itemTicker a:visited,
		#itemTicker a:hover,
		#itemTicker a:active {
			color: #FFF;
			flaot: left;
			text-decoration: underline;
		}

#itemTickerContainerBase{
	height: 4px;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
}



/* **************************** MAIN CONTENT STRUCTURAL STYLES **************************** */

#mainContainer{
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}


#contentContainer{
	margin: 8px auto auto 0px !important;	
	margin: 0px auto auto 0px;	
	text-align: left;
	padding: 0 0 0px 0;
	color: #333;
	
}


#contentContainer a:link, #contentContainer a:visited{
	color: #6FB423;
}

#contentContainer a:hover, #contentContainer a:active{
	text-decoration: none;
	color: #666;
}

/* **************************** MAIN NAVIGATION STYLES **************************** */
#navColumn{
	width: 190px;
	margin: 4px 0px 0px 10px !important;
	margin: 4px 0px 0px 2px;
	padding: 0px 0px 40px 0px;
	float: left;
}

#navContainer{
	width: 190px;	
	color: #333;	
	padding: 0px;
	margin-bottom: 20px;
}


#nav-shopping-main{
	width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 0.9em;
	padding: 0px;	
}

/* MAIN AND SUB NAVIGATION CONTAINERS - LIST STYLES */


ul#nav { /* container for whole menu - this will get #nav id through html and js */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 190px;
}

/* this seems to steer the links containers in the subcats */
ul#nav li {
	float:left;
	clear:none;
	position: relative;
	line-height: 30px;
	font-size: 1em;
	width: 190px;
	display: block;
	margin-bottom: 2px;
}

li ul li {
	float:left;
	clear:none;
	position: relative;
	line-height: 30px;
	font-size: 1em;
	width: 190px;
	display: block;
	padding: 0px;	
	margin: 0;
}

/* SUB CATEGORY CONTAINER */
#nav li ul {
	display: none;
	position: relative;
	list-style: none;	
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 190px;
	background-color: #FFFFFF;
}

/* to manage the dropdowns */
li>ul#nav { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/* MENU LINKS */


/* Main category links */

#nav li a:link, #nav li a:visited{
	text-decoration: none;
	text-align: left;
	color: #000000;
	text-decoration:none;
	line-height: 30px;
	width: 190px;
	display:block;
	font-size: 1em;
	background-color: #6FB423;
	text-indent: 3px;
}

#nav li a:hover{
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	line-height: 30px;
	background-color: #336600;
	width: 190px;
	display:block;
	font-size: 1em;
}

/* SUB CATEGORY LINKS */

#nav li ul a:link, #nav li ul a:visited, #nav #mainNavOn ul a:link, #nav #mainNavOn ul a:visited{
	text-decoration:none;
	line-height: 30px;
	display:block;
	width: 190px;	
	background-color: #FFFFFF;
	border-top: 1px solid #C9C9C9;
	text-indent: 3px;
	color: #333;
}

#nav li ul a:hover, #nav #mainNavOn ul a:hover{
	text-decoration:none;
	line-height: 30px;
	color: #6FB423;
	display:block;
	width: 190px;
	border-top: 1px solid #C9C9C9;
	text-indent: 3px;
	background-color: #FFFFFF;
}

/* menu styles for active main and sub categories - steered by ASP code so don't change the style names */
#nav #mainNavOn{
	text-decoration: none;
	text-align: left;
	color: #FFF;
	line-height: 30px;
	width: 190px;
	display:block;
	font-size: 1em;
	padding: 0;
}

#nav #mainNavOn a:link, #nav #mainNavOn a:visited {
	color: #FFFFFF;
	line-height: 30px;
	width: 190px;	
	display:block;
	background-color: #336600;
	text-indent: 3px;
}

#nav #mainNavOn a:hover, #nav #mainNavOn a:active {
	color: #FFFFFF;
	text-decoration:none;
	line-height: 30px;
	background-color: #336600;
	width: 190px;
	display:block;
	text-indent: 3px;
}

#nav #mainNavOn ul{ /* lists nested under hovered list items */
	display: block;
	visibility: visible;
}

#nav #mainNavOn ul a.subNavOn:link, #nav #mainNavOn ul a.subNavOn:visited {
	color: #6FB423;
	background-color: #FFFFFF;
	text-decoration:none;
	width: 190px;
	display: block;
	line-height: 30px;
}

#nav #mainNavOn ul a.subNavOn:hover {
	color: #333 !important;
	background-color:  #FFFFFF !important;
	text-decoration:none;
	width: 190px;
	display: block;
	line-height: 30px;
	padding-right: 2px;
}

.subNavTop{
	border: 0px;
}



#homepageFeatureHolder
{
	float: left;
}



/* **************************** COLUMN 1 ****************************  */

#column1Container{
	float: left;
	width: 515px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

#column1ContainerFull, #column1ContainerFullList{	
	width: 772px !important;
	width: 760px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}

#column1ContainerFullList{	
	width: 760px !important;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	float: left;
}

/* **************************** COLUMN 1 STYLES **************************** */

#column1{		
	margin: 0px 0px 0px 0px;
	min-height: 413px;
	height: auto !important;
	height: 413px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 1em;
}

#column1Container ul{	
}	

#column1Container .mainText ul{	
}	


#column1Container .mainText li{
	margin: 5px 0 0px 20px;	
}

	#column1Container li{
		float: none;
		margin: 0px 0 5px 0px;
	}
	
	#column1Container ul li ul{
		float: none;
		margin: 5px 0 0px 20px;	
	}
	
	#column1Container ul li ul li{
		float: none;
		margin: 0px 0 2px 0px;
		line-height: normal;
		width: 400px;
	}

.column1Title{
	display: block;
}

.column1Title2{
	float: left;
	padding: 2px 0 2px 0;
	display: table;
	width: 500px;
}

	.column1Title h1, .column1Title2 h1, .column1Title2 h2{
		margin: 0px 0px 0px 0px; 
		display: block;
		color: #336600;
		width: 485px;
	}
	
/*	#column1ContainerFull h1{
		margin-left: 6px;
	}
	*/
	
	.column1Title2 h1{
		margin: 10px 0 0 0; 
		padding: 0;
	}	

#column1Content{	
	margin: 0px 0px 0px 0px;	
	padding-bottom: 20px;
	width: 100%;
}

.fileLink{
	width: 450px;
	float: left;
	margin: 0px 0 0px 0;
}


 #searchList .fileLink{
	width: 242px;
	margin: 0px !important;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	}
	.fileLink img{
		float: left;
	}
	
	.fileText{
		float: left;
		margin: 16px 0px 0px 10px;
	}
	
.marginTop{
	margin-top: 50px !important;
	float: left;
}

/* ******************* COLUMN 2 STYLES ********************* */

#column2{
	width: 242px;
	float: left;	
}

	#column1ContainerFull #column2{
		float: right;
	}

/* **************************** COLUMN 1 CONTENT PANEL **************************** */

#contentPanelHome{
	width: 515px;
}

	#contentPanelHomeTop, .textBoxContentTopFlash{
		width: 515px;
		height: 6px;
		overflow: hidden;
	}
	
	.textBoxContentTop{
		display: none;
	}
	
	#contentPanelHomeMid{
		width: 515px !important;
		width: 503px;
		padding: 0px 6px 0px 6px !important; 
		padding: 0px 6px 0px 6px;
		margin: 0px;
		height: 414px !important;
		height: 414px;
		font-size: 0.1em;
	}
	
	.textBoxContentMid, .textBoxContentMidFlash{
		width: 515px !important;
		width: 495px;
		padding: 1px 5px 15px 10px;
		margin: 0px;
		min-height: 80px;
		height: auto !important;
		height: 80px;
		display: table;
	}

	.textBoxContentMidFlash{
		padding: 0px 6px 0px 6px;		
	}
	
		#textBoxContent .textBoxContentMid p{
			margin-bottom: 8px;
		}
		
		.textBoxContentMid ul {
			list-style: disc;
			padding: 0 0 0 15px;
		}
		
			.textBoxContentMid li {
				float: none;
				padding-bottom: 8px !important;
			}
			
		.textBoxContentMid ul.sitemap {
			list-style: none;
			padding: 0;
		}
		
			.textBoxContentMid ul.sitemap li{
				list-style: none;
				padding-bottom: 8px !important;
			}
	
	#contentPanelHomeBot, .textBoxContentBotFlash{
		width: 515px;
		height: 6px;
		font-size: 0.1em;
	}

	.textBoxContentBot{
		display: none;
	}
	

/* **************************** COLUMN 1 TEXT BOX CONTENT **************************** */
#mainImage{
	width: 515px;
	height: 285px;
	font-size: 0.1em;
	text-align: center;
}

	#mainImage img{
		margin: 6px;
	}
	
.imageRight{
	float: right;	
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
}


#image2{
	position: relative;	
}

.textBoxContent, .textBoxContentMaster{
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	float: left;
	display: table;
}
	.textBoxContentMaster .column1Title h1{
		padding: 0px 0px 0px -15px;
	}

	.textBoxContent h2, .textBoxContentMaster h2{
		margin: 3px 0px 0px 0px; 
		font-size: 1.6em;
	}
	
	.textBoxContent h3, .textBoxContentMaster h3{
		margin: 3px 0px 0px 0px; 
		width: 100%;
	}
	
	.textBoxContent h4, .textBoxContentMaster h4{
		font-size: 1em;
		margin: 10px 0px 10px 0px; 	
	}
	
	.textBoxContent p, .textBoxContentMaster p{
		margin: 5px 15px 0px 0px; 
		display: block !important;
		font-size: 1em;
	}
	
	
	.textBoxContent table, .textBoxContentMaster table{
		font-size: 1em;
		margin: 20px 0 0 0;
	}
	
.summaryText{
	display: block;
	margin-bottom: 10px;
	margin-right: 25px;	
}

	.mainText p, .summaryText p{
		margin-top: 0px;		
		margin-bottom: 10px;
	}
	
	
.mainText{
	margin-bottom: 10px;
	margin-right: 5px;
	overflow: hidden;
	width: 100%;
}	

	#column1ContainerFullList .mainText{
	}

		#column1ContainerFullList .mainText p{
		}
	
/* *********************** COLUMN 1 LIST ITEM STYLES **************************** */

/*
.listContainers ul{
	width: 720px;
	list-style: none;

}

	.listContainers ul li{
		width: 182px;
		min-height: 195px;
		height: 195px;
		list-style: none;
		float: left;	
	}	
*/

.listContainerBox{
	width: 174px;
	margin: 0px 8px 10px 0px !important;
	margin: 0 0 10px 0px;
	float: left;	
}


	.listContainerBox .listContainerImage{
		width: 174px;
		height: 87px;		
		margin-bottom: 8px !important;
		margin-bottom: 0px;
		text-align:center;
		float: left;
	}

	.listContainerImage .listContainerTop{
		width: 174px;
		height: 6px;
		font-size: 0.1em;
	}
	
	.listContainerImage .listContainerMid{
		width: 174px;
		color: #FFF;
		height: 87px;			
		font-size: 0.1em;
		margin: 0px;
		overflow: hidden;
	}
	
	.listContainerImage .listContainerBot{
		width: 174px;
		height: 6px;
		font-size: 0.1em;
	}

	
	.listContainerBox .listContainerText{
		width: 174px;
		margin: 2px 0px 0px 0px !important;
		margin: 0px;
		float: left;
	}
	
		.listContainerText .listContainerTextTop{
			width: 174px;
			height: 6px;
			font-size: 0.1em;
		}
		
		.listContainerText .listContainerTextMid{
			width: 174px !important;
			width: 162px;
			display: table;
			min-height: 70px;
			height: auto !important;
			padding: 0px 5px 0px 7px;
		}


/*		.listContainerText .listContainerTextMid{
			width: 164px !important;
			display: table;
			min-height: 70px;
			height: auto !important;
			padding: 2px 6px 0px 8px;
		}
*/

		.listContainerText .listContainerTextMid .content{
			background-color: #000000;			
			min-height: 70px;
			height: auto !important;
			min-height: 70px;
			display: table;
			padding: 4px 1px 4px 4px !important;
			padding: 4px 0px 4px 4px;
			width: 155px !important;
			width: 156px;

		}
		
		.listContainerText .listContainerTextBot{
			width: 174px;
			height: 8px;
			font-size: 0.1em;
		}

		.listContainerText .listContainerTextMid h4, .listContainerText .listContainerTextMid h4 a:link, .listContainerText .listContainerTextMid h4 a:visited{		
			margin: 0px;
			padding: 0px;
			width: 155px !important;
			width: 151px;
			min-height: 35px;
			height: 35px;
			overflow:hidden;
			color: #FFFFFF !important;
		}
	
		.listContainerBox .listContainerText p{
			height: 45px;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			font-size: 0.9em;
			color: #FFF;
		}
		
	.listContainerLink{
		width: 160px;
		color: #6FB423;
		float: left;
		height: 25px !important;
		height: 35px;
		margin: 0px auto 0px 9px !important;		
		margin: 0px auto 0px 6px;


	}
	
	.placeholder .listContainerLink{
		font-size: 0.8em;
		margin-top: 3px !important;		
	}

	.listContainerBox a:link, .listContainerBox a:visited{
		color: #6FB423 !important;
	}

	.listContainerBox a:hover, .listContainerBox a:active{

	}
	

/* *********************** COLUMN 1 LIST ITEM STYLES **************************** */

.listContainer{
	width: 485px;
	margin-top: 15px;
}

	.listContainerImage{
		float: left;
		width: 160px;
		margin: 0px 10px 10px 0px;
	}
	
	.listContainerImageRight{
		width: 200px;
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.listContainerTextLeft, .listContainerTextRight{
		float: left;
		width: 230px;
	}
		
	.listContainerTextFull{
		float: left;
		text-align: left;
		margin: 4px 10px 0px 0px; 
	}

.listContainerTextFull table, .colourTable, .mainText table{
	border: 1px solid #FFFFFF;
	text-align: left;
	margin: 0px 10px 0px 0px !important; 
	margin: 0 1px 0 1px; 
	width: 470px !important;
	width: 450px;
}

.colourTable,  .mainText table{
	margin: 20px 10px 0 0 !important;
	clear: left;
	float: none;
}

.colourTable,  .mainText table p {

}

.listContainerTextFull thead, .colourTable th, .colourTable tr,  .mainText th,  .mainText tr{
	background: #6FB423;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}

.colourTable tr,  .mainText tr{
	color: #666;
	background: #FFFFFF;
}


.listContainerTextFull thead, .colourTable th, .mainText th{
	border-bottom: 1px solid #FFFFFF;
}

.colourTable td, .mainText table td{
	border-bottom: 1px solid #6FB423;
}

table.colourTable td
{
	width: 200px;
}


.listContainerText p, .listContainerTextFull p{
	margin: 0 5px 0 0;
}

.listContainerText h4{
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	margin: 0;
	padding: 0;
}
	
.paginationContainer{
	margin: 10px 9px 10px 0px;
	background-color: #6E6E6E;
	width: 400px;
	text-align: right;
	line-height: 25px;
}

.pagination{
	margin: 0px 15px 0px 0px;
	font-size: 1em;
	font-weight: bold;

}


	
/* **************************** ONLINE MAP STYLES **************************** */
#map1, #map2{
	width: 600px !important;
	width: 651px;
	margin: 0px 10px 50px 50px !important;
	margin: 0px 30px 50px 20px 
}

#map1 a, #map2 a{
	float: right;
	font-size: 0.8em;
	margin: 15px 0 0 0;
}

.centreText{
	width: 500px;
	margin: 20px 0 0 0;
}

.centreText a{
	margin: 0 40px 0 0;
}

/* ************************** HOMEPAGE ONLY STYLES START ********************************************* */

#contentTopContainer{
	width: 720px !important;	
	float: left;
	display: table;
	padding: 0px;
	margin: 0 0 0 0px;
}

#contentTopLeft{
	float: left;
	width: 342px;
	height: 232px;
	padding: 0px;
	margin: 0px !important;
	position: relative;
}

#contentTopLeft img{
	margin: 0 6px 0 6px;
}

#contentTopRight{
	float: right;
	display: table;
	width: 420px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0 0px 8px;
}

#contentBottomContainer{
	width: 800px !important;	
/*	width: 850px; */
	float: left;
	display: table;
	padding: 0px 0 0 14px !important;
	padding: 0px;
	margin: 20px 0 0 0px;
}

#contentBottomLeftContainer, #contentBottomRightContainer{	
	float: left;
}

/* *********************************   PLACEHOLDER STYLES *********************************  */
.placeholder{
	width: 244px !important;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	display: table;
	float: left;
}

	.placeholderTop{
		width:244px;
		height: 6px;
		overflow: hidden;
	}
	
	.placeholderMid{
		width: 244px;
		min-height: 130px;
		height: 130px;
		color: #FFF;
		text-align: center;	
	}
	
	.placeholderBot{
		width:244px;
		height: 6px;
		font-size: 0.1em;
	}
	
	.placeholderContent{
		width: 232px;
		margin: 0px auto 0px auto;
		min-height: 130px;
		height: auto !important;
		height: 130px;
		text-align: left;
	}	
	
	.placeholderMid .placeholderImage{
		width: 232px;
		float: left;		
		text-align: center;
	}
	
		.placeholderMid .captionBG{
			background-color: #000000;
			height: 25px;
			width: 232px;
			display: block;
			margin-top: -25px;
			float: left;
			overflow: hidden;
		}
		
		.captionBG h4{
			width: 228px;
			color: #FFFFFF;	
			display: block;
			cursor: pointer;
			margin: 5px 0px 0px 4px;
			padding: 0px;
		}
		
		.placeholderMid .caption{
			padding: 2px !important;
			padding: 0px 2px 0px 2px;
			width: 232px;
			font-size: 1em !important;
			cursor: pointer;
			cursor: hand;
		}
		
		.placeholderMid h4 a:link, .placeholder a:link, .placeholder a:visited{	
			color: #FFF !important;
			text-decoration: none !important;
			height: 130px;
			width: 232px;
			float: left;
			display: block;
			cursor: pointer;
		}
		
		.placeholder h4  a:hover, .placeholder a:active{	
			color: #FFF;
			text-decoration: underline !important;
			height: 130px;
			width: 232px;
			font-size: 1em !important;
		}
		
		.placeholder a:active{
			text-decoration: none !important;
		}

/* ********************************* PLACEHOLDER  HOME STYLES *********************************  */
	
.placeholderHome{
	width: 515px;
	font-size: 0.8em;
}

	.placeholderHome .placeholderImage{
		width: 342px; 
		height: 232px;
		float: left;	
		margin: -20px 0 0 -40px;
		position: relative;	
	}


.placeholderHome .placeholderText{
	width: 410px !important;
	display: table;
	padding: 0px 0px 0px 0px;
	margin: 10px 0 0px 8px;
}




/* *********************************  GALLERY STYLES *********************************  */
.galleryLandingRowContainer{
	width: 760px;
}

.galleryBox{
	width: 244px !important;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	display: table;
	float: left;
}

.galleryBoxTop{
	width:244px;
	background: url(/site/gfx/placeholderTop.gif) no-repeat;
	height: 6px;
	overflow: hidden;
}

.galleryBoxMid{
	width: 244px;
	background: url(/site/gfx/placeholderBG.gif) repeat-y top left;
	color: #FFF;
	text-align: center;
}

.galleryBoxBot{
	width:244px;
	background: url(/site/gfx/placeholderBot.gif) no-repeat;
	height: 6px;
}

.galleryBoxContent{
	width: 232px;
	margin: 0px auto 0px auto;
	min-height: 122px;
	height: auto !important;
	height: 122px;
	border: 1px solid #FFF;
	text-align: left;
	display: table
}

.galleryBoxMid .galleryBox{
	width: 232px;
}

	.galleryBoxMid .captionBG{
		background-color: #1FB3E1;
		height: 18px;
		width: 232px;
		display: block;
		margin-top: 112px;
	}
	
	.galleryBoxMid h4{
		width: 228px;
		color: #FFFFFF;	
		font-size: 1em;
	}
	.galleryBoxMid .caption{
		padding: 2px 2px 0px 2px;
	}
	
	.galleryBoxMid .smallOnBlue{
		padding: 0px 2px 2px 2px;
		background-color: #1FB3E1;
		height: 15px;
		width: 228px !important;
		width: 232px;
		display: block;

	}
	
	
	.galleryBox a:link, .galleryBox a:visited{	
		color: #FFF !important;
		text-decoration: none !important;
		height: 130px;
		width: 232px;
		float: left;
		cursor: pointer;
	}
	
	.galleryBox a:hover, .galleryBox a:active{	
		color: #FFF;
		text-decoration: underline !important;
		height: 130px;
		width: 232px;
	}
	
 	.galleryBox a:active{
		text-decoration: none !important;
	}
	


/* *********************************  SEARCH LISTS AND RESULTS *********************************  */

#job-search-list, #searchList{
	font-size: 1.2em;	
	width: 242px;
	margin: 0px 0px 10px 0 !important;
	margin: 0px 0px 10px 0;
	display: block;
	float: right;
	position: relative;
}

#job-search-list{
	font-size: 1em;
}
	#job-search-list h3{
		font-size: 1.4em;
		margin-top: 4px;
	}
	
	#searchList h3{
		font-size: 1.2em;
		margin-top: 5px;
	}
	
	#job-search-list ul, #searchList ul{
		width: 100%;
		margin: 0px;
	}
	
	#searchList ul{
		min-height: 150px;
	}

		#job-search-list li, #searchList li{
			list-style: none;
			height: 40px;
			margin: 0px 0px 5px 0px;
			font-weight: bold;
			width: 242px;	 
			color: #fff;
			font-size: 0.9em;
			text-align: center;

		}
		
		#searchList li{
			width: 78px;	 
		}

			#job-search-list li a:link, #job-search-list li a:visited, #searchList li a:link, #searchList li a:visited {
				float: none;
				margin: 0px;
				width: 242px;
				display: block;
				text-decoration: none;
				color: #fff;
				height: 36px;
				padding: 0px;
				line-height: 40px !important;
				line-height: 36px;
				overflow: hidden;
			}
			
			
			#job-search-list li a:hover,  #job-search-list li a:active, #searchList li a:hover, #searchList li a:active{
				float: none;
				margin: 0px;	 
				width: 242px;
				display: block;
				text-decoration: underline;
				height: 36px;
				color: #FFFFFF;
				line-height: 40px !important;
				line-height: 36px;

			}
			
			#searchList li a:link, #searchList li a:visited, #searchList li a:hover, #searchList li a:active{		
				width: 78px;
			}

#keywords{
	margin-top: 5px;
	float: left;
	width: 150px;
	clear: none;
}

#jobSrch{
}

.searchForm{
	margin-top: 15px;
	width: 485px;
	float: left;
	font-weight: bold;
	display: block;
}

	.searchForm label{
		float: left;
		width: 190px;
		line-height: 20px;
	}
	
	.searchForm select{
		float: left;
		margin: 0 5px 5px 0px;	
		width: 200px;
	}

	.searchForm div{
		float: right;
		margin-top: -5px;
	}

div.button{
	float: left;
	width: 711px !important;
	width: 300px;
	display: table;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* *********************** COLUMN 1 SEARCH AND SEARCH RESULT STYLES **************************** */

.advancedSearch{
	margin-top: 5px;
	float: left;
	width: 430px;
}
	.advancedSearch p{
		font-size: 1em;
		margin-bottom: 8px;
	}
	

	.advancedSearch hr{
		width: 485px !important;		
		margin-bottom: 0px;
	}
	
/* *************** SEARCH SUBMIT BUTTONS ****************** */
/* Note: IE6 specific styles are in imagesie6.css because the transparent
pngs overlaid on top of each other were messing up */

#searchButtonContainer, .searchButtonContainer{
		float: left;
		width: 90px;
		height: 29px;
		font-size: 0.7em;
		}
	
	#searchSubmitButton, .searchSubmitButton{
		width: 90px;
		height: 25px;
		border: none;
		padding-top: 3px;
		cursor: pointer;
		display: block;
		color: #FFF;
	}

	/* -- Begin IE7 Only Hack -- */
			*:first-child+html #searchSubmitButton, .searchSubmitButton {
				padding-top: 6px;
			}
			/* -- End IE7 Only Hack -- */

.newSearchDescText{
	margin: 10px  0 10px 0;
	padding-left: 120px;
}

#storeSearchResults{
	width: 485px;
	float: left;

}
	.storeResultsContainer{
		margin: 10px 1px 10px 0;
		width: 160px;
		padding: 0;
		float: left;
	}
	
		.storeResultsTop{
			width: 160px;
			height: 6px;		
			font-size: 0.1em;				
		}
		
		.storeResultsMid{
			width: 160px;
			height: 6px;
			display: block;
			height: 135px !important;
			height: 140px;
		}
		
		.storeResultsBot{
			width: 160px;
			height: 26px;
			text-align: center;
		}
	
		.storeResultsContent{
			width: 150px;
			margin: 0px 5px 2px 5px;
		}
		
			.storeResultsImage{
				text-align:center;
				width: 150px;
				height: 98px;
				background-color: #FFF;
				display: block;
			}
			
				.storeResultsImage img{
					margin: auto;
				}

			.storeResultsContent p{
				text-align: center;
				font-weight: bold;
				margin: 2px 0px 0px 0px;
				padding: 0px;
				font-size: 1em;
				height: 30px;
			}
			
			.storeResultsContent p.offers{
				margin: 4px 0px auto 0px;
			}
			
				.storeResultsContent a:link, .storeResultsContent a:visited{
					text-decoration:none;			
					color: #FFF !important;
				}
				
				.storeResultsContent a:hover, .storeResultsContent a:active{
					text-decoration: underline !important;
					color: #FFF !important;					
				}

			.giftCard{	
				margin: -8px 0px 0px 125px !important;
				margin: -8px 0px 0px 40px;
				width: 32px;
				height: 26px;
				display: block;
				position: absolute;
				font-size: 0.1em;				
			}
			
			/* -- Begin IE7 Only Hack -- */
			*:first-child+html .giftCard {
				margin: -8px auto 0px 45px !important;
			}
			/* -- End IE7 Only Hack -- */
			
			.giftCardInfo{
				text-indent: 35px;
				height: 30px;
				line-height: 30px;
			}
			
	.results ul{
		width: 700px !important;
		list-style: none;
		margin: 0px !important;
	}
	.results li{
		list-style-image: none;	
		margin: 0px;
		text-indent: 0px !important;
	}
	.results img{
		border: 1px solid #CCC;
		float: right;
		margin: 5px 0 0 5px;
		padding: 5px;
		background: #FFF;
	}
	
	
/*  ********************************* JOB and STORE RESULTS ********************************  */

.jobListItem, .results{
	/*width: 700px !important;
	width: 670px; */
	width: 485px !important;
	width: 485px;
	display: table;
	float: left;
}



	.storeImages{
		float: left;
		text-align: center;	
		width: 154px; 
	}
	
		.storeImage{
		background-color: #000000;
		height: 120px;
		margin-bottom: 10px;
	}	


	
		.storeImages img{
			margin: 2px 2px 0px 2px !important;
			float: none !important;
		}

	.jobListItem img, .results img{
		margin: 2px 2px 2px 0;
		float: left;
	}
	
	.jobListItem h4{
		width: 300px;
		font-size: 1.4em;
		float: left;
		margin: 0 0 5px 10px;
		display: block;			
	}
	
	.jobListItem h5, .results p{
		float: left;
		margin: 0 0 10px 10px;
		font-weight: bold;
		font-size: 1em;
	}
.results p{
	float: left;
	margin: 0px;
	font-weight: bold;
}

.caption{

}
dl{
/*	width: 490px !important;
	width: 453px; */
	width: 310px;
	margin: 0 0 0 10px;
	display: table;
	float: left;
	text-align: left;
	empty-cells:show !important; 	
}

dt{
	clear: left;
	font-weight: bold;
/*	min-width: 190px;	
	width: 190px;	*/
	text-transform: capitalize;
/*	float: left; */
	display: block;	

}

dd{
	margin: 0 0 10px 0;
/*	min-width: 270px;
	width: 270px !important;
	float: left; */
	display: block;
	font-size: 1em;
	padding: 0px;
	
}

dd.description{
/*	width: 400px !important;
	width: 430px; */
	
	float: left;
}

dd.description p{
	display: table;
}


dd.description ul{
	width: 430px;
	float: left;
	display: table;
	clear: both;
}
dd table{
	padding: 0px;
	margin: 0px 0px 5px 0px !important;
	border-collapse: collapse;
	width: 260px;
	vertical-align: top;
}


.jobListItem ul{
	margin-left: 15px !important;
}

.jobListItem dl dd p{
}


/*  ********************************* PAGING *********************************  */

.paging {
	text-align: right;
	margin: 25px 10px 10px 0 !important;
	margin: 12px 0px 10px 0;	
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	clear: both;
}

	#column1ContainerFullList .paging {
		width: 780px !important;
		width: 740px;
		margin: 15px 10px 10px 0 !important;
		margin: 12px 0px 10px 0;	

	}

.activePage{
	color: #AD9B6D;
}

/* ****************************** FORM STYLES - GENERAL *********************** */

#contactForm{
	margin: 0px;
}	
	#contactForm form{
		float: left;
	}

#contactForm label.campaign {
	width: 480px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	display: block;
}

.checkbox{
	float: left;
	width: 500px;
	margin: 5px auto 8px 0px;
}
.checkbox input{
	float: left;
	margin-right: 10px;
}
.checkbox label{
	width: 450px !important;

}

.formNotes{
	float: left;
	width: 450px;
	margin-top: 10px;
}

.redText{
	font-weight:bold;
	color: #C00;
	margin: 5px 0 0 0px;
	padding: 2px;
	width: 450px;
}



/* BELOW : Form styles taken from Pru due to development using existing form code from PruPIM */

form {
}
	textarea{
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
		width: 360px;
		overflow: auto;

	}

	form fieldset {
		width: 450px;
		float: left;
		border: none;
		font-size: 1em;
		margin: 10px 0 20px 0;
	}
	
		form fieldset legend {
			display: none;
		}

		form fieldset label {
			color: #6FB423;
		}

	form .errorsContainer ul {
		margin: 0 0 10px 25px;
		color: red;
		clear: both;
		width: 100%;	
	}
	
	form .errorsContainer li {
		float: none;		
	}

	form .errorsContainer p {
		margin: 0 0 10px 0;
		color: red;
	}
	
	form fieldset .loginField{
		width: 175px;
		float: left;	
	}
	
	form fieldset .loginButton{
		width: 100px;
		float: left;	
		margin-top: 10px;
	}
	
		form fieldset .loginField label{
			font-size: 1.1em;
		}
		
		form fieldset .loginButton .searchSubmitButton{

		}


	form fieldset .questionAndAnswer {
		float: left;
		margin-bottom: 5px;
		width: 450px;
	}
	
	form fieldset .questionAndAnswer abbr{
		border: 0;
	}
	
	
	form fieldset .questionAndAnswer .question {
		display: block;
		text-align: left;
		float: left;
		margin-bottom: 3px;
		padding: 2px 8px 0 0;
		width: 200px;
	}
	
		form fieldset .questionAndAnswer .answer {
		float: left;
		}
		
		.loginInputLong{
			width: 150px;
		}
	
		form fieldset .questionAndAnswer .answer select {
			width: 159px;
			float: left;
			clear: none;
			display: block;
			margin: 0px;
			font-size: 1em;
		}
		form fieldset .questionAndAnswer .answer select option{
			width: 150px;
		}
		
		
			/* -- Begin IE7 Only Hack -- */
			*:first-child+html form fieldset .questionAndAnswer .answer select {
				width: 157px !important;
			}
			/* -- End IE7 Only Hack -- */
		
		form fieldset .questionAndAnswer .answer input,
		form fieldset .questionAndAnswer .answer textarea {
			padding: 2px;
			font-family: arial, helvetica, sans-serif
		}
		
				
			form fieldset .questionAndAnswer .answer textarea {
				font-family: arial, helvetica, sans-serif;
				font-size: 100%;
			}
		
			/* -- Begin IE7 Only Hack -- */
			*:first-child+html form fieldset .questionAndAnswer .answer input {

			}
			/* -- End IE7 Only Hack -- */

		form fieldset .questionAndAnswer .answer.radioButton{
			padding-bottom: 3px;
		}
		
		form fieldset .questionAndAnswer .answer.checkbox input,
		form fieldset .questionAndAnswer .answer.radioButton input {
		}
		
			/* -- Begin IE7 Only Hack -- */
			*:first-child+html form fieldset .questionAndAnswer .answer.checkbox input,
			*:first-child+html form fieldset .questionAndAnswer .answer.radioButton input {
						width: 20px !important;
			}
			/* -- End IE7 Only Hack -- */
			
	
/* Optional checkboxes */


input.checkBox {
	float: left;
	width: 20px;
}

span.checkBoxTxt {
	float: left;
	margin: 0px 15px 0 5px !important;
	margin: 5px 15px 5px 5px;
	clear: none;
	width: 360px;
}

form fieldset .questionAndAnswer.optional{
	margin: 10px auto 10px 0px;
}

/* Generic form submit buttons */

form fieldset .submitButton {
	float: left;
}

form fieldset .submitButton input {
	width: 82px;
	height: 30px;
	line-height: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	border: none;
	text-align:left;
	margin: 10px 10px 0 0 !important;
	margin: 10px 0px 0 0;
	padding: 0 0 10px 22px !important;
	padding: 0 0 8px 25px;
	display: block;
	cursor: pointer;
	cursor: hand;
	float: right;
}

	/* -- Begin IE7 Only Hack -- */
	*:first-child+html form fieldset .submitButton input {
		margin: 10px 0px 0 0 !important;
		padding: 0 0 8px 25px !important;
	}
	/* -- End IE7 Only Hack -- */
		
form fieldset .submitButton.campaign {
	width: 290px;
	float: left;
}

	
/* ************************* ARTICLES IN LIFESTYLE ********************* */

#articleCategory23{
	background: url(/gfx/article/fashion.jpg) no-repeat;
	width: 232px;
	height: 130px;
}

#articleCategory24{
	background: url(/gfx/article/lifestyle.jpg) no-repeat;
	width: 232px;
	height: 130px;
}
#articleCategory25{
	background: url(/gfx/article/accessories.jpg) no-repeat;
	width: 232px;
	height: 130px;
}
#articleCategory26{
	background: url(/gfx/article/foodDrink.jpg) no-repeat;
	width: 232px;
	height: 130px;
}
#articleCategory27{
	background: url(/gfx/article/healthBeauty.jpg) no-repeat;
	width: 232px;
	height: 130px;
}
#articleCategory28{
	background: url(/gfx/article/sportLeisure.jpg) no-repeat;
	width: 232px;
	height: 130px;
}

.articleListItemContainer{
	width: 485px;
	margin-top: 15px;
	margin-bottom: 20px;
}

	.articleListItemContainer .listItemImageLeft{
		width: 200px;
		float: left;
		margin: 0px 10px 10px 0px;
	}

	.articleListItemContainer .listItemImageRight{
		width: 200px;
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.articleListItemContainer .listItemText{
		width: 275px !important;
		display: table;
	}
	
	.articleListItemContainer .listItemText p{
	}

	.articleListItemContainer .listItemText h3{
		width: 275px !important;
		float: left;
	}	
	
	.articleListItemContainer .listItemTextFull h3{
		width: 430px;
	}


/* ***************************** START OFFERS *************************** */

#offersContainer {
	width: 485px;
	margin-top: 20px;
}

				
			
/* Offer detail */

.offerTextBoxContent {
	margin: 0px 20px 8px 0px !important;
	margin: 0px 5px 8px 0px;
	font-size: 0.8em;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}

	.offerTextBoxContent .imageLeft{
		width: 150px;
		margin: 0px 10px 10px 0px;
	}

	.offerTextBoxContent .column1Title{
		width: 500px;
		float: left;
		margin-bottom: 10px;
	}
	
		.offerTextBoxContent .column1Title h1{
			width: 500px;
		}
	
	.offerTextBoxContent p {
		margin: 5px 15px 0px 0px; 
		font-size: 1em;		
	}
	
	.offerSummaryText {
		display: block;
		margin-left: 0px;
		margin-bottom: 10px;
		float: left;
		width: 450px;
	}




.offerTextBoxContent h2 {
	font-size: 1.2em;
	margin: 3px 0px 0px 0px; 
}

.offerTextBoxContent h3 {
	font-size: 1.1em;
	margin: 3px 0px 0px 0px; 
	width: 100%;
}

.offerTextBoxContent h4 {
	font-size: 1em;
	margin: 3px 0px 10px 0px; 
}


.offerTextBoxContent table {
	font-size: 1em;
	margin: 20px 0 0 0;
	clear: none;
	float: left;
}

.offerTextBoxContent ul {
	width: 430px;
}

	

.offerDescription{
	float: left;
	width: 340px !important;
	width: 330px;
	margin: 0;
	padding: 0;
}




.offerColumn1Title {
	min-width: 380px;
	width: 380px !important; 
	width: 320px;
	clear: right;
	text-align: left;
	display: table;
	float: left;
	
}

.offerColumn1Title h1{
	float: left;
	margin: 10px 0 0px 0px; 
	display: block;
	width: 400px !important;
	width: 300px;
}
		
#textBasedOffersContainer{
	width: 242px;
	font-size: 0.8em;
	margin-top: 10px;
}

	#textBasedOffersContainer ul{
		list-style-type: none;
	}
	
		#textBasedOffersContainer li{
			list-style-type: none;
			float: none;
		}


/************************* END OFFERS *************************/

/* ********************** FOOTER *************************** */
#footerContainer{
	width: 100%;
	min-height: 62px;
	height: auto !important;
	height: 62px;
	background-color: #6FB423;
	float: left;
	text-align: center;
}
	
	#footer{
		width: 984px;
		min-height: 62px;
		height: auto !important;
		height: 62px;
		background-color: #6FB423;
		overflow: hidden;
		margin: 0px auto;
	}
	
	#footerNavigationContainer{	
		margin: 0;
		width: 100%;
		font-size: 0.7em;
		text-align: left;
		padding: 0px;
		min-height: 30px;
		display: table;
		text-align:center;
		color: #FFF;
	}
	
	#footerNavigation, #footerInfo{	
		width: 964px;
		font-size: 0.7em;
		text-align: left;
		padding: 0px;
		min-height: 20px;
		margin: 10px;
		color: #FFF;
	}
		#footerNavigation ul{
			list-style:none;
			margin: 0px;
			text-align: left;
		}
		
		#footerNavigation li{
			float: left;
			list-style:none;
			margin-left: 3px;
		}
	
	#footer a{
		text-decoration: underline;
	}
	
	#footer a:link, #footer a:visited{
		color: #FFF;
	}
	
	#footer a:hover, #footer a:active{
		text-decoration: none;
	}
	
	
	#copyrightMessage{
		float: left; 
		width: 350px;
	}
	
	#ibLink{
		float: right;
	}

/* Gallery styles */

.galleryNavBar {
	display: block;
	float: none;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 5px;
	overflow: hidden;
	font-size: 12px;
}

.galleryNavBar span {
	float: left;
}

.galleryPaging {
	float: right;
}

.galleryPaging ul {
	list-style-type: none;
}

.galleryPaging ul li {
	display: inline;
	padding: 3px;
	color: #999;
}

.galleryPaging ul li a {
	color: #6FB423 !important;
	font-weight: normal !important;
}

.galleryPaging ul li a:hover {
	color: #666666 !important;
}

.galleryPaging ul li a.selected {
	color: #6FB423 !important;
	font-weight: bold !important;
	text-decoration: none;
}

#galleryThumbs {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 10px 5px;
	width: 98%;
}

.gallerySingleItem {
	float: left;
	margin-right: 1px;
	margin-bottom: 6px;
}

.galleryImgContainer {
	color: #FFFFFF;	
	text-align: center;
	width: 175px;
	background: url("http://redrocklabs.com/glades/gal_item_bgr.png") repeat-y left top;
	padding-left: 6px;
	overflow: hidden;
	margin: 0;
}

.galleryImgWrap {
	margin: 0 4px 0 auto;
	text-align: center;
	vertical-align:middle;
	display: block;
	overflow: hidden;
	max-height: 114px;
}

.galleryImgContainer img {
	text-align:center;
	margin: 0 auto;
}

.galleryCaption {
	background-color: #000000;
	display: block;
	float: left;
	height: 20px;
	padding-top: 5px;
	margin-top: -25px;
	overflow: hidden;
	width: 171px;
	font-size: 12px;
}

.galleryCaption a {
	color: #FFF !important;
	color: #FFF;
	text-decoration: none;
}

.galleryCaption a:hover {
	text-decoration: underline !important;
	text-decoration: underline;
}

.alignTop {
	vertical-align: top;
}

.alignBottom {
	vertical-align: bottom;
}

.disclaimer {
	font-size: 12px;
	margin-top: 10px;
	border: 1px solid #cdb6d6;
	background: #dccbe3;
	padding: 5px;
	display: block;
	width: 98%;
}

.disclaimerSmall {
	font-size: 10px;
	border: 1px solid #e6d0ef;
	background: #f4e8f8;
	padding: 5px;
	margin: 10px auto 10px;
	display: block;
	width: 92%;
}




/* ************************** SHOP CATEGORIES START ********************************************* */

.charityFeature
{
	margin-top: 70px;
	visibility: hidden;
}

.shopCategories
{
	margin-top: 20px;
	padding-left: 0px !important;
	padding-left: 5px;
}

.specialOccasions
{
	float: left;
	margin-right: 15px;
}

.specialOccasions img
{
	width: 126px;
	height: 167px;
	margin-bottom: 20px;
}

.specialOccasions a
{
	display: block;
	background: url(/site/gfx/shopCategories/occasions.jpg) no-repeat;
}

.specialOccasions a:Hover
{
	background: url(/site/gfx/shopCategories/occasionsrollover.jpg) no-repeat;
}

.shoes
{
	float: left;
	margin-right: 20px;
}

.shoes img
{
	width: 123px;
	height: 167px;
	margin-bottom: 20px;
}

.shoes a
{
	display: block;
	background: url(/site/gfx/shopCategories/shoes.jpg) no-repeat;
}

.shoes a:Hover
{
	background: url(/site/gfx/shopCategories/shoesrollover.jpg) no-repeat;
}

.childrenswear
{
	float: left;
	margin-right: 15px;
}

.childrenswear img
{
	width: 130px;
	height: 167px;
	margin-bottom: 20px;
}

.childrenswear a
{
	display: block;
	background: url(/site/gfx/shopCategories/childrenswear.jpg) no-repeat;
}

.childrenswear a:Hover
{
	background: url(/site/gfx/shopCategories/childrenswearrollover.jpg) no-repeat;
}

.accessories
{
	float: left;
	margin-right: 15px;
}

.accessories img
{
	width: 128px;
	height: 167px;
	margin-bottom: 20px;
}

.accessories a
{
	display: block;
	background: url(/site/gfx/shopCategories/accessories.jpg) no-repeat;
}

.accessories a:Hover
{
	background: url(/site/gfx/shopCategories/accessoriesrollover.jpg) no-repeat;
}

.thatspecialgift
{
	float: left;
}

.thatspecialgift img
{
	width: 133px;
	height: 167px;
	margin-bottom: 20px;
}

.thatspecialgift a
{
	display: block;
	background: url(/site/gfx/shopCategories/gift.jpg) no-repeat;
}

.thatspecialgift a:Hover
{
	background: url(/site/gfx/shopCategories/giftrollover.jpg) no-repeat;
}

/* ************************** SHOP CATEGORIES END ********************************************* */



/* New form styles START */
.generalForm li
{
	margin-bottom: 15px;
	clear: both;
	min-height: 25px;
	list-style-type: none;
}

.generalForm .inputQuestion label, .generalForm .selectQuestion label
{
	float: left;
	width: 150px;
	padding-right: 40px;
	margin-bottom: 10px;
}

.generalForm .textareaQuestion label
{
	margin-bottom: 10px;
}

.generalForm .radioboxQuestion label.question
{
	float: left;
	width: 150px;
	padding-right: 30px;
	margin-bottom: 10px;
}

.generalForm .radioboxQuestion .answerContainer
{
	float: left;
	width: 250px;
	margin-bottom: 10px;
}

.generalForm .radioboxQuestion input
{
	margin-right: 2px;
}

.generalForm .radioboxQuestion label
{
	margin-right: 10px;
}

.generalForm .inputQuestion input
{
	float: left;
	width: 150px;
	margin-right: 10px;
	padding: 2px;
}

.generalForm .selectQuestion select
{
	float: left;
	width: 158px;
	margin-right: 10px;
}

.generalForm .textareaQuestion textarea
{
	width: 400px;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: Arial;
}

.generalForm .checkboxQuestion input
{
	float: left;
	margin-right: 10px;
}

.generalForm .checkboxQuestion label
{
	float: left;
	width: 300px;
}
/* New form styles END */