﻿
#site_container {
width: 994px;
margin:0px auto;
z-index: 0;
}

#main_container {
width: 994px;
text-align: left;
}

#header 
{
width:994px;
border: 0px solid pink;
}



#logo 
{
margin:0px 0px 0px 0px;
border: 0px solid #000;	
display: block;
float:left;
width:670px;
border: 0px solid #ff0000;
}


#tag_cloud
{
    border: 0px solid #000;	
    display: block;
    float:right;
    width:320px;
    display: table-cell;
    text-align: center;
}

#tag_cloud p 
{
width:320px;

margin: 0px;
padding: 0px;
padding-bottom: 5px;
border: 0px solid #ff0000;
}

#tag_cloud a
{
font-weight: normal;
color: #868582;
font-size: 105%;
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
border: 0px solid #000;
}

#tag_cloud a.TagCloud_Std
{
}
#tag_cloud a.TagCloud_Std_LineBreak
{
}

#tag_cloud a.TagCloud_StdBold
{
    font-weight: bold;
}
#tag_cloud a.TagCloud_StdBold_LineBreak
{
    font-weight: bold;
}

#tag_cloud a.TagCloud_Large
{
     font-size: 115%;
     font-weight: bold;
}
#tag_cloud a.TagCloud_Large_LineBreak
{
     font-size: 115%;
     font-weight: bold;
}




#main_nav 
{
    border: 0px solid #ff0000;
    display:block;
    clear:both;
}


#main_nav .txtSearch
{
   width:150px;
   height:21px;
   float:left; 
   border:0px;
   margin-left:35px;
   margin-top:0px;
   border: 1px solid #c0c0c0;
}


#main_nav .nav_bar {
	width:100%;
	height:11px;	
	background-image:url("/images/nav/bar_silver.gif");
	background-repeat:no-repeat;
	background-position: top;
	clear:both;
	display:block;
	border: 0px solid #000;
	margin-top: 0px;
}
#main_nav .nav_bar_info {
	width:100%;
	height:30px;
	background-image:url("/images/nav/bar_info.gif");
	background-repeat:no-repeat;
	clear:both;
}


#main_nav ul.main_nav {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
border: 0px solid pink;
padding-left:198px;
}


#main_nav ul.main_nav li {
display: block;
float: left;
margin-right: 2px;
margin-bottom: -2px;
padding: 0px 0px 0px 0px; 
width: 105px;
border: 0px solid pink;
}


#main_nav ul.main_nav li a 
{
display: block;
position: relative;
text-align: center;
height: 26px;
padding: 4px 6px 0px 0px; 
margin:0px 0px 0px 0px; 
background-image: url(/images/nav/nav_HK_centre.jpg);
background-position: top right;
background-repeat: no-repeat;
font-size: 105%;
color: #0069AA;
font-weight: bold;
text-decoration: none;
border: 0px solid green;
}

#main_nav ul.main_nav li a span.tl 
{
display: block;
position: relative;
float:left;
width: 7px;
height: 26px;
padding:0px 0px 0px 0px;
margin:-4px 0px 0px 0px;
background-image: url(/images/nav/nav_HK_left.jpg);
background-position: top left;
background-repeat: no-repeat;
border: 0px solid #000;
}


#main_nav ul.main_nav li a:hover  {
background-image: url(/images/nav/nav_HK_centre_rollover.jpg);
background-position: top right;
color: #ffffff;
}

#main_nav ul.main_nav li.selected a  {
background-image: url(/images/nav/nav_HK_centre_rollover.jpg);
background-position: top right;
color: #ffffff;
}

#main_nav ul.main_nav li a:hover span.tl {
background-image: url(/images/nav/nav_HK_left_rollover.jpg);
}

#main_nav ul.main_nav li.selected a span.tl {
background-image: url(/images/nav/nav_HK_left_rollover.jpg);
}



#main_area {
float: left;
width: 994px;
margin-top: 1px;
position: relative;
padding-bottom: 0px
}


#main_area div.main_area_bl {
position: absolute;
clear: both;
bottom: 0px;
left: 0px;
height: 20px;
width: 194px;
}


#right_col {
width: 795px;
float: right;
position: relative;
padding: 0px;
margin: 0px;
}

#right_col_banner {
width: 795px;
display:block;
padding: 0px;
margin: 0px;
margin-top: 0px;
border: 0px solid #000;	

position:relative;

}

#right_col_banner #button
{
position:absolute;
top:125px;
left:310px;
}


#right_col_banner img 
{
padding:0px;
margin-left:-3px;
margin-right:-3px;
border: none;
float: left;
}
html>body #right_col_banner img 
{
padding:0px;
margin:0px;
}

#right_col_banner div.banner_message  {
float: right;
width: 209px;
border-left: 0px solid #ffffff;
height: 190px;
background-color: #39a84a;
padding-left: 15px;
padding-right: 15px;
}

html>body #right_col_banner div.banner_message  {
width: 179px;
height: auto;
height: 190px;

}


#right_col_banner div.banner_message p {
color: #ffffff;
font-size: 100%;
font-weight: normal;
margin-top: 7px;
padding-bottom: 0px;
padding:0px;
}
#right_col_banner div.banner_message h4 {
color: #ffffff;
font-size: 170%;
font-weight: lighter;
margin-top: 15px;
margin-bottom: 0px;
}

#right_col_banner div.banner_message a {
color: #ffffff;
}


#right_col_banner div.banner_message.SectionHouseKeeping
{
background-color: #0076C0;
}
#right_col_banner div.banner_message.SectionLeftNavigation
{
background-color: #0069AA;
}
#right_col_banner div.banner_message.SectionHomepageDarkBlue
{
background-color: #005288;
}
#right_col_banner div.banner_message.SectionHomepageRed
{
background-color: #e31b23;
}
#right_col_banner div.banner_message.SectionHomepageYellow
{
background-color: #f1cb22;
}
#right_col_banner div.banner_message.SectionHomepageOrange
{
background-color: #f0881d;
}
#right_col_banner div.banner_message.SectionHomepageGreen
{
background-color: #00A94F;
}
#right_col_banner div.banner_message.SectionHomepageLightGreen
{
background-color: #c1ce2f;
}
#right_col_banner div.banner_message.SectionForumGrey
{
background-color: #A29A93;
}





#breadcrumb_ticker  {
float: right;
width: 795px;
height: 19px;
background-color: #eeeeee;
margin-top: 13px;
color:#656668;
display: block;
margin: 0px;
padding: 0px;
padding-bottom: 0px;
}


html>body #breadcrumb_ticker {
margin-top: 3px;
}

#breadcrumb_ticker p {
margin: 0px;
padding: 0px;
}

#breadcrumb_ticker a 
{
margin: 0px;
padding: 0px;
text-decoration:none;
border:0px;
color:#656668;
}

#breadcrumb_ticker a:hover {
text-decoration: underline;
}



/* content_area */

#content_area {
width: 586px;

padding-left: 0px;
padding-right: 10px;
float: left;
position: relative;
border: 0px solid #000;
}


html>body #content_area {
    width: 576px;
}


#content_area.full_width
{
    width:100%;
    padding:none;
}

#content_area div.content_features {
margin-bottom: 15px;
padding-bottom: 5px;
margin-top: 10px;
float: left;
width: 576px;
}

#content_area #our_people_container div.content_features 
{
margin-bottom: 0px;
margin-top: 5px;
width: 787px;
}

html>body #content_area #our_people_container div.content_features {
    width: 795px;
}


#content_area div.content_features.no_dotted_border {
border-top: none;
margin-top: 0px;
padding-top: 0px;
}

#content_area div.content_features div.item {
width: 576px;
float: left;
padding: 0px;
padding-top: 0px;
padding-bottom: 10px;
border-bottom: 1px dotted #0069AA;
}

#content_area #our_people_container div.content_features div.item {
width: 390px;
float: left;

}

#content_area #our_people_container div.content_features div.rhs {
margin-left:4px;
}

html>body #content_area #our_people_container div.content_features div.rhs {
margin-left:15px;
}

#content_area div.content_features div.embed_block {
padding-top: 15px;
width:355px;
position:relative;
left:20%;
border: 0px solid #ff0000;
}


/* HOME TWEAK */
#content_area div.content_features.home div.item {
width: 141px;
border: 0px solid #ff0000;
margin-right:1px;
}
html>body #content_area div.content_features.home div.item 
{
margin-right:3px;
}


#content_area div.content_features.home div.item.last {
border: 0px solid #000;
margin-right:0px;
}


#content_area div.content_features h2 
{
display: block;
padding:0px;
margin:0px;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 15px;
border: 0px solid #000
}

#content_area div.content_features div.item.grey h2 {
color: #666668;
}
/* HOME TWEAK */
#content_area div.content_features.home h2 
{
color: #666668;
}


#content_area div.content_features h3 
{
width: 572px;
display: block;
clear:right;
}
#content_area div.content_features.home h3 
{
margin-bottom: 4px;
}

#content_area div.content_features div.item p 
{
display:block;
clear:right;
font-size: 110%;
font-weight: normal;
border: 0px solid #000;
margin-top: 0px;
margin-bottom: 15px;
}

#content_area div.content_features div.item img {
display: block;
float: left;
clear: left;
margin-left: 0px;
margin-right: 15px;
border: 0px solid #ff0000
}
html>body #content_area div.content_features.home div.item img 
{
margin:0px;
margin-bottom:10px;
display: block;
float: left;
}

/* HOME TWEAK */
#content_area div.content_features.home div.item img 
{
    margin:0px;
    margin-left:-2px;
    margin-right:-2px;
    margin-bottom:10px;
}

#content_area div.content_features div.item .align_left 
{
    display: block;
    clear: left;
    float:left;
    border: 0px solid #000;    
}


#content_area div.content_features div.item .align_right 
{
    display: block;
    float:right;
    clear: right;
    width: 421px;
}


/* HOME TWEAK */
#content_area div.content_features.home div.item p {
font-size: 90%;
border: 0px solid #000;
}

#content_area div.content_features div.item.grey {
border-top: 1px dotted #b9b9b9;
border-bottom: 1px dotted #b9b9b9;
margin-top: 20px;
margin-bottom: 0px;
}

#content_area #our_people_container div.content_features div.item.grey {
border-top: 1px dotted #b9b9b9;
border-bottom: 1px dotted #b9b9b9;
margin-top: 20px;
margin-bottom: 0px;
}


/*  success stories*/
#content_area div.content_features div.item.success 
{
    border-bottom: none;
}

#content_area div.content_features div.item.success div.image {
    width: 70px;
    position:relative !important;
    display: block;
    float: left;
    clear: left;
    margin: 0px;
    text-align: center;
}

#content_area div.content_features div.item.success div.image img {
	margin: auto;
    float: none;
}

#content_area #our_people_container div.content_features div.item.greyblock div.image {
    width: 140px;
    position:relative !important;
    display: block;
    float: left;
    margin: 0px;
    text-align: center;
   	background-repeat:no-repeat;
	background-position: top;
	padding: 10,10;	
}


/*elements added for new our page layout*/
.clear 
{
    width:100%;
    clear:both;
    line-height:1px;
}

#content_area #our_people_container div.content_features div.item.greyblock div.image img 
{    
    margin: auto;
    float: left;
    padding:10px 0 0 14px;
}

.our_text
{
    padding: 5px 10px;
    float:left;
    width:210px;
    clear:right;
}

.our_text h4, span.contact_highlight
{
    color:#0069AA;
    font-weight:bold;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
}


.our_contact_details
{
    display:block;
    margin-top:5px;
    padding:4px 0px 0px 14px;
    
 }
 
.our_contact_details p
{
    display:block;
}

#blue_space div.item_top 
{    
    background-image: url(/images/blocks/LNG_1.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 10px 5px 0px 0px;     
}
#blue_space div.item_content
{
    background-image: url(/images/blocks/LNG_2.jpg);
    background-position: top left;
    background-repeat: repeat-y;
    font-size:100%;
    margin-top: 0px;
    padding: 0px 0px 0px 10px;     
}

#blue_space div.item_base
{
    background-image: url(/images/blocks/LNG_4.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding: 10px 5px 0px 0px;
    margin-bottom: 15px;     
}

/*end of elements added for new our page layout*/




#content_area div.content_features div.item.success div.content {
    display: block;
    float: left;
    clear: right;
    margin: 0px;
}

#content_area div.content_features div.item.success div.content div.caption {
display:block;
float:left;
margin:0 0 0 20px;
position:relative !important;
width:50px;
}
#content_area div.content_features div.item.success div.content div.caption p {
color:#656668;
font-size:115%;
font-weight:bold;
margin:0px 0;
}



#content_area div.content_features div.item.success div.content div.value {
clear:right;
display:block;
float:left;
margin:0 0 0 25px;
position:relative !important;
width:410px;
}
#content_area div.content_features div.item.success div.content div.value h3 {
color:#656668;
font-size:115%;
font-weight:bold;
margin:0px 0;
width:407px;
}
#content_area div.content_features div.item.success div.content div.value.blue h3 {
color:#0069AA;
}
#content_area div.content_features div.item.success div.content div.value h3 a {
font-weight:normal;
}


#content_area div.content_features div.item.success div.item_base {
clear:both;
display:block;
height:1px;
width:100%;
}



/* new grey bordered inpage highlight item */
#content_area div.content_features div.item.greyblock {
margin-top: 25px;
margin-bottom: 0px;
padding-bottom: 0px;
background-image: url(/images/blocks/CHB_1.jpg);
background-position: top left;
background-repeat: no-repeat;
border-bottom: none;
}

/* new grey bordered inpage highlight item */
#content_area #our_people_container div.content_features div.item.greyblock {

background-image: url(/images/blocks/CHB_1_sbs.jpg);
margin-top:10px;
}

#content_area div.content_features div.item.first {
margin-top: 0px;
}

#content_area div.content_features.no_dotted_border div.item.greyblock.horizontal {
border-top: none;
margin-top: 0px;
padding-top: 0px;
}


#content_area div.content_features div.item.greyblock h2 
{
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-bottom: 0px;
height: 29px;
background-image: url(/images/blocks/CHB_2.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#content_area #our_people_container div.content_features div.item.greyblock h2 
{

background-image: url(/images/blocks/CHB_2_sbs.jpg);
width:390px;
}


#content_area div.content_features div.item.greyblock h3 
{
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-top: 7px;
margin-bottom: 0px;
font-size: 115%;
font-weight: bold;
height: 29px;
background-image: url(/images/blocks/CHB_2.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#0069AA;
}

#content_area #our_people_container div.content_features div.item.greyblock h3 
{
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-top: 7px;
margin-bottom: 0px;
font-size: 115%;
font-weight: bold;
height: 29px;
background-image: url(/images/blocks/CHB_2_sbs.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#0069AA;
width: 390px;
}




#content_area div.content_features div.item.greyblock h3 
{
}



#content_area div.content_features div.item.greyblock p 
{
display:block !important;
font-weight: normal;
border: 0px solid #000;
padding-top: 15px;
margin-bottom: 0px;
padding-left: 14px;
margin-right: 17px;
padding-bottom: 1px;
}



#content_area div.content_features div.item.greyblock h4 
{
padding-left: 14px;
padding-right: 17px;
}


#content_area div.content_features div.item.greyblock.horizontal div.content ul 
{
width: 560px;
margin-left: 10px;
margin-bottom: -5px;
display: block;
border: 0px solid #000;
}


#content_area div.content_features div.item.greyblock.horizontal div.content ul li 
{
width: 525px;
border: 0px solid #000;
}


#content_area div.content_features div.item.greyblock div.content {
background-image: url(/images/blocks/CHB_3.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-top: 7px;
}

#content_area #our_people_container div.content_features div.item.greyblock div.content 
{
background-position: top left;
background-repeat: repeat;    
background-image: url(/images/blocks/CHB_3_horizontal_sbs.jpg);
width:390px;
}

#content_area div.content_features div.item.greyblock.horizontal div.content {
background-image: url(/images/blocks/CHB_3_horizontal.jpg);
background-position: top left;
background-repeat: repeat;
border: 0px solid #ff0000;
width: 574px;
}

#content_area #our_people_container div.item ul 
{
    display: block;
    clear:right;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 13px;
    margin-right: 0px;
    padding: 0px;
    list-style-type:none;
    color:#656668;   
}
#content_area #our_people_container div.item ul li 
{
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    padding-left: 15px;
    background-image:none;
    font-weight:normal;
    background-image: url(/images/blocks/bullet_hyphen.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#content_area div.content_features div.item.greyblock div.item_base {
background-image: url(/images/blocks/CHB_4.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 15px;
padding: 0px;
margin: 0px;
width: 576px;
}

#content_area #our_people_container div.content_features div.item.greyblock div.item_base {
background-image: url(/images/blocks/CHB_4_horizontal_sbs.jpg);
width: 390px;
height:20px;

}

#content_area div.content_features div.item.greyblock.horizontal div.item_base {
background-image: url(/images/blocks/CHB_4_horizontal.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 19px;
padding: 0px;
margin: 0px;
width: 576px;
}



#content_area div.content_features div.item p a  {
}
#content_area div.content_features div.item p a:hover  {
text-decoration: underline;
}

#content_area div.content_features div.item p a.AskAQuestion
{
clear:left;
}
#content_area div.content_features div.item p a.AskAQuestion:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.BlueMoreInformationArrow
{
clear:left;
}
#content_area div.content_features div.item p a.BlueMoreInformationArrow:hover  {
text-decoration: none;
}

#content_area div.content_features div.itemp a.BlogArrow
{
clear:left;
}
#content_area div.content_features div.item p a.BlogArrow:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.CallToday
{
clear:left;
}
#content_area div.content_features div.item p a.CallToday:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.ContactUsNow
{
clear:left;
}
#content_area div.content_features div.item p a.ContactUsNow:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.ContactDetails
{
clear:left;
}
#content_area div.content_features div.item p a.ContactDetails:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.EmailSomeoneDirectly
{
clear:left;
}
/* we do want underline hover behaviour for a.EmailSomeoneDirectly:hover */

#content_area div.content_features div.item p a.EmailUsNow
{
clear:left;
}
#content_area div.content_features div.item p a.EmailUsNow:hover  {
text-decoration: none;
}


#content_area div.content_features div.item p a.FindOutMore
{
clear:left;
}
#content_area div.content_features div.item p a.FindOutMore:hover  {
text-decoration: none;
}

#content_area div.content_features div.item p a.ReduceCosts
{
clear:left;
}
#content_area div.content_features div.item p a.ReduceCosts:hover  {
text-decoration: none;
}


#content_area div.content_features div.item p a.RequestBulletin
{
    clear:left;
}
#content_area div.content_features div.item p a.RequestBulletin:hover  {
text-decoration: none;
}


#content_area div.content_features div.item p a.SeeAllSeminars
{
clear:left;
}
#content_area div.content_features div.item p a.SeeAllSeminars:hover  {
text-decoration: none;
}


#content_area div.content_features div.item p a.TalkToSteve
{
clear:left;
}
#content_area div.content_features div.item p a.TalkToSteve:hover  {
text-decoration: none;
}



#content_area ul 
{
display: block;
margin: 0px;
margin-top: 10px;
margin-left: 0px;
margin-bottom: 15px;
padding: 0px;
list-style-type: none;
color:#0069AA;
font-weight: bold;
font-size: 105%;
border: 0px solid #000;
}


#content_area ul li 
{
width:100%;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
padding-left: 25px;
background-image: url(/images/blocks/bullet.jpg);
background-repeat: no-repeat;
background-position: top left;
border: 0px solid #ff0000;
}
html>body #content_area  ul li
{
width: auto;
min-width: 150px;
margin-left: 2px;
}


/* HOME TWEAK */
#content_area ul.home 
{
margin: 0px;
padding: 0px;
margin: 7px 0px 20px 0px;
list-style-type: none;    
font-size:113%;
font-weight: bold;
color:#848587;  
border: 0px solid #000;
}

#content_area ul.home li 
{
margin: 0px;
margin-bottom: 2px;
padding: 0px;        
background-image: none    
}
html>body #content_area ul.home li
{
     margin-left: 0px;
}


#content_area ul.home li a  {
color:#848587;
padding-left: 38px;
padding-bottom: 5px;
padding-top: 4px;
display: block;
background-image: url(/images/blocks/bullet_home_tick_off.jpg);
background-position: top left;
background-repeat: no-repeat;
font-weight: bold;
}


#content_area ul.home li a:hover  {
    text-decoration: underline;
    background-image: url(/images/blocks/bullet_home_cross.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#content_area ul.hometick 
{
margin: 0px;
padding: 0px;
margin: 7px 0px 20px 0px;
list-style-type: none;    
font-size:113%;
font-weight: bold;
color: #848587;  
border: 0px solid #000;
}

#content_area ul.hometick li 
{
color: #848587;
display: block;
padding-left: 38px;    
padding-bottom: 5px;
padding-top: 4px;  
background-image: url(/images/blocks/bullet_home_tick.jpg);
background-position: top left;
background-repeat: no-repeat;    
}
html>body #content_area ul.hometick li
{
    
}

#content_area ul.hometick li a  {
color:#848587;
}

#content_area ul.hometick li a:hover  {
text-decoration: underline;
}




/* +++  */

#left_col {
width: 197px;
float: left;
border: 0px solid #000;
}

#left_col ul {
list-style-type: none;
padding: 0px;
margin: 0px;
padding-bottom: 0px;
}


#left_col ul li {
display:block;
margin:0px;
padding:0px;
font-size: 130%;
font-weight: bold;
}

#left_col ul li.blog {
background-image: url(/images/blog.jpg);
background-repeat: no-repeat;
background-position: bottom right;
margin-right:18px
}


#left_col ul li a {
padding: 0px;
padding-right: 2px;
padding-bottom: 4px;
padding-top: 4px;
display: block;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #b9b9b9;
width: 170px;
color: #0069AA;
}

#left_col ul li a:hover {
color: #a5a4a2;
}

#left_col ul li.selected a {
border: none;
}

#left_col ul li ul.sub_nav {
margin: 0px;
padding: 0px;
border: none;
list-style-type: none;
border-top: 1px dotted #b9b9b9;
width: 170px;
}

#left_col ul li ul.sub_nav li {
border: none;
display: block;
font-size: 80%;
font-weight: bold;
font-family: arial, verdana, Helvetica, sans-serif;
}

#left_col ul li ul.sub_nav li a {
padding-left: 0px;
color: #868582;
border-bottom: 1px dotted #b9b9b9;
}


#left_col ul li ul.sub_nav li a:hover {
color: #0069AA;
}

#left_col ul li ul.sub_nav li.selected a {
color: #0069AA;
border: none;
}


/* 3rd level */

#left_col ul li ul.sub_nav li ul.sub_nav
{    
}

#left_col ul li ul.sub_nav li ul.sub_nav li
{
}

#left_col ul li ul.sub_nav li ul.sub_nav li a {
padding-left: 20px;
color: #a5a4a2;
font-size: 115%;
font-weight: bold;
border-bottom: 1px dotted #b9b9b9;
}
html>body #left_col ul li ul.sub_nav li ul.sub_nav li a 
{
    width: 155px;
    font-size: 120%;
}

#left_col ul li ul.sub_nav li ul.sub_nav li a:hover {
color:#656668;
font-weight: bolder;
background-image: url(/images/blocks/bullet.jpg);
background-repeat: no-repeat;
background-position: center left;
}

#left_col ul li ul.sub_nav li ul.sub_nav li.selected a {
color:#656668;
font-weight: bolder;
}


/* 4th level */

#left_col ul li ul.sub_nav li ul.sub_nav li ul.sub_nav
{    
}

#left_col ul li ul.sub_nav li ul.sub_nav li li ul.sub_nav li
{
}

#left_col ul li ul.sub_nav li ul.sub_nav li ul.sub_nav li a {
padding-left: 40px;
color: #a5a4a2;
font-size: 145%;
font-weight: bold;
border-bottom: 1px dotted #b9b9b9;
}
html>body #left_col ul li ul.sub_nav li ul.sub_nav li ul.sub_nav li a 
{
    width: 135px;
  font-size: 150%;
}

#left_col ul li ul.sub_nav li ul.sub_nav li ul.sub_nav li a:hover {
color:#656668;
font-weight: bolder;
background-image: url(/images/blocks/bullet.jpg);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px dotted #b9b9b9;
}

#left_col ul li ul.sub_nav li ul.sub_nav li ul.sub_nav li.selected a {
color:#656668;
font-weight: bolder;
}


/* +++  */

#right_features {
width: 208px;
float: left;
position: relative;
color: #000000;
border: 0px solid #000;
margin-top:15px;
}

#right_features div.item {
width: 208px;
margin-bottom: 10px;
float: left;
}

#right_features div.item div.content {
padding: 0px;
margin: 0px;
margin-top: 8px;
width: 208px;
float: left;
}

html>body #right_features div.item div.content {
width: 208px;
}


#right_features div.item div.item_base {
float: left;
width: 208px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px solid #000
}

/* lighter weighting again here */

#right_features div.item h3 
{
width: 205px;
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-bottom: 14px;
font-size: 115%;
font-weight: bold;
height: 27px;
border: 0px solid #000;
background-image: url(/images/blocks/RHS_box_2.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#0069AA;
border: 0px solid #000
}


#right_features div.item #twtr-overload h3 
{
height:30px;
color:#02A8DC;
background:#0069AA; 
}

html>body #right_features div.item h3 
{
width: 191px;
}

#right_features div.item h4 
{
width: 205px;
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-bottom: 5px;
font-size: 115%;
font-weight: bold;

color:#0069AA;
}
html>body #right_features div.item h4
{
    width: 191px;
}

#right_features div.item p  {
margin: 0px;
padding: 14px;
padding-top: 0px;

padding-bottom: 15px;
border:0px solid #000
}

#right_features div.item img  {
margin: 13px;
margin-top: 10px;
margin-bottom: 10px;
}
#right_features div.item p img  {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}


#right_features div.item p a  {
color: #1aa1ce;
}

#right_features div.item p a:hover  {
text-decoration: underline;
}


#right_features div.item p a.FindOutMore
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_findoutmore.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #right_features div.item p a.FindOutMore 
{
width:136px;
border: 0px solid green;
}
#right_features div.item p a.FindOutMore:hover  {
text-decoration: none;
}



#right_features div.item p a.EmailUsNow
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_emailusnow.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #right_features div.item p a.EmailUsNow 
{
border: 0px solid green;
}
#right_features div.item p a.EmailUsNow:hover  {
text-decoration: none;
}


#right_features div.item p a.AskAQuestion
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_askaquestion.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #right_features div.item p a.AskAQuestion 
{
border: 0px solid green;
}
#right_features div.item p a.AskAQuestion:hover  {
text-decoration: none;
}


#right_features div.item p a.ContactDetails
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_contactdetails.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #right_features div.item p a.ContactDetails 
{
border: 0px solid green;
}
#right_features div.item p a.ContactDetails:hover  {
text-decoration: none;
}


#right_features div.item ul 
{
width: 165px;
display: block;
margin: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 13px;
margin-right: 15px;
padding: 0px;
list-style-type: none ;
color:#656668;
}
html>body #right_features div.item ul 
{

}

#right_features div.item ul li 
{
width: 160px;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
padding-left: 15px;
background-image: url(/images/blocks/bullet_hyphen.gif);
background-repeat: no-repeat;
background-position: top left;
}
html>body #right_features div.item ul li
{
    margin-left: 0px;
}

#right_features div.item {
background-image: url(/images/blocks/RHS_box_1.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#right_features div div.content {
background-image: url(/images/blocks/RHS_box_3.jpg);
background-position: bottom left;
background-repeat: repeat;
border: 0px solid #000;
}

#right_features div.noarrow div.content {
background-image: url(/images/blocks/RHS_box_3_noarrow.jpg);
background-position: bottom left;
background-repeat: repeat;
border: 0px solid #000;
}

#right_features div.grey div.content {
background-image: url(/images/blocks/RHS_box_3_grey.jpg);
background-position: top left;
background-repeat: repeat;
border: 0px solid #000;
}

#right_features div div.item_base {
background-image: url(/images/blocks/RHS_box_4.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#base_bar 
{
width: 795px;
float: left;
clear: left;
padding-top: 10px;
margin-bottom:30px;
padding-left: 197px;	
border-top: 1px dotted #b9b9b9;
padding-bottom: 0px;
font-size: 90%;
color:#000000;
}

#base_bar ul {
margin: 0px;
margin-top: 4px;
padding: 0px;
list-style-type: none;
}

#base_bar ul li {
display: inline;
border-left: 1px solid #656668;
font-weight: normal;
padding-left: 5px;
padding-right: 3px;
font-size: 120%;
}

#base_bar ul li.first  {
border: none;
padding: 0px;
padding-right: 5px;
}

#base_bar ul li a 
{
color:#000000;
font-weight: normal;
text-decoration: none;
}

#base_bar ul li a:hover {
text-decoration: underline;
}

/* generic & ektron formbuilder styles begin now */

.main_form {
display: block;
margin-bottom: 20px;
margin-right: 10px;
padding-left: 18px;
background-color: #CCD4E9;
}
fieldset {
display: block;
padding: 0px;
border:  none;
}
.formlabel, .formbuilder p.formlabel, .formbuilder span.formlabel {
font-size: 100%;
display: block;
width: 170px;
float: left;
clear: left;
margin-top: 10px;
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

ol.design_list_vertical label 
{
clear: right;
float: left;
margin: 0px;
padding: 2px;
margin-left: 10px;
width: 300px;
}

ol.design_list_vertical li {
list-style: none; 
vertical-align: top;
display: table-row;
clear:left;
}


.formtext  {
display: block;
width: 200px;
float: left;
margin-top: 10px;
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid #BFBFBF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
}
.formbuilder p  { clear:both;}
.formbuilder p input {
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid #BFBFBF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
}
.formbuilder p input[type=text] 
{
    margin-top: 10px;
    width: 200px;
    height:15px !important;
}
ol.design_list_vertical { clear:right;}
ol.design_list_vertical li input
{
display:block;
clear:left;
float: left;
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
fieldset.buttons, p.formbuttons, span.formbuttons {
text-align: right;
margin-top: 20px;
padding-right: 40px;
clear: both;
font-size: 100%;
}
.formbutton, input.formbutton {
background-color: #FFFFFF !important;
border: 1px solid #0069AA !important;
padding: 5px !important;
width: 100px !important;
height: 25px !important;
margin: 0px !important;
margin-right: 25px !important;
margin-bottom: 25px !important;
font-size: 90% !important;
color: #656668 !important;
}

p.form_error {
color: #CC3300;
font-weight: bold;
}

.clearboth{clear:both;}

/* not sure where these are used as the above styles are used by contact form */
input.button {
background-color: #FFFFFF;
border: 1px solid #0069AA;
padding: 5px;
width: 100px;
font-size: 100%;
}

label.standard {
font-size: 90%;
display: block;
width: 150px;
float: left;
clear: left;
margin-top: 10px;
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
input.standard {
display: block;
width: 200px;
float: left;
margin-top: 10px;
padding-left: 0px; 
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid #BFBFBF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
}
textarea.standard {
display: block;
width: 350px;
height: 100px;
float: left;
margin-top: 10px;
padding-right: 0px;
border: 1px solid #BFBFBF;
font-family: verdana, arial, courier, times, sans-serif;
font-size: 90%;
}
select.standard, .formbuilder select {
display: block;
width: 200px;
float: left;
margin-top: 10px;
border: 1px solid #BFBFBF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: #656668 !important;
}
input.submit {
background-color: #FFFFFF;
border: 1px solid #00AEEF;
padding: 5px;
width: 100px;
font-size: 70%;
}

/* temp copy from rada */

.search_tryagain {
    margin:0px;
    padding:0px;
    color:#D31145;
    border-top:2px solid #0165A8;
    border-bottom:0px solid #0165A8;
    
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    padding-top:8px;
    padding-bottom:8px;
    font-family:Gotham Medium, Arial;
    font-size:100%;
}

.search_tryagain table.calendar {
    font-size:110%;
}

.search_tryagain a {
    text-decoration:none;
    color:#0165A8;
}
.search_tryagain p {
    margin:0px;
    padding:0px;
}

.subsearch {
    margin-top:8px !important;
}

hr.sep_dots {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #ccc;
    border-style: none none dotted;
}
/* --- */





/* +++  */

#left_features {
width: 180px;
float: left;
position: relative;
color: #000000;
border: 0px solid #000;
margin-top:15px;
}

#left_features div.item {
width: 180px;
margin-bottom: 10px;
float: left;
}

#left_features div.item div.content {
padding: 0px;
margin: 0px;
margin-top: 8px;
width: 180px;
float: left;
}

html>body #left_features div.item div.content {
width: 180px;
}


#left_features div.item div.item_base {
float: left;
width: 180px;
height: 15px;
padding: 0px;
margin: 0px;
border: 0px solid #000
}

/* lighter weighting again here */

#left_features div.item h3 
{
width: 194px;
padding: 0px;
padding-top: 2px;
padding-left: 14px;
margin: 0px;
margin-bottom: 14px;
font-size: 115%;
font-weight: bold;
height: 27px;
border: 0px solid #000;
background-image: url(/images/blocks/LHS_box_2.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#0069AA;
border: 0px solid #000
}
html>body #left_features div.item h3 
{
    width: 177px;
}

#left_features div.item p  {
margin: 0px;
padding: 14px;
padding-top: 0px;

padding-bottom: 15px;
border:0px solid #000
}

#left_features div.item img  {
margin: 13px;
margin-top: 10px;
margin-bottom: 10px;
}
#left_features div.item p img  {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}


#left_features div.item p a  {
color: #1aa1ce;
}

#left_features div.item p a:hover  {
text-decoration: underline;
}


#left_features div.item p a.FindOutMore
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_findoutmore.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #left_features div.item p a.FindOutMore 
{
width:136px;
border: 0px solid green;
}
#left_features div.item p a.FindOutMore:hover  {
text-decoration: none;
}



#left_features div.item p a.EmailUsNow
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_emailusnow.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #left_features div.item p a.EmailUsNow 
{
border: 0px solid green;
}
#left_features div.item p a.EmailUsNow:hover  {
text-decoration: none;
}



#left_features div.item p a.AskAQuestion
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_askaquestion.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #left_features div.item p a.AskAQuestion 
{
border: 0px solid green;
}
#left_features div.item p a.AskAQuestion:hover  {
text-decoration: none;
}


#left_features div.item p a.ContactDetails
{
width:136px;
height: 36px;
display: block; 
margin: 0px;
margin-left: 45px;
margin-top: 0px;
padding: 0px;
margin-bottom: 0px;
text-decoration: none;
background-image: url(/images/buttons/button_contactdetails.jpg);
background-position: bottom right;
background-repeat: no-repeat;
border: 0px solid #ff0000;
}
html>body #left_features div.item p a.ContactDetails 
{
border: 0px solid green;
}
#left_features div.item p a.ContactDetails:hover  {
text-decoration: none;
}

#left_features div.item ul 
{
width: 165px;
display: block;
margin: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 13px;
margin-right: 15px;
padding: 0px;
list-style-type: none ;
color:#656668;
}
html>body #left_features div.item ul 
{
}

#left_features div.item ul li 
{
width: 160px;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
padding-left: 15px;
background-image: url(/images/blocks/bullet_hyphen.gif);
background-repeat: no-repeat;
background-position: top left;
}
html>body #left_features div.item ul li
{
    margin-left: 0px;
}

#left_features div.item {
background-image: url(/images/blocks/LHS_box_1.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#left_features div div.content {
background-image: url(/images/blocks/LHS_box_3.jpg);
background-position: bottom left;
background-repeat: repeat;
border: 0px solid #000;
}

#left_features div.noarrow div.content {
background-image: url(/images/blocks/LHS_box_3_noarrow.jpg);
background-position: bottom left;
background-repeat: repeat;
border: 0px solid #000;
}

#left_features div.grey div.content {
background-image: url(/images/blocks/LHS_box_3_grey.jpg);
background-position: top left;
background-repeat: repeat;
border: 0px solid #000;
}

#left_features div div.item_base {
background-image: url(/images/blocks/LHS_box_4.jpg);
background-position: top left;
background-repeat: no-repeat;
}





