*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

html{
	-webkit-text-size-adjust: 100%;
	height:100%;
}

body{
	font-family: 'Open Sans', sans-serif;
	background-color:#6297B9;
	line-height:24px;
	font-size:14px;
	overflow-y:scroll;
	color:#000;
	margin:0px;
	padding:0px;
	height:100%;
}

img{
	
	vertical-align:bottom;
	border:none;
}

table{
	border-collapse:collapse;
}

h1{
	font-size:24px;
	color:#000;
	margin-top:0px;
	font-weight:300;
}

h2{
	font-size:20px;
	font-weight:300;
	margin-top:0px;
	margin-bottom:6px;
}

h3{
	color:#333;
	font-size:18px;
	font-weight:300;
}

p{
	margin-top:10px;
	margin-bottom:20px;
	color:#333;
}

a, span.fake-link{
	color:#62B23A;
	cursor:pointer;
	text-decoration:none;
}

a:hover, span.fake-link:hover{
	color:#000;
}

p a{
	color:#62B23A;
}

p a:hover{
	color:#000;
}

div.wrapper{
	margin-right:auto;
	margin-left:auto;
	background-color:none;
	position: relative;
	z-index:10;
	overflow:hidden;
}

div.max-wrapper{
	min-width:auto; 
	overflow:visible; 
	width:960px
}

div.two-one-columns{
	margin-top:20px;
}

div.three-one-columns{
	margin-top:20px;
}

div.full-width-column{
	margin-top:20px;
	width:100%;
}

div.full-width-container{
	background-color:#fff;
}

iframe.contact-map{
	width:100%;
}

a.inflated-link{
	position:absolute;
	top:0; right:0; left:0; bottom:0;
}

div#outer-wrapper{
	min-height:100%;
	position:relative;
}

div#header{
	background-color:#9AD87D;
	color:#000;
	width:100%;
}

div#content{
	padding-bottom:140px;
}

div#header div#logo{
	background-color:#fff;
	padding-top:14px;
	padding-bottom:20px;
}

div#header div#logo img{
	margin-left:20px;
}

div#header span#logo-text{
	font-weight:300;
}

div#header div#logo a{
	color:#000;
	text-decoration:none;
}

div#header div#links{
	clear:both;
	width:100%;
}

div#header div#links ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:10px;
}

div#header div#links ul li{
	padding:10px;
	text-transform:uppercase;
	font-size:14px;
	background-color:#458BB7;
	color:#fff;
	position:relative;
}

div#header div#links ul li:hover{
	background-color:#084870;
}

div#header div#links ul li:last-of-type{
	border-right:none;
	border-bottom:none;
}

div#header div#links ul li.selected{
	background-color:#084870;
}

div#sub-links{
	clear:both;
	width:100%;
	background-color:#9AD87D;
}

div#sub-links ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:0px;	
}

div#sub-links ul li{
	padding:10px;
	text-transform:uppercase;
	font-size:14px;
	background-color:#9AD87D;
	padding-top:4px;
	padding-bottom:4px;
	color:#fff;
	position:relative;
	float:left;
	border-right:none;
}

div#sub-links ul li:hover{
	background-color:#fff;
	color:#000;
}

div#sub-links ul li:last-of-type{
	border-right:none;
	border-bottom:none;
}

div#sub-links ul li.selected{
	background-color:#fff;
	color:#000;
}

div#header div#social-icons{
	float:right;
	margin-right:10px;
	margin-top:24px;
}

div#header div#social-icons img{
	width:32px;
}

img#header-image{
	width:100%;
}

div.body{
	background-color:#fff;
	padding:20px;
	min-height:400px;
}

button, .button{
	color:#fff;
	background-color:#458BB7;
	text-transform:uppercase;
	display:inline-block;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	width:100%;
	text-align:center;
	border:0px;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

button.disabled, .button.disabled{
	background-color:#ccc;
	cursor:default;
}

.button.disabled a{
	pointer-events:none;
}

button.disabled:hover, .button.disabled:hover{
	background-color:#ccc;
	
}

button:hover, .button:hover{
	background-color:#084870;
	color:#fff;
}

div.button a{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}

.button.admin{
	font-size:14px;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:6px;
	padding-bottom:6px;
	height:28px;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
	text-align:center;
	line-height:16px;
	padding-right:20px;
	padding-left:20px;
}



div.login-button{
	font-size:14px;
	text-transform:none;
	padding:0px;
	padding-right:0px;
	margin:0px;
	padding-left:20px;
	background:url("/resources/images/layout/padlock_blue_bg.png") no-repeat scroll 10px 50% #458BB7;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

div.login-button:hover{
	background:url("/resources/images/layout/padlock_blue2_bg.png") no-repeat scroll 10px 50% #084870;
}

div.account-button{
	font-size:14px;
	text-transform:none;
	padding:4px;
	margin:0px;
}

div#login-box{
	top:0px; 
	right:0px; 
	margin-top:0px;
}

div#login-box div#account-name{
	text-align:right;
}


div.vanity-image img{
	width:100%;
}

div#left-bar div#enquiry-button{
}

div#right-bar{
	background-color:#fff;
}
div#right-bar-inner{
	padding-right:10px;
	padding-left:10px;
}

div#footer{
	color:#000;
	background-color:#9AD87D;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

div#footer a{
	color:#000;
}

div#footer a:hover{
	text-decoration:underline;
}

div#footer div.three-ones-column{
	background-color:#000;
	padding-bottom:20px;
}

div#footer div#footer-text{
	text-align:center;
	margin-top:20px;
	padding-bottom:20px;
}

div#footer div#footer-text p{
	color:#000;
	padding-top:20px;
}

div#overlay{
	position:fixed; 
	width:100%;
	height:100%;
	background-color:#6297B9;
	opacity:1.0;
	z-index:5;
	top:0px;
	left:0px;
}

img#background-image {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1824px;
    position: fixed;
    top: 0;
    width: 100%;
	display:none;
}

div.error{
	border:1px solid #ff0000;
	color:#ff0000;
	background-color:#FFE0E0;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

div.success{
	border:1px solid #86B76E;
	color:#86B76E;
	background-color:#D9FFC6;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

div.warning{
	border:1px solid #ffef60;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#fdffc1;
}


div.status{
	border:1px solid #458BB7;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#CBE4F4;
}

input[type='text'],input[type='password']{
	height:30px;
	font-size:14px;
	padding-left:8px;
	border:1px solid #ccc;
}

select{
	height:34px;
}

form#shuttle-monitor div.row{
	margin-top:20px;
}

div.button.add-tube{
	width:80px;
	float:left;
	margin:0px;
	margin-left:10px;
	font-size:14px;
	padding:6px;
}

div.button.add-shuttle{
	width:100px;
	float:left;
	margin:0px;
	margin-left:10px;
	font-size:14px;
	padding:6px;
}

form.general-form input[type='text'], form.general-form input[type='password'], form.general-form textarea{
	height:30px;
	font-size:14px;
	padding-left:8px;
	width:100%;
	width:300px;
	border:1px solid #ccc;
}

form.general-form select{
	height:26px;
	font-size:16px;
	padding-left:8px;
	width:100%;
	width:312px;
}

form.general-form textarea{
	font-size:14px;
	padding:8px;
	width:100%;
	font-family: 'Open Sans', sans-serif;
}

form.general-form div.form-error{
	color:#FF0045;
}

form.general-form div.title{
	color:#458BB7;
	font-weight:bold;
}

div.form-row {
	margin-top:10px;
}


div.form-row div.form-title{
	
}

div.form-row div.form-field{
	
}

div.important-message{
	border:1px solid #458BB7;
	padding:20px;
	background-image:url('/resources/images/layout/warning_icon.png');
	background-repeat:no-repeat;
	background-size: 66px 60px;
	background-position:10px 14px;
	padding-left:90px;
	
}

div#menu-burger{
	width:50px;
	height:50px;
	float:left;
	background-image:url('/resources/images/layout/burger_icon.png');
	cursor:pointer;
}

div#menu-burger:hover{
	background-position:0px 50px;
}

div#menu-burger.active{
	background-position:0px 50px;
}

.required{
	color:#458BB7; 
	font-weight:bold;
}

table.standard-table{
	width:100%;
}

table.standard-table th{
	text-align:left;
	color:#fff;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}

table.standard-table td{
	text-align:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}

table.standard-table tr.strikethrough{
	text-decoration: line-through;
}

table.standard-table tr:nth-of-type(odd){
	background-color:#fff;
}

table.standard-table tr:nth-of-type(even){
	background-color:#DAE4EA;
}

table.standard-table tr:nth-of-type(1){
	background-color:#458BB7;
}

table.list-table th{
	padding-right:20px;
	vertical-align:top;
	color:#458BB7;
	text-align:right;
	padding-bottom:10px;
}

table.list-table td{
	padding-bottom:10px;
}

.payment-method{
	text-align:center;
	margin-right:20px;
	display:inline-block;
}

.payment-method-text{
	margin-bottom:10px;
}

.payment-method  input[type="radio"]{
	
	
}
.payment-method  input[type="radio"]:checked + .payment-method-image-container{
	border:4px solid #6297B9;
}

.payment-method  input[type="radio"] + .payment-method-image-container{
	border:4px solid #fff;
}

.payment-method  img{
	width:80%;
}

div.reviews div.review{
	background-color:#6297B9;
	height:200px;
	position:relative;
}

div.reviews div.review div.review-name{
	background-color:#9AD87D;
	padding:10px;
	display:inline-block;
	position:absolute;
	bottom:0px;
	right:0px;
	color:#000;
}

div.reviews div.review div.review-text{
	padding:20px;
	padding-top:20px;
	padding-bottom:10px;
	height:120px;
	overflow:hidden;
	color:#fff;
}

div.reviews div.review div.review-text p:first-of-type{
	margin-top:0px;
}