@charset "UTF-8";
/* CSS Document */

/* RESET */
/* v1.0 | 20080212 */
* { margin:0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a { cursor:pointer !important! }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BEGIN GLOBAL SITE CSS */
html, body { height:100%; }
body { background-image:url(images/body.jpg); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; }
.push1 { height:160px; clear:both; }
.push2 { height:160px; clear:both; background:url(images/page_divider.gif) repeat-y; }
.wrapper { min-height:100%; height:auto !important; height:100%; width:940px; background-color:#fff; margin:0 auto -160px; border-left:4px solid #000; border-right:4px solid #000; }
.clearfix { clear:both; }

/* HEADER */
.leftHeader { float:left; }
.rightHeader { float:right; }
.headerNav { text-align:right; margin: 15px 15px 0 0; }
.headerNav li { display:inline; margin:0 5px; }

/* HERO */
.hero { width:940px; height:258px; background-repeat:repeat-x; clear:both; position:relative; }
.hero .leftHero { position:relative; top:45px; left:22px; }
.hero li { text-indent:-3000px; }

/* SNIPPET */
.snippet span { font-size: 14px; font-weight:normal; line-height:20px; color:#454545; display:block; float:right; width:700px; margin:30px 0; }
.snippet img { float:left; }

/* CTAS */
.ctas { float:left; margin:0; padding:0; clear:both; }
.ctas #firstblock { float:left; margin:0; padding:0; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; width:234px; }
.ctas #block { float:left; margin:0; padding:0; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; width:233px; }
.ctas #lastblock { float:left; margin:0; padding:0; border-top:2px solid #000; border-right:none; border-bottom:2px solid #000; width:234px; }
.ctas span { display:block; margin:15px 0; font-size:14px; font-weight:bold; text-align:center; }
.ctas img { display:block;  }
.ctas .ctaBtn { margin:0 auto 15px auto; }


/* INTERIOR PAGE */
.pageContent { height:100%; }

.pageContent .leftColumn { width:196px; float:left; margin:25px 20px 0 25px; }
* html .pageContent .leftColumn { margin-left:10px; }
.pageContent .leftColumn li { margin-bottom:17px; font-size:14px;  padding-left:18px; background-repeat:no-repeat; }
.pageContent .leftColumn .leftColumnNavCurrent { font-weight:bold; }
.pageContent .leftColumn a:hover { text-decoration:underline; }
.pageContent .leftColumn .leftColumnNav { padding-bottom:10px; }

.pageContent .rightColumn { width:635px; float:right; padding:25px 30px 20px 30px;  border-left:2px solid #000; }
.pageContent .rightColumn h3 { font-size:18px; margin-bottom:15px; }
.pageContent .rightColumn img { float:right; margin:0 0 10px 10px; }
.pageContent .rightColumn p { margin-bottom:15px; font-size:13px; line-height:16px; color:#454545; }

.column { margin:30px 25px 30px 25px; }
.column p { margin-bottom:15px; font-size:13px; line-height:16px; color:#454545; }
.column h4 { font-size:16px; font-weight:bold; color:#28913B; margin-bottom:15px; }
.prodarray { width:835px; margin-left:25px; }
.prodarray img { float:left; margin-right:25px; margin-bottom:30px; border:none; }

/* GLOBAL - COLOR-SPECIFIC STYLES */
.greenWrapper a { color:#258935; font-weight:bold; }
.greenWrapper li a { font-weight:normal !important; }


.magentaWrapper .leftColumn a { color:#b82972; text-decoration:none; }
.purpleWrapper .leftColumn a { color:#5A2994; text-decoration:none; }
.dkgreenWrapper .leftColumn a { color:#006913; text-decoration:none; }
.orangeWrapper .leftColumn a { color:#E7860C; text-decoration:none; }
.redWrapper .leftColumn a { color:#CC0000; text-decoration:none; }

.magentaWrapper .rightColumn a { color:#b82972; font-weight:bold; }
.purpleWrapper .rightColumn a { color:#5A2994; font-weight:bold; }
.dkgreenWrapper .rightColumn a { color:#006913; font-weight:bold; }
.orangeWrapper .rightColumn a { color:#E7860C; font-weight:bold; }
.redWrapper .rightColumn a { color:#CC0000; font-weight:bold; }

.column h3 { font-size:18px; margin-bottom:15px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#454545; }
.column a { font-size:15px; }

a.dkgreen, h3.dkgreen { color:#006913; }
a.purple, h3.purple { color:#5A2994; }
a.magenta, h3.magenta { color:#b82972; }
a.orange, h3.orange { color:#E7860C; }
a.red, h3.red { color:#CC0000; }
h3.gray { color:#454545; padding-top:0 !important; }

/* HEADER - COLOR-SPECIFIC IMAGE LINKS */
.greenWrapper .headerLogo { background-image: url(images/headerLogo_green.gif); width:322px; height:82px; text-indent:-3000px; }
.greenWrapper .headerPhone { background-image:url(images/headerPhone_green.gif); width:615px; height:37px; text-indent:-3000px; }
.greenWrapper .rightColumn { width:530px !important; }
.greenWrapper .leftColumn { width:301px !important; }
.greenWrapper .leftColumn p { font-size:14px; line-height:16px; color:#454545; margin-bottom:15px; text-align:center; }

.greenWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#28913B; }
.greenWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_green.gif); background-position:0 1px; }
.greenWrapper .rightColumn h3 { color:#b82972; font-weight:bold; }
.greenWrapper .rightColumn b, .column strong { font-size:14px; font-weight:bold; color:#28913B; }
.greenWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#28913B; margin:0 0 10px 25px; }
.greenWrapper .rightColumn strong, .leftColumn strong { display:block; font-size:15px; text-decoration:underline; color:#28913B; margin-bottom:-10px; }
.greenWrapper .rightColumn ul, .column ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/green-bullet.gif); margin:10px 0 15px 30px; }

.magentaWrapper .headerLogo { background-image: url(images/headerLogo_magenta.gif); width:322px; height:82px; text-indent:-3000px; }
.magentaWrapper .headerPhone { background-image:url(images/headerPhone_magenta.gif); width:615px; height:37px; text-indent:-3000px; }
.magentaWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#b82972; }
.magentaWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_magenta.gif); background-position:0 1px; }
.magentaWrapper .rightColumn h3 { color:#b82972; font-weight:bold; }
.magentaWrapper .rightColumn b { font-size:14px; font-weight:bold; color:#b82972; }
.magentaWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#b82972; margin:0 0 10px 25px; }
.magentaWrapper .rightColumn strong { display:block; font-size:15px; text-decoration:underline; color:#b82972; margin-bottom:-10px; }
.magentaWrapper .rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/magenta-bullet.gif); margin:10px 0 15px 30px; }
.magentaWrapper .rightColumn ol { color:#b82972; }

.purpleWrapper .headerLogo { background-image: url(images/headerLogo_purple.gif); width:322px; height:82px; text-indent:-3000px; }
.purpleWrapper .headerPhone { background-image:url(images/headerPhone_purple.gif); width:615px; height:37px; text-indent:-3000px; }
.purpleWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#5A2994; }
.purpleWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_purple.gif); background-position:0 1px; }
.purpleWrapper .rightColumn h3 { color:#5A2994; font-weight:bold; }
.purpleWrapper .rightColumn b { font-size:14px; font-weight:bold; color:#5A2994; }
.purpleWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#5A2994; margin:0 0 10px 25px; }
.purpleWrapper .rightColumn strong { display:block; font-size:15px; text-decoration:underline; color:#5A2994; margin-bottom:-10px; }
.purpleWrapper .rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/purple-bullet.gif); margin:10px 0 15px 30px; }

.dkgreenWrapper .headerLogo { background-image: url(images/headerLogo_dkgreen.gif); width:322px; height:82px; text-indent:-3000px; }
.dkgreenWrapper .headerPhone { background-image:url(images/headerPhone_dkgreen.gif); width:615px; height:37px; text-indent:-3000px; }
.dkgreenWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#006913; }
.dkgreenWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_dkgreen.gif); background-position:0 1px; }
.dkgreenWrapper .rightColumn h3 { color:#006913; font-weight:bold; }
.dkgreenWrapper .rightColumn b { font-size:14px; font-weight:bold; color:#006913; }
.dkgreenWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#006913; margin:0 0 10px 25px; }
.dkgreenWrapper .rightColumn strong { display:block; font-size:15px; text-decoration:underline; color:#006913; margin-bottom:-10px; }
.dkgreenWrapper .rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/dkgreen-bullet.gif); margin:10px 0 15px 30px; }

.orangeWrapper .headerLogo { background-image: url(images/headerLogo_orange.gif); width:322px; height:82px; text-indent:-3000px; }
.orangeWrapper .headerPhone { background-image:url(images/headerPhone_orange.gif); width:615px; height:37px; text-indent:-3000px; }
.orangeWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#E7860C; }
.orangeWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_orange.gif); background-position:0 1px; }
.orangeWrapper .rightColumn h3 { color:#E7860C; font-weight:bold; }
.orangeWrapper .rightColumn b { font-size:14px; font-weight:bold; color:#E7860C; }
.orangeWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#E7860C; margin:0 0 10px 25px; }
.orangeWrapper .rightColumn strong { display:block; font-size:15px; text-decoration:underline; color:#E7860C; margin-bottom:-10px; }
.orangeWrapper .rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/orange-bullet.gif); margin:10px 0 15px 30px; }

.redWrapper .headerLogo { background-image: url(images/headerLogo_red.gif); width:322px; height:82px; text-indent:-3000px; }
.redWrapper .headerPhone { background-image:url(images/headerPhone_red.gif); width:615px; height:37px; text-indent:-3000px; }
.redWrapper .leftColumn li {background-image:url(images/radioInactive.gif); color:#CC0000; }
.redWrapper .leftColumn li.leftColumnNavCurrent { background-image:url(images/radioActive_red.gif); background-position:0 1px; }
.redWrapper .rightColumn h3 { color:#CC0000; font-weight:bold; }
.redWrapper .rightColumn b { font-size:14px; font-weight:bold; color:#CC0000; }
.redWrapper .rightColumn div.callout { float:right; width:300px; font-size:22px; font-weight:bold; line-height:200%; color:#CC0000; margin:0 0 10px 25px; }
.redWrapper .rightColumn strong { display:block; font-size:15px; text-decoration:underline; color:#CC0000; margin-bottom:-10px; }
.redWrapper .rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style-image:url(images/red-bullet.gif); margin:10px 0 15px 30px; }
.redWrapper .rightColumn ol { color:#CC0000; }

.rightColumn p.last { font-size:14px; color:#000; margin-top:15px; line-height:125%; }
.rightColumn ol { font-size:14px; line-height:16px; font-weight:bold; list-style:decimal; margin:10px 0 15px 35px; }
.rightColumn ol li { margin-bottom:15px; }
.rightColumn ul { font-size:13px; line-height:16px; color:#454545; list-style:disc; margin:10px 0 15px 30px; }
.rightColumn ul li { margin-bottom:10px; }
.rightColumn ul.compact li, .column ul li { margin-bottom:5px; }
.rightColumn div.line { border-bottom:dotted 1px #666; }
.rightColumn div.topline { border-bottom:dotted 1px #666; margin:-10px 0 20px 0; }
.column div.line { border-bottom:dotted 1px #666; margin-bottom:20px; margin-top:-5px; }
.rightColumn strong.gray { color:#454545; margin-bottom:0 }
.rightColumn b.gray { color:#454545; }
.rightColumn span.gray { color:#454545; font-weight:normal; }


.rightColumn table { margin:10px 0 15px 0; }
.rightColumn td { font-size:14px; color:#333; vertical-align:middle; text-align:center; border:solid 1px #666; padding:8px; }
.rightColumn tr.alt td { background-color:#F6F6F6; }
.rightColumn table.dkgreen tr.header td { color:#fff; font-weight:bold; background-color:#006913; border:solid 1px #006913; padding:10px; }
.rightColumn table.purple tr.header td { color:#fff; font-weight:bold; background-color:#5A2994; border:solid 1px #5A2994; padding:10px; }
.rightColumn table.orange tr.header td { color:#fff; font-weight:bold; background-color:#E7860C; border:solid 1px #E7860C; padding:10px; }
.rightColumn table.plain td { font-size:14px; color:#333; vertical-align:middle; text-align:left; border:none !important; padding:11px; }

.contactform { margin-left:40px; }
input, textarea { border:solid 1px #666; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:2px; }
input:focus, textarea:focus {border:solid 2px #28913B; }
.submit { border:none !important; float:right; margin-right:46px; }

.rightColumn div.demo { margin:45px 0 30px 0; }
.rightColumn div.demo img { float:none; margin-left:5px; margin-right:15px; }
.rightColumn div.demo img.last { float:none; margin-right:0; }

#viewPort{ width:100%; overflow:hidden; position:relative; }
#iframe{ position:absolute; }


/* HERO - COLOR-SPECIFIC IMAGE LINKS */
.greenWrapper .hero { background-image:url(images/mobile-applications.jpg); }
.products { background-image:url(images/hero_products.jpg) !important; height:120px; }
.chelsea { background-image:url(images/hero_chelsea.jpg) !important; height:120px; }
.support { background-image:url(images/hero_support.jpg) !important; height:120px; }
.contact { background-image:url(images/hero_contact.jpg) !important; height:120px; }
.reports { background-image:url(images/hero_reports.jpg) !important; height:120px; }
.sitemap { background-image:url(images/hero_sitemap.jpg) !important; height:120px; }

.magentaWrapper .hero { background-image:url(images/hero_magenta.jpg); height:120px; }
.purpleWrapper .hero { background-image:url(images/hero_purple.jpg); height:120px; }
.dkgreenWrapper .hero { background-image:url(images/hero_dkgreen.jpg); height:120px; }
.orangeWrapper .hero { background-image:url(images/hero_orange.jpg); height:120px; }
.redWrapper .hero { background-image:url(images/hero_red.jpg); height:120px; }

/* FOOTER */
.footer { height:159px; margin:0 auto; clear:both; width:940px; background-color:#dadada; border-top:1px solid #000; color:#454545; }
.footerLeft { float:left; margin:20px 0 0 20px; width:150px; display:inline; }
.footerLeft strong { width:100%; display:block; padding-bottom:3px; border-bottom:1px solid #000; font-size:16px; margin-bottom:7px; }
.footerLeft li { margin-top:5px; font-size:13px; }
.footerLeft a { color:#454545; text-decoration:none; font-weight:normal !important; }
.footerLeft a:hover { text-decoration:underline; }
.footerReports { font-size:13px; font-weight:bold; display:block; background-color:#cbcbcb; border:1px solid #000; padding:8px 0 8px 35px; margin:10px 0 0 0; background-image:url(images/footerReport.gif); background-repeat:no-repeat; background-position: 10px 5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.footerRight { float:right; margin-top:23px; }
.footerCopyright { font-size:12px; text-align:right; margin:20px; }
.footerCopyright2 {  text-align:right; margin:30px;  }