/*---------------------------------------------------------------------------------
  Generic
---------------------------------------------------------------------------------  */

body {font:15px Tahoma, Helvetica, sans-serif; margin:0; padding:0;	background:#515151 url("../images/frontend/bg-body.gif") repeat-x; color:#999;}
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: Tahoma, Helvetica, sans-serif;}
p {font-weight: normal;font-family: Tahoma, Helvetica, sans-serif;}

#wrapper {width:950px;margin:0 auto;}
a.text-links {color:#0099ff; padding:0 0 0 2px; text-decoration:underline;}
a.text-links:hover { color:#0099ff; text-decoration:none;}
a.text-yellow {color:#ffcc66; padding:0 0 0 2px; text-decoration:underline;}
a.text-yellow:hover { color:#fff; text-decoration:none;}

/*---------------------------------------------------------------------------------
  Header and Navigation
---------------------------------------------------------------------------------  */
.header {
	height:1%;
	overflow:hidden;
	margin:2px 0 0;
	padding:17px 6px 22px 35px;
	background: url("../images/frontend/bg-header.gif") no-repeat;
}
.holder-logo {
	height:1%;
	overflow:hidden;
}
.logo {
	margin:20px 0 0;
	float:left;
	background: url("../images/frontend/logo.png") no-repeat;
	width:220px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.seller {
	margin:5px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.seller li {
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 11px;
}
.seller em {
	color:#fff;
	font-style:normal;
	padding:0 11px 0 0;
	line-height:36px;
}
.seller a {
	text-decoration:none;
}

/*Login Button*/

a.login {
	float:left;
	background: url("../images/frontend/bg-login.gif") no-repeat;
	padding:0 0 0 16px;
	cursor:pointer;
	color:#CCC;
}
a.login:hover {
	color:#FFF;
}
a.login span {
	float:left;
	padding:7px 25px 9px 9px;
	background: url("../images/frontend/bg-b-login.gif") no-repeat 100% 0;
}

/*Buy Now Button*/

a.buy {
	float:left;
	background: url("../images/frontend/bg-buy.gif") no-repeat;
	padding:0 0 0 16px;
	cursor:pointer;
	color:#d6ffbe;
}
a.buy:hover {
	color:#FFF;
}
a.buy span {
	float:left;
	padding:7px 19px 9px 7px;
	background: url("../images/frontend/bg-b-buy.gif") no-repeat 100% 0;
}

/*Main Navigation*/

.nav {
	margin:-6px 0 0 0;
	padding:0 8px 0 0;
	list-style:none;
	float:right;
}
.nav li {
	float:left;
	padding:0 0 0 15px;
}
.nav li span {
	float:left;
	padding:5px 13px 6px 0;
	cursor:pointer;
}
.nav li a:hover span, .nav li .active span {
	background: url("../images/frontend/bg-b-nav.gif") no-repeat 100% 0;
}
.nav li a {
	color:#c0bfbf;
	float:left;
	font-size:14px;
	padding:0 0 0 13px;
}
.nav li a:hover, .nav li .active {
	color:#fff;
	text-decoration:none;
	background: url("../images/frontend/bg-nav.gif") no-repeat;
}

/*---------------------------------------------------------------------------------
  White Content
---------------------------------------------------------------------------------  */

.content {
	height:1%;
	overflow:hidden;
	padding:0 0 0;
	background:#fff;
}
.content h1 {
	margin:0 0 10px;
	font-size:21px;
	font-weight:bold;
	color:#000;
}
.content h2 {
	margin:0 0 0 0;
	font-size:18px;
	color:#0099ff;
}
.content h3 {
	margin:0 0 20px 0;
	font-size:15px;
	font-weight:bold;
	color:#0099ff;
}
.content h5 {
	margin:0 0 15px 0;
	font-size:18px;
	color:#0099ff;
}
.content h6 {
	font-size:13px;
	color:#999;
	margin:15px 0;
}

h2.blueheader {
	margin:0 0 0 0;
	font-size:18px;
	color:#0099ff;
}

/*Home Page Main Banner*/

.holder-intro {
	height:1%;
	overflow:hidden;
	padding:0 0 0 25px;
	margin:0;
}
.intro {
	width:500px;
	float:left;
	margin:35px -57px 0 0;
}
.intro ul {
	margin:40px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.intro ul li {
	float:left;
	padding:0 5px 0 0;
}
a.learn {
	float:left;
	background: url("../images/frontend/bg-intro-button.gif") no-repeat;
	padding:0 0 0 16px;
	margin:5px 0 0 0;
	font-size:12px;
	color:#bfe5ff;
	cursor:pointer;
}
a.learn:hover{
	color:#fff;
	text-decoration:none;
}
.learn span {
	float:left;
	text-decoration:none;
	font-weight:bold;
	padding:11px 12px 12px 0;
	background: url("../images/frontend/bg-b-intro-button.gif") no-repeat 100% 0;
}
.holder-screen {
	width:430px;
	height:275px;
	float:right;
	background:#0099ff;
	padding:0;
	

}
.screen {
	border:3px solid #dbdbdb;
	width:246px;
	height:149px;
}
.screen img {
	display:block;
}


/*Gray Content - Below Blue */

.holder-info {
	height:1%;
	overflow:hidden;
	padding:0 0 50px;
	background:#cecece url("../images/frontend/bg-info.gif") repeat-x;
}
.info {
	width:276px;
	float:right;
	margin:21px 0 0;
	padding:6px 75px 0 24px;
}
.info blockquote, .info blockquote p {
	margin:0;
}
.info blockquote q {
	font-size:17px;
	font-weight:normal;
	line-height:20px;
	color:#0099ff;
	display:block;
	height:1%;
	padding:0 0 0 39px;

}
.info blockquote q:before, .info blockquote q:after {
	content:"";
}
.info strong:after {
	content:"";
	clear:both;
	display:block;
}
.info .arrow1 {
	margin:5px 0 0 -39px;
	float:left;
	position:relative;
}
.info .arrow2 {
	margin:0;
	width:31px;
	height:21px;
	overflow:hidden;
	background: url("../images/frontend/arrow3.png") no-repeat;
	padding: 1px 25px;
	top: 11px;
	left: 10px;
	position: relative;
}
.description {
	width:500px;
	float:left;
	padding:0 40px 0 30px;
	margin: 22px 0 0;
}
.description h2 {
	margin:0 0 17px;
}
.description p {
	color:#808080;
	margin:0;
	font-size:13px;
}

.more {
	float:left;
	background: url("../images/frontend/bg-t-more.png") no-repeat;
	padding:0 0 0 11px;
	margin:40px 0 0 40px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
}
a.more span {
	float:left;
	background: url("../images/frontend/bg-more.gif") repeat-x;
	padding:5px 0 6px 3px;
	font-size:12px;
	font-weight:bold;
	color:#bfe5ff;
	text-decoration:none;
}

a.more:hover span{
	color:#fff;
	text-decoration:none;
}
.more em {
	float:left;
	height:25px;
	width:12px;
	text-indent:-9999px;
	overflow:hidden;
	background: url("../images/frontend/bg-b-more.png") no-repeat;
}

/*---------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------  */

.footer {
	height:1%;
	overflow:hidden;
	padding:12px 0 88px 34px;
	font-size:11px;
}
.footer p {
	margin:0;
	color:#929292;
	display:inline;
}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
.footer ul li {
	display:inline;
}
.footer a {
	color:#929292;
	text-decoration:underline;
	padding: 0 0 0 10px;
}

/*---------------------------------------------------------------------------------
  SubPages
---------------------------------------------------------------------------------  */

.holder-maincontent {
	height:1%;
	overflow:hidden;
	padding:0 0 0 32px;
	margin: 25px 0 0;
}
.maincontent {
	width:576px;
	float:left;
	margin:0 -57px 0 0;
}
.maincontent-full {
	width:850px;
	float:left;
	margin:0 -57px 0 0;
}

/*Product Navigation*/

.nav-product {
	margin:25px 0 0 17px;
	padding:0 8px 0 0;
	list-style:none;
	float:left;
}
.nav-product li {
	float:left;
	padding:0 0 0 15px;
}
.nav-product li span {
	float:left;
	padding:5px 13px 6px 0;
	cursor:pointer;
}
.nav-product li a:hover span, .nav-product li .active span {
	background: url("../images/frontend/bg-b-nav-product.gif") no-repeat 100% 0;
}
.nav-product li a {
	color:#999;
	float:left;
	font-size:14px;
	padding:0 0 0 13px;
}
.nav-product li a:hover, .nav-product li .active {
	color:#fff;
	text-decoration:none;
	background: url("../images/frontend/bg-nav-product.gif") no-repeat;
}

/*View Presentation List*/

.presentation {
	margin:30px 60px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
.presentation li {
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 11px;
}
.presentation em {
	color:#fff;
	font-style:normal;
	padding:0 11px 0 0;
	line-height:36px;
}
.presentation a {
	text-decoration:none;
}

/*View Presentation Button*/

a.view {
	float:left;
	background: url("../images/frontend/bg-intro-button.gif") no-repeat;
	padding:0 0 0 16px;
	cursor:pointer;
	color:#bfe5ff;
}
a.view:hover {
	color:#fff;
}
a.view span {
	float:left;
	padding:7px 19px 9px 7px;
	background: url("../images/frontend/bg-b-intro-button.gif") no-repeat 100% 0;
}

/*Schedule Demo Button*/

.schedule-demo {
	width:266px;
	height:173px;
	float:right;
	padding:0;
	margin:35px 25px 0 0;
}

.schedule-demo img {
	display:block;
}
.features-wrapper {margin:25px;padding:0;}
.features-list, .features-list ul, .features-list li{margin:0;padding:0;list-style-type:none;position:relative}
.features-list li ul li{list-style:disc;margin-bottom:5px}
.features-list img{left:0;position:absolute;top:0}
.features-list p{font-size:14px;line-height:auto;}
.features-list .gt{margin-top:27px}
.features-list .feature{margin-bottom:18px;position:relative}
.features-list .feature h3 {margin-top:0; color:#000;}
.features-list .feature a {color:#0099ff; text-decoration:none;}
.features-list .feature h3, .features-list .feature p, .features-list .feature ul{margin-left:69px}
.features-list .feature, .features-list .feature-row .feature, .features-list .feature{float:left;margin-right:55px;}
.features-list .feature h3, .features-list .feature-row .feature h3{font-size:13px;font-weight:bold;margin-bottom:5px}
.features-list .feature p, .features-list .feature-row .feature p{font-size:12px}
.features-list .feature-row .feature {width:27%; padding:0;}

table {font-size: 13px; color: #333; margin: 10px 0;}
td {	background: #f2f2f2; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 8px 3px 8px; vertical-align: center; text-align: center;}
th { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 8px 3px 8px; vertical-align: center; text-align: center; background: url("../images/frontend/th-back.jpg") left top repeat-x;}

th.left  { border-left: 1px solid #ddd;}
th.blank  { background:none; border:none;}
.odd td {background:#fff;}
th h3 {	font-size: 15px; font-weight:bold; padding: 5px 0; margin: 0;}
th img { margin-bottom: 7px; margin-top: -12px;}
.column1 {width: 200px; text-align: left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.column2, .column3, .column4 {width: 120px;}