/*
Theme Name: AMortgage
Author: Gee Multimedia
Author URI: http://ggg.com.au
Description: Child theme for Astute Financial theme, a custom theme designed for the Australian Mortgage Brokers website, circa 2013. Approved by Jason Bridgett.
Template: astutefinancial
Version: 0.1
Tags: astute financial, australian mortgage brokers

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/


@import url("../astutefinancial/style.css");

/*************************************************************************************************************************************************************************************/
/******************************************************************************  FONTS  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/

a:active,
a:focus{
    outline: none;
}





/*************************************************************************************************************************************************************************************/
/******************************************************************************	 MENU  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/

.gradient-bar {
  background: #dddddd; /* Fallback */
  background: linear-gradient(#FEFEFE, #CDCDCD); 
  background: -moz-linear-gradient(center top , #FEFEFE, #CDCDCD) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#FEFEFE), to(#CDCDCD));
  background: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
  background: -o-linear-gradient(#FEFEFE, #CDCDCD);  
}

#top-nav .nav-menu li a {
  background: #dddddd; /* Fallback */
  background: linear-gradient(#FEFEFE, #CDCDCD); 
	background: -moz-linear-gradient(center top , #FEFEFE, #CDCDCD) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#FEFEFE), to(#CDCDCD));
  background: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
  background: -o-linear-gradient(#FEFEFE, #CDCDCD);  
	color: #152C5D;
	font-size: 12px;
  line-height: 12px;
  /*padding: 6px 10px;*/
	padding: 10px 0;
  text-align: center;
  width: 80px;
}

.home .nav-menu li:first-child a,
.nav-menu li a:hover {
	background: #00AFF0; 
	color: #fff ;
}

ul.menu {
	background:  #00aff0;
}

#submenu{
    background-color: #d1eefc;
}

#submenu li.current_page_item a{
    background: #00aff0;
    position: relative;
}

#submenu li.current_page_item a:after{
    border-bottom: 6px solid transparent;
    border-left: 5px solid;
    border-top: 6px solid transparent;
    content: "";
    display: block;
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 50%;
}

#submenu li a:hover{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}

#submenu li.current_page_item a:hover{
    background: #00aff0;   
}


/*************************************************************************************************************************************************************************************/
/******************************************************************************	 LAYOUT  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
#masthead {
    background: #fff;
}

#main {
    background: #00aff0;
}

.site-header hgroup {
  overflow: hidden;
}

.site-header h1 {
  width: 255px;
  float: left;
  margin: 40px 0 40px 25px;
}

.site-header h1 a {
    background: url("images/logo/logo-amortgage_white.jpg") no-repeat scroll 0 0 transparent;
    width: 255px;
    height: 75px;
    display: block;    
}

.site-header .logo-text {
  background: url("images/logo/Astute_rebranded_white.jpg") no-repeat scroll 0 0 transparent;
  width: 153px;
  height: 75px;
  float: left;
  display: block;
  margin-top:40px;
  text-indent: -999999px;
}

.site-header .logo-astute {
  width: 192px;
  float: left;
  margin-top: 40px;
}

.site-header .logo-astute a {
  background: url("images/logo/logo-astute_white.jpg") no-repeat scroll 0 0 transparent;
  width: 192px;
  height: 75px;
  display: block;
  text-indent: -999999px;
}

#page {
  background: none repeat scroll 0 0 #E6E7E9;
}

.home #main{
	border-radius: 0;
}

#primary {
	background: #F2F3F5; 
}

#content{
    background:#fff;
}

.home #primary{
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 10px;
	width: 700px;
}

#homeBanner {
  	position: relative;
  	margin-bottom: 10px;
}

#homeBanner .aBtn {
  	bottom: 40px;
  	left: 20px;
  	position: absolute;
}

/*.home #rhs {
  margin-top: -43px;
}*/

#amortgage #search-form .has-js label.r_on {
	background: url("images/icons/radio-on.png") no-repeat scroll 0 0 transparent;
}

#amortgage .icon-twhdr {
	background: url("images/icons/sprite.png") no-repeat scroll -260px 0 transparent 
}

.sidebarBox {
  	background: none repeat scroll 0 0 #FFFFFF;
  	border-radius: 8px 8px 8px 8px;
  	padding: 10px;
  	width: 200px;
  	margin-top: 10px;
}

.sidebarBox h3 {
  	border-bottom: 1px solid #999999;
  	font-size: 16px;
  	margin-bottom: 10px;
  	padding-bottom: 7px;
}

#social-media ul {
  	float: left;
  	margin: 5px 0 20px;
}

.greyBand {
  	border-top: 1px solid #808080;
  	padding: 20px 0;
}

.aside-box.alt h3 {
  margin-bottom: 5px;
}

/*************************************************************************************************************************************************************************************/
/******************************************************************************  SUBPAGE  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.entry-header .entry-title {
    border-bottom: 1px solid;
    font-size: 26px;
    padding-bottom: 5px;
}

#calcList {
    
}

#calcList li {
    display: inline-block;
    margin: 5px 10px;
}

/*************************************************************************************************************************************************************************************/
/******************************************************************************  HEADER  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.chineseSupport {
    background: url("images/button/btn-chinese-support.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 70px;
}
.chineseSupport:hover{
    background-position: 0 -30px;
}

/*************************************************************************************************************************************************************************************/
/******************************************************************************	 FOOTER  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.menu-footer-container {
  	margin: 0 auto;
  	width: 960px;
}

#menu-footer {
  	background: none;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#7B7B7B), to(#8D8D8D));  for webkit browsers 
    background: -moz-linear-gradient(top,  #7B7B7B,  #8D8D8D);  for firefox 3.6+ 
	border-radius: 5px 5px 5px 5px;
	margin: 0;*/
}

#menu-footer li a {
  color: #ccc;
  font-size: 11px;
  padding: 10px 20px;
  position: relative;
}

#menu-footer li a:hover{
	color: #fff;
	text-decoration: none;
}

#menu-footer li a:after {
  	border-left: 1px solid #AAAAAA;
  	content: "";
  	display: block;
  	height: 10px;
  	position: absolute;
  	left: 0;
  	top: 11px;
}

#menu-footer li:first-child a:after {
	border: none;
}

#footerBox {
  	background: none repeat scroll 0 0 #EEEEEE;
  	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); /* for firefox 3.6+ */
  	border: 1px solid #CCCCCC;
  	border-radius: 10px 10px 10px 10px;
  	margin: 10px auto 0;
  	overflow: hidden;
  	width: 960px;
    position: relative;
  	min-height: 140px;
}

#footerBox nav {
  float: left;
  margin: 20px 0 0 20px;
  width: 120px;
}

#footerBox nav:first-child {
  margin-left: 35px;
}

.navHd {
  	color: #0D2E56;
  	font-size: 12px;
  	font-weight: bold;
}

#footerBox nav ul {
  	background: none repeat scroll 0 0 transparent;
  	margin: 20px 0 0;
}

#footerBox nav ul li {
  	display: block;
}

#footerBox nav ul li a {
  	color: #333333;
  	display: inline-block;
  	padding: 0 0 3px;
}

#lendersSlider {
  	float: left;
  	margin: 28px 0 0 40px;
    width: 700px;
}

.ourPartners {
  	height: 60px;
  	margin-top: 10px;
  	overflow: hidden;
}

#footerBox:after {
    /*border-right: 1px solid #CCCCCC;*/
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 140px;
    top: 0;
}

.footerAwards {
    float: right;
    padding: 10px;
    margin: 5px 20px;
    width: 120px;
}

.footerAwards a {
  color: #3d3d3d;
  display: block;
  font-size: 13px;
  letter-spacing: -0.05em;
  line-height: 21px;
  text-decoration: none;
}

.footerAwards a:hover {
  text-decoration: underline;
}
/*.top25 {
    background: url("images/logo/top-25-brokerage.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 80px;
    margin: 5px auto;
    width: 80px;
}

.top25:hover{
    background-position: 0 -81px;
}
*/
.mfaa {
    background: url("images/logo/mfaa-approved.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 35px;
    margin: 10px auto;
    width: 93px;
}

.mfaa:hover{
    background-position: 0 -35px; 
}



/*************************************************************************************************************************************************************************************/
/******************************************************************************	 HOME  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
#ctas {
  	overflow: hidden;
  	padding-bottom: 10px;
}

.cta {
  	float: left;
	height: 198px;
	margin-left: 12px;
	overflow: hidden;
	position: relative;
	width: 225px;
}

.cta:first-child{
	margin-left: 0;
}

.cta .aBtn {
  	bottom: 20px;
  	left: 15px;
  	position: absolute;
}

.ad{
  	border: 1px solid #6FCFF5;
  	border-radius: 8px 8px 8px 8px;
  	height: 150px;
  	overflow: hidden;
  	width: 697px;
    margin-top: 10px;
}

.ad:first-child{
    margin-top: 0;
}

.trigger .trigger-icon{
	background-image: url(images/icons/sprite.png);
}

.home #search-form-ctn{
  bottom: 15px;
  /*top:100px;*/
}

header .nav-menu {
    display: block;
}
header .nav-menu li {
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
    margin-right: 1px;
}

header .nav-menu li a {
  background: #0d2e56
  color: #ffffff;
  line-height: 1.1em;
  padding: 10px 30px;
  text-transform: capitalize;
}

header .nav-menu li.current_page_item a, header .nav-menu li:hover a {
  background: #00AFF0;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}


/*************************************************************************************************************************************************************************************/
/******************************************************************************  REVEAL POPUP  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.reveal-modal h1 {
  border-bottom: 1px solid;
  color: #86B9E6;
  font-size: 22px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: normal;
}

#propReport_iframe{
  height: 360px;
}



/*************************************************************************************************************************************************************************************/
/******************************************************************************	 TWITTER FEED  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.home #twitter_feed{
	border-radius: 10px;
	overflow: hidden;
}

#twitter_feed h2 {
	background: #ae9854; 
	border-radius: 8px 8px 0 0;
}

/*************************************************************************************************************************************************************************************/
/******************************************************************************	 SEARCH BOX  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
#search-form-ctn{
	top: auto;
	bottom: 5px;
	right:10px;
	width: 220px;
}

#search-fld{
	width: 110px;
}

#search-form input.btn[type="submit"], 
#search-form .btn {
  	background: none repeat scroll 0 0 #011D55;
  	border-radius: 4px 4px 4px 4px;
  	display: inline-block;
  	font-size: 10px;
  	height: auto;
    /*padding: 1px 35px;*/
  	padding: 1px 20px;
}

.fld-ctn {
  	border-radius: 6px 6px 6px 6px;
}

#search-form-ctn .compact-label{
	color: #666666;
	font-size: 10px;
	top: 8px;
}

#search-form .searchTab {
	background: #ae9854; 
	border-radius: 5px 5px 0 0;
}

#search-form .searchTab:hover{
    background-color: #C4AA5E;
    opacity: 1;
}

#search-form .searchTab.active{
	background: #011d55; 
	color: #fff; 	
}

#search-form .searchFlds{
	border-radius: 0 5px 5px;
	background: #011d55; 
	color: #fff; 
	font-size: 12px;
}

#search-form .searchTab h3 {
	color: #fff; 
}

.has-js label.r_on {
	background: url("images/icons/radio-on.png") no-repeat scroll 0 0 transparent;
}



/*************************************************************************************************************************************************************************************/
/******************************************************************************	 BUTTONS  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.aBtn {
  	background: url("images/button/arrowBtn.png") no-repeat scroll -130px 0 transparent;
  	color: #FFFFFF;
  	cursor: pointer;
  	display: inline-block;
  	font-size: 12px;
  	margin-left: 10px;
  	min-width: 90px;
  	padding-right: 30px;
  	position: relative;
  	height: 30px;  	
	width: 134px;
}

input.aBtn{
    
}

.rBtn {
    background: url("images/button/arrowBtn.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    min-width: 90px;
    padding-right: 6px;
    position: relative;
    height: 30px;   
}

.rBtn:hover{
    background-position: right -30px;
    color: #fff;
}

.aBtn:hover{
	background-position: -130px -30px;
	color: #fff;
}

.aBtn.iconArrowRight:after {
  	background: url("images/icons/iconArrow.png") no-repeat scroll 0 0 transparent;
  	content: "";
  	display: block;
  	height: 13px;
  	position: absolute;
  	right: 18px;
  	top: 9px;
  	width: 10px;
}

.btnTxt {
  	background: url("images/button/arrowBtn.png") no-repeat scroll 0 0 transparent;
  	display: inline-block;
  	margin-left: -10px;
  	padding: 8px 0 10px 10px;
  	height:12px;
  	overflow: hidden;
    width: 100%;
    text-align: center;
}

.rBtn:hover .btnTxt,
.aBtn:hover .btnTxt{
	background-position: 0 -30px;	
}


/*************************************************************************************************************************************************************************************/
/******************************************************************************  COMMON  *****************************************************************************************/
/*************************************************************************************************************************************************************************************/
.f-left{
    float:left!important;
}

.f-right{
    float:right!important;
}

.clear{
    clear:both;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.redTxt{
    color:red;
}

.blueTxt{
    color: #0066a4;
}

.greyTxt{
    color: #ccc;
}

.dgreyTxt{
    color:#333!important;
}

.aRight{
  text-align: right!important;
}

.aLeft{
  text-align: left!important;
}

.aCenter{
  text-align: center!important;
}

strong{
    font-weight:bold;
}

.uppercase{
    text-transform: uppercase;
}

.hideTxt{
    text-indent: -9999px;
}

.mRight{
    margin-right:10px;
}

.allCap{
    text-transform: uppercase;
}


.grid1{
    width:10%!important
}
.grid2{
    width:20%!important
}
.grid3{
    width:30%!important
}
.grid4{
    width:40%!important
}
.grid5{
    width:50%!important
}
.grid6{
    width:60%!important
}
.grid7{
    width:70%!important
}
.grid8{
    width:80%!important
}
.grid9{
    width:90%!important
}
.grid10{
    width:100%!important
}

.nomargin{
    margin:0!important;
}

.smallMarginBot{
    margin-bottom: 5px!important;
}

.hide{
    display: none!important;
}

.half{
    width:50%;
    float:left;
}

.btn:hover,
.simpleHvr:hover{
    opacity: 0.9;
}

.overlay{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: rgba(255,255,255,0.5);
    z-index: 15;
    display: none;
    cursor: pointer;
}

.whiteBg{
  background: #fff;
}

.greyBg{
  background: #ccc;
}

.hasPadding{
  padding:10px;
}

.paddingTop{
  padding-top: 10px;
}

.mblock {
  position: relative;
  padding:10px 0;
}


/*************************************************************************************************************************************************************************************/
/****************************************************************************  SINGLE BROKERS  ***************************************************************************************/
/*************************************************************************************************************************************************************************************/

.single-brokers .site-header h1 a {
  background: url("images/logo/logo-amortgage-broker.png") no-repeat 0 0;
  height: 95px;
  margin: 18px 0 12px 25px;
}
.single-brokers #map-box {
  display: none;
}

.single-brokers #content-inner {
  padding: 30px 10px 30px 20px;
  width: 688px;
}

.single-brokers #content-inner h1 {
  font-size: 26px;
 /* padding-bottom: 5px;*/
  margin-bottom: 10px;
}

.single-brokers #content-inner h3 {
  font-size: 19px;
  line-height: 1.6em;
}

.single-brokers #content-inner p {
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.714285714;
  margin: 0 0 1.714285714rem;
}

.single-brokers #content-inner .contact-details {
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
/*  margin-bottom: 20px;*/
  padding: 10px 0;
}

.single-brokers #content-inner .contact-details:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.single-brokers #content-inner .contact-details li {
  color: #00aff0;
  display:block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 34px;
}

.single-brokers #content-inner .contact-details li.credit .broker-contact-email {text-decoration: none;}

.single-brokers #content-inner .contact-details li span {
  color: #000;
  display: block;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.05em;
  margin-top: 4px;
}

.single-brokers #content-inner .contact-details li.fax {
  border-right: 1px solid #a8a8a8;
  margin-right: 10px;
  padding-right: 25px;
}

.single-brokers #content-inner .contact-details li.credit {
  margin-right: 10px;
}

.single-brokers #content-inner .contact-details li.credit span {
  display: inline;
  font-size: 13px ;
}

.single-brokers #content-inner .contact-details li.credit span.email {
  color: #00aff0;
  display: block;
}

.content-inner ol,
.content-inner ul {
  	margin-bottom: 20px;
  	margin-left: 0;
}

.content-inner ol ol,
.content-inner ol ul,
.content-inner ul ul,
.content-inner ul ol{
	margin-bottom: 0;
}

.content-inner ol li,
.content-inner ul li {
  	font-size: 12px;
  	line-height: 1.71429em;
  	margin-left: 15px;
  	position: relative;
}

.content-inner ul > li:before {
  	content: "\bb";
  	float: left;
  	font-size: 1.7em;
  	line-height: 0.8em;
  	margin-left: -15px;
}

.content-inner ol > li{
	list-style: decimal outside;
}

#contact-box {
	min-height: 172px;
  padding: 60px 10px 10px;
}

.broker_form {
	z-index: 50;
}


.page-template-page-templatepage-chinese-php h1 {
   color: #2D52A4;
    font: 100 24px/1 Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
}

.page-template-page-templatepage-chinese-php .accordTxt:before,
.page-template-page-templatepage-chinese-php .accordTxt:after {
    content: " ";
    display: table;
}

.page-template-page-templatepage-chinese-php .accordTxt:after {
  clear: both;
}

.page-template-page-templatepage-chinese-php .accordTxt {
  width: 650px;
  padding: 30px;
  background: #f5f5f5;
  margin: 0px 0px 0px 0px;
  position: relative;
  *zoom: 1;
}
.page-template-page-templatepage-chinese-php .accordTxt  ul li {
  width: 196px;
  float: left;
  margin: 20px 20px 20px 0px; 
}

.page-template-page-templatepage-chinese-php .accordTxt  ul li h2 {
  color: #333333;
  font: bold 18px/1 Arial,Helvetica,sans-serif;
  padding-bottom: 3px;
  margin-bottom: 8px;
  border-bottom: 1px #ccc solid;
}

.page-template-page-templatepage-chinese-php .accordTxt  ul li a.email {
  color: #2D52A4;
  font-size: 13px;
  text-decoration: none;

}

.page-template-page-templatepage-chinese-php .accordTxt  ul li p {
  line-height: 1.4em;
  margin: 3px 0;
}

.page-template-page-templatepage-chinese-php .accordTxt span.name {
  display: block;
  font-weight: bold;
  margin: 5px 0 0;
}

.page-template-page-templatepage-chinese-php .accordTxt  ul li img {
  border: 1px solid #CCCCCC;
    padding: 4px;
}

.page-template-page-templatepage-chinese-php .accordTxt  ul li .aBtn {
  margin-top: 10px;
}

.page-template-page-templatepage-chinese-php .entry-content {
  padding: 0 30px;
}

#banner2 {
  background: #00aff0;
}


.single-brokers .caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.66);
  bottom: 0;
  height: 14px;
  padding: 10px;
  position: absolute;
  width: 686px;
}

.single-brokers .caption p {
  color: #fff;
  font-size: 13px;
  line-height: 12px;
  margin: 0;
  position: relative;
}

.single-brokers #contact-box {
  background: #dddddd;
  background: -moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#FFFFFF), to(#E5E5E5));
  background: -webkit-linear-gradient(top, #FFFFFF, #E5E5E5);
  top: 0;
  right: 10px;
  width: 202px;
}

.single-brokers .contact-box-content {
  width: 179px;
}

.single-brokers #contact-box #contact-box-trigger:hover, .single-brokers #contact-box #contact-box-trigger:hover span, .single-brokers #contact-box #contact-box-trigger:hover p {
  color: #fff;
}

.single-brokers #contact-box #contact-box-trigger:hover span.red-txt {
  color: #ff0000;
}

.single-brokers #contact-box #contact-box-trigger {
  background: #0eabe6;
  background: -moz-linear-gradient(center top , #1ab7f1, #009ed8) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#1ab7f1), to(#009ed8));
  background: -webkit-linear-gradient(top, #1ab7f1, #009ed8);
  width: 180px;
}

.single-brokers #contact-box #contact-box-trigger span {
  font-size: 16px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.single-brokers .btn.colorType1, .single-brokers input.btn.colorType1[type="submit"] {
  background: #dddddd;
  background: -moz-linear-gradient(center top , #FEFEFE, #CDCDCD) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#FEFEFE), to(#CDCDCD));
  background: -webkit-linear-gradient(top, #FEFEFE, #CDCDCD);
}


.page-template-page-templatepage-chinese-php #content article {
  border-bottom: none;
}

.contactBtn {
  background: url("images/button/arrowBtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 12px;
  margin-left: -10px;
  overflow: hidden;
  padding: 8px 0 10px 10px;
  text-align: center;
  width: 100%;
}

.single-brokers #slider img {
  border: 0 none;
  left: 0;
  position: absolute;
  top: 0;
}

.single-brokers #slider img.broker-img {
    left: 90px;
    position: absolute;
    top: 61px;
}

#slider p {
  color: #001c54;
  font: 18px/21px 'Arial Narrow', Arial, sans-serif; 
  font-stretch: condensed; 
  margin: 22px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

#slider ul {
  display: block;
  margin: 0 0 0 345px;
  position: relative;
}

#slider ul li {
  background: url("images/icons/sprite.png") no-repeat scroll -288px -91px;
  color: #001c54;
  font: 16px/18px 'Arial Narrow', Arial, sans-serif; 
  font-stretch: condensed;
  padding-left: 20px;
}

.single-brokers #content-inner ul.group li.credit span.email {margin-top: 12px;}
/*************************************************************************************************************************************************************************************/
/****************************************************************************  SINGLE Page  ***************************************************************************************/
/*************************************************************************************************************************************************************************************/

.entry-content p, p {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 10px;
}

.entry-header img.wp-post-image {
  margin: 1.71429rem;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- ARTICLE -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 4px double #EDEDED;
    word-wrap: break-word;
	margin-bottom: 0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------- MEDIA RELEASE ARCHIVE -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.post-type-archive-media-releases h2 a, .post-type-archive-media-releases p.entry-date { 
  padding-left: 28px;
}

.post-type-archive-media-releases h2 a {
  background: url("images/icons/sprite.png") 0 -83px no-repeat;
  padding-bottom: 2px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------- 404 -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemapSection {
  background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  padding: 20px 15px;
  margin: 20px;
}

.sitemapSection h3 {
  font-size: 19px;
  line-height: 1.6em;
}

.sitemapSection ul {
  margin-left: 0;
}

.sitemapSection ul li {
  background: none;
  float: left;
  font-size: 13px;
  padding: 0 10px 0 0;
  width: 95px;
}

.sitemapSection .menu-item-has-children {
  position: relative;
  width: 95px;
}

.sitemapSection .menu-item-has-children ul {
  float: none;
}

.sitemapSection ul.sub-menu {
  margin: 0;
}

.sitemapSection .sub-menu li:before {
  content: "> ";
  font-size: 9px;
}

.sitemapSection .sub-menu li {
  font-size: 11px;
  padding: 0;
}

.sitemapSection.brokers ul li {
  width:148px;
}

.sitemapSection ul.sub-menu ul.sub-menu {
  margin: 0 0 0 5px ;
}

.sitemapSection .marketnews li {
  display: block;
  width: 48%;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- IE FIXES -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ie8 .single-brokers .caption, .ie7 .single-brokers .caption {
  background: url("images/bg/black-transparent.png") 0 0 repeat;
  left: 0;
}

.ie8 .gradient-bar, .ie7 .gradient-bar, .ie8 #top-nav .nav-menu li a, .ie7 #top-nav .nav-menu li a {
  background: url("images/bg/ie-nav-background.png") 0 0 repeat;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- ACTIVE MENU -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.current {
	background: none repeat scroll 0 0 #00AFF0 !important;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------- JQUERY-UI PAGINATION HIDE -------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pagination {
	display:none;
}