/*
This code authored by Eric Meyer.
http://meyerweb.com/eric/tools/css/reset/

The purpose of a reset file, stated in the words of Yahoo, "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions." (see http://developer.yahoo.com/yui/reset/)
v1.0 | 20080212 */

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; }
:focus 						{ outline: 0; }
ins 						{ text-decoration: none; }
del 						{ text-decoration: line-through; }
table 						{ border-collapse: collapse; border-spacing: 0; }


/* Basic HTML Setup */
/* --------------------------- */
html										{ overflow-x: hidden; background: #eee url("../images/bg_body.jpg") 0 0 repeat-x; }
body										{ color: #444; font: normal normal normal 14px 'Helvetica Neue', Arial, sans-serif; -webkit-text-stroke:1px transparent; line-height: 18px; }
@media only screen and (max-device-width:480px) {.horiz .body {-webkit-text-stroke:0 black;}}
a											{ color:#1073a1; text-decoration: none; font-weight: bold; }
a:visited									{ color:#1383b7; }
a:hover										{ text-decoration: underline; }
p 											{ padding: 0 0 12px 0; }
ul											{ list-style:none; padding:0; }
ol											{ list-style:decimal; padding:0 0 12px 20px; }
li											{  }
img[align="left"]							{ margin:6px 20px 18px 0px; }
.ie7 img[align="left"]						{ float:left; }
img[align="middle"], img[align="right"] 	{ margin:6px 0px 18px 20px; }
img[align="middle"], img[align="right"]		{ float:right; }
header, article, section, nav, footer		{ display: block; padding:0; margin:0; }
input										{ font-family: "Helvetica Neue", Arial, sans-serif; }



/* Header & Footer */
/* --------------------------- */

.container									{ width:784px; margin:0 auto; background-color:#fff; position:relative; }
.container:after 							{ content: "."; visibility: hidden; display: block; height: 0; clear: both; }
header                                      { background: url("../images/bg_body.jpg") 0 0 repeat-x; }
header h2 									{ float:left; width:260px; margin:14px 0 11px 0; }
header h2 a                                 { }
header .callUs								{ float:right; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.3); margin:10px 12px 0 0; font-family:Georgia, serif; font-size:18px; padding:18px 0 0 40px; }
header .callUs span 						{ font-family:"Helvetica Neue",Arial,sans-serif; font-weight:bold; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
header .callUs a							{ color:#fff; }

header nav                                  { width:100%; background: #1f3142 url("../images/bg_nav.png") 0 0 no-repeat; clear:both; overflow:hidden; }
header nav ul li                            { float:left; background: url("../images/bg_nav_sepline.png") no-repeat top left; }
header nav a                                { font-weight:normal; background: url("../images/arrow_mainNav.png") top right no-repeat; color:#fff; padding:6px 24px 0 16px; height:23px; display:block; font-size:12px; }
header nav>ul>li:last-child>a				{ padding:6px 24px 0 16px; }
header nav a:visited						{ color:#fff; }
header nav ul ul                            { display:none; background:#19698e; position:absolute; text-align:left; padding:0; z-index:500; box-shadow:0 1px 10px rgba(0,0,0,0.4); }
header nav ul ul li							{ background:none; float:none; text-decoration:none; border-bottom:1px solid #88a8b7; }
header nav ul ul li:last-child				{ border:none; }
header nav ul ul a							{ background:none; text-decoration:none; padding:8px 13px; height:auto; }
header nav ul ul a:hover					{ background-color:#27526d; }
.ie7 header nav ul ul a:hover,				
.ie8 header nav ul ul a:hover				{ background-color:transparent; }
.ie6 header nav ul li                       { display:inline; width:100px; }
.ie6 header nav ul li a,
.ie7 header nav ul li a,
.ie8 header nav ul li a						{ padding:6px 19px 0; }
.ie6 header nav ul li li a,
.ie7 header nav ul li li a,
.ie8 header nav ul li li a					{ padding:6px 0 0; }
.ie6 header nav ul ul,
.ie7 header nav ul ul,
.ie8 header nav ul ul						{ padding:0 13px 10px; }


.homePromo									{ background:url("../images/bg_feature.jpg") 0 0 no-repeat; } 
.homePromo h1								{ font-family:Times,Georgia,serif; font-size: 34px; color: #194d83; width:340px; padding: 40px 0 12px 23px; line-height:34px; } 
.homePromo h3								{ font-size:23px; color: #fff; background: url("../images/ribbon_blue_plus.png") 0 0 no-repeat; padding: 15px 23px 9px; height:27px; } 
.homePromo h3 em, .homePromo h3 strong		{ color:#ffe400; }
.homePromo h3 strong						{ border-bottom:2px solid #ffe400; }
.homePromo .offer							{ font-size:16px; padding: 12px 23px; width:400px; } 
.homePromo .offer a 						{ font-size:11px; color: #444; font-weight:normal; text-decoration:underline; }
.homePromo .details							{ background-color:#d5d5d5; padding: 18px 270px 18px 23px; font-size:13px; } 

.getKit										{ position:absolute; top:103px; right:0; box-shadow:0 1px 10px rgba(0,0,0,0.3); width:245px; background:#e3e3e3 url("../images/bg_form.jpg") 0 0 repeat-x; } 
.badge_250bonus								{ position:absolute; text-indent:-9999px; right:-90px; top:90px; width:111px; height:109px; background: url("../images/badge_250bonus.png") 0 0 no-repeat; } 
.getKit h2, .getKit h3, .getKit .or 		{ font-family:Times,Georgia,serif; text-align:center; }
.getKit h2									{ color: #ff6100; font-size:27px; padding: 0 0 12px; } 
.getKit h3									{ font-size:18px; padding: 24px 0 12px; } 
.getKit .or									{ background: url("../images/or_lines.png") center 8px no-repeat; font-size:16px; padding: 0 0 18px; }
.getKit fieldset							{ width:100%; overflow:hidden; padding:3px 0 0; }
.getKit label								{ float:left; width:70px; padding:2px 6px 0 0; font-size:12px; text-align:right; }
.getKit input[type="text"] 					{ width:140px; }
.getKit input.phone							{ width:30px; margin:0 3px 0 0; }
.getKit .links								{ text-align:right; padding: 6px 20px 0 0; width: auto; }
.getKit .pp 								{ font-size:11px; text-align:right; padding: 0 12px 12px 0; }
.getKit .pp a 								{ color: #333; text-decoration:underline; font-weight:normal; }
.getKit .errors								{ color: #fff; background-color:#1e3d4d; border-radius:10px; position:absolute; top:80px; left:-270px; padding:20px; width:220px; box-shadow:0 1px 15px rgba(0,0,0,0.4); display:none; }
.getKit .errors h6							{ font-size:14px; padding:0 0 6px 0; color:#ddc300; }
								
article										{ padding: 24px 0 0 23px; width:500px; float:left; } 
article h4									{ font-family:Times,Georgia,serif; font-size: 20px; color: #194d83; padding:0 0 12px; } 
article ul									{ list-style:disc; padding: 0 0 30px 20px; font-size:15px; } 
article li									{ padding: 0 0 6px; } 
article #button_introVideoLaunch			{ text-indent:-9999px; display:block; background: url("../images/button_findOutMore.png") 0 0 no-repeat; height:42px; } 
article .logos 								{ width:100%; overflow:hidden; padding: 42px 0 24px; }
article .logos ul							{ list-style:none; padding: 0; } 
article .logos li 							{ float:left; padding: 0 18px 0 0; }

.howToSetup									{ border-left:1px solid #888; margin:24px 0 0; width:244px; float:right; } 
.howToSetup h3								{ font-family:Times,Georgia,serif; font-size: 20px; color: #194d83; padding:0 20px 12px; line-height:20px; text-align:center; } 
.howToSetup ol 								{ list-style:none; }
.howToSetup li 								{ padding:66px 30px 20px 0; text-align:center; }
.howToSetup .step1							{ background:url("../images/howTo_1.jpg") 0 0 no-repeat; } 
.howToSetup .step2							{ background:url("../images/howTo_2.jpg") 0 0 no-repeat; }  
.howToSetup .step3							{ background:url("../images/howTo_3.jpg") 0 0 no-repeat; } 

.terms										{ padding: 24px 0 0 23px; width:700px; float:left; } 
.terms h4									{ font-family:Times,Georgia,serif; font-size: 24px; color: #194d83; padding:0 0 12px; } 
.terms h5									{ font-size: 15px; padding:0 0 8px; } 
.bonusTable									{ padding:20px 0 30px 150px; }
.bonusTable	table,th,td						{ border: 2px solid #E8E8E8; text-align:left; padding:8px 12px; }

.copyright									{ clear:both; padding: 12px 23px; font-size:12px; }



/* WIDE MOBILE LAYOUT (LANDSCAPE/780PX)
----------------------------------------------- */

@media only screen and (max-width: 780px) {

.container 									{ width:480px; }
header h2									{ margin:18px 0 16px 0;}
.container header nav ul li	a,
header .callUs								{ font-size:14px; }
header .callUs								{ margin:16px 10px 0 0; }
header .logon								{ top:6px; right:10px; }

.homePromo .details							{ height:210px; }

.getKit h3 									{ padding:12px 0 6px; }
.getKit										{ top:364px; }
.getKit	.or, 								
.getKit h2 									{ padding: 0; }

article 									{ width:auto; padding:24px 23px; }
article .logos li 							{ padding: 0 6px 0 0; }

.howToSetup 								{ width:auto; border-left:none; border-top:1px dotted #ccc; margin:0; padding: 18px 0 0; }
.howToSetup li 								{ padding:18px 30px 20px 180px; text-align:left; height:60px; }
.howToSetup h3 								{ padding: 0 0 24px; }

.terms 										{ width:auto; padding:24px 23px; }
.bonusTable									{ padding:30px; }

.copyright									{ clear:both; border-top:1px dotted #ccc; color: #888; text-align:center; padding: 12px 23px; font-size:12px; }

}


/* MOBILE LAYOUT <480px
----------------------------------------------- */

@media only screen and (max-width: 479px) {

.container 									{ width:320px; }
header 										{ border-bottom:6px solid #004d7b; }
header h2									{ float:none; width:98%; margin:12px 0 6px 0; text-align:left; padding: 0 0 0 2%; }
header .callUs								{ font-size:14px; background:none; float:none; margin:0; padding:3px 0 5px 5px; text-align:center; }

#mainNav									{ background:none; overflow:visible; z-index:300; width: 100%; position: absolute; top:0; left:0; } /* background-color: rgba(0,0,0,0.4); */
#menu_info			                 		{ z-index:200; right:0; width: 100%; height:44px; top:0; position: absolute; background-color: #000; color: #f8832d; overflow: hidden; }
#menu_info .back                       		{ display:block; float:left; width:40px; padding:12px 0 0 20px; height:32px; border-right:1px solid #989898; background: url(../images/mobile_arrow_back.gif) 8px 16px no-repeat; text-transform: uppercase; color: #cfe1ed; font-size: 0.6em; font-weight: bold; }
#menu_info #crumbs							{ float:left; padding: 12px; }
#menu_info #crumbs p 						{ color:#efd13a; padding:0; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: clip; }
#mainNav>ul									{ display:none; z-index:300; position: relative; padding: 0.4em 0.6em 0.3em 0.6em; background-color: #ed7c29; margin: 28px 0.25em 0.8em 0.25em; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.75); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.75); box-shadow: 0 1px 10px rgba(0,0,0,0.75); }
#mainNav ul li								{ float:none; border-bottom:1px solid rgba(255,255,255,0.2); background:none; }
#mainNav ul 								{ background-color:#19698e; }
#mainNav ul ul 								{ padding: 0; box-shadow:none; }
#mainNav ul li li 							{  }
#mainNav .expandable 						{ background: url(../images/menu_expandable.png) 100% 50% no-repeat; }
#mainNav ul li:last-child					{ border-bottom:none; }
#mainNav ul ul li:last-child				{ border-bottom:none; }
#mainNav ul a								{ color: #fff; font-size: 1.1em; padding:10px 1.45em 10px 0.45em; display: block; height:auto; }
#mainNav ul ul,						
#mainNav ul ul ul                    		{ position:static; display: none; }
#mainNav  ul ul a:hover						{ background-color:transparent; }
#mainNav .currentPage						{ color: #000; }

#status_first>li							{ display: none; }
#mainNav #status_first>li 					{ border:none; }
#mainNav #firstLevel						{ display:block; }
#mainNav #firstLevel>.expanded     			{ display:none; }
#mainNav #firstLevel_open					{ display:block; }

#menu_launch								{ position:absolute; top:6px; right:2%; color: #696841; text-shadow:0 1px 0 rgba(255,255,255,0.8); padding:0.5em 0.6em; font-size: 0.9em; text-transform: uppercase; display: block; background-color: #f7ee00; box-shadow:0 1px 3px rgba(0,0,0,0.4); -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; }
#menu_launch:hover							{ text-decoration:none; background-color:#dbd504; }

.homePromo 									{ background-color:#ece4c4; background-position:-130px 0; }
.homePromo h1 								{ font-size:24px; width:auto; padding: 18px 23px; line-height:24px; }
.homePromo h3 								{ font-size:16px; }
.homePromo .offer							{ width:auto; } 
.homePromo .details							{ background-color:#d5d5d5; padding: 18px 23px; font-size:13px; height:auto; } 
.badge_250bonus								{ top:615px; right:auto; left:-30px; }

.getKit										{ position:static; top:0; left:0; box-shadow:none; width:auto; } 
.getKit label 								{ width:110px; }
.getKit .links 								{ padding: 12px 57px 6px 0; }
.getKit .errors 							{ top:370px; left:20px; }
article #button_introVideoLaunch			{ background: url("../images/button_findOutMore_small.png") 0 0 no-repeat; } 

.howToSetup li 								{ padding:6px 30px 20px 164px; }

}

@media only screen and (min-width: 481px) {
	#menu_launch, #menu_info { display:none !important; }
	#mainNav>ul { display:block !important; }
}
.ie7 #menu_launch, .ie8 #menu_launch, 
.ie7 #menu_info, .ie8 #menu_info { display:none !important; }
.ie7 #mainNav>ul, 
.ie8 #mainNav>ul { display:block !important; }