* {margin:0%;padding:0%;border:0;outline:none;-moz-outline-style:none;font-family:'Nunito Sans',arial;}
body, html {
width:100%;
height:100%;
min-height:100%;
max-height:100%;
font-size:1rem;
background:white;
}
.body-container{
max-width:100%;
width:100%;
margin:0 auto;
background-color:#ffffff;
}
strong{font-weight:bold;}
form{display:inline;width:100%;}
*:focus{outline:none;-moz-outline-style:none;}

h1{font-size:185%;font-weight:bold;padding-left:2.5%;padding-top:2%;padding-bottom:2%;}
h2{clear:both;font-size:140%;font-weight:bold;padding-top:1.5%;padding-bottom:1%;}
h3{clear:both;font-size:100%;font-weight:bold;padding-top:3%;padding-bottom:1.5%;}
p{clear:both;font-size:100%;text-align:left;padding-bottom:2.5%;}
p2{clear:both;font-size:100%;text-align:left;}
.banner{position:relative;top:0%;width:100%;font-size:150%;background-color:#ffffff;}
.banner img{width:100%;height:100%;vertical-align:middle;}
.banner-headings{font-family:verdana;font-size:108%;line-height:100%;font-weight:bold;color:#ffffff;
text-align:right;position:absolute;right:0%; top:5%;padding-right:2%;}
.banner-contact{width:40%;text-align:right;position:absolute;right:2%; top:55%;}
.banner-contact a{clear:both;display:inline-block;float:right;font-size:90%;color:gainsboro;font-style:italic;z-index:999;
font-weight:bold;text-decoration:none;text-align:right;padding-right:2%;}
.banner-contact a:hover{color:#ffffff;}

@media only screen and (max-width: 906px) {
.banner-headings{font-size:98%;}
.banner-contact a{font-size:83%;}
li{font-size:100%;line-height:125%;}
}
@media only screen and (max-width: 800px) {
.banner-headings{font-size:80%;}
.banner-contact a{font-size:65%;}
li{font-size:97%;line-height:118%;}
}
@media only screen and (max-width: 640px) {
.banner-headings{font-size:75%;}
.banner-contact{top:52%;}
.banner-contact a{font-size:60%;}
li{font-size:95%;line-height:110%;}
}
@media only screen and (max-width: 568px) {
.banner-headings{font-size:68%;}
.banner-contact a{font-size:55%;}
li{font-size:92%;line-height:105%;}
}
@media only screen and (max-width: 480px) {
.banner-headings{font-size:50%;}
.banner-contact a{font-size:42%;}
li{font-size:88%;line-height:105%;}
}
@media only screen and (max-width: 375px) {
.banner-headings{font-size:42%;}
.banner-contact{width:50%;}
.banner-contact a{font-size:34%;}
li{font-size:85%;line-height:103%;}
}
@media only screen and (max-width: 320px) {
.banner-headings{font-size:40%;}
.banner-contact a{font-size:30%;}
li{font-size:82%;line-height:100%;}
}
.language{float:right;padding-top:2.7%;padding-right:2.5%;font-size:95%;}
.language select{border:1px solid gainsboro;}
@media only screen and (max-width: 375px) { 
.language{clear:both;float:left;font-size:80%;padding-left:2px;} 
.language select{font-size:80%;} 
}
@media only screen and (max-width: 820px) {
h1{clear:both;}
}

.body-left-container{clear:both;float:left;padding:1% 2.5%;width:50%;color:#494949;}
.body-left-container a{color:#df002b;font-weight:bold;text-decoration:none;}
.body-left-container a:hover{color:#000000;}
.body-left-container ul{margin:4% 8%;}
.body-left-container ul li{padding-bottom:2%;padding-left:4%;}
.body-right-container{float:left;padding:1% 2.5%;width:40%;}
.body-right-container img{width:100%;}
.body-right-txt-container{margin:0 auto;width:80%;text-align:center;
padding-top:6%;padding-left:2.5%;padding-right:2.5%;font-size:90%;color:dimgray;}
@media only screen and (max-width: 480px) {
.body-left-container{width:95%;}
.body-right-container{clear:both;width:95%;}
}
.aus-industry-sub-heading-cg{margin:0 auto;width:80%;text-align:center;}
.accreditation-img{margin:0 auto;}
.accreditation-img img{width:90%;}
.emergency-glass-repair{font-weight:bold;color:black;}

.about-us-img{float:left;width:49%;}
.about-us-img img{width:99%;}
.about-us-img div{color:dimgray;font-size:80%;font-style:italic;}
@media only screen and (max-width: 800px) {
.about-us-img{clear:both;width:90%;}
}

.customers-text{padding-left:2.5%;padding-bottom:1%;}
.customers-img{margin:0 auto;clear:both;padding-bottom:1%;}
.customers-img img{width:14%;padding:2% 1%;}
.product-body-container{clear:both;padding:1% 2.5% 2.5% 2.5%;width:95%;background-color:none;}
.product-body-container a{color:#df002b;font-weight:bold;text-decoration:none;}
.product-body-container a:hover{color:#000000;}
.product-body-container h2{padding-top:0%;}

.mirrors-container{clear:both;}
.mirrors-double{float:left;width:49%;}
.mirrors-double img{float:left;max-width:49%;}
.mirrors-third{float:left;width:32%;}
.mirrors-third img{max-width:98%;}
.mirrors-half{float:left;width:49%;}
.mirrors-half img{float:left;max-width:90%;}
@media only screen and (max-width: 480px) {
.mirrors-double, .mirrors-third, .mirrors-half{clear:both;width:98%;}
}

.shower-screen-doors img{width:70%;}
@media only screen and (max-width: 480px) {
.shower-screen-doors img{width:100%;}
}

.glass-glazing-container{clear:both;padding-bottom:2.5%;}
.glass-glazing-dots{float:left;width:13%;padding:0.5%;}
.glass-glazing-dots img{width:100%;border:1px solid gainsboro;}
.glass-glazing-types{clear:both;padding-top:2.5%;}
.glass-glazing-types img{float:left;max-width:20%;padding-right:0.5%;}
.glass-glazing-standoff{clear:both;padding-top:3%;padding-bottom:3%;}
.glass-glazing-standoff img{float:left;max-width:60%;}
.architectural-fittings{clear:both;display:block;padding-top:3%;}

/*Stock Table Div's*/
.stock-main-containter{float:left;width:95%;padding-top:1%;padding-left:2.5%;padding-right:2.5%;padding-bottom:5%;font-size:90%;text-align:left;background-color:white;}
.headings div{display:inline-block;background-color:GhostWhite;border:1px solid gainsboro;padding-top:0.8%;padding-bottom:0.8%;cursor:pointer;font-weight:bold;color:dimgray;vertical-align:top;overflow:hidden;white-space:nowrap;}
.hwidth240{width:24%;text-align:left;padding-left:0.5%;}
.rows{clear:both;}
.rows div{float:left;border-bottom:1px solid gainsboro;border-left:1px solid gainsboro;border-right:1px solid gainsboro;padding-top:0.6%;padding-bottom:0.6%;cursor:pointer;color:dimgray;}
.width60{width:6%;text-align:center;}
.width60 img{max-width:30%;}
.width80{width:8%;text-align:center;}
.width80 img{max-width:22.5%;}
.width100{width:10%;text-align:center;}
.width100 img{max-width:18%;}
.width120{width:12%;text-align:center;}
.width120 img{max-width:15%;}
.width240{display:inline-block;width:24%;text-align:left;padding-left:0.5%;}
@media only screen and (max-width: 820px) { .stock-main-containter{font-size:75%;}}
@media only screen and (max-width: 640px) { .stock-main-containter{font-size:60%;}}
@media only screen and (max-width: 568px) { .stock-main-containter{font-size:55%;}}
@media only screen and (max-width: 480px) { .stock-main-containter{font-size:43%;}}
@media only screen and (max-width: 375px) { .stock-main-containter{font-size:35%;}}
@media only screen and (max-width: 320px) { .stock-main-containter{font-size:29%;}}

/*Contact*/
.contact-lbl{clear:both;float:left;width:20%;font-size:100%;margin-bottom:1%;}
.contact-fld{display:inline;float:left;width:80%;font-size:100%;}
.contact-fld input{display:inline;font-family:arial;font-size:100%;margin-right:0.9%;padding:0% 0.2%;
	-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid lightgray;}
.contact-fld textarea{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid lightgray;}
#contactname, #contactemail, #contactsubject, #contactenquiry{width:80%;}
#contactenquiry{width:80%;height:15%;}
.contact-btn{clear:both;padding:2% 0% 2% 20%;}

.contact-offices{clear:both;margin:1% 2.5%;}
.contact-office{float:left;width:49%;}
.contact-office-numbers{clear:both;width:100%;}
.contact-office-numbers label{display:inline-block;width:20%;}
.contact-office-numbers a{margin-left:2%;color:#df002b;font-weight:bold;text-decoration:none;}
.contact-office-numbers a:hover{color:#000000;}
.body-left-container a{color:#df002b;font-weight:bold;text-decoration:none;}
.contact-query{clear:both;margin:0% 2.5%;padding-top:2.5%;}
.contact-query h3{padding-top:0%;}
.contact-map{clear:both;}
#map, #map2{clear:both;width:90%;height:40vh;margin:2.5% 5% 2.5% 5%;}
.contact-link{padding-left:5%;padding-bottom:2.5%;}
.contact-link a{color:#df002b;font-weight:bold;text-decoration:none;}
.contact-link a:hover{color:#000000;}
.button{text-decoration:none;font-size:85%;color:white;background-color:#005293;cursor:pointer;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;display:inline-block;
position:relative;margin:0% 0.5%;padding-top:0.8%;padding-bottom:0.7%;padding-left:2.8%;padding-right:2.8%;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid dimgray;}
.button:visited{color:#ffffff;}
.button:hover{background-color:#df002b;color:#ffffff;border:1px solid lightgray;}
.button:active{top:1px;}
@media only screen and (max-width: 720px) {
.contact-office{clear:both;width:95%;padding-bottom:2.5%;}	
}
@media only screen and (max-width: 568px) { 
.contact-office-numbers label{font-size:90%;}
.contact-office-numbers a{font-size:90%;}
}
@media only screen and (max-width: 480px) { 
.contact-office-numbers label{font-size:80%;}
.contact-office-numbers a{font-size:80%;}
.contact-lbl{font-size:90%;}
.button{padding-left:3%;padding-right:3%;}
}
@media only screen and (max-width: 375px) { 
.contact-office{padding-bottom:6%;}	
.contact-office-numbers label{font-size:70%;}
.contact-office-numbers a{font-size:75%;}
.contact-lbl{font-size:80%;}
.button{padding-left:4%;padding-right:4%;}
}
/*Request Quote*/
.quote-container{width:97.5%;padding-left:2.5%;padding-bottom:1%;}
.quote-left-container{float:left;width:60%;border:1px solid white;text-align:left;background-color:white;}
.quote-right-container{display:inline;float:right;width:38%;padding:0% 0% 1.5% 0%;border:1px solid white;background-color:white;text-align:center;}
.quote-ctr{margin:0 auto;width:95%;float:left;}
.quote-ctr p{padding:2% 2% 0% 0%;font-size:80%;}
.quote-lbl{clear:both;float:left;width:20%;font-size:80%;margin:0.7% 0% 1% 0%;text-align:left;color:black;}
.quote-lbl span{color:red;}
.quote-lbl-radio{clear:both;float:left;width:10%;font-size:110%;margin-top:0.5%;margin-bottom:1.5%;}
.quote-lbl-desc{clear:both;float:left;width:100%;font-size:80%;margin-top:0.5%;margin-bottom:0.5%;}
.quote-lbl-desc span{color:red;}
.quote-fld-desc{clear:both;float:left;width:100%;}
.quote-fld-desc textarea{margin:0.1% 0% 0.5% 0%;padding:0.1% 0.2%;font-family:arial;font-size:80%;color:#494949;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;border:1px solid gainsboro;}
.quote-hdg{clear:both;padding:1% 0% 0.5% 0%;font-size:100%;font-weight:bold;}
.quote-fld{float:left;width:80%;font-size:80%;margin:0.7% 0% 1% 0%;}
.quote-fld input[type="text"],#verifycode{display:inline;font-size:90%;margin:0.1% 0.9% 0.4% 0%;padding:0.5% 0.2%;
	-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;border:1px solid gainsboro;}
.quote-fld select{font-family:arial;font-size:90%;margin:0.2% 0.8% 0.4% 0%;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;border:1px solid gainsboro;}	
#customername, #quoteemail, #address, #quotedesc{width:95%;}
#quotephone{width:45%;}
#quotedesc{height:20vh;overflow:auto;}
#suburb{width:65.5%;}
#postcode{width:15%;margin-bottom:0.5%;}
#verifycode{width:16%;}
.quote-btn{clear:both;margin-bottom:1%;padding:1.5% 0% 1% 0%;text-align:left;}
.quote-btn-ctr{float:right;text-align:right;width:100%;margin:0% 0% 1% 0%;}
.quote-radio{float:left;width:80%;margin:0.8% 0% 1% 0%;}
.quote-radio div{clear:both;padding-top:0.6%;font-size:75%;color:#494949;}
.quote-radio div input{margin-right:2%;}
.quote-photos-ctr{float:right;width:100%;margin:0% 2% 0% 0%;}
.quote-thumbnails{clear:both;width:100%;margin:2% 0% 0% 0%;}
.quote-thumbnail-photo{max-width:90%;max-height:30%;margin:0.5% 0%;border:2px solid white;cursor:pointer;}

@media only screen and (max-width: 906px) {
.quote-lbl,.quote-lbl-desc{font-size:75%;}
#suburb{width:64%;}
}
@media only screen and (max-width: 800px) {
.quote-lbl,.quote-lbl-desc{font-size:70%;}
#suburb{width:61%;}
}
@media only screen and (max-width: 640px) {
.quote-lbl,.quote-lbl-desc{font-size:65%;}
.quote-radio div{font-size:70%;}
#suburb{width:58.1%;}
}
@media only screen and (max-width: 560px) {
.quote-lbl,.quote-lbl-desc{font-size:63%;}
.quote-radio div{font-size:65%;}
#suburb{width:54.1%;}
}
@media only screen and (max-width: 480px) {
.quote-fld input[type="text"],.quote-fld select,.quote-fld-desc textarea,#verifycode{font-size:80%;}
.quote-lbl,.quote-lbl-desc{font-size:60%;}
#suburb{width:49%;}
}
@media only screen and (max-width: 375px) {
.quote-fld input[type="text"],.quote-fld select,.quote-fld-desc textarea,#verifycode{font-size:70%;}
.quote-lbl,.quote-lbl-desc{font-size:55%;}
#suburb{width:46%;}
}
@media only screen and (max-width: 320px) {
.quote-lbl,.quote-lbl-desc{font-size:50%;}
#suburb{width:42%;}
#postcode{width:18%;}
}

.file_input_hidden{cursor:pointer;position:relative;left:-238px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.file-input-ctr{height:0px;width:0px;overflow:hidden;}

/*Suckerfish Menus*/
@media only screen and (max-width: 820px) {	/*mobile*/
.menu-bars{display:block;cursor:pointer;text-align:left;}
.menu-bars img{margin:1.5vh 0px 0px 2.5vw;}
.menu-ctr{clear:both;float:left;background-color:white;}
ul.nav, ul.nav ul{list-style:none; }		/*Main list and sub lists*/
.nav a{text-decoration:none;color:#df002b;}	/*all menu items*/
/*top level items*/	
ul.nav li a{display:inline-block;font-weight:bold;cursor:pointer;
padding-top:1.2vh;padding-bottom:1.2vh;padding-left:2.5vw;}
.nav ul li a{font-size:90%;font-weight:normal;
padding-top:0.9vh;padding-bottom:0.9vh;padding-left:7vw;}			/*sub menu items*/
}
@media only screen and (min-width: 820px) { 
.menubtns{float:right;margin:0px;padding:1.4vh 1vw 0vh 0vw;}
.menubtns a{display:inline-block;width:24px;height:22px;margin:0px 0px 0px 2px;padding:0px;}
.menu-bars{display:none;} 
.menu-ctr{clear:both;margin:0 auto;max-width:100%;width:100%;padding-left:0.1vw;
text-align:center;background-color:white;border-bottom:1px solid gainsboro;}
.nav{display:block;}
.nav, .nav ul{list-style:none;}		/*Lists*/
.nav a{text-decoration:none;font-size:85%;color:#6e6e6e;cursor:pointer;}	/*all menu items*/
/*top level items*/	
ul.nav li{float:left;position:relative;
padding-top:0.7vw;padding-bottom:0.7vw;padding-left:1.5vw;padding-right:1.5vw;border:1px solid white;}																			
ul.nav li a{font-size:85%;}					
ul.nav li:hover{background-color:whitesmoke;border:1px solid gainsboro;}
ul.nav li a:hover{color:#000000;}
ul.nav li:hover ul{margin-left:0;}
/*sub level menu items*/
.nav ul{position:absolute;top:100%;left:0;margin-left:-999em;background-color:white;
border:1px solid gainsboro;z-index:99;}
.nav ul li {clear:both;width:100%;margin:0px;padding:0px;}
.nav ul li a{float:left;padding-left:1.5vw;padding-right:4vw;padding-top:0.6vw;padding-bottom:0.6vw;
text-align:left;white-space:nowrap;}
.nav ul li a:hover{color:#000000;background-color:whitesmoke;}
}


/*Slideshow*/
.slideshow-ctr{position:relative;top:0%;left:0%;width:100%;min-width:100%;max-width:100%;height:auto;overflow:hidden;margin:0%;padding:0%;}
.slideshow-current-slide img{width:100%;height:auto;vertical-align:middle;}
.slideshow-next-slide{display:none;}
.slideshow-bullets{position:absolute;bottom:0.5%;right:0.5%;width:100%;text-align:right;}
.slideshow-bullets div{position:relative;display:inline-block;width:1.6vw;height:1.6vw;overflow:hidden;padding-left:0%;padding-right:0%;cursor: pointer;}
.slideshow-current-bullet{background: url(/inc/slideshow/button-white.png) no-repeat; background-size:60%;}
.slideshow-current-bullet:hover{background: url(/inc/slideshow/button-white-highlight.png) no-repeat; background-size:60%;}
.slideshow-next-bullet{background: url(/inc/slideshow/button-blue.png) no-repeat; background-size:60%;}
.slideshow-next-bullet:hover{background: url(/inc/slideshow/button-blue-highlight.png) no-repeat; background-size:60%;}
/*Slideshow navigation*/
.slideshow-nav-left{background:url(/inc/slideshow/left-arrow.png) no-repeat;background-size:100%;position:absolute;top:40%;left:0.8%;}
.slideshow-nav-right{background:url(/inc/slideshow/right-arrow.png) no-repeat;background-size:100%;position:absolute;top:40%;right:0.8%;}
.slideshow-nav-left, .slideshow-nav-right{display:block;width:5.5%;height:26%;cursor:pointer;overflow:hidden;
opacity: 0.65;filter: alpha(opacity=65);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";	}
.slideshow-nav-left:hover, .slideshow-nav-right:hover { opacity: 1;	filter: alpha(opacity=100);	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	 }
.slideshow-caption{font-size: 90%;padding-top:1%; padding-bottom:1%; color: dimgray;text-align: center;	
font-weight:normal;		}
@media only screen and (max-width: 906px) {
.slideshow-caption{font-size: 87%;}
}
@media only screen and (max-width: 800px) {
.slideshow-caption{font-size: 85%;}
}
@media only screen and (max-width: 640px) {
.slideshow-caption{font-size: 78%;}
}
@media only screen and (max-width: 568px) {
.slideshow-caption{font-size: 74%;}
}
@media only screen and (max-width: 480px) {
.slideshow-caption{font-size: 70%;}
}
@media only screen and (max-width: 375px) {
.slideshow-caption{font-size: 57%;}
}
@media only screen and (max-width: 320px) {
.slideshow-caption{font-size: 50%;}
}

/*Footer*/
.footer-container{clear:both;display:block;margin:0 auto;width:100%;color:dimgray;font-size:85%;text-align:center;
	margin-bottom:2.5%;padding-top:2%;padding-bottom:2%;background-color:white;
	border-style:solid;border-left-width:0px;border-top-width:1px;border-bottom-width:2px;border-right-width:0px;border-color:gainsboro;}
.footer-links{clear:both;padding-top:0.2%;}	
.footer-links a{margin:0% 0.5%;color:#494949;outline:none;font-size:95%;}
.footer-links a:hover{color:black;}
.footer-kfox{clear:both;font-size:92%;padding-top:0.7%;}
.footer-kfox a{outline:none;color:dimgray;text-decoration:none;font-size:100%;}
.footer-kfox a:hover{color:black;}
.footer-phone{font-size:95%;padding-bottom:0.2%;}
.footer-phone a{color:#494949;outline:none;font-size:120%;font-weight:bold;text-decoration:none;}
.footer-phone a:hover{color:black;}

.clear{clear:both;}
.hide{display:none;}
.highlight{display:none;}
.popupblanket {background-color:dimgray;filter:alpha(opacity=65);opacity:0.65;position:fixed;z-index:9000;top:0px;left:0px;width:100%;height:100%;}
.popupwindow{display:block;position:absolute;background-color:white;padding:2% 0% 2% 2.5%;z-index:9001;
	-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	border-top:1px solid #e1e0e0;border-left:1px solid #e6e5e5;border-right:1px solid darkgray;border-bottom:1px solid silver;}
.popuptitle{font-size:100%;font-weight:bold;padding:0% 0% 0% 0.5%;}
.popupbtns{float:right;margin:0% 4.4% 0% 0%;}
#popupcontent{clear:both;overflow:auto;padding:1% 0% 0% 0%;}