/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

/************************************************************************ FORM STYLING ************************************************************************/

form {font-family: 'calibri', 'lucida grande', Verdana, Geneva, sans-serif; overflow:hidden}

.submit {width:84px; height:auto; background:#003366; border:1px solid #435070; color:#fff; margin-top:4px; font-weight:bold; font-size:16px; float:right; text-align:right}

input {background:#fff; color:#435070; border:1px solid #ccc; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:16px; padding-left:8px; float:right; width:142px; margin-bottom:5px;}

select {background:#fff; font-family: 'calibri', 'lucida grande'; border:1px solid #ccc; padding:1px 2px; font-size:12px; padding-left:5px; margin-bottom:5px; width:154px; float:right;}

textarea {background:#fff; color:#435070; font-family: 'calibri', 'lucida grande'; font-size:12px; border:1px solid #ccc; padding:5px 2px; float:right; padding-left:3px; width:147px; margin-bottom:5px;}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {color:#003366;font-size:213%;font-weight:bold;letter-spacing:-1px;text-align:left; line-height:110%;
border-bottom:2px solid #eee}
h2 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}
h3 {font-size:110%; color:#435070; font-weight:bold;}
h4 {font-size:100%; color:#323232}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li { list-style-type: circle; list-style-position:inside; }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#003366; text-decoration:none;}

a:hover {color:#323232; text-decoration:underline;}

/************************************************************************ GENERIC CSS ************************************************************************/

img {border:none;}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:2px solid #555; background:#555;}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.disclaimer-txt {font-size: 10px; color:#ccc}

.mainTitle {
color:#848383;
font-size:213%;
font-weight:bold;
letter-spacing:-2px;
margin-bottom:5px;
}

.rightNavTitle {
color:#003366;
font-size:213%;
font-weight:bold;
letter-spacing:-1px;
text-align:left;
border-bottom:2px solid #eee
}

.serviceTitle {
color:#eee;
font-size:170%;
font-weight:bold;
letter-spacing:-1px;
text-align:center;
}

.clear {clear:both;}

/************************************************************************ MAIN SITE CSS ************************************************************************/

html {text-align:center; color: black; overflow-y: scroll;}

body {
color:#333333;
background:#e2ebf3;
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif,Verdana,Tahoma;
font-size:62.5%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
}

.preload1 {background: url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}


#clientLogin {width:970px; height:20px; padding:5px; margin:0px auto 0px auto; color:#333; text-align:right; font-weight:bold; font-size:12px;}

#clientLogin a:link, #clientLogin a:visited {color:#003366; font-weight:bold}

#clientLogin a:hover {color:#003366; text-decoration:none}

#siteBorder {width: 980px; border:2px solid #c3cbd2; margin:0 auto;}

#container {
	margin:0 auto;
	padding-top:150px;
	position:relative;
	text-align:left;
	width:960px;
	overflow:hidden;
	background:url(../images/mainImg.jpg) #fff top no-repeat;
	border: 10px solid #fff;
}

#logo {width:175px; height:68px; padding:15px 0px 10px; margin-right:0px; background:#fff; position:absolute; top:0; right:0;}

#contactDetails {width:150px; padding:10px; margin-right:0px; text-align:right; margin-top:90px; color:#003366; font-size:170%; font-weight:bold; letter-spacing:0px; position:absolute; top:0; right:0;}

#wrapper {width:960px; margin:auto; border-top:5px solid #fff;}

#content {width:620px; padding:10px; font-size:12px; background:#fff; margin-right:10px; margin-left:10px; margin-bottom:20px; float:left}
#serviceBox {width:580px; background:#fff; height:167px; padding:4px; border:1px solid #eee; clear:both}
#footer {width:960px; margin:auto; overflow:hidden; padding:10px 0px; background:#fff; text-align:left; clear:both}
#footer a:hover {color:#0055a0}
.footerLeftWrap {width:940px; float:left;}
.footerText {width:940px; float:left; padding:10px; text-align:left; line-height:120%}
.footerLogo {width:150px; height:120px; float:left; margin:10px 10px 0px 0px;}
.footerRisk {width:480px; height:110px; text-align:left; padding:5px; background:#eee; float:left; margin:10px 0px 0px;}

.footerRightWrap {width:300px; float:left;}
.footerRightAdvert {width:278px; height:238px; padding:10px; border:1px solid #eee; float:left; background:#eee; margin-bottom:10px;}
.footerRightLogos {width:300px; height:70px; float:left; background: url(../layout/accredationLogo.jpg) bottom right no-repeat}
.footerBottomLinks {width:940px; padding:10px; float:left; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; text-align:center}
.footerDisclaimer {width:920px; padding:40px 10px 10px 30px; background:url(../layout/bg_footer.jpg) left no-repeat; margin:5px 0px; clear:both; text-align:center}

/************************************************************************ RIGHT NAV CSS ************************************************************************/

#login {width:163px; background: /*url(../images/bg_login.jpg) top right*/ #e2ebf3 /*#cfcfcf*/; position:relative; padding:35px 5px 5px 0px; border:1px solid #eee; border-top:none; margin-bottom:10px}
.loginFormHead {position:absolute; top:0px; left:0px; height:30px; width:153px; color:#9cacb9; padding:5px 5px 5px 5px; text-align:right;}
#enquiryForm { width:163px; position:relative; font-size:12px; margin-bottom:10px; padding:35px 5px 5px 0px; border:1px solid #ddd; background:/*url(../layout/bg_form.jpg) top left no-repeat*/ #e2ebf3;}
.enquiryFormHead {position:absolute; top:0px; left:0px; height:30px; width:153px; color:#003366; padding:5px 5px 5px 5px; text-align:right; font-size:120%; letter-spacing:1px; font-weight:normal}

#rightNav {width:170px; float:right}

.rightNavIntro {width:150px; background: #4b83b5; color:#eee; font-size:120%; font-weight:bold; letter-spacing:0px; text-align:right; margin-bottom:3px;  padding:5px 10px; border-top: 1px solid #ccc; /*--Create bevel effect--*/border-bottom: 1px solid #444; /*--Create bevel effect--*/}

.rightNavIntro a:link {color:#eee;}
.rightNavIntro a:hover {color:#fff;}
.rightNavIntro a:visited{color:#eee;}

.financialPlanning {background: #0055a0;}
.taxPlanner {background:#003366;}
.allwinOnline {background:#0093a0;}
.mortgageCons {background:#87a388;}
.TaxSevices {background:#879fa3;}

.serviceLabels {width:150px; color:#939393; font-size:160%; font-weight:bold; margin-right:0px; margin-top:10px; letter-spacing:0px; text-align:left;  padding:10px;}


/******************************************************************************** MAIN CONTENT CSS ************************************************************************/
#nasdaq {width:250px; border:1px solid #ddd; background:#e2ebf3; margin-left:10px; float:left; text-align:right; padding:10px 0px; margin-top:10px;}
#latestNewsIndex {width:316px; background: #e2ebf3; margin-top:10px; padding:5px; border:1px solid #ddd; margin-bottom:10px; float:left}

.latestNewsArticleIndex {width:306px; float:left; font-size:11px; color:#555; border-bottom:1px dotted #0055a0; padding:10px 5px 5px 5px; text-align:left;}
.latestNewsArticleIndex a:link, .latestNewsArticleIndex a:visited {color:#9cacb9; text-decoration:underline}
.latestNewsArticleIndex a:hover {color:#0055a0}

.newsEvenCell {background:#fff}

.newsLabel {width:230px; color:#939393;  font-size:170%; font-weight:bold; margin-right:0px; margin-top:10px; letter-spacing:-1px;text-align:left;  padding:10px;}
.enquiryLabel {width:230px; color:#d1d1d1; font-size:170%; font-weight:bold; margin-right:0px; margin-top:10px; letter-spacing:-1px;text-align:left;  padding:10px;}

/******************************************************************************** LEFT NAVIGATION CSS ************************************************************************/

#leftNav {width:130px; float:left}

.leftNavMenu {float:left; width:130px; height:19px; background:#fff; text-align:left; padding:5px 3px 6px; padding-left:8px; margin:3px 24px 0px; border:1px solid #a49583}

/************************************************************************ SUB-NAVIGATION ELEMENTS ************************************************************************/
h3 {margin-top:0px}
.arrowlistmenu{width: 130px; margin:0px; padding:5px; font-family:'Calibri', Verdana, Arial;  /*width of accordion menu*/}
.selected {background:#003366; color:#fff}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'Calibri', Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px; /*bottom spacing between header and rest of content*/ border-bottom:1px solid #eee; text-align:left; padding: 5px 20px 5px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.arrowlistmenu .menuheader:hover {background: url(../layout/bg_menuTPPM.jpg) right no-repeat #003366; color:#fff}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: url(../layout/bg_menuTPPM.jpg) right no-repeat #003366; color:#fff; border-bottom:1px solid #eee;  padding: 5px 20px 5px 10px; margin-bottom:3px }

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; list-style-image:none; margin: 0; padding: 0; margin-bottom: 2px;  /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{padding-bottom: 2px; list-style-type: none; list-style-image:none; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{ color: #333; text-decoration:none; border-bottom: 1px solid #eee; /*custom bullet list image*/ display: block;  /*link text is indented 19px*/  font-weight: bold;  font-size: 12px; list-style-type: none; margin-bottom:1px; margin-left:0px; text-align:left; padding:5px 10px; width:110px; background:#c4ddf7}

.arrowlistmenu ul li a:visited{color: #323;}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #323; background: #ddd; border-bottom: 1px solid #eee;}

/******* fix *****/
.arrowlistmenu a.menuheader_look, .arrowlistmenu a.menuheader_look:visited{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #333; background:#fff;  margin-bottom: 3px; /*bottom spacing between header and rest of content*/ border-bottom:1px solid #eee;  text-align:left;  /*header text is indented 10px*/ cursor: hand; cursor: pointer; margin-left:0px; padding: 5px 14px 5px 10px;
}

.arrowlistmenu a.menuheader_look:hover{background: url(../images/bg_LeftMenu.jpg) top right no-repeat #003366; color:#fff; text-decoration:none}

/******************************************************************************** MAIN CONTENT CSS ************************************************************************/

.newstitle{font-size:140%; letter-spacing:1px; color:#003366; font-weight:normal}

.contactBox {width:612px; font-size:11px; overflow:hidden; padding:10px 5px 0px; background: url(../layout/bg_quickLinkBox.jpg) repeat-x #fff; margin-bottom:5px; text-align:left; border:1px solid #ccc}
.contactBox h2 {font-size:14px; padding:10px 0px 5px; font-weight:bold; color:#003366;} 

.contactBox table {text-align:left; background:#eee; width:605px; padding:10px; font-size:12px; border:1px sold #ccc}
.contactBox table tr {vertical-align:top;}
.contactBox table td {vertical-align:top; font-weight:bold}

.contactBox th {color:#0193a0; padding-top:8px; vertical-align:middle; font-weight:normal;}

.contactBox input {width:400px; float:left}
.contactBox textarea {width:405px; float:left}

/************************************************************************ CONTENT QUICKLINKS CSS ************************************************************************/

#topQuickLinks {width:609px; overflow:hidden; background: url(../layout/bg_quickLinks.jpg) repeat-x #ddd; padding:10px 5px 6px 8px; margin-bottom:5px; text-align:left; border:1px solid #ccc}
#topQuickLinksTitle {margin-bottom:8px; font-size:16px; font-weight:bold; color:#066d76; text-align:left;}

#topQuickLinks h2  {margin-bottom:8px; margin-top:2px; font-size:16px; font-weight:bold; color:#003366; text-align:left;}

#topQuickLinks table td {padding:0; margin:0; width:150px; height:35px; vertical-align:top}

.quickLink {width:150px; height:35px; margin-right:2px; margin-bottom:3px; float:left}

.btn_discounts {width:150px; height:35px; background: url(../layout/btns_discounts.jpg) no-repeat; display:block; float:left; cursor:pointer}
.btn_discounts:hover { height:35px; background-position: 0px -35px;}

.btn_offers {width:150px; height:35px; background: url(../layout/btns_offers.jpg) no-repeat; display:block; float:left; cursor:pointer}
.btn_offers:hover { height:35px; background-position: 0px -35px;}

.btn_contact {width:150px; height:35px; background: url(../layout/btn_contact.jpg) no-repeat; display:block; float:left; cursor:pointer}
.btn_contact:hover { height:35px; background-position: 0px -35px;}

.quickLinkBox {width:612px; overflow:hidden; padding:10px 5px 0px; font-size:11px; background: url(../layout/bg_quickLinkBox.jpg) repeat-x #fff; margin-bottom:5px; text-align:left; border:1px solid #ccc}
.quickLinkBox h2 {font-size:14px; padding:10px 0px 5px; font-weight:bold; color:#003366;} 

.quickLinkBox table {text-align:center; border:1px solid #aaa; margin-bottom:20px;}
.quickLinkBox table tr {background:#eee; vertical-align:middle;}
.quickLinkBox table td {vertical-align:middle; border:1px solid #ddd; font-weight:bold}

.quickLinkBox th {font-size:110%; color:#0193a0; padding-top:8px; vertical-align:middle; font-weight:normal; background:#cce9ec;}

.linkTop {width:120px; height:28px; margin-bottom:3px; background:url(../layout/link_top.jpg); float:right}
.linkTop:hover { height:28px; background-position: 0px -28px;}

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

/******************************************************************************** NEWS CSS ************************************************************************/

#latestNews {width:170px; float:right; font-size:12px; background:#a98d68; color:#fff; margin-top:20px; text-align:left; padding:5px;}
#NewsArticleWrapper{float: left; color:#777; font-size:14px; text-align:justify; margin-top:5px; width:545px; padding:10px; padding-top:0px;}
.mainNewsArticle{color:#777; font-size:14px; text-align:justify; margin:10px 0px; width:585px; overflow:hidden; border-bottom:2px solid #003366;}
.relatedNewsArticle{color:#777; font-size:20px; background:#f6eadd; padding:0px 10px; text-align:justify; margin:10px 0px; width:525px; overflow:hidden;}
#newsDate {float:right; margin-right:10px; height:33px; color:#777; font-weight:bold; font-size:16px; padding:12px 1px 1px 1px;}
.newsDate-txt {font-size: 12px; color:#003366}

#newsWrapper {float:left; background:#fff; color:#fff; margin-top:0px; margin-right:5px; text-align:left; padding:0px 0px 10px;}
#newsWrapper .wrapper {width:560px; float:left; margin-bottom:5px; background:#f6eadd; padding:0px 0px 0px 5px;}
#newsWrapper .newsHeader{float: left; color:#777; font-size:20px; text-align:left; padding:0px 5px; margin-right:10px; padding-top:6px; height:38px;}

#newsWrapper .mainpageWrap {width:200px; float:left; margin:10px 10px 10px 5px;}
.newstitle{font-size:16px; color:#333}


/************************************************************************ NEWS NAVIGATION ELEMENTS ************************************************************************/

#newsPagination {width:200px; float:right; text-align:right; padding-right:25px; font-size:12px;}

h3 {margin-top:0px}
.newsmenu{width: 130px; margin:0px; background:url(../images/bg_news-header.jpg) no-repeat #eee; padding:5px; padding-top:10px; font-family:'Calibri', Verdana, Arial;  /*width of accordion menu*/ }
.selected {background: url(../images/bg_LeftMenu.jpg) top right no-repeat #003366; color:#fff}
.newsmenu .newsheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'Calibri', Verdana, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 5px; /*bottom spacing between header and rest of content*/  text-align:left; padding: 5px 20px 5px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.newsmenu .newsheader:hover {background: url(../images/bg_LeftMenu.jpg) top right no-repeat #003366; color:#fff}

.newsmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: url(../images/bg_LeftMenu.jpg) #003366 top right no-repeat ; color:#fff; padding: 5px 20px 5px 10px; margin-bottom:5px }

.newsmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; list-style-image:none; margin: 0; padding: 0; margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.newsmenu ul li{padding-bottom: 2px; list-style-type: none; list-style-image:none; /*bottom spacing between menu items*/}

.newsmenu ul li a{ color: #333; text-decoration:none; border-bottom: 1px solid #eee;  /*custom bullet list image*/ display: block;  /*link text is indented 19px*/  font-weight: bold;  font-size: 12px; list-style-type: none; margin-bottom:1px; margin-left:2px; text-align:left; padding:5px 10px; width:100px;}

.newsmenu ul li a:visited{color: #333;}

.newsmenu ul li a:hover{ /*hover state CSS*/ color: #323; background: #fff; border-bottom: 1px solid #eee;}


/******* fix *****/
.newsmenu a.newsheader_look, .newsmenu a.newsheader_look:visited{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #333;  margin-bottom: 3px; /*bottom spacing between header and rest of content*/ border-bottom:1px solid #eee; text-align:left;  /*header text is indented 10px*/ cursor: hand; cursor: pointer; margin-left:0px; padding: 5px 14px 5px 10px;
}

.newsmenu a.newsheader_look:hover{background: url(../images/bg_LeftMenu.jpg) top right no-repeat #003366; color:#fff; text-decoration:none}

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

.noMarginTop {margin-top:0px}
.noMarginBottom {margin-bottom:0px}
.noMarginLeft {margin-left:0px}
.noMarginRight {margin-right:0px}

.textAlignRight {text-align:right}
.textAlignLeft {text-align:left}
.textAlignCenter {text-align:center}
.textAlignJustify {text-align:justify}

.marginTop {margin-top:10px}
.marginBottom {margin-bottom:10px}
.marginLeft {margin-left:10px}
.marginRight {margin-right:10px}

.noBorder {border:none}