/* CSS Document 全局样式配置*/

body { font-family: Arial, Helvetica, sans-serif;}
* {margin:0; padding:0;}
div{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; margin:10px;}
p { margin:10px; font-family: Arial;}
a {color:#64A52F;}
a:hover { color:#64A52F;}
ul {padding-left:40px;}
ul li {list-style:inside;}
ol {padding-left:60px;}
img {border:0;}
table {background-color: #99CC33; margin:10px;}
table th {background-color:#FFFFFF; text-align:center; padding:5px;}
table td {background-color:#FFFFFF; text-align:center; padding:5px;}
hr { height:1px; border:none; background-color:#FF0000; margin:10px;}
blockquote { padding-left:50px; font-style:italic;}

/* Framework styles 以下样式仅用于控制各主要Div的宽度、高度、浮动、边距、缩进等参数, 用于搭建整体框架和分区，不涉及字体、颜色等样式。  */

#wrap {margin:0 auto;}
#header-wrap {margin:0 auto;}

#header { margin:0 auto; width:1020px; height:130px; margin-bottom:20px;}

#header-left { float:left;  }
#header-right { float:left;}
#container {width:1020px; margin:0 auto; margin-bottom:20px; }
#topbanner { }
#showcase { }
#content-frame {}
#breadcrumb { }
#leftside { float:left; width:720px;}
#rightside { float:right; width:230px;}
#bottom-column { }
#footer { height:70px;}
#content {margin-bottom:50px;}
#sidebar { width:220px;}
.clearfloat { clear:both;}

/* Framework styles 以上样式仅用于控制各主要Div的宽度、高度、浮动、边距、缩进等参数，用于搭建整体框架和分区，不涉及字体、颜色。 */

/* Header styles*/

#logo img { float:left;}
.logo_text { float:left; padding-bottom:20px; width:400px; margin-top:20px; }
.logo_text h2 {font-family:Good Times;}
#header-right-text { margin-top:30px;}

/* Top Menu styles*/
	
	.topmenu{
		position: relative;
		padding: 0 0 0 34px;
		margin: 0 auto 0 auto;
		background: url(/images/topmenu/menug_bg.gif) repeat-x; /*tab background image path*/
		height: 46px;
		list-style: none;
	}
	
	.topmenu li{
		float:left; list-style:none;
	}
	
	.topmenu li a{
		float: left;
		display: block;
		color:#000;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
		height: 46px;
		line-height: 46px;
		text-align: center;
		cursor: pointer;	
	}
	
	.topmenu li a b{
		float: left;
		display: block;
		padding: 0 24px 0 8px; /*Padding of menu items*/
	}
	
	.topmenu li.current a, .topmenu li a:hover{
		color: #fff;
		background: url(/images/topmenu/menug_hover_left.gif) no-repeat; /*left tab image path*/
		background-position: left;
	}
	
	.topmenu li.current a b, .topmenu li a:hover b{
		color: #fff;
		background: url(/images/topmenu/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
	}

/*introduction 页面的feature*/
.third {float:left; margin-right:24px; width:296px;}
.last {float:left; width:296px;}
.third img { border:none;}


/* Frontpage spotlight styles*/

.sp_02_left {float:left; width:400px; padding-left:20px; margin-right:20px;}
.sp_02_left h2 {height:90px;  font-size:40px; font-family:Century Gothic; margin-top:5px;}
.sp_02_left p { line-height:23px; margin-top:11px;  margin-bottom:18px;}
.sp_02_left a.more { background:transparent url(/images/more_arrow.gif) no-repeat scroll 100% 50%; padding-right:10px; white-space:nowrap;}
.sp_02_left img { border:0 none;}

/* Frontpage feature styles*/

.list_04 { }
.list_04_item { width:470px; float:left; }
.list_04_last { width:470px; float:left; }
.list_image { float:left; width:130px; }
.list_text { float:right; width:330px;}
/*featues style*/
.feature_list  { width:950px; }
.feature_list_image { float:left; width:250px; padding-bottom:25px; }
.feature_list_text { float:right; width:600px; border-bottom:#FF0000 dashed 1px; padding-bottom:20px; margin-right:50px;}
.feature_list_text img { float:right;}

 /*Introduction page style*/

.liststyle{ list-style:none; padding:0; margin:10px 0 0 20px;}
 .liststyle li { color:#595757; padding-left:20px; list-style-image:url(../images/nav-icon-2.gif) }
 .liststyle p{	font-size:12.5px; line-height:170%;}

#spotlight h3 { margin-bottom:0px; padding-bottom:0px;}
#spotlight object { margin-bottom:0px; padding-bottom:0px;}

#product-left { float:left; width:490px; margin-right:10px;}
#product-right { float:right; width:480px; }
.hugetitle { margin:0 0 10px 0; font-size:40px; font-family:Century Gothic;}
.info { clear:both; font-size:14px; font-weight:bold; padding-top:10px; height:50px;}
.info ul { }
.info li { float:left; list-style-type:none; padding-right:20px; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.price { font-size:16px; color:#FF0000;}


/*showcase页面的sample布局*/

.list_06 li {width:130px; float:left; margin-right:25px; list-style:none;}
.list_06 a { text-decoration:none; color: #3399FF;}
.list_06 h4 a { text-decoration:none; border-bottom:#FF0000 dotted thin;}

/* Order page styles */

#ordertable table {background-color: #FFFFFF; margin:10px;}
#ordertable table td {background-color: #FFFFFF; text-align:left; padding:5px;}
.dashline-r {border-right:dashed; border-right-color:#CCCCCC; border-right-style:dashed; border-right-width:1px;}
.dashline {border-bottom: dashed; border-bottom-color:#CCCCCC; border-bottomt-style:dashed; border-bottom-width:1px;}
#ordertable p, h2, h3, h4 {margin:3px; padding:3px; font-family:Arial, Helvetica, sans-serif; border-bottom: none; border-bottom-style:none;}
#ordertable img {padding-bottom:5px; padding-top:5px;}
#ordertable h2 { font-size:24px; }
#ordertable h3 { font-size:18px; }
#ordertext p { font-size:12px; margin-bottom:10px; padding-left:10px;}
#ordertext  a { color: #000000; border-bottom:dashed; border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#FF0000;}
#ordertext a:hover { color:#FF0000}
.paymenttitle {text-decoration:none; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/* Sidebar styles*/
.arrowlistmenu{
width: 220px; /*width of menu*/
}
 
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white; 
background-color:#64A52F;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 10px 0 10px 10px; /*header text is indented 10px*/
}
 
.arrowlistmenu ul{
list-style-type: none; 
margin: 0;
padding: 0;
margin-bottom: 8px; margin-left:10px; /*bottom spacing between each UL and rest of content*/
}
 
.arrowlistmenu ul li{
padding-bottom: 2px; list-style:none; /*bottom spacing between menu items*/
}
 
.arrowlistmenu ul li a{
color: #000000;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
 
.arrowlistmenu ul li a:visited{
color:#64A52F;
}
 
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#64A52F;
background-color: #F3F3F3;
}
 
 /*Content styles*/
 
 #content h1 { border-bottom:#64A52F 3px solid; padding-bottom:10px;}
 
/*seo 页面样式*/
 .list_13  { width:800px;}
.list_13_n { float:left; width:80px; margin-top:20px; font-family:Bradley Hand ITC; font-size:70px; font-weight:bold; font-stretch:extra-expanded; color:#0099FF;  }
.list_13_text { float:left; width:660px; border-bottom: #0099FF dashed 1px; padding-bottom:5px; margin-top:5px;}
.list_13_text h3 { font-size:36px; font-family:Bradley Hand ITC; font-weight:bold; margin-top:0px; margin-bottom:5px;}

 /* Footer styles*/

#footer { border-top:#64A52F solid 5px; }
#footer-content { margin:0 auto; width:1020px; margin-top:20px; padding-top:5px;}
#footer-content li { float:left; margin-right:20px; list-style:none;}
#footer-content li a { text-decoration:none;}
#footer-content li a:hover { text-decoration: underline; }