@import 'basic.css';
body {
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	background:#e0f6bf;
	color:#111;
}
#container:after, .mode-w:after, .box:after {
	content:'';
	display:block;
	clear:both;
	height:0
}
#container, .mode-w, .box {
	zoom:1;
}
.btn-bg {
	background: url(../images/btn.png) no-repeat;
}
.input-text {
	border:1px solid #c5c0c0;
	padding:5px 3px 8px;
	width:164px;
}
.btn-order, .btn-info {
	float:left;
	height:29px;
	line-height:29px;
	width:75px;
	font-size:18px;
	text-align:center;
	text-indent:-9999px;
}
.btn-order {
	background-position:0 -82px;
}
.btn-info {
	background-position:0 -112px;
}
#wrap {
	width:959px;
	margin:0 auto;
}
/* header */
#head {
	padding:0 13px 0 35px;
	height:26px;
	line-height:26px;
}
#head a, #head .fr {
	color:#555;
}
#head .fr em {
	color:#111;
	font-size:12px;
	font-weight:bold
}
#social {
	padding-top:3px;
}
#social a {
	float:left;
	line-height:0;
	margin-right:5px;
	background:url(../images/i-social.gif) no-repeat;
	width:15px;
	height:15px;
	vertical-align:middle;
	text-indent:-9999px;
}
#social .twitter {
	background-position:0 -2px;
	margin-top:2px;
}
#social .facebook {
	background-position:-20px -2px;
	margin-top:2px;
}
#social .bbb {
	background-position:-41px 0;
	width:37px;
	height:20px;
}
#logo {
	float:left;
	font-weight:bold;
	height:89px;
	padding-left:450px;
	background:url(../images/logo.gif) no-repeat left bottom;
	position:relative;
	left:-10px;
}
.description {
	text-align:right;
	color:#252525;
	font-size:11px;
	line-height:130%
}
.description h2 {
	font-size:24px;
	color:#67922a
}
.description h2 img {
	vertical-align:middle
}
#mainnav {
	width:100%;
	clear:both;
	height:37px;
	margin-bottom:3px;
	font-weight:bold;
	position:relative;
	z-index:1;
	background:#dfdcdc url(../images/mainnav-bg.gif) repeat-x;
}
#mainnav li {
	position:relative;
	text-transform:uppercase
}
#mainnav li {
	float:left;
	height:37px;
	line-height:37px;
}
#mainnav li a {
	padding:0 30px;
	display:block
}
#mainnav li.on, #mainnav a:hover {
	background-color:#555;
	text-decoration:none;
	color:#fff;
}
#mainnav li.on a {
	color:#fff;
}
#mainnav .order-now {
	background-position:0 -44px;
	display:block;
	width:134px;
	height:37px;
	line-height:37px;
	text-align:center;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
}
#homde-banner {
	height:200px;
	margin-bottom:5px;
	position:relative;
	background:url(../images/banner-main.jpg) no-repeat;
	color:#111;
}
#homde-banner h2 {
	font-size:26px;
	padding-top:28px;
	padding-left:25px;
	height:35px;
	letter-spacing:-.04em
}
#homde-banner ul {
	margin-left:65px;
	font-size:18px;
	line-height:140%;
	padding-top:10px;
}
#homde-banner ul li {
	background:url(../images/icon-right.gif) no-repeat 24px 2px;
	padding-left:63px;
}
#homde-banner .demo {
	position:absolute;
	top:138px;
	left:423px;
	width:141px;
	height:43px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-indent:-9999px;
	display:block
}
/* container */
#container {
	border:10px solid #d0e7ad;
	padding:10px 30px 14px 28px;
	background-color:#fff;
}
#col-l {
	float:left;
	width:642px;
}
#sidebar {
	float:right;
	width:230px;
	padding-bottom:10px;
}
.mode-w {
	margin:0 -6px 7px 0;
}
.mode {
	float:left;
	width:208px;
	border:1px solid #bebbbb;
	margin-right:6px;
}
.price {
	height:68px;
	color:#fff;
	padding:6px 0 0 6px;
	line-height:1;
	font-size:28px;
	font-weight:bold;
	letter-spacing:-.02em;
	color:#6b9829;
	background:#d7d7d7 url(../images/bg-price.gif) no-repeat 130px 8px;
}
.price strong {
	display:block;
	font-size:24px;
	color:#252525;
	margin-top:-1px;
}
.price strong span {
	font-size:14px;
}
#mode-deluxe .price {
	background-position:124px -97px;
}
#mode-premium .price {
	background-color:#83b637;
	color:#fff;
	background-position:131px -197px;
}
#mode-premium .price strong {
	color:#fff;
}
.mode ul {
	padding:8px 15px 10px 6px;
	font-weight:bold
}
.mode ul li {
	padding-bottom:6px;
}
.mode-btn {
	padding-left:6px;
	padding-bottom:9px;
}
.mode-btn a {
	margin-right:5px;
}
#search {
	border:5px solid #d7d6d6;
	padding:15px 0 10px 128px;
	font-size:15px;
	color:#363636;
	margin-bottom:15px;
	background:#f1f1f1 url(../images/i-search.gif) no-repeat 25px 10px;
	font-weight:bold
}
#search h2 {
	font-size:18px;
	color:#6b9829
}
#search .form-search {
	padding-left:25px;
	padding-top:5px;
}
#search .btn-search {
	vertical-align:middle;
	border:0;
	padding:0;
	cursor:pointer;
	width:75px;
	height:29px;
	background-position:0 -142px;
	text-indent:-9999px;
	margin-left:20px;
}
#search .input-text {
	width:209px;
}
.box {
	border-top:1px solid #cccccc;
	clear:both;
	padding-top:20px;
}
.box h2 {
	font-size:18px;
	height:31px;
	line-height:31px;
	font-weight:bold;
	color:#6b9829;
	background:url(../images/i-small.gif) no-repeat;
	position:relative;
	top:-11px;
	zoom:1;
}
.box #specials {
	padding:0 14px 0 6px;
	width:260px;
	color:#252525;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-.04em;
}
.box #why_us {
	border:1px solid #ccc;
	border-width:0 1px;
	padding:0 0 0 14px;
	width:286px;
	padding-bottom:30px
}
.box #login {
	padding-left:15px;
	width:280px;
}
.box #specials h2 {
	background-position:65px -90px;
	padding-bottom:21px;
}
.box #specials h4 {
	font-size:16px;
	font-weight:bold;
	color:#000;
	padding-bottom:5px;
}
.box #specials .signup-now {
	text-align:right;
	padding-top:15px;
}
.box #specials .signup-now a {
	font-size:16px;
	font-weight:bold;
	text-align:right;
	text-decoration:underline;
	padding-top:15px;
}
.box #why_us h2 {
	background-position:0 0;
	padding-left:33px;
}
.box #why_us li {
	background: url(../images/i-number.gif) no-repeat;
	padding-left:34px;
	padding-bottom:10px;
	line-height:22px;
	font-size:14px;
	margin-left:20px;
	font-weight:bold;
	letter-spacing:-.03em;
}
.box #why_us li.l2 {
	background-position:0 -32px;
}
.box #why_us li.l3 {
	background-position:0 -63px;
}
.box #why_us li.l4 {
	background-position:0 -95px;
}
.box #login h2 {
	background-position:0 -49px;
	padding-left:25px;
}
.box #login h5 {
	font-size:13px;
	padding-bottom:10px;
}
.box #login .form-login {
	padding-left:15px;
}
.box #login label {
	font-weight:bold;
	display:inline-block;
	width:70px;
}
.box #login p {
	padding-bottom:5px;
}
.btn-login {
	float:right;
	margin-top:8px;
	border:0;
	background-position:0 -172px;
	width:81px;
	height:31px;
	padding:0;
	cursor:pointer;
	text-indent:-9999px
}
/* sidebar */
.included {
	border:1px solid #B3CD8A;
	background:#fff url(../images/bg-included.png) repeat-x center bottom;
	margin-bottom:10px;
}
.included h2 {
	font-size:18px;
	font-weight:bold;
	background-color:#b3cd8a;
	height:33px;
	line-height:33px;
	text-indent:6px
}
.included ul {
	padding:10px 0 25px
}
.included li {
	background: url(../images/icon-arr.gif) no-repeat 14px 3px;
	padding-left:34px;
	padding-bottom:5px;
	letter-spacing:-.03em;
	font-size:12px;
}
.included li em {
	color:#9d080d
}
.talk {
	padding-bottom:10px;
}
.card {
	text-align:center;
	margin-bottom:10px;
}
/* foot */
#foot {
	width:959px;
	padding:10px 0;
	margin:0 auto;
}
#foot p {
	padding:0 26px;
}
#author {
	float: right;
}
/* subpage */
#banner {
	height:134px;
	margin-bottom:15px;
	position:relative;
	background: url(../images/banner-1.jpg) no-repeat;
}
#banner h2 {
	font-size:28px;
	height:35px;
	padding-left:28px;
	padding-top:60px;
}
#main_wrap {
	float:left;
	padding:0 0 0 24px;
	width:564px;
	margin-bottom:10px;
}
#main_right {
	float:left;
	width:271px;
	padding:0 0 10px 15px;
}
.content p {
	margin-bottom:15px;
}
.tb {
	font-size:13px;
	color:#000;
}
.tb table {
	width:100%
}
.tb .thead {
	background: url(../images/tb-t.gif) repeat-x;
	color:#fff;
	height:34px;
	line-height:34px;
}
.tb .thead .textleft,.tb thead .textleft {
	color:#fff;
}
.tb td {
	line-height:34px;
	text-align:center;
	font-weight:bold
}
.tb td img {
	vertical-align:middle;
}
.tb .blurcolor {
	background-color:#f3ffe1;
}
.tb .blurcolor td {
	line-height:37px;
}
.tb .greencolor {
	color:#80b336;
	font-size:18px;
}
.tb .t-features {
	width:165px
}
.tb .t-s1, .tb .t-s2 {
	width:135px
}
.tb .t-s3 {
	width:97px;
	padding-left:17px;
}
.tb .textleft {
	text-align:left;
	padding-left:15px;
	color:#000;
	font-size:13px;
}
.tb .btn-order {
	margin:0 auto;
	float:none;
	display:block
}
#main_right h2 {
	font-size:18px;
	color:#80b336;
	letter-spacing:-1px;
}
.features {
	padding:8px;
	margin-bottom:15px;
	border:1px solid #f2e48a;
	background:#ffc;
}
.say h2 {
	padding-bottom:5px;
}
.list1 {
	padding: 0 0 0 16px;
}
.list1 li {
	padding:2px 0 2px 24px;
	background: url(../images/icon-arr.gif) 0 6px no-repeat;
}
