/* GLOBAL
/* background: #5279a9 URL("/images/common/bkng/body-bkng.gif") repeat-x top center;
*******************************************************************************/
* {	list-style: none;
 margin: 0;
 padding: 0;
 }
 

body { 
 font: 11px "Tahoma", Verdana, Sans-serf;
 color: #666;
 text-align: center;
 }

.clear { clear: both;
 }

p { margin: 3px 0;
}

.btn { background: #fff URL("/images/common/bkng/btn.jpg") repeat-x;
 padding: 3px 12px;
 color: #666;
 border: 1px solid #aeb0b1;
 font: 13px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 line-height: 33px;
 }

img { border: none;
 }

a { font-weight: bold;
 color: #369;
 text-decoration: none;
}

input, textarea, select { font: 11px "Tahoma", Verdana, Sans-serf;
 color: #666;
 }

.red { color: #f00;
 }



/* CONTAINERS
*******************************************************************************/
#container { margin: 0 auto;
 width: 954px;
 clear: both;
 text-align: left;
 }

#header-container { background: URL("/images/common/bkng/header-finance.jpg") no-repeat right bottom;
 height: 105px;
 }
#header-container img {
 display:block;
}

#main-container { background: #fff URL("/images/common/bkng/main-container.gif") no-repeat left bottom;
 width: auto;
 min-height: 200px;
 padding-bottom: 12px;
 .padding-bottom: 6px;
 _padding-bottom: 15px;
 }

#footer-container { height: 25px;
 width: auto;
 margin-bottom: 10px;
 color: #fff;
 }

#services-container { width: 195px;
 background: #f3f5f8;
 margin-left: 3px;
 float: left;
 border: 1px solid #999;
 border-bottom: 4px solid #000;
 margin-bottom: 20px;
 padding-bottom: 10px;
   }

#center-container { width: 455px;
 _width: 450px;
 margin-left: 7px;
 _margin-right: 0px;
 float: left;
 }

#accountant-container { width: 284px;
 background: #e4e0e0 URL("/images/common/bkng/accountant-grey.jpg") repeat-x 0 top;
 margin-left: 8px;
 float: left;
 }

#contentpage-center-container { width: 507px;
 min-height: 510px;
 /* height: 510px; IE Conditional */
 margin-bottom: 10px;
 padding: 20px 13px;
 margin-left: 7px;
 float: left;
 background: URL("/images/common/bkng/content-page-footer.gif") no-repeat 0 bottom;
 }

#contentpage-rhscontainer { width: 201px;
 margin-left: 8px;
 float: left;
 }


/* HEADER 
*******************************************************************************/
#tagline-container { font: 15px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #fff;
 padding-left: 560px;
 padding-top: 2px;
 }

#tagline-container em { color: #99ccff;
 text-transform: uppercase;
 font-style: normal;
 }


/* NAVIGATION 
*******************************************************************************/
#navigation-container { width: auto;
 height: 28px;
 border-bottom: 5px solid #999;
 }

#navigation-container ul { }

#navigation-container li {  float: left;
 padding: 0 15px;
 background: URL("/images/common/bkng/navigation.gif") no-repeat right 0;
 }

#navigation-container li:hover { border-bottom: 5px solid #9cf;
}

#navigation-container li a { color: #333;
 font: 14px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 line-height: 28px;
  }

#navigation-container li a:hover { color: #aaa;
 }

.padlock-icon { margin-top: -2px;
 .margin-top: 1px;
 }



/* MAIN CONTAINER  - HOMEPAGE
*******************************************************************************/
#blue-line-top { padding-top: 6px;
 padding-bottom: 5px;
 }

#blue-line-bottom { clear: both;
 float: right;
}

#main-container-black-bottom { clear: both;
 width: auto;
 height: 13px;
 _height: 12px;
 background: #000;
 }


/*-- Services Promo --*/
#services-promo { background: URL("/assets/homepage/centre-promo-bkng.jpg") no-repeat 0 bottom;
 min-height:311px;
 _height: 311px;
 padding-left: 10px;
 }

#services-promo h1 { font: 19px "Franklin Gothic Heavy", Verdana, Sans-serf;
 font-weight: bold;
 color: #9c9c9c;
 line-height: 33px;
 margin-top: 20px;
 }

#services-promo h1 em { color: #9cf;
 text-transform: uppercase;
 font-style: normal;
 }

#promo-sub-header { font: 16px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #5279a9;
 line-height: 18px;
 margin-top: 20px;
 margin-left: 10px;
 width: 170px;
  }

#promo-sub-header em { color: #9cf;
 font-style: normal;
 }

.promo-btn { clear: both;
 margin-top: 5px;
 margin-left: 20px;
 }


/*-- Homepage Features  --*/
#hp-faqs, #hp-news, #hp-success { padding: 20px 20px 10px 20px;
 background: #fff URL("/images/common/bkng/hp-features.jpg") no-repeat top right;
 border-bottom: 4px solid #000;
 margin: 0;
 _width: 410px;
 }

.features-btn { clear: both;
 margin-top: 10px;
 }

.bkng-image { background: URL("/images/tabs/features-faqs.jpg") no-repeat bottom right;
 }

#hp-faqs dl { margin: 10px 10px 5px 20px;
 }

#hp-faqs li { float: left;
 padding-bottom: 5px;
 }

#hp-faqs .question { 
 font-weight: normal;
 }

#hp-faqs .answer { font-weight: bold;
 margin-left: 10px;
 width: 360px;
 _width: 320px;
 }
 

/*-- Services Navigation --*/
#services-container h3 { background: URL("/images/common/bkng/services-h3.gif") no-repeat;
 height: 40px;
 padding-left: 5px;
 }

#services-container h3 a { font: 14px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #2f2f2f;
 line-height: 33px;
 }

#services-container h3 img { float: right;
 margin-top: -33px;
 padding-right: 7px;
  }

#services-container ul { padding-bottom: 20px;
 }

#services-container li { padding: 5px 5px;
 color: #5279a9;
 border-right: 4px solid #f3f5f8;
 }

#services-container li:hover { border-right: 4px solid #9cf;
 }

#services-container li a { color: #5279a9;
 }

#services-container li a:hover { color: #9cf;
 }

.accountant-btn { text-align: right;
 clear: both;
 margin-top: 10px;
 }

/*-- Services Content --*/

#services h3 
{
    font: 14px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #5279a9;
 line-height: 25px;
 margin-top: 20px;
  }


/* ACCOUNTANT - HOMEPAGE
*******************************************************************************/
#branding-image { padding: 0 6px 20px 6px;
 background: URL("/images/common/bkng/accountant-branding.gif") no-repeat 0 bottom;
 min-height: 580px;
 height: 580px;
 }

#accountant-container h1 { font: 19px "Franklin Gothic Heavy", Verdana, Sans-serf;
 font-weight: bold;
 color: #fff;
 line-height: 33px;
 margin-top: 20px;
 padding-left: 5px;
  }

#accountant-container h1 em { color: #666;
 text-transform: uppercase;
 font-style: normal;
 }

#accountant-container p { padding: 0 5px;
 }

.accountant { margin-bottom: 0;
 padding-left: 5px;
 background: URL("/images/common/accountant-photo.jpg") no-repeat bottom right;
 min-height: 107px;
 _height: 107px;
 padding-right: 80px;
 }

.accountant-photo { float: right;
 }

#accountant-container h2 { font: 16px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #666;
 line-height: 33px;
 margin-top: 20px;
 padding-left: 5px;
  }

#accountant-container ol {  margin-left: 15px;
  padding-left: 20px;
 margin-top: 10px;
}

#accountant-container ol li { padding: 0 3px;
 list-style-type: decimal;
 }


/*-- Member Login --*/
#member-login { background: URL("/images/common/bkng/member-login.gif") no-repeat;
 border: 1px solid #666;
 width: 242px;
 height: 146px;
 padding: 5px 15px;
 }

#member-login h3 { font: 16px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #fff;
 line-height: 33px;
 }

.login-table { margin-left: 20px;
 }

.login-table td { font-weight: bold;
 }

.login-table input { width: 100px;
 }

.login-btn { text-align: right;
 }


/* CENTRE CONTENT - CONTENTPAGE 
*******************************************************************************/
#contentpage-center-container h1 {
 font: 19px "Franklin Gothic Heavy", Verdana, Sans-serf;
 font-weight: bold;
 color: #999;
 line-height: 33px;
 }

#contentpage-center-container h1 em { color: #9cf;
 font-style: normal;
 }

#contentpage-center-container h2 { font: 14px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #5279a9;
 line-height: 25px;
 margin-top: 20px;
 }

.bullet { margin-left: 15px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.bullet li { background: URL("/images/common/bullet.gif") no-repeat 0 6px;
 padding: 3px 0;
 padding-left: 20px;
 }

.page-image { margin-left: 10px;
 margin-bottom: 10px;
 float: right;
 margin-right: 10px;
 border-bottom: 3px solid #666;
 }

.news ol
{
    margin-left: 15px;
    margin-top: 10px;
}

.news li
{
    list-style-type: decimal;
    margin-left: 15px;
    margin-bottom: 8px;
}


/* RIGHT HAND COLUMN - CONTENTPAGE 
*******************************************************************************/
#content-page-find-an-accountant { background: URL("/images/common/bkng/cp-findanaccountant.gif") no-repeat;
 width: 171px;
 height: 67px;
 padding: 15px;
 margin-top: 15px;
 }

#content-page-find-an-accountant p { font: 15px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #fff;
 line-height: 18px;
 .margin-top: 10px;
 }

#content-page-find-an-accountant p em { color: #9cf;
 font-style: normal;
 }

#contentpage-rhscontainer h3 { font: 14px "Franklin Gothic Medium", Verdana, Sans-serf;
 font-weight: bold;
 color: #666;
 height: 35px;
 line-height: 28px;
 background: URL("/images/common/bkng/header-h3.gif") repeat-x 0 bottom;
 padding-left: 3px;
 }

#content-page-success-stories { margin-top: 55px;
 .margin-top: 30px;
 clear: both;
  }

#content-page-latest-news { margin-top: 30px;
 clear: both;
 }

.success { background: URL("/images/common/bkng/success-p.gif") no-repeat;
 padding: 2px 28px 0 28px;
 text-align: center;
}

.rhs-header-image { float: right;
 padding-right: 5px;
 margin-top: -32px;
 width: 33px;
 height: 28px;
  }

.right-btn { float: right;
 padding-right: 2px;
 }

.news-item { padding: 5px 2px;
 }


/* FOOTER 
*******************************************************************************/
#footer-container ul { padding-left: 10px;
 }

#footer-container li { float: left;
 padding-right: 10px;
 line-height: 25px;
  }

#footer-container li a { color: #fff;
 }

#footer-container li.copyright { float: right;
}



/* Clear Float
*******************************************************************************/

/*** see http://www.positioniseverything.net/easyclearing.html ***/
.clearfloat:after {
content: ".";
 
display: block;
 
height: 0;
 
clear: both;

visibility: hidden;

}

 
.clearfloat { display: inline-block;
 }

 
/* Hides from IE-mac */
* html .clearfloat { height: 1%;
 }

.clearfloat { display: block;
 }

/* End hide from IE-mac */
/*** end clearing hack ***/ 

/* Category Tabs 
******************************************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {display: none;
 }
}


/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav { display: none;
 }
}


/* Main Container */
#tabs-container { width: auto;
 margin-top: 40px;
 }

.left-hline { width: auto;
 text-align: right;
 padding: 1px 0;
}


/* Skin */
.ui-tabs-nav { list-style: none;
 margin: 0;
 padding: 0 0 0 4px;
 width: auto;
 margin-top: -28px;
 border-bottom: 1px solid #666;
 }

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";

}

.ui-tabs-nav li { float: left;
 margin: 0 0 0 1px;
 min-width: 84px;
 /* be nice to Opera  */ }

.ui-tabs-nav a:hover { color: #fff;
 }

.ui-tabs-nav a, .ui-tabs-nav a span { display: block;
 padding: 0 10px;
 background: URL("/images/tabs/tab.png") no-repeat;
 }

.ui-tabs-nav a {
    margin: 1px 0 0;
 /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;

    padding-top: 0;

    color: #666;

    font: bold 13px "Franklin Gothic Medium", "Lucida Sans", Verdana;
 
    text-align: center;

    text-decoration: none;

    white-space: nowrap;
 /* required in IE 6 */    
    outline: 0;
 /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a { position: relative;
 top: 1px;
 z-index: 2;
 margin-top: 0;
 color: #fff;
 }

.ui-tabs-nav a span { width: 64px;
 /* IE 6 treats width as min-width */
    min-width: 64px;
 height: 21px;
 /* IE 6 treats height as min-height */
    min-height: 21px;
 padding-top: 6px;
 padding-right: 0;
 }

*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto;
 height: auto;
 }

.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 0px;
 /* Used to give a height differential */ }

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px;
 }

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px;
 }

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;

}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;

}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;

}

.ui-tabs-panel { padding: 10px 0px;
 background: #fff;
 /* declare background color for container to avoid distorted fonts in IE while fading */
}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;

}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;

}

#calculator
{
width:100%;
height:500px;
}

div.faq
{
margin-bottom:1em;
}

dt.question
{
margin-bottom:0.5em;
}
#service83 li, 
#service84 li, 
#service85 li, 
#service86 li, 
#service87 li, 
#service88 li, 
#service89 li, 
#service90 li, 
#service91 li, 
#service92 li, 
#service93 li, 
#service94 li, 
#service95 li, 
#service96 li, 
#service97 li
{
    list-style: auto;
    margin-left: 25px;
    list-style-type: circle; 
}
ul.faqlist li {
    margin-bottom: 8px;
}