/***************** RELATED LINKS (RIGHT COLUMN) *****************/
#relatedLinks > div:first-child  {background-color:rgb(216,216,216)}

#relatedLinks .segment { overflow: hidden; }

/***************** SEGMENTS *****************/
.downloads .link
{
    color: #FFFFFF; 
    display: block;
    float: left;
    height: 26px;
    text-decoration: none;
    text-align:center;
    line-height:26px;
    margin-top: 4px;
}

.downloads .forms { background-color: #2D8589; margin-right: 5px; }
.downloads .forms:hover { background-color: #41999D; }
.downloads .brochures { background-color: #8E3960; }
.downloads .brochures:hover { background-color: #A24D74; }
.downloads .wordings { background-color: #474491; clear: left; margin-right: 5px; }
.downloads .wordings:hover { background-color: #5B58A5; }
.downloads .documents { background-color: #9A804D; } 
.downloads .documents:hover {background-color: #AE9641; }

#relatedLinks .downloads .link { width: 158px; }

.downloadItem 
{
    margin-left: -8px; 
    margin-top: -8px; 
    /* Cheating! The negative margin screws up the size of the relatedItem box in IE6, 
        and drops the whole relatedItems column underneath the details column. These two
        styles chop off some of the unecessary white off the image, which keeps everything
        correctly sized */
    width: 330px; 
    overflow: hidden; 
}

.ruppldirect 
{
    padding: auto 1px !important; 
    overflow: hidden;
}

.ruppldirect .beautyLink,
.ruppldirect .healthLink
{
    display: block;
    height: 42px;
    float: left;
    text-decoration: none;
    margin-top: 7px
}

.ruppldirect .beautyLink 
{
    background-image: url(../../Media/images/beauty_therapists.jpg);
    width: 103px
}

.ruppldirect .healthLink 
{ 
    background-image: url(../../Media/images/allied_health.jpg);
    width: 104px;
    margin-left: 5px
}

.quickquote a.button { margin-top: 9px; }

.mailinglist a.button 
{
    float: right;
    margin-top: 5px;
}

/***************** NEWS HEADLINES *****************/
#relatedLinks .newsItem {margin-top:4px}
#relatedLinks .newsItem h4 {margin:0;padding:0}

.newsItem h4 
{
    margin-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    margin-left: 0;
    line-height: 14px;
}

.newsItem a:hover
{
    text-decoration: underline;
}

.newsItem .intro
{
    line-height:14px;
    margin: 3px 0;
    padding-bottom:0
}

.newsItem a.newsLink 
{
    display: block;
    float: right;
    width: 99%;
    background-image: url(../../Media/images/readmore.gif);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    font-size: 1px;
    height: 12px;
    clear: right; 
    overflow: hidden;
    margin: 3px 0 6px 0;
}

.newsItem a.newsLink:hover { text-decoration: none; }

/***************** NEWS ARTICLES *****************/
.article .date 
{
    color: #666666; 
    margin: 10px 0;
}

.article .intro
{
    font-style: italic;
    margin: 0 0 15px;
}

.article .text
{
    overflow: hidden;
    width: 100%;
}

.article .moreInfo
{
    color: #666666; 
    padding: 10px 0 0 0;
}

.article .back
{
    margin: 20px 0 0 0;
}

/***************** FORMS *****************/
.form {margin-right:10px}
.form textarea {border:1px solid rgb(137,183,242); margin: 3px 0 0; }
.form label {font-size:12px;}
.form input {font-size:12px; border:1px solid rgb(137,183,242); width:175px;}
.form td {padding: 3px 0; }
.form td.headerCell { width: 125px; }
.form td.dataCell { width: 360px; }

.form .submit {margin: 20px 0;}
.form .validator { display:block;font-weight:bold;padding-right:5px; color: #00507F !important; }
.form .info {padding-top:10px;display:block}



/***************** THE GREAT UNKNOWN *****************/
/* (a.k.a. Stuff that I couldn't untangle/understand... 
    or could, but couldn't be assed wasting more time trying to remove 
    the non-IE6 compliant selectors ) */

#content > div > .feature {padding:0}

*#relatedLinks > div {padding:8px}
.homepage #relatedLinks > div > div {padding:8px}

#relatedLinks > div:first-child > div {border-color:rgb(201,201,201)}
#relatedLinks > div > div:first-child {border-right-width:2px;border-bottom-width:2px}


#relatedLinks > div > div {border:1px solid rgb(154,154,154);background-color:white;padding:8px}
#relatedLinks > div:first-child > div {border:1px solid rgb(181,181,181)}


#relatedLinks h1 a {text-decoration:none;color:rgb(0,80,127)}

.homepage #detail .downloads a {color:White}

.homepage #detail h2, 
.homepage #relatedLinks .mailinglist h2  
{font-size:12px;margin-bottom:4px;margin-top:0;padding-top:0;padding-bottom:0}

.homepage #relatedLinks .mailinglist p, 
.homepage #relatedLinks .mailinglist a 
{font-size:11px}

.homepage #detail p {line-height:12px}

.homepage #relatedLinks .mailinglist p {line-height:13px;}
.homepage #detail > div:first-child > div:first-child {background:rgb(37,83,142)}

.downloads h3 {margin-top:10px}