/* Body styles */


* {
margin:0;
padding:0;

}


body {

font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
text-align: center;
margin:0;
padding:0;
background:#FAFAFA;
}


/* Headers */


h1 {
display:block;
overflow: hidden;
float: left;
width: 545px;
height: 79px;
padding: 0;
text-indent:-1000px;
background-image:url("/emails/feimages/secondary_snow/logo.gif");
background-repeat: no-repeat;
background-position: left center;
margin-top:20px;
}



h2 {
font-size:16px;
font-weight:bold;
color:#333;
margin:5px 0 5px 0;
padding:0;
}

h3 {
font-size:14px;
font-weight:bold;
color:#333;
margin:5px 0 5px 0;
padding:0;

}

h4 {
font-size:14px;
font-weight:bold;
color:#fff;
margin:0;
padding:0;

}


.sSubheader {
font-size:14px;
font-weight:bold;
color: #57A33A;
padding:20px  0 5px 0;

}

/* common */

p {
padding:5px 0 10px 0;
margin:0;
line-height: 150%;
}


.Left {
float:left;
}

.Right {
float:right;
}



/*ul*/

ul{
padding:0;
margin:20px 0 20px 0;
}

ul li{
list-style:none;
margin:3px 0 3px 0;
}

ul.Dot  {
padding:0;
margin:20px 0 20px 10px;
}

ul.Dot li{
padding: 10px 0 5px 18px;
background:url(icon_bullet.gif) no-repeat left 13px;
list-style:none;
}


ul.Inline {
padding:0;
margin:20px 0 20px 0;
list-style:none;
}

ul.Inline li{
display:inline;
margin:10px;
}

/*links*/

a, a:visited {
color: #57A33A;
text-decoration:underline;
}

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

a.White:link, a.White:visited, a.White:hover{
text-decoration:underline;
color:#fff;
font-size:11px;
}


/*forms*/

.input { 
clear: left;
margin-bottom:5px;
float:left; 	
}

label {
font-size:12px;
font-weight:bold;
color: #333;
padding:10px 10px 5px 0;
width:250px;
text-align:right;
float:left;
display:block;
}

.ContactInput {
width:240px;
padding:5px;
font-size:12px;
border:1px solid #59AC3E;
float:left;

}

.ContactTextarea {
width:240px;
padding:5px;
font-size:12px;
border:1px solid #59AC3E;
height:50px;
float:left;
}

.ContactButton {
padding:5p;
margin-left:260px;
font-size:12px;
display:block;
color:#59AC3E;
font-size:14px;
}

input.username {
background: #fff url(icon_username.gif) no-repeat 3px 2px;
padding:3px 3px 3px 25px;
width:170px;
color:#666;
border:1px solid #F1F1F1;
}


input.useremail {
background: #fff url(icon_envelope_white.jpg) no-repeat 3px 2px;
padding:3px 3px 3px 25px;
width:170px;
color:#666;
border:1px solid #F1F1F1;
}


input.password{
background: #fff url(icon_password.gif) no-repeat 3px 2px;
padding:3px 3px 3px 25px;
width:170px;
color:#666;
border:1px solid #F1F1F1;
}




/* Main Header */

div#MainHeader {
width:100%;
background:#74BE57 url(header_grad.jpg) repeat-x bottom;
float:left;
}

div.container {
width: 800px;
margin: 0 auto 0 auto;
text-align: left;
}

div#header {
float:left;
width:800px;
margin:15px 0 20px 0;
}

div#header ul {
float:right;
margin-top:6px;
text-align:right;
color:#57A33A;
}

div#header ul li {
list-style: none;
font-size:12px;
margin:5px 0 5px 20px;
}

div#header ul li a {
color:#57A33A;
}




/* Content Holders */

div#MainBody {
width:100%;
background:white;
float:left;
padding:20px 0 40px 0;
}

div#Content {
float:left; 
width:580px; 
}

div#ContentWide{
float:left; 
width:800px; 
}

/* left hand col*/

div.LeftCol{
float:left; 
width:198px;  
padding:0 0 10px 0;
margin-right:20px;
}

div.RightCol{
float:right; 
width:198px;  
padding:0 0 10px 0;
margin-left:20px;
}

/* left hand menu*/	

div#ContentMenu { 
width:198px;  
color:#57A33A;
padding:0 0 10px 0;
margin-bottom:20px;
border-top: 1px solid #ccc;
}

div#ContentMenu h2 {
position:relative;
text-decoration:none;  
background:#F2F2F2;
font-size:16px;  
display:block; 
width:188px; 
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:5px 5px 5px 5px;
margin:0;
}


div#ContentMenu a, #div#ContentMenu a:visited {
position:relative;
text-decoration:none;  
background:#F2F2F2 url(menu_arrow.gif) no-repeat 5px 9px;  
display:block; 
width:178px; 
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:5px 5px 5px 15px;
}

div#ContentMenu a:hover {
background:#fff url(menu_arrow.gif) no-repeat 5px 9px; 
}



a.MenuSub:link, a.MenuSub:visited {   
background:#fff url(menu_arrow.gif) no-repeat 15px 9px !important;  
padding:5px 5px 5px 25px !important; 
width:168px !important;
}



a.MenuHeader:link, a.MenuHeader:visited {  
font-weight:bold;
background:#fff url(menu_arrow_down.gif) no-repeat 5px 9px !important;
}



div#ContentMenu ul{
}

div#ContentMenu ul li{
list-style:none;
padding:5px 10px 5px 10px;
padding-left:10px;
padding-right:10px;
border-top:1px solid #fff;
border-bottom: 1px solid #ccc;
background:#F2F2F2;
}

div#ContentMenu ul li a:link{
list-style:none;
border-top:1px solid #fff;
border-bottom: 1px solid #ccc;
background:white;
}





div#MainTabs{
width:100%;
background:#F2F2F2 url('tabs_grad.jpg') repeat-x left bottom;;
float:left;

}



#tabnav
{

margin: 0;
padding: 0;

}

#tabnav li
{
margin: 0; 
padding: 0;
display: inline;
font-size: 12px;
list-style-type: none;

}

#tabnav a:link, #tabnav a:visited {
float: left;
padding: 7px 10px 7px 10px;
border-right:1px solid #ccc;
font-weight: bold;
margin: 10px 0 0 0;
text-decoration: none;
color: #59AC3E;
border-top:3px solid #F2F2F2;
}

#tabnav a:link.active, #tabnav a:visited.active	{
background: #fff;
color:#59AC3E;
border-right:none;
border-top:3px solid #59AC3E;
}

#tabnav a:hover	{
color:#ccc;
text-decoration:underline;
border-top:3px solid #F2F2F2;
}

div.HighlighBox{ 
width:800px;  
padding:0;
margin-bottom:40px;
float:left;

}

div.HighlighBox p{ 
width:380px;
float:left;
}



div.HighlighBoxMedia {
float:right;
padding:0 0 0 20px;
}


/* footer */

div#footer{
width:100%;
background:#FAFAFA url('footer_fade.jpg') repeat-x;
text-align:center;
padding: 20px 0 20px 0;
float:left;

}

div#footerContainer {
width: 800px;
margin: 0 auto;
text-align: left;
}

.footerInfo {
color:#666;
padding: 20px 0 20px 0;
width:800px;
float:left;
}

.footerInfo h3{
color:#666;
font-size:14px;
font-weight:bold;
margin:10px 0 10px 0;
}

.footerInfo p{
color:#666;
font-size:12px;
}

.footerInfo ul{
padding:10px 0 10px 0;
margin:0;
list-style:none;
}

.footerInfo ul li{
display:inline;
margin-right:15px;
vertical-align:middle;
}


.ViewVideo{
background:url(view_video.jpg) no-repeat;
width:360px;
float:left;
margin:0 20px 0 0;
height:223px;
}

.ViewVideo p{
padding:0 0 25px 190px;
font-size:11px;
color:#666;
}

.ViewPresentation{
background:url(view_presentation.jpg) no-repeat;
width:360px;
float:left;
height:223px;
}

.ViewPresentation p{
padding: 0 0 25px 190px;
font-size:11px;
color:#666;

}


/* Hightlights and Features */


.FeatureGrey {
width:100%;
background:#FAFAFA;
float:left;
text-align:center;
margin:10px 0 20px 0;
}

.FeatureGrey h2, .FeatureGrey p{
padding:0 10px 10px 10px;
}

.FeatureGrey img{
text-align:center;
margin:10px;
}

.FeatureInfo {
width:100%;
background:#FAFAFA;
float:left;
margin:10px 0 10px 0;
padding:10px 0 20px 0;
}

.FeatureInfo-lower{
width: 570px;
background:#FAFAFA;
float:left;
margin: 0 0 10px 0;
padding:10px 0 20px 0;
}


.FeatureInfo p, .FeatureInfo h3  {
padding:0 10px 0 10px;
}



/* Extras */

.HeaderUnderline{
border-bottom:1px solid #ccc; 
margin:15px 0 15px 0; 
padding-bottom:10px;
}

.envelope_icon{
padding: 2px 0 0 25px;
background:url(icon_envelope_white.jpg) no-repeat left 1px;
}

.GreenBold {
font-weight:bold;
color:#59AC3E;
}

.bttnSpacer{
margin-bottom:40px;
margin-top:20px;
}

.divider {
width:100%;
border-bottom: 1px dotted #ccc;
margin:15px 0 15px 0;
float:left;
}
.divider-small {
border-bottom: 1px dotted #ccc;
margin:15px 0 15px 0;
}

.YellowHighlight{
background:#FFFFCC;
font-weight:bold;
}


.ArrowHeader {
background:url(icon_arrow_green.gif) no-repeat left ;
padding:4px 0 4px 20px;
}


.TickHeader {
background:url(icon_tick_green.gif) no-repeat 4px 2px;
padding:4px 0 4px 35px !important;
}


/* ------------------------------ pages ------------------------------ */

/* home */

div#HeaderHome {
width:100%;
float:left;
background:url(header_home.jpg) no-repeat top right;
}

div#HeaderHome h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
height: 90px;
padding: 0;
text-indent:-1000px;
background-image:url(Header_text_home.gif);
background-repeat: no-repeat;
background-position: left center;
}

div#MediaContent{
width:100%;
float:left;
}

div#MediaContent-left {
	float: left;
	width: 572px;
}

#MediaContent-left ul.applications-list {
	width: 232px;
	float: left;
	padding-left: 30px;
}
	#MediaContent-left ul.applications-list li {
		background: url(icon_tick_green.gif) no-repeat left;
		padding-left: 30px;
	}

div#MediaContentExtras{
width:200px;
float:right;
}

div#FeatureHome{
width:200px;
float:left;
margin-bottom:20px;
}

div#NewsFeatureHome p, div#NewsFeatureHome h3, div#NewsFeatureHome h4{
padding:0 10px 0 10px;
}



.MediaTable {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom:0;
background:#fff url(gradient.jpg) repeat-x top left;
width:560px;
float:left;
}

.MediaTable h2{
font-size:16px;
font-weight:bold;
color:#333;
margin:5px 0 5px 0;
}

.MediaTable th {
text-align:left;
color:#59AC3E;
font-size:12px;
border-bottom: 1px solid #ccc;
border-width: 1px 0px;
padding: 10px 0 10px 10px;
}

.MediaTable td {
border-top:1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 10px 5px 10px 10px;
vertical-align:middle;
color:#333;
font-size:12px;
}


/* about the project */

div#HeaderProject {
width:100%;
float:left;
background:url(project-header.jpg) no-repeat top left;
height:192px;
margin-bottom:30px;
}

div#HeaderProject h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderProject p{	
margin-top:134px;
margin-left:20px;
_margin-top: 110px;
}

.meet-team-left {
	width: 385px;
	float: left;
	padding-right:15px;
}
.meet-team-right {
	width: 385px;
	float: left;
	padding-left: 15px;
}

.profile-image {
float:right;
background:#ECECEC;
padding:5px;
margin:0 0 10px 20px;
border:1px solid #DEDEDE;
	
}

/* System Demos */

div#HeaderSystemDemos {
width:100%;
float:left;
background:url(header-system-demos.jpg) no-repeat top left;
height:195px;
margin-bottom:20px;
}

div#HeaderSystemDemos h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderSystemDemos p{	
margin-top:143px;
margin-right:20px;
text-align: right;
_margin-top: 110px;
}

.image-box {
	width: 544px;
	text-align: center;
}
	.image-box .image-box-right {
		padding-left: 30px;
	}


/* Project Team */

.Team{
width:800px;  
margin-bottom:10px;
float:left;
}

.Team p, .Team h3 {
width:540px;
float:left;
clear:both;
}

.Team img {
float:right;
background:#ECECEC;
padding:5px;
margin:0 0 10px 10px;
border:1px solid #DEDEDE;
}

/* Testimonials and Video */

div#HeaderTestimonialsVideo {
width:100%;
float:left;
background:url(header-testimonials-video.jpg) no-repeat top left;
height:192px;
margin-bottom:30px;
}

div#HeaderTestimonialsVideo h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderTestimonialsVideo p{	
margin-top:134px;
margin-left:20px;
_margin-top: 110px;
}

.PullQuoteGrey {
color:#59AC3E;
font-size:160%;
font-style:italic;
font-weight:bold;
padding: 15px;
background: #f7f7f7;
width: 539px;
display: block;
text-align: center;
margin: 10px 0 10px 0;
}
.PullQuoteGreySmall {
color:#59AC3E;
font-size:140%;
font-style:italic;
font-weight:bold;
padding: 15px;
background: #f7f7f7;
width: 539px;
display: block;
text-align: center;
margin: 10px 0 10px 0;
}
.PullQuoteGreen {
color:#fff;
font-size:160%;
font-style:italic;
font-weight:bold;
padding: 15px;
background: #59AC3E;
width: 539px;
display: block;
text-align: center;
margin: 9px 0 10px 0;
}



/* Testimonials */


div#HeaderTests {
width:100%;
float:left;
background:url(header_tests.jpg) no-repeat top left;
height:192px;
margin-bottom:30px;
}

div#HeaderTests h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderTests p{	
margin-top:134px;
margin-left:20px;
_margin-top: 110px;
}

.UserSpan {
font-size:12px;
padding:4px 0 4px 27px;
background:url(icon_speech_white.jpg) no-repeat 3px 2px;
margin:0 0 15px 0;
display:block;
}



.PullQuote {
color:#59AC3E;
font-size:160%;
font-style:italic;
font-weight:bold;
margin:10px 0 10px 0;
}

.PullQuoteSmall {
color:#59AC3E;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:20px 0 20px 0;
}



/* Support */


div#HeaderSupport {
width:100%;
float:left;
background:url(header_training.jpg) no-repeat top left;
height:192px;
margin-bottom:10px;
}

div#HeaderSupport h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderSupport p{	
margin-top:110px;
margin-left:20px;
_margin-top: 90px;
}

.Stamp{
background:#FAFAFA url(support_stamp.gif) no-repeat right 20px;
}



/* Features */


div#HeaderFeatures {
width:100%;
float:left;
background:url(header_features.jpg) no-repeat top left;
height:195px;
margin-bottom:20px;
}

div#HeaderFeatures h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderFeatures p{	
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}



.FeaturesTop  {
width:490px;
float:left;

}

.FeaturesTop ul {
padding:0 20px 0 10px;
margin:20px 20px 20px 0;
border-right:1px dashed #ccc;

}

.FeaturesTop ul li{
padding: 5px 0 5px 18px;
background:url(icon_bullet.gif) no-repeat left 8px;
list-style:none;
}

.FeaturesIcons {
width:280px;
}

.FeaturesIcons ul{
text-align:center;
}



.FeaturesAdds {
width:100%;
float:left;
margin:0 0 10px 0;
padding:0;
}


.FeaturesAdds-box {
padding:20px;
width:300px;
}

.feature-box {
	background: #f7f7f7 url(feature-box-bg.jpg) no-repeat bottom left;
	width: 398px;
	padding-left: 170px;
	margin-top: 40px;
}

.table-new {
	background: #ffffcc;
	margin-right: 3px;
}

.img-float-right {
	float: right;
	margin: 15px 0 15px 20px;
}

/* Bens */


div#HeaderBenefits {
width:100%;
float:left;
background:url(header_bens.jpg) no-repeat top left;
height:224px;

}

div#HeaderBenefits h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderBenefits p {	
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}

.featureBensListNarrow{
width:350px;
float:left;
padding:0 30px 0 10px;
}

.ContactForm {
float:left;
margin-right:20px;
padding-right:20px;
border-right:1px dotted #ccc;
}

.ContactFormTrial {
float:left;
margin-right:20px;
padding-right:20px;
margin-left: -160px;
border-right:1px dotted #ccc;
}

.benefits-column {
	width: 555px;
	float: right;
	padding-right: 15px;
}

.benefits-list {
	margin-bottom: 60px;
}

/* Save Money */


div#HeaderSaveMoney {
width:100%;
float:left;
background:url(header-save-money.jpg) no-repeat top left;
height:192px;

}

div#HeaderSaveMoney h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderSaveMoney p {
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}

.save-money-center {
	width: 350px;
	float: left;
}

/* Trial */


div#HeaderTrial {
width:100%;
float:left;
background:url(header_trial.jpg) no-repeat top left;
height:198px;
}

div#HeaderTrial h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderTrial p {	
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}


/* Contact */


div#HeaderContact {
width:100%;
float:left;
background:url(header_contact.jpg) no-repeat top left;
height:219px;
margin-bottom:20px;
}

div#HeaderContact h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderContact p {	
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}

/* Diploma Check */

div#HeaderDiploma {
width:100%;
float:left;
background:url(header-diploma.jpg) no-repeat top left;
height:191px;

}

div#HeaderDiploma h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderDiploma p {
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}

.greybold {	
	font-size: 13px;
	color: #999;
}


/* Sports Tracker */

div#HeaderSports {
width:100%;
float:left;
background:url(header-sports-tracker.jpg) no-repeat top left;
height:190px;

}

div#HeaderSports h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderSports p {
margin-top:130px;
margin-right:20px;
text-align: right;
_margin-top: 110px;
}



/* Contact */


div#HeaderTeam {
width:100%;
float:left;
background:url(header_team.jpg) no-repeat top left;
height:192px;
margin-bottom:20px;
}

div#HeaderTeam h2 {
display:block;
overflow: hidden;
float: left;
width: 100%;
padding: 0;
text-indent:-1000px;
}


div#HeaderTeam p {	
margin-top:130px;
margin-left:20px;
_margin-top: 110px;
}


/* Landing */

div#HeaderLanding {
width:100%;
float:left;
border:1px solid #CCC;
background: url(header_landing.gif) no-repeat 15px 15px;
margin-bottom:30px;
text-align:right;
padding:0;
vertical-align:bottom;

}



/* Landing */


.FeatureTable {
margin:20px 0 20px 0;
width:100%;
float:left;
}


.FeatureTable th {
text-align:left;
color:#59AC3E;
font-size:14px;
border-bottom: 1px solid #ccc;
padding: 10px 0 10px 5px;
}

.FeatureTable td {
border-bottom: 1px solid #ccc;
padding: 10px 5px 10px 5px;
vertical-align:middle;
color:#333;
font-size:12px;
}

.altRow {
background:#FAFAFA;
}


/* Extras */

.img-right {
	float: right;
	margin: 0 0 0 10px;
}

.demo-box {
	width: 544px;
	background: #f7f7f7;
	padding: 12px;
}

	.demo-box .demo-thumb {
		border: 1px solid #474747;
		float: left;
		margin-right: 25px;
	}
	.demo-box .demo-button {
		margin-top: 13px;
	}
	
	.demo-box .demo-details-alt {
		float: left;
	}
	.demo-box .demo-thumb-alt {
		border: 1px solid #474747;
		float: left;
		margin-left: 20px;
	}
	.demo-box .demo-button-alt {
		margin-top: -13px;
		clear: both;
	}
.demo-box p {
	display: none;
}

.demo-box-features {
	padding: 30px 12px;
}

.video-box {
	width: 544px;
	background: #f7f7f7;
	padding: 12px;
}
	.video-box .video-container {
		float: left;
		margin-right: 25px;
	}
	.video-box .video-button {
		margin-top: 13px;
	}
	.video-box .video-details-alt {
		float: left;
	}
	.video-box .video-container-alt {
		float: left;
		margin-left: 25px;
	}
	.video-box .video-button-alt {
		margin-top: -20px;
	}
.video-box p, .video-box-primary p {
	display: none;
}
	.video-box .video-container-alt-short {
		float: left;
		margin-left: 8px;
	}


.video-box-primary {
	background-image: url(primary-banner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}


	
.video-left {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}
.video-right {
	float: right;
	width: 200px;
	margin: 0 0 0 20px;
}
	
.sidebar-video {
	width: 176px;
	padding: 12px;
	background: #f7f7f7;
	margin-bottom: 20px;
}
	.sidebar-video .video-details {
		margin-top: 10px;
	}
	.sidebar-video .video-button {
		margin-top: 10px;
	}
.sidebar-video p {
	display: none;
}

.sidebar-video .demo-thumb {
	border: 1px solid #474747;
	margin-left: 5px;
}

.sidebar-button {
	margin-bottom: 20px;
	background: #f7f7f7;
	text-align: center;
}