/*  FTWEB Responsive Web Design Specific styles*/
/*.secondary #ls-row-2 #left-col {display: none;} 

#ls-canvas #inner-wrapper {
       max-width: 980px;
        min-width: 790px;
	width:980px;
}
*/

body {
	margin: 0;
	padding: 0;
}
#header_static,
#header-mobile,
#srchtools-mobile,
#browse-menu,
.content-mobile,
#element2,
#body-print .mobile,
.footer	#stdsite,
#sitelinks-wrapper-mobile,
#footer-all-mobile,
#copyright {
	display: none;
}
#element2 {
		display: none !important;
}
p.gotop {
	clear: both;
	float: none !important;
}
.contentBoxBody img, .contentBoxBody p, .contentBoxBody a, .contentBoxBody span, .contentBoxBody ol, .contentBoxBody ul, .contentBoxBody li {
	font-size: 98% !important;
}




 @media all and (max-width:760px) and (min-width: 220px) {
    body {
		width:100%;
		background-color: #fff;
		font-size: 100%;
	}
		
	#ls-canvas {
		background: none;
		background-color: #fff;
		margin: 0;
	}
	#ls-canvas #inner-wrapper {
		max-width: 100%;
        min-width: 80%;
		width:100%;
		background: none;
		background-color: #fff;
		margin: 0;
	}
	#column-wrapper {
		background: none;
		padding-left: 0;
	}
	#toprowtools,
	#tools span,
	#breadcrumbs,
	#cim_top-nav,
	.tagline,
	#function-tools-upper,
	#function-tools-lower,
	#fsIcons,
	#main-heading,
	.secondary #ls-row-2 #left-col ,
	.bodypdf,
	.skip-content,
	.related,
	#body-print .web,
	#right-col,
	.footer .float-left,
	.footer .float-right,
	.footer .footerdate,
	#sitelinks-wrapper,
	.footer #sitelinks-wrapper-mobile,
	#footer-all	{
		display: none;
	}
	
	#header-mobile {
		height:40px; 
		width: 100%;
		display: block;
     	background: transparent url(/ft_mob_assets/redesign_ft/images/banner_background.jpg) repeat-x;
	}

	#header-mobile #header_static {  	
		display: block;
	}
	#header-mobile #breadcrumb .right-bg .left-bg .home-tab {float:left;}
	#header-mobile #breadcrumb .right-bg .left-bg a.single-line {line-height:2.5em;}
	#header-mobile #breadcrumb .right-bg .left-bg a.double-line {text-align:center; width:3.2em; word-wrap: break-word; }
	#header-mobile #breadcrumb .right-bg .left-bg a.double-line-long {text-align:center; width:7.8em; word-wrap: break-word; }
	#header-mobile #breadcrumb .right-bg .left-bg a.triple-line {text-align:center; line-height: 1em; width:7.1em; word-wrap: break-word; }
	#header-mobile #breadcrumb .right-bg .left-bg span {float:left;}
	#header-mobile #breadcrumb .right-bg .left-bg a {float:left; color:#fff;}

	#breadcrumb .right-bg .left-bg a.br_option {
		background: url(/ft_mob_assets/images/br_bg.gif) repeat top center;
		height: 24px;
		padding: 6px 3px 7px;
		display: inline-block;
		color: #fff;
		font-weight: bold;
		font-size: 0.744em;
		text-decoration: none;
		vertical-align: middle;
	}
	#header-mobile #logo,
	#header-mobile #breadcrumb {
		background: url(/ft_mob_assets/redesign_ft/images/banner_people.jpg) no-repeat top right;
		height: 41px;
	}
	#header-mobile #breadcrumb .right-bg .left-bg a.br_option {
		height: 37px;
	}
	#header-mobile #breadcrumb .right-bg .left-bg a.double-line-long {
		height: 37px;
		padding: 6px 0;
	}

	
	#content-inner .rsbtn {
		border-top: none !important;
		padding: 0 !important;
		margin: 30px 0 10px 10px !important;
	}
	#contentstart {
		border-top: none;
	}
	#srchtools-mobile {
		display: block;
		background-color: transparent;
		clear: both;
		float: left;
		width: 99.4%;
		position: relative;
		padding: 2px 3px;
		color: #fff;
		height: 22px;
	}
	#srchtools-mobile .float-right form {
		padding-top: 10px;
		float: left;
		display: inline;
	}
	#srchtools-mobile .float-right .updated {
		display: none;
	}
	#srchtools-mobile .float-right form .input-search {
		margin-top: 0;
		font-size: 10px;
		margin-left: 10px;
		margin-right: 5px;
		padding: 0;
		width: 141px;
		height: 22px;
		\height: 22px;
		he\ight: 22x;
	}
	#srchtools-mobile .float-right form .button-go {
		background: url('/ft_mob_assets/images/search_go.jpg') no-repeat scroll left top transparent;
		font-size: 0;
		padding-right: 1px;
		border: 0;
		width: 25px;
		height: 16px;
		margin-bottom: 0;
		vertical-align: top;
		margin-top: 3px;
    }
	.secondary #ls-row-2 {
		width: 100%;
		max-width: 	100%;
		min-width: 220px;
		margin: 0;
		border-left: none;
		border-right: none;
		background: #fff url(/common_res/ftweb/images/side_nav_palegrey_background.gif) repeat-y top left;
	}
	.secondary #inner-wrapper #ls-row-2,
	.secondary #inner-wrapper .indigenous,
	.secondary #inner-wrapper .youth	{
		background: none;
	}
	
	.secondary #ls-row-2 #content-inner {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		padding-bottom: 10px;
	}
	#contentstart {
		border-top: none;
	}
	#body-print .mobile {
		display: block;
	}
	#content-inner .special-container-outer,
	#content-inner .info-container-outer {
		margin-top: 9px;
	}
	#body-print h1.pageheading,
	#body-print h1,
	#body-print h2,	
	#body-print h3,
	#body-print h4 {color: #15397f;}

	#browse-menu {
		display: block;
	}
	.content-mobile {display: block; line-height:1.2em;}
	.min-width {min-width:250px;}
	.sectionhdr1 p {
			display:block;
			background: #f1f1f1;
			background:url(/ft_mob_assets/images/section-bg.gif) no-repeat top left, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7d7d7), to(#ffffff)); /* for webkit browsers */
			background:url(/ft_mob_assets/images/section-bg.gif) no-repeat top left, -moz-linear-gradient(100% 100% 90deg, #ffffff, #d7d7d7) no-repeat scroll 0 0;
			border-bottom:1px solid #e3e3e3;
			color: #1696D6;
			font-size:1.333em;
			font-weight:normal;
			margin:0;
			padding: 6px 0px;
			text-indent:30px;
			line-height:normal;
	}
	#main-navmenu {text-align:left;}
	#main-navmenu li {background:#007dd6; border-bottom:1px solid #fff; padding:0; margin:0; text-transform:none; font-weight:bold;}
	#main-navmenu li a {text-decoration:none; display:block; background:transparent url(/ft_mob_assets/images/arrow-white.png) no-repeat right center; color:#fff; padding: 15px 10px 15px 10px;}
	#main-navmenu li h2 a {background-image:none;}

	#back-menu {text-align:left; border-top:1px solid #e3e3e3;}
	#back-menu li {background:#CC3333; border-bottom:1px solid #fff; padding:0; margin:0; text-transform:none; font-weight:bold;}
	#back-menu li a {text-decoration:none; display:block; background:transparent url(/ft_mob_assets/images/arrow_left_white.png) no-repeat left 17px; color:#fff; font-size: 1.25em; padding: 10px 10px 10px 10px; text-indent:30px;}

	#navmenu {text-align:left;}
	#navmenu li {border-bottom:1px solid #e3e3e3; padding:0; margin:0; text-transform:none; font-weight:bold; color:#000;}
	#navmenu li.info-icn {background:#fff url(/ft_mob_assets/images/information-icon.png) no-repeat 7px 10px;}
	#navmenu li.srch-icn {background:#fff url(/ft_mob_assets/images/search-icon.png) no-repeat 7px 10px;}
	#navmenu li.anct-icn {background:#fff url(/ft_mob_assets/images/announcement-icon.png) no-repeat 7px 10px;}
	#navmenu li.cnt-icn {background:#fff url(/ft_mob_assets/images/contactus-icon1.png) no-repeat 7px 10px;}
	#navmenu li.latest_news-icn {background:#fff url(/ft_mob_assets/images/icons/latest_news.png) no-repeat 7px 10px;}
    #navmenu li.consumer_warning-icn {background:#fff url(/ft_mob_assets/images/icons/consumer_warning.png) no-repeat 7px 10px;}
	#navmenu li.check_a_licence-icn {background:#fff url(/ft_mob_assets/images/icons/check_a_licence.png) no-repeat 7px 10px;}
	#navmenu li.whats_on-icn {background:#fff url(/ft_mob_assets/images/icons/whats_on.png) no-repeat 7px 10px;}
	#navmenu li.make_an_enquiry-icn {background:#fff url(/ft_mob_assets/images/icons/make_an_enquiry.png) no-repeat 7px 10px;}
	#navmenu li.make_a_complaint-icn {background:#fff url(/ft_mob_assets/images/icons/make_a_complaint.png) no-repeat 7px 10px;}
	#navmenu li a {text-decoration:none; display:block; background:transparent url(/ft_mob_assets/images/arrow.png) no-repeat right 15px; padding: 7px 10px 7px 0; text-indent:40px;}
	#navmenu li a span {color:#666; display:block; font-size:0.844em; font-weight:normal;}
	#navmenu li a:visited, #navmenu li a:visited, #navmenu li a, #navmenu li a:hover { color:#1696D6; }

	#footer-small,
	#copyright {
		display: block;
	}
	#footer-small {padding:10px; color:#404040; height:65px}
	#footer-small p {padding:0px;}
	#footer-small p a {font-size:0.844em; margin: 0; padding:0 3px 0 0; }

	#copyright {background: #707070; padding:10px 0; color:#fff; position:absolute; bottom:0; width:100%; height:25px}
	#copyright p {font-size:0.844em; padding:0; text-align:center;}
		
	.f-left {float:left; color: #1696D6; text-decoration: underline;}
	.f-right {float:right;}
	.taright {text-align:right;}
	.margin1,.margin2 {margin:0; width:auto; border-bottom:1px solid #e3e3e3;}
	.imgindent {float:left; margin-right:14px;}
	a#back2top {color: #1696D6; width: 75px; text-decoration: underline;}
	
	.secondary #ls-row-2 #content-inner, 
	#frmResults {
		width: 98% !important;
	}
	input#queryPage {
		width: 200px !important;
	}
	
	#main-navmenu li {
		background-color: #15397f;
	}
	#element2 {
		display: block !important;
		width: 100% !important;
		border-bottom: none !important;
		clear: both;
		color: #15397f !important;
		display: block;
		font-size: 100% !important;
		height: auto !important;
		text-transform: none !important;
		vertical-align: top;
	}
	
/*
#navmenu li a, #navmenu li a:visited, #navmenu li a:visited, #navmenu li a:hover, #navmenu li a:hover {
	color: #15397f;
}
*/

	/* Footer row - ls-row-3 */
	.secondary #ls-row-3 {
		border-top: none;
		padding: 0px 0px 0px 0px;
	}
	.footer {
		height: auto;
		margin-bottom: 0;
	}
	.footer	#stdsite {
		margin-bottom: 10px;
		clear: both;
		background-color: #fff;
		float:left;
		width: 100%;
		padding: 10px;
		display: block;
	}
	.footer #stdsite a {
		color: #1696D6;
	}
	.footer #sitelinks-wrapper-mobile {
		background-color: #1f1f21;
		color: #a8a8a8;
		height: auto;
		vertical-align: middle;
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #676767;
		padding-bottom: 0px;
		line-height: normal;
		display: block;
		float: left;
	}

	.footer #sitelinks-wrapper-mobile #sitelinks {
		color: white;
		clear: both;
	}

	.footer #sitelinks-wrapper-mobile #sitelinks .nav-col {
		padding: 10px 0;
		float: left;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .nav-col .nav-col-heading {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 16px;
		font-weight: 500;
		line-height: 1.1;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .nav-col a {
		color: #a8a8a8;
		margin:	0;
		font-size: 1.06em;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .nav-col a:hover {
		text-decoration: none;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks {
		float: left;
		line-height: 34px;
		padding: 10px 0px 10px 0px;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks  .heading,
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks  .call-text {
		text-align: left;
		font-size: 1.4em;
		clear: both;
		font-weight: bold;
		padding-left: 10px;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks  .heading {
		font-size: 1.7em;
		font-weight: normal;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks  .call-text  a {
		color: #fff;
		font-size: 1.2em;
		text-decoration: none;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks ul {
		padding: 10px 0;
		float: left;
	}
	.footer #sitelinks-wrapper-mobile #sitelinks .connectlinks ul li {
		/*padding: 10px 0 10px 20px;*/
		padding: 10px 0 10px 10px;
		float: left;
		border-bottom: none;
		background: none;
	}

	.footer #footer-all-mobile {
		background-color: #1f1f21;
		color: #a8a8a8;
		height: auto;
		vertical-align: middle;
		line-height: 30px;
		clear: both;
		font-size: 87%;
		padding-left: 10px;
		display: block;
		float: left;
	}
	
	.footer #footer-all-mobile a {
		color: #a8a8a8;
		font-size: 1em;
		margin: 0 1px;
		text-decoration: none!important;
	}
	.footer #footer-all-mobile .float-left {
		display: block;
	}
	
	#copyright {
		display: none;
	}
	#ls-row-4 {
		border-top: none;
		padding-top: 0;
		padding-bottom: 0;
	}

  }

/* iPhone Landscape 
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
    
}

@media all and (max-width: 1000px) and (min-width: 700px) {
}

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
 
}

@media all and (min-width: 1001px) {
  #left-col { display: none }
}

@media all and (max-width: 1000px) and (min-width: 700px) {
  #left-col { display: none }
  }
}

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
   #left-col { display: none }
  }
}*/
 
/* iPhone 6+ */
/* Portrait */
@media all and (max-width: 414px) {
    #ls-row-2 {
        max-width: 414px;
		width:100%;
		min-width: 400px;		
    }
} 
/* iPhone 6 */
/* Portrait */
@media all and (max-width: 375px) {
    #ls-row-2 {
        max-width: 375px;
		width:100%;
		min-width: 300px;
    }
}
 
/* Galaxy S4 */
/* Portrait */
@media all and (max-width: 320px) {
    #ls-row-2 {
        max-width: 320px;
		width:100%;
		min-width: 300px;
    }
}
