/* 
(c)2005 Internova
=================
http://www.cxportal.co.uk/

Optimised for and checked in the following browsers:
- IE 6
- FIREFOX 1.0.6 

To swap from liquid to fixed width make these changes:
1. Add body {text-align:center;}
2. Add #CMSForm{width:760px;text-align:left;margin:auto;}
3. Change #divLogin{position:absolute;} to #divLogin{position:relative;float:right;}

*/



/* -- Imports -- */
@import url(/css/cms.css);

/*
@font-face
{
	font-family: DIN-Medium;
	src: url(/fonts/DINMEDI0.eot);
}

*/


/* -- HTML Tags -- */
html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: Arial, Sans-Serif;
	color: #000;
	font-weight: normal;
	background: url(/images/headerBack_yellow.jpg) no-repeat top left;
}
#CMSForm
{
	width: 980px;
	text-align: left;
}
a, td
{
	font-size: 1em;
	font-weight: normal;
}
a
{
	color: #000;
}
a:link ul
{
	color: #000;
}
a:visted ul
{
	color: #c00;
}
h1, h2, h3, h4, h5, h6, p
{
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
}
h1, h2, h3
{
	font-family: Arial, Sans-Serif;
}
h1
{
	font-size: 1.6em;
}
h2
{
	font-size: 1.4em;
}
h3
{
	font-size: 1.2em;
}
h4, h5
{
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding: 2px 0 2px 0;
	position: relative;
}
h4
{
	background-color: #FFE700;
	border: solid 1px #CBAC42;
}
h5
{
	background-color: #FFCF21;
	border: solid 1px #000;
}


/* -- Common Styles -- */
.accessibility
{
	display: none;
	visibility: hidden;
}
.narrow
{
	margin-right: 280px;
}
.clearfixer
{
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}



/* -- Site Colours -- */
.yellow
{
	color: #FFCF21;
}
.navy
{
	color: #002F5E;
}
.navyHome
{
	color: #002F5E;
}
.blue
{
	color: #0173B3;
}
.purple
{
	color: #640043;
}
.red, #divBCLeft a, .cmsSiteMap a
{
	color: #CC0000;
}
.green
{
	color: #003300;
}
.orange
{
	color: #FF6600;
}
.grey
{
	color: #030000;
}
.green
{
	color: #54934D;
}
.sand
{
	color: #D9A800;
}
.sunflower
{
	color: #F96B00;
}

.peppermint
{
	color: #F5921D;
}
/* PEPPERMINT IS NOW MAINLY DEFAULT YELLOW
.peppermint
{
	color: #B3D3A9;
}
*/

.darkorange
{
	color: #FF8F23;
}


/* -- Header, including tabs -- */
#divHeader
{
	position: relative;
	top: 4px;
	margin-left: 5px;
}
#divHeader a
{
	padding-bottom: 0px;
}
a.tab
{
	border-top: solid 1px #000000; /*border-right: solid 1px #000000;*/ /*border-left: solid 1px #000000;*/
	margin-right: 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	display: block;
	float: left;
	height: 18px;
	padding: 3px 16px 2px 16px;
	position: relative;
	background: url(/images/shadowLeft.gif) no-repeat top left;
	background-color: #ffffff;
}
#divHeader a.tab img
{
	vertical-align: text-top;
	position: relative;
}

a:hover.tab
{
	background-image: url(/images/tabLeft.gif);
}
#divHeader a:hover.tab.yellow, a#aHighlightyellow, #divHeader a:hover.tab.peppermint, a#aHighlightpeppermint
{
	background-color: #FFCF21;
	color: #000;
}
#divHeader a:hover.tab.navy, a#aHighlightnavy
{
	background-color: #BACBE9;
}
#divHeader a:hover.tab.navyHome, a#aHighlightnavyHome
{
	background-color: #BACBE9;
}
#divHeader a:hover.tab.blue, a#aHighlightblue
{
	background-color: #9BBBDB;
	color: #000;
}
#divHeader a:hover.tab.purple, a#aHighlightpurple
{
	background-color: #D2C8ED;
}

#divHeader a:hover.tab.red, a#aHighlightred
{
	background-color: #f77;
	color: #000;
}
#divHeader a:hover.tab.green, a#aHighlightgreen
{
	background-color: #003300;
}
#divHeader a:hover.tab.orange, a#aHighlightorange
{
	background-color: #FFBD5B;
	color: #000;
}
#divHeader a:hover.tab.grey, a#aHighlightgrey
{
	background-color: #DACED0;
}
#divHeader a:hover.tab.green, a#aHighlightgreen
{
	background-color: #B8D8B4;
	color: #000;
}
#divHeader a:hover.tab.sand, a#aHighlightsand
{
	background-color: #FFEA9F;
	color: #000;
}
#divHeader a:hover.tab.sunflower, a#aHighlightsunflower
{
	background-color: #FF9934;
	color: #000;
}

#divHeader a:hover.tab.darkorange, a#aHighlightdarkorange
{
	background-color: #FF8F23;
	color: #000;
}

/*
#divHeader a:hover.tab.peppermint, a#aHighlightpeppermint
{
	background-color: #E6F1E3;
	color: #000;	
}
*/


/* 
SPECIAL CASES FOR TABS 
======================

FIRST TAB:
*/
#divHeader a.tab.navyHome
{
	background-image: none;
}

#divHeader a#aHighlightnavyHome
{
	padding-right: 17px;
}
.navyHome
{
	background-image: none;
	border-left: 1px solid #000;
	left: 0px;
}
/*
END TAB:
*/
#divHeader .endtab
{
	font-size: 0.85em;
	display: block;
	float: left;
	height: 22px;
	width: 10px;
	position: relative;
	background: url(/images/endShadow.gif) no-repeat top left;
}
/*==================*/

a#aHighlightyellow, a#aHighlightnavy, a#aHighlightnavyHome, a#aHighlightblue, a#aHighlightpurple, a#aHighlightred, a#aHighlightgreen, a#aHighlightorange, a#aHighlightgrey, a#aHighlightsand, a#aHighlightsunflower, a#aHighlightpeppermint, a#aHighlightdarkorange
{
	border-right-color: #000;
	border-left-color: #000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top-color: #000;
	position: relative;
	bottom: 3px;
	height: 22px;
	background-image: none;
	margin-right: -1px;
}
a#aHighlightyellow img.curve.left, a#aHighlightnavy img.curve.left, a#aHighlightnavyHome img.curve.left, a#aHighlightblue img.curve.left, a#aHighlightpurple img.curve.left, a#aHighlightred img.curve.left, a#aHighlightgreen img.curve.left, a#aHighlightorange img.curve.left, a#aHighlightgrey img.curve.left, a#aHighlightsand img.curve.left, a#aHighlightdarkorange img.curve.left
{
	/*background-image: url(/images/shadowLeft.gif);*/
	border-left: none;
}
a#aHighlightyellow img.curve.right, a#aHighlightnavy img.curve.right, a#aHighlightnavyHome img.curve.right, a#aHighlightblue img.curve.right, a#aHighlightpurple img.curve.right, a#aHighlightred img.curve.right, a#aHighlightgreen img.curve.right, a#aHighlightorange img.curve.right, a#aHighlightgrey img.curve.right, a#aHighlightsand img.curve.right, a#aHighlightdarkorange img.curve.right
{
	/*background-image: url(/images/curveRightBlack.gif);*/
	background-image: none;
}

#cxTabs
{
	display: block;
	position: relative;
	width: 970px;
}
/*.curve
{
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	bottom: 3px;
	width: 8px;
	height: 21px;
}
.curve.left
{
	right: 1px;
	margin-right: 2px;
	background: url(/images/shadowLeft.gif) no-repeat top left;
}
.curve.right
{
	left: 1px;
	padding-left: 2px;
	/*background: url(/images/curveRight.gif) no-repeat top right;*/
/*
}*/


#divLogo
{
	height: 52px;
	width: 300px;
	background-image: url(/images/logoCourier_Beta.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 5px;
}
#divLogo a
{
	position: relative;
	display: block;
	height: 52px;
	text-decoration: none;
}


/* -- Login Box -- */
#divLogin
{
	width: 100%;
	height: 73px;
	padding: 0 0 0 12px;
	font-size: 0.85em;
	position: relative;
	top: 141px;
	width: 170px;
}
#divLogin input.text
{
	width: 107px;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#divLogin strong.loginStrong
{
	display: block;
	margin-bottom: 5px;
}
#divLogin .loginButton
{
	vertical-align: text-bottom;
}
/* 14-12-2005 JS Old login with forgotten password link
#divLogin label
{
	display: block;
	float: left;
	width: 53px;
	padding-top: 2px;
}
#divLogin .loginButton, #divLogin .loginPassword
{
	position: absolute;
	left: 68px;
}
#divLogin .loginButton
{
	top: 64px;
}
#divLogin .loginPassword
{
	top: 85px;	
	font-size: 0.9em;
	color: #c00;
}
* html #divLogin .loginButton, * html #divLogin .loginPassword
{
	left: 70px;
}
*/

/* -- Column A -- */
#divColumn-A
{
	clear: both;
	width: 814px;
	float: left;
}

#divContainer
{
	border: solid 1px #000;
	margin: 0 5px 0 5px;
	background-image: url(/images/containerBG.gif); /*background-color: #FFCF21;*/
	overflow: hidden;
}
* html #divContainer
{
	background-position: 1px 0;
}
#divText
{
	border-left: solid 1px #666;
	padding: 10px;
	min-height: 250px;
}

* html #divText
{
	height: 250px;
}


/* -- Content -- */
#divContent
{
	background: #fff url(/images/coloursBC.gif) repeat-x top;
	float: right;
	width: 632px;
}
#divBreadCrumb
{
	height: 60px;
}
#divBCRight
{
	padding: 6px 6px 0 0;
	float: right;
}
#divBCRight .butBC
{
	vertical-align: text-top;
}
#divBCRight .inputBC.txt
{
	width: 130px;
}
#divBCRight .inputBC.ddl
{
	margin-right: 20px;
}
#divBCRight label
{
	text-transform: uppercase;
	font-weight: bold;
}
#divBCRight select, #divBCRight label, #divBCRight input
{
	font-size: 0.85em;
}
#divBCLeft
{
	clear: both;
	padding: 13px 0 0 12px;
	font-size: 0.8em;
}




/* -- Side Menu -- this is a custom module, so does not import cms styles*/
#divSideMenu
{
	font-size: 0.85em;
	width: 170px;
	float: left;
}
#divSideMenu ul.sideMenu
{
	margin: 0 0 0 10px;
}
#divSideMenu ul.sidenav a
{
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left: 20px;
}
#divSideMenu ul.sidenav ul a
{
	font-weight: normal;
}
#divSideMenu ul.sidenav a:hover
{
	text-decoration: underline;
}
#divSideMenu ul.sidenav
{
	margin: 115px 0 0 0;
	padding: 0;
}
#divSideMenu ul.sidenav li
{
	margin-top: 2px;
	list-style-type: none;
	clear: both;
}
#divSideMenu ul.sidenav ul
{
	margin: 0;
	padding: 0;
	background-color: #FEDF6A;
}
#divSideMenu ul.sidenav ul li
{
	margin-left: 5px;
	padding: 0;
}
#divSideMenu a.open-menu-branch
{
	color: #c00;
	background: url(/images/bulletbox_yellow.gif) no-repeat 7px 0.3em;
}
#divSideMenu a.closed-menu-branch
{
	color: #000;
	background: url(/images/bulletbox.gif) no-repeat 7px 0.3em;
}
#divSideMenu a.login-menu-branch
{
	color: #000;
	background: url(/images/bulletbox_login.gif) no-repeat 7px 0.3em;
}
#divSideMenu a.joinButton
{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	width: 135px;
	display: block;
	font-weight: bold;
	font-family: arial, sans-serif;
	letter-spacing: 0.2px;
}
#divSideMenu .joinButton img
{
	border: 0;
	margin: 5px 0 5px 0;
}
#divSideMenu .renewButton img
{
	border: 0;
	margin: 5px 0 15px 0;
}


/* -- Bottom boxes -- */
#divBoxes
{
	background-color: #fff;
}


/* -- Column B -- */
#divColumn-B
{
	width: 160px;
	float: left;
	margin: 0 0 0 0;
	position: relative;
	right: 2px;
	padding-top: 3px;
}



/* -- Footer -- */
#divFooter
{
	clear: both;
	padding-top: 5px;
	width: 975px;
}
#divFooter a
{
	color: #000;
	text-decoration: none;
}
#divFooter .spanWebDesign
{
	font-size: 0.7em;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	float: right;
}
#divFooter .spanWebDesign img
{
	border: none;
}
#divFooter #spanCourier
{
	font-size: 0.85em;
	float: left;
	margin-left: 5px;
}


/* -- FAQs -- */
strong.faq
{
	margin: 10px 0 10px 0;
	padding: 3px;
	background-color: #eee;
	display: block;
}
a.searchTitle
{
	display: block;
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
a.searchLink
{
	text-decoration: none;
	color: #008000;
}


/* -- Custom placeholders module -- */
.placeholderBorder
{
	border: solid 1px #000;
	height: 90px;
	overflow: hidden;
	word-wrap: break-word;
}	
.placeholderCell, .placeholderCellLarge
{
	border: solid 3px #FEDF6A;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 3px;
}
.placeholderCell
{
	width: 50%;
}
.placeholderCellLarge
{
	width: 100%;
}
.cxAdvertBanner
{
	position: absolute;
	left: 818px;
	top: 3px;
}
.cxAdvertBanner a img
{
	border: 0;
}
.cxAdvertBanner.RePos
{
	top: 0px;
}



/* -- LatestNews -- */
.latestNewsTop, .latestNewsBottom
{
	height: 16px;
	line-height: 0;
	margin-left: 3px;
}
.latestNewsTop, .latestNewsBottom
{
	width: 158px;
}
.latestNews
{
	padding: 5px;
	width: 148px;
}
.latestNews
{
	background-color: #FFCF23;
	margin-left: 3px;
}
.latestNewsTop
{
	padding-top: 2px;
	background: url(/images/news/box-top-yellow.gif) no-repeat center bottom;
}
.latestNewsBottom
{
	background-image: url(/images/news/box-bottom-yellow.gif);
	margin-bottom: 10px;
}

#divText .latestNewsTop, #divText .latestNewsBottom
{
	display: none;
	visibility: hidden;
}
#divText .latestNews
{
	width: 97%;
	background-color: Transparent;
}

.latestNews h3
{
	padding: 0;
	margin-top: 15px;
	margin-bottom: 0;
}
.newsLatestReadMore
{
	font-size: 0.85em;
	font-style: italic;	
}

.CommentForm
{
	width: 500px;
	background-image: url(/images/news/box_slice_yellow.gif);
}
.CommentForm h3
{
	background-image: url(/images/news/box_corner_top_yellow.gif);
	background-repeat: no-repeat;
	background-color: #FFCF21;
	padding: 3px;
}
.CommentForm .Bottom
{
	background-image: url(/images/news/box_corner_bottom_yellow.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.CommentForm .content
{
	padding: 5px;
}
.CommentForm label
{
	display: block;
	font-weight: bold;
}
.CommentForm .textbox
{
	width: 220px;
}
.CommentForm .textarea
{
	width: 400px;
	height: 100px;
}


/* 19/12/2007 Changes */
.topLinks
{
	width: 970px;
	text-align: right; 
	position: absolute;
	top: 5px;
}
.quickStart
{
	position: absolute;
	left: 15px;
}
* html #divBreadCrumb
{
	line-height: 0.3em;	
}
#divSideMenu ul.sidenav
{
	margin-top: 42px;
}
#divLogin
{
	visibility: hidden;
}