@import url('resetcss.css');
body {background-image: url("/images/bg.gif");background-repeat: repeat-x;background-color:#000;
background-position: top left;}
.clearthis:before, .clearthis:after {content: "";display: table;} 
.clearthis:after {clear: both;}
.clearthis {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}


/* general
 * ============================ */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
html, body {height:100%;color:#fff;line-height:1.4rem;	font-family:"Times New Roman", Times, serif;}
a {color:#fff;text-decoration:none;}
a:hover {opacity:0.6;}
img {max-width:100%!important;height:auto!important;}

/* main structure */
#big-container {width: 100%;height: auto !important;   min-height: 100%;height: 100%;position:relative;padding: 15px 0 30px;}
#container {position: relative;top: -70px;}
#container:after, .row:after {content:"";clear:both;display:block;}
#big-container {width:92%;text-align:center;margin:0 auto;}
#container, #menu ul, .home-wrapper, footer {margin:0 auto;}
#container {max-width:1300px;clear:both;padding-top:20px;}
.row {margin:0 -15px 0 -15px;}

div.error {padding:15px;margin:0px 0px;background:#f0c7c7;color:#da0000 !important;}
label.error {font-size:90%;color:#da0000;}
.req {padding-top:4px;float: right;font-size: 10px;color: #da0000;}
.input.error {background:#ffe8e8;border-color:#da0000;}
.success {padding:15px;margin:0px 0px;background:#ddead5;color:#56aa1d !important;}
.info {padding:15px;background:#efe5d3;color:#d27910 !important;}

.button, a.button {margin-right:10px;color:#fff;font-size:18px;font-weight:700;fdisplay:block;text-decoration:none;background:#1c5382; border:0px;cursor:pointer;padding:8px 30px;}
.input {padding:4px;border:solid #dedede 1px;}
    .contactlabel {padding:10px 0px 0 0;}
	.contactfullwidth {clear:both;padding:10px 0 5px 0px;}
    .contactfield {position:relative;padding:5px 0px;}
    .contactfield .input, .contactfullwidth .input {width:92%;padding:7px 4%;}
    .contactfield select.input, .contactfullwidth select.input {width:100%;padding:7px 4%;}
	
    .contactfield .input.inputshort, .contactfullwidth .input.inputshort {width:130px;padding-left:10px;padding-right:10px;}
    .contactfield .input.inputmini, .contactfullwidth .input.inputmini {width:40px;padding-left:10px;padding-right:10px;}
    .contactfield select.input, .contactfullwidth select.input {width:100%;}
    .contactfield select.input.inputshort, .contactfullwidth select.input.inputshort {width:150px;padding-left:10px;padding-right:10px;}
		.restricted_area_login_inner{max-width:400px;}
		.form_fields {clear:both;text-align:center;margin:auto;}
		.mobile_hide {display:none;}
		.mobile_show {display:block;}
.dealer_left{padding-top:20px;}
.dealer_right{padding-top:20px;}


		.req {padding-top:4px;float: right;font-size: 10px;color: #da0000;}
/* blue linear-gradient background color */
#menu, .wrapper-prodcut {}
.wrapper-prodcut {background-image:url("/images/bg-production.jpg");background-repeat:repeat-x;background-size:100% auto;}

/* main menu ============================ */
#menu {margin-bottom:20px;position:relative;top:0;width:100%;letter-spacing: 1px;}
#menu:after {content:"";display:inline-block;clear:both;}
#menu ul li a, #menu ul li span {display: inline-block;vertical-align: middle;max-width: 110px;	width: 100%;height: 100%;padding: 15px 10px;cursor:pointer;}
#menu li a, #menu li.current a, #menu li span, #menu li.current span {color:#0ff;opacity:1;}
#menu li.gold a, #menu li.current.gold a  {color:#daa520;}
#menu li a:hover, #menu li span:hover {color:#fff;}
 

/* dropdown menu */
.dropdown {position:absolute;z-index:99999;left:0;right:0;visibility:hidden;opacity:0;border-radius: 10px;text-align:center;}
li.menu-item:hover .dropdown {opacity:1;visibility:visible;}
#menu .dropdown a {width:100%;max-width: inherit;line-height: 1px;padding: 0;}
#menu .dropdown a:hover {border-color:#fff;opacity:1;}
.dropdown img {width:100%;}
.dropdown div {display: inline-block;width: 15%;margin:0 2px;}

/* home ============================ */
.logo {width:70%;margin: 30px auto 0;}
.logo img {width: 100%;} 

/* general text content============================ */
.wrapper, .wrapper-prodcut {margin:0 auto;}
.wrapper {padding:30px 0px 0px;text-align:left;}
.wrapper img,.desc img {max-width:100%;height: auto !important;}

/* product content */
.wrapper-prodcut {padding:15px 15px 15px;margin-top: 20px;}
.desc {text-align:left;}
.desc h2, .wrapper h1 {font-size:2rem;line-height:2.2rem;margin-bottom:20px;color:#0ff;}
.wrapper h2 {font-size:2rem;line-height:2.2rem;margin-bottom:20px;color:#0ff;font-size:14px;}

.desc p, .wrapper div {font-size: 0.9rem;color: #eee;font-family: Helvetica, Arial, sans-serif;}

/* warranty ============================ */
.left div {padding-right:30px;}
small {font-size:0.8rem;	display: inline-block;margin-bottom: 20px;}
.required {color:#0ff;margin-right:3px;}
#form h2, .form h2 {border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 5px 0;margin-bottom: 5px;}
.form-title {width:30%;display:inline-block;float:left;}
.fid, .select {width:65%;vertical-align:top;margin:0;margin-bottom:10px;padding:6px 8px;border-radius:3px;border:none;background-color:rgba(255,255,255,0.8);color:#000;font-size:13px;}
.fid:focus {background-color:rgba(255,255,255,0.95);color:#000;}
.select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("/images/arrow.png");background-position:98.5% center;background-size:9px;background-repeat:no-repeat;}
.submit-btn {border-radius:5px;border:none;padding:8px 30px;margin-left:30%;font-size:1rem;text-transform:uppercase;cursor:pointer;background: #8e7933;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlNzkzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2Y5ZWE4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODkxNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #8e7933 0%, #f9ea8f 59%, #a89143 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e7933), color-stop(59%,#f9ea8f), color-stop(100%,#a89143));background: -webkit-linear-gradient(top,  #8e7933 0%,#f9ea8f 59%,#a89143 100%);background: -o-linear-gradient(top,  #8e7933 0%,#f9ea8f 59%,#a89143 100%);background: -ms-linear-gradient(top,  #8e7933 0%,#f9ea8f 59%,#a89143 100%);background: linear-gradient(to bottom,  #8e7933 0%,#f9ea8f 59%,#a89143 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e7933', endColorstr='#a89143',GradientType=0 );}
.submit-btn:hover {opacity:0.8;}
.submit-btn:active {position:relative;top:1px;}

/* map contact ============================ */
.map-contact {margin:0 auto;max-width:800px;width:100%;position:relative;margin-top: 5px;}
.map-contact img {width:100%;}
.detail-btn {cursor:pointer;position:absolute;display:inline-block;width:30px;height:30px;background-size:cover;}
.detail-ava{background-image:url(/images/trans.gif);}
.detail {position:absolute;right:0%;bottom:100%;background-color:#fff;color:#333;box-shadow:0 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);border-radius:3px;padding:10px 10px;min-width:130px;text-align:left;z-index:10;cursor:default;visibility:hidden;opacity:0;}
.detail-btn:hover .detail {visibility:visible;opacity:1;}
.detail h2 {color: #000;margin-bottom: 5px;font-family: times;font-size: 16px;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.detail a {color:#666;}

.sydney { top:72%; left:64%;}
.melbourne { top:77%; left:55%; }

.adelaide { top:71%; left:47%; }
.hobart { top:85%; left:59%; }
.brisbane { top:59%; left:67%; }
.perth { top:68%; left:23%; }
.darwin { top:32%; left:43%; }

//.madang { top:18%; left:57%; }
//.lae { top:22%; left:60%; }
.portmoresby { top:25%; left:58%; }

.pottsville { top:70%; left:67%; }
.townsville { top:45%; left:59%; }
.newcastle { top:70%; left:63%; }
.aukland { top:77%; left:93%; }
.wellington { top:84%; left:93%; }
.christchurch { top:87%; left:87%; }

/* footer ============================ */
footer {position:absolute;bottom:0;left:0;right:0;padding:10px 0;font-size:13px;}

/* message=========================== */
.message-success, #message-error {   width:100%;   box-sizing:border-box;font-size:14px;-moz-box-sizing:border-box;font-weight:400; padding:15px 15px;margin-bottom:20px;border-radius:5px;}
.message-success {background-color:#090;color: #fff;}
#message-error {background-color:#f00; color: #fff;}

/* ------------------Flexnav Base Styles---------------------- */
.flexnav {-webkit-transition: none;-moz-transition: none;-ms-transition: none;transition: none;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show {display:block!important;max-height: 5000px;opacity: 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; }
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px; }
.flexnav li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li a {position: relative;display: block;padding-top: .96em;z-index: 2;overflow: hidden;color: #222222;border-bottom: none; }
.flexnav li ul {display:none;width: 180px !important; min-width:180px !important;}
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li ul.flexnav-show li {overflow: visible; }
.flexnav li ul li a {display: block;}
.flexnav ul li ul li a {background: none; }
.flexnav ul li ul li ul li a {background: none; }
.flexnav li > ul.flexnav-show {display:block!important;}
.menu-home {width: 10%!important;}
.flexnav .touch-button {  position: absolute;max-width:9999px!important;  z-index: 999;  top: 0;  padding: 0px!important;  left: 0;  width: 100%!important;  height: 75px!important;}
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {display:none!important;position: relative;top: 1.4em;font-size: 12px;color: #fff; } 
.menu-button {position: relative;display: block;height:50px;text-indent:-999px;overflow:hidden;color: #02087a;font-weight:700;cursor: pointer;border-bottom: none;background:url(/images/menu.jpg) 50% 0 no-repeat;}
.menu-button.one-page {position: fixed;top: 0;right: 5%;padding-right: 45px; }
.menu-button .touch-button {background: transparent;position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;text-align: center; }
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #666;display:none; }
.flexnav li ul.sub-menu {width:100%!important;}

/* ------------------END Flexnav Base Styles---------------------- */
#menu ul li ul li a img {width:100%!important;height:auto!important;}
 
#menu ul li ul li a {padding:0px;max-width:999px;}
#menu {background:none;z-index:890;}
#big-container {}

@media all and (min-width:580px) { 
.flexnav li ul.sub-menu {width:370px!important;}
.logo {width:50%;}
.left {text-align:left;}
.mobile_show {display:block;padding-top:20px;}
.mobile_hide {display:none;}
.wrapper {padding:40px 50px 0px;text-align:center;}

}


@media all and (min-width:780px) { 
/* ------------------Flexnav FULLSIZE---------------------- */
body.one-page {padding-top: 70px; }
/*
.flexnav .touch-button, .flexnav .touch-button .navicon {display:block!important;}
.no-touch .flexnav .touch-button, .no-touch .flexnav .touch-button .navicon {display:none!important;}
.flexnav .touch-button {right:-8px;width:30px!important;height:30px!important;}
.flexnav .touch-button .navicon {top:0.4em;}
*/
		.form_fields {clear:both;max-width:500px;text-align:left;margin:auto;}
    .contactlabel {clear:both;float:left;width:35%;}
    .contactfield {float:right;width:60%;padding:5px 0px;}
    .contactfieldfull {float:right;padding:5px 0px;}
    .contactsubmit {clear:both;margin-left:40%;}
.dealer_left{float:left;width:40%;}
.dealer_right{float:left;width:60%;text-align:left;padding-left:40px;}
		.form_fields {clear:both;max-width:500px !important;text-align:left !important;margin:auto;}
		.wrapper {text-align:left !important;}
		
.flexnav {width:100%;overflow: visible; }
.flexnav.opacity {opacity: 1; }
.flexnav.one-page {top: 0;right: auto;max-width: 1080px; }
.flexnav li {width:16%;position: relative;list-style: none;float: left;display: block;background-color: none;overflow: visible;}
.flexnav li a {border-left: none;border-bottom: none; }
.flexnav li > ul {display:none!important;position: absolute;top: auto;left: 0; }
.flexnav li > ul li {width: 180px; }
.flexnav li ul li > ul {margin-left: 100%;top: 0; }
.flexnav li ul li a {border-bottom: none; }
.flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 1; }
.flexnav li ul.open li {overflow: visible;max-height: 100px; }
.flexnav li ul.open ul.open {margin-left: 100%;top: 0; }
.menu-button {display: none; } 
.oldie body.one-page {padding-top: 70px; }
.oldie .flexnav {overflow: visible; }
.oldie .flexnav.one-page {top: 0;right: auto;max-width: 1080px; }
.oldie .flexnav li {position: relative;list-style: none;float: left;display: block;background-color: none;width: 20%;min-height: 50px;overflow: visible; }
.oldie .flexnav li:hover > ul {display: block;width: 100%;overflow: visible; }
.oldie .flexnav li:hover > ul li {width: 100%;float: none; }
.oldie .flexnav li a {border-left: none;border-bottom: none;overflow: visible; }
.oldie .flexnav li > ul {background: none;position: absolute;top: auto;left: 0;display: none;z-index: 1;overflow: visible; }
.oldie .flexnav li ul li ul {top: 0; }
.oldie .flexnav li ul li a {border-bottom: none; }
.oldie .flexnav li ul li a img {margin-bottom: 5px; }
.oldie .flexnav li ul.open {display: block;width: 100%;overflow: visible; }
.oldie .flexnav li ul.open li {width: 100%; }
.oldie .flexnav li ul.open ul.open {margin-left: 100%;top: 0;display: block;width: 100%;overflow: visible; }
.oldie .flexnav ul li:hover ul {margin-left: 100%;top: 0; }
.oldie .menu-button {display: none; }
.oldie.ie7 .flexnav li {width: 19.9%; }
.link-item-productcat-3 ul.sub-menu {  right: 0;  left: auto;}
/* ------------------END Flexnav FULLSIZE---------------------- */

li.link-item-productcat-1 {z-index:700;}
li.link-item-productcat-2 {z-index:600;}
li.link-item-productcat-3 {z-index:500;}
li.link-item-productcat-4 {z-index:400;}
li.link-item-productcat-5 {z-index:300;}
li.link-item-productcat-6 {z-index:200;}

.wrapper-prodcut {padding:50px 50px 50px;}
.left {	width:35%;text-align:left;}
.right {float:right;width:65%;padding-left:30px;}
/* .right {width:65%;} */
/* .left, .right {float:left;} */
.leftdata {padding-left:20px;}
.mobile_show {display:none;}
.mobile_hide {display:block;}
}


@media all and (min-width:1300px) { 

.menu-home {width: 10%!important;}
#menu ul li a, #menu ul li span {padding: 40px 10px;}

.logo {width: 500px;margin: 50px auto 0;}
.flexnav li {width:9%;}
.left {text-align:left;}
.mobile_show {display:none;}
.mobile_hide {display:block;}

.link-item-productcat-3 ul.sub-menu {  right: auto;  left: 0;}
}