/*
-- Default Styling ---------------------------------------------------------------
*/

body
{
    color: #000000;
    font-family: Verdana, Tahoma, Arial; 
    font-size: 11px;
}

h1, h2, h3, h4, h5
{
    margin-bottom: 16px;
    color: #00476b;
    font-family: Georgia, Arial, Verdana;
    word-spacing: 3px;
    text-transform: capitalize;
}

h1 
{
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 3px solid #00476b;
}

h2 
{
    font-size: 20px;
}

h3 
{
    font-size: 14px;
    margin-top: 20px;
}

p 
{
    margin-bottom: 16px;
    line-height: 20px;
    text-align: justify;
}

hr 
{
    margin: 0 0 10px 0;
}

blockquote 
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    color: #00476b;
}

a:link, a:visited 
{
    color: #01476b;
    text-decoration: underline;
}

a:hover 
{
    color: #a6bfcc;
}

.clear-floats
{
    clear: both;
}

img 
{
    display: inline-block;
}

li 
{
    background: url(../Images/General/ccl-bullet.jpg) 5px left no-repeat;
    list-style: none;
    padding: 0px 0px 0px 26px;
    margin: 0px 0px 10px 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

/*
-- Main Layout Styling -----------------------------------------------------------
*/

#site-wrap-outer
{
    width: 960px;
    margin: 20px auto 0px auto;
    background: #ffffff url(../Images/Layout/body-psudo-columns.gif) repeat-y;
}

#site-wrap-inner
{
/*    background: url(../Images/Layout/justice-statue.jpg) no-repeat bottom left; */
}

#head-content 
{
    width: 960px;
    margin: 0px 0px 20px 0px;
    background: #00476b;
    position: relative;
    height: 110px;
}

.Divider
{
    position: absolute;
    left: 20px;
    bottom: 10px;
}

#navigation-col 
{
   width: 250px;
   float: left;
   margin: 0px 20px 0px 0px;
}

#main-content-wrap
{
    width: 690px;
    float: left;
}

#main-text 
{
    width: 450px;
    margin: 0px 20px 0px 0px;
    float: left;
}

#right-col
{
    width: 219px;
    margin: 0px 0px 0px 0px;
    float: left;
    border-left: 1px solid #00476b;
}

#copyright 
{
    width: 960px;
    margin: 0px auto;
    text-align: right;
    padding: 5px 0px;
}

/*
-- Head Content --------------------------------------------------------
*/

#main-logo
{
    width: 210px;
    padding: 20px 20px 20px 20px;
}

.legal-helpline 
{
    position: absolute;
    top: 20px;
    right: 20px;
}

/*
-- Main Navigation ----------------------------------------------------------
*/

.main-menu
{
    width: 210px;
    margin: 0px 20px 20px 20px;
    border-top: 1px solid #ffffff;
    font-size: 11px;
}

.main-menu .menu-item
{
    display: block;
    border-bottom: 1px solid #ffffff;
    text-transform: uppercase;
}

.main-menu .menu-item a:link, .main-menu .menu-item a:visited
{
    /* Have to specify width for Firefox */
    width: 190px;
    color: #ffffff;
    margin: 0px;
    padding: 3px 0px 3px 10px;
    text-decoration: none;
    font-weight: bold;
}

.main-menu .menu-item a:hover
{
    width: 200px;
    color: #ffffff;
    background-color: #a6bfcc;
}

.main-menu .menu-item-selected
{
    background-color: #00476b;
}

.main-menu .menu-item-selected a:link, .main-menu .menu-item-selected a:visited
{
    color: #ffffff;
    background-color: #00476b;
}

.main-menu .level3 
{
    background: #00476b;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    height: 29px;
    width: 220px;
}

.main-menu .level3 a:link, .main-menu .level3 a:visited
{
    width: 190px;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 10px;
}

.main-menu .level3 a:hover
{
    color: #d7d7d7;
}

/*
-- Right Column Content ---------------------------------------------------------------
*/

#right-col h4
{
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    background: #00476b;
    padding: 5px 10px;
}

#banner-image
{
    width: 208px;
    border: 1px solid #317191;
    margin: 0px 0px 10px 0px;
}

#banner-image img
{
    display: block;
}

/*
-- News Section -------
*/

#news
{
    width: 204px;
    padding: 0px;
    margin: 0px 0px 20px 15px;
    background: #ffffff;
}

#news .padding
{
    padding: 10px;
}

#news h4
{
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    background: #00476b;
    padding: 5px 10px;
}

#news h5
{
    font-size: 9px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    color: #317191;
    font-family: Verdana, Tahoma, Arial; 
    line-height: 16px;
}

#news p
{
    font-size: 9px;
    line-height: 18px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.news-heading 
{
    color: #FF4700;
}

/*
-- General Advert -------
*/

.general-advert 
{
    background: #aba8a8;
}

.general-advert .padding
{
    padding: 10px;
}

.general-advert h4 
{
    font-size: 14px;
    color: #ffffff;
}

.general-advert p
{
    color: #000000;
    font-size: 9px;
}

#footer 
{
   
}

/*
-- Terms & Conditions -------
*/

#terms
{
    width: 170px;
    padding: 0px 20px 20px 40px;
}

#terms ul
{
    list-style-type: none;
}

#terms a:link, #terms a:visited
{
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

/*
-- Sitemap -------
*/

.sitemap 
{
    margin: 0px 0px 0px 20px;
}

.sitemap a:link, .sitemap a:visited
{
    text-decoration: none;
}
    
/*
-- Contact Us -------
*/

.contact-name 
{
    float: left;
    width: 150px;
    font-weight: bold;
}

.contact-details 
{
    float: left;
}

.address 
{
    background: #ffffff;
    border: 1px solid #317191;
    padding: 10px;
}

.map
{
    padding: 0px 8px 8px 8px;
    margin: 0px 8px 0px 0px;
}

.map p, .map h3
{
    text-align: center;
}

.map h3 
{
    margin-bottom: 10px;
    text-transform: uppercase;
    margin: 0px;
    background: #d9e4e8;
}

.map img
{
    margin: 10px 0px 5px 0px;
}

/*
-- Copyright -------
*/

#copyright p 
{
    font-size: 9px;
    color: #444444;
}

#copyright .company-name
{
    color: #00476b;
}


/*
-- Main telephone number on front page -------
*/

#main-telephone 
{
    font-size: 24px;
    color: #FF4700;
}

/*
-- Barristers List -------
*/

#BarristersList h3 
{
    background: #00476b;
    color: #ffffff;
    padding: 3px 10px;
}

/*
-- Flash banner for default page -------
*/

#FlashText 
{
    border-bottom: 3px solid #00476b;
    margin: 0 0 15px 0;
    padding: 0 0 9px 0;
}

/*
-- Services -------
*/

.ServiceImage
{
    margin: 32px 0 0px 0;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
    padding: 10px 0;
}

/*
-- Information And Links -------
*/

.UsefulInfo 
{
    margin: 0px auto 20px auto;
    padding: 0px;
}

.UsefulInfo li 
{
    width: 180px;
    background: #ffffff;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
}

.UsefulInfo a 
{
    display: block;
}

.ServicePanelHead 
{
    margin: 0 0 10px 20px;
    cursor: pointer;
}

.ServicePanelHead img
{
    margin: 0 5px 0 0;
}

.ServicePanelContent 
{
    margin: 0 0 10px 17px;
}

.ServicePanelContent blockquote
{
    margin: 0px 0px 0px 0px;
    padding: 10px;
    border: 1px solid #a4a4a4;
    background: #e4e4e4;
}

.ServiceLinkLogo
{
    margin-left: 15px;
    display: block;
    border: 1px solid #00476b;
}

.PageImage
{
    margin-left: 15px;
    display: block;
    border: 3px solid #00476b;
}

/*
-- Homepage Area Links -------
*/

.AreaSelection 
{
    text-align: center;
    width: 335px;
    margin: 0 10px 10px 0;
}
.AreaSelection a:link, .AreaSelection a:visited
{
    font-family: Georgia, Verdana;
    font-size: 14px;
    background: #ffffff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 10px 0;
    border: 1px solid #e2e2e2;
}

.AreaSelection a:hover
{
    border: 1px solid #01476b;
    color: #01476b;
}

.AreaSelection img
{
    padding: 10px;
}

/*
-- Secure page styling -------
*/

blockquote
{
    width: 95%;
    margin: 10px 0px 10px 0px;
    border: 1px dashed #f8981d;
    background-color: #ffefdb;
    font-size: 1em;
    font-style: normal;
    padding: 10px;
}

.QuoteHeads
{
    padding: 0px 0px 0px 10px;
}

.DropPanel
{
    border: solid 1px #00476b;
    margin-bottom: 5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    padding-top:3px;
    cursor:pointer;
    width:650px;
}

.ExtendedPanel
{
    /*border: dotted 1px #263d57;*/
    cursor:default;
    float:left;
    height:0px;
    overflow:hidden;
    
}

.SecureButton
{
    border: solid 1px #00476b;
    background-color: #ffffff;
    margin:3px 5px 0 0;
    width:150px;
    height:26px;
}

.AjaxLoader
{
    border: dotted 1px #00476b;
    background-color:#ffffff;
    padding:6px;
    font-weight:bold;
    font-size:medium;
    width:520px;
}