/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th {
    color:#da510e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px;
	padding-bottom:2px;
	line-height:100%
}


strong{
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

#header, #footer:after {
    clear: both;
    content: "";
    display: block;
}

img{
max-width:100%
}

h1{
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-size:18px
}
h4 {
font-size:14px;
font-weight:bold
}
p {
margin:0 0 10px
}
ul, ol {
    list-style: none outside none;
}
fieldset, img, hr {
    border: none;
}
caption, th {
    text-align: left;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
html, body{
    background:url(../images/bg.jpg) repeat center #eeeeee;
	background-attachment:fixed;
    color: #777;
    font:normal 12px/18px Arial, Helvetica, sans-serif;
	text-align:left;
	text-align:left
}


a {
 transition: color 0.25s ease-out 0s;
 -webkit-transition: color 0.25s ease-out 0s;
 -moz-transition: color 0.25s ease-out 0s;
    color:#666;
    text-decoration: none;
}

a:hover {
    text-decoration:none;
    color:#D16D0D;
}

input[type="text"], input[type="password"]{
height:14px
}

input[type="text"], input[type="password"], textarea {
    border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
    color: #333;
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    padding: 3px;
	background-color:#FFFFFF
}
input[type="button"], input[type="submit"], .button{
background-color:#D16D0D;
padding:3px 6px;
float:right;
color:#FFFFFF;
border:none;
cursor:pointer;
}
input[type="button"]:hover,.button:hover{
background-color:#444;
color:#fff;
}

.select {
    background-color: #FFFFFF;
    border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
    color: #333333;
    font: 12px Arial,Helvetica,sans-serif;
    height: 23px;
    padding: 2px;
    width: 98%;
}

li {
    list-style: none outside none;
}

.row{
float:left;
width:100%;
margin:0 0 20px
}
.more, .more a{
float:right;
color:#D16D0D;
text-decoration:underline;
font:normal 12px Arial, Helvetica, sans-serif
}
.more a:hover{
color:#333;
text-decoration:none;
}


#wrapper{
margin:0 auto;
max-width:1000px;
background-color:#fff;
overflow:hidden;
box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
}

#sidebar{
float:left;
width:250px;
margin:0 10px;
border:1px solid #e2e2e2;
background-color:#FFFFFF;
box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
}
#header{
width:100%;
}

#hmain{
margin:0 auto;
height:90px;
position:relative
}
#logo{
position:absolute;
left:20px;
top:21px;
}

#call{
position:absolute;
right:20px;
top:6px;
color:#555;
font:normal 16px/18px Arial, Helvetica, sans-serif
}
#call span{
color:#da510e;
font-weight:bold
}

#slogan{
position:absolute;
right:20px;
top:39px;
color:#8a8a8a;
font:normal 26px/28px Arial, Helvetica, sans-serif
}


#right{
float:right;
width:700px;
min-height:100%;
}
#content{
margin:10px auto;
max-width:960px;
overflow:hidden;
padding:20px;
min-height:360px
}

.featured{
padding:20px;
background-color:#ededed;
max-width:931px;
margin:10px 0 20px;
float:left
}

.featured h3{
color:#444;
margin-left:5px;
margin-bottom:5px
}

.featured li{
float:left;
width:172px;
font-size:14px;
padding:6px
}

.featured li img{
float:left;
margin-bottom:2px;
width:172px;
height:98px
}

.welcome{
margin-bottom:0;
margin-top:10px
}
.welcome h1{
font-weight:bold
}



#enquiry {
    float:right;
    width: 232px;
	background-color:#D16D0D;
	padding-bottom:18px
}
#enquiry h3{
color:#FFFFFF;
background-color:#6b6933;
padding:6px 10px;
border:none;
margin-bottom:15px
}
#enquiry input[type="text"], #enquiry textarea{
background-color:#a3a067;
width:188px;
padding:5px 3px;
margin:3px 18px;
border:1px solid #7e7b4b
}
#enquiry textarea{
height:50px;
}
#enquiry input[type="button"]{
float:right;
margin-right:18px;
margin-top:5px;
background-color:#999900
}



#header #righthd{
float:right;
width:700px;
text-align:right
}

.banner{
width:100%;
margin:0 auto;
}
.in{
text-align:center;
margin-bottom:-10px
}

#prdctband{
float:left;
width:100%;
margin-bottom:20px;
}

#prdctband ul{
float:left;
}
#prdctband ul li{
margin-bottom:5px;
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)
}

#toTop {
    background: url("../images/btgotop.png") no-repeat scroll 0 0 transparent;
    bottom: 20%;
    cursor: pointer;
    display: block;
    height: 43px;
    position: fixed;
    right: 5px;
    text-indent: 666em;
    width: 43px;
    z-index: 666;
}
#toTop:hover {
    background-position: center bottom;
}

#inner{
width:958px;
min-height:400px;
float:left;
border:1px solid #e8e8e8;
padding:20px;
background-color:#FFFFFF;
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)
}

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

.descnot li{
height:auto!important;
}


.prdcts li {
    float: left;
    margin-bottom: 23px;
    margin-left: 20px;
    width: 306px;
	height:259px;
	line-height:16px
}
.prdcts li .pname{
    font-weight:bold;
    text-align: left;
	margin:5px 0 0px;
	float:left;
	width:100%;
	clear:both
}
.prdcts li img{
    float: left;
    width: 306px;
	height:175px;
	box-shadow:2px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:2px 3px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:2px 3px 0px rgba(0, 0, 0, 0.1)
}
.prdcts li a img:hover{
	box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

.prdcts li span a{
background-color:#ea6320;
padding:3px 6px;
color:#fff
}
.prdcts li span a:hover{
background-color:#e67f24
}



.breadcrumbs{
    margin-top: 8px;
    text-align: right;
	float:right;
	font:normal 13px Arial, Helvetica, sans-serif
}
.breadcrumbs a{
text-decoration:none;
}
.breadcrumbs a:hover{
color:#333333
}

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

#ftop{
margin:0 auto;
width:100%;
background:url(../images/fbg.jpg) repeat center top;
padding:1% 0%
}
#fbotm{
margin:0 auto;
width:100%;
background:url(../images/fbotm.jpg) repeat center top;
}
.footermain{
margin: 0 auto;
max-width:960px;
padding:15px  20px;
color:#444;
font:normal 12px Arial, Helvetica, sans-serif;
overflow:hidden
}

.fcol1{
    float: left;
    margin-right:15px;
    width: 280px;
	position:relative
}

#flist{
float:right;
font-size:11px;
width:660px
}

#flist ul{
float:left;
width:24%;
margin-left:1%
}

#flist ul .list-title{
    color: #D16D0D;
	font-size:12px
}

#flist li{
line-height:18px
}
#flist a{
text-decoration:none;
color:#ccc
}
#flist a:hover{
color:#D16D0D
}


#footrnav {
color:#666;
    float: left;
	text-align:left;
}
#footrnav a{
color:#666;
    text-decoration: none;
    padding: 0 4px 0 6px;
	border-left:1px solid #444;
}
#footrnav a:first-child{
border:none;
padding-left:0
}
#footrnav a:hover {
color:#fff;
    text-decoration: none;
}
#copy {
color:#666;
    float: right;
    text-align: right;

}
.footermain h3{
font-size:14px;
color:#D16D0D;
margin-bottom:5px
}

.social{
    color: #CCCCCC;
    position: absolute;
    right: -2px;
    top: 0;
}
.social span{
float:left;
margin-right:10px
}

.nsltr{
padding:10px;
background-color:#222;
float:left;
width:199px;
border-left:1px solid #191919;
border-top:1px solid #191919
}
.nsltr h3{
font-size:14px;
color:#D16D0D;
margin-bottom:5px
}
.nsltr input[type="text"]{
border:none;
background-color:#333;
width:193px;
margin-bottom:4px;
font-size:11px;
color:#bbb
}
.nsltr input[type="text"]:focus{
background-color:#424242;
}
.nsltr input[type="button"]{
background-color:#d16d0d;
padding:1px 6px;
float:right;
color:#FFFFFF;
border:none;
cursor:pointer;
font-size:11px;
}
.nsltr input[type="button"]:hover{
color:#222
}




/* tapan css */
#login {
padding-top:80px;padding-bottom:80px;
width:100%;
}

#loginform
{
font:normal 13px/18px Georgia, "Times New Roman", Times, serif;
padding:10px;
margin:10px auto;
text-align:left;
border:1px solid #ddd;
border-radius:15px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
background-color:#eee;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);
border-collapse:separate;
}


.blok{
float:left;
width:306px;
margin-right:20px
}
.bloklast{
float:left;
width:306px;
}


.leftsctn{
float:left;
background-color:#e5e5e5;
width:160px;
padding:20px;
margin-right:20px
}
.rightsctn{
float:right;
width:755px;
position:relative
}

.product-thumb{
margin-left:-19px
}

.product-thumb li{
    float: left;
    width: 174px;
	margin:0 0 20px 19px;	
}

.product-thumb li img{
float:left;
margin-bottom:2px
}

.fulsctn{
float:left;
width:100%;
}

.address{
float:left;
width:590px;
}
.contact-form, .job-form{
float:right;
padding:20px;
background-color:#f1e9e5;
width:325px
}
.contact-form input[type="text"], .job-form input[type="text"] {
    width: 94%;
}

.contact-form input[type="submit"], .job-form input[type="submit"] {
margin-right:3px
}

.cont-col{
float:left;
width:49%
}

.job-form{
margin-left:20px
}

.brdcrmb{
position:absolute;
right:0;
top:10px;
color:#777
}

.ful-prdct li{
margin:20px 0;
padding:5px;
background-color:#fff
}

.frstframe td{
padding:5px
}

.frstframe img{
float:left
}

.desc td{
font-size:11px;
border-collapse:collapse;
border:1px solid #e5e5e5;
padding:1px 5px;
line-height:17px
}

.cntrwide li{
text-align:center;
padding:20px 0 15px
}
.cntrwide li span{
width:100%;
float:left
}

.tbldetail td{
font-size:11px;
background-color:#fff;
border-collapse:collapse;
border:1px solid #e5e5e5;
padding:1px 5px;
line-height:17px
}

.list{
margin:20px 0;
display:block
}

.list li{
padding-left:20px;
background:url(../images/bullet.png) no-repeat 0 5px ;
margin:4px 0
}


.cert{
margin-left:-30px
}
.cert img{
margin-left:30px;
border:1px solid #ddd
}
.ftitle{
color:#d9720d;
font-size:12px
}

.tweet{
padding:8px;
background-color:#ccc;
font-size:11px;
line-height:13px;
height:89px;
overflow:hidden;
margin-bottom:8px;
margin-top:10px;
box-shadow: 1px 1px 4px #111 inset
}
.twt-title{
font:bold 12px/16px Arial, Helvetica, sans-serif;
color:#333;
margin-bottom:3px
}

#middle {
    float:left;
    margin-left: 20px;
}
#detail {
    float: left;
    width: 391px;
}
#detail h3{
	color:#777;
	font:bold 14px Arial, Helvetica, sans-serif
}
.otherproduct {
    float: right;
    padding-left: 20px;
    width: 200px;
	border-left:1px solid #eee
}
.otherproduct ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.otherproduct ul li {
    float: left;
}
.otherproduct ul li + li {
    margin-top: 20px;
}
.otherproduct .des {
    float: left;
    width: 200px;
}
.otherproduct .des img {
    float: left;
    width: 200px;
	height:114px
}
.otherproduct h4 {  
    margin:0 0 8px;
    width: 200px;
	font-weight:bold
}

.ovrvw{
}

sup{
font-size:8px
}

.table_information {
border-spacing:0;
font-size:11px;
text-align:left;
margin-top:5px
}
.table_information td {
    border: 1px solid #ccc;
    padding: 1px 5px;
}
.table_information th {
    border: 1px solid #ccc;
	padding:0
}
.table_information th h3 {
    background-color: #ddd;
    margin: 0 !important;
    padding: 5px;
	color:#777;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif!important;
}
.listinfo{
margin:0
}
.listinfo td {
    border: 1px solid #ccc;
    padding: 4px 5px;
}


.leftcol{
float:left;
width:718px
}

.intrstd{
padding-top:10px;
border-top:1px solid #ddd;
margin-top:10px;
margin-bottom:0
}

.intrstd ul{
margin-left:-18px
}

.intrstd h3{
color:#777;
font:bold 12px Arial, Helvetica, sans-serif;

}

.intrstd li{
float:left;
width:226px;
line-height:16px;
color:#DA510E;
margin-left:18px;
overflow:hidden
}

.intrstd li img{
float:left;
margin-bottom:2px;
width:228px;
height:128px
}

.stock{
text-align:right;
float:right;
width:100%;
margin-bottom:0
}

.cntcpic{
background:url(../images/cntct-image.jpg) no-repeat left bottom;
width:570px;
height:321px;
float:left
}



/* iPads (portrait) ----------- */
@media only screen and (max-width:768px){

#slogan{
font-size:22px
}

.prdcts li {
    height: 244px;
    width: 228px;
}
.prdcts li img {
    height: 130px;
}

.featured li {
width:125px;
}
.featured li img{
width:125px;
height:70px
}

.fcol1{
    margin-right:10px;
	width:225px
}

.tweet {
height: 98px;
}


#flist {
    width:492px;
}
#flist ul {
    margin-left: 1%;
    width: 24%;
}

#footrnav {
    text-align: center;
    width: 100%;
	margin-bottom:8px
}
#copy {
    text-align: center;
	width:100%
}


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

#content{
padding:10px;
}
.prdcts {
    margin-left: -10px !important;
}
.prdcts li {
    margin-bottom: 15px;
    margin-left: 10px;
    width: 145px;
	height:121px!important;
}
.prdcts li img{
    width: 145px;
	height:83px;
}
#slogan {
display:none
}
#logo {
    left: 0px;
    top: 11px;
	width:100%;
	text-align:center
}
#call {
    font: 12px/18px Arial,Helvetica,sans-serif;
    right: 0px;
    top: 68px;
		width:100%;
	text-align:center
}
.banner {
display:none
}
.featured {
padding: 10px;
}
.featured li {
width: 128px;
}
.nsltr {

}
#flist {
width:100%;
margin-top:15px;
}
#flist ul{
margin-bottom:10px;
width:49%
}

#copy {
font-size:11px
}

.fcol1{
    margin-right:10px;
	width:225px
}

.tweet {
height: 98px;
}

}