/*******************************************
UNCOMPRESSED - use www.csscompressor.com to compress the CSS
REFER http://blog.html.it/layoutgala/
COLOURS - Colours used in the site
White               #FFF
Black               #000
Light Blue Link        #06c
Grey Link            #666
Grey Tagline        #333
Light grey search    #999

red                 #B10427
orange              #C57D13
yellow              #CEAC00
green               #7A9C13
teal                #007B69
blue                #00649E
purple              #6E6192
pink                #8C396D

red mid             #d87082
orange mid          #d6b16f
yellow mid          #e6d55d
green mid           #abcd67
teal mid            #80bdb4
blue mid            #6eb1ce
purple mid          #b29fc8
pink mid            #c58ba5

red light           #fdd
orange light        #ffd
yellow light        #ffb
green light         #dfb
teal light          #dff
blue light          #dff
purple light        #ccf
pink light          #fdd
grey light          #eee

dark grey           #4B575F
bodycopy grey       #939A9F
mid grey            #B8BCBF
light grey          #D0D2D4

*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
/*html {Stops flickering of background images in IE6
  filter: expression(document.execCommand("BackgroundImageCache", false, true));} */


html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body {
    font-family: "Helvetica Neue", Arial, sans-serif; 
    background-color:#fff}    
    
p, div, td, li {
    font-size: 12px;
    color: #333;}

img {border:none}

p, table {margin-bottom: 18px;}

/*p {clear: both;}*/

ul, dl {margin: 0 0 18px 24px;}

ol {margin: 0 0 18px 30px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}


h1, h2, h3, h4, h5, h6 {
    margin-bottom: 6px;
    line-height: 24px;}

h1 {
    font-size: 18px;
    margin-bottom: 12px;
    text-transform: capitalize;}

.secondHeading h2 {
    line-height: 24px;
    margin-bottom: 12px;}    
    
h2 {font-size: 16px;}

h3 {font-size: 14px;}

h2, h3, h4, h5, h6 {line-height: 18px;}

h4 {font-size: 13px;}

h5 {font-size: 12px;}

h6 {font-size: 11px;}

a:link {color:#666;}

a:visited {color:#666;}

a:focus,
a:hover,
a:active {color:#06c;}
    
    .firstHeading,
    .secondHeading {
        font-weight: bold;
        background-color: #fff;
        background-position: top left;
        background-repeat: repeat-y;}
        
        #firstHeading_bold h1 {
            font-size: 16px;
            color: #333 !important;
            text-decoration: underline;
            text-transform: uppercase;}
                
        #firstHeading_stylised h1,
        #firstHeading_stylised_execs h1, #firstHeading_stylised_juniors h1, #firstHeading_stylised_bas h1, #firstHeading_stylised_mgrs h1
        {
            font-size: 16px;
            color: #fff !important;
            text-transform: uppercase;
            margin-left: 26px;
            text-indent: 4px;}

        #secondHeading_stylised h2 {
            text-transform: uppercase;
            color: #fff !important;
            background-color: #fff;
            margin-left: 26px;
            text-indent: 4px;}
            
        #secondHeading_bold {
            text-decoration: underline;
            text-transform: uppercase;}       

  
/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/

    #container{
        width:974px;
        margin:0 auto;
        padding: 10px 0; 
        background-color:#fff;}
        
        .tagline{
            float:left;
            position:relative;
            height: 18px;
            margin:0 0 -18px 10px;}
            
            .tagline a{
                font-weight:bold;
                color:#333;
                text-decoration:none;}
        
        #tagline{
            font-size:13px; 
            top:75px;}

        #tagline2{
            top:32px;
            font-size:11px;}
            
            #print_masthead {display: none;}
        
        #navigation{
            position:relative;
            float:left;
            clear:both; 
            margin:2px auto 0 auto;
            width:100%; 
            height:32px; 
            line-height:32px; 
            text-align:center;
            background:url(../images/masthead/nav_back_repeat.jpg) repeat-x;}
            
            #navigation a:link,
            #navigation a:visited {text-decoration: none;}
            
            
            #navigation a:focus,
            #navigation a:hover,
            #navigation a:active {text-decoration: underline;}
            
            #usernav{
                float:right; 
                margin:0 15px 0 0}

            #search{
                float:left;
                width:250px; 
                margin:2px 0 0 0;}
            
                #searchtext{
                    float:left;
                    clear:none;
                    width:150px;
                    color:#999}
                
                #searchbutton{
                    float:left;
                    background:url('../images/icons/search.gif') top left no-repeat #ccc;}
                    
                    #searchbutton:hover,
                    #searchbutton:active{
                        background-position:0px -22px;}

        #content{
            float:left;
            clear:both;
            width:100%;
            margin:0 auto 15px auto; 
            padding:0;}
            
        #home_design #realContent {
            margin: 0 0 0 15px;}
                
        #nav2 {
            float:left; 
            height:150px; 
            margin-top:0;}

/*All Designs*/
            #nav2_content{
                float:left;
                height:auto;
                width:100%;
                background:center left repeat-y;}
               
        .trans {
            height:50px; 
            width:1px; 
            float:right} 
            
            #connector {
                z-index: 0;
                margin-top: -2px;}                
                
                .realContent {float: left;}
        
        #nav2_content #nav2_content_right {background-color:transparent}

    /*full width*/
        .full_width #nav2_content_left {
            float:left;
            position:relative;
            left:20px;
            width:934px;
            height:auto;
            background-color:transparent;}
            
        .full_width .realContent {width:932px;}
        
    /*fifty fifty*/
        .fifty_fifty #nav2_content_left {
            float:left;
            position:relative;
            left:20px;
            width:440px;
            height:auto;
            background-color:transparent;}
        
        .fifty_fifty #connector{
            float:left;
            position:relative;
            left:480px;
            top:100px;}
        
        .fifty_fifty #nav2_content_right {
            float:right;
            position:relative;
            width:440px;
            left:-20px;
            height:auto;}
    
         .fifty_fifty #nav2_content_left .realContent,
         .fifty_fifty #nav2_content_right .realContent {width:439px;}

    /*2 3rds and sidebar*/                
        .two_third #nav2_content_left {
            float:left;
            position:relative;
            left:17px;
            width:571px;
            height:auto;
            background-color:transparent;}
                     
        .two_third #nav2_content_left .realContent {width: 570px;}
        
        .two_third #connector{
            float:left;
            position:relative;
            left:602px;
            top:100px;}
        
        .two_third #nav2_content_right {
            float:right;
            position:relative;
            left:-15px;
            width:330px;
            height:auto;}
            
        .two_third #nav2_content_right .realContent {width: 329px;}
        
        #top_border,
        #bottom_border {
            position:relative; 
            float:left;}

        #extra{
            float:left;
            clear:both;
            width:100%;
            height:166px; 
            margin-bottom: 10px;
            z-index: 1;}
        
            #extra_left,
            #extra_right_top{
                float:left;
                clear:left;
                width:480px; 
                height:100%;
                background-image:url(../images/extra_left_background.jpg);
                background-repeat:no-repeat;
                background-color: #D0D2D4;}
                
            #extra_right {
                float:right; 
                width:480px; 
                height:100%;
                color:#fff;
                background-image:url(../images/extra_right_background.jpg);
                background-repeat:no-repeat;
                background-color: #4B575F;}
                
            .extra_caption{
                font-size: 13px;
                float:left;
                width:100%;
                text-align:center;
                margin-top:5px;
                font-weight:bold;
                color: #fff;
                text-transform: uppercase;}
                
                .extra_caption a:link,
                .extra_caption a:visited {color: #fff;}
            
            #extra p {margin:10px 0 0 0}
            
        /*Homepage right box fixes*/
        #yellow .fifty_fifty table,
        #yellow .fifty_fifty table tbody,
        #yellow .fifty_fifty table tr,
        #yellow .fifty_fifty table tr td,
        #yellow .fifty_fifty table p,
        #yellow .fifty_fifty table img{margin:0; padding:0;}
        
        #yellow .fifty_fifty #secondHeading_stylised h2{margin-bottom:0;}
        
        #featureBox,
        .featureBox {
            width: 480px;
            height: 167px;
            overflow: hidden;
            background:url('../images/featureborder.gif') top left no-repeat #fff;
            padding:0;}
            
        .featureBox p,
        #extra #featureBox p,
        #extra #featureBox3 p{margin:0;}
        
        #featureBox2 .featurecontent{
            padding:5px 3px 15px 3px;
            height:135px;}
/*        
        #ie7only #featureBox2 .featurecontent,
        #ie6only #featureBox2 .featurecontent{
            margin-top:0px;}
*/        
            .featurecontent{
                padding:15px 15px;
                height:135px;
                overflow:hidden}
                
                .featurecontent blockquote{
                    margin:0 0 0 10px;}
                
                .featureheading{background-image: url(../images/borders/blue/h1_background.gif);}
                
                .featureheading h3 {
                    font-size: 16px;
                    line-height:24px;
                    color: #fff !important;
                    background-color:#6eb1ce;
                    text-transform: uppercase;
                    margin-left: 26px;
                    text-indent: 4px;}

        #footer {
            border-top: 1px solid #ccc;
            padding-top: 12px;
            float:left;
            clear:both;
            width:100%; 
            background-color:#fff}
        
            #footer hr {margin: 0 10px;}
            
            #bottom_nav{float:left;}
            
                #bottom_nav ul {margin-left: 10px;}
            
            #copyright{
                float:right;
                margin-right:10px; 
                color:#666}

/*******************************************
Pretty Menus
*******************************************/

.prettymenu {
    /*clear: both;*/
    margin: 0 4px 10px 0;
    padding: 0;}
    
#ie6only .prettymenu {margin: 0 2px 10px 0;}    
/*
    .prettymenu li  {
        padding: 0;
        display: block;
        float: left;
        height: 21px;
        list-style: none;
        text-indent: 24px;
        text-transform:uppercase;
        font-weight:bold;
        font-size:12px;
        line-height: 21px;
        color:#4B575F;
        background: top left no-repeat #D0D2D4;
        margin: 0 4px 10px 4px;}
*/            


    .prettymenu li  {
        padding: 0;
        height: 21px;
        list-style: none;
        text-indent: 24px;
        text-transform:uppercase;
        font-weight:bold;
        font-size:12px;
        line-height: 21px;
        color:#4B575F;
        background: top left no-repeat #D0D2D4;
        margin: 0 4px 10px 4px;}
        
     #ie6only .prettymenu li  {margin-left: 2px;}
    
    .full_width .prettymenu,
    .fifty_fifty .prettymenu,
    .two_third .prettymenu {float: left;}
    
    .full_width .prettymenu li {min-width: 302px;}

    .full_width .prettymenu,
    .full_width #ie6only .prettymenu li  {width: 302px;}
    
    .fifty_fifty .prettymenu li {min-width: 210px;}
    .fifty_fifty .prettymenu,
    .fifty_fifty #ie6only .prettymenu li  {width: 210px;}
    
    .two_third #nav2_content_left .prettymenu li {min-width: 277px;}
    .two_third #nav2_content_left .prettymenu,
    .two_third #ie6only #nav2_content_left .prettymenu li {width: 270px;}
    
    .two_third #nav2_content_right .prettymenu li {min-width: 322px;}
    .two_third #nav2_content_right .prettymenu,
    .two_third #ie6only #nav2_content_right .prettymenu li {width: 315px;}
    

    .full_width td .prettymenu,
    .fifty_fifty td .prettymenu,
    .two_third #nav2_content_left td .prettymenu,
    .two_third #nav2_content_right td .prettymenu {
        margin: 0;
        float: none;
        width: auto !important;}
    
    .full_width td .prettymenu li,
    .fifty_fifty td .prettymenu li,
    .two_third #nav2_content_left td .prettymenu li,
    .two_third #nav2_content_right td .prettymenu li {
        display: block;
        list-style: none;
        width: auto !important;
        min-width: 100% !important;}
    
        .prettymenu li a:link,
        .prettymenu li a:visited {
            color: #4B575F;}
        
        .prettymenu li a:focus,
        .prettymenu li a:hover,
        .prettymenu li a:active {
            color: #000;}
    
/*******************************************
CALENDAR (1) AND NEWS (2) SCROLLERS
*******************************************/

        #scrollcontainer1,
        #scrollcontainer2 {
            margin:2px 0 0 10px;
            float:left;
            height:137px;
            width:420px;
            overflow:hidden;
            position: relative;}
        
            #scroller1,
            #scroller2  {
                margin:0; 
                padding:0; 
                background:transparent;
                font-size:95%; 
                width:420px; 
                position: relative; }
                
            #upArrow1,
            #upArrow2{
                float:left;
                margin-top:10px;
                width:30px;
                height:20px;}

        .NewsTitle { 
            text-transform: uppercase;
            font-weight: bold;
            font-size:14px;
            line-height:22px; }
            
        .NewsContent { 
            font-size: 12px;
            line-height:22px; }
            
            #scrollcontainer1 .NewsTitle,
            #scrollcontainer1 .NewsContent {color: #333;}
            
            #scrollcontainer2 .NewsTitle,
            #scrollcontainer2 .NewsContent {color: #333;}
            
            
        #NewsDiv { 
            position: absolute; 
            left: 0; 
            top: 0; 
            width: 100%; 
            color: white;}
            
        /* PAGE LINK COLORS */
        #scrollcontainer1 a:link,
        #scrollcontainer1 a:visited { color: #333; text-decoration: underline; }
        #scrollcontainer1 a:hover    { color: #B10427; text-decoration: none; }
        #scrollcontainer1 a:active    { color: #03F; text-decoration: underline; }
        
        #scrollcontainer2 a:link,
        #scrollcontainer2 a:visited { color: #333; text-decoration: underline; }
        #scrollcontainer2 a:hover    { color: #B10427; text-decoration: none; }
        #scrollcontainer2 a:active    { color: #000; text-decoration: underline; }
            
/*******************************************
NAVIGATION
*******************************************/
.horz_menu {
    padding:0;
    margin:0;}

    .horz_menu li,
    #footer ul li {
        display: inline;
        list-style:none;
        text-decoration:none; 
        color:#666; 
        padding:0; 
        margin:0;}

        #nav2 .horz_menu{
            width:980px;}
        
            #nav2 .horz_menu li{
                width:117px; 
                height: 150px;
                cursor:pointer;}
                
                #nav2 .horz_menu li a {
                    float:left; 
                    clear: none; 
                    display:block; 
                     margin-right:6px; 
                    width:117px; 
                    height: 150px;
                    background-image: url(../images/icons/menu_buttons.jpg)}
                    
                    #nav2 .horz_menu li#calendar a{ margin-right:0px;}
                
            li#insurers a:link,
            li#insurers a:visited {background-position:-24px 0;}
            li#insurers a:hover {background-position:-24px -170px;}
            li#insurers a:active,
            #yellow li#insurers a:link,
            #yellow li#insurers a:visited,
            #yellow li#insurers a:hover,
            #yellow li#insurers a:active {background-position:-24px -340px;}
            
            li#toolbox a:link,
            li#toolbox a:visited {background-position:-147px 0;}
            li#toolbox a:hover {background-position:-147px -170px;}
            li#toolbox a:active,
            #red li#toolbox a:link,
            #red li#toolbox a:visited,
            #red li#toolbox a:hover,
            #red li#toolbox a:active  {background-position:-147px -340px;}
                        
            li#services a:link,
            li#services a:visited {background-position:-270px 0;}
            li#services a:hover {background-position:-270px -170px;}
            li#services a:active,
            #green li#services a:link,
            #green li#services a:visited,
            #green li#services a:hover,
            #green li#services a:active {background-position:-270px -340px;}

            li#policies a:link,
            li#policies a:visited {background-position:-393px 0;}
            li#policies a:hover {background-position:-393px -170px;} 
            li#policies a:active,
            #orange li#policies a:link,
            #orange li#policies a:visited,
            #orange li#policies a:hover,
            #orange li#policies a:active {background-position:-393px -340px;}

            li#training a:link,
            li#training a:visited {background-position:-516px 0;}
            li#training a:hover {background-position:-516px -170px;}
            li#training a:active,
            #blue li#training a:link,
            #blue li#training a:visited,
            #blue li#training a:hover,
            #blue li#training a:active  {background-position:-516px -340px;}

            li#pi a:link,
            li#pi a:visited {background-position:-639px 0;}
            li#pi a:hover {background-position:-639px -170px;}
            li#pi a:active,
            #purple li#pi a:link,
            #purple li#pi a:visited,
            #purple li#pi a:hover,
            #purple li#pi a:active {background-position:-639px -340px;}

            li#news a:link,
            li#news a:visited {background-position:-762px 0;}
            li#news a:hover {background-position:-762px -170px;}
            li#news a:active,
            #pink li#news a:link,
            #pink li#news a:visited,
            #pink li#news a:hover,
            #pink li#news a:active {background-position:-762px -340px;}

            li#calendar a:link,
            li#calendar a:visited {background-position:-885px 0;}
            li#calendar a:hover {background-position:-885px -170px;}
            li#calendar a:active,
            #teal li#calendar a:link,
            #teal li#calendar a:visited,
            #teal li#calendar a:hover,
            #teal li#calendar a:active {background-position:-885px -340px;}

/*******************************************
HOME PAGE STYLES
*******************************************/   

			
			div#welcome{
                float:left;
                width:50%;
                margin:0 0 0 10px;}
			
				div#welcome h1{
                    color:#c03;
                    font-weight:normal;
                    font-size:30px;
                    line-height:50px;
                    text-align:left}
				
			div#login{
                float:right;
                width:330px;
                margin:0 10px 17px auto;
                padding:0 0 15px 15px;
                border-bottom:1px solid grey; 
                border-left:1px solid grey}
                
                div#login h2{
                    color:#c03;
                    font-size:20px}
			
				input#username{
                    color:#999;
                    width:95%;
                    margin:0;
                    padding:0}
				
				input#password{
                    color:#999;
                    width:95%;
                    margin:0;
                    padding:0}
				
				div#login form a{
                    color:#06c; 
                    text-decoration:none;}
				
				.loginButton{
                    float: left;
                    color:#fff;
                    background-color:#999;
                    border:0;
                    margin:10px 10px 0 0;
                    height: 20px;
                    width:170px;
                    cursor:pointer;}
                    
                    .loginButton:hover {
                        font-weight: bold;}
                
                input#memberlogin{
                    width: 120px;
                    position:relative;
                    left:-5px;}
                    
                
                input#forgotpwd {float: right;}
						
			div#hook{
                float:left;
                clear:left;
                width:50%;
                text-align:left;
                line-height:30px;
                margin-left:10px;}
			
			div#websites{
                float:right;
                clear:right;
                width:350px;
                margin:20px 10px 0 auto}
			
				div#websites h2{
                    color:#c03;
                    font-weight:normal;
                    font-size:18px;
                    text-align:center}
			
				div#websites ul{
                    list-style-type:none;
                    padding:0;
                    margin:0;}
                
                div#websites li{
                    float:none;
                    margin:5px auto 20px auto; 
                    width:340px;
                    height:21px;
                    line-height:21px;
                    background-color:#999}
				
					div#websites li a:link,
                    div#websites li a:visited{  
                        text-decoration:none; 
                        color:white}
					
					div#websites li img{
                        float:left; 
                        clear:none; 
                        border: none; 
                        position:relative;}
					
					div#websites li div{
                        margin-left:30px;
                        color:white;}
						
/*******************************************
Insurer logo borders
*******************************************/
table.nomargin {margin: 0}

.nomargin td {text-align: center;}

.box60,
.box100 {}

.box100 a {
    margin: 0 auto;
    display: block;
    width:120px;
    height:120px;}
        
    .box100 a:link,
    .box100 a:visited,
    .box100 a:focus {
        background:url(../images/logos/insurers_border_120.jpg) top left no-repeat;}
        
    .box100 a:hover,
    .box100 a:active {
        background-position: 0 -120px;}
        
        div.box100 a img{
            position:relative;
            top:5px;
            left:-2px;}
            
.box60 a {
    margin: 0 auto;
    display: block;
    width:75px;
    height:75px;}
        
    .box60 a:link,
    .box60 a:visited,
    .box60 a:focus {
        background:url(../images/logos/insurers_border_75.jpg) top left no-repeat;}
        
    .box60 a:hover,
    .box60 a:active {
        background-position: 0 -75px;}
        
        div.box60 a img{
            position:relative;
            top:4px;
            left:-1px;}
            

/*******************************************
LMI Toolbox Buttons
*******************************************/            
#lmi_toolbox {
    margin: 0 0 0 10px;
    padding: 0;}

#lmi_toolbox li {
    margin: 0 10px 22px 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;}
    
    #lmi_toolbox img {
        height: 35px;
        width: 200px; }

.lmi_button {
    display: block;
    height: 35px;
    width: 200px;}
    
    .lmi_button span {
        position: absolute;
        left:-999px;}
    
    #lmi_1 {background: url(../images/logos/lmi_policycomparison.gif) top left no-repeat;}
    #lmi_2 {background: url(../images/logos/lmi_bicalculator.gif) top left no-repeat;}
    #lmi_3 {background: url(../images/logos/lmi_riskcoach.gif) top left no-repeat;}
    #lmi_4 {background: url(../images/logos/lmi_policycoach.gif) top left no-repeat;}
    #lmi_5 {background: url(../images/logos/lmi_continuitycoach.gif) top left no-repeat;}
    #lmi_6 {background: url(../images/logos/lmi_technical_and_claimadvice.gif) top left no-repeat;}  
    #lmi_7 {background: url(../images/logos/lmi_support_services.gif) top left no-repeat;}
    #lmi_8 {background: url(../images/logos/lmi_e_tools.gif) top left no-repeat;}    
      
    #lmi_toolbox a:hover {
        background-position: 0 -35px;}
   
 
/*******************************************
Policies Quicklist
*******************************************/  

#policiesQuicklist {
    width: 100%;
    z-index: 9;}
    
    #policiesQuicklist td {
        vertical-align: top;}
    
    #policiesQuicklist td a.policyIcon {
        background-color: #ccc;
        display: block;
        height: 144px; 
        width: 116px;
        margin: 0 auto;
        text-decoration: none;}
        
        
        #policiesQuicklist td a.policyIcon span {
            position: absolute;
            left:-999px;}
        
        #policiesQuicklist #tile_1 {background: url(../images/policy_business_pack.jpg) top left no-repeat;} 
        #policiesQuicklist #tile_2 {background: url(../images/policy_liability.jpg) top left no-repeat;} 
        #policiesQuicklist #tile_3 {background: url(../images/policy_isr.jpg) top left no-repeat;} 
        #policiesQuicklist #tile_4 {background: url(../images/policy_commercial_motor.jpg) top left no-repeat;} 
        #policiesQuicklist #tile_5 {background: url(../images/policy_home.jpg) top left no-repeat;} 
        #policiesQuicklist #tile_6 {background: url(../images/policy_private_motor.jpg) top left no-repeat;} 
                        
        #policiesQuicklist #tile_1:hover,
        #policiesQuicklist #tile_2:hover,
        #policiesQuicklist #tile_3:hover,
        #policiesQuicklist #tile_4:hover,
        #policiesQuicklist #tile_5:hover,
        #policiesQuicklist #tile_6:hover {background-position: 0 -143px;}
            

    .policyInsurers_up,
    .policyInsurers_down{
        /* The following properties are defined via JavaScript, 
           so items don't get hidden permanently if JS is disabled
            h.style.display = "none";
            h.style.position = "absolute";
            h.style.marginLeft = "45px"
        */
        z-index: 9;        
        width: 175px;
        min-height: 150px;
        border: 2px solid #c88533; 
        background-color: #ffffde;
        position: relative;}
    
    .policyInsurers_up {margin-top: -300px;}
        
        #ie6only .policyInsurers_up,
        #ie6only .policyInsurers_down{
            height: 150px;}
       
       .policyInsurers_up h2,
       .policyInsurers_down h2 {
            margin: 2px 4px;
            line-height: 16px;}
/* News */
.newsItem{
    margin-bottom:20px;}
    
    .newsDate{
        font-weight:bold;}
        
    .newsCategory{
        font-weight:bold;}
        
    .realContent .newsLink{
        color:#8C396D;}
    
    .newsLink{
        font-weight:bold;}
        
    .newsLink a:link, 
    .newsLink a:visited{
        color:#8C396D;}
        
    .newsLink a:focus, 
    .newsLink a:hover,
    .newsLink a:active{
        color:#06c;}
        
    .newsDescription{
        margin-left:10px;}

/* RSS */           
.rssItem{
    margin-bottom:20px;}
    
    .rssDate{
        font-weight:bold;}
        
    .rssCategory{
        font-weight:bold;}
        
    .rssLink{
        font-weight:bold;}
        
    .rssLink a:link, 
    .rssLink a:visited{
        color:#8C396D;
        font-weight:normal;}
        
    .rssLink a:focus, 
    .rssLink a:hover,
    .rssLink a:active{
        color:#06c;
        font-weight:normal;}
        
    .rssDescription{
        margin-left:20px;}
            
/*******************************************
CALENDAR
*******************************************/
.calDate {font-style:italic; font-size: 95%;}

/*******************************************
EASYMAIL STYLES
*******************************************/
.important {font-weight: bold; color: #ff0000;}

/*******************************************
FORMS STYLES
*******************************************/

.generalForm {
    background-color:#fff; 
    border-collapse:collapse;
    width: 100%;
    /*width: 720px;*/}
    
    #two_third .generalForm {
        width: 549px;}
    
    #fifty_fifty .generalForm {
        width: 439px;}
    
/*.aimsForms .generalForm {width: 920px;}*/

.generalForm td {
    font-size:11px; 
    line-height: 14px;
    padding:3px; 
    vertical-align:top; }

    
tr.formLine1Style {}
tr.formLine2Style {background: #eee;}

.formLabelStyle,
td.formLabelStyle {
    font-weight:bold; 
    font-size:12px;
    background-color:#fff; 
    color:#4B575F; 
    padding:20px 20px 20px 0; 
    width:100%}

.formPromptStyle,
td.formPromptStyle { 
    color:#4B575F; 
    font-size:11px;
    padding-right: 15px; 
    /*width:400px;*/}
    
#content_wf td.formPromptStyle {width: 400px;}

td.formDataStyle table {margin-bottom: 0;/*width: 400px;*/}

.formSubPromptStyle {
    font-weight:normal;
    color:#939A9F; }

.formErrorStyle {
    font-size:14px;
    font-weight:bold; 
    color:#B10427;} 

.formCommentStyle {
    font-style:italic; 
    font-weight:normal;
    color:#939A9F; }

.formInfoStyle {
    font-style:normal; 
    font-weight:normal; 
    color:#303030; }

td.formInfoStyle {
    font-style:normal; 
    font-weight:normal;
    color:#303030; 
    padding-bottom:30px; }
    
.generalForm input {}

.ui-autocomplete-input {
    border: 1px solid #ccc;
    background: url(../images/icons/magnifier.png) right center no-repeat;}

#label_field_13619,
#label_field_13631,
#label_field_13639,
#label_field_13853,
#label_field_17392,
#label_field_17396,
#label_field_17499 {
    font-weight: normal;
    font-size:11px;}

.customTable input[type=radio]:after {
    content: "<br>";
   }
    
.dataTable .formLine0Style {background-color: #fff;}  
.dataTable .formLine1Style {background-color: #eee;}  

table#aimsPolicyWordings {border:0;}

table#aimsPolicyWordings .pageHead    {
    background-color:#A8A8A8;
    font-weight:bold;}
    
table#aimsPolicyWordings .pageHead td    {color:#ffffff;}

table#aimsPolicyWordings .spacer    {
    background-color:#ffffff;
    height:10px;}
    
table#aimsPolicyWordings td {
    border:1px solid gray;
    padding:5px;
    border-right:0px;
    font-size:10px;}
    
table#aimsPolicyWordings td.lastcell {border-right:1px solid gray;}

table#aimsPolicyWordings .head {
    background-color:#D4D4D4;
    text-align:center;}
    
table#aimsPolicyWordings th {
    line-height: 12px;
    font-size: 10px;
    font-weight: normal;
    border:1px solid gray;
    padding:5px;
    border-right:0px;
    font-size:10px;
    white-space: nowrap;}    
    
table#aimsPolicyWordings .group {background-color:#D4D4D4;}

table#aimsPolicyWordings tr.result td    {border-bottom:0;}

table#aimsPolicyWordings .borderBottom    {
    height:1px;
    border-top:1px solid gray;
    border-left:0;
    border-bottom:0;
    padding:0;
    margin:0;}

/*******************************************
SEARCH RESULT STYLES
*******************************************/
th {text-align: left;}
td.highlight {}
td.highlight a:link,
td.highlight a:visited,
span.highlight {color: #B11544; font-weight: bold; text-decoration: underline;}
.highlight {color: #B11544;}
a img {vertical-align: middle;}

/*******************************************
WORKFLOW STYLES
*******************************************/
ul#workflowMenu {
    list-style: none;
    margin: 0; 
    padding: 0;
    background-color: #ccc;}
    
ul#workflowMenu li {
    display: inline;
    border-left: 1px solid #333;
    background-color: #ccc;}

ul#workflowMenu li:first-child {border-left: 0 none;}    

ul#workflowMenu li a {
    line-height: 24px;
    margin: 10px;}   
    
div.subForms,
div.attachments {
    color:#1A2D71;
    text-align: right;
    font-style: italic;}     

div.subForms hr,
div.attachments hr {
    margin:-5px 0;
    height: 1px;
    color:#1A2D71;
    background-color:#1A2D71;
    border-color:#1A2D71;}    



/*******************************************
SITEMAP STYLES
*******************************************/
    /*.siteMapSection{ 
        line-height:25px;
        background-repeat: no-repeat;
        color: #fff;
        padding: 0 5px 0 21px;
        background-image: url(../images/icons/toolbox_small.gif);
        background-color: #d87082; 
        font-weight:bold;}
    */
    #siteMapList_top {
        margin: 0;}
    
    #siteMapList_top li {
        list-style: none;
        line-height: 21px;}
    
    .siteMapSection {font-weight:bold;}
    
    .siteMapSection span {
        text-transform: uppercase;
        display: block;
        text-indent: 25px;
        line-height: 21px;
        background-repeat: repeat-y;
        background-color: #ccc;
        color: #fff;}
    
    .siteMapPage {font-weight: normal;}
    
    .siteMapList {
        margin-bottom: 5px;
        background-color: #fff;}
    

/*******************************************
COLOURS
*******************************************/
/*yellow design*/
        #yellow #firstHeading_stylised,
        #yellow #secondHeading_stylised {background-image: url(../images/borders/yellow/h1_background.gif);}
            
            #yellow #firstHeading_stylised h1,
            #yellow #secondHeading_stylised h2,
            #siteMapSection_20560 span  {background-color: #e5d55d;}
                
                #yellow #firstHeading_stylised span {color: #ffb}
                
        #yellow h1,
        #yellow h2,
        #yellow h3,
        #yellow #secondHeading_text,
        #yellow .prettymenu li a:focus,
        #yellow .prettymenu li a:hover,
        #yellow .prettymenu li a:active  {color: #CEAC00}
    
        #yellow .two_third #nav2_content {background-image:url(../images/borders/yellow/two_third_back.gif);}
        
        #yellow .fifty_fifty #nav2_content {background-image:url(../images/borders/yellow/fifty_fifty_back.gif);}
        
        #yellow .full_width #nav2_content {background-image:url(../images/borders/yellow/full_width_back.gif);}
            
        #yellow .prettymenu li,
        #siteMapSection_20560 span  {
            background-image:url(../images/icons/insurers_small.gif);}
        
/*red design*/
      
        #red #firstHeading_stylised,
        #red #secondHeading_stylised {background-image: url(../images/borders/red/h1_background.gif);}
            
            #red #firstHeading_stylised h1,
            #red #secondHeading_stylised h2,
            #siteMapSection_20561 span  {background-color: #d8707f;}
                
                #red #firstHeading_stylised span {color: #fdd;}
                
        #red h1,
        #red h2,
        #red h3,
        #red #secondHeading_text,
        #red .prettymenu li a:focus,
        #red .prettymenu li a:hover,
        #red .prettymenu li a:active {color: #B10427}


        #red .two_third #nav2_content {background-image:url(../images/borders/red/two_third_back.gif);}
        
        #red .fifty_fifty #nav2_content {background-image:url(../images/borders/red/fifty_fifty_back.gif);}
        
        #red .full_width #nav2_content {background-image:url(../images/borders/red/full_width_back.gif);}
            
        #red .prettymenu li,
        #siteMapSection_20561 span  {background-image:url(../images/icons/toolbox_small.gif);}

/*Green design*/
        #green #firstHeading_stylised,
        #green #secondHeading_stylised {background-image: url(../images/borders/green/h1_background.gif);}
            
            #green #firstHeading_stylised h1,
            #green #secondHeading_stylised h2,
            #siteMapSection_20562 span {background-color:#abcd41;}
                
                #green #firstHeading_stylised span {color: #deb}
                
        #green h1,
        #green h2,
        #green h3,
        #green #secondHeading_text,
        #green .prettymenu li a:focus,
        #green .prettymenu li a:hover,
        #green .prettymenu li a:active {color: #7A9C13}

        #green .two_third #nav2_content {background-image:url(../images/borders/green/two_third_back.gif);}
        
        #green .fifty_fifty #nav2_content {background-image:url(../images/borders/green/fifty_fifty_back.gif);}
        
        #green .full_width #nav2_content {background-image:url(../images/borders/green/full_width_back.gif);}
            
        #green .prettymenu li,
        #siteMapSection_20562 span {background-image:url(../images/icons/services_small.gif);}

/*orange design*/
        #orange #firstHeading_stylised,
        #orange #secondHeading_stylised  {background-image: url(../images/borders/orange/h1_background.gif);}
            
            #orange #firstHeading_stylised h1,
            #orange #secondHeading_stylised h2,
            #siteMapSection_20563 span {background-color:#d6b16f;}
                
                #orange #firstHeading_stylised span {color: #ffd}
                
        #orange h1,
        #orange h2,
        #orange h3,
        #orange #secondHeading_text,
        #orange .prettymenu li a:focus,
        #orange .prettymenu li a:hover,
        #orange .prettymenu li a:active {color: #C57D13}

        #orange .two_third  #nav2_content {background-image:url(../images/borders/orange/two_third_back.gif);}
        
        #orange .fifty_fifty #nav2_content {background-image:url(../images/borders/orange/fifty_fifty_back.gif);}
        
        #orange .full_width #nav2_content {background-image:url(../images/borders/orange/full_width_back.gif);}
            
        #orange .prettymenu li,
        #siteMapSection_20563 span {background-image:url(../images/icons/policies_small.gif);}

/*blue design*/
        #blue #firstHeading_stylised, 
        #blue #firstHeading_stylised_execs, #blue #firstHeading_stylised_juniors, #blue #firstHeading_stylised_bas, #blue #firstHeading_stylised_mgrs,
        #blue #secondHeading_stylised {background-image: url(../images/borders/blue/h1_background.gif);}
            
            #blue #firstHeading_stylised h1,
            #blue #secondHeading_stylised h2,
            #siteMapSection_20565 span {background-color:#6eb1ce;}
            
            #blue #firstHeading_stylised_execs h1 {background-color:#336699;}
            #blue #firstHeading_stylised_juniors h1 {background-color:#6699cc;}
            #blue #firstHeading_stylised_bas h1 {background-color:#3399cc;}
            #blue #firstHeading_stylised_mgrs h1 {background-color:#003366;}
                
                #blue #firstHeading_stylised span
                {color: #dff}
                
        #blue h1,
        #blue h2,
        #blue h3,
        #blue #secondHeading_text,
        #blue .prettymenu li a:focus,
        #blue .prettymenu li a:hover,
        #blue .prettymenu li a:active {color: #00649E}
    
        #blue .two_third #nav2_content {background-image:url(../images/borders/blue/two_third_back.gif);}
        
        #blue .fifty_fifty #nav2_content {background-image:url(../images/borders/blue/fifty_fifty_back.gif);}
        
        #blue .full_width #nav2_content {background-image:url(../images/borders/blue/full_width_back.gif);}
            
        #blue .prettymenu li,
        #siteMapSection_20565 span {background-image:url(../images/icons/training_small.gif);}

/*purple design*/
        #purple #firstHeading_stylised,
        #purple #secondHeading_stylised {background-image: url(../images/borders/purple/h1_background.gif);}
           
            #purple #firstHeading_stylised h1,
            #purple #secondHeading_stylised h2,
            #siteMapSection_20564 span {background-color:#b29fc8;}
                
                #purple #firstHeading_stylised span {color: #ddf}
    
        #purple h1,
        #purple h2,
        #purple h3,
        #purple #secondHeading_text,
        #purple .prettymenu li a:focus,
        #purple .prettymenu li a:hover,
        #purple .prettymenu li a:active {color: #6E6192}
        
        #purple .two_third #nav2_content {background-image:url(../images/borders/purple/two_third_back.gif);}
        
        #purple .fifty_fifty #nav2_content {background-image:url(../images/borders/purple/fifty_fifty_back.gif);}
        
        #purple .full_width #nav2_content {background-image:url(../images/borders/purple/full_width_back.gif);}
            
        #purple .prettymenu li,
        #siteMapSection_20564 span {background-image:url(../images/icons/pi_small.gif);}

/*pink design*/
        #pink #firstHeading_stylised,
        #pink #secondHeading_stylised {background-image: url(../images/borders/pink/h1_background.gif);}
            
            #pink #firstHeading_stylised h1,
            #pink #secondHeading_stylised h2,
            #siteMapSection_20566 span {background-color:#c58ba5;}
                
                #pink #firstHeading_stylised span {color: #fdd}
            
        #pink h1,
        #pink h2,
        #pink h3,
        #pink #secondHeading_text,
        #pink .prettymenu li a:focus,
        #pink .prettymenu li a:hover,
        #pink .prettymenu li a:active {color: #8C396D}
        
        #pink .two_third #nav2_content{background-image:url(../images/borders/pink/two_third_back.gif);}
        
        #pink .fifty_fifty #nav2_content{background-image:url(../images/borders/pink/fifty_fifty_back.gif);}
        
        #pink .full_width #nav2_content{background-image:url(../images/borders/pink/full_width_back.gif);}
            
        #pink .prettymenu li,
        #siteMapSection_20566 span {background-image:url(../images/icons/news_small.gif);}

/*teal design*/

        #teal #firstHeading_stylised,
        #teal #secondHeading_stylised {background-image: url(../images/borders/teal/h1_background.gif);}
            
            #teal #firstHeading_stylised h1,
            #teal #secondHeading_stylised h2,
                #siteMapSection_20567 span {background-color:#80bdb4;}
                
                #teal #firstHeading_stylised span {color: #dff}
                
        #teal h1,
        #teal h2,
        #teal h3,
        #teal #secondHeading_text,
        #teal .prettymenu li a:focus,
        #teal .prettymenu li a:hover,
        #teal .prettymenu li a:active {color: #007B69}
        
        #siteObjectId_20581 .firstHeading h1 {margin-bottom: 0;} /* so calendar doesn't have lots of white space between heading and iframe */

        #teal .two_third #nav2_content{background-image:url(../images/borders/teal/two_third_back.gif);}

        #teal .fifty_fifty #nav2_content{background-image:url(../images/borders/teal/fifty_fifty_back.gif);}
        
        #teal .full_width #nav2_content{background-image:url(../images/borders/teal/full_width_back.gif);}
            
        #teal .prettymenu li,
        #siteMapSection_20567 span {background-image:url(../images/icons/calendar_small.gif);}

/*grey design*/
    #grey #firstHeading_stylised,
    #grey #secondHeading_stylised {background-image: url(../images/borders/grey/h1_background.gif);}
        
        #grey #firstHeading_stylised h1,
        #grey #secondHeading_stylised h2,
        .siteMapSection span {background-color:#B8BCBF;}
            
            #grey #firstHeading_stylised span {color: #eee}
            
        #grey h1,
        #grey h2,
        #grey h3,
        #grey #secondHeading_text{color: #4B575F;}
        #grey .prettymenu li a:focus,
        #grey .prettymenu li a:hover,
        #grey .prettymenu li a:active{color: #939A9F;} 
    
        #grey .two_third #nav2_content{background-image:url(../images/borders/grey/two_third_back.gif);}
        
        #grey .fifty_fifty #nav2_content{background-image:url(../images/borders/grey/fifty_fifty_back.gif);}
        
        #grey .full_width #nav2_content{background-image:url(../images/borders/grey/full_width_back.gif);}
        
        #grey .prettymenu li,
        .siteMapSection span {background-image:url(../images/icons/generic_small.gif);}
         
.printOnly {
  display: none;}         
  
.foundTerm {background-color: #e6d55d;}  
  
.clearboth {clear: both;}  
.clearleft {clear: left;}    
.clearright {clear: right;}  


/* TRAINING */

.trainingItem {
    position: relative;
    padding: 5px;
    border: 2px solid #00649e;
    margin-bottom: 18px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../css/PIE.htc); /* For IE lte 8 to show rounded corners */
    min-height: 120px;}
    
    /*.trainingItem h2 {float: left;}
    .trainingItem h3 {clear: left;} */
    
    .trainingProviderLogo {float: right;}  
    
        /*.trainingProviderLogo img {
            float: right;
            width: 50%;
            height: 50%;} */

#nodeco a{
    text-decoration:none;
}
/*../images/icons/training_active.jpg*/
#nodeco table{
    width:100%;
    text-align:center;
}

#nodeco a img{
    width:110px;
    height:138px;
}

a #tm_sl_juniors{
    background-image:url(../images/icons/training_main_trainee_off.jpg)
}
a #tm_sl_bas{
    background-image:url(../images/icons/training_main_assistant_off.jpg)
} 
a #tm_sl_execs{
    background-image:url(../images/icons/training_main_exec_off.jpg)
} 
a #tm_sl_mgrs{
    background-image:url(../images/icons/training_main_principle_off.jpg)
}
a #tm_sl_video{
    background-image:url(../images/icons/training_main_video_off.jpg)
}
a #tm_type_prod_juniors, a #tm_type_prod_bas, a #tm_type_prod_execs, a #tm_type_prod_mgrs{
    background-image:url(../images/icons/training_menu_product_off.jpg)
} 
a #tm_type_qual_juniors, a #tm_type_qual_bas, a #tm_type_qual_execs, a #tm_type_qual_mgrs{
    background-image:url(../images/icons/training_menu_qualifications_off.jpg)
} 
a #tm_type_soft_juniors, a #tm_type_soft_bas, a #tm_type_soft_execs, a #tm_type_soft_mgrs{
    background-image:url(../images/icons/training_menu_softskills_off.jpg)
}
a #tm_type_tech_juniors, a #tm_type_tech_bas, a #tm_type_tech_execs, a #tm_type_tech_mgrs {
    background-image:url(../images/icons/training_menu_technical_off.jpg);
}

.activetype a #tm_sl_juniors,
a:hover #tm_sl_juniors{
    background-image:url(../images/icons/training_main_trainee_on.jpg)
}
.activetype a #tm_sl_bas,
a:hover #tm_sl_bas{
    background-image:url(../images/icons/training_main_assistant_on.jpg)
} 
.activetype a #tm_sl_execs,
a:hover #tm_sl_execs{
    background-image:url(../images/icons/training_main_exec_on.jpg)
} 
.activetype a #tm_sl_mgrs,
a:hover #tm_sl_mgrs{
    background-image:url(../images/icons/training_main_principle_on.jpg)
}
.activetype a #tm_sl_video,
a:hover #tm_sl_video{
    background-image:url(../images/icons/training_main_video_on.jpg)
}

.activetype a #tm_type_prod_juniors, a:hover #tm_type_prod_juniors{
    background-image:url(../images/icons/training_menu_product_on_junior.jpg)
} 
.activetype a #tm_type_qual_juniors, a:hover #tm_type_qual_juniors{
    background-image:url(../images/icons/training_menu_qualifications_on_junior.jpg)
} 
.activetype a #tm_type_soft_juniors, a:hover #tm_type_soft_juniors{
    background-image:url(../images/icons/training_menu_softskills_on_junior.jpg)
}
.activetype a #tm_type_tech_juniors, a:hover #tm_type_tech_juniors{
    background-image:url(../images/icons/training_menu_technical_on_junior.jpg);
}

.activetype a #tm_type_prod_bas, a:hover #tm_type_prod_bas{
    background-image:url(../images/icons/training_menu_product_on_bas.jpg)
} 
.activetype a #tm_type_qual_bas, a:hover #tm_type_qual_bas{
    background-image:url(../images/icons/training_menu_qualifications_on_bas.jpg)
} 
.activetype a #tm_type_soft_bas, a:hover #tm_type_soft_bas{
    background-image:url(../images/icons/training_menu_softskills_on_bas.jpg)
}
.activetype a #tm_type_tech_bas, a:hover #tm_type_tech_bas{
    background-image:url(../images/icons/training_menu_technical_on_bas.jpg);
}

.activetype a #tm_type_prod_execs, a:hover #tm_type_prod_execs{
    background-image:url(../images/icons/training_menu_product_on.jpg)
} 
.activetype a #tm_type_qual_execs, a:hover #tm_type_qual_execs{
    background-image:url(../images/icons/training_menu_qualifications_on.jpg)
} 
.activetype a #tm_type_soft_execs, a:hover #tm_type_soft_execs{
    background-image:url(../images/icons/training_menu_softskills_on.jpg)
}
.activetype a #tm_type_tech_execs, a:hover #tm_type_tech_execs{
    background-image:url(../images/icons/training_menu_technical_on.jpg);
}

.activetype a #tm_type_prod_mgrs, a:hover #tm_type_prod_mgrs{
    background-image:url(../images/icons/training_menu_product_on_mgrs.jpg)
} 
.activetype a #tm_type_qual_mgrs, a:hover #tm_type_qual_mgrs{
    background-image:url(../images/icons/training_menu_qualifications_on_mgrs.jpg)
} 
.activetype a #tm_type_soft_mgrs, a:hover #tm_type_soft_mgrs{
    background-image:url(../images/icons/training_menu_softskills_on_mgrs.jpg)
}
.activetype a #tm_type_tech_mgrs, a:hover #tm_type_tech_mgrs{
    background-image:url(../images/icons/training_menu_technical_on_mgrs.jpg);
}