@charset "utf-8";
/* CSS Document */
/* reset styles */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
/* eof reset styles */ 

/* skin Matt at wsi-internetmarketing.co.uk */
html {  
	background-color:#134470; 
}
body{
background-color:#134470; 
font-family:Arial, Helvetica, sans-serif;
} 
#ControlPanel { 
	width:954px;
	margin:0px auto;
}
#topbackg {
	width:100%;
	height:141px;
	background-image:url(headerbackg.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}
#headerGroup {
	width:954px;
	height:141px;
	margin:0px auto;
}
#headerLeft {
	width:540px;
	float:left;
}
#WSIlogo {
	float:left;
	width:235px;
	height:141px; 
}
.livechat {
	width:200px;
	float:right;
	padding:53px 0px 0px 0px;
}
#topNav { 
	float:right;
}
#topNav ul{
	padding:0px;
	margin:20px 0px 0px 0px;
	list-style:none;
	text-align:right;
}
#topNav li {
	padding:0px 30px 0px 0px;
	margin:0px;
	list-style:none;
	text-align:right;
}
#topNav a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#2e5f87 !important;
	text-decoration:none !important;
}
#topNav .im {
	background-image:url(arrowIM.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#topNav .im a:hover{
	color:#d672c4 !important;
}
#topNav .wd {
	background-image:url(arrowWD.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#topNav .wd a {
	color:#69a7df !important;
}
#topNav .wd a:hover{
	color:#77b4eb !important;
}
#topNav .po {
	background-image:url(arrowP.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#topNav .po a:hover{
	color:#7bb97c !important;
}
#navigationGroup {
	width:100%;
	height:27px;
	background-image:url(navbackg.jpg);
	background-repeat:repeat-x;
}
#navigation {
	width:954px;
	height:27px;
	padding:0px;
	margin:0px auto;
}
#navigationLeft {
	float:left;
	text-align:left;
	padding:5px 0px 0px 5px;
}
#navigationLeft, #navigationLeft a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	text-decoration:none !important;
	color:#77b4eb;
}
#navigationLeft a {
		color:#0b476c !important;
}
#navigationLeft a:hover {
color:#48a249 !important;
}
#navigationRight {
	float:right;
	padding:0px;
	margin:0px;
	height:27px;
}
/* horizontal navigation */
/* navigation start */
.TabList {
    float:right;
    horizontal-align:center; 
	margin-right:10px;
}
.TabList ul {
    clear:both;
    margin:0;
    padding:0px;
    list-style:none;
    display: inline;
}

.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none !important;
	color:#77b4eb;
}

.TabList li a {
   font-family:Arial, Helvetica, sans-serif;
   voice-family: "\"}\""; voice-family:inherit;
   line-height:normal;
}

select.TabList {
    font-weight:bold;
}

/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#ChildTabsLevel1 > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#ChildTabsLevel1 a {float:none;}

#ChildTabsRow {
}
#ChildTabsContainer {
padding-top:6px;
   text-align:right;
   height: 21px;

}

#ChildTabsLevel1 a {
    padding-left:15px;
    text-decoration:none;
     font-weight:bold;
	text-decoration:none !important;
	color:#69a7df !important;
}    

#ChildTabsLevel1 .SelectedTab a {
    color:#B3D9FF;

}    

#ChildTabsLevel1 a:hover {
    color:#48a249 !important;
}    

#ChildTabsLevel1 .LinkLeft {
    position:relative;
    float:left;
}

/* eof navigation */
#pageFrame {
	width:954px;
	margin:10px auto;
}
#breadcrumb {
	clear:both;
	width:920px;
	margin:0px auto;
	padding:0px 0px 5px 0px;
	}
#breadcrumb, #breadcrumb a, #breadcrumb .SkinObject, #breadcrumb p, #breadcrumb .Normal {
	font-weight:normal;
	font-size:0.9em;
	text-decoration:none;
	color:#A4D1FF !important;
}
#breadcrumb a:hover, #breadcrumb .SkinObject:hover {
	color:#FFF !important;
}
.BlueBorders {
	clear:both;
}
/* start rounded border container */
.BlueBorders .NW,
.BlueBorders .NE,
.BlueBorders .SW,
.BlueBorders .SE
{
    background-repeat: no-repeat;
}

.BlueBorders .W,
.BlueBorders .E
{
    background-repeat: repeat-y;
}

.BlueBorders .N,
.BlueBorders .S
{   
    background-repeat: repeat-x;
}

.BlueBorders .N,
.BlueBorders .NW,
.BlueBorders .W
{   
    background-position: left top;    
} 

.BlueBorders .NE
{
    /* Begin fix to ensure header background is correctly displayed */
    min-height:15px;
    height: auto !important;
    height: 15px;
   /* End fix to ensure header background is correctly displayed */
}

.BlueBorders .SE
{
    /* Begin fix to ensure footer background is correctly displayed */
    min-height: 15px;
    height: auto !important;
    height: 15px;
    /* End fix to ensure footer background is correctly displayed */
}

.BlueBorders .NE,
.BlueBorders .E
{   
    background-position: right top;
}

.BlueBorders .SW,
.BlueBorders .S
{
    background-position: left bottom;
}

.BlueBorders .SE
{
    background-position: right bottom;
}
.BlueBorders .NW {
	background-image:url(NWbb.jpg);
}
.BlueBorders .N {
	background-image:url(Nbb.jpg);
}
.BlueBorders .NE {
	background-image:url(NEbb.jpg);
}
#contentGroup {
	padding:25px 20px 0px 20px;
}
.topPane, #middleGroup {
	width:100%;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.ContentPane {
	float:left;
	width:690px;
}
.rightPane {
	float:right;
	width:200px;
}
.bottomPane {
	width:100%;
	clear:both;
	padding:0px;
	margin:0px;
}
.spacer {
	width:800px;
	clear:both;
	height:1px;
}
.BlueBorders .W{
	background-image:url(Wbb.jpg);
}
.BlueBorders .E{
	background-image:url(Ebb.jpg);
}
.BlueBorders .SW{
	background-image:url(SWbb.jpg);
}
.BlueBorders .S{
	background-image:url(Sbb.jpg);
}
.BlueBorders .SE{
	background-image:url(SEbb.jpg);
}

.BlueBorders {
	margin:0px;
background-color:#FFF;} 
 
/* eof rounded corner container */
#bottomGroup {
	width:954px;
	height:93px;
	margin:10px 0px 20px 0px;
	background-image:url(footerbackg.jpg);
	background-repeat:repeat-x;
}
#bottomGroup , #bottomGroup a, #bottomGroup .SkinObject, #bottomGroup .SkinObject a, #bottomGroup p {
color:#eef2f6 !important;
text-decoration:none !important;
font-weight:normal !important;
font-size:0.85em;
}
#lcb {
	float:left;
	background-image:url(footerleftbackg.jpg);
	width:12px;
	height:93px;
}
#footergroupright {
	float:right;
	width:935px;
	padding:0px;
	margin:0px;
}
.footer {
	width:915px;
	float:left;
	padding:20px 0px;
	text-align:center;
	margin:0px !important;
}
#tokens {
	width:915px;
	float:left;
	text-align:center;
		padding:0px !important;
	margin:-25px 0px 0px 0px !important;
}

#rcb {
	float:right;
	background-image:url(footerrightbackg.jpg);
	height:93px;
	width:12px;
}
/* text style etc */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#024c86;
padding:10px 0px 10px 0px;
margin:0px;
}
h2 { 
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold; 
text-transform:none;
text-decoration:none;
color:#024c86;
padding:0px 0px 5px 0px;
margin:0px;
} 
h3 { 
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold; 
text-transform:none;
text-decoration:none;
color:#024c86;
padding:0px 0px 5px 0px;
margin:0px;
} 
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.05em;
font-weight:normal;
font-style:italic;
text-transform:none;
text-decoration:none;
color:#69a7df ;
display:block;
padding:30px 0px 30px 0px;
margin:30px 0px 30px 0px;
border-top:#69a7df dotted 1px;
border-bottom:#69a7df  dotted 1px;
}
a {
font-weight:normal;
text-decoration:none !important;
color:#0487db !important;
}
a:hover {
color:#48a249 !important;
}
p, ul, li, .Normal, .NormalBold {
font-family:Arial, Helvetica, sans-serif;
color:#515151;
font-size:1em;
padding:0px 0px 10px 0px;
margin:0px;
}
ul {
padding:0px 5px;
margin:0px 20px;
}
.feed a {
	color:#386386 !important;
	text-decoration:none !important;
}
.feed a:hover {
	color:#48a249 !important;
	text-decoration:none !important;
}
.feed ul, .feed li {
	list-style:none !important;

}
.feed ul {
	padding:0px 5px;
	margin:0px;
}
.feed li {
	padding-left:12px;
	background-image:url(ulLi.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:15px;
}
#tokens {
	margin-bottom:80px !important;
}
#tokens td {
	text-align:left;
	font-size:1.1em; 
} 
#tokens td a {
	text-align:left;
	font-size:1em;
}
#tokens h2 {
	color:#FFF !important;
	text-decoration:none;
}
#tokens ul, #tokens li {
	list-style:none;
	padding:0px;
	margin:0px;
}
#tokens li {
	padding-left:15px;	
	background-image:url(whiteArrow.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#tokens a:hover {
	text-decoration:underline !important;

}