/*
	TXT 2.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
.img_screen
{
   max-width: 100%;
}

.img_managed
{
  float:left;
  margin-right:20px;
}

 .loading {
      background: transparent url('https://navada.com.au/Images/tick-timer.gif') center no-repeat;
    }

	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		background: #f2f5f3;
		color: #6b7770;
		font-size: 11.5pt;
		line-height: 2em;
	}
	
	h1, h2, h3, h4, h5, h6, h7
	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #6b7770;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a
	{
		text-decoration: none;
		color: inherit;
	}

	
	h2.major
	{
		position: relative;
		border-top: solid 5px #e7eae8;
	}

		h2.major span
		{
			background: #fff;
			position: relative;
			display: inline-block;
		}

		#footer h2.major span
		{
			background: #f2f5f3;
		}
	
	a
	{
		color: #006376;
		text-decoration: underline;
	}

		a:hover
		{
			text-decoration: none;
		}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 3em;
	}
	
	section,
	article
	{
		margin-bottom: 6em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}
	
	.hours
	{
		width:90%;
	}
	.christmashours
	{
		color:red;
		width:95%;
	}
	.christmashourshead
	{
		color:red;
		width:95%;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		
	}

	.byline
	{
		display: block;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #c1cac5;
	}

	.image
	{
		position: relative;
		display: inline-block;
		border-radius: 8px;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 8px;
		}
		
		/*
			Note: The following style adds the textured/pixelated look to content
			images. I added this to help mask the distortion introduced when a browser
			resizes an image, but if you don't want this to happen just remove or comment
			out the entire style.
		*/
		
		.image:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.2;
			border-radius: 8px;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}
		
	.button
	{
		display: inline-block;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		background: #c1cac5;
		color: #fff;
		border-radius: 8px;
		outline: 0;
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
		-o-transition: background-color .2s ease-in-out;
		-ms-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
	}

		.button:hover
		{
			background: #ccd5d0;
		}
	
		.button-alt
		{
			background: #c1cac5;
		}

			.button-alt:hover
			{
				background: #ccd5d0;
			}

	.actions
	{
	}

	ul.style1
	{
		list-style: disc;
		padding-left: 1.5em;
	}

	ul.style2
	{
	}
	
		ul.style2 > li
		{
			border-top: solid 2px #e7eae8;
			padding-top: 2.35em;
			margin-top: 2.35em;
		}
		
		ul.style2 > li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.contact
	{
	}
	
		ul.contact li
		{
			position: relative;
			display: inline-block;
			margin: 0 0.25em 0 0.25em;
			top: 0;
			-moz-transition: top .15s ease-in-out;
			-webkit-transition: top .15s ease-in-out;
			-o-transition: top .15s ease-in-out;
			-ms-transition: top .15s ease-in-out;
			transition: top .15s ease-in-out;
		}

			ul.contact li a
			{
				display: block;
				position: relative;
				background: #c1cac5 url('images/icons-contact.png');
				width: 48px;
				height: 48px;
				text-indent: -9999em;
				border-radius: 6px;
				outline: 0;
				-moz-transition: background-color .2s ease-in-out;
				-webkit-transition: background-color .2s ease-in-out;
				-o-transition: background-color .2s ease-in-out;
				-ms-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}
			
				ul.contact li a.facebook				{ background-position: 0px 0px; }
					ul.contact li:hover a.facebook		{ background-color: #3C5A98; }
				ul.contact li a.twitter					{ background-position: -48px 0px; }
					ul.contact li:hover a.twitter		{ background-color: #2DAAE4; }
				ul.contact li a.rss						{ background-position: -96px 0px; }
					ul.contact li:hover a.rss			{ background-color: #F2600B; }
				ul.contact li a.dribbble				{ background-position: -144px 0px; }
					ul.contact li:hover a.dribbble		{ background-color: #C4376B; }
				ul.contact li a.linkedin				{ background-position: -192px 0px; }
					ul.contact li:hover a.linkedin		{ background-color: #006599; }
				ul.contact li a.tumblr					{ background-position: -240px 0px; }
					ul.contact li:hover a.tumblr		{ background-color: #FF0000; }
				ul.contact li a.googleplus				{ background-position: -288px 0px; }
					ul.contact li:hover a.googleplus	{ background-color: #DA2713; }
				ul.contact li a.navada					{ background-position: -192px 0px; }
					ul.contact li:hover a.navada		{ background-color: #FF0000; }

			ul.contact li:hover
			{
				top: -5px;
			}

			ul.contact li:active
			{
				top: 0;
			}

	ul.special
	{
	}
	
		ul.special li
		{
			position: relative;
			display: inline-block;
			margin: 0 1.5em 0 1.5em;
			top: 0;
			-moz-transition: top .15s ease-in-out;
			-webkit-transition: top .15s ease-in-out;
			-o-transition: top .15s ease-in-out;
			-ms-transition: top .15s ease-in-out;
			transition: top .15s ease-in-out;
		}

			ul.special li:hover
			{
				top: -10px;
			}

				ul.special li:hover a
				{
					background: #b9d2ce;
				}

			ul.special a
			{
				display: block;
				position: relative;
				background: #c1cac5;
				width: 12em;
				height: 12em;
				border-radius: 6em;
				text-indent: -9999em;
				outline: 0;
				-moz-transition: background-color .2s ease-in-out;
				-webkit-transition: background-color .2s ease-in-out;
				-o-transition: background-color .2s ease-in-out;
				-ms-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}

				ul.special a:before
				{
					content: '';
					position: absolute;
					width: 128px;
					height: 128px;
					left: 50%;
					top: 50%;
					margin-top: -64px;
					margin-left: -64px;
					background: url('images/icons-special.png');
				}
				
					ul.special a.battery:before
					{
						background-position: 0px 0px;
					}
				
					ul.special a.tablet:before
					{
						background-position: -128px 0px;
					}
				
					ul.special a.flask:before
					{
						background-position: -256px 0px;
					}
				
					ul.special a.chart:before
					{
						background-position: -384px 0px;
					}

	ul.meta
	{
		font-size: 0.85em;
		color: #a1aaa5;
	}
	
		ul.meta li
		{
			position: relative;
			display: inline-block;
			padding-left: 24px;
			margin-left: 1em;
		}

			ul.meta li a
			{
				color: inherit;
				outline: 0;
			}

		ul.meta li:first-child
		{
			margin-left: 0;
		}
		
		ul.meta li:before
		{
			content: '';
			display: block;
			position: absolute;
			width: 16px;
			height: 16px;
			left: 0;
			top: 50%;
			margin-top: -8px;
			background: url('images/icons-meta.png');
		}
		
			ul.meta li.timestamp:before
			{
				background-position: 0px 0px;
			}
		
			ul.meta li.comments:before
			{
				background-position: -16px 0px;
			}
			ul.meta li.info:before
			{
				background-position: -32px 0px;
			}
			
 ul li.support_article a{
	 
		
		  background-color: #e7e7e7; 
		  color: black;
		  border: none;
		  padding: 20px;
		  text-align: center;
		  text-decoration: none;
		  display: block;
		  font-size: 16px;
		  margin: 4px 2px;
		  cursor: pointer;
		  width: 500px;
 }
  ul li.support_article {
		  text-align:center;
		  width:500px;
		  margin-left:auto;
		  margin-right:auto;
 }

			


/***** contact form *****/



#contact-form {
	
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
#contact-form input[type="file"]{
	 line-height: 2.5em;
     height: 2.5em;
	 display: none;
}

#contact-form .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    font-weight:bold;
    cursor: pointer;
	line-height: 2.5em;
     height: 2.5em;
	 
				width:100px;
                padding-left:15px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#fff; 
				border:1px solid #cdcdcd;
				background:#c1cac5;
				border-radius:6px 0px 0px 6px;
				-moz-border-radius:6px 0px 0px 6px;
				-webkit-border-radius:6px 0px 0px 6px;
	 
}
#contact-form .custom-file-upload:hover {
   
	 background:#ccd5d0;
	 font-weight:bold;
}
#contact-form .file-name {
    border: 1px solid #ccc;
    display: inline-block;
  
	line-height: 2.5em;
     height: 2.5em;
	 margin-left: 100px;
				width:400px;
                padding-left:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#737373; 
				border:1px solid #cdcdcd;
				background:#fff;
				border-radius:0px 6px 6px 0px;
				-moz-border-radius:0px 6px 6px 0px;
				-webkit-border-radius:0px 6px 6px 0px;
	 
}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 9px 0;
			}
			#contact-form .select{
			  display:block;
				position:absolute;
			    width:500px;
                padding-left:10px;
				left:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				font-weight: 600;
				line-height:2em;
				color:#737373;
				border:1px solid #cdcdcd;
				background:#fff;
			    
			    -webkit-border-radius: 6px;
			   -moz-border-radius: 6px;
			   border-radius: 6px;
			    border-spacing: 15px 50px;
			   
			}
				#contact-form .bookingselect{
			   display:block;
				position:absolute;
			    width:500px;
                padding-left:10px;
				left:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight: 600;
				
				color:#737373;
				border:1px solid #cdcdcd;
				background:#fff;
			    
			    -webkit-border-radius: 6px;
			   -moz-border-radius: 6px;
			   border-radius: 6px;
			    border-spacing: 15px 50px;
			   
			}
			#contact-form .service-type{
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.5em;
				
			    width:500px;
                padding-left:10px;
				
			}
			
			#contact-form input {
				display:block;
				position:absolute;
				width:500px;
                padding-left:15px;
				left:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#737373; 
				border:1px solid #cdcdcd;
				background:#fff;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				width:500px;
				height:152px;
				padding:10px 13px; 
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#737373;
				border:1px solid #cdcdcd;
				background:#fff;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				overflow:auto;
			}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			label {
                                display: inline;
                                margin-top: -5px;
                                padding: 0px 1px 10px 15px;
                                position: absolute;
                                z-index: 12;
				}
label, input[type="text"],input[type="time"],input[type="date"], #singleParagraphInputs div{
        /* these two values must be the same */
        line-height: 2.5em;
        height: 2.5em;
}
input[type="text"], textarea {
    display: block;
    background: none;
    font: inherit;
    padding: 0 2px;
    position: relative;
    z-index: 10;
        overflow: auto; /* removes scrollbar from textarea in IE - trick from HTML5 boilerplate*/
}


		.buttons-wrapper { padding-top:20px; text-align:left; }
		.buttons-wrapper a { margin-left:9px; padding:7px 18px 9px;}
#screenReader, #checking {
    float: left;
    display: none;
}

#commentTxt, #recaptcha_widget_div{
        margin-bottom: 2em;
}

#recaptcha_table{
        border: 0px solid #cdcdcd;
        width: 500px;
        height: 150px;
        margin: 10px auto;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
}

#recaptcha_challenge_field{
        z-index: 1;

}

#recaptcha_response_field {
    width: 286px !important; /* just a stylistic detail to make the input field equal width as the box with words to copy */
}



/*********************************************************************************/
/* Section + Article Types                                                       */
/*********************************************************************************/

	.is-highlight
	{
		text-align: center;
	}

	.is-features
	{
	}
	
	.is-feature
	{
	}

	.is-blog
	{
	}

	.is-post
	{
	}

	.is-post-summary
	{
	}

	.is-page-content
	{
	}

/*********************************************************************************/
/* Sidebar + Content                                                             */
/*********************************************************************************/

	.sidebar
	{
	}
	
	.content
	{
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#banner-wrapper
	{
		position: relative;
		background: url('../images/banner.jpg') center center no-repeat;
		background-size: cover;
		z-index: 1;
	}

		/*
			Note: The following style adds the textured/pixelated look to the banner
			image. I added this to help mask the distortion introduced when a browser
			resizes an image, but if you don't want this to happen just remove or comment
			out the entire style.
		*/

		#banner-wrapper:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.175;
		}
	
	#main-wrapper
	{
		background: #fff;
		border-top: solid 5px #c1cac5;
		border-bottom: solid 5px #c1cac5;
	}
	
	#catalogue-wrapper
	{
		position: relative;
	
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
	}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		background: rgba(21, 28, 23, 0.95);
		text-align: center;
		z-index: 2;
	}

		#banner:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/highlight.png') center center;
			background-size: 100% 200%;
		}

		#banner:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.25;
		}
	
		#banner > *
		{
			position: relative;
			z-index: 3;
		}
	
		#banner h2
		{
			color: #fff;
		}
		
		#banner .byline
		{
			color: #575d59;
		}

		#banner .button
		{
			color: #b4b7b5;
			background: transparent !important;
			border: solid 4px rgba(87, 93, 89, 0.35);
			border-radius: 16px;
			-moz-transition: border-color .2s ease-in-out, color .2s ease-in-out;
			-webkit-transition: border-color .2s ease-in-out, color .2s ease-in-out;
			-o-transition: border-color .2s ease-in-out, color .2s ease-in-out;
			-ms-transition: border-color .2s ease-in-out, color .2s ease-in-out;
			transition: border-color .2s ease-in-out, color .2s ease-in-out;
		}

			#banner .button:hover
			{
				color: #e4e7e5;
				border-color: rgba(87, 93, 89, 0.75);
			}

			#banner .button:active
			{
				color: #fff;
				border-color: rgba(97, 103, 99, 1.0);
			}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}
	
		#footer a
		{
			color: inherit;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		display: inline-block;
		background: #e7eae8;
		padding: 0.75em 2em 0.75em 2em;
		border-radius: 8px;
		font-size: 0.85em;
		color: #8b9790;
	}
	
		#copyright a
		{
			color: inherit;
		}


#managed-table{
  margin-left: auto;
    margin-right: auto;
}
#managed-table tr{
    /*padding-bottom: 2em;
	pushes text up not adds a space under */
}
.managed-center{
	width: 320px;
margin-left: auto;
    margin-right: auto;
}
.managed-info {	
    width: 320px;
    background: #fff;
    border-radius: 35px 20px 20px 35px;
	border: 2px solid #e7eae8;
	z-index: 1;
}
.managed-info point{
	font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #6b7770;
		position:relative;
		font-size: 15px;
		 
}
.managed-info:hover {	
    width: 320px;
	height: 300px;
    background: #fff;
    border-radius: 35px 20px 20px 35px;
	border: 2px solid #e7eae8;
	z-index: 500;
}

.managed-info:hover #tooltip{	
    width: 310px;
	display: block;
	margin-left: auto;
    margin-right: auto;
    z-index: 500;
    position:relative;
}
.managed-info img{
	text-align: left;
	vertical-align: middle;
	z-index: 2;

}
.managed-info:hover img{
	text-align: left;
	vertical-align: middle;
	z-index: 501;

}
#tooltip{
	display: none;
}


 @media screen and (max-width:768px) {
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		display: none;
	}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		display: none;
	}

	
/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/

	#titleBar
	{
		background: rgba(21, 38, 23, 0.8);
	}

		#titleBar:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.15;
		}

		#titleBar .title
		{
			display: block;
			position: relative;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 1.25em;
			line-height: 44px;
			color: #fff;
			z-index: 1000;
			text-align: center;
		}

		#titleBar .toggle
		{
			position: absolute;
			left: 0;
			top: 0;
			text-indent: -9999em;
			background: #c1cac5 url('images/mobileUI-site-nav-opener-bg.svg') 8px 14px no-repeat;
			width: 44px;
			height: 44px;
			z-index: 1001;
		}

			#titleBar .toggle:active
			{
				background-color: #c1cac5;
			}

	#navPanel
	{
		background: -moz-linear-gradient(top, #252c27, #000);
		background: -webkit-linear-gradient(top, #252c27, #000);
		background: -o-linear-gradient(top, #252c27, #000);
		background: -ms-linear-gradient(top, #252c27, #000);
		background: linear-gradient(top, #252c27, #000);
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 1.25em;
		box-shadow: inset -3px 0px 10px 0px rgba(0,0,0,0.25);
	}

		#navPanel nav
		{
			position: relative;
			z-index: 1000;
		}

		#navPanel:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.25;
		}

		#navPanel .link
		{
			display: block;
			color: inherit;
			text-decoration: none;
			height: 44px;
			line-height: 44px;
			padding: 0 1em 0 1em;
			color: #fff;
			border-top: solid 2px rgba(87, 93, 89, 0.15);
		}
		
		#navPanel .link:first-child
		{
			border-top: 0;
		}
		
.catalogue-table table, thead, tbody, th, td, tr { 
		display: block; 

	}
	
}