/* reset all styles*/
html {
 font-size:12px;
 color: #60655A;
 font-family:Tahoma, Arial, Helvetica, sans-serif;
}

body {


 margin:0px;
 padding:0px;
 background-image:url(../images/bg_slate_hatching.gif);
} 

a img {
 border:0;
 padding:0;
}

p {
padding:0px 0px 8px 0px;
margin:0px;
line-height:1.5em;
}

ul {
line-height:1.5em;
margin:0px;
}

li {
margin:0px;
padding-bottom:5px;
}


/* Default link styles */

a {
 color:#ff6600;
 text-decoration:underline;
}

a:hover {
 color:#63ADBD;
}

/* accesstext style*/

.accesstext {
visibility:hidden;
display:none;
}

a.accesstext {
visibility:hidden;
display:none;
} 
 
.br-clear {
clear:both;
}
/* Page layout & look */

div#gradbacker {
width:100%;
min-height:780px;
background:url(../images/bg_blend.png) repeat-x transparent;
}

div#mainarea {
margin:auto;
width:960px;
padding:0px 10px 0px 10px;
background:url(../images/page_bg.png) repeat-y;
}

div#pageholder{
width:940px;
padding:0px 10px 0px 10px;
background:url(../images/page_gradient.jpg) no-repeat;
background-color:#FFFFFF;
}

div#pageEndPiece {
margin:auto;
width:940px;
height:26px;
padding:0px 20px 0px 20px;
background:url(../images/page_end.png) no-repeat;
}

div#headpanel {
float:left;
width:750px;
height:110px;
margin:5px 0px 0px -20px;
}

div#headpanel a {
float:left;
width:750px;
height:130px;
display:block;
}

#sizer{
float:right;
width:110px
}


/* navbar */

div#navbar {
float:left;
width:940px;
height:33px;
background:url(../images/navigation.png);
}

div#navbar ul {
float:left;
margin:0px; padding:0px; border:0px;
list-style:none;
}

div#navbar ul li, div#navbar ul li a {
float:left; padding:0px; 
height:33px;
display:block;
background:url(../images/navigation.png);
margin-right:1px;
}

/* Native state */
div#navbar ul li#homepage, 				div#navbar ul li#homepage a 				{width:110px;}
div#navbar ul li#mapsolutions, 		div#navbar ul li#mapsolutions a 		{width:138px; background-position:-111px 0px;}
div#navbar ul li#mapproducts, 	div#navbar ul li#mapproducts a 	{width:138px; background-position:-250px 0px;}
div#navbar ul li#aboutxyz, 				div#navbar ul li#aboutxyz a 			{width:138px; background-position:-389px 0px;}
div#navbar ul li#xyzstore, 			div#navbar ul li#xyzstore a 		{width:138px; background-position:-528px 0px;}
div#navbar ul li#contactxyz, 			div#navbar ul li#contactxyz a 		{width:138px; background-position:-667px 0px;}

/* navbar ON states */
div#navbar ul li#homepage-on, 			div#navbar ul li#homepage-on a 				{width:110px; background-position:0px -66px;}
div#navbar ul li#mapsolutions-on, 		div#navbar ul li#mapsolutions-on a 			{width:169px; background-position:-111px -66px;}
div#navbar ul li#mapproducts-on, div#navbar ul li#mapproducts-on a 	{width:138px; background-position:-250px -66px;}
div#navbar ul li#aboutxyz-on, 			div#navbar ul li#aboutxyz-on a 				{width:138px; background-position:-389px -66px;}
div#navbar ul li#xyzstore-on, 		div#navbar ul li#xyzstore-on a 			{width:138px; background-position:-528px -66px;}
div#navbar ul li#contactxyz-on, 		div#navbar ul li#contactxyz-on a 			{width:138px; background-position:-667px -66px;}
/* navbar HOVER states */
div#navbar ul li#homepage 				a:hover 	{width:110px; background-position:0px -33px;}
div#navbar ul li#mapsolutions 		a:hover		{width:138px; background-position:-111px -33px;}
div#navbar ul li#mapproducts 	a:hover 	{width:138px; background-position:-250px -33px;}
div#navbar ul li#aboutxyz				a:hover 	{width:138px; background-position:-389px -33px;}
div#navbar ul li#xyzstore 			a:hover 	{width:138px; background-position:-528px -33px;}
div#navbar ul li#contactxyz 			a:hover 	{width:138px; background-position:-667px -33px;}

/* Sub navbar items */
div#subnavbar {
font-weight:normal;
float:left;
width:150px;
margin-right:10px;
margin-top:35px;
}

div#subnavbar ul {
float:left;
font-weight:normal;
width:150px;
margin:0px; padding:0px; border:0px;
list-style:none;
border-bottom:solid 1px #e1e0dd;
clear:both;
}

div#subnavbar ul li {
float:left; padding:0px; 
dislay:block;
font-weight:normal;
}

div#subnavbar ul li a {
float:left;
font-weight:normal;
color: #696457;
width:142px;
padding:5px 0px 5px 8px;
border-top:solid 1px #e1e0dd;
text-decoration:none;
}

div#subnavbar ul li#subNavON {
color:#FF6600;
width:142px;
padding:5px 0px 5px 8px;
border-top:solid 1px #e1e0dd;
font-weight:normal;
}

div#subnavbar ul li a:hover {
color:#63ADBD;
}

/* Page content items and column divs */

div#content {
width:920px;
padding:0px 10px 0px 10px;
background:url(../images/page_content.gif) no-repeat;
}

div#contentHolder {
width:920px;
background-color:#f7f7f6;
border-top:solid 1px #FF6600;
padding-top:10px;
}

div#centralTextArea {
float:left;
width:550px;
padding:6px 0px 0px 0px;
min-height:400px;
}

div#sidepanel {
float:left;
width:200px; 
margin-left:10px;

}

div#introText {
padding:0px 5px 10px 15px;
}

div#introText ul {
padding:0px 0px 0px 15px;

}

div#introText ul li {
padding:5px 0px 5px 0px;
}

div#subPagePuffs {
float:right;
width:200px;
margin:44px 0px 0px 0px;
}

div#subPagePuffPrivate a {
width:200px;
display:block;
background:url(../images/puff-sub-private-small.gif) no-repeat;
height:38px;
margin:0px 0px 10px 0px;
}

div#subPagePuffPrivate a:hover {
background:url(../images/puff-sub-private-small-over.gif) no-repeat;
}

div#subPagePuffProfessional a {
width:200px; display:block;
background:url(../images/puff-sub-proadviser-small.gif) no-repeat;
height:38px;
margin:0px 0px 10px 0px;
}

div#subPagePuffProfessional a:hover {
background:url(../images/puff-sub-proadviser-small-over.gif) no-repeat;
}

div#subPagePuffJournalist a {
width:200px;
display:block;
background:url(../images/puff-sub-journalist.gif) no-repeat;
height:38px;
margin:0px 0px 10px 0px;
}

div#subPagePuffJournalist a:hover {
background:url(../images/puff-sub-journalist-over.gif) no-repeat;
}


/* for a three column page */

div#contentFirstSecondColumn {
float:left;
width:290px;
padding:0px 10px 0px 10px;
}

div#contentThirdColumn {
float:left;
width:290px;
padding:0px 0px 0px 10px;
}

/* for Homepage */

div#HomeContent {
width:940px;
padding:28px 0px 0px 0px;
}

div#HomeHolderTwoColumns {
width:610px;
float:left;
margin-right:10px;
}

div#HomePuffOne a {
float:left;
width:300px;
background:url(../images/puff_proadviser.jpg) no-repeat;
height:178px;
padding-right:10px;
display:block;
}

div#HomePuffOne a:hover {
background:url(../images/puff_proadviser_over.jpg) no-repeat;
}

div#HomePuffTwo a {
float:left;
width:300px;
background:url(../images/puff_privateinvestor.jpg) no-repeat;
height:178px;
}

div#HomePuffTwo a:hover {
background:url(../images/puff_privateinvestor_over.jpg) no-repeat;
}

div#HomeNewsColumn {
width:300px;
float:right;
border-top:1px solid #c3c1bc;
border-bottom:1px solid #d2d0cc;
padding-bottom:5px;
}

div#HomeNewsTitle {
width:300px;
padding:5px 0px 0px 0px;
border-bottom:1px solid #d2d0cc;
color:#555;
font-weight:bold;
margin-bottom:10px;
}

div#HomeMarketData {
width:298px;
float:left;
border-top:1px solid #c3c1bc;
/*border-bottom:1px solid #d2d0cc;*/
padding-bottom:5px;
margin-top:15px;
}

div#HomeMarketDataTitle {
width:298px;
padding:5px 0px 0px 0px;
border-bottom:1px solid #d2d0cc;
color:#FF6600;
font-weight:bold;
margin-bottom:10px;
}

/* for Sub Gateway pages */

div#PageContent {
width:920px;
border-top:solid 1px #FF6600;
background:url(../images/pagecontent_shadow.gif) repeat-x;
padding:16px 0px 10px 0px;
margin-top:8px;
}

/* for news downloads */

div#newsDownloads {
width:150px;
float:right;
padding:3px 3px 3px 3px;
background-color:#F7F7F6;
border-top:#FF6600 1px solid;
margin:0px 0px 15px 10px;
}


div#navbar1 {
width:540px;
text-align:center;
height:30px;
}

div#navbar1 ul {
margin:0px auto; padding:0px; border:0px;
list-style:none;
}

div#navbar1 ul li, div#navbar ul li a {
float:left; padding:0px; 
height:33px;
display:block;
margin-right:-5px;
width:140px;
}

/* IE 6 Fix */  * html #content .project .project-desc  a.button { margin-left:3px; padding-bottom:5px; }

/* Buttom "details", "read more" */
a.button { background-color:#EEF3F7; max-width:130px; display:block; height:22px;font-weight:bold; border:solid 1px #CDCDCD;  font-size:13px; color:#333; padding:7px 0 0 0; text-decoration:none; margin-left:-2px; margin-top:14px; text-align:center; }
a:hover.button { border:solid 1px #666666; background:#DDD } 



/* for how to get involved - steps to nucleus */

div#stepsToNucleus {
width:99px;
float:left;
margin-right:3px;
padding:45px 3px 3px 3px;
background-color:#F7F7F6;
border-top:#FF6600 1px solid;
min-height:200px;
}

/* site map columns */

div#sitemapColumn {
float:left;
width:120px;
padding:0px 10px 20px 0px;
}


/* text styles */

#headerLinks {
width:900px;
}

ul.horizList { margin: 0 0 1em; }

ul.horizList li {
		display: inline;
		margin: 0;
		padding: 0;
		background: none;}

/* table styles */

table {
border-bottom:solid 1px #CCCCCC;
margin-bottom:6px;
}

th {
padding:5px 2px 5px 2px;
background-color:#e9e8e6;
border-top:solid 1px #CCCCCC;
text-align:left;
}

td {
border-top:solid 1px #CCCCCC;
padding:5px 2px 5px 2px;
}

.trAlt {
background-color:#F7F7F6;
}

.tableTotals {
font-weight:bold;
border-top:1px solid #b0ada6;
}

.tableFigures {
text-align:right;
padding-right:5px;
}

.tableTotalsFigures {
font-weight:bold;
border-top:1px solid #b0ada6;
text-align:right;
padding-right:5px;
}

.trAlerts {
background-color:#feefe0;
}

/* Generic page elements */

div#breadcrumb {
font-size:90%;
padding:15px 0px 3px 7px;
}

div#footer {
width:920px;
height:40px;
margin-top:10px;
/*background:url(../images/footer_bg.gif) repeat-x;*/
border-top:1px solid #AAA;
padding:10px 0px 8px 0px;
font-size:10px;
}

div#footerLeft {
float:left;
}

div#footerRight {
float:right;
}

div#footer a {
color:#696457;
}

div#footer a:hover {
color:#63ADBD;
}

/* Headings & text styles */

h1 {
font-size:18px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#696457;
margin:15px 0px 9px 0px;
background-color:transparent;
padding-top:20px;
}

h2 {
font-weight:normal;
font-size:13pt;
margin:0px 0px 5px 0px;
}

h3 {
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px 0px 5px 0px;
}

h4 {
font-size:14px;
color:#444;
margin:0px 0px 5px 0px;
}

h5 {
font-size:11pt;
font-weight:bold;
margin:0px 0px 5px 0px;
}

.dates {
color:#FF6600;
font-weight:bold;
}

.contentTitle {
color:#999;
font-weight:bold;
}

.gatewayPanelTitles {
font-size:13pt;
margin:0px 0px 5px 0px;
font-weight:normal;
}



/* form elements */

form {
    margin:0px;
    padding:0px;
	border:0px;
}

.textBox {
border:1px solid #696457;
width:150px;
padding:2px;
color:#696457;
font-family:Arial, Helvetica, sans-serif;
}

.textBoxWide {
border:1px solid #696457;
width:300px;
padding:2px;
color:#696457;
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}

.submitButton {
border:1px solid #696457;
padding:2px 4px 2px 4px;
color:#696457;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}

submitButton a:hover {
background-color:#aba8a1;
}

div#formHolder {
float:left;
width:450px;
}

div#formLeftColumn {
float:left;
width:100px;
margin-top:2px;
padding:5px 5px 0px 0px;
}

div#formRightColumn {
float:left;
width:180px;
padding:2px 0px 3px 0px;
}

.postcode {
border:1px solid #696457;
width:80px;
padding:2px;
color:#696457;
font-family:Arial, Helvetica, sans-serif;
}



/* NEw homepage layout */

div#mainIntro {
	width:940px;
	margin:0;
	padding:0;
	text-align:center;
    background:url(../images/slice.jpg) repeat-y;
}

div#mainGateway {
	width:826px;
	padding:10px 0px 10px 0px;
	margin:auto;
}

div#mainGatewayLeft a {
	width:244px;
	float:left;
	height:230px;
	background:url(../images/homepage-Gateway1.gif) no-repeat;
	margin-right:47px;
}

div#mainGatewayLeft a:hover {
	background:url(../images/homepage-Gateway1hover.gif) no-repeat;
}

div#mainGatewayLogo {
	width:244px;
	float:left;
	height:230px;
	background:url(../images/homepage-GatewayLogo.gif) no-repeat;
	margin-right:47px;
}

div#mainGatewayRight a {
	width:244px;
	float:left;
	height:230px;
	background:url(../images/homepage-Gateway2.gif) no-repeat;
}

div#mainGatewayRight a:hover {
	background:url(../images/homepage-Gateway2hover.gif) no-repeat;
}

div#HomeSubPanel {
	border-top:1px solid #c3c1bc;
	float:left;
	width:290px;
	margin-right:10px;
}

div#mainHomePuffRight {
border-top:1px solid #c3c1bc;
	float:left;
	width:300px;
}
/*home page jquery accordion styles*/
#slide-holder {
width:700px;
margin:10px auto;
z-index:1;
}
#slide-holder a, #slide-holder a:visited {
color:#EEE;
text-decoration:none;
font-weight:normal;
font-size:13px;} 

#slide-holder a:hover {
color:#63ADBD;
text-decoration:none;
cursor:pointer;
}
#slide-holder h4 {
color:#FFFFFF; font-size:12px; height:0px; padding: 50px 0 0 3px; font-weight:normal 
}
#hpad{width:149px; height:75px;float:left; margin: 0 0 0 5px; background: url(../images/map11.png) no-repeat;  padding: 5px 0 0 10px;}
#hpad2{width:149px; height:75px;float:left; margin: 0 0 0 5px;  background: url(../images/map2.png) no-repeat; padding: 5px 0 0 10px;}
#hpad3{width:149px; height:75px;float:left; margin: 0 0 0 5px;  background: url(../images/map3.png) no-repeat; padding: 5px 0 0 10px; }
#hpad4{width:149px; height:75px;float:left; margin: 5px 0 0 5px; background: url(../images/map4.png) no-repeat;  padding: 5px 0 0 10px;}
#hpad5{width:149px; height:75px;float:left; margin: 5px 0 0 5px;  background: url(../images/map5.png) no-repeat; padding: 5px 0 0 10px;}
#hpad6{width:149px; height:75px;float:left; margin: 5px 0 0 5px;  background: url(../images/map6.png) no-repeat; padding: 5px 0 0 10px; }
#hpad7{width:149px; height:75px;float:left; margin: 0px 0 0 5px;  background: url(../images/postcode_img.jpg) no-repeat; padding: 5px 0 0 10px;}
#hpad8{width:149px; height:75px;float:left; margin: 5px 0 0 5px;  background: url(../images/mapinfo.jpg) no-repeat; padding: 5px 0 0 10px; }

/**/
/* hide container until all is ready */
.xyz{
	display: block;
	
}
/*Main Container*/
.container {
	width:100%;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -20px;
	background:  url(../images/blade.png) no-repeat;
}
.handleOver{	
	background: url(../images/blade_sel.png) no-repeat;
}
.handleSelected{	
	background: url(../images/blade_sel.png) no-repeat;
}
/*additional styles for the accordion panel*/
/*Main Container*/
.container3 {
	width:100%;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	
}
.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 40px;
	height: 314px;
	text-align:center;
	border: 1px solid white;
}
.handle3 img{
/*	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;*/
}
.handleOver3{
	border: 1px solid white;
	cursor:pointer
}
.handleOver3 img{
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	border: 1px solid white;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	height:314px;

}
.contentInnerWrapper3{
	padding: 10px;

}
.contentWrapper3 h3.accordion{
	padding-bottom:10px;
	color: #444;
}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;
	overflow:hidden;
}
#floating-banner {
margin:5px auto;
text-align:center;
}
.pageheader {
border-bottom:1px solid #888;
padding-bottom:10px;
}
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}
.buynow {
float:left;
width:134px;
height:76px;
text-align:center;
margin:-10px 0 0 20px;
padding: 17px 0 0 0;
font-size:15px;
background: url(../images/shop_button.jpg) no-repeat;

}
.buynow a, .buynow a:visited {
color:#003366;

}
#navbar2 ul {
float:left;
line-height:22px;

}
#navbar2 li h3 {
width:160px;
text-align:left;
color: #839DB4;
font-weight:bold;
cursor:pointer;
float:left;
font-size:16px;
border-bottom:1px solid #CCC;
padding:5px 0px 5px 5px;
}
#navbar2 li h3:hover {
background:#EFEFEF;
}

#navbar2 ul li ul {
width:100%;
font-weight:normal;
line-height:22px;

}
#navbar2 ul li ul li{

}

#navbar2 ul li ul li a {
border-top:1px solid #FF0000;
font-weight:normal;
}
table td .top {
vertical-align:top;
}