﻿* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }



body
{
	width:970px;
	padding:0;
	margin:0 auto auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background:#FFFFFF;
	background-position:center;
}

a{
	-moz-outline:none;
}

img{
	padding:0;
	margin:0;
	border:none;
}


#wrapper
{
	width:970px;
	padding:0;
	margin:0 auto auto;

	
	background-position:center;
	position:absolute;
	
}
#header{
width:970px;
height:75px;
	text-indent:-10000px;
background:url(/images/header_bg.jpg);
}

#nav{
width:970px;
height:23px;
background:url(/images/nav_bg.jpg);
margin-bottom:1px;

}

#StageBody{
background:#EAEAEA;

}


#StageLeft{
width:180px;
margin-right:7px;
float:left;
background:#EAEAEA;
height:470px;

}

#StageRight{
width:180px;
margin-left:7px;
float:left;
background:#EAEAEA;
height:470px;
}

#StageCentre{
width :596px;
margin:0px;
float:left;
background:#FFFFFF;

}

#StageWideCentre{
width :780px;
margin:0px;
padding:0px;


background:#FFFFFF;

}


#footer{
width:970px;
height:40px;
float:left;
margin-top:5px;
}

.FooterTop{
width:950px;
height:18px;
line-height:18px;

padding-left:20px;
background:#B2CBE9;
}

.FooterBottom{
width:970px;
height:18px;
line-height:18px;
padding-left:20px;
background:#FFFFFF;

}

#HomeLeft{
width:498px;
height:314px;
float:left;
position:relative;
background:url(/images/frontpage/HomeLeft.jpg);
}

#HomeRight{
position:relative;
width:472px;
float:right;
height:314px;
background:url(/images/frontpage/HomeRight.jpg);
}

#HomeTop{
position:relative;
width:970px;
float:right;
height:159px;
background:url(/images/frontpage/HomeTop.jpg);
}


/*+++++++++++++++++++++++++++++++++++++++++
/* FOOTER LINKS
/*+++++++++++++++++++++++++++++++++++++++++

*/

a.footerLink {
text-decoration:none;
width:90px;
margin-right:45px;
color:#333333;
height:20px;
}

a.footerLink:hover {
text-decoration:underline;
width:90px;
margin-right:45px;
color:#333333;
height:20px;
}


a.breadcrumLink {
text-decoration:none;

color:#333333;
height:20px;
}

a.breadcrumLink:hover {
text-decoration:underline;

color:#333333;
height:20px;
}



/*+++++++++++++++++++++++++++++++++++++++++
/* FORMS
/*+++++++++++++++++++++++++++++++++++++++++

*/

.searchBox{
width:127px;
height:16px;
line-height:16px;
border: solid 1px #949494;
border-right:0px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;

}

.Search{
position:absolute;
left:81px;
top:7px;
height:35px;

}

.SearchContent{
position:absolute;
left:10px;
top:7px;
height:35px;

}


/*+++++++++++++++++++++++++++++++++++++++++
/* Dividers
/*+++++++++++++++++++++++++++++++++++++++++

*/

.HDiv1{
Position:absolute;
top:35px;
left:1px;
width:253px;
float:right;
height:2px;
margin:0px;
padding:0px;
max-height:2px;
display:inline;
background:url(/images/HDiv1.jpg);
}

.HDiv2{
Position:absolute;
top:35px;
left:0px;
width:180px;
float:right;
height:2px;
background:url(/images/HDiv2.jpg);
}

.lozenges{
position:absolute;
left:0px;
top:49px;
}

#Testimonials{
position:absolute;
left:72px;
bottom:0px;
}



a.AccTitle{
padding-left:17px;
text-decoration:none;
color:#333;

}


		
		#AccMenu { width: 180px; height: 300px; margin: 30px 0; }
		
		/* Some list and link styling */
		ul li { width: 180px; }
		ul ul li { width: 180px; margin-bottom: 0; }
		ul ul li a { display:block; color: #333; padding: 5px 25px; text-decoration:none; }
		ul ul li a:hover { display:block; color: #369; background:url(/images/SelectedAcc.gif);}
		ul ul li.InfoItem a:hover { display:block; color: #369; background:url(/images/info_centre_item.jpg); background-repeat:no-repeat;}
		ul ul li.InfoItem a{ display:block; color: #333; background:url(/images/info_centre_item.jpg); background-repeat:no-repeat;}
		li { list-style-type: none; }
		h2 { margin-top: 1.5em; }
		
		h3{font:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#333333;
		text-decoration:none;
		height:24px;
		
		}
		
		/* Header links styling */
		h3.head a { 
		color: #333;
		display:block; 
		background: url(/images/AccOff.jpg) no-repeat; 
		height:24px;
		line-height:24px;
		
		}
		h3.head a:hover { 
		color: #FFF;
		background:  url(/images/AccOn.jpg) no-repeat; 
		height:24px;
		line-height:24px;
		
		}
		h3.selected a { 
		background: url(/images/AccOn.jpg) no-repeat; 
		height:24px;
		color: #fff;
		line-height:24px;
		
		}
		h3.selected a:hover { 
		background: url(/images/AccOn.jpg) no-repeat; 
		height:24px;
		color: #000;
		line-height:24px;
		
		}
		
		.textSize{
		width:68px;
		height:37px;
		position:absolute;
		background:url(/images/text.jpg);
		top:36px;
		left:75px;
		
		}
		
		.textSizefiller{
		width:7px;
		height:37px;
		position:absolute;
		background:url(/images/buttons/btn_print.jpg);
		top:36px;
		left:173px;
		
		}
		
		h3.InfoHead a { 
		color: #333;
		display:block; 
		background: url(/images/info_centre_header.jpg) no-repeat; 
		height:22px;
		line-height:22px;
		text-decoration:none;
		padding-left:7px;
		
		}
		h3.InfoHead a:hover { 
		color: #FFF;
		background:  url(/images/info_centre_header.jpg) no-repeat; 
		height:22px;
		line-height:22px;
		
		}
		h3.InfoHead a { 
		background: url(/images/info_centre_header.jpg) no-repeat; 
		height:22px;
		color: #fff;
		line-height:22px;
		}
		
		.InfoCentre{
		position:absolute;
		top:73px;
		}
		
		
		.InfoFooter{
		background:url(/images/info_centre_footer.jpg);
		width:180px;
		height:14px;
		}
		
		.ColNewsItem
		{
		background:url(/images/Col_News_Bg.jpg);
		width:180px;
		height:144px;
		}



			.holder {
				float: left;
				margin: 0px;
			}
		
			.scroll-pane {
				width: 610px;
				overflow: auto;
				background: #FFF;
				float: left;
				height: 331px;
			}

			.osX .jScrollPaneTrack {
				background: url(/images/scroller/osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(/images/scroller/osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(/images/scroller/osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(/images/scroller/osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(/images/scroller/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(/images/scroller/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			
			
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}		

.ContactDetails{
font-size:10px;
float:right;

}

.EnqForm{
font-size:10px;
color:#333;
line-height:24px;
}

.formItem{
width:153px;
height:16px;
border: solid 1px #949494;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
}

.textboxes{
width:460px;
height:50px;
border: solid 1px #949494;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
}


.SquareList{
list-style-position:inside;list-style-type:square; vertical-align:top; margin:6px; width:500px;

}

h2{
padding:0px;
margin:0px;
font-size:21px;
font-weight:normal;
color:#111986;
padding-bottom:10px;
}

.HelpdeskTable{
background:url(/images/helpdesk_bg.jpg);

}

.frmBox{
width:189px;
height:16px;
padding:0px;
margin:0px;
vertical-align:top;
font-size:10px;
color:	#111987;
border: 1px solid #999999;
}


#Helpdeskfrm
{
	width:396px;
	height:118px;
	top:132px;
	left:110px;
	padding:0;
	margin:0 auto auto;
border:1px solid #000066;

	position:absolute;
	
}

.frmLabels
{
width:110px;
height:30px;
color:	#111987;
font-size:12px;
text-align:right;
	
}

.frmLabels2
{
width:306px;
height:18px;
color:	#111987;
font-size:12px;
text-align:right;

}

.OrderTables{
margin-left:60px;
font-size:13px;
color:#003478;

}


a.frmButton
{
position:absolute;
top:71px;
	padding:0;
	margin:0;
	margin-top:1px;
	text-indent:-10000px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left;
	width:53px;
	height:18px;
	background:url(/images/buttons/butt_Login.jpg);

}

a.frmButton:hover{background-position:right;}

a.frmSubmit
{
position:absolute;
top:33px;
	padding:0;
	margin:0;
	margin-top:2px;
	text-indent:-10000px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left;
	width:53px;
	height:18px;
	background:url(/images/buttons/butt_Login.jpg);

}

a.frmSubmit:hover{background-position:right;}



.frmLabelsErrors{
width:306px;
height:18px;
color:maroon;
font-size:12px;
text-align:center;

}

	
#NTR{
	width:396px;
	height:88px;
	top:20px;
	left:110px;
	padding:0;
	margin:0 auto auto;
	background:url(/images/NTR_bg.jpg);

	position:absolute;
	border:1px solid #000066;
}

a.SearchItem{
color:#333333;
text-decoration:none;

}

a.SearchItem:Hover{
color:#333333;
text-decoration:underline;

}

#LoginPanel
{
width:336px;
height:157px;
background:url(/images/Login_Bg.jpg);
position:relative;
}

.PortalBg
{
width:595px;
height:468px;
background:url(/images/PortalBg.jpg);
position:relative;
}

.PortalBgFail
{
width:595px;
height:468px;
background:url(/images/PortalBg_BrowserFail.jpg);
position:relative;
}



#PortalSummary{
width:437px;
height:130px;

background:url(/images/SummaryBg.jpg);
float:left;
}

#PortalStatus{
width:320px;
height:130px;

background:url(/images/StatusBg.jpg);
}


p.HomeLeftTitles{
color:#326093;
font-weight:bold;
font-size:10px;

}

p.HomeLeftText{
color:#666666;
font-weight:normal;
font-size:10px;

}

li.HomePoints{
color:#666666;
font-weight:normal;
font-size:10px;
list-style:inside;
list-style-type:disc;
padding:3px;

}
