/******** Home page *********/

#home-login
{
	width: 234px;
	border: 2px solid #e1e1e1;
	padding: 30px 20px 20px 140px;
	background: url(images/ContentManaged/Home/login.png) no-repeat 15px 30px;
	float: left;
	margin-bottom: 1em;
}

/* VLU: FORM tag was deleted from _unknownUserPanel of LoginAreaControl */
#home-login input
{
	margin: 0;
}

/* VLU: FORM tag was deleted from _unknownUserPanel of LoginAreaControl */
#home-login input.fields
{
	width: 230px;
	height: 20px;
}

#home-login p
{
	margin: 0 0 1em 0;
	padding: 0;
}

#home-login-active
{
	width: 394px;
	border: 2px solid #e1e1e1;
	padding: 0;
	float: left;
	margin-bottom: 1em;
}

#home-login-active ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#home-login-active ul li
{
	border: 1px dotted #e1e1e1;
	padding: 2em 2em 3em 3em;
}

#home-login-active ul li p
{
	font-size: 1em;
	padding: 0 0 0 6em;
	margin: 0;
}
#home-login-active ul li img
{
	float: left;
	padding: 0;
	margin: 0;
}

#home-login-active ul li .home-button
{
	float: none;
	margin: 0 0 1em 6em;
}

#home-login-active ul li .home-button a img
{
	border: 0;
	margin-right: 8px;
}

	/**** Content managed area *****/
	#home-content-managed-small {
		width: 286px;
		float: left;
		margin: 0 1em 1em 1em;
	}
	
	
	/**** News area *****/
	#home-news {
		width: 205px;
		float: left;
		clear: right;
		margin-bottom: 1em;
		border: 2px solid #e1e1e1;
		padding: 20px 20px 0 20px;
	}
	
	#home-news.detail {
		float: right;
	/* margin-top: 1em;  DST:commented to fix bug#E-PRO00003239*/
	}
	
	#home-news ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#home-news ul li {
		margin-bottom: 1em;
	}
	
	#article-detail {
		float: left;
		padding: 1em 0 1em 0;
		width: 680px;														/** Needs updating **/
		clear: both;
	}
	
	#article-detail h2 {
		font-weight: bold;
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
	}
	
	#article-detail p.newsdate {
		margin-bottom: 2.5em;
		margin-top: 0;
	}
	
	/* Sign up ***********/
	
	h2.registration {
		font-weight: bold;
		margin: 1.5em 0 0 0;
		padding: 0;
		line-height: 0.2em;
	}
	
	h2.registration span {
		color: #eb6e1f;
	}
	
	ul#sign-up {
		font-size: 1em;
		list-style:none;
		padding: 0; margin: 3em 0 1em 0;
		position: relative;
	}
	
	ul#sign-up li {
		border: 1px solid #cbcbcb;
		-moz-border-radius: 15px; -webkit-border-radius: 15px;
		width: 25em;
		float: left;
		margin-right: 1em;
		padding: 2em;
	}
	
	ul#sign-up li h3 {
		color: #2772d8;
		font-size: 1.4em;
	}
	
	ul#sign-up li p {
		height: 6em;
	}
	
	ul#sign-up li img {
		float: left;
		margin: 0 1em 1em 0;
	}
	ul#sign-up .or {
	position: absolute;
	display: block;
	height: 38px;
	width: 38px;
	z-index: 10;
	left: 455px;
	top: 100px;
	background: url(images/Misc/or.png) no-repeat;
}


/* Registration page */
div#terms-conditions
{
	width: 620px;
	height: 200px;
	overflow: scroll;
	background: #FFF;
	padding: 1em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
}
div#terms-conditions p, div#terms-conditions ul, div#terms-conditions ol
{
	font-size: 12px;
}
div#terms-conditions ol
{
	list-style: disc;
}
div#terms-conditions h2
{
	font-size: 16px;
}

p.registration-help
{
	width: 50em;
}


/* Log in */
h3.home
{
	font-weight: normal;
	color: #eb6e1f;
	margin-bottom: 0.5em;
}

div#login-form
{
	float: left;
	width: 37em;
	margin: 3em 0 1em 2em !important;
	margin: 3em 0 1em 1em;
}

div#login-form p
{
	width: 40em;
}

div#login-form a
{
	font-size: 0.75em;
}

div#login-form ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

div#login-form ul li
{
	margin-bottom: 1em;
}

/* VLU: For PaswordRetrieval page 1st step */
div#login-form ul li span
{
	color: #F00;
}

div#login-form form
{
	margin: 2em 0;
}

/* VLU: styles for Labels and Textboxes on Login form */
/***********************************************************/
.login-form-label
{
	width: 9em; /* Needs updating with style sheets */
	margin-right: 0.5em;
	float: left;
	font-weight: bold;
}

.login-form-label span
{
	color: #F00;
}

.login-form-input-fields
{
	width: 20em;
}
/***********************************************************/

div#login-form img
{
	vertical-align: middle;
	margin-right: 0.5em;
}


div#login-register
{
	padding: 2em;
	margin: 3em 0 1em 0;
	position: relative;
	float: right;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 17em;
}

div#login-register ul
{
	margin: 0.5em;
	padding: 0.5em;
}
/* Sign up button */
div#sign-up-button
{
	margin: 2em 0 0 0;
}

div#sign-up-button span
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #cacaca;
	padding: 0.5em 0.25em;
}

div#sign-up-button a
{
	background: #f1f1f1;
	border-top: 2px solid #fdfdfd;
	border-right: 2px solid #d1d1d1;
	border-bottom: 2px solid #a1a1a1;
	border-left: 2px solid #e0e0e0;
	padding: 0.5em 1em;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0.75em;
}

/* Contact us */
div#contact-us
{
	padding: 2em;
	margin: 1em 0 1em 0;
	position: relative;
	float: right;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 26em;
}

ul#contact-info
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 2em;
	width: 30em;
	float: left;
}

ul#contact-info li
{
	border-bottom: 1px solid #CCC;
	padding: 1.5em 0 1em 0;
}

ul#contact-info ul, ul#contact-info p
{
	list-style: none;
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0;
}

ul#contact-info ul li
{
	border: 0;
	padding: 0;
}

/****************  Forgot username *****************/

form#form1 ul li a img
{
	vertical-align: middle;
	border: 0;
	margin-left: 0.5em;
}


/****************  Search & Shop *******************/

h2.search-shop
{
	color: #fa6dff;
	clear: both;
}

p.search-shop
{
	padding: 0;
	margin: 0.4em 0 1em 0;
	float: left;
	width: 60em;
}

div#postcode
{
	padding: 0.5em;
	background: url(images/Core/postcode-back.jpg) repeat-x top #fafafa;
	border: 1px solid #ebebeb;
	margin: 0.5em 0.5em 0 0;
}

div#postcode p
{
	margin: 0.5em 0 0 0;
	padding: 0;
}

input.postcodefield
{
	width: 10em;
}

ul#catalogue
{
	list-style: none;
	padding: 0;
	margin: 1em 0 1em 0;
	border-bottom: 1px solid #efefef;
}

ul#catalogue li.main
{
	padding: 1.1em 2em 1em 0em;
	background: url(images/Core/postcode-back.jpg) repeat-x top #ffffff;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-left: 1px solid #efefef;
	margin: 0 0.5em 0 0;
	position: relative;
	min-height: 30px;
	clear: both;
	display: block;
	line-height: 1.6em;
}

ul#catalogue li.main p
{
	margin: 0;
	padding: 0 0 0 4.1em;
	font-size: 1em;
}

ul#catalogue li a
{
	/* VLU: change color for Contrasts #2, #3, #4 to fix design on MessageControl.  	Changed from #000; */
	color: #000;
	text-decoration: none;
}

ul#catalogue li:hover
{
	background: url(images/Core/postcode-back-roll.jpg) repeat-x top #ffffff;
}

ul#catalogue li img
{
	border: none;
	position: absolute;
	width: 35px;
	height: 35px;
	left: 6px;
	top: 10px;
}

ul#cat-landing
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#cat-landing li
{
	clear: both;
	border: 4px solid #cd59d1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 1.2em 1em 1em 16em;
	margin: 1em 0;
	position: relative;
	overflow: hidden;
	height: 13em; /** Needs updating **/
}

ul#cat-landing p
{
	font-size: 1em;
}

ul#cat-landing img
{
	position: absolute;
	left: 4em;
	top: 2em;
}


/***** Expanding catalogue JQuery classes ************/

ul#catalogue ul.panel
{
	padding: 0 0 0 4.5em;
	margin: 2em 0 0 0;
	list-style: circle inside;
}

ul#catalogue ul.panel li
{
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	background: none;
	border-top: none;
	border-bottom: none;
}

ul#catalogue ul.panel li:hover
{
	background: none;
}


ul#catalogue ul.panel li a:hover
{
	text-decoration: underline;
}


.trigger
{
	position: absolute;
	width: 7px;
	height: 12px;
	left: 210px;
	top: 15px;
	padding: 7px;
	text-decoration: none;
	background: url(images/Catalogue/catalogue-arrow.png) no-repeat center;
}

.panel
{
	display: none;
}

.active2
{
	background: url(images/Catalogue/catalogue-arrow-down.png) no-repeat center;
}

/***** Expanding catalogue JQuery classes end ********/

ul#catalogue li.filter-stores
{
	padding: 1.5em;
	overflow: hidden;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	width: 194px;
}

ul#catalogue li.filter-stores:hover
{
	background: none;
}

ul#catalogue li.filter-stores a
{
	padding: 0.5em 2em;
	background-color: #f2a41c;
	border-top: 2px #fadaa2 solid;
	border-right: 2px #a16d13 solid;
	border-bottom: 2px #79520e solid;
	border-left: 2px #f4b03b solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	font-size: 1.4em;
}
ul#catalogue li.filter-stores a:hover
{
	background-color: #f28419;
	border-top: 2px #fadaa2 solid;
	border-right: 2px #a16d13 solid;
	border-bottom: 2px #79520e solid;
	border-left: 2px #f4b03b solid;
}

/******* Stores **************/

.trigger-input
{
	position: absolute;
	left: 205px;
	top: 15px;
	padding: 7px;
	text-decoration: none;
	clear: both;
}

ul#stores
{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 1em;
}

ul#stores li
{
	float: left;
	border: 1px solid #fa6dff;
	margin: 0 1em 1em 0;
	padding: 0;
}

ul#stores li:hover
{
	border: 1px solid #8d3e90;
}

ul#stores li img
{
	border: none;
}

/** 1.6 change **/
ul#stores li div.check
{
	clear: both;
	padding: 0.5em;
	background: url(images/Core/back-fade.png);
	text-align: center;
}

ul#stores li input
{
	margin: 0 0.5em 0 0;
	padding: 0;
}

ul#stores li label
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}


/* VLU: style for store banners on Stores List page */
.store-summary-banner
{
	width: 300px;
	height: 272px;
}

/******* Catalogue ***********/

ul#cat-summary
{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
}


ul#cat-summary li
{
	float: left;
	margin: 2em 0.5em 2em 0.5em;
	text-align: center;
	width: 23%;
	height: 12em; /* This will need changing with text sizes - contrast settings */
}

ul#cat-summary li a
{
	margin-bottom: 3em;
}

ul#cat-summary li img
{
	border: none;
	margin-bottom: 0.5em;
}

/******* Catalogue Summary screen ********/

div.content-managed-summary
{
	padding: 1em 9em 0.5em 1em;
}

div.content-managed-summary h2
{
	font-size: 1.6em;
	color: #ba51be; /*** Needs updating ***/
	padding-left: 90px;
}

div.content-managed-summary p
{
	padding-left: 90px;
}

div.content-managed-summary img
{
	float: left;
}

div.content-managed-summary.stores
{
	text-align: center;
	padding: 1em 2.5em 1em 1em;
}

div.content-managed-summary.stores img
{
	float: none;
}

p.cant-find
{
	padding: 0.5em;
	margin: 1em 6em 1em 0;
	clear: both;
	border: 1px dotted #CCC;
}

p.cant-find img
{
	margin-right: 0.5em;
	vertical-align: middle;
}
p.postcode-filter
{
	padding: 0.5em;
	margin: 1em 6em 1em 0;
	clear: both;
	background: #eefff0; /**Needs updating **/
}

p.postcode-filter img
{
	margin-right: 0.5em;
	vertical-align: middle;
}

ul.no-results
{
	margin: 1em 6em 1em 0;
	padding: 1em;
	background: #f4f4f4; /**Needs updating **/
}

ul.no-results li
{
	margin: 1em 1em 1em 1.5em;
}



/** Summary lists **/
ul#cat-summary-screen
{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0.5em;
}

ul#cat-summary-screen li
{
	float: left;
	border: 1px solid #fa6dff;
	margin: 0 0.75em 0.75em 0;
	padding: 1em;
	width: 200px; /**Needs updating **/
	height: 230px; /**Needs updating **/
	text-align: center;
}

ul#cat-summary-screen li h3
{
	margin: 10px 0;
}

ul#cat-summary-screen li a
{
	font-weight: bold;
}

ul#cat-summary-screen li a img
{
	border: none; 
/* VLU: max-width added to fix design on catalogue when large images are loaded */
 /* AHO: re-fix 33557723 E-PRO00003291 [TT]Organisation logos too big for summary screen */
	width: 100px;
	height: 100px; 
/********************/
}


ul#cat-summary-screen li p
{
	font-size: 1em;
	color: #f84c00; /** Needs updating **/
	margin: 10px 0 0 0;
}

/******* Catalogue Detail styles *********/

div#catalogue-detail
{
}

/** Image **/
div#catalogue-detail #product-image
{
	float: left;
	margin: 1.5em 3em 1em 1em !important;
	margin: 1.5em 2.5em 1em 1em;
}

div#catalogue-detail #product-image img
{
	border: 1px solid #e8e8e8; 
/* VLU: set max-width and max-height. see CR E-PRO00003465 (req. "Product, Service and Event Detail view") */
	max-width: 250px;
	max-height: 353px;
}

div#catalogue-detail #product-image img.enlarge
{
	border: none;
	vertical-align: middle;
	margin-right: 5px;
}

div#catalogue-detail #product-image p
{
	margin: 0;
}


/** Details**/
div#catalogue-detail #details
{
	float: left;
	padding-top: 0.5em;
	width: 400px; /* Needs updating */
}

div#catalogue-detail #details ul
{
	list-style: none;
	font-size: 1em;
	margin: 0;
	padding: 1em 0 0 0;
}

div#catalogue-detail #details ul li
{
	clear: both;
	padding: 0;
	margin: 0 0 1em 0;
}

div#catalogue-detail #details label
{
	font-weight: bold;
	float: left;
	width: 10em;
}

div#catalogue-detail #details p
{
	float: left;
	margin: 0;
	padding: 0;
}

div#catalogue-detail #details h3
{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #b44eb8; /** Needs updating **/
}

div#catalogue-detail #details input
{
	float: left;
	width: 5em;
}

div#catalogue-detail #details a img
{
	border: 0;
	vertical-align: middle;
}

div#catalogue-detail #details h2
{
	font-size: 1em; /** needs updating **/
	font-weight: bold;
	margin: 1em 0;
}


/** Request service screens ***/

table.order-summary tr td p
{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

/** 1.6 update **/
table.order-summary tr td label
{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

table.order-summary tr td a img
{
	border: none;
}

table.order-summary tr td textarea.quantity
{
	width: 28em;
	height: 7em;
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

table.order-summary tr td input.quantity
{
	width: 3em;
	float: left;
	margin: 0 1em 0 0;
}

table.order-summary tr td input.check
{
	float: left;
	margin-right: 0.5em;
}

table.order-summary tr td span
{
	font-weight: normal;
	color: #F00;
}

/** DST: For calendar in ServiceRequest.aspx **/
table.order-summary tr td div table tr td
{
	padding: 0;
}

/** Quantity area **/

div#catalogue-detail #details .quantity
{
	clear: both;
	margin: 1em 0;
	background: #e5e5e5; /** Needs updating **/
	padding: 1em;
	width: 250px; /** Needs updating **/
	overflow: hidden;
}

div#catalogue-detail #details .quantity label
{
	width: 5em; /** Needs updating **/
}

div#catalogue-detail #details span
{
	color: #F00;
}

/** Product description **/
div#product-description
{
	padding: 1.5em 5em 1em 1em;
}

div#product-description p
{
	margin-bottom: 2em;
}


/******* My Council **********************/

h2.my-council
{
	color: #2772d8;
	clear: both;
}

h3.my-council
{
	font-weight: lighter;
	margin: 2em 12em 2em 2em;
}

h3.featured
{
	font-weight: bold;
	margin: 1em 12em 0 2em;
}

ul.desktop-council
{
	list-style: none;
	padding: 0;
	margin: 0 0 1em 1em;
	clear: both;
}

ul.desktop-council li
{
	float: left;
	margin: 1em 1em 2em 1em; /*	border: 6px solid #2772d8;*/
}

ul.desktop-council li img
{
	border: 0;
}

ul#council-bullets
{
	font-size: 1em;
	padding: 0;
	margin: 0 0 2em 4em;
	font-style: italic;
}

/****************  My Life *************************/

h2.my-life
{
	color: #000000;
	clear: both;
}

ul.desktop-my-life
{
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	clear: both;
}

ul.desktop-my-life li
{
	float: left;
	margin: 0.5em;
}

ul.desktop-my-life li img
{
	border: 0;
}

/* My messages */
table.account tr.unread a
{
	font-weight: bold;
}

/** save changes button **/

.delete-button
{
	float: left;
	font-size: 1em;
}

.delete-button a
{
	color: #000;
	padding: 0.2em 0.3em;
	float: left;
	text-decoration: none;
	background: #ffec1e;
	border-top: 2px #fff7a2 solid;
	border-right: 2px #cebf18 solid;
	border-bottom: 2px #b2a515 solid;
	border-left: 2px #ffef3d solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.delete-button a:hover
{
	background: #e9d81b;
	border-top: 2px #f6efa1 solid;
	border-right: 2px #bcae16 solid;
	border-bottom: 2px #a39713 solid;
	border-left: 2px #ecdd38 solid;
}

/*Messages Detail */

ul.message-buttons
{
	list-style: none;
	padding: 1em 0 0 0;
	margin: 0;
	clear: both;
}

ul.message-buttons li
{
	float: left;
}

ul.message-buttons li a
{
	text-decoration: none;
	padding: 1em 1.2em;
	background: url(images/MyLife/buttons-fade.jpg) bottom repeat-x;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	display: block;
}
ul.message-buttons li a.last
{
	border-right: 1px solid #e0e0e0;
}

ul.message-buttons li a:hover
{
	background: url(images/MyLife/buttons-fade-roll.jpg) bottom repeat-x;
}

ul.message-buttons li a img
{
	border: 0;
	margin-right: 0.75em;
	vertical-align: middle;
}


/* Message heading for detail screens */

ul.message-headings
{
	list-style: none;
	width: 50em; /* Needs updating */
	margin: 2em 2em 2em 0;
	padding: 0;
}

ul.message-headings li
{
	border-bottom: 1px dotted #c7c7c7;
	padding: 0.5em;
}


ul.message-headings li label
{
	font-size: 1em;
	width: 11em;
	margin-right: 1em;
	font-weight: bold;
	height: 100%;
	clear: both;
}

div.message-details
{
	position: relative;
	border: 1px solid #e0e0e0;
	clear: both;
	margin: 0 0 1em 0;
	padding: 1em 2em 2em 2em;
}

div.message-details h3
{
	clear: both;
	margin: 2em 0 0.5em 0;
	padding: 0;
}

/****************  My Account *************************/

h2.my-account
{
	color: #4bab3b;
	clear: both;
}

ul.desktop-my-account
{
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	clear: both;
}

ul.desktop-my-account li
{
	float: left;
	margin: 0.75em;
}

ul.desktop-my-account li img
{
	border: 0;
}

ul#catalogue.menu-list .trigger
{
	position: absolute;
	width: 7px;
	height: 12px;
	left: 150px;
	top: 15px;
	padding: 7px;
	text-decoration: none;
	background: url(images/Catalogue/catalogue-arrow-down.png) no-repeat center;
}

ul#catalogue.menu-list
{
	padding: 0;
	margin: 1em 0 0 0;
	list-style: none;
}

ul#catalogue.menu-list .panel
{
	display: block;
	padding: 0;
	margin: 0;
}

ul#catalogue.menu-list .panel.hide
{
	display: none;
	padding: 0;
	margin: 0;
}



ul#catalogue.menu-list .active2
{
	background: url(images/Catalogue/catalogue-arrow.png) no-repeat center;
}

ul#catalogue.menu-list li.main
{
	padding: 1em 0;
	margin: 0;
}

ul#catalogue.menu-list li.main p
{
	margin: 0;
	padding: 0 0 0 1em;
}

ul#catalogue.menu-list li.main ul.panel
{
	margin: 1em 0;
	padding: 0 0 0 1em;
	list-style: none;
}

ul#catalogue.menu-list li.main a img
{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 15px;
}

ul#catalogue.menu-list li.main ul li
{
	margin: 0;
	padding: 1.5em 0 0.5em 0;
	border-bottom: 1px dotted #e3e3e3;
}

ul#catalogue.menu-list li.main ul li ul
{
	padding: 1em 0 1em 1.1em;
	margin: 0;
	list-style: circle;
}

ul#catalogue.menu-list li.main ul li ul li
{
	margin: 0;
	padding: 0.5em 0;
	border-bottom: none;
}

/* VLU: style to define active element in MessagesControl/WorkflowItemS4SControl/WorkflowItemBMControl/OrganiseControl */
ul#catalogue.menu-list li.main a.active
{
	font-weight: bold;
}


/***** My Orders ********************/

table.order-summary
{
	margin: 1em 0 2em 0;
}

table.order-summary tr
{
	vertical-align: top;
}

table.order-summary tr td
{
	padding: 0.6em;
	border-bottom: 1px dotted #CCC;
}

table.order-summary tr td.title
{
	width: 12em;
	font-weight: bold;
}

div.message-details .text
{
	float: left;
	width: 450px;
}

div.message-details textarea
{
	width: 450px;
	height: 10em;
	overflow: scroll;
	font-family: Verdana, Geneva, sans-serif;
	clear: both;
	float: left;
}

div.message-details input
{
	float: right;
	margin: 0.5em 0 1.5em 0;
}

div.message-details p
{
	margin: 0 0 3em 0;
	padding: 0;
}

div.message-details p.message-help
{
	float: right;
	width: 220px;
	background-color: #FFF59B;
	padding: 1em;
}

/***** Personal Budget **************/

div#pb-wrapper
{
	padding: 2em 4em 1em 2em;
	width: 850px; /* Needs updating for text-contrast settings*/
	border: 1px solid #d4d4d4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#pb-wrapper p
{
	margin: 0;
	padding: 0;
}

div#pb-wrapper h2
{
	margin: 0 0 1em 0;
	font-size: 1.3em;
	padding: 0;
	border-bottom: 1px solid #a8a8a8;
}

div#pb-wrapper img
{
	vertical-align: middle;
	margin: 0 0.5em;
}

div#pb-wrapper a img
{
	border: none;
}

/* DST: Remove 	display: none;  for PersonalBudget.aspx  */
div.panel-budget
{
	margin-bottom: 1em;
}

table.pb-details
{
	font-size: 1em;
	margin: 2em;
}
table.account td.table-row-6
{
	padding: 0 1em;
	border: 0;
	background-color: #f2ffed;
}

table.detail
{
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
	width: 800px;
	background-color: #FFF;
}

table.account ul.providers-team
{
	font-size: 1em;
	width: 500px;
}

/*Removal of border on last row on table*/
tr.last td
{
	border: 0;
}


/***** My Providers - My Team *******/

h3.providers-team
{
	font-weight: lighter;
	margin: 1em 0 0 0.5em;
	font-size: 1.4em;
}

h3.funding-statement
{
	font-weight: lighter;
	margin: 0;
	font-size: 1.3em;
}

ul.providers-team
{
	list-style: none;
	padding: 0;
	margin: 1em 0 1.2em 0;
	background: #f5f5f5; /*Needs updating with style sheets*/
	width: 700px; /*Needs updating with style sheets*/
	padding: 1.5em 1.5em 0.5em 1.5em; /*Needs updating with style sheets*/
	border: 1px solid #a8a8a8; /*Needs updating with style sheets*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; /* VLU: not "relative" because calendar control will be hidden under ul */
	position: static;
}

ul.providers-team li
{
	margin: 0.6em;
	overflow: hidden;
	clear: both;
}

ul.providers-team label
{
	font-weight: bold;
	width: 14em; /*Needs updating with style sheets*/
	display: block;
	float: left;
	font-size: 1em;
	margin-right: 1em;
}

ul.providers-team li img
{
	margin: 0 0.5em 0 0;
}

/***** About me *******/

ul.providers-team li label span
{
	font-weight: normal;
	color: #F00;
}

ul.providers-team li input, ul.providers-team li select
{
	width: 35em;
	font-size: 1em;
}

/* AOM: For fixing defect E-PRO00003584 */
ul.providers-team li em
{
    clear: both;
    padding: 0 0 0 15em;
    display: block;
    /*margin-left: 15em;*/
}

/* VLU: !! do not move this style above previous style !! */
ul.providers-team table input
{
	width: 35em;
	font-size: 1.23em;
}

ul.providers-team li input.password
{
	width: auto;
	font-size: 1em;
	margin-left: 14em;
}

ul.providers-team li input.dob
{
	width: 10em;
}

ul.providers-team li a img
{
	border: 0;
	vertical-align: top;
	margin-left: 0.2em;
}

ul.providers-team li h2
{
	padding: 0;
	margin: 0 0 0.5em 0;
	border-bottom: 1px solid #a8a8a8;
}

div.address-info
{
	position: absolute;
	right: 10px; /*Needs updating with style sheets*/
	margin: 0 20px 0 1em;
	width: 10em;
	padding: 1em;
	background-color: #fff59b; /*Needs updating with style sheets*/
	z-index: 10;
}

div#address-info p
{
	margin: 0;
	padding: 0;
}

ul.providers-team li textarea
{
	width: 22em;
	height: 8em;
	overflow-y: scroll;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

/* VLU: !! do not move this style above previous style !! */
ul.providers-team table textarea
{
	width: 22em;
	height: 8em;
	overflow-y: scroll;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.23em;
}

/** Radio button styles **/
ul.providers-team li input.radio
{
	/* VLU: no float is because of broken design of radiobuttons on Registration, MA AboutMe pages */
	float: none;
	vertical-align: top;
	margin: 0 0.5em; /* VLU: such width to prevent inheritance from "ul.providers-team li input" style is because of broken design of radiobuttons on Registration, MA AboutMe pages */
	width: 1em;
}

ul.providers-team li label.radio
{
	float: left;
	width: auto;
	margin-right: 0.5em;
	line-height: 1.2em;
	font-weight: normal;
}

/* VLU: such width to prevent inheritance from "ul.providers-team li input" style is because of broken design of checkboxes on Registration, MA AboutMe pages */
ul.providers-team li input.checkbox
{
	width: 1em;
}

/********* Basket styles ***** Table styles in core.css ********/

div#basket-content
{
	width: 740px;
	margin: auto;
	position: relative;
	padding: 1em 0;
}

div#basket-content h3
{
	margin: 0;
	padding: 0;
}

/*div.basket-breadcrumbs {
	clear: both;
	margin: 1em 0 1em 3em;
	width: 510px;
	height: 20px;
	display: block;
}*/

ol#basket-breadcrumbs
{
	clear: both;
	text-transform: none;
	font-size: 0.8em;
	list-style: none;
	margin: 0 0 1em 4em;
	padding: 2em 0 0 0;
	color: #c9c9c9; /** Needs changing with contrast settings **/
}
ol#basket-breadcrumbs li
{
	float: left;
	padding: 0 1.5em 0.3em 1.5em;
	border-bottom: 2px solid #ebebeb; /** Needs changing with contrast settings **/
}

ol#basket-breadcrumbs li span
{
	padding: 0 0.3em;
	background: #d4d4d4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #FFF;
	margin-right: 0.5em;
}

ol#basket-breadcrumbs li.active
{
	font-weight: bold;
	color: #c556c9; /** Needs changing with contrast settings **/
}

ol#basket-breadcrumbs li.active span
{
	background: #c556c9; /** Needs changing with contrast settings **/
}

/** Basket order created **/

ul#order-created
{
	font-size: 1em;
	list-style: none;
	padding: 0;
	margin: 3em 0 1em 0;
	position: relative;
}

ul#order-created li
{
	border: 1px solid #cbcbcb;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 26em;
	float: left;
	margin-right: 1em;
	padding: 2em;
}

ul#order-created li h3
{
	color: #2772d8;
	font-size: 1.4em;
	padding-left: 70px;
}

/*AOM: Fix defect E-PRO00003479 */
ul#order-created li p
{
	padding-left: 65px;
}

ul#order-created li img
{
	float: left;
	margin: 0 1em 1em 0;
}

ul#order-created ul
{
	padding: 0 0 0 70px;
	margin: 0;
	list-style: inside disc;
}

ul#order-created ul li
{
	border: 0;
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
}


/** New style added 29th March 2010 **/

div#catalogue-detail #product-image .approval
{
	margin: 0.5em 0 0 0;
	background: #ececec; /** Needs updating **/
	padding: 1em;
	overflow: hidden;
}

div#catalogue-detail #product-image .approval #button
{
	font-size: 0.8em;
}

div#catalogue-detail #product-image .approval img
{
	float: left;
	margin: 0 0.5em 0 0;
}


/** JQuery popups **/

br.both
{
	clear: both;
}
#backgroundPopup
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border: 1px solid #cecece;
	background: #000000;
	z-index: 100;
}
#popupContact
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	width: 408px;
	background: #FFFFFF;
	border: 5px solid #cecece;
	z-index: 200;
	padding: 2em;
}
#popupContact h2
{
	text-align: left;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#popupContactClose
{
	font-size: 20px;
	line-height: 14px;
	right: 6px;
	top: 4px;
	position: absolute;
	font-weight: 700;
	display: block;
}

/* VLU: style is used on EthicalValues_Control.ascx */
/**********Terms and conditions***************/
ol.terms, ul.terms
{
	padding-left: 2em;
	margin-top: 1.5em;
	font-size: 70%;
}
ol.terms li, ul.terms li
{
	margin-bottom: 1.5em;
}

ol.terms li span
{
	color: #FF0000;
	font-style: italic;
}
/**********End Terms and conditions***********/

/**************************************************/
/* VLU: styles to display NotExist-messages on CatalogueControl and StoresControl when no data is loaded */
table.table-1-no-border
{
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}

td.table-row-1
{
	padding: 0.75em 1em 0.75em 1em;
	border-bottom: dotted 1px #adadad;
}
/**************************************************/

/**************************************************/
/* VLU: styles added to display selected sub-category in controls inherited from CatalogueControlBase */
ul#catalogue ul.panel_block
{
	padding: 0 0 0 4.5em;
	margin: 2em 0 0 0;
	list-style: circle inside;
}

ul#catalogue ul.panel_block li
{
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	background: none;
	border-top: none;
	border-bottom: none;
}

ul#catalogue ul.panel_block li:hover
{
	background: none;
}

ul#catalogue ul.panel_block li a:hover
{
	text-decoration: underline;
}

.panel_block
{
	display: block;
}
/**************************************************/

/**************************************************/
/* BYC: styles added to aligne dropdownlists and textbox on Registration and profile information pages*/

.aligned_div
{
	margin-left: 195px;
}

/**************************************************/

/**************************************************/
/* VLU: margin for login button. see CR E-PRO00003465 (req. "Login Box") */
.login-button-margin
{
	margin-left: 7.5em !important;
	margin-left: 2.5em;
}
/**************************************************/

.popupContact,.popupBasket
{
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	background: #FFFFFF;
	border: 10px solid #cecece;
	z-index: 200;
	padding: 40px;
	width: 630px;
	z-index: 200;
}

.popupBasket input	{ width: 7em; }

.popupContactClose
{
	font-size: 16px;
	right: 6px;
	top: 4px;
	position: absolute;
	color: #fff;
	display: block;
	border-top: 2px solid #c51e1e;
	border-left: 2px solid #c51e1e;
	border-bottom: 2px solid #990000;
	border-right: 2px solid #990000;
	padding: 1px 5px 3px 5px;
	text-decoration: none;
	background: #c51e1e;
}

.popupBack
{
	background-color: #000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.reportFooter
{
	padding-top: 1em;
	border-top: 1px dotted #D3D3D3;
	text-align: center;
}

.popupContactImg
{
	margin: 0 auto;
	text-align: center;
	border: 0;
}

.popupContactTdText
{
	padding-bottom: 5px;
	width: 50%;
}

.popupContactTdLabel
{
	width: 25%;
	vertical-align: top;
}

.popupTdLabel
{
	font-weight: bold;
	font-size: 1em;
}
/*AOM: Fix defects E-PRO00003553 and E-PRO00003602 */
.popupTdText
{
        width: 420px;
}

.popupContractTdMessage
{
	width: 25%;
	text-align:left;
}

.popupContactH2
{
	text-align: left;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.popupBreadcrump
{
	width:100%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	padding-top:10px;
	
}

.popupTable
{
	padding-top: 1em;
    padding-left: 0em;
    padding-bottom: 1em;
}
/**************************************************/

/***************************************************/
/* AOM: Shared story search */
ul.searchResults		{ list-style: none; font-size: 1em; }
ul.searchResults h3		{ font-weight: normal; margin-bottom: 0; padding-bottom: 0; }
ul.searchResults p		{ margin-top: 5px; }

/***************************************************/
/* AOM: Shared story submit */
ul.shared-submit 		{ list-style: none; padding: 0; margin: 1em 0 1.2em 0; background:#f5f5f5; width: 650px; padding: 1.5em 1.5em 0.5em 1.5em; border: 1px solid #a8a8a8;
						-moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative;}

ul.shared-submit li 									{ margin: 1em; overflow: hidden; clear: both; }
ul.shared-submit label 									{ font-weight: bold; width: 14em; display: block; float: left; font-size: 1em; margin-right: 1em; }
ul.shared-submit li img 								{ margin: 0 0.5em 0 0; }
ul.shared-submit li input, ul.shared-submit li select 	{ width: 30em; font-size: 1em; }
ul.shared-submit li textarea							{ width: 30em; font-size: 1em; height: 12em; font-family:Verdana, Geneva, sans-serif; }
ul.shared-submit li label span 							{ font-weight:normal; color: #F00; }
ul.shared-submit li em									{ clear: both; padding: 5px 15px 0 18em; display:block; font-size: 0.85em; }

ul.shared-submit li img									{ width: 100px; height: 120px; margin-left: 15em; display:block; margin-top: 10px; border: 1px solid #CCC; }

ul.askTheExpertsDetails									{ padding: 0; margin: 5px; list-style: none; }
ul.askTheExpertsDetails li								{  margin-right: 30px; } 
ul.askTheExpertsDetails li img							{ display: block; border: 1px solid #CCC; float: left; margin-right: 10px; margin-bottom: 10px; }

/* Aplhabet search not found */


h3.featured {
	font-weight: bold;
	margin: 1em 12em 0 2em;
}

h2.search-shop {
	color: #fa6dff;
	clear: both;
}

#frame_Container
{
	width: 100%;
	height: 1000px;
	overflow: auto;
}
/* 1.8 update 
----------------------------------------------------------------------*/
/*<NLA: Added for login page>*/
.theraLoginHeader			{ float: right; width: 550px; }
/*</NLA: Added for login page>*/
.theraHeader			{ float: right; width: auto; }
.theraHeader p, .theraHeader h2			{ float: left; margin-right: 10px;}
.theraHeader ul			{ clear: both; margin: 10px 0 50px 0; padding: 0; list-style: none; }
.theraHeader ul li		{ float: left; margin-right: 5px; }
.theraHeader ul li a	{ margin-right: 5px; }

	/* Help boxes
	---------------------------------------------------------------------------------------------------------------------------------*/
	#overlay 				{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index: 400; }
	#popupLogOut			{ position: absolute; background: #FFF; padding: 40px; width: 600px; z-index: 2000; top: 50px; display: none; border:10px solid #cecece; }
	/* Help boxes end
	---------------------------------------------------------------------------------------------------------------------------------*/
	
.save-button.thera			{ margin: 0.5em;} 
.save-button.thera.cancel a	{ background: #7b7b7b; border-bottom: 2px #656565 solid; border-left: 2px #8c8c8c solid; border-top: 2px #929292 solid; border-right: 2px #595959 solid;}
	
#calendarBoxesWrapper		{ float: left;  }	

.calendarBoxes {
	margin: 1em 0 1.2em 0;
	background:#f5f5f5;											/*Needs updating with style sheets*/
	width: 150px;												/*Needs updating with style sheets*/
	padding: 1em 1em 0.5em 1em;									/*Needs updating with style sheets*/
	border: 1px solid #a8a8a8;									/*Needs updating with style sheets*/
	-moz-border-radius: 15px; -webkit-border-radius: 15px;
	position: relative;
}

.calendarBoxes img		{ float: left; }
.calendarBoxes h3		{ clear: right; }

h2.thera-my-account		{ color: #4bab3b; }
h3.theraCalendar		{ margin-top: 30px; margin-bottom: 5px; }
img.theraHeaderImage	{ float: left; margin-right: 10px;}
img.theraCalendarImage	{ float: left; margin-right: 10px; margin-top: 30px;}

/*New Basket with PayPal*/

div#basket-content.alt  	{ margin: 0 20px 0 160px; position: relative; width: 780px; }
div#basket-content.alt h3	{ font-weight: normal; }
div#basket-content.alt .imageHolder	{ position: absolute; left: -130px; border: 1px solid #b8b8b8; width: 100px; height: 100px; }

div#basket-content.alt .basket-button { margin-bottom: 20px; }

ol#basket-breadcrumbs.alt { margin: 0 0 1em 12em; }

div#basket-content.payment 	{ margin: 20px 0 10px 0; position: relative; width: auto; background: url(images/Core/back-fade.png); padding: 20px 20px 0 20px; border: 1px solid #929292; overflow: hidden;}
div#basket-content.payment img	{ float: left; margin-right: 10px; }
div#basket-content.payment h3	{ margin-bottom: 0; padding-bottom: 0; }
div#basket-content.payment p	{ margin-top: 0; padding-top: 0; }

div#basket-content.payment .paymentsChoices	{ width: 600px; margin: auto; }
div#basket-content.payment .paymentsChoices	a	{ line-height: 20pt; }
div#basket-content.payment .paymentsChoices p	{ text-align: center; line-height: 30pt; clear: both; }

div.emptyBasket	{background: url(images/Core/back-fade.png); padding: 20px; border: 1px solid #929292; margin-top: 30px; }
img.basketImages	{ float: left; margin: 0 10px 20px 0;}