img {max-width: 100%;}
.clr {clear: both;}
.hr10 {clear:both; margin:0 0 10px 0;}
.hr20 {clear:both; margin:0 0 20px 0;}
.hr30 {clear:both; margin:0 0 30px 0;}
.hr40 {clear:both; margin:0 0 40px 0;}
.hr50 {clear:both; margin:0 0 50px 0;}

.breadcrumb {margin-bottom:30px;}
.articleBox {margin:0 0 40px 0;}
.title {font-size:24px; margin:0 0 5px 0;}
.title h2 {font-size:24px; line-height:30px; margin-top:0;}
.title strong {font-weight: normal;}
.info {margin:0 0 15px 0; color:#878787;}
.info span {margin:0 5px 0 0;}
.tab-pane {text-align: left;}
.social {text-align: left;}
.similar {text-align: left;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}

footer .top-footer {margin-top:20px;}
.articleBox {background: #fff none repeat scroll 0 0; border: 1px solid #ddd; margin-bottom: 50px; padding: 20px;}
.logo {color:#067cbe; font-size:42px; line-height: 1.1em;}
.logo:hover {color:#fff;}

nav.cmn-tile-nav {position: relative; z-index: 1000;}
nav.cmn-tile-nav li {width:auto; overflow: visible;}
nav.cmn-tile-nav li ul {position: absolute; z-index: 10000; display:none;}
nav.cmn-tile-nav li ul li {float:none;}
nav.cmn-tile-nav li ul li a {padding:10px 20px 10px; white-space:nowrap; display: block; margin:1px 0; transform:none !important;}
nav.cmn-tile-nav li.colour-9 a { background-color: #d2072d;}
nav.cmn-tile-nav li:hover ul {display: block;}
nav.cmn-tile-nav li.colour-9:hover a { background-color: #870522;}

#container {position: relative; z-index: 1;}

@media (max-width: 480px) {
    nav.cmn-tile-nav {max-height: 400px; overflow: auto; margin-right:5px;}
    nav.cmn-tile-nav li ul {display: block; position: static;}
    nav.cmn-tile-nav li ul li a {padding-left:60px;}
}