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

body {background: url(../img/loginbg2.png) center top no-repeat #cce8ff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#313131; line-height:120%; margin:0; padding:0;}
h1 {font-family:proxima-nova, Arial, Helvetica, sans-serif; color:#4a7aa1; font-size:1.2em; font-weight:bold;}
h2 {font-family:proxima-nova, Arial, Helvetica, sans-serif; color:#2e2e2e; font-size:1em; line-height:150%; font-weight:normal}
h3 {font-family:proxima-nova, Arial, Helvetica, sans-serif; color:#313131; font-size:0.9em;}
h4 {font-family:proxima-nova, Arial, Helvetica, sans-serif; color:#2e2e2e; font-size:0.9em; letter-spacing:-0.15px; border-bottom:1px solid #eeeeee; padding-bottom:8px;}
p {color:#313131; font-size:0.8em;}
a {color:#3C709F}
a:hover {color:#18446b}
a img:hover {opacity: 0.65;}

/* Filtered FAQ stuff */

.white {color:White;}
.grey {color:Gray;}
.bold {font-weight:bold;}
.bigger {font-size:13px; margin-top:15px;}
.block {display:block;}
ul.filterd{list-style-type:none;}
li.filterd{ margin-left:0px;}
#filter-count {font-size:0.75em; font-weight:bold;}
#filter {-moz-border-radius:5px; border-radius:5px; border:1px solid #ccc; padding:10px; color:#2e2e2e; font-family:Arial}
#filter:focus {border:1px solid #fed140;}

/* End of filtered styles */

hr {border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #eee;}

.topnav {height:50px; overflow:hidden; background:#2e2e2e; margin-bottom:40px; border-bottom:1px solid #edf7ff;}
.topnav img:hover {opacity: 1;}
.topcontainer {width:880px; margin:0 auto;}
.topnavleft {width:15%; float:left; padding-top:9px;}
.topnavleft img {border:0}
.topnavright {width:85%; float:left; text-align:right;}
.topnavright ul {margin:0; padding:0; font-size:0.8em; font-weight:bold; margin-top:13px; letter-spacing:-0.4px;}
.topnavright li {display:inline; list-style-type:none;}
.topnavright ul a {color:#fff; text-decoration:none; margin-right:25px; padding-bottom:14px;}
.topnavright ul a:hover {border-bottom:5px solid #ffffff;}
.topnavright .active a {color:#cce8ff; border-bottom:5px solid #cce8ff;}
.topnavright .active a:hover {border-bottom:5px solid #cce8ff;}
.topnavright .loginli a {color:#fed140; border-bottom:0px solid #fed140;}
.topnavright .loginli a:hover {border-bottom:5px solid #fed140;}
.topnavright .signupli a {color:#ff6767; border-bottom:0px solid #ff6767;}
.topnavright .signupli a:hover {border-bottom:5px solid #ff6767;}

.subnav {background:#2e2e2e; border:1px solid #edf7ff; border-radius:5px; -moz-border-radius:5px; height:37px; font-weight:bold;}
.subnav ul {margin:0; padding:0; padding-left:10px; padding-right:10px; margin-top:5px; line-height:10%; letter-spacing:-0.4px;}
.subnav li {display:inline; padding-left:11px; padding-right:10px; border-right:1px solid #555; padding-top:10px; padding-bottom:11px;}
.subnav a {color:#ffffff; text-decoration:none}
.subnav a:hover {text-decoration:underline;}
.subnav .active {font-weight:bold; background:#CCE8FF}
.subnav .active a {color:#2e2e2e}

.container {width:880px; padding:3px; margin:0 auto; -moz-border-radius:5px; border-radius:5px; border:1px solid #b8d5ed;}
.container2 {background:#ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.container3 {padding:25px;}
.container3 img {border:0; vertical-align:middle;}
.container4 {padding:20px 25px 20px 25px;}
.container4 ul {font-size:0.8em; line-height:200%}

.top {padding:0px 0px 3px 0px}
.topleft {width:50%; float:left;}
.topright {width:50%; float:left; text-align:right;}

.greystrip {background:#fafafa; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px; margin-top:20px}
.greystrip table {color:#2d2e30; font-size:0.75em;}
.greystrip h1 {color:#2e2e2e; font-size:2em; letter-spacing:-1px; margin-top:0px; margin-bottom:10px; line-height:110%}
.greystrip h2 {color:#6f6f6f; font-size:1.25em; font-weight: lighter; letter-spacing:-1px; margin-top:15px; margin-bottom:10px;}
.greystrip h4 {color:#2e2e2e; font-size:0.9em; letter-spacing:-0.15px; margin-top:0px; margin-bottom:10px; border-bottom:1px solid #eeeeee; padding-bottom:8px;}
.greystrip h5 {color:#2e2e2e; font-size:0.9em; letter-spacing:-0.15px; margin-bottom:0px; margin-top:10px;}

.content ol {font-size:0.8em;}
.content ul {font-size:0.8em; padding-left:20px}
.content li {margin-bottom:7px;}

.whitestrip {padding:10px;}
.whitestrip table {color:#2d2e30; font-size:0.75em;}
.whitestrip h1 {color:#2e2e2e; font-size:2em; letter-spacing:-1px; margin-top:0px; margin-bottom:10px; line-height:110%}
.whitestrip h2 {color:#6f6f6f; font-size:1.25em; font-weight: lighter; letter-spacing:-1px; margin-top:15px; margin-bottom:10px;}
.whitestrip h4 {color:#2e2e2e; font-size:0.9em; letter-spacing:-0.15px; margin-top:0px; margin-bottom:10px; border-bottom:1px solid #eeeeee; padding-bottom:8px;}
.whitestrip h5 {color:#2e2e2e; font-size:0.9em; letter-spacing:-0.15px; margin-bottom:0px; margin-top:10px;}

.feature1 {float:left; width:180px; margin-right:16px;}
.feature1 img {border:1px solid #ccc;}
/*.feature1 img:hover {opacity: 0.65;}*/
.feature1 p {font-size:0.7em;}
.feature1 a {color:#2e2e2e; text-decoration:underline;}
.feature1 a:hover {color:#3C709F; text-decoration:underline}

.feature_specific {float:left; width:180px; margin-right:33px;}
.feature_specific img {border:1px solid #ccc;}
/*.feature_specific img:hover {opacity: 0.65;}*/
.feature_specific p {font-size:0.7em;}
.feature_specific a {color:#2e2e2e; text-decoration:underline;}
.feature_specific a:hover {color:#3C709F; text-decoration:underline}

.bannerleft {width:296px; float:left;}
.bannerleft img {border:0;}
.bannerright {background:yellow; float:right; background:url(../img/videoplaceholder.jpg) no-repeat; width:490px; height:281px; overflow:hidden; padding-left:12px; padding-top:12px;}
.bannerright img {border:0;}

.tour img {border:1px solid #cccccc;}
.tour {border-collapse:collapse}

.quote {background:#fafafa; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px 20px 0px 20px; text-align:left; letter-spacing:-0.5px; margin-bottom:18px; font-family:proxima-nova, Arial, Helvetica, sans-serif; font-weight:bold;}
.features p {margin-top:5px;}
.features h3 {margin-bottom:5px; margin-top:7px;}

.form input {width:338px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada}
.form input:hover {border:1px solid #bcbcbc}
.form input:focus {border:1px solid #FEC418}

.contact {font-size:0.75em;}
.contact input {width:240px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada}
.contact input:hover {border:1px solid #bcbcbc}
.contact input:focus {border:1px solid #FEC418}

input[type="radio"], input[type="checkbox"] {
    width: 13px;
}

.contact textarea {width:640px; height:100px; padding:7px 5px 5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #dadada; font-family:Arial, Helvetica, sans-serif; font-size:1em}
.contact textarea:hover {border:1px solid #bcbcbc}
.contact textarea:focus {border:1px solid #FEC418}

.contact input[type="checkbox"] { width:15px }

.featuresmenu {margin-top:20px;}

.pricing {letter-spacing:-0.8px;}
.pricing td {background:#f2f8ff;}
.pricing .alt td {background:#f8fbff}
.pricing .category {font-weight:bold; letter-spacing:-0.2px}

.leftmenu {margin:0; width:206px; float:left;}
.leftmenu img {vertical-align:middle; margin-right:7px;}
.leftmenu a {text-decoration:none; color:#7c7b7b;}
.leftmenu a:hover {text-decoration:none; color:#2e2e2e;}
.leftmenu ul {margin:0; padding:0; font-size:0.9em; letter-spacing:-0.6px;}
.leftmenu li {list-style-type:none; background:#fbfbfb url(../img/libg.png) repeat-x; border-bottom:1px solid #e4e4e4; padding-top:9px; height:27px; overflow:hidden; padding-left:10px; line-height:130%}
.leftmenu .active a {font-weight:bold; color:#2e2e2e;}
.rightmenu {background:#f0f8ff; padding:10px 20px 20px 20px; width:570px; float:right;}

.footer {background:#1f1f1f; padding:25px; color:#fff; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-radius-bottom-left:5px; border-radius-bottom-right:5px;}
.footertop {width:100%; border-bottom:1px solid #2e2e2e; padding-bottom:30px;}
.footerbottom {border-top:1px solid #151515; padding-top:20px;}
.footerbottomleft {width:78%; float:left; font-size:0.8em; padding-top:5px; line-height:200%}
.footerbottomright {width:20%; float:right;}
.footerbottomright img {border:0; vertical-align:middle;}
.footer a {color:#ffffff; text-decoration:none;}
.footer a:hover {color:#cce8ff;}
.footer ul {margin:0; padding:0; width:21%; float:left; font-size:0.75em; margin-right:44px;}
.footer li {list-style-type:none; border-bottom:1px solid #2e2e2e; padding:7px 0 7px 0;}
.footer .footer_heading {border-bottom:0px solid #2e2e2e; padding:3px 0 3px 0;}
.footer img:hover {opacity: 1;}

.legal {text-align:center; width:880px; padding-top:5px; margin:0 auto;}
.legal ul {font-size:0.6em;}
.legal li {list-style-type:none; display:inline; padding-left:10px; padding-right:10px;}
.legal a {text-decoration:none; color:#2e2e2e}
.legal a:hover {text-decoration:underline;}


/* NEW BUTTON STYLING */

.buttons {list-style: none; margin: 0px; padding: 5px 0px 3px; height: 36px;}
.buttons li {margin: 0px 8px 0px 0px; padding: 0px;	float: left; height: 36px;}
.buttons li a:link, .buttons li a:visited, .buttons li a:active {float: left; padding: 0px 12px; font-size: 11px;	height: 36px; line-height: 36px; white-space: nowrap; font-weight: normal; text-decoration: none;}
.buttons li a span {font-weight: normal;}
.buttons img {border:0; vertical-align:middle; margin-top:-2px; margin-right:3px;}

.yellow li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellow li a:link, .yellow li a:visited, .yellow li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% 0px; color: #693607;}
.yellow li:hover {background-position: 100% -36px;}
.yellow li:hover a:link, .yellow li:hover a:visited, .yellow li:hover a:active, .yellow li.current a:hover {background-position: 0% -36px;}

.grey li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -72px;}
.grey li a:link, .grey li a:visited, .grey li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -72px; color: #2E2E2E;}
.grey li:hover {background-position: 100% -108px;}
.grey li:hover a:link, .grey li:hover a:visited, .grey li:hover a:active, .grey li.current a:hover {background-position: 0% -108px;}

.black li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -144px;}
.black li a:link, .black li a:visited, .black li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -144px; color: #ffc600;}
.black li:hover {background-position: 100% -180px;}
.black li:hover a:link, .black li:hover a:visited, .black li:hover a:active, .black li.current a:hover {background-position: 0% -180px;}

.green li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -216px;}
.green li a:link, .green li a:visited, .green li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -216px; color: #ecffe9;}
.green li:hover {background-position: 100% -252px;}
.green li:hover a:link, .green li:hover a:visited, .green li:hover a:active, .green li.current a:hover {background-position: 0% -252px;}

.red li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -288px;}
.red li a:link, .red li a:visited, .red li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -288px; color: #ffffff;}
.red li:hover {background-position: 100% -324px;}
.red li:hover a:link, .red li:hover a:visited, .red li:hover a:active, .red li.current a:hover {background-position: 0% -324px;}

.blue li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -360px;}
.blue li a:link, .blue li a:visited, .blue li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -360px; color: #ffffff;}
.blue li:hover {background-position: 100% -396px;}
.blue li:hover a:link, .blue li:hover a:visited, .blue li:hover a:active, .blue li.current a:hover {background-position: 0% -396px;}

.BigBlueBar {width:90%; padding:10px 30px; background-color:#cce8ff; }
.MessageText { font-weight:bold; font-size:14px; font-style:italic; }

.hidden {display:none;}

.fancyboxerror {color: #A20A0A; border: 1px solid #DE2138;	background-color: #EDDDDF;}

.note {	color: #2E2E2E; font-style: italic;} 

/* NEW TESTIMONIALS PAGE */
.testimonialmiddle h4 {margin-top:0px; margin-bottom:5px; font-size:0.85em}
.testimonialmiddle p {font-size:0.75em}
.testimonialmiddle h2 {font-style:italic; font-weight:normal; color:#6d6d6d; font-size:0.8em; margin-top:0px}
.testimonialmiddle h3 {margin-bottom:0px;}
.testimonialsmall p {font-size:0.7em; margin-top:5px}
.testimonialsmall h2 {font-style:italic; font-weight:normal; color:#6d6d6d; font-size:0.8em; margin-top:0px}
.testimonialsmall h3 {margin-bottom:10px; margin-top:10px; font-size:0.8em}
.greenstrip {background:#7fc959; border-top:0px solid #eeeeee; border-bottom:0px solid #eeeeee; padding:10px; text-align:center;}
.greenstrip h1 {color:#ffffff; font-size:1.1em; margin-top:10px; margin-bottom:10px; line-height:110%;}
.greenstrip a {color:#ffffff}

/* NEW PRICING PAGE */

.container4 h1 {letter-spacing:-1px; color:#2e2e2e}
.round {-moz-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; background: none repeat scroll 0 0 #7FC959; color: #FFFFFF; font-size: 1em; font-weight: bold; line-height: 100%; margin-right: 5px; padding: 2px 10px;}
.tooltip {
	display:none;
	position:absolute;
	border:4px solid #CCE8FF;
	background-color:#7fc959;
	border-radius:5px;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	width:300px;
	text-align:center;
}
.pricingnew h1 {letter-spacing:-1px; color:#2e2e2e}

/* NEW HOMEPAGE LAYOUT */

.newcontainer {width:885px; margin:0 auto;}

.topnew {width:100%; background:#2d2d2d; border-bottom:4px solid #87cc63; padding:5px 0px; font-size:0.7em; color:#fff; text-align:right}
.topnew a {color:#a6ff79}

.headernew {height:113px; overflow:hidden; background:#ffffff; border-bottom:1px solid #7fc959;}
.headernew ul {font-family:proxima-nova, Arial, Helvetica, sans-serif; color:#999999; text-transform:uppercase; margin:0; padding:0; font-size:0.75em;  padding-top:1px}
.headernew ul a {color:#999999; text-decoration:none;}
.headernew ul a:hover {color:#87cc63; text-decoration:none;}
.headernew li {list-style-type:none; display:inline; padding-left:5px; padding-right:5px;}
.headernew .active a {color:#686868}
.headernew a img {border:0}

.headermessagenew h1 {text-align:center; color:#1f1f1f; font-size:2.3em; line-height:115%; text-shadow:1px 1px #ffffff; margin-bottom:10px;}
.headermessagenew h2 {text-align:center; color:#1f1f1f; font-size:1.45em; line-height:115%; text-shadow:1px 1px #ffffff; margin-top:10px;}
.headermessagenew a img {border:0}
.headermessagenew {padding-bottom:5px}

.greenbritish {background:#87cc63; color:#ffffff; padding:10px; text-align:center; font-family:proxima-nova, Arial, Helvetica, sans-serif; font-size:0.85em; text-transform:uppercase; font-weight:bold; margin-bottom:30px;}
.greenbritish a {color:#ffffff; text-decoration:none;}
.greenbritish a:hover {opacity:0.8}

.contentnew {background:#ffffff; /*border-top:4px solid #87cc63; padding-top:20px;*/ margin-top:20px;}
.contentnew ul {font-size:0.8em; line-height:200%}
.contentnew h2 {font-weight:bold;}

.footernew {width:100%; background:white; padding-top:20px; padding-bottom:40px;}
.footernew h1 {color:#7fc959; font-size:0.75em; font-weight:bold; font-family:Arial, Helvetica, Sans-Serif}
.footernew ul {font-size:0.7em; padding-left:12px; float:left}
.footernew ul a {color:#515151; text-decoration:none;}
.footernew ul a:hover {color:#7fc959; text-decoration:underline;}
.footernew_full {font-size:0.7em; padding-top:10px; padding-bottom:10px;}
.footernew_left {width:70%; float:left; font-size:0.7em; padding-top:10px;}
.footernew_right {width:30%; float:left; text-align:right; font-size:0.7em; padding-top:10px;}
.footernew a img {border:0}

/* NEW VIDEO PAGE LAYOUT */

.videopage {}
.videopage img {border:1px solid #cccccc;}
.videopage a img {border:1px solid #cccccc;}
.videopage a img:hover {opacity:0.8} 
.videopage h3 {font-size:1em; margin-top:0px; margin-bottom:3px; padding-bottom:2px;}
.videopage p {font-size:0.7em; line-height:150%; margin-top:10px; margin-bottom:10px; letter-spacing:0px}
.videopage a {text-decoration:none;}
.videopage a:hover {text-decoration:underline;}