/*
  Running MySource Matrix
  Developed by Squiz - 
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 12 February 2018 12:36:20
*/


h1{margin-bottom:9px !important;}
/*.flat-feature-box .text h1{padding: 9px 14px !important;}*/
.step-arrow:first-child{margin-left:0px;}
.step-arrow p:first-child{background: none repeat scroll 0 0 #001d38; color: #f0f0f0; position:relative; padding-top: 15px;}


@media only screen and (max-width: 641px) {
.ppc-header {
 background: rgba(0, 29, 56, 1) !important;}
}

.link-light-blue-arrow.large:after{top: 16% !important;}

@media only screen and (min-width: 980px) {
    .flat-feature-box .inner-container{
        width:auto;
        max-width:800px;
    }
    .flat-feature-box .subline{
        max-width:540px;
    }


.step-arrow p:first-child:after {
 /*border-left: 123px solid transparent;
 border-right: 123px solid transparent;
 border-top: 20px solid #001d38;
 bottom: -20px;
 content: "";
 height: 0;
 left: 0;
 position: absolute;
 width: 0;*/
}
/*
.metric {
 display: inline-block;
 position: relative;
 height: 150px;
 width: 50%;
 background: lawngreen;
}
*/
.step-arrow p:first-child:before, .step-arrow p:first-child:after {
 position: absolute;
 top: 100%;
 content: '';
 width: 50.01%;
 height: 25px;
}
.step-arrow p:first-child:before {
 right: 0px;
 background: linear-gradient(to right bottom, #001d38 50%, transparent 50%);
}
.step-arrow p:first-child:after {
 left: 0px;
 background: linear-gradient(to left bottom, #001d38 50%, transparent 50%);
}


.dealing-charges tr td {border-width: 0;}
.list-blue-circle-solid li {background: url(/__data/assets/image/0005/10341824/ShareDealingBullet.png) no-repeat scroll 0 0.27em rgba(0, 0, 0, 0) !important;}

@media only screen and (min-width:980px){
 .live-prices-banner{background:url(/__data/assets/image/0009/10341828/ShareDealingLivePriceBanner.jpg) no-repeat; height:299px;color:#FFF}
}

.li-spacer-tpl li{margin-bottom:10px;}


.manage-icon-container{margin-left: auto;margin-right: auto;width: 56px;}
.manage-icon{background:url(/__data/assets/image/0008/10341827/ShareDealingIconsSprite.png) no-repeat; width:56px; height:56px;}
.manage-icon.online{background-position:0 0;}
.manage-icon.mobile{background-position: -57px 0;}
.manage-icon.phone{background-position: -228px 0;}
.manage-icon.post{background-position: -171px 0;}
.manage-icon.ipad{background-position: -114px 0;}


.landing-warning-box-feature{background:#FFF;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);bottom: 27px;left: 40px;padding: 10px;position: absolute;width: 91%;z-index: 1;}

.sharesTable {
 list-style:none;
 padding-left: 0px;
}

.sharesTable li{
 display: inline-block;
 border-right: 1px solid grey;
 float:left;
 margin-left:0px;
 padding-left: 0.5rem;
 padding-right: 0.5rem;
}

#chartContainer{
 border: 1px solid #ddd;
}

#chartBar {
 background: #eeeeee;
 background: -moz-linear-gradient(top, #eeeeee 0%, #e0e0e0 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e0e0e0));
 background: -webkit-linear-gradient(top, #eeeeee 0%,#e0e0e0 100%);
 background: -o-linear-gradient(top, #eeeeee 0%,#e0e0e0 100%);
 background: -ms-linear-gradient(top, #eeeeee 0%,#e0e0e0 100%);
 background: linear-gradient(to bottom, #eeeeee 0%,#e0e0e0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 );
 color: inherit;
 cursor:pointer;
 display: block;
 font-size: 1.4em;
 line-height:1;
 padding: 13px;
 position: relative;
 text-decoration: none;
}

#chartBar:after{
 background: url(/__data/assets/image/0003/10341822/dropdown-arrow.png) no-repeat 0 -10px;
 content: "";
 display: block;
 height: 10px;
 position: absolute;
 right: 13px;
 top: 16px;
 width: 15px;
}
#chartBar.open:after{
 background-position: 0 0;
}

#chartBar:hover{
 background: #e2e0e0;
 background: -moz-linear-gradient(top, #e2e0e0 1%, #d3d1d1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e2e0e0), color-stop(100%,#d3d1d1));
 background: -webkit-linear-gradient(top, #e2e0e0 1%,#d3d1d1 100%);
 background: -o-linear-gradient(top, #e2e0e0 1%,#d3d1d1 100%);
 background: -ms-linear-gradient(top, #e2e0e0 1%,#d3d1d1 100%);
 background: linear-gradient(to bottom, #e2e0e0 1%,#d3d1d1 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e0', endColorstr='#d3d1d1',GradientType=0 );
}

#chart{display:none;}
#chartImage{
 float: left;
 padding: 20px;
 width: 77%;
}
#chartSettings{
 background-color: #F0F0F0;
 float: right;
 height: 390px;
 padding: 0 0 0 15px;
 width: 23%;
}

.choice {
 cursor: pointer;
 display: inline-block;
 width: 80px;
}

input[name="type"] {
 float:right;
 margin-right: 50px;
}



.li-spacer-tpl li {
 margin-bottom:10px;
}