

body { font-family : Arial,helvetica,sans-serif; font-size : 12px; }
.bodytext,p,br {  background-color: #FFFFFF;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height : 17px; color: #484848; text-decoration: none; padding-top : 20px; padding-bottom : 25px; text-align: left;}
.bodytext a {text-decoration: underline; color: black;}
.bodytext a:hover {text-decoration: none;}
.bodytextLarge {  background-color: #FFFFFF;  font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height : 1.2em; color: #484848; text-decoration: none; padding-top : 20px; padding-bottom : 25px; text-align: left;}
.bodytextLarge a {text-decoration: underline; color: black;}
.bodytextLarge a:hover {text-decoration: none;}

h1 { font-family: verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; margin: 0px;}
.h1bigger { font-family: verdana, Helvetica, sans-serif; font-size: 16px; color: #000000; letter-spacing: 4px; text-transform: uppercase; text-decoration: none; margin: 0px;}
h2 { font-family: verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; text-transform: uppercase; text-decoration: none; margin: 0px;}
.subheading {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff0000; line-height : 20px; text-decoration: none; }
.subheading2 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #00c3c2; line-height : 20px; text-decoration: none; }
.body1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height : 19px; text-decoration: none; }
.body2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height : 16px; text-decoration: none; }
.smalltextNav { font-size: 10px; }
.bodytext5 {  background-color: #FFFFFF;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height : 17px; color: #484848; text-decoration: none; padding-top : 20px;}
.bigtextWhite {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height : 16px; color: #000000; text-decoration: none; }
.supplierText { font-family: verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height : 16px; color: #FFFFFF; letter-spacing: 3px; text-transform: uppercase; text-decoration: none;  }
.pdfpanel { font-family : verdana,helvetica,sans-serif; font-size : 11px; }
.pdfpanel a { font-family : verdana,helvetica,sans-serif; font-size : 11px; text-decoration: underline;}
.pdfpanel a:hover { font-family : verdana,helvetica,sans-serif; font-size : 11px; text-decoration: none;}

.leftstrip {width: 50%; background: url(images/bg-leftstrip1.png) repeat-y right; vertical-align: top;}
.rightstrip {width: 50%; background: url(images/bg-rightstrip1.png) repeat-y left; vertical-align: top;}
.bottomstrip {height: 10px; background: url(images/bg-bottomstrip1.png) repeat-x; vertical-align: top; text-align: right; padding : 6px 0px 20px 0px; }
.botcornerleft {background: url(images/bg-botleft.png) no-repeat top right;}
.botcornerright {background: url(images/bg-botright.png) no-repeat top left;}

.productheader {  background: #ffffff url(images/bg-prodheader.jpg) repeat-x bottom;  text-align : center; padding: 6px 8px 8px 8px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.productheader2 {  background-color: #000000;  text-align : center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style : italic; font-weight: bold; color: #FFF907; text-decoration: none; padding-top: 4px; padding-bottom: 5px; padding-left : 8px; padding-right : 8px;}
.productheader3 {  background-color: #000000;   font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 2px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 3px 8px 4px 8px;}
.productheader4 {  background-color: #000000;   font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 2px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0px; border-bottom : 1px solid #000000; border-top : 1px solid #000000;}
.productheader5 {  background-color: #eeeeee;   font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; font-weight: bold; color: #000000; text-decoration: none; padding: 15px 25px 15px 25px; border-bottom : 1px solid #000000; }
.productsmall { text-align : center; font-family: verdana, Helvetica, sans-serif; font-size: 12px; font-style : italic; font-weight: bold; color: #FFF907; text-decoration: none; }
.subnav{  background-color: #FFFFFF; font-family: verdana, Helvetica, sans-serif; font-size: 11px;  font-weight: bold;  color: #454545; text-decoration: none; cursor : hand; border-bottom : 1px solid #CACAC9;}
.cellgrey {  background-color: #dedede; font-family: verdana, Helvetica, sans-serif; font-size: 10px;  color: #000000; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left : 5px; padding-right : 3px; border-bottom : 1px solid #000000;}
.cellgrey2 {  background: #ffffff url(images/bg-prodheader2.jpg) repeat-x bottom; font-family: verdana, Helvetica, sans-serif; font-size: 11px;  color: #000000; text-decoration: none; padding: 4px 5px 5px 5px; border-bottom : 1px solid #000000;}
.cellgrey3 {  background-color: #666666; font-family: verdana, Helvetica, sans-serif; font-size: 12px;  letter-spacing: 1px;  font-weight: bold;  color: #ffffff; text-decoration: none; padding: 5px 10px; border-bottom : 1px solid #CACAC9;}
.cellwhite {  text-align: center; background-color: #FFFFFF; font-family: verdana, Helvetica, sans-serif; font-size: 12px;  color: #000000; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left : 5px; padding-right : 3px; border-bottom : 1px solid #000000; border-right : 1px solid #E5E5E5;}
.cellwhite2 {  border-left:1px solid #000000; background-color: #FFFFFF; font-family: verdana, Helvetica, sans-serif; font-size: 12px;  color: #000000; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left : 8px; padding-right : 5px; border-bottom : 1px solid #000000;}
.cellwhiteFullwidth {  text-align: left; background-color: #FFFFFF; font-family: verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; text-decoration: none; padding: 20px 15px 25px 15px; border-bottom : 1px solid #000000; border-right : 1px solid #E5E5E5;}


.midcolumn { text-align: left; width: 560px; background: #ffffff url(images/bg-bottomstrip.png) repeat-x ; border-top: 0px solid #c6c9c9; padding : 40px 40px 50px 40px; vertical-align: top;}
.numberBox {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 18px; float: left; width: 25px; height: 22px; text-align: center; vertical-align: bottom; margin-top: -8px;  background: #ffffff url(images/bg-number.jpg); border: 1px solid #333333; padding: 5px 5px 5px 5px;}
.listone {padding-left:18px; background:transparent url(images/bullet1.gif) no-repeat; background-position: 0px 13px;}
.navbar { background: #00999b url(SpryAssets/images/bg-nav1.gif) repeat-x; border-top: 1px solid #ffffff; border-bottom: 1px solid #7a7a78;}
.galleryPic {border: 2px solid #b6b6b6; }
.number {font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #b4b4b4; }
.bodypic {margin-left: 20px; margin-bottom: 15px; margin-top: 5px; border: 1px solid #333333;}




.banright {background: #0A1725; padding : 0px 30px 0px 0px; text-align: right;}
.content1 {text-align: left; background: #FFFFFF; vertical-align: top; }
.content2 {text-align: left; background: #eaecef url(images/bg-watermark-content1.gif) no-repeat bottom right; padding : 15px 20px 90px 27px; vertical-align: top;}
.content2b {text-align: left; background: #eaecef; padding : 15px 20px 90px 27px; vertical-align: top;}
.content2home {text-align: left;  background: #f4f5f7 url(images/bg-watermark-home.gif) no-repeat bottom right; padding : 15px 20px 30px 27px; vertical-align: top;}
.pagetitle {text-align: left; background: #cfd5db; padding : 3px 20px 10px 20px; }
.pagetitle2 {text-align: left; background: #cfd5db url(images/bg-watermark-content2.gif) no-repeat top right; padding : 3px 20px 15px 20px; }
.newsthumb {border: 1px solid #b6b6b6; padding: 4px;}
.newspic {margin-top: 3px; margin-bottom: 3px; }
.showcasethumb {border: 1px solid #b6b6b6; margin : 0px 10px 10px 0px; }
.caption {  font-family: arial, Helvetica, sans-serif; font-size: 10px; color: #0b1a29; line-height : 12px; font-weight: bold; text-decoration: none; }
.copyright {  font-family: arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height : 12px; font-weight: bold; text-decoration: none; }
.quote {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height : 17px; text-decoration: none; }
.quotemarks {  font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #00c3c2; line-height : 15px; text-decoration: none; }
.quotecredit { font-family: arial, Helvetica, sans-serif; font-size: 10px; color: #0b1a29; line-height : 12px; font-weight: bold; text-decoration: none; }



.formcell1 { text-align: center; border-bottom: 1px solid #BDBAB0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height : 18px; text-decoration: none; }
.formcell2 { width: 100%; padding: 0px 15px 0px 30px; border-bottom: 1px solid #BDBAB0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height : 18px; text-decoration: none; }
.formcell3 { width: 70px; background-color: white; border: 0px none White; border: 1px solid #7f9db9; text-align: right; padding-right: 5px; }
.formcell4 { padding: 0px 15px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height : 18px; text-decoration: none; }
.formfield1 { width: 280px; margin: 2 0 2 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height : 18px; text-decoration: none; }
.formfield2 { width: 100px; margin: 2 0 2 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height : 18px; text-decoration: none; }




.priceContainer {margin: auto;}
.price {margin: 0; margin-bottom: 10px; padding: 0; font-size: 2.5em; color: #df2b31; font-weight: bold; text-align: center}
.plusGST {margin: 0; margin-bottom: 20px; padding: 0; font-size: 0.75em;text-align: center}
.pixelcredit {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px;  color: #000000; text-decoration: none; }

img {outline: none; border: 0px;}

A:visited {
	border: 0px;
	outline: none;
	text-decoration : none;}

A.designlink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #ccc;
	text-decoration : none;}
A:hover.designlink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #fff;
	text-decoration : none;}

A.emaillink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #246dbd;
	text-decoration : underline;}
A:hover.emaillink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #b58a43;
	text-decoration : none;}

A.newslink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	font-weight: bold;
	color : #246dbd;
	text-decoration : underline;}
A:hover.newslink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	font-weight: bold;
	color : #b58a43;
	text-decoration : none;}
A:visited.newslink {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	font-weight: bold;
	color : #0b1a29;
	text-decoration : underline;}

A.linkone {  font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #003555;
	border: 1px solid #003555;
	padding: 2px 5px 2px 5px;
	text-decoration : none;}
A:hover.linkone {font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #FFFFFF;
	background-color: #003555;
	text-decoration : none;}
A.linkoneSelected {  font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #FFB310;
	font-weight: bold;
	letter-spacing : 1px;
	text-decoration : none;}
A:hover.linkoneSelected {font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #FFB310;
	font-weight: bold;
	letter-spacing : 1px;
	text-decoration : none;}
A.linktwo {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #2485bd;
	text-decoration : underline;}
A:hover.linktwo {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #b58a43;
	text-decoration : none;}
A.linkthree {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #d65801;
	text-decoration : none;}
A:hover.linkthree {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #000000;
	text-decoration : none;}
A.linkfour {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #246dbd;
	text-decoration : underline;}
A:hover.linkfour {
	font-family : verdana,helvetica,sans-serif;
	font-size : 10px;
	color : #b58a43;
	text-decoration : none;}
A.linkfive {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #246dbd;
	text-transform: uppercase;
	text-decoration : underline;}
A:hover.linkfive {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #b58a43;
	text-decoration : none;}
A.linksix {  font-family : verdana,helvetica,sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 5px 10px 5px 10px;
	display: block;
	text-decoration : none;}
A:hover.linksix {font-family : verdana,helvetica,sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight: bold;
	 letter-spacing: 0px; 
	 display: block;
	 background-color: #fea508; 
	text-decoration : none;}
A.linkseven {  font-family : verdana,helvetica,sans-serif;
	font-size : 15px;
	color : #fff;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 5px 10px 5px 10px;
	display: block;
	text-decoration : none;}
A:hover.linkseven {font-family : verdana,helvetica,sans-serif;
	font-size : 15px;
	color : #000;
	font-weight: bold;
	 letter-spacing: 0px; 
	 display: block;
	 background-color: #fea508; 
	text-decoration : none;}


A.linksmall {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration : underline;}
A:hover.linksmall {
	font-family : verdana,helvetica,sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration : none;}

A.thumblink {
	border: 2px solid #CF9A9D; 
	display: block;	
	width: 75px;
	height: 100px;
	margin-bottom: -10px;
	margin-left: 2px;
	margin-right: 2px;
	}
A:hover.thumblink {
	border: 2px solid #7F5248; 
	}



A.panelLink {
	display: block;
	cursor: pointer;
	padding: 12px 10px 12px 20px;
	background: #a9a39c url(images/bg-panelLinkdown.jpg) repeat-x;
	border-bottom: 1px solid #ffffff;
	font-family: Arial, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 17px;
	color: #ffffff;
	text-transform: none;
	text-align: left;
	text-decoration : none;
}
A:hover.panelLink {
	display: block;
	cursor: pointer;
	background: #00feff url(images/bg-paneLinkup.jpg) repeat-x;
	border-bottom: 1px solid #ffffff;
	font-family: Arial, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 17px;
	color: #333333;
	text-transform: none;
	text-align: left;
	text-decoration : none;
}
.panelLinkoff {display: none;}


/* Webflow styles */
.pricingcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 630px;
  padding: 30px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pricingtextblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pricingtextcol {
  width: 50%;
  margin-bottom: 25px;
  padding-right: 25px;
  text-align: left;
}

.pricebodytext {
  color: #484848;
  font-size: 12px;
  line-height: 18px;
}

.priceblockcol {
  width: 50%;
  text-align: center;
}

.pricingtextbig {
  padding-bottom: 11px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.price {
  padding-bottom: 11px;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  font-weight: 400;
}

.pricedecimal {
  font-size: 30px;
  line-height: 50px;
}

.priceintro {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}

.div-block {
  padding: 20px;
}

.priceblockdiv {
  padding: 30px 20px;
  background-color: #df2b31;
}

.priceblockdiv2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 4% 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 5px solid #df2b31;
  background-color: #000;
  color: #fff;
  text-decoration: underline;
}

.priceblockdiv2:hover {
  background-color: #333;
  text-decoration: none;
}

.pricelink {
  padding-bottom: 11px;
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}

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

.gsttext {
  color: #fff;
  font-size: 16px;
}

.emailicondiv {
  padding-top: 8px;
}

.rrp {
  color: #484848;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.rrpDetails {
  font-weight: 400;
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .rrp {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .pricelink {
    font-size: 16px;
  }
  .rrp {
    font-size: 16px;
  }

}

@media screen and (max-width: 479px) {
  .pricingcontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pricingtextcol {
    width: 100%;
    padding-right: 0px;
    text-align: center;
  }
  .priceblockcol {
    width: 100%;
  }
  .priceintro {
    text-align: center;
  }
}
/* End Webflow styles */


