html {
	background: #111215 url(../images/htmlBg.jpg) repeat bottom center;
	height: 100%;
}

body {
	color: #444;
	font: 62.5% "微软雅黑","宋体",Helvetica, sans-serif,Arial;
	margin: 0;
	padding: 0;
	text-align: center;
	/*behavior: url("style/csshover.htc");*/
}

table,td,input,textarea,select,li {
	color: #444;
	font: 1em "微软雅黑","宋体",Helvetica, sans-serif,Arial;
}

/* hidden items */
#skip,.hidden {
	display: none;
}

/* basic float left / right */
.left {
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
}

.right {
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
}

.left .alt,.right .alt {
	background: #f1f1f1;
	border: 1px solid #ddd;
	padding: 4px;
	-webkit-box-shadow: #888 0px 2px 3px;
}

/* =CONTAINER
=============================================== */
#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
}

/* =HEADER
=============================================== */
#header {
	background: #111215 url(../images/headerBg.jpg) repeat-x top center;
	position: relative;
	width: 100%;
	z-index: 5;
}

#header .inner {
	background: url(../images/headerInnerBg.jpg) no-repeat bottom center;
	height: 174px;
	margin: 0 auto;
	padding: .1em 10px 0 10px;
	position: relative;
	width: 940px;
}

#page_index #header .inner {
	background: url(../images/headerInnerBg_i.jpg) no-repeat bottom center;
	height: 315px;
}

#page_easy #header {
	background:transparent url(../images/of_headerBg.png) repeat scroll center top;
	margin:0 auto;
	position:relative;
	width:100%;
}

#page_easy #header .inner {
	margin:0 auto;
	padding: .1em 10px 0 10px;
	position:relative;
	text-align:left;
	width:940px;
	background:none;
	height:45px;
}

/* company logo & tagline */
#logo {
	background: url(../images/logoBg.gif) no-repeat 0 0;
	height: 23px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 10px;
	left: 10px;
	width: 176px;
}

#logo a {
	display: block;
	height: 23px;
}

#logo a:hover {
	background: url(../images/logoBg.gif) no-repeat 0 -23px;
}

/* top-level navigation */
#mainNav,#mainNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav {
	float: right;
	margin-top: 6px;
}

#mainNav li {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
}

#mainNav li a {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-indent: -9999px;
}

#navHome a {
	background: url(../images/navMainBg.gif) no-repeat 0 -4px;
	width: 56px;
}

#navProduct a {
	background: url(../images/navMainBg.gif) no-repeat -48px -4px;
	width: 56px;
}

#navSubscribe a {
	background: url(../images/navMainBg.gif) no-repeat -96px -4px;
	width: 56px;
}

#navGift a {
	background: url(../images/navMainBg.gif) no-repeat -144px -4px;
	width: 56px;
}

#navDraw a {
	background: url(../images/navMainBg.gif) no-repeat -192px -4px;
	width: 56px;
}

#navEvaluate a {
	background: url(../images/navMainBg.gif) no-repeat -240px -4px;
	width: 56px;
}

#navHelp a {
	background: url(../images/navMainBg.gif) no-repeat -288px -4px;
	width: 56px;
}

#navContact a {
	background: url(../images/navMainBg.gif) no-repeat -336px -4px;
	width: 56px;
}


#navHome a:hover {
	background: url(../images/navMainBg.gif) no-repeat 0 -36px;
	width: 56px;
}

#navProduct a:hover {
	background: url(../images/navMainBg.gif) no-repeat -48px -36px;
	width: 56px;
}

#navSubscribe a:hover {
	background: url(../images/navMainBg.gif) no-repeat -96px -36px;
	width: 56px;
}

#navGift a:hover {
	background: url(../images/navMainBg.gif) no-repeat -144px -36px;
	width: 56px;
}

#navDraw a:hover {
	background: url(../images/navMainBg.gif) no-repeat -192px -36px;
	width: 56px;
}

#navEvaluate a:hover {
	background: url(../images/navMainBg.gif) no-repeat -240px -36px;
	width: 56px;
}

#navHelp a:hover {
	background: url(../images/navMainBg.gif) no-repeat -288px -36px;
	width: 56px;
}


#navContact a:hover {
	background: url(../images/navMainBg.gif) no-repeat -336px -36px;
	width: 56px;
}


#page_index #navHome a {
	background: url(../images/navMainBg.gif) no-repeat 0 -68px;
	width: 56px;!important
}

#page_product #navProduct a {
	background: url(../images/navMainBg.gif) no-repeat -48px -68px;
	width: 56px;
}

#page_subscribe #navSubscribe a {
	background: url(../images/navMainBg.gif) no-repeat -96px -68px;
	width: 56px;
}

#page_gift #navGift a {
	background: url(../images/navMainBg.gif) no-repeat -144px -68px;
	width: 56px;
}

#page_draw #navDraw a {
	background: url(../images/navMainBg.gif) no-repeat -192px -68px;
	width: 56px;
}

#page_evaluate #navEvaluate a {
	background: url(../images/navMainBg.gif) no-repeat -240px -68px;
	width: 56px;
}

#page_help #navHelp a {
	background: url(../images/navMainBg.gif) no-repeat -288px -68px;
	width: 56px;
}

#page_contact #navContact a {
	background: url(../images/navMainBg.gif) no-repeat -336px -68px;
	width: 56px;
}


/* header text */
#header .inner #strap {
	display: block;
	height: 140px;
	overflow: hidden;
	position: absolute;
	margin: 83px 0 0 0;
	text-indent: -9999px;
	width: 580px;
}

/* header browser shot */
p#browserShot {
	display:none;
}

#page_index p#browserShot {
	height:264px;
	background: url(../images/browserShotBg.png) no-repeat left bottom;
	padding-top: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 62px;
	width: 359px;
	z-index: 10;
	display:block;
}

#page_index #ser_online {
	display:none;
}

#ser_online,#ser_online li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ser_online {
	position: absolute;
	height:30px;
	right: 55px;
	bottom:27px;
	_bottom:26px;
}

#ser_online li{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
}

#ser_online li a {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width:30px;
	text-indent: -9999px;
}

#ser_qq a{
	margin-right:15px;
}

#ser_msn a{
	margin-right:11px;
}

#ser_ww a{
	margin-right:15px;
}

#ser_email a{
	margin-right:0;
}

#ser_qq a:hover{
	background: url(../images/btn_chat.png) no-repeat 0 0;
	margin-right:15px;
}

#ser_msn a:hover{
	background: url(../images/btn_chat.png) no-repeat -45px 0;
	margin-right:11px;
}

#ser_ww a:hover{
	background: url(../images/btn_chat.png) no-repeat -86px 0;
	margin-right:15px;
}

#ser_email a:hover{
	background: url(../images/btn_chat.png) no-repeat -131px 0;
	margin-right:0;
}

/* call buttons */
#call,#call li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page_index #call {
	bottom:45px;
}

#call {
	bottom: 25px;
	left: 10px;
	position: absolute;
}

#call li {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
}

#call li a {
	display: block;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	text-indent: -9999px;
}

#callPro a {
	background: url(../images/callBtnBg.png) no-repeat 0 0;
	width: 160px;
}

#callSub a {
	background: url(../images/callBtnBg.png) no-repeat -160px 0;
	width: 160px;
}

#callGift a {
	background: url(../images/callBtnBg.png) no-repeat -320px 0;
	width: 160px;
}

#callPro a:hover {
	background: url(../images/callBtnBg.png) no-repeat 0 -37px;
	width: 160px;
}

#callSub a:hover {
	background: url(../images/callBtnBg.png) no-repeat -160px -37px;
}

#callGift a:hover {
	background: url(../images/callBtnBg.png) no-repeat -320px -37px;
}


/* =SITE INFO
=============================================== */
#siteInfo {
	background: url(../images/siteInfoBg.jpg) repeat-x top center;
	position: relative;
	width: 100%;
}

#siteInfo .inner {
	height:280px;
	*height:300px;
	margin: 0 auto;
	padding: .1em 0;
	position: relative;
	width: 960px;
}

#footer {
	position: relative;
	width: 100%;
}

#footer .inner {
	height:60px;
	margin: 0 auto;
	padding: .1em 0;
	position: relative;
	width: 960px;
}

#siteInfo h2 {
	color: #ccc;
	font-size: 12px;
	letter-spacing: .2em;
	font-weight: bold;
	margin: 1.5em 0;
	text-shadow: #090909 0px 2px 2px;
	text-transform: uppercase;
}

#siteInfo .inner h2 a:hover {
	color: #fff;
}

#siteInfo .inner p {
	color: #777;
	font-size:12px;
}

#siteInfo .inner #about p a {
	color: #ccc;
}

#siteInfo .inner #about p a:hover {
	color: #fff;
}

#siteInfo .inner #about {
	float: left;
	margin: 1em 0 1.5em 10px;
	width: 540px;
}

#siteInfo .inner #twitter {
	background: url(../images/twitterBg.gif) no-repeat 0 10px;
	display: block;
	float: right;
	margin: 1em 10px 1em 0;
	min-height: 100px;
	padding-left: 60px;
	position: relative;
	width: 280px;
}

#siteInfo .inner #twitter ul,#siteInfo .inner #twitter ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#siteInfo .inner #twitter .status {
	color: #ccc;
	font: italic 1.8em/ 1.6em Georgia, Times, serif;
}

#siteInfo .inner #twitter .status a:hover {
	color: #fff;
}

#siteInfo .inner #twitter .time {
	color: #666;
	display: block;
	font-size: 1em;
	letter-spacing: .1em;
	margin: 1.5em 0;
	text-align: right;
	text-shadow: #070707 0px 2px 2px;
	text-transform: uppercase;
}

#siteInfo .inner #twitter .time a {
	color: #fff;
}

ul#legal,ul#legal li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#legal {
	background: url(../images/legalBg.png) repeat-x 0 0;
	clear: both;
	display: block;
	margin: 0 10px;
	padding: 2.2em 0 1em 0;
	text-transform: uppercase;
	text-align: center;
}

ul#legal li {
	border-left: 2px solid #222;
	float: left;
	letter-spacing: .1em;
	margin-left: .8em;
	padding-left: 1em;
	text-shadow: #0a0a0a 0px 2px 2px;
	width: auto;
	font-size:12px;
}

ul#legal li.first {
	border: 0;
	margin-left: 0;
	padding-left: 0;
}

ul#legal li a:link,ul#legal li a:visited,ul#legal li a:active {
	color: #666;
}

ul#legal li a:hover {
	color: #fff;
}

/* =MID
=============================================== */
#mid {
	background: #f1f1f1 url(../images/midBg.png) repeat-x 0 0;
	margin: 0;
	padding: .1em 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

#mid .inner {
	margin: 0 auto;
	padding: 1em 0 0 0;
	position: relative;
	width: 960px;
}

#success {
	width:350px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	margin-top:100px;
}
#success a{
	color:#666;
	font-weight:normal;
}
#success a:hover{
	color:#666;
	font-weight:bold;
}

/* =MAIN
=============================================== */
#primary {
	float: left;
	margin: 0 0 1em 10px;
	padding: .1em 0;
	width: 580px;
}

/* =SECONDARY
=============================================== */
#secondary {
	float: right;
	display: inline;
	margin: 2em 10px 2em 0;
	padding: 1em 0;
	width: 340px;
}

.secondary_pro {
	height:435px;
	margin:30px 0;
	padding:0 20px;
	position: relative;
}

.secondary_pro_inner {
	position: absolute;
	padding:0 20px;
	left:0;
	bottom:0;
}

.secondary_pro p {
	font-size:1.2em;
	line-height:1.8em;
}

#secondary ul,#secondary ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondary ul {
	margin: 1em 0;
	padding-left:40px;
}

#secondary ul#navSub li {
	display: block;
	font:1.4em '新宋体',Georgia, Times, serif;
	margin: 0;
	width: 100%;

}

#secondary ul#navSub a {
	border-bottom: 1px dashed #b5b5b5;
	display: block;
	font-weight: normal;
	padding: .6em 1.5em;
	/*text-shadow: #999 1px 1px 2px;*/
	color:#666;
	background: url(../images/list_green.gif) no-repeat scroll 0 50%;
}

#secondary ul#navSub a:hover,#secondary ul#navSub a.current {
	color: #222;
}

#secondary ul#navSub a.current {
	padding-left: 3em;
}

#toTop {
	background: #e9e9e9;
	border: 2px solid #ddd;
	border-bottom: 0;
	font-size: 1.2em;
	margin: 15px 0 0 0;
	padding: .4em 10px .3em 10px;
	width: 580px;
}

#toTop a {
	background: url(../images/topBg.gif) no-repeat left 50%;
	color: #999;
	padding-left: 1.5em;
}

#toTop a:hover {
	color: #111;
}

/* =TYPOGRAPHY
=============================================== */
p,h1,h2,h3,h4,h5,h6 {
	margin: 1em 0;
}

h1 {
	font-size: 2em;
}

h2 {
	color: #222;
	font-size: 2.2em;
	font-weight: normal;
	margin: 1em 0;
}
#primary h2{
	text-indent: -9999px;
}

h2#pageTitle {
	color: #111;
	font-size: 1.8em;
	font-weight: 600;
	margin:10px 0;
	letter-spacing:.05em;
}

.pagetitle_sub{
	background:url(../images/pagetitle_sub.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_gift{
	background:url(../images/pagetitle_gift.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_ret{
	background:url(../images/pagetitle_ret.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_pro{
	background:url(../images/pagetitle_pro.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_help{
	background:url(../images/pagetitle_help.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_link{
	background:url(../images/pagetitle_link.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_eva{
	background:url(../images/pagetitle_eva.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_ind{
	background:url(../images/pagetitle_ind.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_con{
	background:url(../images/pagetitle_con.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_draw{
	background:url(../images/pagetitle_draw.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_draw_ret{
	background:url(../images/pagetitle_draw_ret.png) no-repeat -15px 0;
	height:40px;
}

.pagetitle_draw_sub{
	background:url(../images/pagetitle_draw_sub.png) no-repeat -15px 0;
	height:40px;
}

h3 {
	font-size: 1.6em;
	width:200px;
	margin:1.5em auto 0 auto;
	height:48px;
	padding:10px 0 10px 5px;
}
h3.error {
	 background:url(../images/cancel_48.gif) left top no-repeat;
}
h3.accepted {
	 background:url(../images/accepted_48.gif) left top no-repeat;
}


h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.3em;
	margin-bottom:0;
}

p {
	font-size: 1.2em;
	line-height: 1.8em;
}

p#browserShot{
	font-size:1.3em;
}

.promo {
	background: #e9f2f9;
	border: 2px solid #b9d4e7;
	clear: both;
	color: #222;
	margin: 1em 0 1.5em 0;
	padding: 0 1em;
}

.promo_link,.promo_draw_sub,.promo_draw_ret,.promo_gift,.promo_ret,.promo_sub,.promo_pro,.promo_draw,.promo_help,.promo_eva,.promo_con {
	clear: both;
	color: #222;
	margin: 1em 0 1.5em 0;
	width:580px;
	height:140px;
}

.promo_draw{
	background: transparent url(../images/promo_draw.png) no-repeat scroll 0 0;
}

.promo_draw_sub{
	height:80px;
	background: transparent url(../images/promo_draw_sub.png) no-repeat scroll 0 0;
}

.promo_draw_ret{
	height:80px;
	background: transparent url(../images/promo_draw_ret.png) no-repeat scroll 0 0;
}

.promo_gift {
	height:160px;
	text-indent: -9999px;
	background: transparent url(../images/promo_gift.png) no-repeat scroll 0 0;
}

.promo_ret {
	height:160px;
	text-indent: -9999px;
	background: transparent url(../images/promo_ret.png) no-repeat scroll 0 0;
}

.promo_sub {
	height:160px;
	text-indent: -9999px;
	background: transparent url(../images/promo_sub.png) no-repeat scroll 0 0;
}

.promo_pro {
	background: transparent url(../images/promo_pro.png) no-repeat scroll 0 0;
}

.promo_help {
	margin-top:1.5em;
	margin-bottom:0.5em;
	height:200px;
	background: transparent url(../images/promo_help.png) no-repeat scroll 0 0;
}

.promo_link {
	margin-bottom:0.5em;
	height:80px;
	background: transparent url(../images/promo_link.png) no-repeat scroll 0 0;
}

.promo_eva {
	background: transparent url(../images/promo_eva.png) no-repeat scroll 0 0;
}

.promo_con {
	height:110px;
	background: transparent url(../images/promo_con.png) no-repeat scroll 0 0;
}

.pro_img{
	background: transparent url(../images/pro_back.png) no-repeat scroll -3px -3px;
	border:none;
	margin:30px 0;
	width:580px;
	height:435px;
}

.promo p {
	margin: .5em 0;
}

#gift_img_price {
	background-color:#000;
}


.intro {
	margin: 1em 0;
}

.intro p {
	color: #444;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight:500;
}

.intro_min p {
	color: #444;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight:500;
}

li.eva_con{
	background:#fff;
	padding:5px;
}
.evaluate {
	padding:8px;
	color:#222;
}

.eva_time {
	margin-right:20px;
	margin-bottom:5px;
	text-align:right;
	font-size:11px;
	color:#0099cc;
}

.eva_reply{
	background:#f1f1f1;
	float:right;
	width:470px;
}

.eva_reply p {
	font-size:12px;
	margin:5px 0;
}

address {
	font-size: 1.4em;
	font-style: normal;
	line-height: 1.6em;
	margin: 1em 0;
}

kbd {
	background: #f8f8f8;
	border: 1px solid #ddd;
	font-size: 1.2em;
	padding: .2em .4em .1em .4em;
}

#link_l,#link_r{
	color:#999;
	width:260px;
	font-size:12px;
	margin-top:20px;
	line-height:28px;
}

#link_l{
	float:left;
}

#link_r{
	float:right;
}
/*
hr {
	display: none;
}*/

/*  help
===================================================*/
#primary_help h3{
	font-size:1.3em;
	line-height:14px;
	height:14px;
	width:560px;
	color:#fff;
	padding:6px 10px 6px 15px;
	background:#5f646e none repeat scroll 0 0;
}

#primary_help h4 {
	font-size:1.3em;
	font-weight:600;
	color:#000;
	padding-left:18px;
	background:url(../images/add_16.gif) left center no-repeat;
	margin:1em 0 -0.5em 0;
}

/* sifr page titles */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	.sIFR-replaced,.sIFR-ignore {
		visibility: visible !important;
	}
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt;
		padding: 0pt;
		overflow: auto;
		letter-spacing: 0px;
		float: none;
	}
}

/* rules for to-be-replaced elements */
@media screen {
	.sIFR-active h2#pageTitle {
		color: #111;
		font-size: 20px;
		font-weight: normal;
		margin: 1em 0;
		visibility: hidden;
	}
}

/* =LINKS
=============================================== */
a:link,a:visited,a:active {
	color: #3b94ce;
	text-decoration: none;
}

a:hover {
	color: #111;
}

#mid a:link,#mid a:visited,#mid a:active {
	font-weight: bold;
}

#primary a.external {
	padding-right: .4em;
	background: url(../images/external.gif) no-repeat 100% 0;
}

#primary a.external:hover {
	background: url(../images/external2.gif) no-repeat 100% 0;
}

/* button links */
p.buttonWrapper {
	display: block;
	font-size: 1.4em;
	margin: 1em 0;
	text-align: right;
}

p.buttonWrapper a:link,p.buttonWrapper a:visited,p.buttonWrapper a:active
	{
	background: #6e9e2c;
	border: 2px solid #577d23;
	color: #fff;
	font-weight: bold;
	margin-left: 1em;
	padding: .3em .8em;
}

p.buttonWrapper a:hover {
	background: #333;
	border-color: #111;
	cursor: pointer;
}

acronym,abbr {
	border-bottom: 2px dotted #888;
	cursor: help;
}

/* =IMAGES
=============================================== */
img {
	border: none;
}

/* =TABLES
=============================================== */
table,tr,th,td {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	text-align: left;
}

table {
	border-top: 2px solid #e7e7e7;
	font-size: 1.4em;
	margin: 1em 0;
	width: 100%;
}

th,td {
	padding: 1em;
	text-align: left;
	vertical-align: middle;
}


th {
	background: #fff;
	font-weight: normal;
	text-align: center;
	width: 80px;
}

th span {
	display: block;
	margin: .3em 0;
}

td {
	background: #f8f8f8;
	border-bottom: 2px solid #e7e7e7;
}

td.confirm_left {
	border-right:2px solid #e7e7e7;
	text-align:right;
	width:180px;
	padding-left:0;
	font-weight:600;
}

th p,td p {
	font-size: 1em;
}

th span {
	font-size: 1.5em;
}

td ul,td ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

td ul {
	margin: 1em 0 1em 1em;
}

td ul li {
	background: url(../images/bullet.gif) no-repeat 0 .2em;
	padding-left: 1.7em;
}

td.buy {
	padding: 2em 1em;
	text-align: center;
	width: 120px;
}

td.buy .package {
	font-size: 1.5em;
	margin: 0;
}

td .price {
	font-size: 1.5em;
	margin: 0 .5em;
}

td .price span {
	display: block;
	margin: 0 0 .3em .8em;
}

td.buy a {
	background: #6e9e2c;
	border: 2px solid #577d23;
	color: #fff;
	padding: .3em .8em;
}

td.buy a:hover {
	background: #333;
	border-color: #111;
	cursor: pointer;
}

/* table hover styles */
th.over,td.over {
	background: #fff;
	color: #000;
}

th.over p,td.over p,td.over ul li {
	color: #000;
}

/* web hosting table */
table#web-hosting th span {
	display: block;
	font-size: 1.4em;
	margin: .2em 0;
}

/* domain names table */
table#domain-names th.first {
	width: 60%;
}

table#domain-names th {
	font-size: 1.4em;
	text-align: left;
}

table#domain-names td {
	padding: 0 1em;
}

table#domain-names ul {
	margin-left: 0;
}

table#domain-names li {
	background: none;
	float: left;
	margin-right: 1.5em;
	padding-left: 0;
	width: auto;
}

table#domain-names td .price .rrp {
	color: #999;
	display: inline;
	font-size: .5715em;
	font-weight: bold;
}

span.asterisk {
	color: #c00;
}

/* ssl certificates table */
table#ssl-certificates th.first {
	font-size: 1em;
	text-align: left;
	width: 300px;
}

table#ssl-certificates .sslTitle {
	font-size: 1.4em;
	margin-bottom: .5em;
}

table#ssl-certificates .desc {
	font-size: .875em;
	margin-top: -2em;
}

/* support table */
table#support th,table#support td {
	padding: .5em;
}

table#support .price {
	margin-bottom: -.3em;
}

/* =FORMS
=============================================== */
form {
	background: url(../images/form_back.png) repeat-y;
	border: none;
	clear: both;
	display: block;
	margin: 0;
	padding: 0 15px .1em 30px;
}
#form_back_head {
	background: url(../images/form_back_head.png) no-repeat left bottom;
	height:11px;
}
#form_back_foot {
	background: url(../images/form_back_foot.png) no-repeat left top;
	height:20px;
}

form h6 {
	font-weight:500;
	margin:0em 0 0.5em 0;
	padding:0.3em 0 0 0;
}

.form_error {
	background:#b2d79d url(../images/onError.gif) no-repeat scroll 0 0;
	line-height:22px;
	padding-left:25px;
	margin-top:3px;
	margin-left:65px;
	width:300px;
	font-size:12px;
	color:#000;
	vertical-align:middle;
}


fieldset {
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
}

fieldset p {
	color: #444;
	font-size: 1.4em;
}

fieldset p.note {
	color: #999;
	font-size: 1.4em;
}

span.required {
	color: #c00;
}

legend {
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	margin: 1em 0 -1em 0;
	padding: 0;
}


.formField,.formField_text {
	border:1px solid #ddd;
	width:350px;
	color:green;
	font-size:13px;
	padding:5px;
	line-height:18px;
}

select.formField {
	padding: 4px 5px;
	width: 366px;
}

.formField:focus,.formField_text:focus,input.sffocus{
	border: 1px solid #c1c1c1;
}
.formField_text{overflow-y:auto;}

.formButton {
	cursor: pointer;
	border: none;
	color: #fff;
	font-weight: bold;
	margin-left: 1em;
	padding: .1em .8em;
	font-size: 1.4em;
	width:80px;
	height:33px;
	background: url("../images/btn_submit.gif");
}

span.formButtonWrapper {
	display: block;
	text-align: right;
	padding-right:40px;
}

.formButton:hover {
	cursor: pointer;
}

/* john conner's robot killer */
.trap {
	display: none;
}

/* =LISTS
=============================================== */
.sub_gift_item{
	margin:10px 0;
	padding-left:30px;
	list-style:none;
}
.sub_gift_item li {
	background:transparent url(../images/bullet.gif) no-repeat scroll 0 0.2em;
	padding-left:1.7em;
	font-size:1.4em;
	line-height:1.8em;
}

ol.plain,ol.plain li,ul.plain,ul.plain li {
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.plain,ul.plain {
	margin: 1em 0;
}

ol.plain {
	margin-left: 2.5em;
}

ol.plain li {
	list-style: decimal;
	margin: .5em 0;
}

ul.plain {
	margin-left: 0;
}

ul.plain li {
	list-style: none;
	margin: .5em 0;
}

/* homepage users list */
#users,#users li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#users {
	margin: 0 0;
}

#users li {
	margin: 1em 0;
	padding-left: 70px;
	/*position:relative;   解决IE6层遮盖  */
}

#users li img {
	border: none;
	float: left;
	margin: .5em 0 1em -70px;
	padding: 1px;
	-webkit-box-shadow: #888 0px 2px 3px;
}

#page_index #users li img,#page_evaluate #users li img {
	border: 1px solid #bbbfc0;
}

#users li p {
	display: inline;
}

#page_contact #users li {
	display:inline;
	width:220px;
	position:relative;
	float:left;
	padding-left:65px;
}

#page_contact #users li img {
	margin:20px 0 1em -65px;
}

#page_contact #users li b {
	background:url(../images/list_green.gif) no-repeat 0 5px;
	padding-left:10px;
	font-weight:normal;
	color:#444;
}

#page_contact h6 {
	color:#000;
	font-weight:600;
	font-size:1.3em;
}

/* content nav lists */
#contentNav,#contentNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentNav {
	margin: 1em 0;
}

#contentNav li {
	margin: 2em 0;
	padding-left: 58px;
	position: relative;
}

#contentNav li img {
	float: left;
	margin: 0 0 1em -58px;
}

#contentNav li h3 {
	margin: 0 0 .5em 0;
}

#contentNav li p {
	display: block;
	margin: .3em 0;
}

#contentNav li p.price {
	margin: 1em 0;
}

#contentNav li p.price a {
	background: #6e9e2c;
	border: 2px solid #577d23;
	color: #fff;
	padding: .3em .8em;
}

#contentNav li p.price a:hover {
	background: #333;
	border-color: #111;
	cursor: pointer;
}

/* publicataions list */
#publications,#publications li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#publications {
	margin: 1em 0;
}

#publications li {
	margin: 2em 0;
	position: relative;
}

#publications li h3 {
	margin: 0 0 .5em 0;
}

#publications li p {
	display: block;
	margin: .3em 0;
}

#publications li p.reference {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

#publications li p.reference a {
	color: #666;
}

#publications li p.reference a:hover {
	color: #111;
}

/* themes list */
#themes,#themes li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#themes {
	margin: 1em 0;
}

#themes li {
	margin: 2em 0;
	padding: .1em 0 10px 220px;
}

#themes li img {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: .5em 0 1em -220px;
	padding: 3px;
	-webkit-box-shadow: #888 0px 2px 3px;
}

#themes li h3 {
	margin: 1em 0 .5em 0;
}

#themes li p {
	display: block;
	margin: .3em 0;
}

#themes li p {
	display: block;
	margin: .3em 0;
}

/* showcase lists */
#showcase,#showcase li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#showcase {
	margin: 2em 0 1em -10px;
	width: 950px;
}

#showcase li {
	background: #fff;
	border: 2px solid #ddd;
	float: left;
	margin: .5em 0 .5em 10px;
	padding: 10px 15px 10px 255px;
	position: relative;
	width: 191px;
}

#showcase li.featured {
	display: block;
	float: none;
	height: 205px;
	margin-left: 10px;
	min-height: 205px;
	padding-bottom: 1.5em;
	width: 666px;
}

#showcase li img {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 0 0 0 -245px;
	padding: 3px;
	-webkit-box-shadow: #888 0px 2px 3px;
}

#showcase li h3 {
	margin: .7em 0 .5em 0;
}

#showcase li p {
	display: block;
	margin: .3em 0;
}

#showcase li p.credits strong {
	color: #bbb;
}

#showcase li p.desc {
	font-size: 1.2em;
	margin: 1em 0;
}

#showcase li blockquote {
	color: #777;
	font: italic 1.143em Georgia, Times, serif;
	margin: 1em 1em 1em .5em;
	padding: 0;
}

#showcase li blockquote p:before {
	color: #aaa;
	content: open-quote;
	padding-right: .2em;
}

#showcase li blockquote p:after {
	color: #aaa;
	content: close-quote;
	padding-left: .2em;
}

#showcase li p.attr {
	border-right: 2px solid #ddd;
	color: #999;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	left: 10px;
	letter-spacing: .1em;
	padding-right: 10px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	top: 155px;
	width: 216px;
}

#showcase li p.attr span {
	color: #666;
}

/* testimonials lists */
#testimonials,#testimonials li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#testimonials {
	margin: 1em 0;
}

#testimonials li {
	border-bottom: 2px solid #ddd;
	float: left;
	margin: 0;
	padding: 0 0 1em 0;
	position: relative;
}

#testimonials li p {
	display: block;
	font-size: 1.2em;
	margin: .3em 0;
}

#testimonials li blockquote {
	margin: 1em 0;
	padding: 0;
}

#testimonials li blockquote p:before {
	color: #444;
	content: open-quote;
	padding-right: .2em;
}

#testimonials li blockquote p:after {
	color: #444;
	content: close-quote;
	padding-left: .2em;
}

/* generic pagination */
#pagination {
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1.5em 0;
	text-transform: uppercase;
	text-align:right;
	padding-right:20px;
}

#pagination .first {
	margin-top: 1.5em;
}

#pagination a {
	background: #fff;
	border: 1px solid #ccc;
	padding: .3em .6em .2em .6em;
}

#mid #pagination a {
	font-weight:normal;
}

#pagination a:hover {
	background: #fff;
	color: #111;
}

#pagination a.current {
	background: none;
	border: 0;
	border-width: 1px 0;
	color: #111;
}

/* info lists */
.infoList,.infoList li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.infoList {
	font-size: 1.4em;
	margin: 1em 0;
}

.infoList li {
	background: url(../images/bullet.gif) no-repeat 0 .2em;
	margin: .3em 0;
	padding-left: 1.8em;
}

.infoList li.pdf {
	background: url(../images/pdf.gif) no-repeat 0 .2em;
}

.infoList li.zip {
	background: url(../images/zip.gif) no-repeat 0 .2em;
}

.infoList li.tick {
	background: url(../images/tick.gif) no-repeat 0 .2em;
}

.infoList li.cross {
	background: url(../images/cross.gif) no-repeat 0 .2em;
}

span.comingSoon {
	color: #999;
	font: italic 1em Georgia, Times, serif;
}

/* sitemap */
ul#sitemap,ul#sitemap li {
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#sitemap {
	margin: 1em 0;
}

ul#sitemap li {
	margin: 1.5em 0;
}

ul#sitemap li ul,ul#sitemap li ul li {
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#sitemap li ul {
	margin-left: 1.5em;
}

ul#sitemap li ul li {
	margin: .5em 0;
}

/* handy columns */
.column {
	float: left;
	margin: 0 0 2em 4%;
	position: relative;
	width: 48%;
}

.column .first {
	margin-left: 0;
}

/* exit block - demo, forum, support centre etc. */
#exit {
	background: #fff;
	border: 2px solid #ddd;
	margin: 2em 0 3em 0;
	padding: .5em 1.5em 0 1.5em;
}

#exit .column {
	margin-bottom: 0;
}

/* =FLOAT FIX
=============================================== */
.inner:after,ul:after,ul li:after,#exit :after,dl:after,dl dt:after,dl dd:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.inner,ul,ul li,#exit,dl.additions,dl.additions dt,dl.additions dd {
	display: block;
}

/*  \*/
.inner,ul,ul li,#exit,dl,dl dt,dl dd {
	min-height: 1%;
}

* html .inner,* html ul,* html ul li,* html #exit,* html dl,* html dl dt,* html dl dd
	{
	height: 1%;
}


.cover_table,.cover_table th,.cover_table td,.cover_table tbody{
	padding:0;
	border:none;
}
/*  = HINT
========================================================*/
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    font-size:12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}




/*********** navigator ***********/
#thumbs_1 {
	background:url(../images/scroll_navi.png) no-repeat scroll 0 -114px;
	height:57px;
	width:960px;
	clear:both;
}
#thumbs_2 {
	background:url(../images/scroll_navi.png) no-repeat scroll 0 -285px;
	height:57px;
	width:960px;
	clear:both;
}
.t_1 a {
	background:transparent url(../images/scroll_navi.png) no-repeat scroll -415px -114px;
	margin:0;
	display:block;
	width:90px;
	float:left;
	height:57px;
	cursor:pointer;
}
.t_2 a {
	background:transparent url(../images/scroll_navi.png) no-repeat scroll -415px -285px;
	margin:0;
	display:block;
	width:90px;
	float:left;
	height:57px;
	cursor:pointer;
}

/* CSS sprite for the scroller navigation */
#t0 	   {background-position:-400px -114px;}
#t0.active { background:url(../images/scroll_navi.png) -400px 0; }
#t0:hover  { background:url(../images/scroll_navi.png) -400px -57px; }

#t1			{ background:url(../images/scroll_navi.png) -400px -114px;width:180px; }
#t1:hover 	{ background:url(../images/scroll_navi.png) -400px -57px; width:180px;}
#t1.active	{ background:url(../images/scroll_navi.png) -400px 0; width:180px;}

#t2			{ background:url(../images/scroll_navi.png) -580px -114px; }
#t2:hover 	{ background:url(../images/scroll_navi.png) -580px -57px; }
#t2.active	{ background:url(../images/scroll_navi.png) -580px 0; }

#t3			{ background:url(../images/scroll_navi.png) -670px -114px; }
#t3:hover 	{ background:url(../images/scroll_navi.png) -670px -57px; }
#t3.active	{ background:url(../images/scroll_navi.png) -670px 0; }

#t4			{ background:url(../images/scroll_navi.png) -760px -114px; }
#t4:hover 	{ background:url(../images/scroll_navi.png) -760px -57px; }
#t4.active	{ background:url(../images/scroll_navi.png) -760px 0; }

#t5			{ background:url(../images/scroll_navi.png) -850px -114px; }
#t5:hover 	{ background:url(../images/scroll_navi.png) -850px -57px; }
#t5.active	{ background:url(../images/scroll_navi.png) -850px 0; }

#t11			{ background:url(../images/scroll_navi.png) -490px -285px;}
#t11:hover 	{ background:url(../images/scroll_navi.png) -490px -228px; }
#t11.active	{ background:url(../images/scroll_navi.png) -490px -171px; }

#t12			{ background:url(../images/scroll_navi.png) -580px -285px; }
#t12:hover 	{ background:url(../images/scroll_navi.png) -580px -228px; }
#t12.active	{ background:url(../images/scroll_navi.png) -580px -171px; }

#t13			{ background:url(../images/scroll_navi.png) -670px -285px; }
#t13:hover 	{ background:url(../images/scroll_navi.png) -670px -228px; }
#t13.active	{ background:url(../images/scroll_navi.png) -670px -171px; }

#t14			{ background:url(../images/scroll_navi.png) -760px -285px; }
#t14:hover 	{ background:url(../images/scroll_navi.png) -760px -228px; }
#t14.active	{ background:url(../images/scroll_navi.png) -760px -171px; }

#t15			{ background:url(../images/scroll_navi.png) -850px -285px; }
#t15:hover 	{ background:url(../images/scroll_navi.png) -850px -228px; }
#t15.active	{ background:url(../images/scroll_navi.png) -850px -171px; }



/* main vertical scroll */
#main {
	position:relative;
	height:472px;
	overflow:hidden;
	border:1px solid #ddd;
	width:960px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 auto 30px auto;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	height: 472px;
	width:960px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 960px;
	height: 415px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	height:415px;
	position:absolute;
	top:0;
	left:0;
	clear:both;
	padding:0;
	margin:0;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:960px;
	height:415px;
	padding:5px 5px 0 5px;
}

/* main navigator */
#main_navi {
	position:absolute;
	top:456px;
	width:230px;
	left:0;
	z-index: 10;
	margin:0;
	padding:0;
	background:url(../images/scroll_navi.png) no-repeat scroll 0 -114px;
}

#main_navi li {
	height:57px;
	list-style-type:none;
	padding:0px;
	width:95px;
	cursor:pointer;
	float:left;

}

#i1{
	background:url(../images/scroll_navi.png) -18px -57px;
	margin-left:10px;
}
#i1:hover {
	background:url(../images/scroll_navi.png) -18px 0;
	margin-left:10px;
}
#i1.active {
	background:url(../images/scroll_navi.png) -18px 0;
	margin-left:10px;
}
#i2{
	background:url(../images/scroll_navi.png) -138px -57px;
	margin-left:20px;
}
#i2:hover {
	background:url(../images/scroll_navi.png) -138px 0;
	margin-left:20px;
}
#i2.active {
	background:url(../images/scroll_navi.png) -138px 0;
	margin-left:20px;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/*  =count
=======================================================*/
.count_p{
	width:50px;
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
	top:78px;
	left:190px;
	position:absolute;

}
.count_s{
	width:60px;
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
	top:78px;
	left:340px;
	position:absolute;
}
#page_index .count_p,#page_index .count_s{
	display:none;
}

/*  =pro_texts
========================================================
*/
#pro_texts{
	padding-top:0px;
}

#pro_texts h4{
	/*background:url(../images/h4_bg.png) no-repeat 0 0;
	width:960px;*/
	margin-bottom:-10px;
}

.pro_left h5{
	font-weight:600;
	color:#444;
	font-size:1.2em;
	margin-top:21px;
	margin-bottom:-10px;
}

#pro_texts p{
	font-size:12px;
}
.pro_left{
	float:left;
	width:260px;
	margin-left:60px;
}

.pro_left_title{
	background:url(../images/i_arrow.gif) no-repeat 0 50%;
	padding-left:13px;
}

#company_img{
	background:url(../images/company/company.png) no-repeat -3px 0;
	width:900px;
	height:45px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	text-indent: -9999px;
}

/*  = DROPDOWN
========================================================*/
.dropdown_item {float:left;margin-top:10px;height:15px;font-size:13px;}
.dropdown_info {float:left;width:360px;color:#999;padding:8px 0 0 70px;font-size:12px;line-height:18px;}
#subscribe li img,#gift li img,#draw li img,#evaluate li img {margin-top:-5px;}
.sub_item {font-size:14px;width:60px;text-align:right;}
#users li label {font-size:13px;font-weight:normal;}
.dropDownList{position:absolute;font-size:14px;top:70px;*left:15px !important;*left:-15px;}/*ie6*/
.dropdown select{display:none;}
.dropdown{float:left;margin-right:30px;}
.dropdown span{color:#fff;display:block;width:360px;height:26px;background:url(../images/dropdown.png) right bottom no-repeat;line-height:26px;text-indent:12px;cursor:default;}
.dropdown span.over{cursor: pointer;background-position:right top;}
#users li ul{width:350px;display:none;position:absolute;padding-left:0;}
#users li ul li{background:#eee;height:20px;width:100%;padding:3px 0;padding-left:0;margin:0;text-indent:12px;cursor:default;line-height:20px;}
#users li ul li.normal{background:#eee;}
#users li ul li.over{cursor: pointer;background:#ccc;}
#users li ul li.current{background:#c2c2c2;}
#users li ul.show{width:358px;display:block;z-index:100;margin:0;border:1px solid #5c712f;}