* {
	margin: 0px;
	padding: 0px;
}

a {
	outline: none;
}

body {
	padding-top: 40px;
	color: #1d5081;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #7c7c7c url("../images/bg-body.gif") repeat-x fixed left top;
	/*  */
}

pre { font-size: 1.4em; color: #424242; }


/* xxxxxx structural elements xxxxxx */

#wrapper {
	width: 840px;
	margin: 0px auto;
	padding: 20px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	background: transparent url("../images/bg-main.gif") no-repeat left bottom;
}

.content {
	width: 840px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	padding: 16px 0px 0px 0px;
	background: transparent url("../images/bg-content.gif") repeat left top;
}

#head {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 840px;
	height: 145px;
	background: transparent url("../images/bg-header2.png") no-repeat left top;
}

#footer {
	width: 840px;
	height: 60px;
	background: transparent url("../images/bg-footer.png") no-repeat left top;
}

	#footer p {
		padding-top: 22px;
		font-size: .9em;
		text-align: center;
	}

.row {
	margin: 0px 12px;
	overflow: hidden;
}

/* special rows */
	.row.border3 {
		background: url("../images/border3.gif") repeat-y center top;
	}

	.row.border2 {
		background: url("../images/border2.gif") repeat-y center top;
	}

.span2 {
	width: 540px;
	margin-right: 12px;
	float: left;
}

.span1 {
	width: 264px;
	margin-right: 12px;
	float: left;
}

.span1.last, .span2.last {
	margin-right: 0px;
}

	.callout, .interest {
		width: 262px;
		padding: 10px 0px;
		background: #e5f6fc;
	}
	
	.callout p {
		margin: 0px 10px 10px 10px;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.span1.flash {
		padding-top: 4px;
	}
	/*.span1.flash p {
		margin: 0px;
		padding: 0px;
	}*/
	

.nav {
	position: absolute;
	top: 111px;
	left: 298px;
	z-index: 280;
	width: 240px;
	height: 34px;
}

hr {
	margin: 10px;
	height: 1px;
	background: #00a2e3;
	clear: both;
	border-width: 0px;
}

/* imgs */

img {
	margin: 0px;
	padding: 0px;
}

img.center {
	margin: 0px auto 8px auto;
	display: block;
}

img.right {
	margin: 0px 0px 8px 8px;
	display: block;
	float: right
}

img.left {
	margin: 0px 8px;
	display: block;
	float: left;
	clear: both;
}

/* xxxxxx general typography xxxxxx */

h1, h2 {
	margin: 0px 0px 2px 0px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

.flash h2 {
	margin: 0px 0px 8px 0px;
	text-align: center;
}

.chiplink {
	width: 262px;
	background: url("../images/bg-body.gif") repeat left top;
}

.chiplink h2 {
	text-align: left;
}

/* xxxxxx link styles xxxxxx */

a img {
	border-width: 0px;
}

a.button-order, a.button-register {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	display: block;
	width: 260px;
	height: 32px;
}

a.button-order:hover, a.button-register:hover { padding-bottom: 2px; border-bottom: 4px solid #ccc; }

p.register {
	margin-left: 146px;
}

p.order {
	margin-left: 94px;
}

a.button-order img, a.button-register img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

a.chip {
	margin: 4px 0px;
	padding: 4px 0px 4px 94px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url("../images/thechip.gif") no-repeat 0px center;
}

a.chip:hover {
	color: #ccc;
}

a.bigvideos {
	margin: 6px 0px;
	padding: 1px 0px 1px 24px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: url("../images/bigvideo.gif") no-repeat 2px 0px;
}

a.bigvideos:hover {
	color: #444;
	background: url("../images/bigvideo.gif") no-repeat 2px -18px;
}


p {
	margin: 0px 2px 8px 4px;
	font-size: 1.2em;
	line-height: 1.4em;
}
	
	.intro-text p {
		font-size: 1.3em;
		line-height: 1.3em;
		text-align: left;
	}
	
	p.price {
		padding: 2px 0px 2px 32px;
		font-weight: bold;
		font-size: 1.4em;
		color: #f90712;
		background: transparent url("../images/bg-only.gif") no-repeat left center;
	}

b {
	text-decoration: none;
}

ul {
	margin: 8px 16px;
	padding: 0px 10px;
	list-style-type: square;
}

li {
	padding: 2px 0px 4px 0px;
	font-size: 1.2em;
}

.nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 240px;
	height: 34px;
	text-align: center;
}

.nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}

.nav ul li a {
	padding: 10px 0px;
	display: block;
	float: left;
	width: 60px;
	height: 14px;
	color: #1d5081;
	text-decoration: none;
	text-align: none;
	background: #fff url("../images/bg-nav-link.gif") repeat 0px  0px;
}

.nav ul li a:hover {
	color: #fff;/*b92832*/
	background: #fff url("../images/bg-nav-link.gif") repeat 0px  -34px;
}



/* xxxxxx link styles xxxxxx */


/* xxxxxx forms, starting with index forms xxxxxx */

form {
	margin: 0px 8px 0px 10px;
}

label {
	margin: 0px 0px 2px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #1d5081;
	clear: both;
}

input {
	margin: 2px 10px 8px 0px;
	padding: 2px;
	display: block;
	border: 1px solid #1d5081;
	background: #f5fbfe;
	font-size: 1.1em;
	color: #1d5081
}

input.text {
	width: 140px;
	float: left;
}

input.submit {
	margin: 1px 0px 8px 0px;
	padding: 0px;
	float: right;
	border-width: 0px;
}

input.hidden, form.span2 input.hidden, form.span1 input.hidden { /* weird. in FF the css overrode the 'hidden' type for input */
	display: none;
}

select {
	margin: 2px 10px 8px 0px;
	border: 1px solid #1d5081;
	background: #f5fbfe;
	color: #1d5081;
	font-weight: normal;
}

/* Error DIV ----------------------------------------------------- */

p.error  {
	margin-bottom: 6px;
	font-weight: bold;
	color: red;
}

/* double wide forms */

button {
	background: transparent;
	border-width: 0px;
}

form:after {
	content: "clearing Element"; 
	display: block; 
	overflow: hidden;
	height: 0;
	clear: both; 
	visibility: hidden;
}

form.span2 {
	width: 470px;
	display: block;
	overflow: hidden;
}

form.span2 label {
	width: 140px;
	float: left;
}

form.span2 input {
	margin: 0px 0px 10px 160px;
	float: none;
}

form.span2 select {
	display: block;
	margin: 0px 0px 10px 160px;
	width: 150px;
	float: none;
	clear: none;
}

form.span2 input.text, form.span1 input.text {
	float: none;
}

form.span2 input.submit {
	margin: 8px;
	padding: 0px;
	float: none;
	border-width: 0px;
}

.span1 form {
	margin: 0px;
}

form.span1 label {
	width: 96px;
	float: left;
	padding: 3px 0px;
	font-size: 1.1em;
	border-bottom: 1px solid #1d5081;
}

	*:first-child+html form.span1 label {
		padding: 2px 0px;
		margin-right: -6px;
		height: 1%;
	}
	
form.span1 input {
	margin: 0px 0px 10px 96px;
	float: none;
}
	*:first-child+html form.span1 input {
		margin-left: 88px;
	}
	

form.span1 select {
	margin: 0px 0px 10px 96px;
	display: block;
	height: 17px;
	float: none;
	font-size: 1.1em;
}
	*:first-child+html form.span1 select {
		height: 19px;
	}
	

.interest em {
	font-weight: bold;
	color: red;
	font-size: 1.2em;
	line-height: .6em;
}

/* Specialty Styles --------------------------------------------------------- */

.difference {
	background: url("../images/bg-difference.gif") no-repeat right center;
}

.difference h1, .difference p {
	margin-left: 0px;
	margin-right: 100px;
}

h1.multiple {
	margin: 0px 0px 0px 106px;
}

input.multiple {
	display: block;
	margin: -1px 0px 0px 10px;
	float: left;
	width: 86px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

a.registerCall {
	display: block;
	padding: 0px 12px 4px 12px;
	font-weight: bold;
	color: #1d5081;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.4em;
}

a.registerCall:hover {
	color: #fff;
}

a.registerCall img {
	display: block;
	margin: 0px 0px 6px 0px;
	border-width: 0px;
}


/* FREE Banner --------------------------------------------------------- */

a.banner:link {color: #fffc00;  text-decoration: none;  }     /* unvisited link */
a.banner:visited {color: #fffc00;  text-decoration: none;}  /* visited link */
a.banner:hover {color: #fffc00;  text-decoration: none;}   /* mouse over link */
a.banner:active {color: #fffc00;  text-decoration: none;}   /* selected link */