/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.92em; text-align:center; background:url(images/bg.gif)}
html, input, textarea
	{	font-family:Arial; 
		color:#969ea4;
	}	
hr {
border: 1;
color: #ffffff;
background-color: #aca899;
height: 1px;
width: 100%;
text-align: left;
}

.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#364049; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#bdc3b2; font-weight:bold; text-decoration:none} 
.a1:hover{text-decoration: underline} 
.a2{color:#bdc3b2; text-decoration:none} 
.a2:hover{text-decoration: underline} 

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:20px; }
ul li a{color:#969ea4; text-decoration:none; line-height:2em} 
ul li a:hover { text-decoration:underline; }

/*header*/
#header .logo{ margin:90px 0 42px 583px }
#header .m{ margin:0px 0 0px 20px }

/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left}
#content .indent_main{padding:0px 18px 32px 20px}
#content .indent{padding:0px 0px 24px 0px}
#content .indent_col1{padding:3px 25px 24px 18px}
#content .indent_col2{padding:3px 0px 5px 26px}
#content .title{  margin-bottom:18px}
#content .pic_left{ float:left; margin:0px 10px 11px 0px}
#content .pic_left1{ float:left; margin:0px 8px 31px 0px}
#content .pic_left2{ float:left; margin:0px 8px 21px 0px}
#content .pic{ margin:0px 10px 0px 0px}
#content .pic1{ margin:0px 0px 12px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p1{ margin:11px 0px 7px 0px}
#content h4{ font-size:1em; color:#bdc3b2; margin:0px 0px 7px 0px}
#content h1{ font-size:1.5em; color:#364049; margin:0px 0px 0px 0px}

/*block*/
.block{ width:100%; background:#e8e8da}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block .indent_block{ padding:27px 18px 34px 19px; color:#364049}
.block ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:20px; }
.block ul li a{color:#364049} 

#page3 #content .indent{padding:0px 0px 0px 0px}
#page3 #content .pic_left{ float:left; margin:0px 10px 0px 0px}
#page3 .block .indent_block{ padding:27px 18px 18px 19px; color:#364049}
#page3 .block .indent_block a{ font-weight:bold}
#page3 .block .indent_block span a{ font-weight: normal; text-decoration:none}
#page3 .block .indent_block span a:hover{ font-weight: normal; text-decoration: underline}

#page4 #content .indent_col2{padding:37px 20px 5px 0px}

#page5 #content .width1{ width:338px; float:right}
#page5 #content .width2{ width:338px; float:left}


/*footer*/
#footer { color:#969ea4; font-size:0.6875em; padding:31px 25px 20px 41px;}
#footer a {color:#bdc3b2; text-decoration:none; font-weight:bold}  
#footer a:hover {  text-decoration:underline}


input{
   	border:1px solid #e5e7dd; 
	background:#36424a;
	width:110px; height:22px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #e5e7dd; 
	background:#36424a;
	width:257px; height:152px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
.sbnotice{
   	border:1px solid #ccca1f; 
	background:#fcfbb1;
	width:720px;}
.sbskinnotice{
   	border:1px solid #ccca1f; 
	background:#fcfbb1;
	width:235px;}

.sb_ca_header {
	background: url(images/cl_header.png) no-repeat top center;
	height:26px;
}

.sb_ca_content {
	background: url(images/cl_content.png) repeat-y top center;
	padding:5px;
	font-size:8pt;
}

.sb_ca_footer {
	background: url(images/cl_footer.png) no-repeat top center;
	height:12px;
}

.sb_fp_header {
	background: url(images/fp_header.png) no-repeat top center;
	height:26px;
}

.sb_fp_content {
	background: url(images/fp_content.png) repeat-y top center;
	padding:5px;
	font-size:8pt;
}

.sb_fp_footer {
	background: url(images/fp_footer.png) no-repeat top center;
	height:12px;
}

.sb_index_border {border:1px solid #000000;}

.purchase-price {
	font-size:14pt;
	color:#000000;
	font-weight:bold;
}

.purchase-content {
	font-size:10pt;
	color:#000000;
	font-weight:bold;
}
.purchase-content ul, .purchase-content li {height:20px;margin:0 2px 0 0;}

.style-button {
	border:1px solid #000000;
	padding:5px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow:-2px 2px 2px none;
	height:25px;
	width:120px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	text-transform:uppercase;
	font-size:11pt;
}
.style-button a, .style-button a:active, .style-button a:visited {text-decoration:none;}

.purchase-button {background:#007dcb url(images/newbtn_middle.png) repeat-x left top;text-decoration:none;}
.demo-button {background:#e38113 url(images/newbtn_middle.png) repeat-x left top;vertical-align:middle;line-height:150%;font-weight:bold;text-decoration:none;}
.existing-customer-button {background:#6eb20c url(images/newbtn_middle.png) repeat-x left top;text-decoration:none;}

.small_text {
	font-size:8pt;
	font-weight:bold;
}

.footer_content_bg {
	background:#ffffff url(images/footer_content.gif) repeat-x left top;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:-2px 2px 2px none;
	border:1px solid #000000;
	padding:5px;
}

.purchase-head {
	background:#ffffff url(images/purchase-head.gif) repeat-x left top;
	border:1px solid #a8a8a8;
	width:350px;
	height:25px;
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	vertical-align:middle;
	line-height:200%;
	padding-left:5px;
}

.whats-included {
	background-color:#e2e2d1;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:-2px 2px 2px none;
	border:1px solid #bfbf91;
	width:350px;
	padding:10px;
	font-size:12pt;
	color:#000000;
	line-height:125%;
}

.preview-box {
	background-color:#f1f0f1;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:-2px 2px 2px none;
	border:1px solid #000000;
	width:350px;
	padding:5px;
color:#010101;
}