/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse;  }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

a {text-decoration: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
:focus { outline: none;}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear {clear: both;}


/* ----------------------------------------- */


/* GENERAL */
body {
	margin:0px;
	padding:0px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* STRUCTURE */
#page-wrap {
	margin:0px auto;
	width:900px;
	position:relative;
}

#header {
	height:116px;
}
a.logo {
	background:url(../images/logo.jpg) no-repeat left top;
	cursor:pointer;
	display:block;
	float:left;
	width:205px; height:65px;
	margin:26px 24px 0px 0px;
}

.header-right {
	float:right;
	margin:26px 0px 0px 0px;
	width:200px;
}
a.live-chat {
	background:url(../images/chat-icon.gif) no-repeat left top;
	cursor:pointer;
	display:block;
	float:left;
	width:121px; height:41px;
	margin:26px 30px 0px 0px;
}
div.live-chat {
	display:block;
	float:left;
	width:121px; height:41px;
	margin:26px 30px 0px 0px;
}
div.toll-free {
	background:url(../images/tollfree-icon.gif) no-repeat left top;
	display:block;
	float:left;
	width:161px; height:41px;
	margin:26px 30px 0px 0px;
}
a.login {
	background:url(../images/btn-login.gif) no-repeat left top;
	cursor:pointer;
	display:block;
	float:right;
	width:101px; height:21px;
}
ul.top-nav {
	float:right;
	margin:10px 0px 0px 0px;
}
ul.top-nav li {
	display:inline;
	color:#ffce70;
	
}
ul.top-nav li a {
	color:#28808c;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 4px;
	margin:0px 4px 0px 0px;
	text-decoration:none;
}
ul.top-nav li a:hover {
color:#484848;
}
#big-nav {
	float:right;
	background:url(../images/navi-tile.gif) repeat-x left top;
	width:668px;
	height:34px;line-height:34px;
	margin:10px 0px 0px 0px;
	color:#aee817;
}
#big-nav a {
	float:left;
	color:#ffffff;
	line-height:34px;
	padding: 0px 20px 0px 5px;
	text-decoration:none;
}
#big-nav a:hover {color:#69bdeb;}
#big-nav span {
	float:left;
	color:#aee817;
	line-height:34px;
	padding:0px 14px 0px 0px;
}
#big-nav a.features {
	float:left;
	background:url(../images/leftedge-navi.gif) no-repeat top left;
	cursor:pointer; padding: 0px 12px 0px 21px;
}
#big-nav a.affiliates {
	float:left;
	background:url(../images/rightedge-affiliate.gif) no-repeat top right;
	cursor:pointer; padding: 0px 23px 0px 0px;
}
#big-nav a.trydemo {
	float:right;
	background:url(../images/btn-trydemo.gif) no-repeat top right;
	width:107px; height:34px; display:block; cursor:pointer; padding:0px; margin:0px;
}
#banner {
	width:900px;
	height:258px;
	margin-top:4px;
}

#main-content {
	margin:20px 0px 0px 0px;
}
#left-container {
	width:226px;
	float:left;
}
#left-container a.big-btn {
	display:block;
	margin-bottom:4px;
}
#right-container {
	width:654px;
	float:right;
}
h1 {
	font-size:20px;
	line-height:30px;
	border-bottom: solid 1px #c5deea;
	margin: 0px 0px 8px 0px;
}

h2 {
	font-size:18px;
	color:#119bed;
	font-weight:normal;
	margin: 0px 0px 18px 0px;
}
h2 span { color:#145e8a;}
h3 {
	font-size:12px;
	line-height:16px;
	color:#666666;
	font-weight:bold;
	margin: 0px 0px 12px 0px;
}
h4 {
	font-size:13px;
	color:#0569a4;
	font-weight:bold;
	margin: 0px 0px 6px 0px;
}
h4.black {
	font-size:13px;
	color:#000000;
	font-weight:bold;
	margin: 0px 0px 6px 0px;
}
p {
	color:#666666;
	margin: 0px 0px 16px 0px;
	font-size:12px;
	line-height:18px;
}
p span {
	color:#0569a4;
	margin: 0px 0px 16px 0px;
	font-size:12px;
	line-height:18px;
}
.compat-box {
	background:#ffffd7;
	border: solid 1px #ffcc41;
	padding:16px;
	float:left;
	margin-top:8px;
}
p.red {
	color:#FF0000;
	font-size:11px;
}
p span.red {
	color:#FF0000;
}
p span.orange {
	color:#ff952e;
	font-weight:bold;
}
ul.sp {
	padding-left:24px;
	margin: 0px 0px 16px 0px;
}
ul.sp li {
	color:#666666;
	font-size:12px;
	list-style:disc;
	line-height:18px;
	
}
a {
	color:#119bed;
	text-decoration:underline;
}
.shop-cart-list {
	float:left;
	margin: 0px 46px 20px 0px;
}
.shop-cart-list a {
	line-height:18px;
}
.shop-cart-list a:hover {
	color:#ffab3e;
}
#left-cont {
	float:left;
	width:354px;
}
#right-cont {
	float:right;
	width:280px;
}
#cont-frm {
	background:#f6f6f6 url(../images/frm-bttm.jpg) no-repeat left bottom;
	padding:8px 16px 16px 16px;
	color:#666666;
	font-size:11px;
	width:248px;
}
.top-edge {
	background:#f6f6f6 url(../images/frm-top.jpg) no-repeat left top;
	width:280px; height:14px;
}
#cont-frm .inputField, .inputFieldBig {
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	background: url(../images/ipBg.gif) repeat-x top;
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:12px;
	padding:3px 4px;
	margin:2px 0px 12px 0px;
	width:240px;
	height:16px;
}
#cont-frm .inputFieldBig {
	height:80px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	background-color:#ffffff;
}
#cont-frm .sbutton {
	height:26px;
	background-color:#02A0EE;
	color:#ffffff;
	font:bold 13px Arial, Helvetica, sans-serif, "Trebuchet MS";
	border-left:solid 2px #49C4FE;
	border-top:solid 2px #49C4FE;
	border-right:solid 2px #0175AD;
	border-bottom:solid 2px #0175AD;
	margin: 0px 0px 4px 0px;
	display:block;
	padding:2px;
}
#int-box {
	background:#ffffd7;
	border: solid 1px #ffcc41;
	padding:16px;
	float:left;
	margin-top:8px;
}
#int-box h1 {
	font-size:16px;
	font-weight:bold;
	color:#666666;
	border:none;
}
#signupForm {
	margin:12px 0px 24px 0px;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
	color:#666666;
}
#signupForm.other {
	margin:6px 0px 24px 0px;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
	border-top:0px;
}
#signupForm .desc {
	font-size:10px;
	color:#888888;
}
#signupForm .ipFld, #signupForm .ipFldSmall, #signupForm .ipFldBig {
	background: url(../images/ipBg.gif) repeat-x top;
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:12px;
	padding:3px 4px;
	margin-top:2px;
	width:300px;
	height:18px;
}
#signupForm .ipFldSmall {
	width:143px;
}
#signupForm .ipFldBig {
	width:626px;
}
#signupForm select.drpDownFld, #signupForm select.drpDownFldSmall {
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:13px;
	padding:3px 4px;
	margin-top:2px;
	width:310px;
}
#signupForm select.drpDownFldSmall {
	width:154px;
}
#signupForm .errorBox {
	font: bold 13px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #FF0000;
	text-decoration: none;
	background: #ffffb1 url(../images/icnError.gif) no-repeat 6px center;
	padding: 10px 10px 10px 40px;
	margin-top: 2px;
	margin-bottom: 12px;
	border: 1px solid #FF0000;
}
#signupForm .txtNormal {
	font-weight:normal;
}
#signupForm .terms, #signupForm .termsAff {
	height:180px;
	width:652px;
	overflow:auto;
	font-size:11px;
	border:solid 1px #666666;
	line-height:16px;
	color:#888888;
	margin-top:6px;
	font-weight:normal;
	padding:2px 8px;
	background-color:#FCFCFC;
}
#signupForm .termsAff { width:612px;}
#signupForm .sbt, #emailForm .sbt {
	height:26px;
	background-color:#02A0EE;
	color:#ffffff;
	font:bold 13px Arial, Helvetica, sans-serif, "Trebuchet MS";
	border-left:solid 2px #49C4FE;
	border-top:solid 2px #49C4FE;
	border-right:solid 2px #0175AD;
	border-bottom:solid 2px #0175AD;
}
#signupForm .red{
	color:#FF0000;
	font-size:14px;
}
#signupForm .bTitle {
	margin-left:10px;
	margin-bottom:6px;
}
#signupForm .plan { background-color:#ffffff; border:solid 1px #cccccc; padding:4px 4px; margin-top:10px;}
#signupForm .plan .plprice {color:#ff6c00; font-size:16px;}
#signupForm .pTitle {
	color:#0071ab;
	font-weight:bold;
	font-size:16px;
	text-align:right;
}
#signupForm .pDesc {
	color:#666666;
	font-size:12px;
	font-weight:normal;
}
#signupForm a.orn {color:#ff6c00; font-size:11px;}

#signupForm #otherCharges{ font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; }
#signupForm #otherCharges .hdRow {
	background-color:#008dd3;
	background-image: url(../images/bgHdrPricing.gif);
	background-position:left top;
	background-repeat:repeat-x;
	}
#signupForm .mndFld {
	font-weight:normal;
	font-size:11px;
}
/* EMAIL FORM */
#emailForm { width:280px; font-weight:normal; font-size:11px; float:right; margin-left:12px; color:#666666;}
#emailForm.wide { float:none; width:auto; margin-left:0px;}
#emailForm .ipFld, #emailForm .ipFldSmall, #emailForm .ipFldBig, #emailForm .ipFld2Big {
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	background: url(../images/ipBg.gif) repeat-x top;
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:12px;
	padding:3px 4px;
	margin-top:2px;
	width:240px;
	height:16px;
	
}
#emailForm .ipFldBig {
	height:80px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	background-color:#ffffff;
}
#emailForm .ipFld2Big {
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	background-color:#ffffff;
	width:400px;
}
#emailForm .ipFldSmall { width:168px;}
#emailForm .desc {
	font-size:10px;
	color:#888888;
}
#bxFeaGrey { background: url(../images/tileFeaGrey.gif) repeat-x top; float:left; width:320px; }
#bxFeaGrey.rgt { background: url(../images/tileFeaGrey.gif) repeat-x top; float:right; width:320px; }
#bxFeaGrey .lt { background: url(../images/ltFeaGrey.gif) no-repeat left top; width:5px; float:left; height:121px;}
#bxFeaGrey .rt { background: url(../images/rtFeaGrey.gif) no-repeat right top; width:5px; float:right; height:121px;}
#bxFeaGrey .cont {padding:10px; float:left; }
#bxFeaGrey .cont .desTxt { float:left;}
#bxFeaGrey .cont .desTxt p { line-height:16px; width:200px;}
#bxFeaGrey .cont .image { margin:0px 10px 0px 0px; float:left; }
#bxFeaGrey .cont .desTxt h3 {	font-size:13px; color:#000000; font-weight:bold; margin: 0px 0px 4px 0px;}

#bxSrvGrey h1 { font-size:13px; color:#222222; margin-bottom:6px; border:none; font-weight:bold;}
#bxSrvGrey .lt { background: url(../images/ltFeaGrey.gif) no-repeat left top; width:5px;}
#bxSrvGrey .rt { background: url(../images/rtFeaGrey.gif) no-repeat right top; width:5px;}
#bxSrvGrey .tile { background: url(../images/tileFeaGrey.gif) repeat-x top; padding:16px 12px; }
#bxSrvGrey .tile p { line-height:16px; margin:0px 0px 14px 0px;}
#bxSrvGrey .tile .image { padding:0px 10px 0px 0px; height:70px; float:left; width:95px; text-align:center; }

/* Features Box */
#bxFeatures .lt { background: url(../images/ltFea.gif) no-repeat left top; width:5px;}
#bxFeatures .rt { background: url(../images/rtFea.gif) no-repeat right top; width:5px;}
#bxFeatures .tile { background: url(../images/tileFea.gif) repeat-x top; padding:20px 14px; }
#bxFeatures img.icn { float:left;}
#bxFeatures h3 { margin:2px 0px 4px 60px ; font-size:20px; font-weight:normal;  color:#2093e3;}
#bxFeatures p { margin-left:60px; margin-top:0px;}
#bxFeatures .hdiv01 { border-top:solid 1px #b8daea; margin:8px 0px 16px 0px }
#bxFeatures ul li h4 { font-size:12px; margin:0px;}
#bxFeatures ul li h4 a, #bxFeatures ul li a, #bxFeatures a{ color:#236ca4; text-decoration:none; font-weight:bold;}
#bxFeatures ul li h4 a:hover, #bxFeatures ul li a:hover{ color:#ff7200;}
#bxFeatures ul li p { margin:2px 0px 0px 0px;}
#bxFeatures ul li ul.sub { list-style:disc; list-style:inside; padding-left:0px;}
#bxFeatures ul li ul.sub li.noImg { background:none; margin:4px 0px 10px 0px; padding:0px; }
#bxFeatures ul { margin-left:0px; list-style:none; padding-left:0px;}
#bxFeatures ul li {
	padding-left:20px;
	background: url(../images/features/arrow01.gif) no-repeat left 1px;
	margin-bottom:20px;
}
#bxFeatures ul li h4 a .noBold { font-weight:normal;}
#bxFeatures ul li h4 span.rnew { font-size:9px; color:#fff; background-color:#FF6600; padding:1px 2px;}
/* End of Features Box */
#features table.title {
	margin-bottom:10px;
}
.impInfo {
	font: normal 12px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #222222;
	text-decoration: none;
	background: #fcfcda;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 12px;
	border: 1px solid #ffdc7b;
}
/* Demo Signup Form */
#demo-form {
	width:270px; 
	background:#e6fea8;
	border: solid 1px #a7db55;
	position:absolute;
	top:116px; right:0px;
	z-index:10;
	padding:14px 16px 20px 16px;
	color:#000000;
}
#demo-form form {
	
}
#demo-form .ipFld {
	background-color:#ffffff;
	border-top: 1px solid #696969;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #696969;
	font-size:11px;
	height:16px;
	padding:3px 4px 1px 4px;
	width:120px;
	margin-top:4px;
}
#demo-form p { margin:0px 0px 10px 0px; color:#666668; font-size:12px; line-height:14px;}
/*#demo-form .close-x {float:right; font-size:14px; font-weight:bold; color:#666666; cursor:pointer; margin:20px 0px 10px 0px; }*/
#demo-form .close-x {position:absolute; right:9px; bottom:10px; cursor:pointer; }

/* FOOTER */
#footer {
	margin: 12px 0px 0px 0px;
	border-top: solid 3px #fff4bc;
}
ul.footer-nav {
	text-align:center;
	font-size:11px;
	margin: 16px 0px 0px 0px;
}
ul.footer-nav li {
	display:inline;
	color:#3f93ec;
	padding-right:6px;
}
ul.footer-nav li a {
	text-decoration:none;
	color:#666666;
	padding-right:6px;
}
ul.footer-nav li a:hover {
	color:#3f93ec;
}
#footer p {
	font-size:11px;
	color:#888888;
	margin-top:6px;
}
/* END FOOTER */

/* PRICING TABLE */
#pricing-box {
	
	height:330px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#444444;
	text-align:center;
	margin:12px 0px 6px 0px;
}
#pricing-box th.blank, #pricing-box td.blank {
	background:#fff;
	
	border: none;
}
#pricing-box td.row-head1 {
	font: normal 16px Arial, Helvetica, sans-serif;
	padding:14px 20px;
	background:#f3fdda;
	border: solid 1px #bbbbbb;
	text-align:left;
}
#pricing-box td.row-head2 {
	font: normal 16px Arial, Helvetica, sans-serif;
	padding:14px 20px;
	background:#eafcbc;
	border: solid 1px #bbbbbb;
	text-align:left;
}
#pricing-box tr td {border: solid 1px #bbbbbb;}

.th-normal {
	background:url(../images/pricing-head-tile.gif) repeat-x left top;
	height:62px;
	border: solid 1px #bbbbbb;
	font: bold 22px Arial, Helvetica, sans-serif;
	color:#01224c;
	text-align:center; }
.th-normal span { font: normal 13px Arial, Helvetica, sans-serif; color:#65b0db; }
.th-hover { 
	background-color:#f8af28;
	height:62px;
	border: solid 1px #bbbbbb;
	font: bold 22px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center; }
.th-hover span { font: normal 13px Arial, Helvetica, sans-serif; color:#ffffff; }

#pricing-box tr td.td-normal {border: solid 1px #bbbbbb;}
#pricing-box tr td.td-normal-grey { background:#f3f3f3;	}
#pricing-box tr td span  {font: normal 11px Arial, Helvetica, sans-serif; }
#pricing-box tr td.signup-normal {background:#fffdd2; padding:12px 0px 12px 0px; color:#f54500; font: bold 12px Arial, Helvetica, sans-serif;}
#pricing-box tr td.signup-normal img {margin-bottom:6px;}
#pricing-box tr td.td-hover {border: solid 1px #bbbbbb; background-color:#fffdd2;}
#pricing-box tr td.td-hover-grey { background:#FFFF99;	}
#pricing-box tr td.signup-hover {background:#FFFF99; padding:12px 0px 12px 0px; color:#f54500; font: bold 12px Arial, Helvetica, sans-serif;}
#pricing-box tr td.signup-hover img {margin-bottom:6px;}
#pricing-box .integration { color:#4b4b4b; font:normal 13px Arial, Helvetica, sans-serif;  padding:10px; }
#pricing-box .integration div { padding-top:8px; font-weight:bold;}
#pricing-box .integration div span{ color:#ff952e; font-weight:bold; font-size:13px;}

#pricing-facts ul { margin-left:0px; list-style:none; padding-left:0px;}
#pricing-facts ul li {
	padding-left:20px;
	background: url(../images/features/arrow01.gif) no-repeat left 1px;
	margin-bottom:10px;
}
/* ENDOF PRICING TABLE */


#floatHowWeHelp {
	width:210px;
	float: right;
	background: url(../images/services/bgHowWeHelp.jpg) repeat-x top left;
	border:solid 1px #ffb848;
	padding:12px;
	right:258px;
	position:absolute;
	font-weight:normal;
}

#floatHowWeHelp .close { position:absolute; margin-left:196px; margin-top:4px;}
#floatHowWeHelp h1 {color:#ff6c00; font-size:22px; width:160px; margin-bottom:0px; line-height:23px; margin-top:0px; margin-left:50px; border:none;}
#floatHowWeHelp .ipFld {border-top: 1px solid #696969;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #696969;
	font-size:11px;
	height:14px;
	padding:2px 4px;}