/****************************************************************/
/*		    CSS FILE FOR MFUK HEADER & NAV      	      */
/****************************************************************/

a, a:hover, a:active, a:focus {outline:0; direction:ltr;}

/* FULL WIDTH CONTAINER ___________________________________________*/

div.mainHeaderContainer{}

/* CENTRED CONTAINER ___________________________________________*/

div.centreHeaderContainer{
position: relative;
background: url(./images/homepage/headerBack.png) no-repeat 7px 0;
width: 990px;
margin: 0 auto;
height: 202px;
}

/* LOGO ___________________________________________*/

a.mainLogo{
display: block;
width: 368px;
height: 280px;
position: absolute;
top: -30px;
left: -40px;
z-index: 100;
background: url(./images/homepage/newLogoO.png) no-repeat 0 0;
text-indent: -9999px;
}

/* TOP HEADER CONTAINER ______________________________________________*/

div.topHeaderContainer{
width: 100%;
height: 30px;
}

div.centreTopHeaderContainer{
width: 990px;
position: relative;
margin: 0 auto;
}

/* TOP NAVIGATION ____________________________________________________*/

a#navHome,
a#navContact
{
display: block;
width: 46px;
height: 65px;
position: absolute;
text-indent: -9999px;
z-index: 101;
}

a#navHome{ top: 60px; right: 160px; background: url(./images/homepage/homeIcon.png) no-repeat 0 0;}
a#navContact{ width: 66px; top: 60px; right: 212px; background: url(./images/homepage/contactIcon.png) no-repeat 0 1px;}

a#navHome:hover{ background: url(./images/homepage/homeIcon.png) no-repeat 0 -69px; }
a#navContact:hover{ background: url(./images/homepage/contactIcon.png) no-repeat 0 -70px; }

/* TELL A FRIEND _______________________________________________________*/


div#tellAFriendWidget{
width: 280px;
height: 39px;
position: absolute;
top: 0;
left: 400px;
background: url(./images/tellAFriendBox.png) no-repeat 0 0;
z-index: 101;
font: normal 12px Verdana, Arial, Sans-serif;
color: #FFF;
overflow: hidden;
}

div#tellAFriendContent{ 
background: url(./images/tellAFriendBoxContent.png) repeat-y 1px 0; 
width: 220px;
margin: 39px 0 0 0;
padding: 20px 10px 10px 25px;
}
div#tellAFriendFooter{ background: url(./images/tellAFriendBoxBottom.png) no-repeat 1px 0;
width: 255px;
height: 10px;
}

div.tellAFriendIcon{
width: 250px;
height: 50px;
background: url(./images/tellAFriendIcon.png) no-repeat 0 0;
position: absolute;
top: 0;
left: 398px;
z-index: 102;
cursor: pointer;
}

div#tellAFriendWidget p{
margin: 0;
padding: 0 0 10px 0;
}

div#tellAFriendWidget p.warningMessage{
padding-top: 5px;
color: #FFAB47;
}

div#tellAFriendWidget input#tellAFriendEmail{
border: 1px solid #AAA;
padding: 4px;
width: 195px;
color: #999;
}

div#tellAFriendWidget input#tellAFriendEmail:active,
div#tellAFriendWidget input#tellAFriendEmail:focus,
div#tellAFriendWidget input#tellAFriendEmail:hover
{
border: 1px solid #333;
}

div#tellAFriendWidget input#tellAFriendSubmit{

}



/* MAIN NAVIGATION ____________________________________________________*/

.positioner {
position:relative;
height:35px;
top: 164px;
left: 290px;
width:681px;
}

.menuHolder {
position:absolute;
top: 0;
left: 0;
z-index:100; 
font:normal 11px/35px verdana, sans-serif;
width:681px;
}

ul.ulTop {
padding:0;
margin:0;
list-style:none;
width:145px;
overflow:hidden;
float:left;
border-left: 1px solid #666;
}

ul.ulTop#navArchive{ width:145px;}
ul.ulTop#navMoneySaving{ width:145px; }
ul.ulTop#navMoneyMaking{ width:145px; }
ul.ulTop#navFAQ{ width: 80px;}
ul.ulTop#navLinks{ width: 80px;}
ul.ulTop#navBookmark{ width: 80px;}


ul.ulTop a {text-decoration:none; color:#fff; padding-left:5px;}

ul.ulTop li.liTop {
float:left;
width:300px;
margin:-32767px -150px 0 0;
}

ul.ulTop#navArchive li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat 0 0;}
ul.ulTop#navMoneySaving li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat -145px 0;}
ul.ulTop#navMoneyMaking li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat -290px 0;}
ul.ulTop#navFAQ li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat -435px 0;}
ul.ulTop#navLinks li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat -515px 0;}
ul.ulTop#navBookmark li.liTop a.aTop {background: url(./images/homepage/mainNavBack.png) no-repeat -595px 0;}

ul.ulTop#navArchive li.liTop a.aTop:hover,
ul.ulTop#navArchive  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat 0 -35px;}

ul.ulTop#navMoneySaving li.liTop a.aTop:hover,
ul.ulTop#navMoneySaving  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat -145px -35px;}

ul.ulTop#navMoneyMaking li.liTop a.aTop:hover,
ul.ulTop#navMoneyMaking  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat -290px -35px;}

ul.ulTop#navFAQ li.liTop a.aTop:hover,
ul.ulTop#navFAQ  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat -435px -35px;}

ul.ulTop#navLinks li.liTop a.aTop:hover,
ul.ulTop#navLinks  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat -515px -35px;}

ul.ulTop#navBookmark li.liTop a.aTop:hover,
ul.ulTop#navBookmark  li.liTop:hover a.aTop{background: url(./images/homepage/mainNavBack.png) no-repeat -595px -35px;}

ul.ulTop li.liTop a.aTop {
position:relative;
z-index:50;
display:block;
float:left;
width:145px;
margin-top:32767px;
background:transparent;
text-indent: -9999px;
}
ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
margin-right:1px;

}

ul.ulTop li.liTop:hover a.aTop,
ul.ulTop li.liTop:focus a.aTop,
ul.ulTop li.liTop:active a.aTop{
background: #333;
}

ul.sub {float:left; padding:35px 0 0 0; margin:0; list-style:none; margin-top:-35px;}
ul.sub li a {
float:left;
width:145px;
background:#343738;
clear:left;
border-bottom: 1px dotted #777;
font:normal 11px/30px verdana, sans-serif;
}
ul.sub li a.last {
border-bottom: 5px solid #0071BC;

}

ul.sub li a.last:hover,
ul.sub li a.last:focus,
ul.sub li a.last:active {

}

ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
background:#555;
margin-right:1px;
}

/* REMOTE HOVER-OVERS ____________________________________________________*/

img#archiveHandText,
img#savingHandText,
img#makingHandText
{
position: absolute;
z-index: 0;
display: none;
}

img#archiveHandText{ top: -65px; left: 50px; }
img#savingHandText{ top: -65px; left: 200px; }
img#makingHandText{ top: -65px; left: 350px; }

/* BOTTOM OF STAR TRAIL __________________________________________________*/

img#starBottom
{
position: absolute;
z-index: 5;
bottom: -29px;
right: 5px;
}

/* MAIN CONTENT CONTAINER _____________________________________________*/

#mainContainerNew {
padding-top: 20px;
}

#mainContainer{
padding-top: 40px;
}