/* Start of CMSMS style sheet 'Lifecycle01' */
html, body{
        margin:0;
        padding:0;
        font-size:76%;
        font-family:Arial, Helvetica, sans-serif;
        background:#fff url(uploads/webimages/bodybg.gif) top left repeat-x;
        color:#626262;
}

*{
        margin:0;
        padding:0;
}
/*------------------------------------------------------------------------
General Tags
-----------------------------------------------------------------------*/
h1{
        padding:0.8em 0 0.8em 0;
}
h2{
        color:#cc0066;
        border-bottom:solid 2px #cc0066;;
        font-size:1.2em;
        text-transform:uppercase;
        font-weight:normal;
        padding:1.0em 0 1.0em 0;
        margin-bottom:10px;
}

h3{
     color:#cc0066;
     padding:15px 5px 0px 5px;
}

p{
        font-size:1.2em;
        line-height:1.8em;
        margin:0;
        padding:0.5em;
        color:#626262;
}

a{
        color:#F4017B;
        text-decoration:underline;
}

br.clear{
       clear:both;
}

strong{
color:#cc0066;
font-weight:bold;
}

/*------------------------------------------------------------------------
Layout
-------------------------------------------------------------------------*/
#container{
        width:760px;
        margin:0 auto 0 auto;
        font-size:1.1em;
}

#header{
        width:760px;
        height:10.0em;
}

#logo{
        float:left;
        width:216px;
}

#logo h1{
        width:0;
        height:0;
        margin:0;
        padding:0;
        text-indent:-8000px;
        font-size:0;
}

#logo img{
        border:0;
}

#headeraddress{
       float:right;
       text-align:right;
       padding-top:20px;
width:300px;
}

#headeraddress p{
       font-size:1.1em;
       line-height:1.2em;
       color:#10679a;
}

#headeraddress strong{
       color:#10679a;
       font-weight:bold;
}

/*--------------------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------------------*/
#nav{

}

#nav li{
        display:inline;
}

#nav a{
        height:36px;
        width:86px;
        display:block;
        float:left;
        color:#000;
        text-indent:-8000px;
}

#nav a.button-solutions{background:url(uploads/webimages/button-solutions.gif) top left no-repeat; width:150px;}
#nav a.button-solutions:hover{background:url(uploads/webimages/button-solutions.gif) -150px 0 no-repeat; width:150px;}

#nav a.button-about{background:url(uploads/webimages/button-about.gif) top left no-repeat; width:151px;}
#nav a.button-about:hover{background:url(uploads/webimages/button-about.gif) -151px 0 no-repeat; width:151px;}

#nav a.button-news{background:url(uploads/webimages/button-news.gif) top left no-repeat; width:151px;}
#nav a.button-news:hover{background:url(uploads/webimages/button-news.gif) -151px 0 no-repeat; width:151px;}

#nav a.button-enquiries{background:url(uploads/webimages/button-enquiries.gif) top left no-repeat; width:150px;}
#nav a.button-enquiries:hover{background:url(uploads/webimages/button-enquiries.gif) -150px 0 no-repeat; width:150px;}

#nav a.button-portal{background:url(uploads/webimages/button-portal.gif) top left no-repeat; width:145px;}
#nav a.button-portal:hover{background:url(uploads/webimages/button-portal.gif) -147px 0 no-repeat; width:145px;}


span.current{
 color:#0c4177;
}


/*--------------------------------------------------------------------------------
BANNER
--------------------------------------------------------------------------------*/

#lifecyclebanner{
        width:748px;
        height:231px;
        background:url(uploads/webimages/bannerbg.gif) 0px 6px no-repeat;
        padding:1.0em 0.7em 0.5em 0.5em;
}

#lifecyclebanner img{
margin-top:4px;
}

#breadcrumbs{
        clear:both;
        padding:5px 0 0 5px;
        color:#10679a;
        font-size:1.1em;
}

#breadcrumbs a{
        color:#10679a;
}

/*--------------------------------------------------------------------------------
MAIN
--------------------------------------------------------------------------------*/

#main{
        width:760px;
        clear:both;

}

#leftcol{
        float:left;
        width:503px;
        padding:0 0 2.0em 0;
}

#rightcol{
        float:right;
        width:200px;
        padding:0 0 2.0em 0;
}

.box{
        background:url(uploads/webimages/boxbg.gif) top left repeat-y;
        width:197px;
}
.box-top{
        background:url(uploads/webimages/boxtop.gif) top left no-repeat;
        height:22px;
        width:197px;
}
.box-bottom{
        background:url(uploads/webimages/boxbottom.gif) top left no-repeat;
        height:22px;
        width:197px;
}

.box ul, .box ul li.currentpage ul, .box ul li.activeparent ul{
        margin:1.0em;
}

.box ul li.currentpage ul, .box ul li.activeparent ul{
         margin:0.5em 2.0em;
}

.box ul li{
        border-bottom:dotted 1px #818181;
        padding:0.5em;
        list-style:none;
        color:#818181;
        font-size:1.2em;
        font-weight:bold;
}

.box ul li.currentpage ul li, .box ul li.activeparent ul li{
        border-bottom:none;
        font-size:1.0em;
        padding:0;
        list-style:square;
}

.box ul li a, .box ul li.currentpage ul li a, .box ul li.activeparent ul li a{
         color:#818181;
         text-decoration:none;
}

.box ul li:hover a:hover{
        color:#F4017B;
        text-decoration:none;
}

#rightcol h2{
        color:#818181;
        border-bottom:solid 2px #818181;
        font-size:1.2em;
        text-transform:uppercase;
        font-weight:normal;
        padding:0 0 1.0em 0;
        margin:0 1.0em 0.5em 1.0em;
}

#leftcol ul, #leftcol ol{
       margin:10px 0 10px 23px;
}

#leftcol li{
       font-size:1.2em;
       line-height:1.4em;
}

/*--------------------------------------------------------------------------------
PRODUCT HIGHLIGHT
--------------------------------------------------------------------------------*/

.product-highlight{
        width:503px;
}

.product-img{
        float:left;
        width:192px;
        padding:1.0em 0 1.0em 0;
}

.product-txt{
        float:right;
        width:311px;
        padding:1.0em 0 1.0em 0;
}
.product-txt p{
        line-height:1.4em;
}
/*--------------------------------------------------------------------------------
NEWS
--------------------------------------------------------------------------------*/
#news{
        clear:both;
        width:503px;
}

a.news-article{
        width:443px;
        background:url(uploads/webimages/newsarticle.gif) 10px 10px no-repeat;
        padding:1.0em 1.0em 1.0em 5.0em;
        border-bottom: dotted 1px #ccc;
        display:block;
        font-size:1.1em;
        text-decoration:none;
        color:#626262;
}

a.news-article:hover{
        background:#f6f6f6 url(uploads/webimages/newsarticle.gif) 10px 10px no-repeat;
}


#newsdetails h3{
     font-size:1.4em;
     color:#cc0066;
     padding:5px;
}

#newsdetails strong{
     font-size:1.4em;
     color:#626262;
     padding:5px;
}


#NewsPostDetailSummary{
       margin-top:20px;
}

#NewsPostDetailSummary strong{
    font-size:1.1em;
padding:0 0 0 3px;
color:#626262;
}
#news strong{
color:#626262;

}

/*--------------------------------------------------------------------------------
TESTIMONIAL
--------------------------------------------------------------------------------*/
#testimonial{
        margin:2.0em 0 0 0;
}

#quote-bottom{
        text-align:right;
}

#testimonial p{
        color:#0c4177;
}

/*--------------------------------------------------------------------------------
Q and A's
--------------------------------------------------------------------------------*/

dt.question {
        padding:10px 0 10px 0;
}
dt.question a{
      font-weight:bold;
      font-size:1.2em;
      color:#cc0066;
      float:left;
      padding:1px 0  0 3px;
     display:block;
     width:430px;
     line-height:1.8em;



}

dt.question img{
    float:left;
}

dd.answer{
      font-weight:1.2em;
      background:url(uploads/webimages/a.gif) 0 4px no-repeat;
      padding:5px 0 0 20px;

}

dd.answer p{
      padding:4px 0 0 5px;
}
/*--------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------*/

#footer{
        clear:both;
        width:760px;
        border-top:solid 2px #626262;
        margin:2.0em 0 0 0;
        padding:1.0em 0 0 0;
}

#footer a{
        color:#626262;
}

#footer p{
        font-size:1.1em;
}


/* End of 'Lifecycle01' */