﻿/* HIDE LAYOUT FROM NS4 & EARLIER BROWSERS -------------------------------------------------------------------*/
@import "layout.css";

* {
	font-family: inherit;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #3f3f3f;
	background: url(images/backgnd-footercontainer.jpg) 0 0 repeat;
}

a{
	text-decoration: none;
	outline: none;
	color: #3f3f3f;
	border-bottom: 1px dotted #3f3f3f;
}

a:hover{
	text-decoration: none;
	outline: none;
	color: #73a534;
	border-bottom: 1px dotted #73a534;
}

h1{ font-size: 1em; }

h1.logo{
	clear: left;
	float: left;
	width: 235px;
	height: 32px;
	background: url(images/h1-logo.jpg) 0 0 no-repeat;
	text-indent: -30000px;
}

h1.logo a{
	clear: left;
	float: left;
	width: 235px;
	height: 32px;
	display: block;
	border: none;
}

h2{ font-size: 1em; }

h2.h2-home{
	clear: left;
	float: left;
	width: 319px;
	height: 122px;
	display: block;
	background: url(images/h2-home.jpg) 0 0 no-repeat;
	text-indent: -30000px;
	margin-bottom: 25px;
}

.rightcol-lower h2{
	clear: left;
	float: left;
	height: 25px;
	width: 670px;
	display: block;
	text-indent: -30000px;
	margin-bottom: 15px;
}

.rightcol-lower h2.features{
	background: url(images/h2-features.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.hostedservice{
	background: url(images/h2-hostedservice.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.customerdata{
	background: url(images/h2-customerdata.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.paymentoptions{
	background: url(images/h2-paymentoptions.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.reporting{
	background: url(images/h2-reporting.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.webintegration{
	background: url(images/h2-webintegration.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.boxofficefunctionality{
	background: url(images/h2-boxofficefunctionality.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.takeatour{
	background: url(images/h2-takeatour.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.onlinesales{
	background: url(images/h2-onlinesales.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.casestudies{
	background: url(images/h2-casestudies.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.phoneandcountersales{
	background: url(images/h2-phoneandcountersales.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.crm{
	background: url(images/h2-crm.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.workingwithus{
	background: url(images/h2-workingwithus.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.configureboxoffice{
	background: url(images/h2-configureboxoffice.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.webintegration-two{
	background: url(images/h2-webintegration-two.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.reportingandanalysis{
	background: url(images/h2-reportingandanalysis.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.salesintheboxoffice{
	background: url(images/h2-salesintheboxoffice.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.aboutus{
	background: url(images/h2-aboutus.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.meettheteam{
	background: url(images/h2-meettheteam.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.careers{
	background: url(images/h2-careers.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.ourpartners{
	background: url(images/h2-ourpartners.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.contactus{
	background: url(images/h2-contactus.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.internetbasedsolution{
	background: url(images/h2-internetbasedsolution.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.webbasedsolution{
	background: url(images/h2-webbasedsolution.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.integratedonlinesales{
	background: url(images/h2-integratedonlinesales.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.customerrelationships{
	background: url(images/h2-customerrelationships.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.intheboxoffice{
	background: url(images/h2-intheboxoffice.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.marketingandanalysis{
	background: url(images/h2-marketingandanalysis.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.getupandrunningfast{
	background: url(images/h2-getupandrunningfast.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.pricing{
	background: url(images/h2-pricing.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.sellonline{
	background: url(images/h2-sellonline.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.increasesales{
	background: url(images/h2-increasesales.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.arrangeademo{
	background: url(images/h2-arrangeademo.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.privacypolicy{
	background: url(images/h2-privacypolicy.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.blog {
	background: url(images/h2-blog.gif) 0 0 no-repeat;	
}

.rightcol-lower h2.press {
	background: url(images/h2-press.gif) 0 0 no-repeat;	
}
.rightcol-lower h2.newsletter {
	background: url(images/h2-newsletter.gif) 0 0 no-repeat;	
}
.rightcol-lower h2.thankyou {
	background: url(images/h2-thankyou.gif) 0 0 no-repeat;	
}
.rightcol-lower h2.error {
	background: url(images/h2-ohdear.gif) 0 0 no-repeat;	
}

h3{ font-size: 1em; }

.leftcol-lower h3{
	font-size: 1.3em;	
	font-weight: normal;
	margin-bottom: 10px;
}

h4{
	clear: left;
	font-size: 1.3em;
	padding-bottom: 15px;
	line-height: 1.3em;
	font-weight: bold;
	color: #73a534;
}

h5{ font-size: 1em; }
h6{ font-size: 1em; }

p{ font-size: 1em; }

p.intropara{
	color: #73a534;
}
#TwitterLink{
	font-size: 1.3em;
	padding-bottom: 15px;
	line-height: 1.4em;
	display: inline-block;
	}
ul.alternate{
	
	background-color: #D4E2C1;
	color: #666666;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	font-size: 9pt;
	padding-bottom: 0px;
	behavior: url(PIE.htc);
	}
ul.alternate li:nth-child(even) { 
	background-color: #F1F6EA; 
	
	}
.alternate li.feature
{
	background: none;
	padding: 10px;

}
h2.featuressub {
    color: #727272 !important;
    display: inline-block !important;
    font-size: 22px !important;
    font-weight: normal;
    margin-top: 30px;
    text-indent: 0;
    }
.alternate li.feature h3
{
    background-image: url("images/plusminus.gif");
    background-repeat: no-repeat;
    color: #727272;
    cursor: pointer;
    display: list-item;
    font-size: 14px;
    font-weight: bold;  
    padding-left: 23px;}
.alternate li.feature p
{
	font-size: 13px;
	margin-top: 10px;
	display: inline-block;
	color: #727272;
	margin-left: 23px;
	padding-bottom: 0px;
	line-height: 27px;

}
.alternate li.feature div
{
	
}
.alternate li.benefit
{
	
	background-color: inherit !important;
	font-size: 13px;
	margin-left: 35px;
	margin-top: 12px;
}
.subheading
{
	background-image: url('images/arrow-down.gif') !important;
	background-position: 0px 0px !important;
	padding-left: 16px !important;
	color: #727272 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	padding-bottom: 0px !important;
}
.backtotop
{
	display: inline-block;
	background-image: url('images/arrow-up.gif') !important;
	background-position: 0px 0px !important;
	padding-left: 16px !important;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	margin-left: 12px;
	color: #666666;

}
.contents
{
	background-color: #D4E2C1;
	padding: 1px 15px 0px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	width: auto;
	behavior: url(PIE.htc);

}
.twocolumn
{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
.heading-cell
{
	width: 310px;
}
a.a-subheading 
{
	color: #727272;
	text-decoration: none;
	border: none;
}
a.a-subheading:hover{
	color: #8D8D8D;
	border: none;
}

.ContactUsInput
{
	display: block; 
	font-size: 14px; 
	height: 20px; 
	margin: 2px 0 5px; 
	padding: 3px; 
	position: relative; 
	width: 300px;
	border: 1px solid #666666;
	background: none;
}
.ContactUsTextArea
{
	display: block; 
	font-size: 14px; 
	height: 40px; 
	margin: 2px 0 5px; 
	padding: 5px 3px; 
	position: relative; 
	width: 300px;
	border: 1px solid #666666;
}
.ContactUsButton
{
	background-color: #86B14F;
    border: 2px solid #86B14F;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 45px;
    padding: 3px;
}
.ContactUsButton:hover
{
	background-color: white;
	color: #86B14F;
}

.ContactUsForm
{
	font-style: italic;
	font-size: 14px;
}


