body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	color: #454545;
	background-color:#fff;
}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

p {	margin: 5px 0; }
h1 { padding: 8px 0 4px 0; margin: 0; font-size:24px;}
h2 { color:#666; line-height:20px; padding:0px; margin:0px; }
h3 { line-height:20px; font-size:14px; margin:10px; } 
ul { margin: 0; padding : 0; list-style: none; }
li { margin-left:20px;}
img { border: 0; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
	}
a { color:#666; text-decoration:none; }
a:hover { color:#A9A14E; text-decoration:none;}
a:visited{ color:#A9A14E; text-decoration:none;}
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
.reset{ border:0px; margin:0px; padding:0px; }
.content { margin: 0px auto; width: 960px; background: #fff url(../images/top_bg.jpg) repeat-x top;
 color:#000;
 background-color:#fff; 
 border:#a9a14e 1px solid; }

/* Top part */
#header { padding-top: 20px; background: transparent; height: 119px; position:relative; z-index:10; }
#header h1{ color:#FFF; padding-left:20px; font:"Lucida Console", Monaco, monospace;}
#header h3{ color:#CCC; padding-left:20px;}

#middle { width:960px; height:420px; border:none;}
#maincontent{float:left; width:570px; height:425px; margin-top:10px; overflow:auto; overflow-x: hidden;}
#pagecontent{float:left; width:560px; height:415px; margin-top:10px; overflow:auto; overflow-x: hidden; margin:10px; font-size:11px;}
#pagecontent h3 { color:#A9A14E; font-size:16px; text-align:center; border-bottom:#A9A14E 2px solid; padding-bottom:5px;}
#pagecontent p{ text-align:justify; color:#333; }

#pagecontent text{ width:150px;}
#pagecontent input,select { font-size:11px;}
#pagecontent td{ height:20px;}

#customsize {float:left; width:750px; height:415px; margin-top:10px; overflow:auto; overflow-x: hidden; margin:10px; margin-right:0px; font-size:11px;}

		
/* The footer */
#footer { clear: both; color:#CCC;  background:#252525; height:60px; text-align:center; font-size:10px; }
#footer a { text-decoration: none; color:#CCC; border:none; margin:10px; font-size:11px; }
#footer a:hover { text-decoration: none; color:#FFF; border:none; margin:10px; }

#logo { position:absolute; margin-left:10px; float:left; width:150px; height:70px; background-image:url(../images/logo.jpg); margin-top:0px; }
#logo a{ display:block; width:100%; height:100%;}

#banner{ height:90px; width:760px; float:right; text-align:right; }
#flashslide { float:left; margin-top:1px; margin-left:0px; margin-bottom:0px; width:600px; height:420px; position:relative; z-index:0; }
#warranty { width:100px; height:100px; position:absolute; top:525px; margin-left:10px;}

#sidemenucont {float:left; width:180px; height:420px; margin-top:0px; padding-left:10px;}
#sidemenu { margin-top:0px; float:left; color:#A9A14E; font-size:14px; margin-top:8px;}

#sidemenu li a { color:#A9A14E; background: inherit; text-decoration:none; font-weight:bold;
display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}
#sidemenu li { text-decoration: none; padding:3px; padding-left:5px; border:#A9A14E 1px solid; width:145px; height:18px; margin-top:2px; margin-left:0px; }
#sidemenu li:hover { color:#fff; border:#A9A14E 1px solid; background:#A9A14E; }
#sidemenu li:hover a { color:#fff; background:#A9A14E; widows:100%; }

#sidemenu #current { color:#fff; text-decoration:none; font-weight:bold; border:none; background-color:#A9A14E; padding:4px; padding-left:8px;  
background-image:url(../images/activemenu.png); background-position:right; background-repeat:no-repeat;  width:157px; height:18px; }
#sidemenu #current a { color:#fff; text-decoration:none; font-weight:bold; border:none; background-image:none; 
display:block;
  width:140px;
  height:100%;
}

#submenu{display:none;} 
#submenu li a { color:#666; background: inherit; text-decoration:none; font-weight:bold; display:block;  width:100%;  height:100%;  text-decoration:none;}
#submenu li { background-color:#cac271; margin:0px; text-decoration: none; padding:3px; padding-left:5px; border:#A9A14E 1px solid; width:145px; height:18px; margin-top:0px; margin-left:0px; }

#sidemenu li:hover { color:#fff; border:#A9A14E 1px solid; background:#A9A14E; }
#sidemenu li:hover a { color:#fff; background:#A9A14E; widows:100%; }

#rightbar{float:right; width:200px; min-height:435px; color:#FFF; background-color:#A9A14E; margin-top:0px;}

.logo { width:180px; height:70px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px; background-position:center;}
.napalogo { width:180px; height:70px; background-image:url(../images/napalogo.png); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px; background-position:center;}
.oldlogo { width:150px; height:70px; background-image:url(../images/oldlogo.jpg); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px; background-position:center;}
.oldlogoside { width:150px; height:70px; background-image:url(../images/oldlogoside.jpg); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px; background-position:center;}

.imgmargin{ margin-left:10px;}
.bannertxt{ margin:20px; margin-bottom:0px; margin-top:60px; font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#333; }
.hometxt{ margin:10px; text-align:justify; color:#897c02; }
.dynamictxt{ margin:10px; border:#CCC thin solid; width:335px; height:150px; }



.brands{float:left; margin-right:0px; margin-bottom:10px; width:136px; height:230px; line-height:10px; border-right:#A9A14E 1px solid; }
.brands a{display:block;
  width:140px;
  height:100%;
  text-decoration:none;}
.brandsall{float:left; margin-right:0px; margin-bottom:10px; width:136px; height:230px; line-height:10px; border:none;}


.brandlogo{ height:50px; margin-top:10px;}
.brandimg{ width:120px; margin-top:10px;}
.allbrandimg{ width:60px; margin-top:10px;}

.subcat{float:left; margin-bottom:20px; width:180px; height:180px;}
.subcat a{
  width:140px;
  height:30px;
  text-decoration:none;}
.subcat h3 { width:150px; height:30px;}
  
  
.product{float:left; margin-right:0px; margin-bottom:10px; width:175px; height:150px; line-height:10px; border:none;}
.product a{display:block;
  width:140px;
  height:100%;
  text-decoration:none;}
  
.productimg{float:left; margin:0px; width:350px; min-height:250px; line-height:10px;}
.productimg a{display:block;
  width:140px;
  height:100%;
  text-decoration:none;}

/*.relatedcont{float:left; margin:20px; margin-right:0px; margin-top:0px; width:150px; min-height:250px; line-height:10px; color:#666; }*/
.relatedcont{float:left; margin:20px; margin-right:0px; margin-top:0px; width:180px; height:250px; line-height:10px; color:#666;}	
.relateditems{float:left; margin:20px; margin-right:0px; margin-top:0px; width:170px; height:200px; line-height:10px; color:#666; overflow:auto;}

.related{float:left; margin:0px; margin-top:10px; width:150px; min-height:100px; line-height:5px; font-weight:bold;}
.related a{display:block;
  width:140px;
  height:100%;
  text-decoration:none;}

.viewall{width:150px; height:115px; margin:10px;}

.options{float:left; margin:0px; width:420px; min-height:100px; line-height:5px; font-weight:bold; font-size:11px;}
.options td { height:20px;}
.options th { height:20px; text-align:left; border-bottom:#A9A14E 2px solid; }

.colorcont{float:left; margin:0px; width:130px; min-height:100px; line-height:5px; font-weight:bold; font-size:11px;}
.color{float:left; margin:0px; margin-left:10px; margin-bottom:10px; width:50px; height:50px;}

.breadcrumb{ float:left; width:558px;; height:20px; margin-top:0px; margin-bottom:10px; text-align:left; line-height:20px; color:#A9A14E; font-size:11px; }
.breadcrumb a{ color:#A9A14E; text-decoration:underline; }
.breadcrumb a:hover{ color:#333; }

.list li { text-align:left; list-style:circle;}


#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

/*-------------------------
Error Box
---------------------------*/
#errorbox {
  width: 450px;
  margin: 10px 0 10px 15px;
  padding: 7px;
  border: 2px solid red;
  background: url(../images/error-bg.png) repeat-x top left;
  display:none;
  }
#errorbox .errorhead {
  font-weight: bold;
  padding: 2px 0 2px 24px;
  background: url(../images/error-icon-c.png) no-repeat left;
  }
#errorbox p {
  margin: 0;
  padding: 0;
  }
#errorbox ul {
  list-style-type: none;
  margin: 5px 0 0 10px;
  padding: 0;
  }
#errorbox li {
  background: url(../images/error-check-b.png) no-repeat center left;
  text-align:left;
  padding-left: 25px;
  margin: 0 0 2px 0;
  }


.icon {
float:left;
margin-bottom:10px;
margin-right:10px;
text-align:center;
}

.icon a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #F0F0F0;
padding:10px;
color:#666666;
display:block;
float:left;
height:80px;
text-decoration:none;
vertical-align:middle;
width:130px;
}
.icon a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D3EBED none repeat scroll 0 0;
border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:1px;
color:#0B55C4;

}