/*
Colour charts:
#FF1922 = red
#006600 = green
#009933 = light green
*/


/***********************************/
/**** HTML elements ****************/
/***********************************/

body
{
	font-family: Arial, Verdana;
	font-size: small;
	height: 100%;
	color: #666663;
	text-align:center;
}

td
{
	vertical-align: top;
}
a, a:link
{
	color: #FF1922;
}
a:hover
{
	text-decoration: underline;
}
h1, .header1, .InputFieldHeader1
{
	color:#009933;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	margin: 8px 0 5px 0;
	padding: 0;
	font-weight: 700;
}
h2, .header2, .InputFieldHeader2
{
	color: Black;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	text-transform: none;
	margin: 9px 0 9px 0;
	padding: 0;
}
h3, .header3, .InputFieldHeader3
{
	color: Black;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-transform: none;
	margin: 13px 0 5px 0;
	padding: 0;
}
h4, .header4, .InputFieldHeader4
{
	color: Black;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	margin: 13px 0 5px 0;
	padding: 0;
}
td
{
}
p
{
	color: #666663;
	font-family: Arial;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 11px 0;
	line-height: 130%;
	text-align: left;
	font-size: small;
}

ul
{
	margin: 0;
	padding: 0;
}
li
{
	list-style-type: square;
	margin: 2px 0 3px 15px;
	padding: 0;
}
img, table
{
	border: 0;
	padding: 0;
	margin: 0;
}
hr
{
	height: 0;
	width: auto;
	border: 0;
	border-bottom: 1px dashed red;
	margin: 10px 0 5px 0;
}

/***********************************/
/**** Outermost container **********/
/***********************************/

/* Left and right margins set to auto => centres the website */

#mainContainer
{
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	width: 980px;
	text-align: left;

}

/******************************/
/**** Error Messages **********/
/******************************/
.PublicErrorMessage
{
	color: Red;
	font-size: small;
	font-weight: bold;
}
.PublicErrorMessage ul, .PublicErrorMessage li
{
	display: none;
}



/* three variations of input fields: short, medium, long*/
.PublicInputField, .PublicInputFieldShort, .PublicInputFieldMedium, .PublicInputFieldLong
{
	font-family: Arial, Verdana;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #cccccc;
	width: 150px;
	margin: 2px 0 2px 0;
	float: left;
}
.PublicInputFieldShort
{
	width: 100px;
}
.PublicInputFieldMedium
{
	width: 200px;
}
.PublicInputFieldLong
{
	width: 98%;
}
.PublicButton
{
	background-color: #aaa;	
	color: #FFFFFF;
	margin: 2px;
	height: 20px;
	font-size: 11px;
	padding: 0 2px 0 2px;
	float: left;
}

#Header
{
	padding: 0;
	margin: 0;
}

/******************************/
/**** Banner containers *******/
/******************************/
#Banner
{
	background: #000;
	padding: 0;
	margin: 0;
	margin-top: 16px;
}
#Banner img
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
}
#SearchBar
{
	float: left;
	width: 100%;
	background-image: url(/Images/searchRepeat.jpg);
	text-align: right;
	border-top: solid 1px #eeeeee;
}

#mjlogo
{
	position: absolute;
	top: 65px;
	padding: 0 0 0 20px;
	width:121px;
	z-index: 10
}

#LeftMenu
{
	background-color: #E6E4E0;
	padding: 0 0 10px 0;
	border-bottom: 10px Solid White;
}


/*******************************/
/**** Content containers *******/
/*******************************/
#Content
{
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	float: left;
}


#PublicMainContentLeft
{
	background-color: #ffffff;
	float: left;
	width: 170px;
	overflow: hidden;
	position: relative;
}
#PublicMainContentRight
{
	position: relative;
	float: left;
	width: 570px;
	overflow: hidden
}
#PublicRightContent
{
	position: relative;
	float: right;
	max-height: 100%;
	width: 240px
}


#PublicMainContent
{
	float: left;
	width: 740px; /* = #PublicMainContentLeft (170) + #PublicMainContentRight (240) */
	overflow: hidden;
	position: relative
}
/*
#PublicMainContent, .PublicMainContent
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0px 0 0;
	clear: right;
	width: 66.5%;
}
*/

#UploadedImages img
{
	margin: 0 0 4px 0;
	float: none;
	clear: right;
}
#UploadedImages
{
}
.Image1
{
	height: 119px;
	margin-bottom: 5px;
}
.Image2
{
	height: 119px;
	margin-bottom: 5px;
}
.Image3
{
	height: 97px;
	margin-bottom: 5px;
}

#Footer
{
	margin: 5px 0 0 0;
	clear: both;
	border-top: 1px dotted #CCC;
	height: 20px;
}
#FooterRockSolid
{
	text-align: right;
	float: right;
	padding: 5px 15px 0px 15px;
	margin: 0;
}
.FooterText
{
	text-align: center;
	padding: 5px 10px 5px 10px;
	clear: left;
	margin: 0;
	font-size: 10px;
}
.CoffeySubsidiaryCompaniesFooterText span
{
	display: none;
}

/* category-related styles */

/* Properties common to ArticleItem (main and alternate): */
.ArticleItem, .ArticleItemAlternate
{
	padding: 5px 5px 5px 5px;
	margin: 0;
}
.ArticleItemAlternate
{
	background-color: #EEE;
}
.CategoryDescription
{
	padding: 0px;
}

/* /category-related styles */

.CategoryAbstract
{
	margin: 12px 0 10px 0;
	color: #666663;
}

/* article-related styles */
.ArticleMetadata
{
	text-align: right;
	margin: 0 0 10px 0;
}

/*
.ArticleAbstract
{
	margin: 5px 0 10px 0;
	color: #666663;
}
*/



.ArticleBody
{
	margin: 0;
	padding: 0 0 0 0;
	color: #666663;
}
/* /article-related styles */
/* homepage-related styles */
.CategoryContent
{
	float: left;
	margin: 0;
	padding: 0 0px 0 15px;
	clear: right;
}
.CategoryUploadImage
{
	width: 240px;
	padding: 27px 0 0 0	
}
.HomeContent, .DefaultContent
{
	padding: 0px 14px 0 14px;
}
.HomeContent
{
	/*height: 109px;*/
}
.DefaultContent
{
}
/* /homepage-related styles */
.Breadcrumbs
{
	margin: 0 0 0 15px;
	padding: 10px 10px 5px 10px;
	float: left;
	color: Black;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.BreadcrumbsItem
{
	text-decoration: none;
}
#LeftImages
{
	position: relative;
	float: left;
	width: 280px;
	width: auto;
	height: 100%;
	padding: 0;
	display: run-in;
}
#ParentCategory
{
	background-color: #E6E4E0;
	width: 170px;
	margin: 0;
	padding: 0;
	float: left;
	height: 30px;
}
#ParentCategoryText
{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 3px 0 30px;
}
#ParentCategory a
{
	color: Black;
	text-decoration: none;
}
#ParentCategory a:hover
{
	text-decoration: underline;
}
.ContentHeader
{
	position: relative;
	float: left;
	border-bottom: 1px solid #EEE;
	width: 100%;
}
#LeftImage
{
	background-color: #E6E4E0;
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding: 10px 0 0 0;
	width: 240px;
	height: 130px;
}
.LeftMenuItemArrow
{
	position: absolute;
	margin: 5px 0px 4px auto;
	right: 3px;
}
.ChildCategoryItem, .ArticleItem
{
	margin: 15px 0 0 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #CCC;
	min-height: 130px;
	height:auto !important; 
	height:130px

}
.ChildCategoryHeader a
{
	color: Black;
}
.ChildCategoryHeader a:hover
{
	text-decoration: underline;
	color: Black;
}
.CaseStudyHeader, .CaseStudyHeader a
{
	text-decoration: none;
	color: Black;
}
.CaseStudyHeader a:hover
{
	text-decoration: underline;
}

.CaseStudyImageContent
{
	float: right;
	overflow:hidden;
	width: 150px;
	height: 100px
	
}

.CaseStudyImageItem
{
	width: 100%;
}
.SearchResultItem
{
	border-top: 1px solid #CCCCCC;
	margin: 15px 0pt 0pt;
	padding: 5px 0pt;
}
.SearchResultItemSubtitle
{
	font-weight: bold;
}
#SearchContentArea
{
	position: relative;
	float: right;
	width: 190px;
	visibility: hidden
}
#SearchLabel
{
	position: relative;
	float: left;
	margin-top: 6px;
	color: #ffffff;
	font-size: 12px;
	visibility: hidden
}
.SearchTools
{
	font-size: 11px;
	padding: 10px 0;
}
.SearchTools a
{
	text-decoration: underline;
	cursor: pointer;
}
#transparentLeftMenuPic1
{
	position: absolute;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic2
{
	position: absolute;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic3
{
	position: absolute;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic4
{
	position: absolute;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic1
{
	position: absolute;
	top: 0px;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic2
{
	position: absolute;
	top: 0px;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic3
{
	position: absolute;
	top: 0px;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic4
{
	position: absolute;
	top: 0px;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic1
{
	position: absolute;
	top: 124px;
	left: 155px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic2
{
	position: absolute;
	top: 124px;
	left: 175px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentMiddlePic3
{
	position: absolute;
	top: 124px;
	left: 145px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}
#transparentMiddlePicHide
{
	position: absolute;
	top: 124px;
	left: 191px;
	z-index: 100;
}

#transparentBottomPic1
{
	position: absolute;
	top: 248px;
	left: 133px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentBottomPic2
{
	position: absolute;
	top: 248px;
	left: 126px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}
#transparentBottomPicHide
{
	position: absolute;
	top: 248px;
	left: 142px;
	z-index: 100;
}


/**************************************************/
/**** Home page feature category containers *******/
/**************************************************/

#FeaturedCategory
{
	float: left;
	overflow: hidden;
	border-right: dotted 1px #ccc;
	width: 99%;
	padding: 20px 0 0 0
}


.FeaturedCategoryContent
{
	padding: 0 5px 0 10px;
}

#FeatureImage img
{
	width: 100%;
}
#FeatureImage
{
	border: solid 1px #F5F4F2;
	margin: 12px 0 0 0;
}
.FeaturedHeader
{
	color:Black;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}
.FeaturedHeader p
{
	font-size: medium;
}
.FeatureAbstract
{
	margin: 12px 0 0 0;
	padding-right: 2px;
	text-align: left;
}


.FeatureAbstract p
{
	font-size: small;
}
.ReadMoreLatestNews
{
	font-size: 10px;
}
.ReadMoreLatestNews a
{
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
.ReadMoreLatestNews a:hover
{
	text-decoration: underline;
}

.ReadMore, .ReadMore a
{
	color: #FF1922;
	font-weight: 600;
	text-decoration: none;
	font-size: small;
}
.ReadMore a:hover
{
	text-decoration: underline;
}
.ReadMore img
{
	padding: 0;
	margin: 0 0 -5px 0;
}
#LatestNews
{
	background-color: #006600;
	height: 150px;
	overflow: hidden;
	margin: 15px 0 0 0
}
#LatestNewsHeader
{
	color: #ffffff;
	padding: 5px 0 0 15px;
	font-size: 14px;
}
#RelatedSites
{
	margin: 40px 0 0 15px
}

.NewsItemRow1
{
	font-size: 10px;
	color: White;
	padding: 7px 0 0 15px;
}
.NewsItemRow2
{
	font-size: 10px;
	color: White;
	padding: 0px 0 0 15px;
}
.NewsItemRow2 img
{
	padding: 0 2px 0 0;
}
#StaticHomePageText
{
	position: relative;
	float: left;
	font-size: 17px;
	padding: 5px 0 0 14px;
	text-align: left;
	color: Black;
	margin: 10px 0 0 0px;
	height: 210px;
	font-family: Helvetica, sans-serif;
	line-height: 25px;
	border-left: dotted 1px #ccc;
	width: 220px;
}
#LeftMenuUploadImage
{
	margin: 5px 0 0 0;
}
#RelatedContent, #RelatedDocuments
{
	padding: 10px 4px 0 10px;
}
#RelatedContentHeader, #RelatedDocumentsHeader
{
	margin: 0 0 5px 0;
}
.RelatedContentPic, .RelatedDocumentsPic
{
	position: relative;
	float: left;
}
.RelatedContentItem a, .RelatedDocumentsItem a
{
	padding: 0 0 4px 10px;
	font-weight: normal;
	color: #666663;
}
.RelatedContentItem, .RelatedDocumentsItem
{
	margin-bottom: 5px;
	padding: 0 0 0 0;
	color: #333;
}


/* SEM 27/12/2007 - Removed these
#MainMenuShadowTop
{
	position: relative;
	float: left;
	height: 1px;
	width: 100%;
	background-color: #E0E0E0;
}

#MainMenuShadowBottom
{
	background-image: url(/Images/CustomerSpecific/MainMenuShadowBottom.gif);
	background-position: bottom;
	font-size: 14px;
}
*/

#Utilities
{
	position: relative;
	float: right;
	padding-right: 10px;
}


#ContactUsLink
{
	border-top: 1px Solid #EEE;
	border-bottom: 1px Solid #EEE;
	padding: 7px 0 7px 30px;
	margin: 20px 0 0px 0;
}
#ContactUsLink a
{
	color: Black;
	font-size: 12px;
	text-decoration: none;
}
#ContactUsLink a:hover
{
	text-decoration: underline;
}
.DocumentUpload
{
	float: right;
}
.DocumentUpload td
{
	vertical-align: middle;
	padding: 2px;
}
.ContentContainer
{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	float: left;
	clear: none;
}
.ContentContainer a, ContentContainer a:visited
{
	color: #333;
}
.ContentContainer th
{
	background: #CBC7BE;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #999;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;
}
.ContentItemHeader, .ContentItemHeaderActiveAscending, .ContentItemHeaderActiveDescending
{
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
}
.ContentItemHeaderActiveAscending
{
	background-image: url(/Images/arrow_up.gif);
}
.ContentItemHeaderActiveDescending
{
	background-image: url(/Images/arrow_down.gif);
}
.ContentItemAlternate, .ContentItem
{
	vertical-align: top;
	padding: 15px 10px 10px 10px;
}
.ContentItemAlternate img, .ContentItem img
{
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
.ContentItem
{
	background: #EEE;
	border-bottom: 1px dotted #999;
}
.ContentItemAlternate
{
	background: #FFF;
	border-bottom: 1px dotted #999;
}
.ContentItemAlternate a, .ContentItemAlternate a:link, .ContentItemAlternate a:visited, .ContentItem a, .ContentItem a:link, .ContentItem a:visited
{
	color: Black;
}
.InputContentItemTitle
{
	font-family: Arial;
	font-weight: bold;
	font-size: small;
	color: Black;
	width: 97%;
	margin: 0 1%;
	border: 1px solid #999;
	padding: 2px;
}
.ContentItemTitle a
{
	font-weight: bold;
	margin: 5px 0;
	text-decoration: none;
}
.ContentItemStatus
{
	font-size: 11px;
}
.ContentItemMetadataContainer
{
	margin: 5px 0;
	font-size: 11px;
}
.ContentItemAbstract
{
	font-size: 11px;
	color: #666;
	margin: 10px 0;
}
.ContentItemMetadataContainer td
{
	padding: 1px;
	margin: 0;
	border-bottom: 0;
}
.ContentItemAction
{
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 0 0 0px 0;
}
.ContentItemAction a
{
	text-decoration: none;
}
.ContentItemSubAction
{
	font-size: 11px;
	margin: 1px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.ContentProgressInfo
{
	height: 15px;
	float: left;
	background: #FF0000;
	color: #FFF;
	font-size: 11px;
	font-family: Arial;
	padding: 2px 5px;
}
.ContentItemStaging
{
}
.FileUploadArea
{
	float: left;
	width: 100%;
	margin: 10px 0;
}
SPAN.searchword
{
	background-color: yellow;
}


/********************************************************
* User defined styles (for use in the content editor    *
********************************************************/

.TableCellHeading, .TableCellHeading td, .TableCellHeading p
{	
	border-bottom:1px solid #ADADAD;
	background-color:#009933;
	color: #ffffff;
	padding:10px 10px 4px 10px;
	font-size:12px;
}

.TableCellSpecial, .TableCellSpecial td
{	
	border-bottom:1px solid #006600;
	padding:5px 10px 2px 10px;
	background-color:#AAFFC6;
}

 .TableCellSpecialAlternate, .TableCellSpecialAlternate td
{	
	border-bottom:1px solid #ADADAD;
	padding:5px 10px 2px 10px;
	background-color:#ffffff;
}