.wrapper {  }
.clearboth { clear: both; }
.placeholder1 { background-image: url(../images/placeholder.gif); background-repeat: no-repeat; background-position: center; width: 150px; height: 100px; border: solid 1px #bbb; cursor: pointer; }
.placeholder2 { background-image: url(../images/placeholder.gif); background-repeat: no-repeat; background-position: center; cursor: pointer; width: 100px; height: 50px; margin: 10px; border: solid 1px #bbb; }
.placeholder3 { background-image: url(../images/placeholder.gif); background-repeat: no-repeat; background-position: center; cursor: pointer; height: 50px; margin-top: 5px; margin-bottom: 5px; border: solid 1px #bbb; }
.highlightbox { background-color: #f1faff; padding: 10px; border: solid 1px #bbb; }
.highlightbox h3, .highlightbox2 h3 { margin-top: 0; }
.highlightbox3 hr {
	height: 0px;
	border-top: 1px solid #06C;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 25px;
	display: block;
}

.highlightbox2 { background-color: #f9ffe8; padding: 10px; border: solid 1px #bbb; }
.highlightbox3 { background-color: #f1faff; background-image: url(../images/bg-highlight-box.gif); background-repeat: repeat-x; padding: 10px; border: solid 1px #bbb; }
img.banner { margin-top: 10px; }
/*-------- Inner Page Structure --------*/
.leftcol-nav { width: 200px; float: left; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.rightcol-text { width: 760px; margin-left: 220px; padding-top: 10px; }
* html .rightcol-text { margin-left: -1px; padding-left: 7px; }
.head-image {  }
.text { line-height: 140%; width: 540px; float: left; padding-top: 10px; padding-bottom: 10px; }
.rightnav { margin-left: 550px; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; }
* html .rightnav { position: relative; left: -3px; margin-right: -3px; }
/*--------- Navigation -------------------*/
.leftcol-nav .live-support { margin-top: 10px; margin-bottom: 10px; }

.leftcol-nav .sales-i { margin-top: 10px; margin-bottom: 10px; }

div.subnav { background-image: url(../images/bg-news-box.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 200px; margin-bottom: 10px; padding-bottom: 10px; }
div.subnav .top-border-effect { background-image: url(../images/bg-news-box-header.gif); background-repeat: no-repeat; height: 5px; }
/*div.subnav h2 { color: #598d1b; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 24px; padding-left: 10px; border-bottom: 1px solid #ccc; }*/
div.subnav h2 { color: #598d1b; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 24px; padding-left: 10px; border-bottom: 1px solid #ccc; margin-bottom:3px; }
div.subnav p { margin-top: 5px; padding-right: 10px; padding-left: 10px; }
div.subnav .ls-table p { margin-top: 5px; padding-right: 0; padding-left: 0; }
div.subnav ul { list-style-type: none; }
div.subnav li { background-image: url(../images/bullet01.gif); background-repeat: no-repeat; background-position: 10px 5px; margin-top: 5px; padding-left: 25px; }
div.subnav a:hover { text-decoration: none; }
/*----------- Right Column -----------*/
.rightnav h3 { color: #048ad4; font-size: 16px; font-family: "Trebuchet MS", Calibri, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; margin-bottom: 10px; }
.rightnav h4 { color: #74aa34; font-size: 12px; margin-bottom: 5px; }
/*----------- Text contents -----------*/
.text  h1 { color: #74aa34; font-size: 30px; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #048ad4; }
.text h2 {
	color: #048ad4;
	font-size: 24px;
	font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
}
.text h3 { color: #74aa34; font-size: 20px; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 10px; margin-bottom: 10px; line-height:110%; }
.text h4 {
	color: #0486d4;
	margin-top: 15px;
	margin-bottom: 5px;
	font: bold 16px Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
.text .datatable h4 { color: #0486d4; font-size: 18px; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.text h5 { color: #626262; font-size: 16px; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
.text h6 { color: #048ad4; font-size: 14px; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 10px; }
.text ul { margin-top: 10px; margin-bottom: 15px; padding-left: 20px; list-style-type: none; }
.text ul ul { list-style-type: none; margin-top: 2px; margin-bottom: 0; margin-left: 0; padding-left: 0; }
p.tagline { color: #048ad4; font-size: 11px; font-weight: bold; margin-bottom: 10px; padding-top: 5px; }
.text li { background-image: url(../images/bullets.gif); background-repeat: no-repeat; background-position: 0 5px; margin-top: 5px; margin-bottom: 5px; list-style-type: none; padding-left: 20px; }
.text li li { background-image: url(../images/bullets2.gif); background-repeat: no-repeat; background-position: 0 3px; margin-top: 0; margin-bottom: 0; list-style-type: none; }
.text p { margin-top: 7px; margin-bottom: 7px; }
.text hr { height: 0; border-top: 1px solid #8f8f8f; border-bottom-style: none; }
.green-text { color: green; }
.red-text { color: #d10000; }
/*------------ Testimonials --------------*/
.testimonial { background-image: url(../images/gradient01.gif); background-repeat: repeat-x; overflow: auto; margin-bottom: 20px; padding: 10px; border: solid 1px #bbb; }
.testimonial .screenshot { width: 220px; float: left; }
.testimonial .screenshot img { border: solid 1px #bbb; }
.testimonial .website { font-size: 16px; font-family: Candara, Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-bottom: 5px; margin-left: 220px; }
.testimonial .comment { font-style: italic; line-height: 140%; margin-bottom: 5px; margin-left: 220px; }
.testimonial .customer-name { font-weight: bold; margin-bottom: 0; margin-left: 220px; }
/*----------- Customer Logos ---------*/
.logos { height: 120px; padding-top: 5px; padding-bottom: 10px; }
.logos fieldset {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: solid 1px #ccc;
	height: 150px;
}
.logos fieldset div { height: 60px; }
.logos legend { color: #4e4e4e; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: right; margin-left: -5px; padding-right: 5px; padding-left: 3px; }
/*----------- Sample Sites ---------*/
.sample-sites h4 { color: black; font-size: 16px; background-image: url(../images/gradient02.gif); background-repeat: repeat-x; margin-top: 10px; margin-bottom: 0; padding: 4px 10px 4px 5px; }
/*----------- Packages ---------*/
.packages h2 { color: white; font-weight: bold; }
.packages img { margin-left: 15px; }
/*-----------Add-Ons ---------*/
.addons h3 { color: #000; line-height: 40px; background-image: url(../images/header-style1.gif); background-repeat: no-repeat; margin-top: 0; padding-left: 45px; }
.addon-module { margin-bottom: 15px; border: solid 1px #bfbfbf; }
.addon-module p, .addon-module h4, .addon-module h5 { padding-right: 10px; padding-left: 10px; }
/*-----------FAQs ---------*/
div.faq-section { border-top: 1px solid #74aa34; }



