/************************************
*	
*		RESET SECTION
*
***********************************/
	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,
	dl, dt, dd, ol, ul, li, input,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul{
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	a img{
		border:0;
	}

/************************************
*	
*		UTILITY SECTION
*
***********************************/
	.hidden{	display:none;	}
	.clickable{		cursor:pointer;	}
	.handle{		cursor:move;		}

	.clear,.clearleft,.clearright{
		float:none;
		overflow:hidden;
		height:1px;
		width: 1px;
		display:block;
	}
	.clear{	clear:both; }
	.clearleft{ clear:left;	}
	.clearright{ clear:right; }

	.rounded-corners{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #ccc;
	}
	.rounded-corners-large{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-ms-border-radius: 7px;
		-o-border-radius: 7px;
		border-radius: 7px;
		border:1px solid #ccc;
	}
	.box-shadow{
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
	}
	.letter-press{
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	}
	

/************************************
*	
*	GLOBAL LL STYLES
*
***********************************/

	/*	FONTS	*/
	body,.bodyFont{
		font-family:'Open Sans', sans-serif;
		font-weight:normal;
	}
	h1{
		margin-top:.2em;
	}
	.whiteContentBox	h1{
		margin-top:0;
	}
	h1,h2,h3{
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:700;
		padding-bottom:0.2em;
	}
	h4,h5,h6{
		font-family:'Open Sans', sans-serif;	
		font-weight:700;
	}
	a.button, input.button{
		font-family:'Droid Sans', sans-serif;
		font-weight:700;
	}

	/*	text sizes, colors, styles	*/
	body, p{
		color:#2d3032;
		font-size:14px;
		line-height: 1.5;
	}
	h1{		font-size:2.822em; color:#6893AB;	}
	h2{		font-size:1.881em; color:#000;	}
	h3{		font-size:1.25em; color:#000;	}
	h4{		font-size:1.0em; color:#3F545D; text-transform:uppercase;	}
	h5,h6{	font-size:1.0em; color:#3F545D;	}
	.small,caption,.caption{ font-size:0.86em; } 
	
	h2.subtitle{ font-size:1.25em; font-weight:100; }
	
	/*	LISTS: use the bullets class to display the bullets	*/
	ol li{	list-style: decimal; margin-left: 2em;	}
	ul.bullets li{	list-style:	disc; margin-left: 2em;}
	
	/*	LINKS	*/
	a:link{
		text-decoration:none;
		color:#0F639B;
	}
	/*
	a:visited{
		text-decoration:none;
		color:#333881;
	}
	*/
	a:hover,a:active{
		text-decoration:underline;
		color:#0F639B;
	}
	
	/*	MISC STYLES	*/
	p{	padding-bottom:1em;	}
	strong{	font-weight:700;	}
	em{		font-style:italic;	}
	abbr,acronym{ border-bottom:1px dashed #920F0F; }
	abbr:hover,acronym:hover{ background:#333881; color:#fff; }
	blockquote{
		margin-left: 4em;
		margin-right:4em;
		font-size:0.8em;
	}
	hr {
		height:1px;
		background-color:#D3D8DB;
		margin:20px 0;
		border:0;
	}

	/**
	*	TEXT BUTTONS
	*/
	a.button, input.button{
		position:relative;
		padding: 0.4em 1em;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
		
		/*	colors for default button	*/
		background: #F9F9FA;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F9F9FA), color-stop(100%, #ccc));
		background-image: -webkit-linear-gradient(#F9F9FA,#CCC);
		background-image: -moz-linear-gradient(#f9f9fa,#ccc);
		background-image: -o-linear-gradient(#f9f9fa,#ccc);
		background-image: -ms-linear-gradient(#f9f9fa,#ccc);
		background-image: linear-gradient(#f9f9fa,#ccc);
		border: 1px solid #A5A5A5;
		color:#383838;
	}
	a.button:hover, input.button:hover {
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #ddd));
		background-image: -webkit-linear-gradient(#fff,#ddd);
		background-image: -moz-linear-gradient(#fff,#ddd);
		background-image: -o-linear-gradient(#fff,#ddd);
		background-image: -ms-linear-gradient(#fff,#ddd);
		background-image: linear-gradient(#fff,#ddd);
		text-decoration:none;
	}	
	a.button:active, input.button:active {
		background-image:none;
		background-color:#f1f1f1;
		text-decoration:none;
		-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
	}	
				
	a.green, input.green{
		background: #1A9145;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1A9145), color-stop(100%, #008127));
		background-image: -webkit-linear-gradient(#1A9145,#008127);
		background-image: -moz-linear-gradient(#1A9145,#008127);
		background-image: -o-linear-gradient(#1A9145,#008127);
		background-image: -ms-linear-gradient(#1A9145,#008127);
		background-image: linear-gradient(#1A9145,#008127);
		border: 1px solid #1E4C2B;
		color: #fff;
	}
	a.green:hover, input.green:hover {
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1FA046), color-stop(100%, #1A9145));
		background-image: -webkit-linear-gradient(#1FA046,#1A9145);
		background-image: -moz-linear-gradient(#1FA046,#1A9145);
		background-image: -o-linear-gradient(#1FA046,#1A9145);
		background-image: -ms-linear-gradient(#1FA046,#1A9145);
		background-image: linear-gradient(#1FA046,#1A9145);
		text-decoration:none;
	}	
	a.green:active, input.green:active {
		background-image:none;
		background-color:#1A9145;
		text-decoration:none;
		-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
	}	
					
	a.blue, input.blue{
		background: #2179AA;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2179AA), color-stop(100%, #0F639B));
		background-image: -webkit-linear-gradient(#2179AA,#0F639B);
		background-image: -moz-linear-gradient(#2179AA,#0F639B);
		background-image: -o-linear-gradient(#2179AA,#0F639B);
		background-image: -ms-linear-gradient(#2179AA,#0F639B);
		background-image: linear-gradient(#2179AA,#0F639B);
		border: 1px solid #1E4C2B;
		color: #fff;
	}
	a.blue:hover, input.blue:hover {
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2F91BC), color-stop(100%, #2179AA));
		background-image: -webkit-linear-gradient(#2F91BC,#2179AA);
		background-image: -moz-linear-gradient(#2F91BC,#2179AA);
		background-image: -o-linear-gradient(#2F91BC,#2179AA);
		background-image: -ms-linear-gradient(#2F91BC,#2179AA);
		background-image: linear-gradient(#2F91BC,#2179AA);
		text-decoration:none;
	}	
	a.blue:active, input.blue:active {
		background-image: none;
		background-color: #2179AA;
		text-decoration:none;
		-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.1);
	}	
	 
/************************************
*	
*	LAYOUT AND UNIVERSAL COMPONENTS
*
***********************************/
	body{
		text-align:center;
		background:url(../../graphics/bg-promo-body.png);
	}
	.pageWidth{
		width:940px;
		margin:0 auto;
		text-align:left;
	}
	.noNav .pageWidth{
		width:640px;
	}
	.contentBox,.whiteContentBox,.oneQuarter,.oneThird,.fiveColumns, .oneHalf,.sevenColumns,.twoThirds,.threeQuarters {
		padding:20px;
	}	
	.oneQuarter,.oneThird,.fiveColumns, .oneHalf,.sevenColumns,.twoThirds,.threeQuarters {
		float:left;
		margin-right:20px;
	}
	.oneQuarter {
		width:178px;
	}
	.oneThird{
		width:258px;
	}
	.fiveColumns {
		width:338px;
	}
	.sevenColumns{
		width:498px;
	}
	.oneHalf{
		width:418px;
	}
	.twoThirds{
		width: 578px;
	}
	.threeQuarters{
		width:658px;
	}
	.lastColumn{
		margin-right:0;
	}
	.whiteContentBox .firstColumn {
		padding-left:0;
	}
	.whiteContentBox .lastColumn {
		padding-right:0;  
	}
	
	.whiteContentBox .oneQuarter,.whiteContentBox .oneThird,.whiteContentBox .fiveColumns,.whiteContentBox .oneHalf,.whiteContentBox .sevenColumns, .whiteContentBox .twoThirds {
		padding-top:0;
		padding-bottom:0;
	}
	
	.whiteContentBox{
		background:#fff;
		margin:10px auto 0 auto;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-ms-border-radius: 7px;
		-o-border-radius: 7px;
		border-radius: 7px;
		border:1px solid #ccc;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.3);
	}

	/*
	*	HEADER
	*/
	#header{
		background:#231f20;
		height:90px;
		overflow:hidden;
	}
	#headerInner{
		position:relative;
	}
	#mainLogo{
		position:absolute;
		top: 10px;
		left:0;
	}
	#mainMenu{
		position:absolute;
		top: 30px;
		left: 0;
		width:736px;
		margin-left:240px;
	}
	#mainMenu li{
		float:left;
		width: 80px;
		margin-right: 30px;
	}
	#mainMenu a{
		color:#999;
		font-weight:700;
		font-size:1.1em;
	}
	#mainMenu a:hover, #mainMenu a:active{
		color:#fff;
		text-decoration:none;
	}
	#mainMenu #mainMenuCustomers{
		width:92px;
	}
	#mainMenu #mainMenuSupport{
		width: 68px;
	}
	#mainMenu #mainMenuInquiry{
		width:123px;
		float:right;
	}
	#mainMenu #mainMenuInquiry a{
		color:#fff;
	}
	#mainMenu li.current a{
		color:#fff;
		cursor:default;
		padding-bottom:10px;
	}
	#mainMenu #mainMenuAbout.current a{
		background:transparent url(../../graphics/bg-promo-we-get-it-current.png) no-repeat -2px bottom; 
	}
	#mainMenu #mainMenuFeatures.current a{
		background:transparent url(../../graphics/bg-promo-features-current.png) no-repeat -2px bottom;
	}
	#mainMenu #mainMenuCustomers.current a{
		background:transparent url(../../graphics/bg-promo-customers-current.png) no-repeat 0 bottom;
	}
	#mainMenu #mainMenuSupport.current a{
		background:transparent url(../../graphics/bg-promo-support-current.png) no-repeat -2px bottom;
	}

	/**
	*	no-nav version
	*/
	#noNavHeader{
		padding:40px 0 16px 0;
		text-align:center;
	}

	/*
	*	PAGE BODY
	*/
	#pageContentContainer{
		height:auto !important;
		height:600px;
		min-height:600px;
	}
	.noNav #pageContentContainer{
		margin-bottom:60px;
	}
	/*
	*	END SECTION CTAs
	*/
	
	.endSectionCTA h5 {
		text-align:center;
	}
	
	/*
	*	END PAGE CTAs
	*/
	
	#endPageCTA {
		position:relative;
		margin:50px auto 40px auto;
		text-align:center;
	}
	
	#endPageCTA h3 {
		display:inline;
		margin-right:20px;
	}
	
	#endPageCTA .tryItArrow {
		position:absolute;
		top:-30px;
		left:450px;
		opacity:0.5;
		
	}
	
	/*
	*	FOOTER
	*/
	#footer{
		position:relative;
		border-top:3px double #9da7ac;
		margin-top:20px;
		margin-bottom:40px;
	}
	#footer,#footer p{
		font-size:0.86em;
		color:#9da7ac;
	}
	#footer a:link, #footer a:visited {
		color:#9da7ac;
	}
	#footer a:hover, #footer a:active {
		color:#0F639B;
	}
	#footerBanner{
		position:absolute;
		top:0;
		left:0;
		width:51px;
		height:72px;
		background:url(../../graphics/logo-banner-footer.png) no-repeat top left;
	}
	.footerSection{
		float:left;
		margin-right:20px;
		padding-top:12px;
	}
	#footerMainLinks{
		margin-left:80px;
		width:140px;
	}
	#footerMiscLinks{
		width:220px;
	}
	#footerMiscLinks .signup a{
		color:#0F639B;
	}
	#footerConnect{
		width:300px;
		padding-top:0;
	}
	#newsletterSignup{
		background:#c1c7cb;
		padding: 5px 0 0 0;
		text-align:center;
		margin-bottom:6px;
	}
	#newsletterSignup p{
		color:#333;
		font-weight:bold;
	}
	#newsletterSignup input{
		width: 150px;
	}
	#footerSocial li{
		float:left;
		width:74px;
		text-align:center;
	}
	#footerSocial li span{
		display:none;
	}
	a.jersey{
		display:block;
		width:73px;
		height:72px;
		background:url(../../graphics/bg-promo-jerseys.png) no-repeat top left;
	}
	#blogJersey{		background-position: 0 0;	}
	#blogJersey:hover, #blogJersey:active { background-position: 0 -72px;	}
	#facebookJersey{		background-position: -74px 0;	}
	#facebookJersey:hover, #facebookJersey:active { background-position: -74px -72px;	}
	#twitterJersey{		background-position: -148px 0;	}
	#twitterJersey:hover, #twitterJersey:active { background-position: -148px -72px;	}
	#youtubeJersey{		background-position: -222px 0;	}
	#youtubeJersey:hover, #youtubeJersey:active { background-position: -222px -72px;	}
	
	#footerContact{
		position:absolute;
		top: 0;
		right:0;
		margin-right:0;
		width:140px;
	}
	#footerContact p{
		padding-bottom:0;
	}

/**
*	User message
*/
	#userMessage{
		text-align:center;
	}
	#userMessage div{
		/*	all alerts	*/
		display:none;	/*	animate-in with js	*/
		width:919px;
		margin:10px auto 0 auto;
		padding: 8px 10px;
		font-weight:bold;

		/*	non-error message settings	*/
		background:#fff2d4;
		border:1px solid #de9a00;
		color:#de9a00;
	}
	#userMessage.error div{
		background:#fdd;
		border:1px solid #d02829;
		color:#d00;
	}

/**
*	Login Button
*/

#signInButton {
	margin-left:153px;
}