/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background:url(../images/bg-pattern.gif) repeat;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#333333;
}

h1 {
	margin:0 0 10px 0;
	padding:0;
	font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	color:#003366;
}

h2 {
	margin:0 0 5px 0;
	padding:0;
	font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#003366;
}

h3 {
	margin:0 0 5px 0;
	padding:0;
	font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#003366;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

a:link {
	color:#0000FF;
	text-decoration:underline;
}

a:visited {
	color:#0000FF;
	text-decoration:underline;
}

a:hover {
	color:#0000FF;
	text-decoration:none;
}

a:active {
	color:#0000FF;
	text-decoration:none;
}

ul {
	margin:0 0 15px 30px;
	padding:0;
	list-style-type:disc;
	font-size:1.2em;
}

ul li {
	padding-bottom:5px;
	line-height:150%;
}

ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

ul li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol {
	margin:0 0 15px 33px;
	padding:0;
	font-size:1.2em;
}

ol li {
	padding-bottom:5px;
	line-height:150%;
}

ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

.centerItem {
	text-align:center;
}

.floatRight {
	float:right;
	margin-left:10px;
}

.floatLeft {
	float:left;
	margin-right:10px;
}

.clearFloat {
	clear:both;
	height:0;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari */
img {
	vertical-align:bottom;
	border:none;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

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

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */

/* main container that contains all other elements below */
#wrapper {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	width:764px;
}

#masthead {
	position:relative;
	margin-top:18px;
	width:764px;
	height:100px;
	background:url(../images/logo-masthead-bg.gif) no-repeat;
}

#masthead .topTagline {
	position:absolute;
	top:24px;
	right:31px;
}

#masthead .topTagline h1 {
	margin:4px 0 0 0;
	padding:0;
	font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#003366;
}

#masthead .topPhoneNumber {
	position:absolute;
	top:55px;
	right:21px;
}

/* --- top Free Trial Button with rollover effects --- */

#masthead .topFreeTrialButton {
	position:absolute;
	top:52px;
	right:204px;
	width:210px;
	height:40px;
	background:url(../images/free-trial-masthead-button.gif) top left no-repeat;
}

#masthead .topFreeTrialButton a:link, #masthead .topFreeTrialButton a:visited {
	display:block;
	width:210px;
	height:40px;
	text-decoration:none;
	background:url(../images/free-trial-masthead-button.gif) top left no-repeat;
}

#masthead .topFreeTrialButton a:hover, #masthead .topFreeTrialButton a:active {
	background-position:right;
}

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

/* QuickMenu top nav container */
#topNav {
	width:764px;
	height:32px;
	background:url(../images/top-nav-bg.gif) no-repeat;
}

.gapAfterMainImage {
	width:764px;
	height:15px;
	background:url(../images/side-borders-white-body-bg-764x1.gif) repeat-y;
}

#mainBodyContainer {
	width:764px;
	background:url(../images/side-borders-white-body-middle-divider-bg-764x1.gif) repeat-y;
}

/* --- right column - main content --- */

#mainColumn {
	float:right;
	margin:0 23px 0 21px;
	padding:5px 0 5px 0;
	width:441px;
}

#mainColumn .largeText {
	margin:0 0 5px 0;
	padding:0;
	font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#003366;
}

#mainColumn p {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.2em;
	line-height:150%;
}

#mainColumn .alignTextRight p {
	text-align:right;
}

#mainColumn .alignTextCenter p {
	text-align:center;
}

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

/* --- left column content --- */

#sideColumn {
	float:left;
	margin:0 22px 0 23px;
	padding:5px 0 5px 0;
	width:234px;
}

#sideColumn p {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.2em;
	line-height:150%;
}

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

/* --- Listen To Live Demo banner/button with rollover effects --- */

#sideColumn .bannerListenToLiveDemo {
	margin-bottom:20px;
	width:234px;
	height:86px;
	background:url(../images/banner-listen-to-live-demo.gif) top left no-repeat;
}

#sideColumn .bannerListenToLiveDemo a:link, #sideColumn .bannerListenToLiveDemo a:visited {
	display:block;
	width:234px;
	height:86px;
	text-decoration:none;
	background:url(../images/banner-listen-to-live-demo.gif) top left no-repeat;
}

#sideColumn .bannerListenToLiveDemo a:hover, #sideColumn .bannerListenToLiveDemo a:active {
	background-position:right;
}

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

/* --- Request Prices banner/button with rollover effects --- */

#sideColumn .bannerRequestPrices {
	margin-bottom:20px;
	width:234px;
	height:86px;
	background:url(../images/banner-request-pricing.gif) top left no-repeat;
}

#sideColumn .bannerRequestPrices a:link, #sideColumn .bannerRequestPrices a:visited {
	display:block;
	width:234px;
	height:86px;
	text-decoration:none;
	background:url(../images/banner-request-pricing.gif) top left no-repeat;
}

#sideColumn .bannerRequestPrices a:hover, #sideColumn .bannerRequestPrices a:active {
	background-position:right;
}

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

/* --- Online Signup banner/button with rollover effects --- */

#sideColumn .bannerOnlineSignup {
	margin-bottom:20px;
	width:234px;
	height:86px;
	background:url(../images/banner-online-signup.gif) top left no-repeat;
}

#sideColumn .bannerOnlineSignup a:link, #sideColumn .bannerOnlineSignup a:visited {
	display:block;
	width:234px;
	height:86px;
	text-decoration:none;
	background:url(../images/banner-online-signup.gif) top left no-repeat;
}

#sideColumn .bannerOnlineSignup a:hover, #sideColumn .bannerOnlineSignup a:active {
	background-position:right;
}

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

/* --- small optimized text section --- */

#smallTextAboveFooter {
	padding:5px 23px;
	width:718px;
	background:url(../images/side-borders-white-body-bg-764x1.gif) repeat-y;
	font-size:1em;
	text-align:justify;
	border-bottom:1px dotted #6b7f93;
}

#smallTextAboveFooter a:link, #smallTextAboveFooter a:visited {
	color:#333333;
	text-decoration:none;
}

#smallTextAboveFooter a:hover, #smallTextAboveFooter a:active {
	color:#333333;
	text-decoration:underline;
}

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

/* --- footer section --- */

#footer {
	margin-bottom:30px;
	width:764px;
	height:27px;
	background:url(../images/footer-bg.gif) no-repeat;
	font-size:1em;
}

#footer a:link, #footer a:visited {
	color:#333333;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#333333;
	text-decoration:underline;
}

.footerLeft {
	float:left;
	padding:7px 0 0 23px;
}

.footerRight {
	float:right;
	padding:7px 23px 0 0;
}

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

/* --- form field attributes --- */

form {
	margin:10px 0;
	padding:15px;
	border:1px solid #cecece;
	background:#e6edf5 url(../images/form-bg.gif) no-repeat bottom right;
}

#submissionForm table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#submissionForm table tr td {
	margin:0;
	padding:2px 0 2px 10px;
	vertical-align:top;
}

#submissionForm table tr td.alignright p {
	margin:0;
	padding:2px 0 2px 10px;
	text-align:right;
}

#name, #company, #phone, #fax, #email, #address, #city, #howLongRetailStore {
	margin:0;
	padding:3px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#phoneAgent {
	margin:0;
	padding:3px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#extension {
	margin:0;
	padding:3px;
	width:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#zipCode, #percentageOfClientsBusinessOwners {
	margin:0;
	padding:3px;
	width:62px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#callsPerDay, #businessType, #monthlyBudget, #state {
	margin:0;
	padding:3px;
	width:208px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#comments {
	margin:0;
	padding:3px;
	width:200px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#submissionForm table tr td #spamcode {
	margin:0;
	padding:0;
	border:1px solid #999999;
}

#security_code {
	margin:0;
	padding:3px;
	width:62px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999999;
}

#submit {
	margin-top:20px;
}

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