/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* 
Book 400
Medium 500
SemiBold 600
Bold 700
Black 900
*/

/*  IMPORT FONTS  ============================================================================= */

/* BASIC PAGE SETUP ============================================================================= */
body { 
margin : 0 auto;
padding : 0;
font : 100%/1.5 'freight-sans-pro',sans-serif; 	
color : #383838; 
text-align: center;
font-weight:400;
}

button, 
input, 
select, 
textarea { 
font-family: "freight-sans-pro",sans-serif;

color : #333; }

/*  HEADINGS  ============================================================================= */


h1 { 
color: #000;
margin-bottom : 0.5em;
margin-top:0;
font-size:50px; /* 96 / 16 */
font-weight:700;
line-height:50px;
text-transform:uppercase;
letter-spacing:1px;
}

h2 { 
color: #d82328;
margin-bottom : 0.5em;
margin-top:0;
font-size:40px; /* 96 / 16 */
line-height:40px;
font-weight:500;
text-transform:uppercase;
letter-spacing:1px;
}


h3 { 
color: #696969;
margin-bottom : 0.5em;
margin-top:0;
font-size:30px; /* 96 / 16 */
line-height:30px;
font-weight:500;
letter-spacing:1px;

}

h4 { 
font-weight:bold!important;
color: #696969;
margin-bottom : 0.3em;
letter-spacing: 1px;
font-size : 23px; /* 28 / 16 */
line-height : 23px; 
}

h5 {  font-family:'NettoOT-Bold';}





/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  
margin-bottom:1em;
}




p.center {
text-align: center;
}


.and {
font-size: 1.5em; /* 24 / 16 */
}

.heart {
font-family: Pictos;
font-size: 1.5em; /* 24 / 16 */
}

ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : 700; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}

/* LINKS =============================================================================  */

a { 
color:#383838;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: underline;
}

a:visited { 
color : #383838; }

a:focus {  
color : #383838; }

a:hover, 
a:active { 
outline : 0;
color : #d82328;
text-decoration:none;
}




/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 9px 20px;
margin: 0 0 14px 0;
cursor : pointer; 
 font-weight:500;
 font-size:16px;
-webkit-appearance: none;
border-radius: 0;
 box-sizing : border-box;
 background:#d82328;
 letter-spacing:1px;
 color:#fff;
 text-transform:uppercase;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover 
{
	background:#000000;	
	}



input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
display:block;
width:100%;
margin:0 0 10px 0;
border-radius: 0;
 border:0;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
	
	
input[type="text"] ,[type="password"]
{
	background:#fff;
	color:#717171;
	 font-family: "freight-sans-pro",sans-serif;
	 font-size:16px;
	 padding:8px 10px;
	 box-sizing : border-box;
	 border:1px solid #d5d2d2;
		 
}

	
textarea{
font-family: "freight-sans-pro",sans-serif;
width:100%;
height:200px;
margin:0 0 20px 0;
border:1px solid #d5d2d2;
padding:5px;
font-family:inherit;
font-size:0.9em;
overflow : auto; 
vertical-align : top;
}

/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }



/*  MAIN LAYOUT	============================================================================= */

.clrred { color:#ff282e;}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}


.maincontent 
	{
		clear: both;
		width: 80%; /* 1000px / 1170px */
		font-size: 1.0625em; /* 17 / 16 */
		line-height:1.5em;
		max-width:72.9375em; /* 1200px / 13 */
		margin: 0 auto;
		color: #383838;
		position: relative;
		font-family: "freight-sans-pro",sans-serif;
		font-weight:400;
	}
	
	
.required { color:#b01d21;}	
		
/* Header */
#header-panel { width:100%; background:#fff; padding-top:20px;}
	.header-logo {}
	.header-right { text-align:right; padding-top:55px;}

/* Navigation */	
#navigation-panel { width:100%; background:#eeeeee;}	

/* Banner/Sailing Schedule Form */
#banner-panel { width:100%; margin:15px 0;}
  .banner-inside {   padding:0;}
	.banner-left { height:auto;}
	.banner-left img { min-width:840px; width:100%;}
	
	.banner-left-pages { height:450px; overflow:hidden; position:relative;}
	.banner-left-pages img { min-width:840px; width:100%;}
	
	.banner-text-holder { position:absolute; bottom:60px; left:30px; font-size:40px; line-height:40px; color:#fff; font-weight:700; text-transform:uppercase; width:50%;}
	.banner-text-holder-pages { position:absolute; bottom:30px; left:30px; font-size:40px; line-height:40px; color:#fff; font-weight:700; text-transform:uppercase; width:100%;}

	.form-right { height:450px; background:#eeeeee;}

	#form-schedule { }
	.form-head {background: url(../images/sailing-icon.png) no-repeat right center #d82328; border-bottom:5px solid #b01d21; font-weight:700; color:#fff; text-transform:uppercase; padding:20px 20px 19px 20px; font-size:23px; display:block; letter-spacing:1px;}	
		.form-holder { padding:18px 20px 10px 20px; }
		.form-label { font-weight:700; text-transform:uppercase; font-size:15px; margin-bottom:5px;}	
		.form-holder input[type="submit"] { margin-top:10px!important;}
	#banner-panel .col  { margin:0; padding:0;}

/* Services Panel */
#services-panel { width:100%; margin-bottom:20px;}
 .services-inside { border-bottom:1px solid #dadfe1; padding:20px 0 30px;}
	.services-holder { text-align:center;}
	.services-title { color:#d82328; text-transform:uppercase; font-weight:700; font-size:25px;}
	.services-holder img { margin-bottom:15px; transition: transform 0.5s ease;}
	.services-holder:hover img {transform: translateY(10px);}
	.services-holder:hover { cursor:pointer;}
	.services-holder:hover a { color:#000;}
	.services-title a { color:#d82328; text-decoration:none;}
	
	.services-inside .section .span_1_of_3 .services-holder {border-right:1px solid #dadfe1;}
	.services-inside .section .span_1_of_3:nth-child(2) .services-holder { padding-right:5px;}
	.services-inside .section .span_1_of_3:last-child .services-holder{ border-right:0;}	

 

/* Body Panel */
#body-panel { padding:20px 0; width:100%;}
	.body-left {}
		.body-left img { border:5px solid #eeeeee; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.body-right {}
		
		/* Side Services */
		.side-services-holder {}
		.side-services-list { list-style-type:none; margin:0; padding:0;}
		.side-services-list li { cursor:pointer; vertical-align:middle; background:url(../images/services-arrow.png) right center no-repeat; background-position:95% 50%;}
		.side-services-list li a { display:block; text-decoration:none; border:1px solid #dadfe1; text-transform:uppercase; font-size:19px; font-weight:500; letter-spacing:1px; padding:16px 12px; margin: 0 0 15px 0}
		.side-services-list li img { vertical-align:middle; margin-right:10px;}
			.side-services-list li a:hover { border:1px solid #d82328;} 
		
		.side-main-services-holder {}
		
		.side-main-services-list { list-style-type:none; margin:0; padding:0;}
		.side-main-services-list li { cursor:pointer; vertical-align:middle; }
		.side-main-services-list li a { display:block; text-decoration:none; border:1px solid #eeeeee; text-transform:uppercase; font-size:22px; font-weight:700; color:#d82328; letter-spacing:1px; padding:8px 12px; margin: 0 0 15px 0; background:#eeeeee;}
		.side-main-services-list li img { width:63px; vertical-align:middle; margin-right:10px;}
			.side-main-services-list li a:hover { background:#fff; border:1px solid #eeeeee; } 

		
		
/* Footer */
#footer-panel { background:#eeeeee; width:100%; padding:30px 0;}
.footer-credits { font-size:13px; letter-spacing:1px; text-transform: uppercase; margin-top:30px;}
.footer-credits a { text-decoration:none; }
.footer-right { text-align:right;}
.footer-logo { width:242px;}
		.footer-list { list-style-type:none; margin:0; padding:0;}
		.footer-list li { display:inline-block; text-transform:uppercase; font-size:13px; padding:0 50px 0 0; letter-spacing:1px;}
		.footer-list li:first-child { padding-left:0;}
		.footer-list li a { text-decoration:none;}
.vixen-holder{background:#FFF; padding:20px 0 10px 0; font-size:15px!important; text-align:center; margin:0; width:100%;}
.vixen-holder img{width:30px; vertical-align:middle;}
.vixen-holder a{text-decoration:none;}	
.vixen-holder img:hover { color:#d82328;}	
		

/* Listings */
.top-list { padding:0; margin:0;}
.top-list li  { color:#6c7a89; display:inline-block; text-transform:uppercase; font-size:12px; line-height:10px; letter-spacing:1px; padding:0 10px; border-right:1px solid #d82328;}
.top-list li:first-child  { padding-left:0;}
.top-list li:last-child  { padding-right:0; border-right:0;}
.top-list li a  { text-decoration:none; color:#000;}
.top-list li a:hover { color:#d82328;}

/* Body List */
.body-list { list-style-image:url(../images/list-icon.png); padding:5px 0; margin:0 0 10px 26px;}
		.body-list li { padding:3px 5px;}
		.body-list li a { text-decoration:underline; color:inherit; white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    

    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
	.body-list li a:hover {  color:#0f75bc; text-decoration:none;}	
	.body-list li ul { list-style:square; margin:5px 0 5px 0px;}
		.body-list li ul li { padding:3px 0;}



/* Main Navigation Menu */
#nav-main-holder {}
.nav-main-holder { padding-top:60px;}
.nav-holder { }

.nav-holder ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "freight-sans-pro",sans-serif;
  font-weight:500;
  text-transform:uppercase;
  font-size:14px;
  line-height:16px;
  letter-spacing:1px;
  color:#4e4e4e;
 
}

.nav-holder ul li {
  display: block;
  position: relative;
  float: left;
  color:#4e4e4e;
}
/* This hides the dropdowns */
.nav-holder li ul { display: none; }

.nav-holder ul li a {
  display: block;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
  white-space: nowrap;
  color: #4e4e4e;
}

.nav-holder > ul > li:first-child > a { padding-left:0;}
.nav-holder > ul > li:last-child > a { padding-right:0;}

/* Colors for Nav */
.nav-holder > ul > li:first-child > a { } /* Home*/
.nav-holder > ul > li:nth-child(2) > a {} /* About Us */
.nav-holder > ul > li:nth-child(3) > a { } /* Researchers */
.nav-holder > ul > li:nth-child(4) > a { } /* Biobanks */
.nav-holder > ul > li:nth-child(5) > a {} /* Resources */
.nav-holder > ul > li:nth-child(6) > a { } /* News/Events */
.nav-holder > ul > li:last-child  > a { } /* Donate */
/* End Colors for Nav */


.nav-holder ul li a:hover { color:#d82328;}

/* Display the dropdown */
.nav-holder li:hover > ul {
  display: block;
  position: absolute;
  z-index:9999;
  background: #4c4d4f;
  font-size:0.9375em;
  text-transform:none;
  font-family: "freight-sans-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
 
}
/* add Border */
.nav-holder li:hover > ul li { border-top:1px solid #eee; color:#fff!important;} 
.nav-holder li:hover > ul li:first-child {  border-top: none;}


.nav-holder li:hover li { float: none; background:#d82328; text-transform:uppercase; color:#fff;}
.nav-holder li:hover > a { }
.nav-holder li:hover ul li a { color:#fff;}

/* Color Nav per Sub Nav */
.nav-holder > ul > li > ul > li > a:hover { background:#000; color:#fff;  }
.nav-holder > ul > li > ul > li > ul > li > a:hover { background:#000; color:#fff; }


.nav-holder li:hover li a:hover {}
.nav-holder .main-navigation li ul li { border-top: 2px solid #C03; }

/* Displays second level dropdowns to the right of the first level dropdown */
.nav-holder ul ul ul {
  left: 100%;
  top: 0;
}
/* Simple clearfix */
.nav-holder ul:before,
.nav-holder ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.nav-holder ul:after { clear: both; }



.filter-network, .filter-country, .filter-mode, .filter-direction{padding:20px 0;  box-sizing:border-box;}
#ddlnetwork, #ddlcountry, #ddlmode, #ddldirection{float:right; width:70%;}


.filter-network select, .filter-country select, .filter-mode select, .filter-direction select{padding: 5px 0; border-radius:0px!important; border:1px solid #d5d2d2; width:60%; display:inline-block; background:url(../images/arrow-down.png) no-repeat 95% 35%; overflow: hidden; -webkit-appearance: none;-moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; box-sizing:border-box;}
.filter-network select::-ms-expand, .filter-country select::-ms-expand, .filter-mode select::-ms-expand {display: none!important;}
.filter-direction select::-ms-expand {display: none!important;}
#searchbutton{background:#d82328; padding:10px 50px;  margin-top:15px; float:right; text-transform:uppercase; color:#FFF; text-decoration:none; width:70%;}	 
#agent-table{background:#eeeeee;border:1px solid #FFF; text-align:left;}
#agent-table th{background:#d82328;border:1px solid #FFF; color:#FFF;font-family: "freight-sans-pro",sans-serif;font-weight:500;text-transform:uppercase; font-size:14px; letter-spacing:1px; text-align:center; padding:15px;}
#agent-table td{border:1px solid #FFF; padding:10px;}
#pager2{float:right;}
#pager2 span{ padding:3px 10px; color:#d82328; text-align:center; font-size:14px; font-family: "proxima-nova",sans-serif; font-weight:bold;}
#pager2 a { text-decoration:none;  letter-spacing:5px; font-size:14px; font-family: "proxima-nova",sans-serif;}
#lastpage{background:url(../images/last-pg.png) no-repeat; width:100%; padding:3px 10px;}
#firstpage{background:url(../images/first-pg.png) no-repeat; padding:3px 10px;}
#previouspage{background:url(../images/prev-pg.png) no-repeat; padding:3px 10px; }
#nextpage{background:url(../images/next-pg.png) no-repeat;  padding:3px 10px;}


/*Login Page*/
.login-holder{background:#eee; width:50%; box-sizing:border-box; padding:20px;}
.login-holder .login-button{background:#d82328; text-transform:uppercase; color:#FFF; text-decoration:none; box-sizing:border-box;}
.login-holder .login-button:hover {background:#464646;}
.login-holder .remember-checkbox{width:16px; height:16px; background:#FFF; box-shadow:none; border-radius:0; margin-top:30px; display:inline-block; vertical-align:initial;}
.login-holder p{display:inline-block; padding:10px 10px 0 0;}
.login-holder a{text-decoration:none; color:#d82328;}
.login-holder a:hover{color:#464646;}

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }


/* Sailing Schedule Page*/
#ScheduleGridView{background:#eeeeee;border:1px solid #FFF; text-align:left; box-sizing:border-box;}
#ScheduleGridView th{background:#d82328;border:1px solid #FFF; color:#FFF;font-family: "freight-sans-pro",sans-serif;font-weight:500;text-transform:uppercase; font-size:14px; letter-spacing:1px; text-align:center; padding:15px;}
#ScheduleGridView td{border:1px solid #FFF; padding:10px; text-align:center;}

/*Admin Page*/
.list-folder-head{background: #d82328; border-bottom:5px solid #b01d21; font-weight:700; color:#fff; text-transform:uppercase; padding:14px 20px 14px 20px; font-size:23px; display:block; letter-spacing:1px; box-sizing:border-box;}
.list-folder-holder{background:#eee; padding:20px; height:auto!important;}
.list-folder-holder p {color:#fff; background:#d82328; padding:20px;}
.container-tab {margin: 0 auto; width:100%;}
.tab-nav{width:100%; background:#fff; float:right;}
ul.tabs { margin: 0px; padding: 0px; list-style: none; width:100%;}
ul.tabs li {background:#333; color: #fff; display: inline-block; cursor: pointer; text-transform:uppercase; float:left; box-sizing:border-box; width:33.33%; text-align:center; border-right:1px solid #fff;}
ul.tabs li.current { background: #d82328;}
.tab-content { display: none;}
.tab-content.current { display: inherit; }
th {text-align: left; padding-right: 1em; }
th, td.sub {background-color: #eeeeee; color:#464646; font-weight:normal!important; text-transform:uppercase; padding:20px; text-align:center; border-right:1px solid #FFF;box-sizing:border-box;}
@-moz-document url-prefix() {th, td.sub{padding:80px 20px 15px 20px; background:#eee;}}
#admin-table{box-sizing:border-box; line-height:18px; position:relative;}
#admin-table th{ border:1px solid #FFF; padding:17px 15px; background:#333; color:#fff; box-sizing:border-box;}
#admin-table td{padding:20px;box-sizing:border-box; word-wrap: break-word;}
#admin-table td.content{box-sizing:border-box; word-wrap: break-word;}
#btnadd, #btndel{box-sizing:border-box; padding:10px;}
.upload-holder{padding:5px 20px;background:#333; color:#fff;}
.upload-holder p{text-align:center; text-transform:uppercase;}
#upload{border:1px solid #fff; color:#fff;}

.delete-holder{padding:5px 20px;background:#333; color:#fff; border-bottom:1px solid #fff;}
.delete-holder p{text-align:center; text-transform:uppercase;}
#directory ul{list-style-image:url(../images/folder-icon.png); }
#directory1 ul li{list-style:none;}
#directory1 ul li a{text-decoration:none;}
.table-checkbox input[type="checkbox"]{ z-index:9999; display:inline-block; vertical-align:auto; width:50px;}


/*New Folder */
.create-folder{background:#eee; width:50%; box-sizing:border-box; padding:20px;}
.create-folder p{display:inline-block; padding:10px 10px 0 0;}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}


/*  EXAMPLE  ============================================================================= */

#example .col {
	background: #ccc;
	background: rgba(204, 204, 204, 0.85);

}

/*  NOTES  ============================================================================= */


.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(../images/bodyback.html);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(../images/stripe-bg.html);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(../images/stripe-bg.html);
	position: relative;
	top: -2px;
	
}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(../images/glass.html) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:'NettoOT-Bold';
		font-size : 1.5em; /* 24 / 16 */
				
}
.button:hover {
	background: #dd2233 url(../images/glass.html) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(../images/glass.html) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

.calendar { background:url(../images/calendar.png) no-repeat right center #fff;}
#datetimepicker1, #datetimepicker2, #StartDateTextBox, #EndDateTextBox { /*background:url(../images/calendar.png) no-repeat right center #fff;*/}
.btncalendar { display:inline-block; position:absolute; right:0; top:8px; z-index:500;}
.calendar-inside { display:inline-block; position:absolute; right:0; top:35px; z-index:500;}
#StartDateTextBox::-ms-clear {
    display: none;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.bxslider { margin:0; padding:0;}

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc; 
	border:  5px solid #fff;
	left: -5px;
	background: #fff; */
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../boxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right; 
	font-size: 0;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager { position:absolute; z-index:700; bottom:10px; right:30px;}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d82328;
	color:#d82328;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 30px;
	background:url(../boxslider/images/newcontrols.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 30px;
	background:url(../boxslider/images/newcontrols.png) no-repeat -41px 0;
}

.bx-wrapper .bx-prev:hover {
	 background-position: 0 -41px;
}

.bx-wrapper .bx-next:hover {

	background-position: -41px -41px; 
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 48%;
	margin-top: -16px;
	outline: 0;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../boxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../boxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


#contacts_sydney > div, #contacts_melbourne > div, #contacts_brisbane > div, #contacts_adelaide > div, #contacts_fremantle > div{  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}

#Johannesburg-table, #melbourne-table, #brisbane-table, #adelaide-table, #fremantle-table{
	-webkit-align-content: flex-start;
  align-content: flex-start;
      background: #fff none repeat scroll 0% 0%;
    border: 1px solid #FFF;
    text-align: left;
}
  
  
  .breadcrumbs-holder {
    width: 100%;
    padding-top: 50px;
}

#Johannesburg-table th, #melbourne-table th, #brisbane-table th, #adelaide-table th, #fremantle-table th{background: #eee none repeat scroll 0% 0%;
border: 1px solid #FFF;
color: #696969;
font-family: "freight-sans-pro",sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
padding: 15px;}

#Johannesburg-table td, #melbourne-table td, #brisbane-table td, #adelaide-table td, #fremantle-table td{border: 1px solid #FFF;
padding: 10px;
border: 1px solid #eeeeee;
}
.breadcrumbs-holder ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
}

.breadcrumbs-holder ul li {
    font-size: 16px;
    color: #d82328;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 10px;
    border-right: 1px solid #9fa4a9;
    line-height: 12px;
}

#panelconfirm{background:#eeeeee; padding:20px 30px 5px 30px;text-align:center; margin:auto; width:50%;}
#delete-panel{padding:50px;}

#btnyes, #btnno{box-sizing:border-box; width:50%;}