/* general */

body {
	background-color:	#E5E1CA;
	color:				#44433D;
	text-align:			center;
	margin:				0;
}
br.clear {
	clear:				both;
}

a:link {
	font-weight:		bold;
	color:				#DC382E;
	text-decoration:	none;
}
a:visited {
	font-weight:		bold;
	color:				#1337A8;
	text-decoration:	none;
}
a:hover, a:active {
	font-weight:		bold;
	color:				#DD382E;
	text-decoration:	underline;
}

/* sections */

#page {
	position:			relative;
	width:				788px;
	margin:				0 auto 0 auto;
	background-image:	url(images/middle.gif);
	text-align:			left;
}
#page .top {
	width:				788px;
	height:				195px;
	background-image:	url(images/top2.gif);
	background-repeat:	no-repeat;
}
#page .middle {
	position:			relative;
	padding:			0 45px 0 45px;
	line-height:		150%;
}
#page .videomiddle {
	padding:			10px 0 0 0;
}
#page .bottom {
	width:				788px;
	height:				53px;
	background-image:	url(images/bottom.gif);
	background-repeat:	no-repeat;
	background-color:	#E5E1CA;
}
#page .introtext {
	margin:				0 20px 0 286px;
	padding-top:		15px;
}
#page .imagetext {
	margin:				0 0 0 296px;
	padding-top:		15px;
}
#footer {
	color:				#727065;
	line-height:		125%;
	text-align:			left;
	margin:				15px 5px 0 0;
	border-top:			1px solid #ACA998;
	padding:			5px 0 0 0;
}
#textnav, #moreinfo {
	margin:				0 0 10px 0;
}
.introtext #textnav, .imagetext #textnav {
	width:				320px;
}
#textnav a.smalllnk, #moreinfo a.smalllnk {
	font-size:			10px;
	font-weight:		normal;
}

/* navigation */

#nav {
	margin:				0;
}
#nav a, #nav b {
	display:			block;
	position:			absolute;
	background-repeat:	no-repeat;
}
#nav a:link, #nav a:visited {
	background-position:	0 0;
}
#nav span {
	display:			none;
}

#nav a.introduction,
#nav b.introduction {
	top:				134px;
	left:				151px;
	width:				101px;
	height:				38px;
	background-image:	url(images/nav-introduction.gif);
}
#nav a.introduction:hover,
#nav a.introduction:active,
#nav b.introduction {
	background-position:	0 -38px;
}

#nav a.order_now,
#nav b.order_now {
	top:				162px;
	left:				252px;
	width:				90px;
	height:				23px;
	background-image:	url(images/nav-order_now.gif);
}
#nav a.order_now:hover,
#nav a.order_now:active,
#nav b.order_now {
	background-position:	0 -23px;
}

#nav a.product_information,
#nav b.product_information {
	top:				166px;
	left:				342px;
	width:				163px;
	height:				21px;
	background-image:	url(images/nav-product_information.gif);
}
#nav a.product_information:hover,
#nav a.product_information:active,
#nav b.product_information {
	background-position:	0 -21px;
}

#nav a.customer_service,
#nav b.customer_service {
	top:				134px;
	left:				505px;
	width:				128px;
	height:				43px;
	background-image:	url(images/nav-customer_service.gif);
}
#nav a.customer_service:hover,
#nav a.customer_service:active,
#nav b.customer_service {
	background-position:	0 -43px;
}

/* titles */

h1 {
	margin:				0;
}
h2 {
	color:				#727065;
	margin:				0 0 5px 0;
}
h3 {
	color:				#44433D;
}
table h3 {
	color:				#000;
}

h1 a, h1 b {
	display:			block;
	width:				180px;
	height:				161px;
	position:			absolute;
	top:				0;
	left:				305px;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.welcome_to {
	display:			block;
	width:				308px;
	height:				43px;
	background:			url(images/welcome_to.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.all_about_smartware {
	display:			block;
	width:				251px;
	height:				20px;
	background:			url(images/all_about_smartware.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.instructions_for_use {
	display:			block;
	width:				219px;
	height:				20px;
	background:			url(images/instructions_for_use.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.secure_order_form {
	display:			block;
	width:				219px;
	height:				20px;
	background:			url(images/secure_order_form.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.order_form {
	display:			block;
	width:				131px;
	height:				20px;
	background:			url(images/order_form.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}
h2.customer_service {
	display:			block;
	width:				206px;
	height:				19px;
	background:			url(images/customer_service.gif) no-repeat;
	text-indent:		-9999px;
	overflow:			hidden;
}

/* introduction */

.introduction_01 a {
	position:			absolute;
	top:				408px;
	left:				65px;
	width:				240px;
	height:				241px;
	background-image:	url(images/introduction_01.gif);
	background-repeat:	no-repeat;
	margin:				0 10px 0 0;
	text-indent:		-9999px;
	overflow:			hidden;
	z-index:			1;
}
.introduction_02 a {
	display:			block;
	width:				163px;
	height:				156px;
	position:			relative;
	background-image:	url(images/introduction_02.gif);
	background-repeat:	no-repeat;
	float:				right;
	margin:				6px 0 6px 8px;
	text-indent:		-9999px;
	overflow:			hidden;
}
.fix {
	position:			relative;
}

/* video zoom */

#video {
	display:			block;
	width:				246px;
	height:				200px;	
	position:			absolute;
	top:				210px;
	left:				65px;
	z-index:			2;
}
#video * {
	width:				240px;
	height:				205px;
}
#video.front * {
	width:				480px;
	height:				410px;
}
#intro_shim {
	float:				left;
	width:				265px;
	height:				295px;
}
.novideo {
	width:				160px;
	padding:			40px;
	font-size:			14px;
	font-weight:		bold;
	text-align:			center;
}

/* order now */

form {
	margin:				0;
	padding:			0;
}
.section {
	margin:				10px 0 10px 0;
	border:				2px solid #ACA998;
	padding:			0;
	background-color:	#FFF;
	color:				#000;
	z-index:			1;
}
.section h3 {
	color:				#FFF;
	background-color:	#ACA998;
	margin:				0 0 8px 0;
	padding:			6px 8px 8px 8px;
}
.section p {
	margin:				8px;
}
.addresses {
	position:			relative;
	margin-top:			10px;
	width:				698px;
}
.addresses .billing, .addresses .share {
	width:				340px;
	position:			relative;
	margin:				0;
}
.addresses .shipping, .addresses .text {
	width:				340px;
	position:			absolute;
	top:				0;
	right:				0;
	margin:				0;
}
.field {
	margin:				4px 8px 0 8px;
}
.lastfield {
	margin:				4px 8px 0 8px;
	padding:			0 0 8px 0;
}
input.tiny {
	width:				50px;
	margin:				0 3px 0 3px;
}
input.small {
	width:				100px;
	margin:				0 3px 0 3px;
}
input.medium {
	width:				154px;
}
input.large, textarea.large {
	width:				317px;
}
input.pad {
	margin-bottom:		3px;
}
label {
	color:				#000;
	display:			block;
	margin:				2px 0 0 2px;
}
.cards {
	display:			block;
	width:				149px;
	height:				93px;
	position:			relative;
	margin:				0 8px 8px 8px;
	float:				right;
	background-image:	url(images/cards.gif);
	background-repeat:	no-repeat;
	z-index:			100;
}
.items {
	border:				1px solid #ACA998;
}
.items th {
	color:				#FFF;
	text-align:			left;
	background-color:	#ACA998;
	border:				1px solid #ACA998;
	padding:			6px 8px 6px 8px;
}
.items td {
	background-color:	#FFF;
	color:				#000;
	border:				1px solid #ACA998;
	padding:			8px;
}
.items td.item p, .items td.item ul {
	margin-left:		258px;
}
.items td.number {
	text-align:			center;
}
.items th.number {
	text-align:			center;
}
.items td.qty {
	text-align:			center;
}
.items .last {
	margin-bottom:		0;
}

/* product information */

.product_information_01 {
	display:			block;
	width:				286px;
	height:				388px;
	position:			relative;
	background-image:	url(images/product_information_01.gif);
	background-repeat:	no-repeat;
	float:				left;
	margin:				0 10px 0 0;
}
.product_information_02 {
	display:			block;
	width:				177px;
	height:				265px;
	background-image:	url(images/product_information_02.gif);
	background-repeat:	no-repeat;
	float:				right;
	margin:				0 0 0 5px;
	text-indent:		-9999px;
	overflow:			hidden;
}
.product_information_01 .order_button {
	display:			block;
	width:				86px;
	height:				86px;
	position:			absolute;
	top:				291px;
	left:				135px;
	text-indent:		-9999px;
	overflow:			hidden;
}
.video_button {
	display:			block;
	width:				122px;
	height:				122px;
	position:			absolute;
	top:				109px;
	left:				24px;
	text-indent:		-9999px;
	overflow:			hidden;
}

/* instructions for use */

.instructions_for_use_01 {
	display:			block;
	width:				246px;
	height:				333px;
	background-image:	url(images/instructions_for_use_01.gif);
	background-repeat:	no-repeat;
	float:				right;
	margin:				0 0 0 10px;
}

/* customer service */

#surveyContainer {
	width:				150px;
	height:				95px;
	float:				right;
	margin:				0 0 10px 15px;
}
#surveyDiv { 
	position:			absolute;
	height:				1px;
	width:				1px;
	top:				0;
	left:				0;
}

/* video */

.video {
	display:			block;
	width:				320px;
	height:				240px;
	background-color:	#000;
	border:				2px solid #ACA998;
	margin:				0 auto 10px auto;
}
.videocenter {
	text-align:			center;
}
.video_01 {
	display:			block;
	width:				100px;
	height:				100px;
	position:			absolute;
	top:				55px;
	left:				85px;
	background:			url(images/order_now.gif) no-repeat;
}
.video_01 .order_button {
	display:			block;
	width:				86px;
	height:				86px;
	position:			absolute;
	top:				3px;
	left:				6px;
	text-indent:		-9999px;
	overflow:			hidden;
}
#page .videomiddle p {
	text-align:			center;
	margin:				0 45px 0 45px;
}
#page .videomiddle #footer {
	margin:				15px 45px 0 45px;
}