/* CSS Document */

*{margin:0; padding:0}

html,body{
margin:0;
padding:0;
background:url(../images/bodybg.jpg) repeat #f0f0f0;
font:normal 14px/20px Georgia, "Times New Roman", Times, serif;
color:#333333;
}

a, img{border:none; text-decoration:none; color:#333333}

p,h1,h2,h3,h4,h5{
margin-bottom:15px;
}

strong, b{
font:bold 13px Georgia, "Times New Roman", Times, serif;
}

h2, h2 a{
font:normal 22px/22px Georgia, "Times New Roman", Times, serif;
border-bottom:1px solid #573f03;
padding-bottom:3px;
color:#cca74b;
text-align:left
}

#contright h2{
border-bottom:1px solid #ddd;
}

h3, h3 a{
font:normal 20px/22px Georgia, "Times New Roman", Times, serif;
border-bottom:1px dotted #ccc;
padding-bottom:3px;
color:#333;
text-align:left
}

h4, h4 a{
font:normal 18px/22px Georgia, "Times New Roman", Times, serif;
border-bottom:1px dotted #ccc;
padding-bottom:3px;
color:#bd932a;
text-align:left;
text-transform:uppercase;
width:100%;
margin:10px 0;
}

h5, h5 a{
font:normal 18px/22px Georgia, "Times New Roman", Times, serif;
color:#bd932a;
text-align:left;

width:100%;
margin:0;
}



ul{
margin:0;
padding:0;
list-style:none;
}

input[type="text"], textarea{
font:normal 13px/16px Georgia, "Times New Roman", Times, serif;
color:#333;
background:#eee;
border:none;
padding:4px;
height:18px;
width:232px;
margin-bottom:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px;
-ms-border-radius:3px;
box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
textarea{
height:63px;
}
input[type="text"]:focus, textarea:focus{
background-color:#f4ebd2;
}

hr{
border:1px solid #eee;
margin:10px 0
}

input[type="button"],input[type="submit"]{
font:normal 12px/16px Georgia, "Times New Roman", Times, serif;
background:#d2b962;
border:none;
float:right;
height:26px;
display:block;
padding:0 10px;
cursor:pointer;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px;
-ms-border-radius:3px;
transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s
}

input[type="button"]:hover,input[type="submit"]:hover{
box-shadow:none;
background:url(../images/btnbg.jpg) repeat-x left top;
color:#000;
box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.read{
float:right;
text-align:right;
}
.read a{
color:#c59900;
text-decoration:underline
}
.read a:hover{
color:#222;
text-decoration:none;
}


#wrapper{
float:left;
width:100%;
}

#top{
background:url(../images/topbg.jpg) repeat top center;
float:left;
width:100%;
box-shadow:0px 4px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0px 4px 15px rgba(0, 0, 0, 0.7)
}

header{
float:left;
width:100%;
position: relative;
z-index:111
}
#hdmain{
margin:0 auto;
width:980px;
}
#logo{
float:left;
width:267px;
margin:30px 0 20px 10px
}
#topmenu{
float:left;
width:960px;
padding:5px 10px;
text-align:right;
border:1px solid #6b4326;
color:#c09e7c;
font:normal 12px Arial, Helvetica, sans-serif;
background:url("../images/banbg.png") repeat center center transparent;
}
#topmenu a{
color:#c09e7c;
}

#tcall{
float:right;
width:140px;
margin-right:60px;
}
#tmail{
float:right;
width:200px;
margin-right:60px;
}

#tnav ul{
list-style-type: none;
margin: 0;
padding: 0;
float:right;
}
#tnav ul li{
color: #c09e7c;
display: inline;
float: right;
font:normal 12px Arial, Helvetica, sans-serif;
}
#tnav ul li + li {
border-right: 1px solid #816244;
}
#tnav ul li a {
color: #c09e7c;
display: block;
padding: 0 8px;
text-decoration: none;
}
#tnav ul li:first-child a{
padding-right:0
}
#tnav ul li a:hover {
color: #fff;
text-decoration: none;
}

nav{
float:right;
margin:36px 0px;
color:#FFFFFF;
}

#homebanner{
margin:0 auto;
width:960px;
padding:10px;
background:url(../images/banbg.png) repeat center;
clear:both;
margin-bottom:30px;
box-shadow:inset 0px 0px 8px rgba(0, 0, 0, 0.8);
-moz-box-shadow:inset 0px 0px 8px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:inset 0px 0px 8px rgba(0, 0, 0, 0.8);
}

#prdctband{
float:left;
width:100%;
background:url(../images/prdctsbg.jpg) repeat top left #777;
box-shadow:inset 0px 15px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow:inset 0px 15px 20px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:inset 0px 15px 20px rgba(0, 0, 0, 0.4);
}

#prdctbandmain{
margin:33px auto;
width:940px;
padding:20px;
clear:both;
background:url(../images/ptbg.png) repeat top left;
border:1px solid #422f00;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
-ms-border-radius:10px;
box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.6);
-moz-box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.6);
-o-box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.6);
}

#container{
float:left;
width:100%;
margin:30px 0
}
#container #content{
margin:0 auto;
width:980px;
}

#content #welcome{
float:left;
width:640px;
min-height:252px;
background:#FFFFFF;
padding:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
-ms-border-radius:10px;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
}

#container #content #welcome h1{
font:normal 28px/32px Georgia, "Times New Roman", Times, serif;
color:#c59900;
}

#enquiry{
float:right;
width:240px;
background:#666;
padding:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
-ms-border-radius:10px;
box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#enquiry h3{
font:normal 22px/22px Georgia, "Times New Roman", Times, serif;
color:#fff;
background:url(../images/bigbullet.png) no-repeat left 2px;
padding-left:25px;
width:90%;
border:none
}


footer{
float:left;
width:100%;
padding:10px 0;
background:url(../images/topbg.jpg) repeat center;
box-shadow:0px -3px 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px -3px 8px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0px -3px 8px rgba(0, 0, 0, 0.4);
-o-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

footer > span{
margin:0 auto;
width:980px;
display:block
}

footer > span #fnav {
float:left;
width:650px;
margin-top:10px
}
#fnav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#fnav ul li{
color: #CCCCCC;
display: inline;
float: left;
font:normal 12px Georgia, "Times New Roman", Times, serif;
}
#fnav ul li:last-child a{
padding-right:0
}

#fnav ul li + li {
border-left: 1px solid #816244;
}
#fnav ul li a {
color: #c09e7c;
display: block;
padding: 0 5px;
text-decoration: none;
}
#fnav ul li a:hover {
color: #fff;
text-decoration: none;
}
#copy{
color:#c09e7c;
float: right;
font:normal 12px/18px Georgia, "Times New Roman", Times, serif;
text-align: right;
width: 310px;
}
#copy a{
color: #c09e7c;
}

#inner{
float:left;
width:940px;
background:#FFFFFF;
padding:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
}

#inner h1{
font:normal 28px/32px Georgia, "Times New Roman", Times, serif;
color:#c59900;
}
#inner #left{
float:left;
width:940px;
text-align:justify
}
#inner #right{
float:right;
width:220px;
border:1px solid #ddd;
padding:15px;
background-color:#eee;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.trndwd {
float:left;
margin-bottom:15px
}
.trndwd li{
list-style:square inside;
text-indent:20px;
line-height:22px;
width:450px;
float:left;
}

.chart, .chart th, .chart td{
border:1px solid #fff;
border-collapse:collapse;
background-color:#eee;
padding:4px;
text-align:center;
}
.chart th{
background-color:#e9dac3;
text-align:center
}

.prdcts{
margin-left:-20px!important;
float:left;
width:960px
}

.prdcts li{
float:left;
width:210px;
margin-left:20px;
margin-bottom:20px;
border:5px solid #eee;
}
.prdcts li h3{
margin:0px;
padding:3px;
border:none;
}
.prdcts li a{
display:block;
transition:all 0.2s ease-out 0s;
-moz-transition:all 0.2s ease-out 0s;
-webkit-transition:all 0.2s ease-out 0s;
-o-transition:all 0.2s ease-out 0s;
}
.prdcts li a:hover{
box-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);
-khtml-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);
}
.prdcts li a img{
width:210px;
height:155px;
float:left
}

#links{
margin-left:-24px!important
}

#links li{
float:left;
position:relative;
width:200px;
height:99px;
border:1px solid #eee;
padding:5px;
margin-left:29px;
margin-bottom:20px;
overflow:hidden;
}
#links li a{
display:block;
}
#links li:hover{
box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
-moz-transition:all 0.2s ease-in-out 0s;
-o-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
-khtml-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
}
#links li a img{
float:left;
width:200px;
height:99px;
}
#links li a .detail{
float:left;
display:block;
background:url("../images/dropmenubg.png") repeat center;
color:#000;
width:200px;
padding:5px;
position:absolute;
bottom:-30px;
left:0;
transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-webkit-transition:all 0.2s ease-in-out 0s;
-khtml-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
}
#links li a:hover .detail{
bottom:0px;
}

#request{
width:390px;
float:left;
padding:20px;
border:1px solid #eee;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-khtml-border-radius:10px;
-ms-border-radius:10px;
}

#request label{
float:left;
width:150px
}

.breadcrumbs{
border-bottom:1px solid #eee;
margin-bottom:10px;
text-align:right
}
.breadcrumbs a{
color:#c59900
}
.breadcrumbs a:hover{
color:#333
}

.show{
float:right;
}

#contleft{
float:left;
width:330px;
text-align:justify;
padding-right:20px;
border-right:1px solid #ddd;
}
#contform{
border: 1px solid #EEEEEE;
margin:0 auto;
padding: 20px;
overflow:hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
}

#contform label{
float:left;
width:95px
}
#contform input[type="text"], #contform textarea{
width:185px
}

#enquiry input[type="text"], #enquiry textarea{
width:232px
}

#contright{
float:right;
width:570px;
}
#sa{
float:left;
}
#sastatepic{
float:left;
margin-bottom:20px;
overflow:hidden;
width:280px;
height:150px;
}
#sastatepic a img{
transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-webkit-transition:all 0.2s ease-in-out 0s;
-khtml-transition:all 0.2s ease-in-out 0s;
width:280px;
height:306px;
}
#sastatepic a:hover img{
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-khtml-transform:scale(1.07,1.07);
}

#nsw{
float:left;

}



#vic{
float:right
}
#vicstatepic{
float:left;
margin-bottom:20px;
overflow:hidden;
width:280px;
height:150px;
}
#vicstatepic a img{
transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-webkit-transition:all 0.2s ease-in-out 0s;
-khtml-transition:all 0.2s ease-in-out 0s;
width:280px;
height:306px;
}
#vicstatepic a:hover img{
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-khtml-transform:scale(1.07,1.07);
}

.blog-item{
float:left;
width:280px;
}
.blog-item2{
float:right;
width:280px;
}
.blog-item, .blog-item2{
font:normal 12px/18px Georgia, "Times New Roman", Times, serif;
text-align:left;
color:#333333
}
.blog-item strong, .blog-item2 strong{
font:bold 12px Georgia, "Times New Roman", Times, serif;
}


.blog-item a:hover, .blog-item2 a:hover{
text-decoration:underline;
}
.blog-text > p{
min-height:110px;
}
.blog-item iframe, .blog-item2 iframe{
border:1px solid #ccc
}

.ams{
float:right;
margin:0 0 0px 15px
}


@media only screen and (max-width:768px){

#homebanner{
display:none
}
#hdmain, #topmenu{
width:auto
}
#topmenu{
text-align:left
}
#tnav, #tcall, #tmail{
float:left;
width:100%;
display:block
}
#tnav ul{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #5f4508;
}
#tnav ul, #tnav ul li{
float:left;
width:100%;
}
#tnav ul li{
padding:2px 0 2px 0;
}
#tnav ul li a{
display:inline
}
.stkr1 {
height: 96px;
right: -54px!important;
top:75px!important
}
#logo {
margin:10px;
}
nav {
margin: 0px 0px 0;
width:100%
}
#horiz_m {
border-radius:0!important;
width:96%;
padding:0 2%!important;
}
#horiz_m .slidemenu ul li a {
padding: 12px 8px;
border-right: 1px solid #AB8A19;
}
#prdctbandmain {
margin: 0px auto;
width: auto;
padding: 10px;
border-radius:0
}
#content, #welcome, footer, footer > span, footer > span #fnav{
width:auto!important;
border-radius:0!important;
}
#enquiry{
width:auto!important;
}
#copy{
float:left;
width:100%;
text-align:left;
margin-top:10px
}
#fnav ul {
margin:0 auto
}
#fnav ul li a {
padding: 5px;
}
footer{
padding:10px
}
#fnav ul li + li {
border:none;
}

#inner{
width:90%;
padding:5%;
border-radius:0
}
#inner #left{
width:100%
}



}

@media only screen and (max-width:375px){

.product_ul_carousel, #request{
width:auto!important
}
.jcarousel-skin-rail .jcarousel-item {
width:89%!important;
padding:4%!important;
}
.product_div a img {
width: 100%!important;
height: auto!important;
}
#enquiry {
margin:20px
}

#enquiry input[type="text"], #enquiry textarea {
width: 97%;
}
.jcarousel-skin-rail .jcarousel-next-horizontal, .jcarousel-skin-rail .jcarousel-prev-horizontal, .show {
display:none!important;
}
.jcarousel-skin-rail .jcarousel-item-horizontal {
margin: 6px 6px!important;
}
.trndwd li {
text-indent: 0px;
float: left;
width: 100%;
}
.chart, .chart th, .chart td{
padding:0px!important;
font-size:12px;
line-height:15px
}
h4, h4 a {
font-size:15px;
line-height:18px
}
.prdcts {
width:auto;
margin-left:-5%!important;
}
.prdcts li {
border: none!important;
width: 44%;
margin-left: 5%;
margin-bottom: 5%;
}
.prdcts li a img{
width: 100%;
height: auto;
padding:0;
}
#contleft {
width: auto;
text-align: justify;
padding-right: 0px;
border-right:none;
}
#contright {
float: left;
width: 100%;
margin-top:20px
}
#vic {
float: left;
}
#sastatepic a img, #vicstatepic a img, #sastatepic, #vicstatepic, #vic, #sa, .blog-item, .blog-item2, .blog-item iframe, .blog-item2 iframe, #contright iframe{
width:100%;
}
.blog-item, .blog-item2{
margin-bottom:20px
}
#links li{
width:83%;
padding:3%;
text-align:center
}
#links li a img {
float:none
}
#links li a .detail{
width:96%;
padding:2%;
bottom:-35px

}

.lb-outerContainer {
height: auto !important;
width: 100% !important;
}
.lb-container {
padding: 0px!important;
}
#lightbox img {
width: 100%!important;
}


}

@media only screen and (max-width:320px){

.prdcts {
width:auto;
margin-left:-5%!important;
}
.prdcts li {
border: none!important;
width: 93%;
margin-left: 5%;
margin-bottom: 5%;
}


}