h1		{color:#0054a6; font-size:50px; font-size:5rem; font-weight:normal; font-family:'Raleway', sans-serif; text-transform:none;}
.tab h2		{color:#ffffff; font-size:42px; font-size:4.2rem; font-weight:normal; font-family:'Raleway', sans-serif; text-transform:none; margin-bottom:30px;}
h2, .container-news h3		{color:#0054a6; font-size:42px; font-size:4.2rem; font-weight:normal; font-family:'Raleway', sans-serif; text-transform:none; margin-bottom:10px;}
.close-btn {position:absolute; top:20px; right:20px; }

.social-login { width: 90%; margin-top: 20px; }
.social-login .btn-social {width: 48%; float: left; margin-bottom: 10px;}
.social-login .btn-social.btn-twitter {float: right; margin-left: 0;}

.col-3				{position:relative;}
.col-3 a			{width:100%; height:100%; position:absolute; z-index:9; display:block; left:0; right:0; top:0; bottom:0; z-index:4; background:#ffffff; opacity:0; filter: alpha(opacity = 0);}
.panel-aqua			{min-height:220px; text-align:center; position:relative; background-color:#00a6c9; border-radius:2px; box-shadow:0 2px 0 #02738b; margin:45% 0 45px 0;}
.panel-aqua span	{color:#fff; font-size:26px; font-size:2.6rem; position:absolute; bottom:20px; left:0; width:100%;}
.panel-aqua img		{margin-top:-35%;}

.narrow-col p	{color:#ffffff; font-size:26px; font-size:2.6rem;}
.narrow-col	ul	{color:#ffffff;}

a.forgotten-password-link {font-size: 16px;  font-size: 1.6rem;  color: #979ea1;  font-style: italic;  display: inline-block;  text-decoration: none;  margin-top: 8px;}

.form-container button	{width:213px !important;}
.form-container select	{width:90%;}
.form-col.tab {display:block;}
.tab-divider {display:none;}
.expander-tab {display:none !important;}

#postcode-lookup-select-row {display:none;}
#heading-login-below {display:none;}
#link-logged-in-mobile {display:none;}

.top-level-listing		{margin:40px 0}
/*.top-level-listing img	{max-width:248px; width:25%; float:left; border-left:6px solid #0054a6}*/
.top-level-listing img { width: 100%; float: left; padding-right: 30px; border-left: 6px solid #0054a6; max-width: 29.6rem; height: 16rem; }
/*.top-level-listing-txt	{padding:15px 30px 0 30px; width:75%; float:left;}*/
.top-level-listing-txt	{padding:15px 30px 0 30px;}
.top-level-listing-txt p	{font-size:16px; font-size:1.6rem;}
.top-level-listing-txt p span	{font-weight:bold; text-transform:uppercase; font-size:12xp; font-size:1.2rem; font-family:'Montserrat', sans-serif}
.top-level-listing-txt a	{font-size:22px; font-size:2.2rem; color:#0054a6; text-decoration:none; margin-bottom:10px; display:block;}

.tab-btn.active:after {content:""; display:block; width:0; height:0; border:16px solid transparent; border-top-color:#ffffff; position: absolute; bottom: -32px; left: 50%; margin-left: -16px;}

.top-level-listing-grey	{background-color:#f5f5f5;}

.col-4-resource h2	{color:#00a6c9; font-size:26px; font-size:2.6rem; margin-bottom:10px;}
.col-4-resource p	{font-size:16px; font-size:1.6rem;}
.col-4 img			{margin-bottom:20px;}

.carousel-resources 		{float:left; width:75%;}



@media all and (max-width: 1100px) { 
.narrow-col	{width:30%; margin:0;}
.wide-col	{width:68%; margin:0 0 0 2%;}
}

@media (min-width: 641px) and (max-width: 1099px){
	.panel-aqua span{
	bottom:0px; 
   font-size: 2.4rem;
	}    
} 

@media all and (max-width:900px) {

.narrow-col		{width:100%; margin:0;}
.wide-col		{width:100%; margin:0;}
.carousel-resources {width:100%; float:none;}
.col-4-resource {text-align:center;}
.col-4-resource img {  margin: 0 auto 20px;}
.col-4-resource h2 br {display:none;}

}

@media all and (max-width:768px) {

.desktop-btn span	{font-size:20px; font-size:2.0rem;}
.panel-aqua			{min-height:180px;}
.narrow-col			{width:100%; margin:0;}
.wide-col	{width:100%; margin:0;}

}

@media all and (max-width:640px) {

h1, h2			{font-size:36px; font-size:3.6rem;}

.bottom-80	{padding-bottom:30px !important;}
.top-80		{padding-top:30px !important;}

.form-col	{width:100%;}
.form-col-2	{width:100%; border:none; padding:30px 0 0 0;}
.social-login .btn-social {width:100%;}


.top-level-listing	{width:100%;}
.top-level-listing img	{width:100%; height:100%; max-width:100%;padding-right: 4px;margin-bottom: 20px;}
.top-level-listing-txt	{width:100%; padding:20px;}

.desktop-btn			{width:100%; float:none; margin:80px 0;}
.desktop-btn span		{width:40%; left: 20px; top: 20px; text-align:left;}
.panel-aqua				{min-height:150px; margin:55px 0;}
.panel-aqua img			{float:right; width:50%; margin-right:2%; margin-top:-10%;}
.col-4.col-4-select	{width:100%; float:none}
.col-4	{padding: 10px 17px;}
.white-container.carousel .next-slide, .white-container.carousel .prev-slide	{width:35px; height:35px; top: 65%;}
.white-container.carousel .next-slide	{right:20px;}
.white-container.carousel .prev-slide	{left:20px;}
.white-container.carousel .prev-slide .icon	{margin:-3px 0 0 5px;}
.white-container.carousel .next-slide .icon	{margin:-3px 0 0 5px;}

.form-col.tab {display:none;}
.form-col.tab.tab-first {display:block;}
.tab-divider {display:block;}
.expander-tab {display:block !important;}

#form-order-guide h3 {display:none;}
#form-order-guide-login h3 {display:none;}
#order1 {display:none;}
#heading-contact-details {display:none;}
#heading-login-below {display:block;}
#link-logged-in-mobile {display:block;}

.tab .form-col.tab { padding:20px; background:#f5f5f5;}
.tab .form-col.tab input, .tab .form-col.tab .ui-selectmenu-button {background-color:#ffffff;}
#postcode-lookup-search {background-color:#393939;}
}

@media all and (max-width:500px) {

.panel-aqua			{min-height:110px;}
.desktop-btn span	{font-size:18px; font-size:1.8rem;}
.panel-aqua			{margin:35px 0;}


}

@media all and (max-width:400px) {

.desktop-btn span	{font-size:16px; font-size:1.6rem;}
.btn-show-more		{font-size:12px; font-size:1.2rem;}

}


@media all and (max-width:320px) {

	.tab .form-container {padding:10px !important;}

}