@charset "utf-8";
/* global css */
html,body {height:100%;}
body{background: #fff;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}	
input,select,img,button{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;} 
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}
.button{cursor:hand}

a{color: #111;text-decoration:none;}
a:hover{text-decoration:underline;}

.banner-signup a,.order{text-indent: -2000px; overflow: hidden;}

#product-wrape:after,#main:after,.efficacy:after,.bluebox-m:after{content:''; display: block; clear:both}

/* head css */
#head,#header{
	background: #36393D;
}
#head{
	border-bottom: 2px solid #A1A1A1;
}
#header{
	width: 980px;
	padding: 15px 0 0;
	margin: 0 auto;
}
#logo{
	float: left;
	margin-bottom: 15px;
}
#top-contact{
	float: right;
	color: #fff;
	padding: 15px 0 0;
}
#top-contact li{
	float: left;
	margin-left: 5px;
	padding-left:27px;
	line-height: 19px;
	background: url(/images/top-contact-bg.gif) 0 -19px no-repeat;
}
#top-contact li#live-chat{
	background-position: 0 0;
}
#top-contact li#live-chat em{
	color: #8FD731;
}
#mainnav{
	width: 980px;
	clear: both;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	background: url(/images/mainnav-bg.gif) #4E5256 no-repeat;
}
#mainnav ul{
	float: left;
	padding-left: 35px;
	margin-right: -80px;
}
#mainnav li{
	float: left;
	margin-right: 44px;
	font-weight: bold;
	position: relative;
	z-index: 1;
	padding-right: 12px;
	text-transform: uppercase;
	background: url(/images/mainnav-arr.gif) right 14px no-repeat;
}
#mainnav li a,#mainnav li.on div a,#mainnav li.active div a{
	color: #fff;
}
#mainnav li a:hover,#mainnav li.on a,#mainnav li.active a{
	color: #9EF52C;
	text-decoration: none;
}
#mainnav div{
	position: absolute;
	top: 29px;
	left: -4px;
	display: none;
	line-height:24px;
	width: 163px;
	padding: 0 0 5px;
	background: url(/images/mainnav-sub-bg.gif) left bottom no-repeat;
}
#mainnav li.active div{
	display: block;
}
#mainnav div ul,#mainnav div li{
	padding: 0;
	margin: 0;
	float: none;
	background: none;
}
#mainnav div ul{
	padding: 0 4px;
	background: #4E5256;
}
#mainnav div a{
	width: 143px;
	display: block;
	padding: 0 6px;	
	text-transform: none;
}
#mainnav div a:hover{
	color: #fff;
	background: #6E7275;
}
.bannersub{
	width: 950px;
	letter-spacing: -1px;
	margin: 15px auto;
	padding: 28px 15px;
	position: relative;
	background: url(/images/banner-bg.gif) no-repeat;
}
.bannersub h2{
	color: #fff;
	font-size: 26px;
	padding-left: 12px;
	line-height:46px;
}
.bannersub ul{
	width: 450px;
	color: #fff;
	margin-top: 12px;
	font-size: 17px;
	padding-left:52px;
}
.bannersub ul li{
	float: left;
	width: 190px;
	line-height: 30px;
	padding-left:17px;
	background: url(/images/icon-arr.gif) left center no-repeat;
}
.bannersub-signup{
	position: absolute;
	top: 28px;
	right: 15px;
}
.bannersub-signup a{
	display: block;
	width:237px;
	height: 51px;
	background: url(/images/banner-signup.gif) no-repeat;
}
.bannersub-signup a:hover{
	background-position: 0 -51px;
}

.banner{
	width: 980px;
	margin: auto;
	padding-top: 8px;
	position: relative;
}
.banner h2{
	color: #fff;
	font-size: 26px;
	padding-left: 12px;
	line-height:46px;
}
.banner ul{
	width: 450px;
	color: #fff;
	margin-top: 12px;
	font-size: 17px;
	padding-left:52px;
}
.banner ul li{
	float: left;
	width: 190px;
	line-height: 30px;
	padding-left:17px;
	background: url(/images/icon-arr.gif) left center no-repeat;
}
.banner-signup{
	position: absolute;
	top: 28px;
	right: 15px;
}
.banner-signup a{
	display: block;
	width:237px;
	height: 51px;
	background: url(/images/banner-signup.gif) no-repeat;
}
.banner-signup a:hover{
	background-position: 0 -51px;
}
#home-banner{
	height: 116px;
	padding-top: 19px;
	padding-bottom: 19px;
	background-image: url(/images/home-banner-bg.gif);
}
#home-banner .banner-signup{
	top: 66px;
}

#product-wrape{
	width: 958px;
	padding: 10px;
	margin: 0 auto 15px;
	border:1px solid #B1A7A7;
}
#product-wrape .last{
	width: 218px;
	margin: 0;
}
.mode{
	float: left;
	margin-right: 4px;
	width: 216px;
	padding: 15px 10px 5px;
	background: url(/images/mode-bg.gif) repeat-x;
}
.mode h2,.content h1,.bluebox h2,.box h2,.greenbox h2{
	font-size: 20px;
	font-weight: bold;
	color: #356AA0;
	line-height: 2;
	text-transform: uppercase;
}
.mode h3{
	line-height: 12px;
	font-size: 12px;
	margin-bottom: 7px;
}
.mode h3 strong{
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
.mode .img{
	float: right;
	margin-top: -15px;
}
.mode .img img{
	width:67px;
	height: 64px;
}
.mode ul{	
	line-height:2.1;
	font-weight: bold;
}
.mode .more{
	font-weight: bold;
	margin-top: 16px;
	line-height: 31px;
	text-align: right;
}
.mode .more a{
	color: #356AA0;
}
.mode .order{
	float: right;
	text-align: left;
	margin-left: 10px;
}
.order{
	display: block;
	width: 97px;
	height: 31px;
	background: url(/images/btn-order.gif) no-repeat;
}
.order:hover{
	background-position: 0 -31px;
}

/* center of page */
#main{
	width: 980px;
	margin: 0 auto 20px;;
}

#col_l{
	float: left;
	width: 592px;
	padding: 0 0 0 13px;
}
#col_l .content h1{
	margin-left: -6px;
}
.content h1{
	color: #72BC1F;
	margin-bottom: 12px;
}
.content p{
	margin-bottom: 15px;
}

.efficacy{
	width: 100%;
	font-weight: bold;
}
.efficacy ul{
	padding: 0 0 0 15px;
}
.efficacy li{
	float: left;
	width: 220px;
	_height: 38px;
	min-height: 38px;
	padding: 10px 0;
	position: relative;
	padding-left:67px;
	margin:10px 0 0;
}
.efficacy li img{
	position: absolute;
	top: 0;
	left: 0;
}

#col_r{
	float: right;
	width: 355px;
	margin-top: -20px;
}
.bluebox{
	width: 353px;
	margin-top: 20px;
	border: 1px solid #B6B2B2;
}
.bluebox h2{
	color:#356AA0;
	margin-left:-6px;
	padding-bottom: 13px;
}
.bluebox-m{
	width: 303px;
	margin: 5px;
	padding: 10px 20px;
	background: #EBF3FC;
}
.list-arr li{
	font-weight: bold;
	line-height: 2;
	padding-left: 22px;
	background: url(/images/icon-arr2.gif) left 4px no-repeat;
}
#features li{
	float: left;
	width: 125px;
}

#testimonial blockquote{
	margin-bottom: 15px;
}
#testimonial .fn{
	text-align: right;
}
#testimonial .fn cite{
	font-weight: bold;
	display:block;
}
#col_r #testimonial blockquote{
	background: url(/images/quote-t.gif) no-repeat;
}
#col_r #testimonial blockquote p{	
	padding: 14px 10px;
	background: url(/images/quote-b.gif) right bottom no-repeat;
}

/* foot */
#foot,#footer{
	background: #F1F1F1;
}
#footer{
	width: 980px;
	padding: 15px 0;
	font-weight: bold;
	margin: 0 auto;
}
#author{
	float: right;
}

/* subpage */
#mainbar{
	float: left;
	width: 660px;
	padding-left: 24px;
}
.td-w{
	width: 100%;
	margin: 15px 0 30px;
}
.td-w table{
	table-layout: fixed;
}
.td-w th{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background: #878B8E;
	line-height: 44px;
}
.td-w th.textleft{
	font-size: 14px;
}
.td-w td{
	line-height: 36px;
}
.td-w .textleft{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.td-w th,.td-w td{
	text-align: center;
	padding: 0 15px;
}
.td-w tr.bg td{
	background: #EBEBEB;
}
.td-w img{
	vertical-align: middle;
}
.td-w .price{
	color:#72BC1F;
	font-size: 24px;
	font-weight: bold;
}
.td-w .order{
	margin-top: 10px;
}

.greenbox{
	margin-top: 15px;
	padding: 10px 20px;
	background: #E9F8C4;
	border: 1px solid #96D300;
}
.greenbox h2{
	color: #72BC1F;
	margin-left: -6px;
	margin-bottom: 5px;
}

#sidebar{
	float: right;
	width: 270px;
	margin-top: -20px;
}
.box{
	margin-top: 20px;
	padding: 0 15px 10px;
	border: 1px solid #B6B2B2;
}
.box h2{
	text-transform: none;
	font-size: 15px;
	color: #363636;
	padding: 0 8px;
	margin: 0 -15px 10px;
	line-height: 37px;
	background: url(/images/box-h2-bg.gif) repeat-x;
}
#subnav li{
	width: 100%;
	font-weight: bold;
	line-height: 27px;
}
#subnav li a{
	padding: 0 13px;
	display: block;
	zoom:1;
}
#subnav li.on a,#subnav li a:hover{
	background: #F1F1F1;
	text-decoration: none	
}
.paypal{
	text-align: center;
}
.wordpress{
	text-align: center;
}
#myController { padding:2px 0; width:960px; padding-top:5px;}  
#myController span.jFlowSelected {margin-right:5px; padding-top:4px; background: url('/images/buttonhover.png') no-repeat;}  

.slide-wrapper { padding: 0px; margin:0px; }      

.jFlowControl, .jFlowPrev, .jFlowNext { margin-right:5px; color:#444; cursor:pointer; } 
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { margin-right:5px; padding-top:4px; background: url('/images/buttonhover.png') no-repeat; }

div#container div.wrapper div.right {float:left;margin:0 20px 30px 25px;}

#mainbar h2.serverpacks {
	width: 97%;
	background-color: #c4e39d;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #454b3d;
}

#mainbar div.packages_row {
	border-bottom: 1px dashed #a6a6a6;
	padding: 0 0 20px 0;
	width: 97%;
	margin: 0;
	float: left;
}

#mainbar div.packages_row2 {
	padding: 20px 0 20px 0;
	width: 97%;
	margin: 0;
	float: left;
}

#mainbar div.package {
	width: 180px;
	margin: 0 30px 0 0;
	font-family: Arial;
	line-height: 1.7em;
	float: left;
}

	#mainbar div.package h3.intel {
		background: url('/images/intel.gif') left 0 no-repeat;
		font-size: 12px;
		height: 28px;
		color: #77bd1e;
		border-bottom: 1px dashed #d9d9d9;
		padding: 2px 0 0 30px;
		margin: 0 0 10px 0;
	}
	
	#mainbar div.package h3.amd {
		background: url('/images/amd.gif') left 3px no-repeat;
		font-size: 12px;
		height: 28px;
		color: #77bd1e;
		border-bottom: 1px dashed #d9d9d9;
		padding: 2px 0 0 30px;
		margin: 0 0 10px 0;
	}

	#mainbar div.package ul {
		list-style: none inside none;
		margin: 0;
		padding: 0;
	}

	#mainbar div.package li span{
		color: #77bd1e;
		font-weight: bold;
		padding: 0 5px 0 0;
		margin: 0;
	}
	
	#mainbar div.package a.order {

		margin: 10px 0 0 0;
	}
	
	#mainbar div.package a.order:hover {

		margin: 10px 0 0 0;
	}