/* ------------------------------------------------------------ */
/* APPETISERS - RESETS */
/* ------------------------------------------------------------ */
@import "http://lib.myharmony.co.uk/css/reset.css";
* {margin:0;}
html, body 
{
    height:100%;
    width:100%;
}
a, a:visited, a:active
{
    color:#0a274c;
    text-decoration:none;  
}
a:hover
{
    color:#496b97;   
}
/* ------------------------------------------------------------ */
/* MAINS - EURODEBT (Myriad Pro,) */
/* ------------------------------------------------------------ */
body
{
    font-family: Segoe UI, Calibri, Tahoma, Verdana, Arial, sans-serif;
    font-size: 100%;
	line-height:120%;
    background-image:url('/images/ui-background.gif');
}
h1
{
    color:#874281;
    font-size:170%;
	text-align:left;
	font-weight : normal;
}
h2
{
    color:#000000;
    font-size:110%;
    padding-bottom:18px;
	text-align:left;
	font-weight : normal;
}
h3
{
    color:#0a274c;
	margin-bottom : 10px;
	font-weight : normal;
}
h4
{
    color:#747474;
	font-weight : normal;
}
h5
{
    color:#2577af;
        padding-top:10px;
    font-size:120%;
	font-weight : normal;
}
p
{
    padding-bottom:18px;
/*    line-height:17px;
 font-size:90%;*/
 }
p a, p a:visited
{
    color:#155096;
    text-decoration:underline;
}
ol {
	list-style-type:decimal;
	margin-left : 30px;
	margin-bottom : 10px;
}
.wide-column ul {
	list-style-type:disc;
}
/* resets style from nav */
.wide-column dl, 
.wide-column dt, 
.wide-column dd {
	height : 100%;
}
.wide-column dt {
	font-weight : bold;
}
.wide-column dd {
	margin-left : 20px;
	margin-bottom : 10px;
}
/* this for PR images and other 300x300 images */
.primage {
	float: left;
	margin-right: 8px;
}
#page
{
    position:relative;
    width: 980px;
    margin-left:auto;
    margin-right:auto;
}
#page-enquiry
{
    position:relative;
    width: 525px;
    margin-left:auto;
    margin-right:auto;
}
#wrap
{
    position:relative;
    margin-top:15px;
    width:100%;
}
#topbar
{
    position:relative;
    width:980px;
    height:125px;
    background-image:url('/images/ui-topbar.png');
    background-repeat:no-repeat;
}
#telephone
{
    position:absolute;
    top:20px;
    right:30px;
    text-align:right;
    width:600px;
    height:70px;
}
#cufon-telephone
{
    font-size:180%;
    color:#e5d8e4;
}
#cufon-pagetitle
{
   font-size:150%;
   color:#ffffff; 
}
#cufon-datetag
{
   font-size:100%;
   color:#ba97c0; 
}
#pagetitle
{
    position:absolute;
    top:77px;
    left:20px;
    width:600px;
    height:40px;
}
#datetag
{
    position:absolute;
    top:80px;
    right:30px;
    text-align:right;
    width:450px;
    height:20px;
}
#navbar
{
    margin-top:2px; /*this is because the image holds 13px of the shadows*/
    position:relative;
    width:980px;
    height:63px;
    z-index:2;
}
#innerwrap
{
    position:relative;
    z-index:1;
    width:980px;
    /*background-color:#9acd32;
    border:solid 3px #9acd32;*/
    margin-top:0px; /*this is because the image holds 13px of the shadows*/
}
#sidebar
{
    position:relative;
    float:left;
    width: 135px;
}
#content
{
    position:relative;
    float:left;
    width:845px;
}
#flash
{
    position:relative;
    width:512px;
    height:273px;
}
#welcome
{
    position:relative;
    width:316px;
}
#welcome .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat 0px -238px;
    text-indent:-9999px;
}
#welcome .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:18px;
    padding:0 15px 15px 15px;
}
#welcome .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px 0px;    
}
#commentary
{
    position:relative;
    width:316px;
}
#commentary .head
{
    height:35px;
    background:url('/images/ui-elements.png') no-repeat 0px -302px;
    text-indent:-9999px;
}
#commentary .content
{
    background-image:url('/images/ui-videobox.png');
    background-repeat:no-repeat;
    width:317px;
    height:277px;
    font-size:90%;
    line-height:18px;
    padding-left:1px;
}
#services
{
    position:relative;
    width:316px;
}
#services .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat 0px 0px;
    text-indent:-9999px;
}
#services .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:18px;
    padding:0 15px 15px 15px;
}
#services .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px 0px;    
}
#consumer-alerts
{
    position:relative;
    width:316px;
}
#consumer-alerts .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat 0px -176px;    
    text-indent:-9999px;
}
#consumer-alerts .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:16px;
    padding:0 15px 15px 15px;
}
#consumer-alerts li.score, #topdebtreasons li.score, #related-news li.score
{
    background-image:url('/images/ui-score.gif');
    background-repeat:no-repeat;
    background-position:center center;
    padding-top:8px;
    height:15px;
}
#consumer-alerts .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px -122px;    
}

#related-news
{
    position:relative;
    width:316px;
}
#related-news .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat -328px -176px;    
    text-indent:-9999px;
}
#related-news .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:16px;
    padding:0 15px 15px 15px;
	overflow:auto;
}
#related-news .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px -122px;    
}

#related-news li {
display:block;	
width:280px;
float:left;
margin-bottom:8px;
}



#useful-info
{
    position:relative;
    width:316px;
    padding-top:3px;
}
#useful-info .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat 0px -56px;    
    text-indent:-9999px;
}
#useful-info .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:16px;
    padding:0 15px 15px 15px;
}
#useful-info .content .leftside
{
    width:60%;
    float:left;
}
#useful-info .content .rightside
{
    width:40%;
    float:right;
}
#useful-info .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px 0px;    
}
#topdebtreasons
{
    position:relative;
    width:316px;
}
#topdebtreasons .head
{
    height:45px;
    background:url('/images/ui-elements.png') no-repeat 0px -117px;    
    text-indent:-9999px;
}
#topdebtreasons .content
{
    background-image:url('/images/ui-bubble-back.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:16px;
    padding:0 15px 15px 15px;
}
#topdebtreasons .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -881px 0px;    
}
#latestnews
{
    position:relative;
    width:520px;
}
#latestnews .head
{
    height:50px;
    background:url('/images/ui-elements.png') no-repeat -328px 0px;    
    text-indent:-9999px;
}
#latestnews .adfero
{
    background-image:url('/images/ui-bubble-back-big.png');
    background-repeat:repeat-y;
    padding:0px 1px 0px 1px;
    font-size:90%;
}
#latestnews .content
{
    background-image:url('/images/ui-bubble-back-big.png');
    background-repeat:repeat-y;
    font-size:90%;
    line-height:16px;
    padding:5px 15px 15px 15px;
}
#latestnews .content .left
{
    width:45%;
    float:left;
}
#latestnews .content .right
{
    width:50%;
    float:right;
}
#latestnews .foot
{
    height:30px;
    background:url('/images/ui-elements.png') no-repeat -1218px 0px;    
}
#call-to-action
{
    position:relative;
    padding-top:5px;
    width:512px;
}
#pagefootcrest
{
    width:100%;
    height:31px;
    background-image:url('/images/ui-footerhead.png');
    background-position:top left;
    background-repeat:repeat-x;
}
#pagefoot
{
    width:100%;
    background-color:#dfd7de;
    font-size:70%;
    color:#747474;
}
#pagefoot-wrap
{
    position:relative;
    width: 980px;
    margin-left:auto;
    margin-right:auto;
}
#pagefoot-wrap .logo
{
    width:130px;
    float:left;
}
#pagefoot-wrap .foot-col
{
    width:210px;
    float:left;
}
#pagefoot-wrap .foot-col-wide
{
    width:420px;
    float:left;
}
#pagefoot-wrap ul
{
    padding-top:7px;
    padding-bottom:15px;
    padding-left:5px;
}
#pagefoot-wrap li
{
    line-height:15px;
}
#enquire-small
{
    position:relative;
    width:317px;
    height:83px;
}
.enquire-header
{
    position:relative;
    padding-left:5px;
}
.enquire-text
{
    position:relative;
    padding-left:10px;
    padding-right:10px;
}
.footscore
{
    background-image:url('/images/ui-pinkscore.gif');
    background-repeat:no-repeat;
    background-position:center center;
    height:30px;
}
.privacy-notice
{
    clear:both;
    width:100%;
    text-align:center;
    color:#747474;
    padding-bottom:20px;
}
.text-ul li
{
    padding-bottom:12px;   
}
.narrow-column
{
    position:relative;
    float:left;
    width:320px;
}
.wide-column
{
   position:relative;
   float:left;
   width:522px; 
}
.wide-column .text-wrapper
{
    position:relative;
    text-align:justify;
    width:508px;
    padding-right:15px;
    padding-top:4px;
}
.toplatestnews
{
    margin-top:10px;
}
.toplatestnews li
{ 
    list-style-position:inside;
    list-style-type:none;
    height:80px;
    background-position:left center;
    background-repeat:no-repeat;
}
.toplatestnews li.thin{
width:240px;
float:left;
display:block;
}
.toplatestnews li.score, .latestnews li.score, .videonews li.score
{
    background-image:url('/images/ui-score.gif');
    background-repeat:no-repeat;
    background-position:center top;
    padding-left:0px;
    height:6px;
}
.latestnews li.score
{
    /*extension of above styles*/
    background-position:bottom;
}
.latestnews li
{ 
    font-size:90%;
    list-style-position:inside;
    list-style-type:none;
    background-image:url('/images/ui-squarebullet.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:12px;
	margin-bottom:8px;
}

.videonews
{
    margin-top:10px;
}
.videonews li
{ 
    font-size:90%;
    list-style-position:inside;
    list-style-type:none;
    height:80px;
    background-position:left center;
    background-repeat:no-repeat;
}
.videothumb
{
    position:absolute;
    overflow:hidden;
    width:100px; /*4:3 - we set it here also, so the image is cut*/
    height:75px;
    z-index:3;
}
.videocontrols, .story
{
    position:absolute;
    z-index:25;
}
.videoholder
{
    position:relative;
    background-image:url('/images/ui-videoholder.jpg');
    background-repeat:no-repeat;
    overflow:hidden;
    float:left;
    width:110px; /*4:3 + 10extra widening pixels to push text away*/
    height:75px;
}
.storythumb
{
    position:absolute;
    overflow:hidden;
    width:100px; /*4:3 - we set it here also, so the image is cut*/
    height:75px;
    z-index:3;
}
.storyholder
{
    position:relative;
    background-image:url('/images/ui-videoholder.jpg');
    background-repeat:no-repeat;
    overflow:hidden;
    float:left;
    width:110px; /*4:3 + 10extra widening pixels*/
    height:75px;
}
.latestnews li.more, .videonews li.more
{
    /*this is lower down in the stylesheet so it inherits the previous and extends them*/
    background-image:none;
    list-style-type:none;
    list-style-position:inside;
    height:25px;
    text-align:right;
    padding-top:3px;
    padding-right:5px;
}
.latestnews li.more
{
    /*extension to above style - we need more space*/
    padding-top:10px; /*13 in total*/
    font-size:90%;
}
.clear
{
    clear:both;
}
/* ------------------------------------------------------------ */
/* SPRITE SETUP FOR BUTTONS ON NAVIGATION */
/* ------------------------------------------------------------ */
ul#nav
{
    width:980px;
    height:63px;
    margin:0 auto;
    list-style:none;
}
ul#nav li
{
    display:inline;
}
ul#nav li a
{
    height:63px;
    float:left;
    text-indent:-9999px; /*removes the text*/
}
ul#nav li#home a
{
    width:108px;
    background:url('/images/ui-navbar-sprite.png') no-repeat 0px 0px;
}
ul#nav li#about a
{
    width:111px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -108px 0px;
}
ul#nav li#debtsolutions a
{
    width:141px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -219px 0px;
}
ul#nav li#clientservices a
{
    width:142px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -360px 0px;
}
ul#nav li#usefulinformation a
{
    width:159px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -502px 0px;
}
ul#nav li#news a
{
    width:86px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -661px 0px;
}
ul#nav li#press a
{
    width:87px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -747px 0px;
}
ul#nav li#contactus a
{
    width:146px;
    background:url('/images/ui-navbar-sprite.png') no-repeat -834px 0px;
}
ul#nav li#home a:hover
{
    background-position:0 -126px;
}
ul#nav li#about a:hover
{
    background-position:-108px -126px;
}
ul#nav li#debtsolutions a:hover
{
    background-position:-219px -126px;
}
ul#nav li#clientservices a:hover
{
    background-position:-360px -126px;
}
ul#nav li#usefulinformation a:hover
{
    background-position:-502px -126px;
}
ul#nav li#news a:hover
{
    background-position:-661px -126px;
}
ul#nav li#press a:hover
{
    background-position:-747px -126px;
}
ul#nav li#contactus a:hover
{
    background-position:-834px -126px;
}
/* ------------------------------------------------------------ */
/* MAIN MENU DROP DOWNS */
/* ------------------------------------------------------------ */
.hover
{
    /*empty to satisfy w3c*/
}
ul#nav li.hovering ul li
{
    float:none;
    display:inline;
    line-height:16px;
}
/*clientservices----------------------------------------------*/
li#clientservices.hovering a
{
    background-position:-360px -126px !important;
}
ul#nav li#clientservices.hovering div
{
    position:absolute;
    z-index:50 !important;
    z-index:50;
    margin: 0;
    padding: 0;
    display:block;
    background-image:url('/images/ui-drop-clientservices.png');
    background-repeat:no-repeat;
    width:220px;
    height:140px;
    top:48px;
    left:358px;
}
/*clientservices----------------------------------------------*/
/*debtsolutions----------------------------------------------*/
li#debtsolutions.hovering a
{
    background-position:-219px -126px !important;
}
ul#nav li#debtsolutions.hovering div
{
    position:absolute;
    z-index:50 !important;
    z-index:50;
    margin: 0;
    padding: 0;
    display:block;
    background-image:url('/images/ui-drop-debtsolutions.png');
    background-repeat:no-repeat;
    width:220px;
    height:180px;
    top:48px;
    left:218px;
}
/*debtsolutions----------------------------------------------*/
/*usefulinformation----------------------------------------------*/
li#usefulinformation.hovering a
{
    background-position:-502px -126px !important;
}
ul#nav li#usefulinformation.hovering div
{
    position:absolute;
    z-index:50 !important;
    z-index:50;
    margin: 0;
    padding: 0;
    display:block;
    background-image:url('/images/ui-drop-usefulinformation.png');
    background-repeat:no-repeat;
    width:220px;
    height:160px;
    top:48px;
    left:500px;
}
/*useful-information----------------------------------------------*/
/*news----------------------------------------------*/
li#news.hovering a
{
    background-position:-661px -126px !important;
}
ul#nav li#news.hovering div
{
    position:absolute;
    z-index:50 !important;
    z-index:50;
    margin: 0;
    padding: 0;
    display:block;
    background-image:url('/images/ui-drop-news.png');
    background-repeat:no-repeat;
    width:555px; /*220 * 160 original*/
    height:195px;
    top:48px; /*48 * 660*/
    left:360px;
}
/*news is special because it has div within divs, so we have to stop them
restyling over and over*/
ul#nav li#news.hovering div div.news-left
{
    background:none;
    position:relative;
    width:175px;
    height:170px;
    top:20px;
    left:0px;
    float:left;
	display:block;
}
ul#nav li#news.hovering div div.news-left ul
{
    padding-left:10px;
    padding-top:0px;
}
.news-header
{
    padding-left:5px;
    line-height:16px;
    position:relative;
    width:100%;
    font-size:90%;
    color:#c5e0f3;
}
/*news----------------------------------------------*/
ul#nav div
{
    display:none;
}
ul#nav li.hovering div ul li a:hover
{
    color:#eaeaea;
}
ul#nav li.hovering div ul
{
    padding-top:20px;
    padding-left:10px;
    width:220px;
}
ul#nav li.hovering div ul li a
{
    position:relative;
    z-index:51 !important;
    z-index:10000;
    background:none !important;
    color:#ffffff;
    font-size:80%;
    padding-left:5px;
    width:180px !important;
    height:auto;
	margin-bottom:4px;
    text-indent:0;
}
fieldset
{
    border-collapse: collapse;
    font-size:90%;
    border: none;
}
dl {
	clear: both;
	padding-top:10px;
	margin-bottom:5px;
}
dl dt label
{
    font-size:120%;
    color:#2577af;
}
dl.first {
	clear: both;
	padding-top:1px;
}
dl dt {
	/*float: left;*/
	color: #000;
	height:26px; /*30px*/
	width: 100%;
	/*padding: 8px 10px 0 0;*/
}
dl dd {
	/*float: right;*/
/*	width: 100%;*/
height:28px;/*32*/
	/*padding: 6px 0 6px 20px;*/
}
dl dd.narrow, dl dt.narrow
{
    float:left;
}
dl dd.narrow
{
    width:300px;
}
dl dt.narrow
{
    width:200px;
}
dl dd input
{
    width:300px;
    height:22px;
    font-size:110%;
}
#method-telephone, #method-email, #privacy
{
    width:30px;
    height:15px;
    font-size:100%;
}
.privacy-text
{
    font-size:90%;
    color:#747474;
}
.enquire-foot
{
    padding-top:15px;
    line-height:14px;
    padding-bottom:15px;
    border-top:solid 1px #747474;
    width:100%;
    text-align:center;
    font-size:70%;
    color:#747474;
}
.ui-wrap
{
    width:90%;
    padding-left:15px;
}
dl.ui-slider-scale dt span
{
    display:none;
}
/* ------------------------------------------------------------ */
/* SIDEBAR */
/* ------------------------------------------------------------ */
ul#toolsidebar
{
    width:135px;
    margin:0;
    list-style:none;
}
ul#toolsidebar li
{
    display:block;
    height:103px;
    margin:0;
}
ul#toolsidebar li#foot
{
    height:33px;
}
/* ------------------------------------------------------------ */
/* News and Video News Styling */
/* ------------------------------------------------------------ */
ul.newsboxes {
margin-bottom:8px;	
clear:both;
}
ul.newsboxes li {
width:100px;display:block;float:left;padding:0px 11px;text-align:left;margin-bottom:8px;
height:140px;
}


.text-wrapper ul {
	text-align:left;
	margin-left:20px;
}
.text-wrapper ul li {
	margin-bottom:12px;
}
.text-wrapper ul.toplatestnews {
	margin-left:0px;
}
.calltoaction{width:518px;height:87px;border:0;margin:2px 0;}
#actionbuttons{margin-left:0;clear:both;margin-top:6px;}
#actionbuttons li{display:inline;height:34px;color:#2577af;margin-right:6px;}
#actionbuttons span{position:relative;top:-14px;margin-right:4px;}
#actionbuttons img{width:33px;height:34px;}