/*rollout menu*/
.glossymenu{
margin: 0px 0px 0px 0px;
padding: 0;
width: 430px;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(http://www.directdebtsolutions.co.uk/dds_new_design_images/home/glossyback.gif) repeat-x bottom left;
font: bold 12px arial;
font-weight:bold;
color: #000000;
display: block;
position: relative;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.directdebtsolutions.co.uk/dds_new_design_images/home/glossyback2.gif);
}

.glossymenu div.submenu{
background: white;
}

.glossymenu div.submenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li p{
display: block;
font: normal 12px arial;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}
/*rollout menu end*/

/*left menu*/
#menu {
        font-family:arial;
        font-size:12px;
        position:relative;
        margin:0px 0px 0px 45px;
        width:195px;
}

#menu ul {
        /* remove list style */
        list-style:none;
        padding:0;
        margin:0;

        /* set the layer position */
        position:relative;
        z-index:5;
}

#menu li {
        /* set the styles
        background:#ccc url(bg.gif) no-repeat 0 0;*/
        padding:5px;
        margin:0px;
        cursor:pointer;
        /*border:1px solid #ccc;*/
}

#menu li.hover {
        background-image:url(http://www.directdebtsolutions.co.uk/dds_new_design_images/home/glossyback2.gif);
}

#menu li a {
        text-decoration:none;
        color:#000000;
}


#menu .block {
    /* allow javascript to move the block */
    position:absolute;
    top:0;

    /* set the left position */
    left:-50px;

    /* display above the #menu */
    z-index:10;

    /* the image and the size */
    background:transparent url(http://www.directdebtsolutions.co.uk/dds_new_design_images/home/arrow.png) no-repeat top right;
    width:39px;
    height:39px;
    padding-bottom:12px;
    cursor:pointer;
}

/* fast png fix for ie6 */
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/*left menu end*/


/*outside margins*/
* {
    margin:0; padding:0;
}

/*all content*/
html
{
    font-family:arial;
    font-size:11px;
    line-height:17px;
}

#header {
    align:center;
}

/*header banner*/
#headbanner {
    width:1130px;
    align:center;
    padding:0px 0px 0px 0px;
    
}

#breadcrumb {
    font-size:13px;
}

#middle {
    font-family:arial;
}

#leftmenu {
     text-decoration: none;
     font-weight:bold;
     color:black;
     font-size:12px;
}

#leftmenulink a:hover {
     text-decoration: underline;
     font-weight:bold;
     color:black;
     font-size:12px;
}

#qualtable {
    font-size:12px;
}

#footer {
    align:center;
    text-align:center;
    background-color:#E0E0E0;
    height:240px;
    font-family:arial;
    font-size:16px;
}

#footersub {
    align:center;
    text-align:center;
    background-color:#E0E0E0;
    margin-left:200px;
    margin-right:200px;
}

body a {
    text-decoration:none;
    color:#304f6d;
    font-family: arial;
}

body a:hover {
    text-decoration:none;
    color:#000000;
    font-family: arial;
}
