/* BRAEHEAD Website - site.css */
/* See images.css and imagesie6.css for transparent png styles */
/* Initial Build: Vicky Kaelin-Bevan */
/* Last changes for navigation done on 12/08/2009 */

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;
}
	
.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: #422871;
	color: #333;
}

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


/* **************************** UNIQUE CONTENT STYLES START **************************** */

.sectionStyle5 #wrapper
{
	background: url("/site/gfx/braeliensContentBground.jpg") bottom center #FFFFFF no-repeat;
	/* padding-bottom: 70px; */
}

.sectionStyle5 #listitempagedetail #column2
{
	display: none;
}


/* **************************** UNIQUE CONTENT STYLES END **************************** */


#mainBG
{
	display: table;
	width: 1040px !important;
	width: 1040px;
	margin: 0px auto;
	padding: 0px;
}


/* **************************** UNIQUE CONTENT STYLES START **************************** */

/*
.sectionStyle5 #listitempage #mainBG
{
	background: url("/site/gfx/braeliensLogo.gif") top right no-repeat;
}
*/

.sectionStyle5 #listitempagedetail #mainBG
{
	background: url("/site/gfx/braeliensArticleBground.png") top right no-repeat !important;
	background: url("/site/gfx/braeliensArticleBground.gif") top right no-repeat;
}

.sectionStyle5 #braelinsForm #mainBG
{
	background: url("/site/gfx/braeliensArticleBground.png") top right no-repeat !important;
	background: url("/site/gfx/braeliensArticleBground.gif") top right no-repeat;
}

.sectionStyle5 #mainBG #braelinsForm
{
	background: url("/site/gfx/braeliensArticleBground.png") top right no-repeat !important;
	background: url("/site/gfx/braeliensArticleBground.gif") top right no-repeat;
}


/* **************************** UNIQUE CONTENT STYLES END **************************** */




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

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

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

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

h1{
	font-weight: bold;
	font-size: 1.6em;
	color: #422871;
	line-height: 1em;
	width: 485px;
}

h2{
	font-size: 1.4em;
	line-height: 1em;
}

h3, h4{
	font-weight: bold;
	width: 100%;
}

h3{
	line-height: 1em;	
}

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:#422871;
	color: #422871;
	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: 130px;
	height: auto !important;
	height: 130px;	
	background: url("/site/gfx/headerBground.gif") no-repeat 85% 100% #FFFFFF;
}

	#headerContainer a:link, #headerContainer a:visited{
		color: #422871;
		text-decoration: none;
	}
	
	#headerContainer a:hover, #headerContainer a:active{
		text-decoration: underline;
	}
	
	
	
	
	
/* **************************** UNIQUE ADDITIONAL HEADER STYLES START **************************** */
	
/* Brae-liens header START */

.sectionStyle5 #headerContainer
{
	background: url("/site/gfx/braeliensHeaderBground.gif");
}

.sectionStyle5	#additionalHeaderBanner
{
	position: absolute;
	margin: 36px 0px 0px 470px !important;
	
	/* IE7 to get inline */
	*margin: 36px 0px 0px 110px !important;
	/* END */
	
	margin: 36px 0px 0px 110px;
	width: 350px;
	height: 96px;
	background: url("/site/gfx/braeliensHeader.png") top left !important;
	background: url("/site/gfx/braeliensHeader.gif") top left;
}
/* Brae-liens header END */
	
/* **************************** UNIQUE ADDITIONAL HEADER STYLES END **************************** */
	


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

	#headerLeftContainer{	
		width: 200px;
		padding: 0px;
		float: left;
		clear: none;	
		margin: 0px 0px 0px 0px;
		text-align: left;
	}
	
		#logoLink{
			width: 100px;
			height: 123px;
			margin: 0px 0px 0px 10px;
		}

	#headerRightContainer{	
		width: 420px !important;
		width: 400px;
		padding: 0px;
		float: right;
		height: 123px;
		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: #FFF;
						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: #FFF;
						background: #7C5FAF;
						border: 0px;
						margin-top: 12px !important;
						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 #logoutLink a{
				display: none;
				color: #7C5FAF;
			}
			
				#headerRightContainerTop a:link, #headerRightContainerTop a:visited{	
					color: #FFF;
					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: 4px;
	width: 100%;
	font-size: 0.1em;
	background-color: #FFF;
}

#itemTickerContainer{
	width: 100%;
	text-align: center;
	color: #333;
	height: 21px;	
	float: left;
	display: table;
	background-color: #422871;
	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;
			float: left;
			text-decoration: underline;
		}

#itemTickerContainerBase{
	height: 4px;
	width: 100%;
	background-color: #FFF;
	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;
	
}





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

#navContainer{
	width: 190px;	
	color: #FFF;	
	padding: 0px;
}


#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: 0px 0px 2px 0px;
	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 */

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

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


/*  Unique section styles  

ul#nav li.sectionStyle1 a:hover
{
	background-color: #639AD0;
}

ul#nav li.sectionStyle2 a:hover
{
	background-color: #0AC5CA;
}

ul#nav li.sectionStyle3 a:hover
{
	background-color: #20B6AD;
}

ul#nav .sectionStyle4 a:hover
{
	background-color: #8251A0;
}

ul#nav li a, ul#nav li.sectionStyle1 a, ul#nav li.sectionStyle2 a, ul#nav li.sectionStyle3 a, ul#nav li.sectionStyle4 a {
	background-color: #422871;
}


#nav .sectionStyle1 a, #nav .sectionStyle2 a, #nav .sectionStyle3 a, #nav .sectionStyle4 a {
	background-color: #422871;
}
*/
/*  Unique section styles END  */



/* 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: #FFF;
	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: #422871;
	display:block;
	width: 190px;
	border-top: 1px solid #C9C9C9;
	text-indent: 3px;
	background-color: #FFF;
}

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

#nav .subNavTop a:link, #nav .subNavTop a:visited {
	color: #FFF;
	line-height: 30px;
	width: 190px;	
	display:block;
	background-color: #C54197;
	text-indent: 3px;
}

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




/*  Unique section styles  */

/*
#nav .subNavTop.sectionStyle1 a:link, #nav .subNavTop.sectionStyle1 a:visited  {
	background-color: #639AD0;
}
*/

#nav .subNavTop.sectionStyle1 a:hover, #nav #mainNavOn .subNavTop.sectionStyle1 a {
	background-color: #639AD0;
}

/*
#nav .subNavTop.sectionStyle2 a:link, #nav .subNavTop.sectionStyle2 a:visited  {
	background-color: #0AC5CA;
}
*/

#nav .subNavTop.sectionStyle2 a:hover, #nav #mainNavOn .subNavTop.sectionStyle2 a {
	background-color: #0AC5CA;
}

/*
#nav .subNavTop.sectionStyle3 a:link, #nav .subNavTop.sectionStyle3 a:visited  {
	background-color: #20B6AD;
}
*/

#nav .subNavTop.sectionStyle3 a:hover, #nav #mainNavOn.sectionStyle3  a {
	background-color: #20B6AD;
}

/*
#nav .subNavTop.sectionStyle4 a:link, #nav .subNavTop.sectionStyle4 a:visited  {
	background-color: #8251A0;
}
*/

#nav .subNavTop.sectionStyle4 a:hover, #nav .subNavTop.sectionStyle4 #mainNavOn a {
	background-color:  #8251A0;
}

#nav .subNavTop.sectionStyle5 a:hover, #nav .subNavTop.sectionStyle4 #mainNavOn a {
	background-color:  #F5861F;
}

/*  Unique section styles END */






#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: #333;
	background-color:  #FFF;
	text-decoration:none;
	width: 190px;
	display: block;
	line-height: 30px;
}

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

.subNavTop{
	border: 0px;
}

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

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

#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;
	width: 100%;
}

#column1Container ul{	
	float: left;
	list-style: none;
	margin: 5px 0 15px 20px;
}	

#column1Container .mainText ul{	
	float: left;
	list-style: disc;
	margin: 5px 0 15px 20px !important;
	margin: 5px 0 15px 0px;
	width: 440px;
}	

#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;		
	float: left;
	width: 100%;
}

.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: #422871;
		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-weight: normal;
	}
	
	.fileLink img{
		float: left;
	}
	
	.fileText{
		float: left;
		margin: 16px 0px 0px 10px;
	}

	 #searchList .fileText, #searchList .fileText a{
		font-size: 0.8em !important;
	}

	
.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;
		padding: 0px 6px 0px 6px !important; 
		margin: 0px;
		height: 446px !important;
		height: 446px;
		font-size: 0.1em;
	}
	
	.textBoxContentMid, .textBoxContentMidFlash{
		width: 515px !important;
		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 {
				list-style: disc;
				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 -70px 0 0px;
	width: 330px;
	height: 220px;
	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;
}
	.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;
		clear: none;
		float: left;
		
	}
	
.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: 25px;
	overflow: hidden;
	width: 100%;
}

	#column1ContainerFullList .mainText{
		width: 700px;
	}

		#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;	
}


	.sectionStyle5  .firstContainerBox{
	
		visibility: hidden;
	
	}
	
	.sectionStyle5  #listitempage #column1{
		
		background: url(/site/gfx/braeliensContentLogo.gif) no-repeat top 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: 174px;
			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: #422871;			
			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: 160px;
		}
		
		
/*  Unique section styles  */

		.listContainerText .listContainerTextMid .content{
			background-color: #C54197;
		}

		.sectionStyle1 .listContainerText .listContainerTextMid .content{
			background-color: #639AD0;
		}
		
		.sectionStyle2 .listContainerText .listContainerTextMid .content{
			background-color: #0AC5CA;
		}
		
		.sectionStyle3 .listContainerText .listContainerTextMid .content{
			background-color: #20B6AD;
		}
		
		.sectionStyle4 .listContainerText .listContainerTextMid .content{
			background-color: #3F256E;
		}
		
		.sectionStyle5 .listContainerText .listContainerTextMid .content{
			background-color: #F5861F;
		}

/*  Unique section styles END  */		

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

		.listContainerText .listContainerTextMid h4{		
			margin: 0px;
			padding: 0px;
			width: 155px !important;
			width: 151px;
			min-height: 35px;
			height: 35px;
			color: #FFF !important;				
			overflow: hidden;
		}
	
		.listContainerBox .listContainerText p{
			height: 45px;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			font-size: 0.9em;
		}
		
	.listContainerLink{
		width: 160px;
		color: #422871;
		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{
		color: #FFF;
	}
	
	
	.listContainerLink a
{
	color: #C54197;
}


/*  Unique section styles  */
	.sectionStyle1 .listContainerLink a
{
	color: #639AD0;
}

	.sectionStyle2 .listContainerLink a
{
	color: #0AC5CA;
}

	.sectionStyle3 .listContainerLink a
{
	color: #20B6AD;
}




	.sectionStyle5 .listContainerLink a
{
	color: #F5861F;
}

/*  Unique section styles END  */

	

/* *********************** 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 #422871;
	text-align: left;
	margin: 0px 10px 0px 0px !important; 
	margin: 0 1px 0 1px; 
	width: 470px !important;
	width: 470px;
}

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

.colourTable p,  .mainText table p {
	width: auto !important;
	display: compact;
}

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

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


.listContainerTextFull thead, .colourTable th, .colourTable td, .mainText th, .mainText td{
	border-bottom: #422871;
}

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

.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 0px 16px 0px;
	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: #fff;
			height: 24px;
			width: 232px;
			display: block;
			margin-top: -24px;
			float: left;
			overflow: hidden;
		}
		
		.captionBG h4{
			width: 228px;
			color: #FFFFFF;	
			display: block;
			cursor: pointer;
			margin: 1px 0px 0px 4px;
			padding: 0px;
			line-height:1em;
		}
		
		.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.2em;
	}
	
	#searchList h3{
		font-size: 1em;
	}
	
	#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;
				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{
					color: #FFF !important;
					text-decoration:none;			
				}
				
				.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{
				background: url(/site/gfx/storeJobSearch/giftCard.png) no-repeat;
				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: #422871;
		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{
	float: left;
	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;
}


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

.paging {
	text-align: right;
	margin: 25px 10px 0px 0 !important;
	margin: 12px 0px 0 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: #A41E23;
}

/* ****************************** 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: 0px 0 0 7px;
}

.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: #422871;
		}

	form .errorsContainer ul {
		margin: 0 0 10px 25px;
		font-weight: bold;
		color: #333;
		clear: both;
		width: 100%;	
	}
	
	form .errorsContainer p {
		margin: 0 0 10px 0;
		font-weight: bold;
		color: #333;
	}
	
	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;
	}


	.articleListItemContainer .listItemTextFull p{
	}

/* ***************************** 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;
		float: left;
		margin: 0px 10px 10px 0px !important;
		margin: 0px 0px 0px 0px;
	}

	.offerTextBoxContent .column1Title{
		width: 350px;
		float: left;
	}
	
		.offerTextBoxContent .column1Title h1{
			width: 350px;
		}
	
	.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;
}

	

.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: #422871;
	float: left;
	text-align: center;
}
	
	#footer{
		width: 984px;

		min-height: 62px;
		height: auto !important;
		height: 62px;
		background-color: #422871;
		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: 30px;
		margin: 10px;
		color: #FFF;
	}
	
	
	#footerNavigation{
		margin-left: -17px;	
	}
	
	#footerInfo{
		margin-left: 10px !important;
		margin-left: 25px;
	}
	
		#footerNavigation ul{
			list-style:none;
			margin: 0px;
			text-align: left;
		}
		
		#footerNavigation li{
			float: left;
			list-style:none;
			margin-left: 15px;
		}
	
	#footer a{
		text-decoration: none;
		margin-right: 15px;
	}
	
	#footer a:link, #footer a:visited{
		color: #FFF;
	}
	
	#footer a:hover, #footer a:active{
		text-decoration: underline;
	}
	
	
	#copyrightMessage{
		float: left; 
		width: 250px;
	}
	
	#ibLink{
		float: right;
	}


/********************************** CAMPAIGN STYLES ***********************************/

.questionAndAnswerCompetition input{
	float: none;
}

	form fieldset .questionAndAnswerCompetition .question {
		display: block;
		text-align: left;
		float: left;
		margin-bottom: 3px;
		padding: 2px 8px 0 0;
		width: 200px;
	}
	
		form fieldset .questionAndAnswerCompetition .answer {
		float: none;
		width: 200px;
		}



/********************************** START SIFR ***********************************/
	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1.8em;
	margin: 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1.2em;
	margin: 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	line-height: 1em;
	}


.sIFR-hasFlash .captionBG h4{
	visibility: hidden;
	line-height: 1em;
	font-size: 1em;
	}



/* ****************************** END SIFR ******************************** */


.generalForm ol {
	margin: 10px 0 0 0;
	padding: 0px;
	outline: none;	
}

.generalForm ol li {
	list-style-type:none;
}


.generalForm ol li .checkBox {
	margin-right: 5px;
}