﻿<!--

/* ------------ TEMPLATE STYLES ------------ */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}


/* ------------ LINK STYLES ------------ */

a:link {text-decoration: underline;} 
a:visited {text-decoration: underline;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}

.redlink {color:#c75646;}
.purplelink {color:#6351b7;}
.greenlink {color:#599f25;}
.greylink {color:#b4b4b4;}
.whitelink {color:#ffffff;}
.darkgreylink {color:#838383;}
.bluelink {color:#75adc6;}
.nav {color:#ffffff;}

.bluelinks a:link{ text-decoration: none; color: #5d7e9b;}
.bluelinks a:visited {text-decoration: none; color: #5d7e9b;}
.bluelinks a:active {text-decoration: none; color: #5d7e9b;}
.bluelinks a:hover {text-decoration: underline; color: #5d7e9b;}

a img {border: 0px}
p {line-height: 16px}
p a:link {color: #666666; text-decoration: underline}
p a:hover {color: #d34619; text-decoration: underline}


/* ------------ MISCELLANEOUS STYLES ------------ */

abbr{cursor:help;}

.borderbig_border { background-color:#e0e0e0;/*e0e0e0*/}
.borderbig_background { background-color:#ffffff;/*ffffff*/}
.bordernormal_border {background-color:#b8b8b8;/*b8b8b8*/}
.bordernormal_background {background-color:#ffffff;/*ffffff*/}
.separator_line {background-color:#dadada;/*dadada*/}
.header_border {background-color:#b7b7b7;/*b7b7b7*/}
.header_background {background-color:#ffffff;/*ffffff*/}


/* ------------ SITEMAP STYLES ------------ */

.SiteMap {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #a3a3a3; text-decoration:none;}
.SiteMap a:link { text-decoration: none;}
.SiteMap a:visited {text-decoration: none;}
.SiteMap a:active {text-decoration: none}
.SiteMap a:hover {text-decoration: none;}


/* ------------ FONT STYLES ------------ */

.mainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.mainbodyb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #626262;
}
.tengrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a3a3a3;
}
.twelvegreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87c34e;
	font-weight: bold;
}
.tenwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.tendarkgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.bigblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6aa0c6;
}
.biggreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #94cb5c;
}
.bigwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.elevenwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.elevenwhiteb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.bigblueb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #76a3c2;
}
.twelvegreenb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #83c049;
}
.thirteengreenb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #83c049;
}
.thirteengreyb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
.thirteenwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.tenred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d25040;
}

.tengreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #76b83c;
}
.tenpurpl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6351b7;
}
.tenblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #75adc6;
}
.tengreyb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9d9d9d;
	font-weight: bold;
}
.biggreenb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #81c048;
}
.elevengreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #87c34e;
}

.fourteenblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6aa0c6;
}
.elevengreenb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #87c34e;
}
.elevenblueb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6aa0c6;
}
.mainbodyi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
}
.trialfourteenred {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #CC6661;
}
.trialelevenred {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #CC6661;
}
.promoheaderRed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size :18px;
    color: #CA0000;
    font-weight:bold;
}
.promoRed {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    color: #CA0000;
    font-weight:bold;
}
.promoGreen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    color: #83BE4A;
    font-weight:bold;
}
.promoBigGreen {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size :14px;
    color: #83BE4A;
    font-weight:bold;
}
.promoWhite {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    color: #ffffff;
    font-weight:bold;
}


/* ------------ DEFAULT4 STYLES ------------ */

.redcompulsory {color :#BE5460;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #e8941a;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
h1.green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #7FBE15;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
h1.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #5d7e9b;
	font-weight: normal;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h2.subhead {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	line-height: 20px;
	padding: 0px;
	margin: 10px 0px 20px 0px;
}
h2.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5d7e9b;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h2.blue a:link, a:hover {
	color: #5d7e9b;
	text-decoration: none
}
h2.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #D24613;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h2.banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight:bold;
	line-height:18px
}

h2.alt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7cbc14;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
h3.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5d7e9b;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5d7e9b;
	font-weight: normal;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

/* ------------ NEW STYLES - Google Adwords ------------ */

table#packages td {background-color: #F1F1F1; border-bottom: 4px solid #FFFFFF; padding: 10px;}

table#packages span {font-size: 14px;}

a.signUp, a.signUp:hover {font-size: 18px; color: #D24613; text-decoration: underline;}

#termsBox {padding: 20px;}

.watermark {background: #ffffff;}

.popupControl {background-color: #ffffff; position: absolute; visibility: hidden; border-style: solid; border-color: #ffffff; border-width: 2px;}

.modalBackground {background-color: Gray; filter: alpha(opacity=70); opacity: 0.7}

.modalPopup {background-color: #ffffff; border-width: 3px; border-style: solid; border-color: #ffffff; padding: 3px; width: 250px}


/* ------------ NEW STYLES - Case Studies ------------ */
     
#contentItems {width: 570px; height: auto; padding: 0px 0px 0px 0px}
		
div.caseStudyBox {height: auto; padding: 10px 0px 0px 0px; margin: 0px; clear: left}
		
div.caseStudyBox img {border: 1px solid #b8b8b8; float: left; margin: 0px 10px 0px 0px}
		
div.caseStudyBox h2.blue {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}
		
div.caseStudyBox p {margin: 0px 0px 5px 0px; padding: 0px}
		
div.caseStudyBox a {color: #666666}
		
				
#innerLeftCol {float: left; width: 170px; height: auto; margin: 20px 20px 20px 0px; text-align: center}
		
#innerLeftCol img {margin: 0px 0px 20px 0px}
		
#innerLeftCol p.quote {font-size: 14px; font-weight: bold; text-align: left; line-height: 20px; margin: 0px 0px 0px 0px}
		
h4.mini {font-weight: bold; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
		
div.line {background: url(../images/dotted_line.gif) repeat-x left top; margin: 5px 0px 5px 0px; width: 100%; height: 2px; clear: left}
		
div.moreCaseStudies {text-align: center; height: auto; padding: 15px 10px 15px 10px; margin: 0px 20px 20px 0px; float: left; border: 1px solid #d1d1d1}
		
div.moreCaseStudies img {margin: 0px 0px 0px 0px}
		
div.moreCaseStudies h3 {color: #63a12d; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px}
		
div.moreCaseStudies a {color: #666666; text-decoration: underline}

div.moreCaseStudies a:hover {color: #d34619}
		
#signUpBox {background: url(../images/signup-bg-tile.gif) repeat-x left bottom; height: auto; padding: 20px; margin: 0px}
		
#signUpTable {margin: 10px 0px 0px 0px}
		
div.signUp {background-color: #cecece; padding: 10px; margin: 20px 0px 0px 0px}
		
div.signUp span {font-size: 14px; line-height: 22px}
		
div.signUp span a {font-weight: bold; color: #d34619}


-->
