body {
background-color:#F6F6F6;
font-family:Arial;
font-size:11px;
padding:0px;
margin:0px
}
#wrapper 
{
background-color:#fff;
background-image:url(gifs/bg.gif);
width:780px;
min-height:100px;
height:auto;
overflow:hidden;
margin:0px auto;
border-left:1px solid #E79B00;
border-right:1px solid #E79B00;
}
#wrapper1 
{
background-color:#fff;
width:780px;
min-height:100px;
height:auto;
overflow:hidden;
margin:0px auto;
border-left:1px solid #E79B00;
border-right:1px solid #E79B00;
}
.toplinks {margin:35px 0px 0px 0px;width:770px; float:right; position:absolute;text-align:right; padding:0px}
.toplinks a{color:#666; text-decoration:none}
.toplinks a:hover{color:#666; text-decoration:underline}
.toplinks-home {color:#666; margin:55px 0px 0px 0px;width:770px; float:right; position:absolute;text-align:right; padding:0px}
.toplinks-home a{color:#666; text-decoration:none}
.toplinks-home a:hover{color:#666; text-decoration:underline}
img
{
border:0
}
.path
{
color:#333;
padding:5px 0px 0px 10px;
}
.path a
{
color:#DB5C03;
text-decoration:underline
}
.path a:hover
{
color:#333;
text-decoration:none
}
.rlinks
{
color:#333;
float:right;
padding:10px 0px 0px 10px;
}
.rlinks a
{
color:#333;
text-decoration:none
}
.rlinks a:hover
{
color:#DB5C03;
text-decoration:underline
}
.hlinks
{
color:#663300;
line-height:17px;
float:left;
width:150px;
padding:5px 0px 0px 10px;
}
.hlinks a
{
color:#663300;
text-decoration:none
}
.hlinks a:hover
{
color:#333;
text-decoration:underline
}
.hlinks1
{
color:#663300;
line-height:17px;
float:left;
width:150px;
padding:5px 0px 0px 10px;
}
.hlinks1 a
{
color:#663300;
text-decoration:none
}
.hlinks1 a:hover
{
color:#333;
text-decoration:underline
}
.more
{
float:right;
color:#333;
padding-top:5px;
}
.more a
{
color:#333;
text-decoration:underline
}
.more a:hover
{
color:#333;
text-decoration:none
}
.panel
{
color:#333;
padding:10px 0px 0px 10px;
}
.panel1
{
float:right;
color:#333;
padding:5px 10px 0px 0px;

}
/*
.w3clogo
{
float:left;
padding-top:4px
}
*/
#toptxt
{
width:780px;
color:#333;
background-color:#FAE8C3;
height:37px;
padding:0px 0px 0px 10px;
line-height:17px;
}
.header
{
width:780px;
height:119px;
background-color:#fff
}
.header1
{
width:780px;
height:51px;
background-color:#fff
}
.header2
{
width:780px;
height:210px;
background-color:#fff
}
.header22
{
width:780px;
height:51px;
background-color:#fff
}
h1
{
color:#666666;
font-size:24px;
padding:25px 0px 0px 10px;
margin:0px
}
h1 a
{
color:#666666;
text-decoration:none
}
h1 a:hover
{
color:#008DBF;
text-decoration:none
}

#maincontent {
width : 780px;
padding-bottom:20px;
padding-top:10px
} 
#containern {
width : 780px;
background-color:#fff
} 
.lftprodbg {
padding:15px 0px 0px 15px;
width : 360px;
float : left 
} 
.head
{
font-size:12px;
font-weight:bold;
color:#DB5C03;
}
.head a
{
font-size:12px;	
color:#DB5C03;
text-decoration:none
}
.head a:hover
{
font-size:12px;
color:#333;
text-decoration:underline
}
.prodescp {
font-size : 11px; 
color : #666;	
padding-top : 5px; 
} 
.prodescp a {
font-weight : bold; 
color : #666; 
line-height : 17px; 
text-decoration : underline; 
} 
.prodescp a:hover {
color : #000000; 
text-decoration : none; 
} 
.rgtprodbg {
padding:15px 0px 0px 15px;
width : 375px; 
float : left; 
} 



.plr
{
background-image:url(gifs/top-nav-bg.gif);
float:left;
width:142px;
line-height:25px;
color:#fff;
padding:2px 0px 0px 12px;
}
.plr a
{
color:#fff;
text-decoration:none
}
.plr a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.plr1
{
float:left;
width:233px;
line-height:25px;
padding:5px 0px 0px 12px;
}
.plr1 a
{
color:#663300;
text-decoration:none
}
.plr1 a:hover
{
color:#333;
text-decoration:underline
}
.imgr
{
float:left;
height:128px
}
.introtxt
{
float:left;
height:45px;
min-height:45px;
background-image : url(gifs/intro-txt-bg.gif);
width:586px;
padding:2px 20px 2px 20px;
}
.imgl
{
float:left
}
#container
{
width:780px;
}
#content
{
float:left;
width:520px
}
h3
{
font-size:18px;
width:490px;
margin:0px 10px 0px 10px;
color:#DB5C03;
padding:10px 10px 0px 0px;
border-bottom:1px solid #CCCCCC;	
}
.detr
{
float:right;
padding:0px 30px 0px 30px 
}
.imager
{
padding:0px 0px 10px 10px;
float:right;
color:#333
}
.detl
{
float:left;
padding:0px 10px 0px 10px
}
.prodetails
{
width:510px;
margin:0px auto;
padding:0px 0px 3px 0px;
color:#333
}
.prodetr
{
height:180px;
width:197px;
float:right;
margin:0px;
padding:15px 20px 15px 5px;
color:#333
}
.prodetr b
{
color:#333
}
.prodetr .rfql
{
font-weight:bold;
color:#800000
}
.prodetr .rfql a
{
color:#800000;
text-decoration:underline
}
.prodetr .rfql a:hover
{
color:#DB5C03;
text-decoration:none
}
.rfq2
{
width:510px;
font-weight:bold;
text-align:right;
color:#669933
}
.rfq2 a
{
color:#669933;
text-decoration:underline
}
.rfq2 a:hover
{
color:#333;
text-decoration:none
}
.prodetl
{
height:180px;
width:197px;
float:left;
margin:0px;
padding:15px 0px 15px 5px;
color:#333
}
.prodetl b
{
color:#333
}
.prodetl .rfql
{
font-weight:bold;
color:#DB5C03
}
.prodetl .rfql a
{
color:#800000;
text-decoration:underline
}
.prodetl .rfql a:hover
{
color:#DB5C03;
text-decoration:none
}
#enquiry
{
width:210px;
padding-left:20px;
}

h2
{
font-size:12px;
color:#FF6600;
margin:0px;
padding:20px 0px 0px 10px;
}
h2 a
{
color:#FF6600;
text-decoration:none
}
h2 a:hover
{
color:#333;
text-decoration:underline
}
.details
{
width:490px;
padding:10px 0px 0px 10px;
color:#333;	
line-height:17px;
}
.details a
{
color:#333;	
font-weight:bold;
text-decoration:underline
}
.details a:hover
{
color:#008DBF;	
text-decoration:none
}
.details .subhead
{
color:#333;
}
#botlinks {
font-size : 11px; 
color : #333333;
text-align:center;
clear:both;
width:490px;
line-height:21px;
margin:0px 0px 5px 10px;
padding:15px 0px 5px 10px;
border-top:1px solid #e2e2e2
}
#botlinks a
{
color : #333333;
text-decoration:none
}
#botlinks a:hover
{
color : #333;
text-decoration:underline
}
#botlinks b
{
color : #DB5C03;
text-decoration:none
}
#footer1 {
font-size : 11px; 
color : #666;
width:490px;
margin:0px 0px 3px 10px;
padding:0px 0px 3px 10px;
text-align:center;
}
#footer1 a {
color : #666;
text-decoration:none
}
#footer1 a:hover {
color : #333;
text-decoration:underline
}
#footer2 {
color : #666;
clear:both;
width:490px;
margin:5px 0px 3px 10px;
padding:5px 0px 3px 10px;
border-top:1px solid #E2E2E2
}
#footer2 a {
color:#333;
text-decoration:underline
}
#footer2 a:hover {
color:#CB1107;
text-decoration:none
}
#footer2 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}
#footer22 {
color : #666;
clear:both;
width:7780px;
margin:5px 0px 3px 10px;
padding:5px 0px 3px 10px;
border-top:1px solid #E2E2E2
}
#footer22 a {
color:#333;
text-decoration:underline
}
#footer22 a:hover {
color:#CB1107;
text-decoration:none
}
#footer22 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}
#botlinks1 {
font-size : 11px; 
color : #333333;
text-align:center;
clear:both;
width:780px;
line-height:21px;
margin:0px 0px 5px 0px;
padding:15px 0px 5px 0px;
border-top:1px solid #e2e2e2
}
#botlinks1 a
{
color : #333333;
text-decoration:none
}
#botlinks1 a:hover
{
color : #333;
text-decoration:underline
}
#botlinks1 b
{
color : #DB5C03;
text-decoration:none
}
#footer11 {
font-size : 11px; 
color : #666;
width:780px;
margin:0px 0px 3px 0px;
padding:0px 0px 3px 0px;
text-align:center;
}
#footer11 a {
color : #666;
text-decoration:none
}
#footer11 a:hover {
color : #333;
text-decoration:underline
}
#footer22 {
font-size : 11px; 
color : #666;
clear:both;
width:780px;
margin:0px 0px 5px 0px;
padding:5px 0px 5px 0px;
text-align:center;
border-top:1px solid #e2e2e2
}

.ylo-panel   {
background:url(gifs/yellow-panel.gif) no-repeat;
width:197px;
float:left;
height:112px;
margin-top:30px;
padding:4px 5px 5px 13px;
color:#000
}
.ylo-panel  a{
color:#000;
text-decoration:none
}
.ylo-panel  a:hover{
color:#8e2516;
text-decoration:none
}
.ylo-panel  .text{
width:160px;
text-align:justify;
float:left;
height:100px;
line-height:13px;
padding:4px 5px 5px 0px
}
.click {
width:170px;
font-weight:bold;
margin-top:8px;
text-align:right;
padding:0px 0px 0px 0px
}
.click a{
color:#000;
text-decoration:none
}
.click a:hover{
color:#703128;
text-decoration:none
}

.grn-panel   {
background:url(gifs/green-panel.gif) no-repeat;
width:197px;
float:left;
height:112px;
margin-top:30px;
padding:4px 5px 5px 13px;
color:#fff
}
.grn-panel  a{
color:#fff;
text-decoration:none
}
.grn-panel  a:hover{
color:#000;
text-decoration:none
}
.grn-panel  .text{
width:160px;
text-align:justify;;
color:#000;
float:left;
height:100px;
line-height:13px;
padding:4px 5px 5px 0px
}
.click-grn {
width:170px;
color:#527405;
font-weight:bold;
margin-top:8px;
text-align:right;
padding:0px 0px 0px 0px
}
.click-grn a{
color:#527405;
text-decoration:none
}
.click-grn a:hover{
color:#000;
text-decoration:none
}

.blue-panel   {
background:url(gifs/blue-panel.gif) no-repeat;
width:197px;
float:left;
height:112px;
margin-top:30px;
padding:4px 5px 5px 13px;
color:#fff
}
.blue-panel  a{
color:#fff;
text-decoration:none
}
.blue-panel  a:hover{
color:#000;
text-decoration:none
}
.blue-panel  .text{
width:160px;
text-align:justify;;
color:#000;
float:left;
height:100px;
line-height:13px;
padding:4px 5px 5px 0px
}
.click-blue {
width:170px;
color:#1885ca;
font-weight:bold;
margin-top:8px;
text-align:right;
padding:0px 0px 0px 0px
}
.click-blue a{
color:#1885ca;
text-decoration:none
}
.click-blue a:hover{
color:#000;
text-decoration:none
}
.brn-panel   {
background:url(gifs/brown-panel.gif) no-repeat;
width:197px;
float:left;
height:112px;
margin-top:30px;
margin-bottom:30px;
padding:4px 5px 5px 13px;
color:#fff
}
.brn-panel  a{
color:#fff;
text-decoration:none
}
.brn-panel  a:hover{
color:#000;
text-decoration:none
}
.brn-panel  .text{
width:160px;
text-align:justify;
color:#fff;
float:left;
height:100px;
line-height:13px;
padding:4px 0px 5px 0px
}
.feature
{
line-height:19px
}
.feature b
{
color:#333
}
.click-brn {
width:170px;
color:#6d453e;
font-weight:bold;
margin-top:8px;
text-align:right;
padding:0px 0px 0px 0px
}
.click-brn a{
color:#6d453e;
text-decoration:none
}
.click-brn a:hover{
color:#000;
text-decoration:none
}