html, body {
	font-family: 'Arial', sans-serif;
	text-align: left;
	font-size: 14px;
	color: rgba(130,130,130,1);
	/*background: #FFFFFF;*/
	margin: 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #AAAAAA;
	scrollbar-face-color: #AAAAAA;
	scrollbar-shadow-color: #AAAAAA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #AAAAAA;
}

html {
	height:100%;
	min-height: 100%;
}

body {
	min-height: 100%;
}

.video {
	width: 100%    !important;
  /*height: auto   !important;*/
	min-height: 800px;
	opacity:0.8;
}

.product_search {
	position:relative; 
	display: table; 
	margin: 0px auto; 
	margin-top: 40px; 
	padding-top:17px; 
	padding-bottom: 17px;
	background: rgb(252,193,56); 
	z-index:1;
}

.h1_front_white {
	font-size: 70px !important;
	font-weight: bold !important;
	font-style: italic;
	color: rgba(255,255,255,1);
}

.h1_front_black {
	font-size: 50px !important;
	font-weight: bold !important;
	font-style: italic;
	color: rgba(0,0,0,1);
}

.whychoose {
	display: table;  
	position: relative; 
	float: left; 
	width:70%;
}

.whychoose_blocks {
		display: table; 
		float: left; 
		width: 38%; 
		min-height: 170px; 
		font-style:italic; 
		margin:1%; 
		text-align: left; 
		padding: 1%; 
		background: rgb(252,193,56);
	}

.profile_form {
	color: rgba(60,60,60,0.6);
	display: table;
	width: 100%;
}

.n_profile_form {
	display: table;
	z-index: 100000;
	width: 40% ;
	position: relative;
	float: left;
	top: 25px;
	left: 1%;
	color: rgba(255,255,255,1);
	/*background: rgba(255,0,0,0.5) !important;*/
}

.form_insert_block {
	position: relative
	display: table;
	width: 100%;
	background: rgba(255,255,255,1);
}


.form_insert_block .text-container {
	display: table;
	margin: 0px auto;
	width: 50%;
	z-index: 100;
	padding: 0%;
	text-align: center;
	/*background: rgba(255,0,0,0.2);*/
}

.i_container {
	display: table;
	/*top: 0px;*/
	position: relative;
	width: 99%;
	max-width: 700px;
	margin: 0px auto;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	/*background: #FFF;*/
	/*border: 2px solid #FFFF00;*/
	box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
}

.input_block_up label {
	/*color: #FFF;*/
}

.input_block input,
.input_block_up input {
	display: table;
	width: 98%;
	max-height: 35px;
	min-height: 30px;
	text-align: left;
	border: 1px thin rgba(0,0,0,0.5) !important;
		 border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	 	-webkit-border-radius: 5px 5px 5px 5px;
}

#fb_cont {
	position: relative; 
	width: 100%;
	margin: 0px auto;
}

.branch_block{
	float: left;
	width: 46%;
}

.testimonials {
	float: left;
	width: 49%;
	min-height: 300px !important;
}

.testimonials>h1{
	padding-bottom: 20px !important;
}

.casestudies {
	float: left;
	width: 49%;
	min-height: 300px !important;
}

.casestudies>h1{
	padding-bottom: 20px !important;
}

.social {
	display: table;
	margin-top:10px;
	min-height: 30px;
	float: left;
	padding-right: 5px;
}

.social img {
	opacity: 1;
	max-width: 200px;
	max-height: 36px;
}

.prenews {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	/*color:#808183;*/
	word-wrap : break-word;
}

.news {
	display: table;
	margin: 0px auto;
	padding-left:10px;
	text-align: left;
	max-width: 600px;
	width: 95%;
}

#closemobmenu {
	display: none;
}

.aboutus_panel {
	font-size: 16px;
	display:table; 
	width: 46%; 
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}

.login_panel {
	display: table; 
	width: 46%; 
	position: relative; 
	float: left; 
	padding-right: 4%; 
	border-right: 1px solid #AAAAAA;
}

.signup_panel {
	display: table; 
	width: 46%; 
	position: relative; 
	float: right;
}

.signup_button {
	position: absolute; bottom: -170px;
}

.xmas_icon {
	display: block;
	width: 200px;
	height: 71px;
	position: absolute;
	top: 75px;
	right: 3%;
	z-index: 1000;
	background-image: url("../../images/xmas_icon.png");
	background-size: 200px 71px;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	/*box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;*/
}

.easter_icon {
	display: block;
	width: 200px;
	height: 71px;
	position: absolute;
	top: 0px;
	right: 3%;
	z-index: 1000;
	background-image: url("../../images/easter_icon.png");
	background-size: 200px 71px;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	/*box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;*/
}

.anzac_icon {
	display: block;
	width: 200px;
	height: 71px;
	position: absolute;
	top: 0px;
	right: 3%;
	z-index: 1000;
	background-image: url("../../images/anzac_icon.png");
	background-size: 200px 71px;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	/*box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;*/
}


.popup {
	position: absolute;
	display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	z-index: 10000;
	opacity: 0.9;
	transition: all 0.3s ease-in-out;
}

.newspic {
	position: relative; 
	float: left; 
	max-width: 400px; 
	width:50%; 
	padding: 3%;
}

.popup img {
	display: table;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	max-width: 500px !important;
	box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
  transition: all 0.3s ease-in-out;
}

.scroll_block {
	float:left;
	display: table;
	width: 98%;
	background: rgba(255,255,255,1);
	text-align: left;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid rgb(128,128,128);*/
}

[data-title]{
	position: relative;
	text-align: center;
}
		
[data-title]:hover:after{
		background: #000000;
		border-radius: 5px;
		bottom: 26px;
		color: #fff;
		content: attr(data-title);
		font-size:10px;
		left: 20%;
		padding: 7px;
		position: absolute;
		z-index: 98;
		width: 60px;
		box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
}

[data-title]:hover:before{
		border: solid;
		border-color: #000000 transparent;
		border-width: 6px 6px 0 6px;
		bottom: 20px;
		content: "";
		font-size:10px;
		left: 50%;
		position: absolute;
		z-index: 99;
}

.sh {
	display: table;
	width: 100%;
	padding: 6px;
	background-color: rgba(200,200,200,0.2);
	border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
 	margin-bottom: 15px;
}

.sh-header {
	display: block;
	padding: 6px;
	float: left;
	width: 40%;
	background-color: #B2B2B2;
	color: #FFF;
	margin-bottom: 2px;
}

.sh-high {
	height: 20px;
}

.sh-value {
	display: block;
	padding: 6px;
	width: 50%;
	float: left;
	min-height: 20px;
	margin-bottom: 2px;
}

.shw-value {
	display: table;
	padding: 6px;
	width: 93%;
	float: left;
	padding-bottom: 20px;
	/*color: #666666;*/
}

.border-top {
	border-top: 1px solid rgba(0,0,0,0.2);
}

.sh-theader {
	display: block;
	padding: 6px;
	float: left;
	width: 18%;
	background-color: #A3A2A8;
	color: #FFF;
	padding-bottom: 2px;
}

.sh-tvalue {
	display: block;
	padding: 6px;
	min-height: 35px;
	width: 18%;
	float: left;
}

.shw-tvalue {
	display: block;
	padding: 6px;
	width: 93%;
	float: none;
	padding-bottom: 20px;
	/*color: #666666;*/
}

.sh-tvalue-light,
.sh-value-light {
	background-color: #E9E9E9;
}

.dimensions {
	display: table;
	width: 99.5%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

.dimensions .specs_row_white {
	background: #DDD;
	color: #555;
	padding: 5px;
	margin: 0px;
}

.dimensions .specs_row_grey {
	background: #555;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
}

hr {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 100%;
	border-bottom: 2px solid rgba(230,230,230,0.6);
	padding-top: 5px;
	padding-bottom: 5px;
}

.hr-white {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,1);
	padding-top: 5px;
	padding-bottom: 5px;
}

.tida {
	font-size: 12px;
	color: #FFF;
}

#printme {
	display: block;
	float: right;
}

h1 {
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 20px;
	color: rgb(100,100,100);
}

h2 {
		font-family: "Arial", "Verdana", sans-serif;
		font-size: 18px;
		color: rgb(255,255,255);
	}
	
h3 {
		font-family: 'arial','verdana', sans serif;
		font-size: 15px;
		color: rgb(255,255,255);
}

h4 {
		font-family: 'arial', sans serif;
		font-size: 15px;
		font-style: normal;
		color: rgba(255,255,255,0.9);
}

.top-bottom h3,
.top-bottom h3 a:link,
.top-bottom h3 a:active,
.top-bottom h3 a:visited {
	font-size: 25px !important;
	color: rgb(255,255,255) !important;
}

.top-bottom h3 a:hover {
	color: rgba(252,193,56,0.8) !important;
	text-decoration: none !important;
}

.absolute-center {
	display: table;
	position: relative;
  width: 100%;
  /*max-width: 1366px;*/
  margin: 0px auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  /*border: 2px solid #00FF00;*/
  /*background: rgba(0,0,0,0.3);*/
  /*border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
 	-webkit-border-radius: 0px 0px 20px 20px;*/
 	/*box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-moz-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);*/
}

.main-frame {
	display: table;
	/*top: 0px;*/
	position: relative;
	/*width: 89%;*/
	/*max-width: 1000px;*/
	margin: 0px auto;
	padding-top: 10px;
	/*padding-left: 3%;*/
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 20px;
	/*border: 2px solid #0000FF;*/
	/*background: #FFF;*/
	/*background: rgba(0,0,0,0.6);*/
}

.product-listing {
	width: 100%;
	float: right;
	padding: 0px;
	margin: 0px;
	/*background: rgba(0,0,0,0.1);*/
}

.product-details-left {
	position: relative;
	display: table;
	width: 46%;
	max-width: 480px;
	float: left;
	padding: 0px;
	margin: 0px;   
	text-align: left; 
	/*margin-left: 3%;*/
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
	/*border: 1px solid #00FF00;*/
	/*background: rgba(255,0,0,0.1);*/
}

.product-details-right {
	position: relative;
	display: table;
	width: 49%;
	max-width: 480px;
	float: right;
	padding: 0px !important;
	margin: 0px !important;
	text-align: left;
	/*transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;*/
	z-index: 10;
	/*border: 1px solid #FF0000;*/
}

.search-thumb {
	position: relative;
	width: 23%;
	max-width: 234px;
	height: 368px;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	float: left;
	/*background: rgba(0,0,0,0.1);*/
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.search-featured-thumb {
	position: relative;
	width: 23%;
	max-width: 234px;
	height: 368px;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	float: left;
	/*background: rgba(0,0,0,0.1);*/
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.isearch-featured-thumb {
	position: relative;
	width: 26%;
	/*max-width: 444px;*/
	height: 360px;
	display: block;
	padding: 2%;
	margin: 0px;
	margin-right: 2%;
	float: left;
	background: rgba(255,255,255,1);
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	/*border: 1px solid rgba(0,0,0,0.2);*/
	box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
  -moz-box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
  -webkit-box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
	transition: all 0.3s ease-in-out;
}

.search-popular-thumb {
	position: relative;
	width: 24.5%;
	/*min-width: 110px;
	max-width: 150px;*/
	height: 20px;
	display: table;
	padding: 0px;
	margin: 0px;
	float: left;
	/*background: rgba(255,255,255,1);*/
	font-size: 12px !important;
	/*border: 1px solid #DDD;*/
}

.search-similar-thumb {
	position: relative;
	width: 12.5%;
	min-width: 110px;
	max-width: 150px;
	height: 210px;
	display: block;
	padding: 0px;
	margin: 0px;
	float: left;
	background: rgba(255,255,255,1);
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
	font-size: 12px !important;
}


.search-similar-thumb_thumbnail {
	position: relative;
	width: 100%;
	/*min-width: 110px;*/
	max-width: 234px;
	height: 330px;
	display: block;
	padding: 0px;
	margin: 0px;
	float: left;
	background: rgba(255,255,255,1);
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
	font-size: 12px !important;
}

.search-similar-thumb_thumbnail_smaller {
	position: relative;
	width: 12.5%;
	min-width: 110px;
	max-width: 150px;
	height: 250px;
	display: block;
	padding: 0px;
	margin: 0px;
	float: left;
	background: rgba(255,255,255,1);
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
	font-size: 12px !important;
}

.search-similar-thumb_thumbnail img {
	width: 94% !important;
	border: 1px solid rgba(240,240,240,1);
}

/*
position: relative;
	width: 23%;
	max-width: 234px;
	height: 368px;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-right: 15px;
	float: left;
  overflow: hidden;
  transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
*/

.product-picture {
	position: relative;
	display: block;
	border: 1px solid rgba(128,128,128,0.5);
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	width: 99%;
	padding: 0px;
	/*background:#FF0000;*/
}

.product-picture img{
	display: block;
	float: left;
	width: 100%;
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.iproduct-picture {
	position: relative;
	display: block;
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	max-width: 232px;
	width: 99%;
	padding: 0px;
	/*background:#FF0000;*/
}

.iproduct-picture img{
	display: block;
	float: left;
	width: 100%;
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.popular-picture {
	position: relative;
	display: block;
	border: 1px solid rgba(128,128,128,0.5);
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	width: 97%;
	padding: 0px;
	/*background:#FF0000;*/
}

.popular-picture img{
	display: block;
	float: left;
	width: 100%;
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.similar-picture {
	position: relative;
	display: block;
	border: none;
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	width: 97%;
	padding: 0px;
	/*background:#FF0000;*/
}

.similar-picture_thumbnail {
	position: relative;
	display: block;
	border: none;
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	width: 90%;
	padding: 0px;
	/*background:#FF0000;*/
}

.similar-picture_thumbnail_smaller {
	position: relative;
	display: block;
	border: none;
	overflow: hidden;
	/*width: 232px;
	height: 232px;*/
	width: 90%;
	padding: 0px;
}

.similar-border {
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px 2px #EEE;
  -moz-box-shadow: 2px 2px 2px 2px #EEE;
  -webkit-box-shadow: 2px 2px 2px 2px #EEE;
}

.similar-picture_thumbnail img{
	display: block;
	float: left;
	width: 99%;
	border: 1px solid rgba(128,128,128,0.5);
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.similar-picture_thumbnail_smaller img{
	display: block;
	float: left;
	width: 98%;
	border: 1px solid rgba(128,128,128,0.5);
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.similar-picture img{
	display: block;
	float: left;
	width: 100%;
	/*max-width: 230px;*/
	/*height: 230px;
	max-height: 230px;*/
	margin: 0px;
}

.product-title {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	display: table;
	width: 100%;
	height: 20px;
	margin-top:0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.popular-title {
	font-size: 12px;
	font-weight: bold;
	color: #444;
	display: table;
	width: 100%;
	min-width: 210px;
	height: 20px;
	margin-top:0px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	/*border: 1px solid #000;*/
}

.similar-title {
	font-size: 10px;
	font-weight: bold;
	color: #444;
	display: table;
	width: 100%;
	height: 20px;
	margin-top:0px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
}

.similar-title_thumbnail {
	font-size: 12px;
	font-weight: bold;
	color: #444;
	display: table;
	width: 85%;
	height: 30px;
	margin-top:0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.similar-title_thumbnail_smaller {
	font-size: 11px;
	font-weight: bold;
	color: #444;
	display: table;
	width: 85%;
	height: 25px;
	margin-top:0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.product-code {
	font-size: 13px;
	display: table;
	width: 100%;
	height: 20px;
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.product-code_thumbnail {
	font-size: 11px;
	display: table;
	width: 100%;
	height: 20px;
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.product-code_thumbnail_smaller {
	font-size: 11px;
	display: table;
	width: 100%;
	height: 20px;
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

.product-big-code {
	font-size: 15px;
	display: table;
	width: 100%;
	height: 20px;
	margin-top: 0px;
	text-align: left;
	padding: 0px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.bigstockcode {
	width:80px;
	display: block;
	border: 1px solid rgba(0,0,0,0.5);
	font-size: 18px;
	padding:3px;
	text-align: center;
	color: #000000;
	font-family: arial, sans-serif;
	font-weight:normal;
	background-color: #FFF114;
	border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
 	box-shadow: 5px 5px 25px #666;
  -moz-box-shadow: 5px 5px 25px #666;
  -webkit-box-shadow: 5px 5px 25px #666;
}

.product-bigdescription {
	margin-top: 0px;
	display: table;
	width: 100%;
	float: left;
}

.product-bigpicture {
	display: block;
	position: relative;
	float: left;
	border: 1px solid rgba(128,128,128,0.5);
	/*overflow: hidden;*/
	padding: 0px;
	margin: 0px;
	width: 100% !important;
	max-width: 480px;
	/*height: 482px;*/
}

.product-bigpicture:hover,
.product-bigpicture:focus {
	box-shadow: 5px 5px 25px #AAA;
  -moz-box-shadow: 5px 5px 25px #AAA;
  -webkit-box-shadow: 5px 5px 25px #AAA;
}

.product-disclaimer {
	width: 100%;
	min-width: 280px;
	float: left;
	font-size: 10px;
	margin-left: 3%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.highlightit img,
.xmas_icon,
.easter_icon,
.anzac_icon {
	opacity: 1.0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.highlightit:hover img,
.xmas_icon:hover,
.easter_icon:hover,
.anzac_icon:hover {
	opacity: 0.6;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.highlightit:hover {
	text-decoration: none;
}

.top-bottom-bar{
	position: relative;
	margin: 0px;
	padding: 0px;
	display: table;
	text-align: center
	width: 100%;
	background: rgb(68,68,68);
}

.top-top-bar{
	position: relative;
	margin: 0px;
	padding:0px;
	display: table;
	text-align: center;
	width: 100%;
	background: rgb(255,209,1);
	/*border: 2px solid #FF0000;*/
}

.top-top-bar h1,
.top-top-bar h3 {
	color: rgb(80,80,80);
}

.top-top-bar h3 {
	font-size: 14px;
}

.top-top-bar h1 {
	font-style: italic;
	margin-bottom: 0px;
}

.top-bottom {
	position: relative;
	display: table;
	margin: 0px auto;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 10px;
	color: rgba(150,150,150,1);
	width: 93%;
	/*max-width: 1000px;*/
	min-height: 300px;
	background: rgb(68,68,68);
	/*border: 2px solid #FF00FF;*/
}

.HRIA {
	display: table; 
	position: absolute; 
	bottom: 15px; 
	right: 25%;
	width: 150px;
	height: 138px;
	background-image: url("../../images/HRIA.png");
	background-size: 150px 138px;
	background-repeat: no-repeat;
}

.bottom-block {
	width:18%; 
	float: left;
} 

.footer {
	font-size: 15px;
}   

.hlogo {
	width: 28%; 
	float: left;
	/*background: rgba(255,0,0,0.1);*/
}  

.hlogo img {
	width: 100%;
	max-width: 345px;
}

/*.bottom-block h3 {   
	color: rgba(255,255,255,0.8);
	font-size: 40px !important;
}*/

.bottom-links {
	width:100%;
	display: table; 
	float: left;
	/*font-size: 15px;*/
	font-style: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}

.bottom-links a:link,
.bottom-links a:visited {
	color: rgba(255,255,255,0.8) !important;
}

.bottom-links a:hover {
	color: rgba(252,193,56,0.8) !important;
}

.logo {
	width: 100%;
	display: block;
	max-width: 500px;
	margin: 0px auto;
}

.horizontal_arrow {
	display: block; 
	float: left;
	color: rgba(255,255,255,0.5);
	margin-right: 5px;
	transform: scale(0.8,0.8); 
	-moz-transform: scale(0.8,0.8); 
	-webkit-transform: scale(0.8,0.8); 
	-o-transform: scale(0.8,0.8); 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
	
.rotated_arrow {
	display: block; 
	float: left;
	color: rgba(255,255,255,1);
	margin-right: 5px;
	transform:rotate(90deg); 
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

A:link {color: rgba(100,100,100,1);
        text-decoration: none;}

A:visited {color: rgba(100,100,100,1);
        text-decoration: none;}

A:hover {color: rgba(252,193,56,0.8);
				 text-decoration: none;}

A.none:hover {color: rgba(100,100,100,1);
				 text-decoration: none;}

A.none>div:hover {
	background: rgba(255,220,0,0.2) !important;
}
	 
#cart_trolley{
	display: block;
	float: left;
	width: 25px;
	height: 18px;
	opacity: 1;
	background-image: url("../../images/cart.png");
	background-size: 25px 18px;
	background-repeat: no-repeat;
	margin-right:5px;
}


#top_cart_trolley{
	display: block;
	position: absolute;
	right: -10px;
	bottom: 10px;
	width: 30px;
	height: 22px;
	opacity: 0.5;
	z-index: 10000;
	background-image: url("../../images/cart.png");
	background-size: 30px 22px;
	background-repeat: no-repeat;
}

/*#cart_trolley:hover,*/
#top_cart_trolley:hover{
	opacity: 1;
	transform:rotate(-10deg); 
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

#cart_form .dwl-button {
	display: table;
	width: 30px;
	height: 30px;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "itc_avant_garde_gothic_demiRg", "Arial", "Verdana", sans-serif;
}

#cart_form .vertical_arrow {
	display: table;
	width: 30px;
	height: 30px;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "itc_avant_garde_gothic_demiRg", "Arial", "Verdana", sans-serif;
}

.cart_qty {
		display: block;
		overflow: hidden;
		border: 0px;
		width: 90%;
		font-size: 22px;
		text-align: center;
		margin: 0px;
		padding: 0px;
}

.cart_qty:focus {
	border: none;
	-moz-appearance:none;
	background: #000;
	background-color: rgba(125,155,192,0.1); 
}

.qty_controls {
	float: left;
	display : table;
	width: 40px;
}

.vertical_arrow img{
	width: 95%;
	opacity: 0.8;
}

.vertical_arrow img:hover{
	opacity: 1;
}

.cart_controls {
	float: left;
	display : table;
	width: 200px;
}

.cart_controls .dwl-button {
	display: table;
	width: 100px !important;
	text-align: left;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "itc_avant_garde_gothic_demiRg", "Arial", "Verdana", sans-serif;
	font-size: 16px;
}

.rotate180deg {
	transform:rotate(180deg); 
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.product_dropdown {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.n_profile_form .product_dropdown {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.dwl-button {
	width: 100px;
	display: table;
	float: left;
	font-size: 1em;
	color: #FFFFFF;
	font-family: 'arial', sans-serif;
	font-weight:normal;
	background-color: rgba(100,100,100,1);
	padding: 10px;
	margin: 5px;
	margin-right: 20px;
	margin-bottom: 8px;
	border: 0px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  /*border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; */
	/*box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;*/
	transition: all 0.3s ease-in-out;
}

.plant_portal {
	background: rgb(255,209,1);
	color: #000;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
 	width: 90%;
 	font-size: 15px !important;
 	font-weight: bold  !important;
}

.plant_portal_small {
	font-size: 13px !important;
	margin-right: 1% !important;
	margin-top: 1% !important;
}

.plant_portal:hover,
.plant_portal:focus {
  color:#FFFFFF;
}

.dwl-button:hover,
.dwl-button:focus {
  background-color: #000000;
  box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
  opacity: 0.8;
}

.rhombus {
	-webkit-transform: skew(-8deg);
	   -moz-transform: skew(-8deg);
	     -o-transform: skew(-8deg);
	     		transform: skew(-8deg);
	border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
}

.rhombus_block {
	-webkit-transform: skew(-8deg);
	   -moz-transform: skew(-8deg);
	     -o-transform: skew(-8deg);
	     		transform: skew(-8deg);
	border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
}

/*div {
  margin: 20px;
  width: 200px;
  height: 100px;
  display: inline-block;
  background: yellow;    
  border: 1px solid black;
  transform: skewX(-10deg);
  }*/

.transafe_icon {
	width: 10% !important;
	min-width: 50px;
	display: block;
	float: left;
	font-size: 1em;
	color: #FFFFFF;
	font-family: 'arial', sans-serif;
	font-weight:normal;
	background-color: rgba(255,255,255,1);
	padding: 0px;
	margin: 5px;
	margin-right: 2%;
	margin-bottom: 8px;
	border: 1px solid rgb(128,128,128);
	text-align: center;
  border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
 	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	transition: all 0.3s ease-in-out;
}

.transafe_icon img:hover{
	filter: invert(100%);
}

#txtHint {
	display: none;
	text-align: left;
	cursor: pointer;
}

#n_txtHint {
	display: none;
	text-align: left;
	cursor: pointer;
}

#txtPlant {
	display: none;
	text-align: left;
	cursor: pointer;
}

.pc { 
	width: 94.5%;
	/*background: rgba(252,193,56,1);*/
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
	color: #000;
	-webkit-transform: skew(8deg) !important;
	   -moz-transform: skew(8deg) !important;
	     -o-transform: skew(8deg) !important;
	     		transform: skew(8deg) !important;
}

.pc:hover {
	background-color: #FFF;
	opacity: 1;
}
	
.pc .ss {
	width: 30%;
	font-size: 12px;
	background: rgba(125,155,192,0.1); 
	border: 1px solid rgba(255,255,255,0.5);
}

.n_pc { 
	position: absolute;
	top: 70px;
	display: table;
	width: 97%;
	/*background: rgba(252,193,56,1);*/
	/*background: rgba(255,255,255,1);*/
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
	color: #FFF;
	background: rgba(0,0,0,0.8);
}

.n_pc:hover {
	/*background: rgba(0,0,0,0.5);
	opacity: 1;*/
}
	
.n_pc .ss {
	width: 30%;
	font-size: 12px;
	background: rgba(125,155,192,0.1); 
	border: 1px solid rgba(255,255,255,0.5);
}

.product_button {
	display: table;
	width: 90%;
	padding: 3px;
	margin-bottom: 2px;
	cursor: pointer;
	font-size: 13px;
	color: #000000;
 	z-index: 10000;
}

.product_button:hover {
	background-color: rgba(252,193,56,0.9);
	color: #000000;
}

.n_profile_form .product_button {
	display: table;
	width: 90%;
	padding: 3px;
	margin-bottom: 2px;
	cursor: pointer;
	font-size: 13px;
	color: #FFF;
 	z-index: 10000;
}

.n_profile_form .product_button:hover {
	background-color: rgba(252,193,56,0.8);
	color: #000000;
}


.breadcrumb {
  background: rgba(252,193,56,1) !important;
  color: rgba(0,0,0,0.9);
  opacity: 1;
}

.breadcrumb:hover {
	color: rgba(0,0,0,0.9) !important;
}

.smallsec {
	display: table;
	width: 45%;
	float: left;
	text-align: center;
	padding: 10px;
	margin: 5px;
	border: 1px solid;
	height: 230px;
	min-height: 300px;
	border: rgba(252,193,56,1) 1px solid;
	background-color: rgba(252,193,56,0.1);
	overflow: auto;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
}

.avail_matrix{
	display: table;
	width: 100px;
	float: left;
	text-align: right;
	padding: 10px;
	margin: 5px;
	border: 1px solid;
	/*height: 100px;
	min-height: 100px;*/
	border: rgba(252,193,56,1) 1px solid;
	background-color: rgba(252,193,56,0.1);
	overflow: auto;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
}

.avail_matrix_wide {
	display: table;
	width: 95%;
	float: left;
	text-align: left;
	padding: 10px;
	margin: 5px;
	border: 1px solid;
	/*height: 100px;
	min-height: 100px;*/
	border: rgba(252,193,56,1) 1px solid;
	background-color: rgba(252,193,56,0.1);
	overflow: auto;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
}


.red_avail_block{
	display: block;
	width: 12%;
	height: 10px;;
	float: left;
	background: rgba(255,0,0,1);
	margin: 1%;
}

.green_avail_block{
	display: block;
	width: 12%;
	height: 10px;
	float: left;
	background: rgba(0,255,0,1);
	margin: 1%;
}

.yellow_avail_block{
	display: block;
	width: 12%;
	height: 10px;
	float: left;
	background: rgba(255,255,0,1);
	margin: 1%;
}

.outline_avail_block{
	border: 1px solid #FFF;
	margin: 0%;
}

.grey_avail_block{
	display: block;
	width: 12%;
	height: 10px;
	float: left;
	background: rgba(0,0,0,0);
	margin: 1%;
}

.member {
	text-align: left;
}

.subcat {
	font-size: 12px;
	line-height: 30px;
	min-height: 30px;
	width: 21.7%;
	min-width: 100px;
	margin: 0.2%;
	color: grey;
	background: rgba(0,0,0,0.1);
	cursor: pointer;
}

.subcat:hover {
	color: white;
}

.cart_prod {
	font-size: 12px;
	min-height: 30px;
	width: 14%;
	min-width: 25%;
	margin: 0.1%;
	background: rgba(0,0,0,0.4);
	cursor: pointer;
}

@media screen and (max-width: 1600px) {
	.hlogo img {
		width:80%;
	}
}

@media screen and (max-width: 1090px) {
	.hlogo {
		width: 100%; 
		float: none;
	} 
	
	.whychoose {
		width: 95%;
	}
	
	.whychoose_blocks {
		width: 45%; 
		min-height: 170px; 
	}
	
	.bottom-block {
		width: 30%; 
		float: left;
	}
	 
	.hlogo img {
		width:100%;
	}
	
	.testimonials {
		float: none;
		width: 99%;
		min-height: 50px !important;
		margin-bottom: 5px;
	}
	.casestudies {
		float: none;
		width: 99%;
		min-height: 50px !important;
		margin-bottom: 5px;
	}
}


@media screen and (max-width: 1090px) {
	
	html, body {
		font-size: 15px;
	}
	.miframe {
		width: 698px;
		height:100px;
	}

	.absolute-center {
	  /*width: 700px;*/
	}
	
	/*.main-frame {
		display: table;
		margin-top:0px;
		margin-top: 40px;
		width: 698px;
		height: 246px;
	}*/
	
	.smallsec {
		width: 43%;
		font-size: 15px;
	}
	
	.subcat {
		width: 29%;
		min-width: 100px;
	}

	.product-details-left {
		width: 90%;
		margin-left: 0px !important;
		max-width: 100%;
	}
	
	.product-details-right {
		float: left;
		width: 90%;
		max-width: 100%;
	}
	
	.product-bigpicture {
		max-width: 100%;
	}
	
	.search-thumb {
		width: 30%;
	}
	
	.search-featured-thumb {
		width: 30%;
	}
}

@media screen and (max-width: 980px) {
	
	.search-popular-thumb {
		width: 32.5%;
	}
	
	.branch_block{
		float: left;
		width: 100%;
	}
	
}

@media screen and (max-width: 850px) {
	.isearch-featured-thumb {
		position: relative;
		width: 96% !important;
		/*max-width: 444px;*/
		height: 400px;
		display: block;
		padding: 2%;
		margin: 0px auto;
		margin-bottom: 30px;
		float: left;
		background: rgba(255,255,255,1);
	  overflow: hidden;
	  transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		/*border: 1px solid rgba(0,0,0,0.2);*/
		box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
	  -moz-box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
	  -webkit-box-shadow: -5px -5px 10px 10px rgba(128,128,128,0.1);
		transition: all 0.3s ease-in-out;
	}
	
	.iproduct-picture {
		position: relative;
		display: block;
		overflow: hidden;
		/*width: 232px;
		height: 232px;*/
		margin: 0px auto;
		width: 50%;
		padding: 0px;
		/*background:#FF0000;*/
	}
	
	.iproduct-picture img{
		display: block;
		float: left;
		width: 100%;
		/*max-width: 230px;*/
		/*height: 230px;
		max-height: 230px;*/
		margin: 0px;
}
}

@media screen and (max-width: 795px) {
	
	html, body {
		font-size: 16px;
		background-color: rgba(240,240,240,1);
	}
	
	.bottom-block {
		width: 40%; 
		float: left;
	}
	
	.hlogo img {
		width:80%;
	}
	.aboutus_panel {
		font-size: 16px;
		display:table; 
		width: 95%; 
		float: none;
	}
	
	.aboutus_banner {
		width: 100% !important; 
	}
	
	.login_panel {
		width: 95%; 
		float: left; 
		padding-right: 0%; 
		border-right: none;
		padding-bottom: 20px; 
		border-bottom: 1px solid #AAAAAA;
		margin-bottom: 20px;
	}
	
	.signup_panel {
		width: 95%; 
		float: left;
	}
	
	.signup_button {
		position: relative; 
		bottom: 0px;
	}
	
	.xmas_icon {
		width: 150px;
		height: 53px;
		top: 295px;
		right: 3%;
		background-image: url("../../images/xmas_icon.png");
		background-size: 150px 53px;
		background-repeat: no-repeat;
	}
	
	.easter_icon {
		width: 150px;
		height: 53px;
		top: 295px;
		right: 3%;
		background-image: url("../../images/easter_icon.png");
		background-size: 150px 53px;
		background-repeat: no-repeat;
	}

	.anzac_icon {
		width: 150px;
		height: 53px;
		top: 295px;
		right: 3%;
		background-image: url("../../images/anzac_icon.png");
		background-size: 150px 53px;
		background-repeat: no-repeat;
	}

	.sh-header {
		width: 96%;
	}
	
	.sh-value {
		width: 96%;
	}
	
	.search-popular-thumb {
		width: 49.5%;
	}
	
	#btnFullscreen {
		display: none;
	}
	
	.absolute-center {
		width: 100%;
		/*background: rgb(255,255,255);*/
  	padding: 0px;
  	border-radius: 0px;
  	-moz-border-radius:0px;
 		-webkit-border-radius: 0px;
 		box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
	}
	
	/*.main-frame {
		display: table;
		margin: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 40px;
		padding-left: 2%;
		width: 100%;
		height: 246px;
	}*/
	
	.subcat {
		width: 45%;
		min-width: 100px;
	}
	
	.smallsec {
		width: 90%;
		min-height: 230px;
	}
	
	#top_cart_trolley{
		right: 3px;
		bottom: 20px;
	}
	
	.cart_prod {
		width:40%;
	}
	
	.product-bigpicture {
		max-width: 100%;
	}
	
	.search-thumb {
		width: 45%;
		max-width: 290px;
		height: 425px;
	}
	
	.search-featured-thumb {
		width: 45%;
		max-width: 290px;
		height: 425px;
	}
}

@media screen and (max-width: 660px) {
	.topbar {
			display: none;
			z-index:0;
	}
	
	.whychoose_blocks {
		width: 96%; 
		min-height: 170px; 
	}
}

@media screen and (max-width: 590px) {
		
	#fb_cont {
		width: 540px;
	}
	
	#closemobmenu {
		display: table;
	}
	
	.newspic {
		float: none; 
		width: 90%; 
		padding: 5%;
	}
	
	.HRIA {
		bottom: 15px; 
		right: 5%;
		width: 75px;
		height: 69px;
		background-image: url("../../images/sHRIA.png");
		background-size: 75px 69px;
		background-repeat: no-repeat;
	}
	
	.xmas_icon {
		top: 140px;
		left: 70%;
		width: 100px;
		height: 35px;
		background-image: url("../../images/xmas_icon.png");
		background-size: 100px 35px;
		background-repeat: no-repeat;
	}
	
	.easter_icon {
		top: 350px;
		left: 70%;
		width: 100px;
		height: 35px;
		background-image: url("../../images/easter_icon.png");
		background-size: 100px 35px;
		background-repeat: no-repeat;
	}
	
	.anzac_icon {
		top: 350px;
		left: 70%;
		width: 100px;
		height: 35px;
		background-image: url("../../images/anzac_icon.png");
		background-size: 100px 35px;
		background-repeat: no-repeat;
	}
	
	.plant_portal {
	 	font-size: 15px;
	}

	.product-listing {
		display: block;
		/*margin: 0px auto;*/
	}
	
	.search-thumb {
		display: table;
		float: none;
		width: 90%;
		overflow: hidden;
		margin: 0px auto;
		border-bottom: 1px solid rgba(240,240,240,1);
		margin-bottom: 20px;
	}
	
	.search-featured-thumb {
		display: table;
		float: none;
		width: 90%;
		overflow: hidden;
		margin: 0px auto;
		border-bottom: 1px solid rgba(240,240,240,1);
		margin-bottom: 20px;
	}
	
	.bottom-links {
		font-size: 12px !important;
	}

	.subcat {
		width: 93%;
		min-width: 100px;
	}
	
}

@media screen and (max-width: 550px) {
	
	.cart_prod {
		width: 88%;
	}
	
	.bottom-block {
		width: 90%; 
		float: left;
	}
	
	#fb_cont {
		width: 500px;
	}
	
	.dimensions {
		width: 98.5%;
	}
	
}

@media screen and (max-width: 500px) {
	
	.search-popular-thumb {
		width: 99.5%;
	}
	
	.i_container {
		width: 90%;
	}

	#fb_cont {
		width: 370px;
	}
	
	.popular-title {
		font-size: 12px;
		font-weight: bold;
		color: #444;
		display: table;
		width: 50%;
		min-width: 210px;
		margin: 0px auto;
	}
	
	.h1_front_white {
		font-size: 40px !important;
	}
	
	.h1_front_black {
		font-size: 40px !important;
	}

}

@media screen and (max-width: 370px) {
	
	.plant_portal {
	 	font-size: 13px;
	}
	
	.h1_front_white {
		font-size: 30px !important;
	}
	
	.h1_front_black {
		font-size: 30px !important;
	}
	

}