/* ---------------------------------------------------------------
Page containment styles
--------------------------------------------------------------- */
* {
  margin: 0;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	font-family: Calibri, Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif; 
	color: #333333;
}
img.floatLeft {
	float: left;
	margin-right: 30px;
}
img.floatRight {
	float: right; 
	margin-left: 30px; 
}
.bodyContainer {
	top: 0;
	left: 0;
	width: 100%; 
	min-height: 100%; 
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	padding: 0;
	background-color: #FFFFFF; 
	background-image: url(../images/background_main.jpg);
	background-repeat: repeat-x; 
	background-position: left top;
	font-family: Calibri, Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif; 
	color: #333333;
}
#container {
	position:relative;
	overflow:visible;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* ---------------------------------------------------------------
Header Styles
--------------------------------------------------------------- */
#pageHeader {
	position: relative;
	top:0;
	height:66px;
	margin-top: 5px;
	margin-bottom: 25px;
}
#logo {
	position: relative;
	float: left; 
	height:100%;
	width: 249px;
	top: 0;
	left: 0;
}

/* ---------------------------------------------------------------
Primary Navigation
--------------------------------------------------------------- */
#navBar {
	position: relative;
	float: right; 
	height:100%;
	width: auto; 
	right: 0;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
 	letter-spacing: -0.3px;
	cursor: default;
}
#navBar a {
	text-decoration: none;
	font-weight: bold;
 	color:#666666;
}
#navBarRed {
	text-decoration: none;
	font-weight: bold;
	color:#990000;
}
#navBarGreen {
	text-decoration: none;
	font-weight: bold;
	color:#006600;
}
#navBarBlue {
	text-decoration: none;
	font-weight: bold;
	color:#000066;
}

/* ---------------------------------------------------------------
Breadcrumb Navigation
--------------------------------------------------------------- */
#breadcrumbs {
	position: relative;
	background-color: #FFF;
	font-size: x-small;
	font-weight: bold;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor:default;
}
#breadcrumbs a {
	text-decoration: none;
	color:#666666;
	cursor:pointer;
}

/* ---------------------------------------------------------------
Main page components
--------------------------------------------------------------- */
#flashDiv {
	position: relative;
	margin-top: 0px;
	height: 315px;
	background-image: url(../images/panel_flash.png);
	background-repeat: no-repeat;
	background-position: center;
	
}
#flashTab {
	position:relative;
	text-decoration: none;
	top:45px;
	bottom:45px;
	color:#FFF;
	font-size: larger;
	font-weight: bold;
}
#flashTab a {
	text-decoration: none;
	color:#FFF;
	font-size: large;
	font-weight: bold;
}
#flashTab a:hover {
	text-decoration: none;
	color:#FF0;
	font-size: large;
	font-weight: bold;
}
#flashShadow {
	position: relative;
	margin: 0;
	padding: 0;
	height: 40px;
	background-image: url(../images/panel_shadow.png);
	background-repeat: no-repeat;
	background-position: center;
}
#leftMainBody {
	position: relative;
	float: left;
	width: 474px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 20px;
	text-align: justify; 
}
.leftMainBodyText {
	margin-bottom: 15px;
	font-size: small;
}
#rightMainBody {
	position: relative;
	float: right;
	width: 474px;
	border-left: 1px dotted gray;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 5px;
	text-align: justify; 
}
.rightMainBodyText {
	margin-bottom: 15px;
	font-size: small;
}
#secondBody {
	clear: both;
	display:block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
#leftSecondBody {
	position: absolute;
	top: 0;
	left: 0;
	width: 330px;
}
#panelPRHeader {
	background-image: url(../images/panel_press.png);
	height: 43px;
}
#panelPRBody {
	background-image: url(../images/background_panel.jpg);
	background-repeat: repeat-x;
	height: 210px;
}
#panelPRList {
	padding-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted gray;
}
#panelPRHeading {
	font-size: small;
	font-weight: bold;
}
#panelPRText {
	font-size: small;
}
#centreSecondBody {
	position: relative;
	margin-left: auto;
	margin-right:auto;
	height: 210px;
	padding-top: 45px;
	padding-bottom: 0;
	width: 210px;
}
#rightSecondBody {
	position: absolute;
	top: 0;
	right: 0;
	width:330px;
}
#panelCustHeader {
	background-image: url(../images/panel_cust.png);
	height: 43px;
}
#panelCustBody {
	background-image: url(../images/background_panel.jpg);
	background-repeat: repeat-x;
	padding-left: 2px;
	padding-right: 2px;
	height: 170px;
}
#filler {
	clear: both;
	position: relative;
}

/* ---------------------------------------------------------------
Secondary pages
--------------------------------------------------------------- */
#panelLarge {
	position: relative;
	overflow:visible;
	width:1000px;
	height:100%;
}
#panelHeader {
	position: relative;
	overflow:visible;
	height:69px;
}
#panelBody {
	min-height:400px;
	height: 100%;
	background-color: #FFF;
	text-align: left;
	position: relative;
	overflow:hidden;
}
#leftCol {
	position: relative;
	overflow: visible;
	float: left; 
	width: 250px;
	top:0;
	left:0;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFF;
}
#centreCol {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	height:100%;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
	color:#333333;
	margin-bottom: 10px;
}
#rightCol {
	position: relative;
	overflow: visible;
	float: right;
	width: 660px;
	left-margin: 290px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
	color:#333333;
	background-color: #FFF;
}
#rightCol a {
	text-decoration: none;
	color:#333333;
}
#leftCol2 {
	float: left;
	width: 600px;
	height:100%;
	padding: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
	color:#333333;
	margin-bottom: 10px;
}
#rightCol2 {
	float: right; 
	width: 310px;
	height:100%;
	padding: 20px;
	border-left: 1px dotted gray;
	font-size: small;
}
#rightCol2 dt {
	font-weight: bold;	
	padding-top: 5px;
	padding-bottom: 5px;
}
#rightCol2 dd {
	font-size: smaller;
	padding-left: 5px;
}
#prop {
	height:200px;
	float:right;
	width:1px;
}
#clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
#boxPunch {
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
}
#textBody {
	text-decoration: none;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	font-size: small;
	color:#333333;
	margin-top: 10px;
	margin-left: 230px;
}
#textBodyCentre {
	text-decoration: none;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	font-size: small;
	color:#333333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#textBodyCentre a {
	text-decoration: underline;
	color:#000099;
}
#textBodyCentre p {
	padding-bottom: 10px;
}
#textBodyTitle {
	text-decoration: none;
	text-align:justify;
	padding-left: 10px;
	line-height: 100%;
	font-weight: bold;
	font-size: medium;
	color:#333333;
	background-color: #EEEEEE;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.textBodyRight {
	text-decoration: none;
	text-align:justify;
/*	padding-left: 10px; */
	line-height: 100%;
	font-weight: normal;
	font-size: small;
	color:#333333;
	margin-top: 3px;
}
.textBodyList {
	font-weight: normal;
	font-size: small;
	color:#333333;
	text-align:justify;
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: disc url(../images/arrow_blue.png) inside;
}
.textBodyList a {
	text-decoration: underline;
	color:#000099;
}
.textBodyListGreen {
	font-weight: normal;
	font-size: small;
	color:#333333;
	text-align:justify;
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: disc url(../images/arrow_green.png) inside;
}
.textBodyListGreen a {
	text-decoration: underline;
	color:#009900;
}
.textBodyListRed {
	font-weight: normal;
	font-size: small;
	color:#333333;
	text-align:justify;
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: disc url(../images/arrow_red.png) inside;
}
.textBodyListRed a {
	text-decoration: underline;
	color:#990000;
}
#textLink {
	float: right;
	text-align: right;
	letter-spacing: -0.3px;
	cursor: default;
}
#textLink a:link {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
 	color:#990000;
}
#textLink a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#textLink a:hover {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#textLink a:active {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#textLinkPrd {
	background-color: #EEEEEE;
	margin: 0;
	padding: 5px;
	text-align: right;
	letter-spacing: -0.3px;
	cursor: default;
}
#textLinkPrd a:link {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
 	color:#990000;
}
#textLinkPrd a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#textLinkPrd a:hover {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#textLinkPrd a:active {
	text-decoration: none;
	font-weight: normal;
	font-size: small;
	color:#990000;
}
#downloadLink {
	background-color: #EEEEEE;
	margin: 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	font-size: small;
 	color:#990000;
}
#downloadLink a:link {
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	font-size: medium;
 	color:#990000;
}
#downloadLink a:visited {
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	font-size: medium;
	color:#990000;
}
#downloadLink a:hover {
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	font-size: medium;
	color:#990000;
}
#downloadLink a:active {
	vertical-align: middle;
	text-decoration: none;
	font-weight: normal;
	font-size: medium;
	color:#990000;
#push {
  height: 80px; /*Push must be same height as Footer */
}
/* ---------------------------------------------------------------
Bulleted list
--------------------------------------------------------------- */
#greyList { 
	margin: 0;
	padding: 0;
	top: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px dotted gray;
} 
#greyList li {
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-size: larger;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	border-top: 1px dotted gray;
}
#greyList a:link {
	text-decoration: none;
 	color:#333333;
}
#greyList a:visited {
	text-decoration: none;
	color:#333333;
}
#greyList a:hover {
	text-decoration: none;
	color:#333333;
}
#greyList a:active {
	text-decoration: none;
	color:#333333;
}
#redList { 
	margin: 0;
	padding: 0;
	top: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px dotted gray;
} 
#redList li {
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-size: larger;
	background-image: url(../images/arrow_red.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	border-top: 1px dotted gray;
}
#redList a:link {
	text-decoration: none;
 	color:#333333;
}
#redList a:visited {
	text-decoration: none;
	color:#333333;
}
#redList a:hover {
	text-decoration: none;
	color:#333333;
}
#redList a:active {
	text-decoration: none;
	color:#333333;
}
#greenList { 
	margin: 0;
	padding: 0;
	top: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px dotted gray;
} 
#greenList li {
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-size: larger;
	text-decoration: none;
	background-image: url(../images/arrow_green.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	border-top: 1px dotted gray;
}
#greenList a:link {
	text-decoration: none;
 	color:#333333;
}
#greenList a:visited {
	text-decoration: none;
	color:#333333;
}
#greenList a:hover {
	text-decoration: none;
	color:#333333;
}
#greenList a:active {
	text-decoration: none;
	color:#333333;
}
#blueList { 
	margin: 0;
	padding: 0;
	top: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px dotted gray;
} 
#blueList li {
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	font-size: larger;
	background-image: url(../images/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 0 1em;
	border-top: 1px dotted gray;
}
#blueList a:link {
	text-decoration: none;
 	color:#333333;
}
#blueList a:visited {
	text-decoration: none;
	color:#333333;
}
#blueList a:hover {
	text-decoration: none;
	color:#333333;
}
#blueList a:active {
	text-decoration: none;
	color:#333333;
}
#productList {
	text-decoration: none;
	font-weight: bold;	
	font-size: large;
	color:#006600;
	margin-bottom: 30px;
	padding-left: 0;
}
#productList lh {
}
#productList dt {
	font-weight: bold;	
	font-size: medium;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
}
#productList dd {
	font-weight: normal;	
	font-size: small;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 20px;
}
/* ---------------------------------------------------------------
Footer
--------------------------------------------------------------- */
#filler {
	clear: both;
	position:relative;
	margin:0;
	padding:0;
}
.push {
	height: 50px;
}
.footer {
	clear:both;
	position:static;
	bottom:0;
	width: 100%;
	height: 50px;
	background-color: #002D45;
}
#footerContainer {
	position: relative;
	width: 1000px;
	height: 50px;
	margin:0 auto;
	padding:0;
	color: #FFF;
	font-size: small;
	background-color: #002D45;
}
#footerCopyright {
	position: relative;
	float: left;
	width: 300px;
	height: 50px;
	text-align: left;
	background-color: #002D45;
	padding-left:20px;
	cursor: default;
}
#footerNavbar {
	position: relative;
	float: right;
	width: 500px;
	height: 50px;
	text-align: right;
	background-color: #002D45;
	padding-right: 20px;
	cursor: default;
}
#footerNavbar a:link {
	text-decoration: none;
	cursor: pointer;
	color:#FFF;
}
#footerNavbar a:visited {
	text-decoration: none;
	cursor: pointer;
	color:#FFF;
}
#footerNavbar a:hover {
	text-decoration: none;
	cursor: pointer;
	color:#FF0;
}
#footerNavbar a:active {
	text-decoration: none;
	cursor: pointer;
	color:#FFF;
}