<style type="text/css">
/* RESET */

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 {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* START */

html {
	background:#000000 url(/assets/images/background.png) repeat-x;
	/*background:#1a3059 url(http://cache.nextengine.com/images/background-2px-1000px.jpg) repeat-x;*/
	_background:#000000;
	background-position: 0px 0px;
	width: 100%;
	color: #ffffff;
	margin: 0px;
}

body {
	text-align: center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; 
	font-weight: normal; 
 	font-size: 13px;
	-webkit-text-size-adjust: none;
}

p {
	margin-bottom: 1.0em;
}

h2 { 
	font-size: 1.6em; 
	margin-bottom: 0.5em;
}

a {
	border: 0;
	border-style: none;
	border-width: 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #2A71DE;
	outline: none; 
}

p {
	font-size: 1.3em;
	color: #CACBCC;
}
.hilite {
	font-weight: bold;
	color: #ffffff;
}
#page-container {
	width: 1000px;
	min-width: 1000px;
	max-width: 1300px;
	margin-top: 9px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	position: relative;
}
#nav {
	display: block;
	/*background: url(//dlz64tsuafrvx.cloudfront.net/images/nav.png) no-repeat;
	background-position: 750px -48px;*/
	height: 66px;
	border-style: none;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	position: relative;
	z-index: 1000;
	padding: 0px;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	margin-top: -10px;
}
#logo {
	display: inline-block;
	float: left;
	background: url(/assets/images/logo.png) no-repeat;
	margin-top: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: 334px;
	height: 52px;
	vertical-align: top;
}

h1 {
	font-size: 1.5em;
}

h1.headline {
	font-size: 1.5em;
	margin-bottom: 20px;
	padding-top: 10px;
}

h2.headline {
	margin-bottom: 25px;
}

.bar-start {
	background: url(//dlz64tsuafrvx.cloudfront.net/images/nav.png) no-repeat;
	background-position: -10px 0px;
	display: block;
	float: left;
	margin: 0px;
	margin-top: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 8px;
	height: 24px;
	vertical-align: top;
}

.bar-middle {
	background: url(//dlz64tsuafrvx.cloudfront.net/images/nav.png) no-repeat;
	background-position: 0px -48px;
	display: block;
	float: left;
	margin: 0px;
	margin-top: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 25px;
	height: 24px;
	vertical-align: top;
}

.bar-end {
	background: url(//dlz64tsuafrvx.cloudfront.net/images/nav.png) no-repeat;
	background-position: -18px 0px;
	display: block;
	margin: 0px;
	margin-top: 26px;
	overflow: hidden;
	text-indent: -9999px;
	height: 24px;
	width: 8px;
	vertical-align: top;
	float: left;
}

#nav a.section {
	background: url(//dlz64tsuafrvx.cloudfront.net/images/nav.png) no-repeat;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	height: 24px;
	margin: 0px;
	margin-top: 26px;
	padding: 0px;
	vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.bar-start, .bar-end, .bar-middle, #nav a.section {
		background: url(//dlz64tsuafrvx.cloudfront.net/images/nav-1998px-144px-c.png) no-repeat;
		background-size: 999px 72px;
	}
	.bar-start { background-position: -11px 0px; }
	.bar-end { background-position: -17px 0px; }
	.bar-middle { background-position: 0px -48px; }
}

#nav #nav-home { background-position: -26px 0px; width: 63px; }
#nav #nav-home.selected { background-position: -26px -24px; }
#nav #nav-products { background-position: -89px 0px; width: 82px; }
#nav #nav-products.selected { background-position: -89px -24px; }
#nav #nav-apps { background-position: -171px 0px; width: 102px; }
#nav #nav-apps.selected { background-position: -171px -24px; }
#nav #nav-gallery { background-position: -273px 0px; width: 78px; }
#nav #nav-gallery.selected { background-position: -273px -24px; }
#nav #nav-support { background-position: -351px 0px; width: 77px; }
#nav #nav-support.selected { background-position: -351px -24px; }
#nav #nav-faq { background-position: -428px 0px; width: 54px; }
#nav #nav-faq.selected { background-position: -428px -24px; }
#nav #nav-store { background-position: -482px 0px; width: 59px; }
#nav #nav-store.selected { background-position: -482px -24px; }
#nav #nav-company { background-position: -541px 0px; width: 88px; }
#nav #nav-company.selected { background-position: -541px -24px; }
#nav #nav-ask { background-position: -632px 0px; width: 80px; cursor: pointer; }

#b-learn-scanner {
	background: url(/assets/images/learn-scanner.png) no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	float: none;
	overflow: hidden;
	text-indent: -9999px;
	width: 247px;
	height: 30px;
	margin: 0px;
	margin-top: 0px;
	vertical-align: top;
}

#feature-block {
	background: url(/assets/images/feature-jay.jpg) no-repeat;
	background-position: 0px 0px;
	width: 285px;
	height: 212px;
	display: inline;
	float: right;
	overflow: hidden;
	text-indent: -9999px;
	margin: 5px 0px 10px 10px;
	vertical-align: top;
}


#video-block {
	display: inline-block;
	float: left;
	width: 528px;
	height: 396px;
	border-style: none;
	border-width: 1px;
	border-color: #666666;
	vertical-align: top;
	margin: 0px 28px 24px 0px;
	overflow: visible;
	clear: both;
	color: #666666;
	font-size: 1.0em;
}

#st-title {
	margin: 17px 20px 13px 0px;
	font-size: 1.6em;
	background: url(/assets/images/titles.png) no-repeat;
	background-position: -788px 0px;
	display: block;
	overflow: hidden;
	float: none;
	text-indent: -9999px;
	width: 300px;
	height: 27px;
}

#homepage-text {
	float: left;
	width: 440px;
	margin: -6px 0px 0px 0px;
}

#product-title {
	font-size: 1.9em;
	line-height: 1.9em;
	display: block;
	overflow: hidden;
	float: none;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
}

#product-info {
	padding: 4px 0px 0px 0px;
	width: 445px;
}

#product-info div {
	display: block;
	font-size: 1.1em;
	color: #CACBCC;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0px;
	/*line-height: 15pt;*/
	line-height: 1.5em;
	text-align: left;
}

.summary {
	display: block;
	font-size: 1.1em;
	color: #CACBCC;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0px;
	/*line-height: 15pt;*/
	line-height: 1.5em;
	text-align: left;
}

.footnote {
	display: block;
	font-size: 0.7em;
	color: #CACBCC;
	vertical-align: top;
	margin-top: -15px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 10pt;
	text-align: left;
}

#punchline {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 450px;
}

#price {
	display: block;
	float: left;
	font-size: 3.2em;
	font-weight: bold;
/*	background: url(/assets/images/titles.png) no-repeat;
	background-position: 0px 0px;*/
	margin-top: 0px;
	margin-left: -6px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 155px;
	height: 50px;
/*	text-indent: -9999px;*/
	vertical-align: top;
}


#performance {
	display: block;
	float: left;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: auto;
	color: #FFFF00;
	font-size: 1.1em;
	vertical-align: bottom;
}



#bottom-bar {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
	width: 998px;
	height: 125px;
}

#b1 {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	float: left;
	width: 198px;
	height: 125px;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}
#b1ht {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: 0px 0px;
	float: left;
	width: 198px;
	height: 125px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}
#b1Flash {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	text-indent: 0px;
}
#b2 {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: -198px 0px;
	display: inline-block;
	float: left;
	width: 212px;
	height: 125px;	
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}
#b3 {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: -410px 0px;
	display: inline-block;
	float: left;
	width: 197px;
	height: 125px;	
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}
#b4 {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: -607px 0px;
	display: inline-block;
	float: left;
	width: 213px;
	height: 125px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}
#b5 {
	background: url(/assets/images/bottom-bar.jpg) no-repeat;
	background-position: -820px 0px;
	display: inline-block;
	float: left;
	width: 178px;
	height: 125px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px;
}

#video-player {
	display: none;
}

#video-loading {
	background: url(/assets/images/loading-video.png) no-repeat;
	display: none;
	height: 15px;
	left: 360px;
	position: relative;
	top: 365px;
	width: 148px;
}

#video-progress {
	background: #ffffff no-repeat;
	display: none;
	height: 3px;
	left: 0px;
	opacity: 0.3;
	position: relative;
	top: 378px;
	width: 0px;
}

.end { clear: both; }

div.suppressed {
	opacity: 0.5;
	-webkit-transition: all 0.25s ease-in-out;
}


/* Used to house the templates we clone to create our content */
.templates { display: none; }

/* We'll load our flash into these containers */
#faq { width: 997px; height: 570px; }
#gallery { width: 997px; height: 566px;}
#movie-theater { width: 997px; height: 544px;}
#products-navigator { width: 997px; height: 282px;}
.content-placeholder { display: block; width: 997px; height: 800px; }

/* Caps are always a little bigger */
.cap { font-size: 1.15em; }


.preloaded { visibility: hidden; }




.panel-header {
	background: url(/assets/images/store.png) no-repeat;
	background-position: -1px -25px;
	display: block;
	position: relative;
	height: 31px;
	width: 493px;
}

.panel-header.wide {
	background: url(/assets/images/panel-bars-wide.png) no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 662px;
}

.panel-content {
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
}

.panel-content p {
	color: #dbe2f2;
	/*color: rgba(255, 255, 255, 0.8);*/
	letter-spacing: 0px;
	line-height: 1.4em;
	font-size: 0.9em;
}

.panel-content p em {
	color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	padding-right: 1em;
}

.panel-content h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.6em;
}

.panel-content label {
	color: #dbe2f2;
}

.panel-content a {
	color: #d6ee02;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

.panel-separator {
	background: url(/assets/images/store.png) no-repeat;
	background-position: -2px -358px;
	display: block;
	height: 26px;
	margin-top: 10px;
	margin-bottom: 9px;
	padding: 0px 0px 0px 0px;
	width: 493px;
}

.panel-separator.wide {
	background: url(/assets/images/panel-bars-wide.png) no-repeat;
	background-position: 0px -33px;
	height: 26px;
	width: 662px;
}


.panel-footer {
	background: url(/assets/images/store.png) no-repeat;
	background-position: -2px -404px;
	display: block;
	height: 70px;
	width: 493px;
}

.panel-footer.wide {
	background: url(/assets/images/panel-bars-wide.png) no-repeat;
	background-position: 0px -61px;
	height: 70px;
	width: 662px;
}


input[type='text'], input[type='password'] {
	-webkit-border-radius: 0px;  /* hide the rounded edges on the iphone */
	-webkit-appearance: none; /* hide the border on the iphone */
	background-color: transparent;
	border: 0px;
	border-width: 0px;	
	border-radius: 0px;
	border-style: none;
	border-spacing: 0px;
	line-height: 1.5em;
	color: #ffffff;
	display: block;
	padding: 0px 0px 0px 0px;
	outline: none; 
}

.row {
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;	
}

.row .label {
	display: block;
	float: left;
	color: #d1daef;
	margin-left: 0px;
	font-size: 0.9em;
	margin-top: 3px;
	margin-right: 8px;
	width: 134px;
	text-align: right;
}

.row .sublabel, .row .instruction {
	display: block;
	float: left;
	color: #d1daef;
	font-size: 0.9em;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-right: 7px;
	text-align: right;
}

.row .punctuation {
	display: block;
	float: left;
	color: #d1daef;
	font-size: 1.1em;
	margin-left: -2px;
	margin-top: 3px;
	margin-right: 2px;
	text-align: right;
}

.row .after {
	display: block;
	clear: both;
}

.row .field, .row .readout {
	display: block;
	height: 21px;
	float: left;
	margin-right: 4px;
}

.row .field .before {
	background: url(/assets/images/store.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: -224px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	width: 224px;
}

.row .field .after {
	background: url(/assets/images/store.png) no-repeat;
	background-position: -513px -24px;
	clear: none;
	display: block;
	height: 21px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 8px;
}

.row .field .end {
	clear: both;
}

.row .field input[type='text'], .row .field input[type='password'] {
	background: transparent;
	display: block;
	float: left;
	font-size: 0.9em;
	height: 21px;
	margin-left: 4px;
	margin-right: -4px;
	padding: 2px 0px 0px 0px;
	width: 224px;
}

.row .readout input[type='text'] {
	background: transparent;
	display: block;
	float: left;
	font-size: 0.9em;
	height: 21px;
	width: 135px;
	padding: 0px 0px 0px 0px;
}

label.radio {
	display: block;
	color: #d1daef;
	position: relative;
	background: url(/assets/images/store.png) no-repeat;
	background-position: -6px -509px;
	font-size: 0.9em;
	float: left;
	padding-left: 16px;
	margin-right: 14px;
	margin-top: 3px;
	cursor: pointer;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

label.radio input {
	float: left;
	display: block;
	-khtml-appearance: none;
	position: absolute;
	left: -9999px;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

label.radio.checked { background-position: -6px -488px; }

label.checkbox {
	display: block;
	background: url(/assets/images/store.png) no-repeat;
	background-position: -6px -528px;
	font-size: 0.9em;
	float: left;
	position: relative;
	height: 19px;
	cursor: pointer;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

label.checkbox input {
	float: left;
	display: block;
	-khtml-appearance: none;
	position: absolute;
	left: -9999px;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

.panel-content label.checkbox { 
	background-position: -6px -509px; 
	padding-left: 16px;
}
.panel-content label.checkbox.checked { background-position: -6px -488px; }
.panel-content .row label.checkbox { margin-top: 3px; }
.panel-separator label.checkbox { 
	background-position: -6px -528px; 
	padding-left: 26px;
	padding-top: 2px;
	margin-right: 14px;
	margin-top: 3px;
}
.panel-separator label.checkbox.checked { background-position: -6px -551px; }
.panel-separator label.checkbox .highlight { display: none; }
.panel-separator label.checkbox.focused .highlight { 
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	width: 17px;
	height: 16px;
	border: 4px solid yellow; 
}

div.submit-button {
	float: right;
	margin-top: 11px;
	margin-right: 20px;
}

label.submit {
	display: block;
	background: url(/assets/images/store.png) no-repeat;
	background-position: -402px -511px;
	color: #ffffff;
	cursor: pointer;
	width: 96px;
	height: 44px;
	position: relative;
	white-space: pre;
	white-space: pre-wrap;
	font-size: 1.05em;
	text-align: center;
	vertical-align:middle;
	line-height: 1.07em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 8px 0px 0px 0px;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

label.submit:active {
	display: block;
	/*background: url(/assets/images/store.png) no-repeat;
	background-position: -402px -615px;*/
	opacity:0.80; 
}

label.submit.wide { background-position: -402px -564px; width: 119px; }
label.submit.caution { background-position: -402px -615px; width: 96px; }
label.submit.single-line { padding-top: 14px; height: 30px;  }

label.submit.readonly { background-position: -402px -667px; width: 96px; }
label.submit.caution.readonly { background-position: -402px -667px; width: 96px; }
label.submit.wide.readonly { background-position: -402px -720px; width: 119px; }

label.submit span {
	width: 10px;
}

label.submit input {
	float: left;
	display: block;
	-khtml-appearance: none;
	border: 0px;
	position: absolute;
	background: transparent;
	text-indent: 0px;
	left: -9999px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-webkit-border-radius: 0px;  /* hide the rounded edges on the iphone */
	-webkit-appearance: none; /* hide the border on the iphone */
}

.panel-separator label.checkbox {
	display: block;
	float: right;
	margin-right: 11px;
}

.fields {
	white-space: nowrap;	
	overflow: hidden;
}


/* When we make the field group completed, we'll hide all the extra stuff */
.fields .row .field span, .fields .row .label, .fields .row .sublabel, .fields .row .punctuation { 
	opacity: 1; 
	visibility: inherit;
	-webkit-transition: all 0.5s ease-in-out;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


/* When we make the field group completed, we'll hide all the extra stuff */
.fields.completed .row .field span, .fields.completed .row .label, .fields.completed .row .sublabel, .fields.completed .row .punctuation { 
	opacity: 0; 
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

/* When we mark it as readonly, it's the same as completed .fields.readonly .row .field span, , .fields.readonly .row .punctuation*/
.fields.readonly .row .field span, .fields.readonly .row .label, .fields.readonly .row .sublabel { 
	opacity: 0; 
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.fields .field.readonly span {
	opacity: 0; 
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.panel-separator p, .panel-header p, .panel-footer p {
	display: block;
	color: #576980;
	/*color: #576980;*/
	font-size: 0.8em;
	/*filter: dropshadow(color=#d5d5d5,offX=1,offY=1);*/
	text-shadow: 1px 1px 0px #d5d5d5;
	white-space: pre;
	white-space: pre-wrap;
}

.panel-separator h2, .panel-header h2, .panel-footer h2 {
	display: block;
	color: #687891; /* 576980 */
	font-size: 0.95em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	/*letter-spacing: 0.5px;*/
	text-rendering: optimizeLegibility;
	kerning-mode: pair;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-shadow: 1px 1px 0px #d5d5d5;
	/*filter: dropshadow(color=#d5d5d5,offX=1,offY=1);*/
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}

.panel-separator h4, .panel-header h4, .panel-footer h4 {
	display: block;
	color: #687891; /*#687891;*/
	font-size: 0.85em;
	font-family: Arial, Verdana, sans-serif; 
	font-weight: bold;
	text-rendering: optimizeLegibility;
	kerning-mode: pair;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-shadow: 1px 1px 0px #d5d5d5;
	/*filter: dropshadow(color=#d5d5d5,offX=1,offY=1);*/
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}



.panel-header h4 {
	position: absolute;
	top: 12px;
}

.panel-header h2 {
	position: relative;
	float: left;
	top: 10px;
	left: 14px;
}

.panel-header a.button, .panel-separator a.button, .panel-footer a.button {
	display: block;
	background: url(/assets/images/store.png) no-repeat;
	background-position: -370px -127px;
	color: #687891; /*#576980;*/
	font-size: 0.9em;
	font-family: Arial, Verdana, sans-serif; 
	font-weight: bold;
	height: 44px;
	letter-spacing: 0.5px;
	line-height: 1.15em;
	text-rendering: optimizeLegibility;
	kerning-mode: pair;
	white-space: pre;
	white-space: pre-wrap;
	margin: 0px 0px 0px 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-shadow: 1px 1px 0px #d5d5d5;
	/*filter: dropshadow(color=#d5d5d5,offX=0,offY=1);*/
	text-transform: uppercase;
	text-align: center;
	width: 95px;
}

.panel-header a:active.button, .panel-separator a:active.button, .panel-footer a:active.button { background-position: -477px -127px; }	
.panel-header a.button.single-line, .panel-separator a.button.single-line, .panel-footer a.button.single-line { padding-top: 14px; }

.panel-header .secure-icon {
	background: url(/assets/images/store.png) no-repeat;
	background-position: -53px -68px;
	display: block;
	float: right;
	height: 18px;
	margin-right: 5px;
	position: relative;
	top: 10px;
	width: 13px;
}

.panel-header h4.secure-text {
	display: block;
	float: right;
	position: relative;
	margin-right: 18px;
}







.popup {
	display: block;
	position: relative;
	background-color: #333333;
	color: #FEFEFE;
	-webkit-box-shadow: 0px 10px 30px #000;
	-moz-box-shadow: 0px 10px 30px #000;
	margin-top: -740px;
	margin-left: -30px;
	z-index: 1000;
	/* IE hacks */
	/*zoom: 1;*/
  	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);*/
}

.popup-body {
	position: relative;
	padding: 10px 10px 10px 10px;
}

.popup-header {
	position: relative;
	height: 26px;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid black;
}

.popup p {
	display: block;
	font-size: 0.85em;
	color: #FEFEFE;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
}

.popup label {
	display: block;
	font-size: 0.85em;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 0px;
}

.popup label .note {
	margin-left: 2px;
	color: #575757;
}

#ask-popup.popup input[type='text'] {
	-webkit-border-radius: 1px;  /* hide the rounded edges on the iphone */
	-webkit-appearance: none; /* hide the border on the iphone */
	background-color: #464646;
	border: 0px;
	border-width: 0px;	
	border-radius: 1px;
	border-style: none;
	color: #ffff00;
	display: inline-block;
	font-size: 0.85em;
	padding: 1px 4px 1px 4px;
	margin: 0px 0px 0px 0px;
	outline: none; 
	height: 20px;
}

.popup fieldset {
	-webkit-border-radius: 0px;  /* hide the rounded edges on the iphone */
	-webkit-appearance: none; /* hide the border on the iphone */
	border: 0px;
	border-width: 0px;	
	border-radius: 0px;
	border-style: none;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
}

/* issue with chrome cutting out here */
.popup textarea {
	-webkit-border-radius: 0px;  /* hide the rounded edges on the iphone */
	-webkit-appearance: none; /* hide the border on the iphone */
	background-color: #464646;
	border: 0px;
	border-width: 0px;	
	border-radius: 0px;
	border-style: none;
	color: #ffff00;
	font-size: 0.85em;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif; 
	font-family:Arial;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	outline: none; 
	resize: none;
	overflow: hidden;
}

.popup a.button {
	display: block;
	background: url(/assets/images/popup.png) no-repeat;
	background-position: -3px -29px;
	color: #ffffff;
	font-size: 0.9em;
	font-family: Arial, Verdana, sans-serif; 
	font-weight: bold;
	height: 18px;
	letter-spacing: 0.5px;
	white-space: pre;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
	text-align: center;
	width: 95px;
}

.popup a:hover.button { color: #ffff00; }	

.popup a.button.disabled { color: #555555; opacity: 0.25; }
.popup a:hover.button.disabled { color: #555555; opacity: 0.25;}

.popup a.button.caution {
	background-position: -3px -107px;
}

.popup h3 {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.popup h3 .cap { font-size: 1.2em;}

.popup .popup-header h3 {
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: -8px;
}

a.popup-hide-button {
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	background: url(/assets/images/popup.png) no-repeat;
	background-position: -53px -6px;
	width: 15px;
	height: 15px;
}

a:hover.popup-hide-button {
	background-position: -76px -6px;
}


#ask-popup.popup {
	position: absolute;
	display: block;
	visibility: hidden;
	height: 26px;
	/*height: 530px;*/
	left: 796px;
	top: 51px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 2000;
	/*-webkit-transition: height 0.5s ease-in-out;*/
}

#ask-popup.popup.expanded {
	visibility: visible;
	height: 530px;
	/*-webkit-transition: height 0.5s ease-in-out;*/
}

#ask-popup.popup .popup-body {
	opacity: 0.0;
	visibility: hidden;
	/*-webkit-transition: opacity 0.1s linear;*/
}

#ask-popup.popup.expanded .popup-body {
	opacity: 1.0;
	visibility: inherit;
	/*-webkit-transition: opacity 0.1s linear;
	-webkit-transition-delay: 0.5s*/
}

#ask-popup.popup input { width: 172px; }
#ask-popup.popup input.first-name { width: 62px; margin-right: 2px; }
#ask-popup.popup input.last-name { width: 98px; margin-left: 0px;}
#ask-popup fieldset.when { 
	visibility: hidden;
	opacity: 0; 
	height: 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#ask-popup fieldset.when.available { 
	visibility: inherit; 
	opacity: 1; 
	height: 50px;
	-webkit-transition: opacity 0.5s linear;
}

#ask-popup fieldset.question {
	height: 268px;
}

#ask-popup.popup textarea {
	background-color: #464646;
	padding: 5px 5px 5px 5px;
	width: 172px;
	height: 232px;
}

#ask-popup.popup textarea.short {
	height: 182px;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}

#ask-popup-actions {
	position: absolute;
	top: 470px;
}

.popup a.call.button { 
	float: left; 
	display: block;
	background-position: -3px -81px; 
	text-align: right; width: 79px; 
	padding-right: 7px;
	margin-left: 0px;
	margin-right: -6px;
}

.popup a.email.button { 
	float: left; 
	display: block;
	background-position: -3px -55px; 
	text-align: right; 
	margin-left: -1px;
	margin-right: 3px;
	width: 88px; 
	padding-right: 7px;
}

#ask-popup-progress { 
	display: none; 
	position: absolute;
	top: 470px;
}
#ask-confirmation { display: none; }

#subnav {
	position: relative;
	margin-right: 5px;
}

#subnav-links .section-name h5 {
	float: left;
	color: #000000;
	background: url(/assets/images/subnav.png) no-repeat;
	font-size: 0.85em;
	font-weight: bold;
	height: 17px;
	letter-spacing: 0px;
	margin-top: 4px;
	text-align: center;
	text-transform: uppercase;
}

#subnav-links .section-name .before {
	float: left;
	background: url(/assets/images/subnav.png) no-repeat;
	background-position: 0px 0px;
	height: 17px;
	margin-top: 4px;
	width: 15px;
}

#subnav-links .section-name .after {
	float: left;
	background: url(/assets/images/subnav.png) no-repeat;
	background-position: -82px 0px;
	height: 17px;
	margin-top: 4px;
	width: 21px;
}

#subnav-links .section-name {
	float: left;
	margin-right: 10px;
}

#subnav-links a {
	float: left;
	margin-right: 16px;
}

#subnav-links a.selected {
	color: #ffffff;
}

#subnav a {
	padding-top: 4px;
	color: #81b3ff;
	font-size: 0.85em;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
}

#subnav a#ask-button {
	float: right;
	color: yellow;
}


.popup a.sending.button { cursor: wait; }
.popup a:hover.sending.button { color: #ffffff; }

#specs {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.tweet {
	background: url(/assets/images/tweet.png);
	display: block;
	float: left;
	position: relative;
	z-index: 10;
	width: 55px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
}

a.tweet:hover {
	background-position: 0px -21px;
}

a.tweet:active {
	background-position: 0px -42px;
}

.notification {
	background: #442211;
	background: -moz-linear-gradient(-90deg, #782211, #442211);
	background: -webkit-gradient(linear, left top, left bottom, from(#782211), to(#552211));
	border-left: #802828 2px solid;
	border-top: #802828 2px solid;
	border-right: #400808 2px solid;
	border-bottom: #400808 2px solid;
	-webkit-box-shadow: 0px 10px 30px #000;
	-moz-box-shadow: 0px 10px 30px #000;
	color: #ff8888;
	font-size: 0.9em;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	text-align: center;
	padding: 10px 0px 10px 0px;

	height: 110px;
	width: 400px;
	position: absolute;
	z-index: 1000;
	top: 155px;
	left: 295px;
}
.notification p {
	font-size: 1.0em;
	color: #ff8888;
}
.notification h3 {
	display: block;
	border-bottom: #400808 2px solid;
	padding: 0px 0px 10px 0px;
}
.notification div {
	border-top: #802828 2px solid;
	padding-top: 20px;
}


#comparison-tool {
	position: absolute;
	top: 78px;
	left: 0px;
	width: 997px;
	height: 657px;
	overflow: hidden;
}

#subnav {
	position: relative;
	margin-right: 5px;
}

#zoom-button {
	font-family: "Avenir Next","AvenirNext-Medium","Arial";
	font-weight: 400;
	color: #27a6ff;
	color: #3e86fe;
	position: absolute;
	right: 4px;
	top: 740px;
	top: 744px;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
}

