*{ margin:0; padding:0; }
html, body, a {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	text-align:left;
	font-size:12px; 
	line-height:18px;
	color:black;
}
select, input, textarea { 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	vertical-align:middle;
	padding:1px 3px 0 3px;
}
img {border:0;}
a {text-decoration:none;}
a:hover {}
h1 {font-size:20px;}
h5 {font-size:14px;}
.cl {clear:both;}
.warning {color:#FF0000;}
.dot {
	border-bottom-style:none;
	border-top:gray dotted 1px; 
	clear:both;
	height:8px;
}

/**************body**************/
body {background-color:#3E3C3F;}

#wrapper {
	width:800px;
	height:auto;
	margin:auto;
	background-color:white;
}

/**************head**************/
#head {
	height:100px;
	width:800px;
	background-color:#3E3C3F;
	padding:0 0 0 0px;
}


#head h2 {
	font-size:18px;
	font-weight:normal;
}

#head .key1 {
	color:white;
	float:left;
	width:410px;
	height:56px;
	font-size:11px;
	line-height:16px;
	margin:15px 0 0 217px !important;
	margin:15px 0 0 110px;
}

#head .search {
	float:left;
	width:143px;
	height:29px;
	background-color:#2B2B2D;
	background-image:url(search_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#head .textarea {
	width:90px;
	height:12px;
	color:gray;
	font-size:11px;
	line-height:10px;
	margin:4px 5px 0 10px;
}

#head form input.button {
	border:0;
	height:15px;
    width:15px;
	cursor:pointer;
	margin:4px 3px 0 0;
	background-image:url(go.gif);
}

#head .menu {
	position:absolute;
	margin:0 0 0 217px;
	top:57px;
	z-index:9;
	clear:both;
}

#head .menu a {
	float:left;
	width:88px;
	height:26px;
	color:white;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:4px 0 3px 0;
	margin:0 10px 0 0;
	background-image:url(menu.gif);
	background-repeat:repeat-x;
}

#head .menu .ved,
#head .menu a:hover {
	height:28px;
	width:88px;
	color:#5487D8;
	text-align:center;
	margin:0 10px -2px 0px;
	padding:6px 0 0 0;
	background-image:url(menu_select.jpg);
	background-repeat:no-repeat;
}

#head .graybar {
	top:84px;
	clear:both;
	height:16px;
	width:800px;
	position:absolute;
	background-image:url(top_gray.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:white;
}

/**************left**************/
#left {
	float:left;
	width:197px;
}

#left .nav1 {
	width:192px;
	height:auto;
	border-left:#434144 solid 5px;
	background-color:#716C72;
}

#left .nav2 {
	width:192px;
	height:auto;
	border-left:#39373A solid 5px;
	background-color:#5F5D62;
}

#left .nav3 {
	width:192px;
	padding:5px 0 5px 0;
	border-left:#2F2F31 solid 5px;
	border-bottom:#4E4C51 solid 2px;
	background-color:#4F4D52;
}

#left .navborder {
	float:left;
	width:5px;
	height:30px;
	margin:0 0 0 -5px;
	background-image:url(nav_border.gif);
}

#left .navtitle {
	width:192px;
	height:28px;
	float:left;
	text-align:center;
	padding:0 0 0px 0;
	border-top:#4E4C51 solid 2px;
	background-image:url(nav.gif);
	background-repeat:repeat-x;
}

#left .navtitle img {
	float:left;
	margin:-5px 0 0 90px;
}

#left .navtitle a {
	color:white;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
}

#left .navtitle a:hover {text-decoration:underline;}

#left .list {
	padding:8px 5px 0 15px;
	line-height:24px;
	clear:both;
	color:white;
}

#left .list a {
	font-size:13px;
	color:white;
	line-height:24px;
}

#left .list a:hover {color:#FF7766;}
#left .list b {color:#F8EABB;}

#left li {list-style-type:none;}

#left .midclass li {
	margin:0 0 0 15px;
	list-style-type:disc;
}

#left .arrow {
	background-image:url(arrow.gif);
	background-position:left 8px;
	background-repeat:no-repeat;
	padding:0 0 0 16px;
}

#left .more {
	float:right;
	padding:5px 20px 5px 0;
}

#left .more a {
	font-size:10px;
	color:#F8EABB;
}

#left .more a:hover {text-decoration:underline;}

#left .certificate img {margin:10px 0 0 35px;}

/**************right**************/
#right {
	float:left;
	width:598px;

	padding:0 0 0 5px;
}

#right .banner {
	width:598px;

	height:206px;
}

#right .banner2 {
	float:right;
	padding:0 61px 0 0;
}

#right .bg {
	clear:both;
	width:593px;
	height:27px;
}




#right .hbg {
	background-color:#8D0100;
	border-top:white solid 1px;
	float:left;
	width:5px;
	height:26px;
}



#right .tbg {
	background-image:url(gradient.jpg);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#EC0201;
	border-top:white solid 1px;
	padding:4px 0 0 14px;

	float:left;
	width:370px;
	height:22px;
}

#right .tbg a,
#right .tbg {
	font-weight:bold;
	font-size:16px;
	color:white;
}

#right .tbg .nav {
	font-size:14px;
	color:white;
}

#right .tbg .nav a {
	color:#F8EABB;
	font-size:14px;
}

#right .tbg a:hover {
	color:white;
	text-decoration:underline;
}

#right .desp2 {
	padding:2px 20px 8px 10px;
	color:black;
	clear:both;
}

#right .desp2 a:hover {color:#EC0201;}

#right .desp2 strong {font-weight:normal;}
#right .desp2 ul {margin:0 0 0 30px;}

#right .links ul li {
	padding:2px 0 0 0;
	font-size:13px;
	font-weight:bold;
}

#right .links ul li a {
	text-decoration:underline;
}

#right .links .ved,
#right .links a:hover {
	color:red;
	text-decoration:none;
}

#right .links ol li {
	font-size:12px;
	font-weight:normal;
}

#right .desp2 h2 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
}

#right .desp2 .creditimg img {margin:3px 10px 0 0;}


/*********** ct_pr ***********/

#right .selected {color:red;}
#right .prolist li {margin:0 0 0 -10px;}
#right .prolist a {font-size:11px;}




/*********** contact ***********/
#right .contactdetail {
	line-height:22px;
	color:#F8EABB;
	font-size:13px;
}

#right .focus {
	background-color:#F0F8FF;
	border: 1px solid #CCCCCC;
}

#right .blur {
	background-color:#EEEEEE;
	border-bottom: #FFFFFF 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #FFFFFF 1px solid;
	border-top: #CCCCCC 1px solid;
}

/*********** product ***********/
#product {
	clear:both;
	width:580px;
	height:auto;
	margin:5px 0 0 5px;
	background-image:url(midborder.gif);
	background-repeat:repeat-y;
}

#product a:hover {color:#EC0201;}


#product img,
#product li{
	float:left; 
	list-style-type:none;
}

#product .pic {
	width:270px;
	height:140px;
	padding:2px 0 0 20px;
	margin:5px 0 0 0px;
	border-bottom:#E5E5E5 solid 1px;
}

#product .picfont {
	color:#0066ff;
	font-weight:bold;
}

#product .des {
	float:left;
	width:110px;
	padding:0px 0 0 15px;
}

#product .des a {color:black;}
#product .des a:hover {color:#0066ff;}


#product a img {
	border:1px #888888 solid;
	display:block;
}

#product a:hover img {border:#66aaff solid 1px;}

/**************foot**************/
#foot {
	clear:both;
	width:800px;
	height:24px;
	text-align:center;
	padding:4px 0 0 0;
	margin:5px 0 2px 0;
	background-image:url(bot_gray.gif);
	background-repeat:repeat-x;
}

#foot a {
	font-size:11px;
	font-weight:bold;
	margin:0 10px 0 10px;
}

#foot .ved,
#foot a:hover {color:#4477e8;}

/**************bottom**************/
#bottom {
	width:800px;
	margin:auto;
	height:auto;
	color:white;
	font-size:10px;
	line-height:12px;
	text-align:center;
	padding:2px 0 5px 0;
}

#bottom a {
	font-size:10px;
	line-height:12px;
	color:#4477e8;
}

#bottom a:hover {text-decoration:underline;}

#bottom .keywordlist ul {
	list-style:none;
	margin:auto;
}

#bottom .keywordlist li { display:inline; }

#bottom .keywordlist a {
	font-size:11px;
	margin:0 3px 0 3px;
}

#bottom .keywordlist .ved {
	color:white;
	text-decoration:underline;
	margin:0 3px 0 3px;
}