@charset "utf-8";
/* CSS Document */

* {	margin:0;padding:0;}
body {
	background-color: #ACA8A1;
	margin-top:15px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6;
}
body a, body a:link, body a:visited {color:#0000FF; padding:1px;}
body a:hover, body a:active {color:#FF0000; padding-left:2px;}
body .prod_desc a { color: #333333; text-decoration:none; }
h1 {margin:55px 0px 25px 0px;padding:0px 0px 0px 15px;color: #0000FF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:36px;width:570px;line-height:1.0;}
h1 a:link, h1 a:visited { text-decoration:none; color: #FF3300; padding:0px 70px 0px 0px;}
h1 a:hover, h1 a:active { text-decoration:none; color: #FF5500; padding:0px 70px 0px 2px;}
#main { 
	width:100%;
	height:auto;
}
#top {
	width: 910px;
	height:150px;
}
#body {
	width:910px;
	height:auto;
	margin:0; padding:0;
	background:url(images/bg_body.gif);
}
#bottom {
	width:910px;
	height:auto;
	background:url(images/bg_footer.gif) repeat-x 0 100%;
	clear: both;
}

/* Corners and sides */
span.side-left, span.side-right {
	display: block;
	width: 20px;
	height: 150px;
	background: url(images/sides_top.gif) no-repeat;
}
span.side-left {
	background-position: 0 0;
	float: left;
}
span.side-right {
	background-position: 100% 0;
	float: right;
}

/* Header block with images */
body div.header {
	background:url(images/bg_header.gif) repeat-x;
	width: 870px;
	float: left;
	text-align:left;
	height:145px;
}

body div.header span {
	margin-left:30px;
	font-size:11px;
}

span.fcorners-bottom, span.fcorners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(images/corners_bottom.gif);
	margin: 0;
}
span.fcorners-bottom {
	background-position: 0 0;
}
span.fcorners-bottom span {
	background-position: 100% -20px;
}
.recommends {
	float:right;
	margin-top:35px;
	padding-top:10px;
	font-weight:bold;
	width:180px;
}
.recommends p{
	margin:8px;
}
.mobiphone a:link, .mobiphone a:visited, .mobiphone a:hover, .mobiphone a:active{ padding:0; margin:0;}
.guide p{
	text-align:left; 
	width:590px; 
	margin:0 10px 8px 10px; 
	padding:3px;
}
.guide {
	width:590px; 
}
.guide_title { background:#DDDDDD; text-align:left; color:#FF0000; width:590px; margin:10px 10px 0px 10px; padding:10px; }
.desc { line-height:1.6; margin:0px 0px 5px 0px; width:600px; padding:10px 0px 0px 10px; color: #000000; font-size:14px; } 
.prod { text-align:left; width:600px; border:#CCCCCC solid 1px; margin:15px; padding-top:2px; }
.prod_title { background: #DDDDDD; text-align:center; padding:0px; }
.prod_desc {  margin:8px 2px 5px 5px; color:#333333; }
.prod_link { text-align:center; padding-bottom:5px; }
.content { width:850px; height:auto; padding:10px; text-align:left;}
.left_bar { width:200px; height:auto; float:right; text-align:left; padding:10px 10px 0px 20px; border-left:1px solid #CCCCCC; }
.left_bar_title {padding:0px 0px 2px 0px; color:#0000FF; font-size:14px; margin-bottom:8px; }
.nav_title { padding:0px 0px 2px 0px; border-bottom:1px solid #CCCCCC; font-size:14px; margin-bottom:3px; font-weight:bolder; }
.nav { line-height:1.8; margin:0px 0px 15px 0px; padding:0px 0px 0px 18px; }
.nav li {padding:3px 0 0 0; }
.nav_title2 { padding:0px 0px 2px 0px; border-bottom:1px solid #CCCCCC; font-size:12px; font-weight:bolder; color: #FF3333; }
.shift { margin:0px 0px 15px -8px; padding:0px 0px 0px 0px; font-size:14px; }
.shift a:link, .shift a:visited { color:#FF3300; }
.table_td {text-align:center; }
.gui li {list-style:disc; list-style-position: inside; }
