﻿body {
	background-image: url(../images/body_bg0.jpg); background-repeat:repeat-x;background-color:#DEEBF3;
	margin: 0px;
	font-size: small;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
td {
font-size:100%;
font-family:  Arial, Helvetica, sans-serif;
COLOR: #666666; 
line-height:150%;
}
p {
text-indent:2em;
font-size:100%;
font-family:  Arial, Helvetica, sans-serif;
color: #666666; 
line-height:150%;
}
.menu_bg{
background:url(../images/right_daohang.png) repeat-x;
border-right:1px solid #fff;
height:25px;
}
.border{
border:1px solid #000;
}
.orange {
color:#ff6600;
font-size:98%;
}
.dot_line {
border-bottom:1px dashed #cccccc;
height:25px;
font-size:100%;
}
.xsmall {
font-size:x-small;
}
.footer {
font-size:94%;
font-family:  Arial, Helvetica, sans-serif;
color: #fff; 
line-height:150%;
}
.nav_bg {
background:url(../images/navigation_bg.gif no-repeat center);
}
.nav_on_bg {
background:url(../images/navigation_on_bg.gif no-repeat center);
}

.shadow {
    width:100%; 
	color:#FF6600;
	FILTER: dropshadow(color=#000000, offx=1, offy=1, positive=1);
	font-weight:bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px; 
    line-height:150%;
 }
.title{color:#666666;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
.title1{color:#666666;font-size:13px;font-family:Arial, Helvetica, sans-serif;}
.header{color:#666666;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

A:link {
	FONT-SIZE: 100%; 
	COLOR: #666666; 
	font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}
A:visited {
	FONT-SIZE: 100%; 
	COLOR: #666666; 
	font-family:  Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; line-height:150%;
}
A:hover {
	FONT-SIZE: 100%; color:#ff6600; 
	font-family:  Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline; line-height:150%;
}
A:active {
	FONT-SIZE: 100%; 
	COLOR: #025abd; 
	font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}

A.nav:link {
    font-weight:bold;
	FONT-SIZE: 100%; 
	COLOR: #000; 
	font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}
A.nav:visited {
	FONT-SIZE: 100%; 
	font-weight:bold;
	COLOR: #000; 
    font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}
A.nav:hover {
	COLOR: #ff6600; 
	font-weight:bold;
    font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
	TEXT-DECORATION: none;
    line-height:150%;
}
A.nav:active {
    font-size: 100%;
	font-weight:bold;
    font-family:  Arial, Helvetica, sans-serif;
	COLOR: #000; 
	TEXT-DECORATION: none;
    line-height:150%;
}

A.dh1:link {
	width:100%;
	FONT-SIZE: 100%;
	COLOR: #fff; 
	LINE-HEIGHT: 20px; 
	font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}
A.dh1:visited {
	width:100%;
	FONT-SIZE: 100%;
	COLOR: #fff; 
    font-family:  Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; line-height:150%;
}
A.dh1:hover {
	width:100%;
	COLOR: #ff6600;
	text-decoration:underline;
    font-family:  Arial, Helvetica, sans-serif;
	font-size: 100%;
    line-height:150%;
}
A.dh1:active {
	width:100%;
    font-size: 100%;
    font-family:  Arial, Helvetica, sans-serif;
	COLOR: #fff; 
	TEXT-DECORATION: none;
    line-height:150%;
}

INPUT {
background-color:#ffffff;
border:1px solid #cccccc;
font-family:  Arial, Helvetica, sans-serif;
color:#666666; 
height:15;
}
textarea {
background-color:#ffffff;
border:1px solid;
font-family:  Arial, Helvetica, sans-serif;
color:#000000; 
 }
SELECT  {
background-color:#ffffff;
border:1px solid #cccccc;
font-family:  Arial, Helvetica, sans-serif;
color:#666666;
}

  /*products navigation*/
#right_menu {
width:100%;
margin-right: auto;
margin-left: auto; 
padding: 0px;
text-align: center;
}

#promenu {
margin:0 auto; 
width:100%;
padding:0px;
border:0px;
background: transparent no-repeat right top; 
color: #fff; 
HEIGHT:25px;}

#promenu ul {
clear: left;
margin: 0px;
padding-top:1px!important; 
padding-top:1px; 
border:0px;
list-style-type: none;
text-align: center; 
display:inline; 
}

#promenu li {
float: left;
display:  block; 
padding-top:1px!important; 
padding-top:1px; 
margin: 0px;
width:19%; 
height:25px; 
background:url(../images/right_daohang.png) repeat-x;
text-align: center; 
border-right:#fff 1px solid;
line-height:150%;}

#promenu li a {
display: block;
margin:0px; 
padding-top:1px!important; 
padding-top:1px; 
width: 100%; 
color: #fff; 
text-decoration: none; }

#promenu li a:hover {
font-weight: bold; 
height:25px; 
padding-top:1px!important; 
padding-top:1px; 
color: #000;
background: url(../images/right_daohang_on.gif) repeat-x;}

#promenu #current {
color:#000; 
padding-top:1px!important; 
padding-top:1px; 
background: url(../images/right_daohang_on.gif) repeat-x;}

#promenu #current a {
color:#000; 
padding-top:1px!important; 
padding-top:1px; 
font-weight:bold;}

/* CSS Tabs */
#navlist {
        color: white;
        background: #3d6187;
        border-bottom: 0.2em solid #3d6187;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 0;
        width: 98%;
	font-family:  Arial, Helvetica, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        font-size:100%;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0;
        margin-top: 0;
		height:1.5em;
		font-weight:bold;
		font-size:102%;
        color: white;
        background: #859eb6;
        border-width: 1px;
        border-style: solid;
        border-color: #50759c #035 #50759c #6cf;
        border-left: 1em solid #ff6600;
        padding: 0.8em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 80%;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navcontainer{
text-align:center;
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        background: #28b;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.8em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.8em 0.35em 0.25em 0.9em;
}

#tabcontentcontainer{
	position:absolute;
	z-index:1;
	width:104px;
	visibility: hidden;
	height: 450px;
}

.tabcontent1{
	position:absolute;
	z-index:1;
	width:104px;
	visibility: hidden;
	height: 109px;
}
.tabcontent2{
	position:absolute;
	z-index:1;
	width:104px;
	visibility: hidden;
	height: 152px;
}
.tabcontent3{
	position:absolute;
	margin-top:80px;
	z-index:1;
	width:104px;
	visibility: hidden;
	height: 152px;
}
.tabcontent4{
	position:absolute;
	margin-top:125px;
	z-index:1;
	width:104px;
	visibility: hidden;
	height: 152px;
}

.tabcontent a:link {color:#fff;text-decoration:none;}

.tabcontent a:visited {color:#fff;text-decoration:none;}

.tabcontent a:hover {color:#ff6600;text-decoration:underline;}

.tabcontent a:active {color:#fff;text-decoration:none;}
.dh1{ padding-left:20px;}
