html { margin:0; padding:0; height:100%; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; }
body { margin:0; padding:0; height:100%; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:0 14px; font-size:75%; }
   
    table, tr, th, td    { font-size:100%; vertical-align:top; border-style:none; }
    img            { border-style:none; }
    .clear            { clear:both; }
    .red            { color:red; }




/* colours
   ------------------------------------------ */

    a                    { color:#174879; outline: none}
    a:hover                    { color:#666; }
    #content .content            { color:#222; }
    #content .navigation li a        { color:#222; }
    #content .navigation li a:hover,
    #content .navigation li.open a         { color:#bb1957; }
    #content .navigation li a.selected    { color:#fff; background:#bb1957; }
    #content .navigation li.open li a    { color:#222; }
    #content .navigation li.open li a:hover    { color:#bb1957; }
    #content .navigation li.open li a.selected,
    #content .navigation li.open li a.selected:hover { color:#fff; background:#bb1957; }
    #content .navigation li.normal ul {display:none;}
    #content .navigation li.open ul {display:block;}
    #content .navigation .menu_arrow {background: transparent url(mysource_files/icon-leftnav-combined.gif) no-repeat scroll 0 55%;
float:left;
height:9px;
margin-top:-15px;
width:15px;}
    #content .navigation li.open .menu_arrow {display:none!important;}


/* link styles
   ------------------------------------------ */
    a{cursor: pointer};
    #header a,
    #footer a        { text-decoration:underline; font-weight:normal; }
    #header a:hover,
    #footer a:hover        { text-decoration:none; }

    #navigation li a    { text-decoration:none; }
    #navigation li.selected a,
    #navigation li a:hover    { background:#bb1957; color:#fff; }
    .home-contentlinks a    { text-decoration:none; color:#444; }

    #content .navigation li a { text-decoration:none; }
    #content .navigation li a:hover,
    #content .navigation li.open a,
    #content .navigation li a.selected { font-weight:bold; }
    #content .navigation li.open li a { font-weight:normal; }
    #content .navigation li.open li a:hover,
    #content .navigation li.open li a.selected { font-weight:bold; }

/* header: overall styling
   ------------------------------------------ */

    #header { height:169px; background:url(mysource_files/bg-header-splash.jpg) no-repeat 35% 0; border-bottom:solid 1px #91004b; font-size:92%; font-family:Verdana, Arial, Helvetica, sans-serif; }
    #logo { position:absolute; top:32px; }
    #logo a {}
    #logo a img {}


/* header top navigation
   ------------------------------------------ */

    #courtesy { text-align:right; height:105px; background:url(mysource_files/bg-header-overlay.gif) no-repeat 100% 38px; }
    #courtesy ul { padding:0; margin:6px 0 0 0; float:right; }
    #courtesy li { float:left; border-right:solid 1px #ccc; list-style-type:none; }
    #courtesy li a { padding:0 8px; }
    #courtesy li.last { border-right-style:none; }

/* header search area
   ------------------------------------------ */

    #search { position:absolute; top:110px; width:450px; right:14px; }
    #search form { text-align:right; }
    #search .sq-form-field { width:240px; float:right; }
    #search #search-button input, .button input { float:right; background:#c02963; border-style:none; color:#fff; font-size:11px; font-family:Verdana; padding-top:3px; padding-bottom:3px; }
    


    
    #searchNav { position:absolute; top:135px; width:450px; right:80px; text-align:right; }
    #searchNav ul { padding:0; margin:0; float:right; }
    #searchNav li { float:left; border-left:solid 1px #91004b; list-style-type:none; }
    #searchNav li a { padding:0 8px; }
    #searchNav li.p1{ border-left-style:none; }

/* main top navigation menu
   ------------------------------------------ */ 
    
    #navigation {}
    #navigation ul { padding:0; margin:0; }
    #navigation li { position: relative; float:left; border-left:solid 1px #91004b; background:#f3f3f3; padding:0px 0; list-style-type:none; }
    #navigation li.first { border-left-style:none; }
    #navigation li a { padding:6px 10px; display:block; font-size: 100%; }
    
    #navigation ul li ul { position:absolute; display: none; left: -1px; top: 26px; padding: 0px;  }
    #navigation ul li ul li { float: none; padding: 0px; }
    #navigation ul li:hover ul, #navigation ul li.over ul  { float: none; padding: 0px; display: block }
    #navigation ul li ul li a, 
    #navigation ul li.selected ul li a,
    #navigation ul li ul li.over a { border-right: 1px solid #91004b; color:#174879; display: block !important; width: 200px; text-decoration:none; font-size: 95%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: -1px; background:#f3f3f3}
    #navigation ul li.selected ul li a:hover,
    #navigation ul li ul li a:hover { background: #BB1957; color: #fff; border-bottom: 1px solid #91004b; border-top: 1px solid #91004b;}
    
    #resize { position:absolute; right:15px; padding-top:5px; }


/* breadcrumb
   ------------------------------------------ */ 
   
   #breadcrumb { font-size: 85%; margin-top: 5px; color: #555;}



/* left navigation menu 
   ------------------------------------------ */ 

    #content .navigation ul { padding:0 40px 0 0; margin:0; }
    #content .navigation ul ul { padding:0; }
    #content .navigation li { padding:0; margin:0; list-style-type:none; height:1%; }
    #content .navigation li a { padding:4px 20px; display:block; }
    #content .navigation li li a { padding-left:38px; }
    #content .navigation li.closed a { background:url(mysource_files/icon-leftnav-combined.gif) no-repeat 0px 55%; }
    #content .navigation li.open a { background:url(mysource_files/icon-leftnav-combined.gif) no-repeat -1400px 55%; }
    #content .navigation li.closed a:hover { background:url(mysource_files/icon-leftnav-combined.gif) no-repeat -700px 55%; }
    #content .navigation li.open li a { background-image:none; }
    
    
/* footer
   ------------------------------------------ */ 

    #footer { border-top:solid 1px #91004b; padding-bottom:8px; margin-top:10px; font-size:92%; font-family:Arial, Helvetica, sans-serif; }
    #footer ul { padding:0; margin:0; }
    #footer li { float:left; border-left:solid 1px #91004b; padding:3px 0 0 0; list-style-type:none; }
    #footer li a,
    #footer span.indent { padding:0px 7px 0 7px; }
    #footer li.last a { padding-right:0; }
    #footer .left { float:left; width:44%;}
    #footer .left li {}
    #footer .right { float:right; width:49%; }
    #footer .right li {}
    

/* panels
   ------------------------------------------ */
   
    .quicklinks {
        float:left;
        width:24%;
        margin-left:1%;
        font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    .quicklinks .link {
        background-repeat:no-repeat;
        background-position:10px 16px;
    }
    .quicklinks .link .border {
        padding-left:80px;
        height:auto;
        margin-bottom: 15px;
        background:url(mysource_files/dotted-horiz.gif) repeat-x left top;
    }
    .quicklinks .simple .border {
        padding:12px 8px 0 12px;
    }
    .quicklinks .comprehend        { background-image:url(mysource_files/quicklinks-icons-1.gif); }
    .quicklinks .qwcdec        { background-image:url(mysource_files/quicklinks-icons-2.gif); }
    .quicklinks .livehelp        { background-image:url(mysource_files/quicklinks-icons-3.gif); }
    .quicklinks .complaints        { background-image:url(mysource_files/quicklinks-icons-4.gif); }
    .quicklinks .feedback        { background-image:url(mysource_files/quicklinks-icons-5.gif); }
    .quicklinks h2 {
        display:none;
    }
    .quicklinks h3 {
        margin:0;
        padding:1.1em 0 0.2em 0;
        font-size:134%;
        font-weight:normal;
        color:#c02963;
    }
    .quicklinks p {
        margin:0;
        padding:0.4em 0;
        font-size:92%;
    }
    .quicklinks a {
    
    }

/* print styles
   ------------------------------------------ */

@media print {
    #courtesy,
    #search,
    #searchNav,
    #navigation,
    #footer .left            { display:none; }
    #header                { height:auto; padding-bottom:10px; border-bottom-color:#1a449a; }
    #header *, #footer *        { float:none !important; position:static; }
}


/* browser-specific bug fixes
   ------------------------------------------ */

    /* fix strange "gap" that appears between content and footer on the homepage in IE7 */
    #content     { border-top:dotted 1px white; }
    /* strange disappearing trick - fix - for content page in IE6/7 
    #content .content .highlight h2        { border:solid 1px #eee; }

/* =======================================================
   Homepage-specific section
   =======================================================
*/


#homepage {}
#content { padding:0px 0 0px 0; margin:20px 0 6px 0; }

.home-leftcol{
    float: left;
    width: 50%;
}
.home-contentlinks{
    width:50%;
    float:left;
}
.customer-asset-group{
    background:url(mysource_files/dotted-horiz.gif) repeat-x top;
    padding-top: 10px;
}
.customer-asset-group h3{
    margin-top: 0;
}
.home-contentlinks h2{
    font-size:250%;

    font-family:Arial, Helvetica, sans-serif;
    color:#c02963;
    margin:0;

    padding:0 0 0 15px;
    height:40px;
    background:url(mysource_files/dotted-horiz.gif) repeat-x left bottom;
}
.home-contentlinks ul, .customer-asset-group ul {
    margin:0;
    padding:0;
}
.customer-asset-group ul {
    margin:0 0 10px 0;
}
.home-contentlinks ul.first {
    width:94%;
    border-right:dotted 1px #ddd;
}
.home-contentlinks li, .customer-asset-group li{
    list-style-type:none;
    margin:0;
    padding:1em 0 0 0;
}
.customer-asset-group li{
    padding: 0 0 1.5em 0;
}
.customer-asset-group p{
    font-size: 95%;
}
.customer-asset-group p a, .customer-asset-group p a:hover{
    padding: 0;
    background:none;
    display: inline;
}
.home-contentlinks a, .customer-asset-group a{
    padding-left:15px;
    /* background:url(mysource_files/icon-link-grey.gif) no-repeat 0px 0px; */
    background:url(mysource_files/icon-link-combined.gif) no-repeat 0px 3px;
    display: block;
}
.home-contentlinks a:hover, .customer-asset-group a:hover{
    color:#c02963;
    /* background:url(mysource_files/icon-link-pink.gif) no-repeat 0px 3px; */
    background:url(mysource_files/icon-link-combined.gif) no-repeat -700px 3px;
}
.home-doclinks {
    float:left;
    width:24%;
    margin-left:1%;
    margin-top:35px;
    padding-top:14px;
    font-size:92%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#efefef;
}
.home-doclinks h2 {
    display:none;
}
.home-doclinks h3 {
    margin:0;
    padding:0 0 0.5em 20px;
    font-size:100%;
    background:url(mysource_files/icon-dot-pink.gif) no-repeat 8px 50%;
}
.home-doclinks * {

}
.home-doclinks hr {
    border-style:none;
    /* margin:9px 12px 6px 12px; */
    margin-left:12px;
    margin-right:12px;
    padding:0;
    border-top:solid 1px #e1e1e1;
    background:#fff;
    color:#fff;
    height:3px;
}
.home-doclinks ul {
    margin:0 0 15px;
    padding:0 20px;
}
.home-doclinks li {
    list-style-type:none;
    margin:0 0 3px;
    padding:0;
}
#homepage .quicklinks {
    margin-top:35px;
}

.home-features{
    float: left;
    width: 100%;
    clear: both;
}



/* generic forms
   ------------------------------------------ */
   
   
/* =======================================================
   Content pages section
   =======================================================
*/

#content .navigation {
    float:left;
    width:24%;
    
    font-size:92%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .content {
    float:left;
    width:49%;
    border-right:dotted 1px #ddd;
    padding:0 15px 0 22px;
    margin-left:-22px;
    margin-bottom:10px;
    background:url(mysource_files/dotted-vert.gif) repeat-y left top;
}

#content .navigation h2,
#content h1 {
    margin-top:0;
    padding-top:0;
}
#content .navigation h2 {
    font-size:128%;
    font-weight:normal;
    color:#bb1957;
}
#content .content h1 {
    font-size:167%;
    font-weight:normal;
}
#content .content h2 {
    font-size:134%;
    margin:1.7em 0 1em 0;
}
#content .content h3 {
    font-size:100%;
}
#content .content .highlight {
    background:#e0dede url(mysource_files/bg-highlight.gif) repeat-x left top;

    padding:0.7em 1.0em 0.2em 1em;
    margin-top:20px;
}
#content .content .highlight h2 {
    margin:0;
    padding:0 0 0.5em 0;
    color:#444;
}
#content .content .highlight ul,
#content .content .highlight li {
    margin:0;
    padding:0;
    list-style-type:none;
}
#content .content .highlight .first {
    float:left;
    width:60%;
    border-right:solid 1px #dddddd;
    padding-bottom:1em;
}
#content .content .highlight .last {
    float:left;
    width:37%;
    padding-left:10px;
    padding-top:26px;
}
#content .content .highlight a {
    background:url(mysource_files/icon-highlight-link.gif) no-repeat 0 50%;
    padding-left:21px;
}
#content .content .highlight a.external {
    background:url(mysource_files/icon-highlight-external.gif) no-repeat 0 50%;
}

.home-features .newsitem{
    background: #F0F1F8;
    font-size: 95%;
    padding: 10px;
    margin-top: 15px;
    overflow: hidden;
    height: 1%;
    border-top: 3px solid #C02963;
}
.home-features .newsitem img{
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 100px;
}
.home-features .newsitem h3{
    margin: 0px;
    font-size: 115%;
}
.home-features .newsitem h3 a{
    font-size: 95%;
}
.home-features .newsitem p{
    margin-bottom: 5px;
}