html { overflow:scroll;}
div {margin: 0}
img {border: 0;}
div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;}
p {margin: 0; padding: 0 0 12px 0; line-height: 16px;}
h2 {margin: 0; padding: 0 0 14px 0; font-size: 16px;}
h2.product {margin: 0; padding: 0 0 2px 0; font-size: 12px;}
h3 {margin: 0; padding: 6px 0 2px 0; font-size: 13px;}
.news h3 {margin: 0; padding: 14px 0; font-size: 15px; text-decoration: underline;}
ul {margin-top: 0; margin-bottom: 0; padding-bottom: 12px;}
img.title {display: block; margin: 0; padding: 0 0 16px 0;}
.center {text-align: center;}
h2 span {padding-left: 20px;}
.red {color: #c00;}
.widthContainer {width:990px; text-align:center; margin: 0 auto; position:relative;}


body {margin: 0; text-align: center; background: #00264b; font: 12px verdana, arial, sans-serif; color: #000; padding: 0;}

#head_container {margin: 0; text-align: center; width: 100%; height: 136px; padding: 0; 
	background: #075e9e url('../images/bg_head_container.gif') repeat-x;}

/* --------------------- HEADING -------------------- */
#heading {margin: 0 auto; text-align: left; width: 804px; height: 110px; position: relative; 
	background: #075e9e url('../images/bg_heading.gif') repeat-x;}
#head_logo {display: block; float: left; background: url('../images/logo.gif') no-repeat; height: 110px; width: 257px;}
#head_logo span {display: none;}
#head_msg {position: absolute; top: 62px; right:5px; width: 515px; height: 34px; color: #fff; font: 22px bold verdana, sans-serif;
	text-align: left; overflow: hidden;}
#head_msg ul {list-style: none; margin-left:0; padding-left:0;}
#head_msg ul a {color: #fff; text-decoration: none; cursor: text;}
a#arc_btn {position:absolute; top:0; right:5px; display:block; margin:0; width:205px; height:46px; 
	background: url('../images/btn_arc_flash.jpg') top left no-repeat;}
a#arc_btn:hover {background-position:bottom;}
a#arc_btn span {display:none;}

#productCatalog {position:absolute; top:-60px; left:5px; z-index:10001; text-align:left;}
#productCatalog2 {position:absolute; top:70px; right:50px; z-index:10001; text-align:right;}


/* ------------------------- HORIZONTAL NAVIGATION --------------------------------- */
#hnav {margin: 0 auto; width: 804px; height: 25px; padding-top: 1px; background: url('../images/bg_hnav.gif') repeat-x; text-align: center;}
#hnav ul, #hnav li {margin:0 auto; padding: 0; list-style: none; float: left; text-align:center;}
#hnav li {width: 134px; background: url('../images/nav_seperator.gif') top right no-repeat;}
#hnav li.last {background: none;}
#hnav a {height: 21px; display: block; text-align: center; color: #fff; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif;
	padding: 4px 0 0 0; margin: 0 auto;}
#hnav a span {}

#hnav a.nav_prod {background: url('../images/nav_products.gif') no-repeat; text-align:center;}
#hnav a.nav_appl {background: url('../images/nav_applications.gif') no-repeat;}
#hnav a.nav_test {background: url('../images/nav_testimonials.gif') no-repeat;}
#hnav a.nav_abou {background: url('../images/nav_about.gif') no-repeat;}
#hnav a.nav_news {background: url('../images/nav_news.gif') no-repeat;}
#hnav a.nav_cont {background: url('../images/nav_contact.gif') no-repeat;}
#hnav a:hover {background-position: bottom center; color: #fff;}
#hnav a.active {background-position: bottom center; color: #fff;}
#hnav a.hovered {background-position: bottom center; color: #fff;}

#prod_drop {position:absolute; top:0; left:0; display:none; width:804px; background:#5f0073; z-index:10000; font-family:Arial, Helvetica, sans-serif;}
#prod_drop ul, #prod_drop li {margin: 0; padding: 0; list-style: none; float: left;}
#prod_drop li {margin: 0 18px; background: none; font-weight: bold; text-align: center;}
#prod_drop li a {color: #fff; text-decoration: none; height: 17px; padding: 6px 0 5px 0; display: block;}
#prod_drop li a:hover {text-decoration: underline;}

/* -------------------------- MAIN STYLES ------------------------ */
#main_container {margin: 0; text-align:center; width:100%; padding:0; color:#001b35;}
#main_home {height:409px; background:#b2bdc9; margin: 0 auto; width:798px; position:relative; padding:3px;}
#main_alert {height:409px; background:#b2bdc9; margin: 0 auto; width:798px; position:relative; padding:3px;}
#main_sub {margin: 0 auto; width:798px; text-align:left; position:relative; padding:3px;}
#content_container {width:798px; text-align:left; position:relative; background: #a1c4e7 url('../images/bg_content.gif') repeat-x; margin:0;}
#main_sales {margin: 0 auto; width:804px; text-align:left; position:relative; background: #a1c4e7 url('../images/bg_content.gif') repeat-x;}
.about {background:#006b29;}
.contactus {background:#d97b02;}
.testimony {background:#e8ca00;}
.news {background:#30f;}
.applications {background:#aa0029;}
.products {background:#5f0073;}
.homebg {background:#b2bdc9;}
#image_area {text-align:center; float:left; width:270px; padding-top:9px; padding-bottom:9px;}
#image_area img {width:250px; height:345px;}
.caption {color:#444; font: italic 10px arial, sans-serif; padding: 2px 0 0 10px; text-align:left;}
.about #image_area img {border: 1px solid #006b29;}
.contactus #image_area img {border: 1px solid #d97b02;}
.testimony #image_area img {border: 1px solid #e8ca00;}
.news #image_area img {border: 1px solid #30f;}
.applications #image_area img {border: 1px solid #aa0029;}
.products #image_area img {border: 1px solid #5f0073;}
#content_area {float:left; width:505px; padding: 10px 0 0 10px;}
#content_area a {color:#03c;}
#main_home div.wider {width:774px; padding: 10px 15px 0 15px;}
#main_sub div.wider {width:774px; padding: 10px 15px 0 15px;}
#main_sub div.prepkit {width:774px; padding: 10px 0 0 10px;}
#main_sales #content_area {width:774px; padding: 0 15px;}
#content_area ul {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; list-style-type:square; list-style-position:outside;}
#content_area ul li {margin-left:-25px;}
ul.quick a {color:#003262; text-decoration:none;}
#content_area a:hover {text-decoration:underline;}
#content_area ul.quick {list-style-type:none; margin:0; padding: 0 0 12px 0; margin-left:25px;}
.col_left {padding-top:10px; float:left; width:250px;}
.col_right {padding-top:10px; float:right; width:250px;}
#attendant_images {padding-top:10px; float:right; width:220px; text-align:center;}
.column1 {float:left; width:164px; height:140px;}
.column2 {float:left; width:164px; height:140px;}
.column3 {float:right; width:164px; height:140px;}
p.officers {clear:both; padding: 15px 0 0 0; font-weight:bold;}
p.testimonials {font-style:italic; padding:0;}
p.author {text-align:right; font-weight:bold; padding: 0 10px 25px 0;}
p.news_title {padding: 0 0 2px 0; font-size:13px; font-weight:bold;}
p.news_date {padding: 0 0 2px 0; font-style:italic;}
p.news_text {padding-bottom:20px;}
p.applications_signs {text-align:center;}
p.applications_signs img {padding:15px;}
.file {font-family: "Courier New", Courier, monospace;}
.section_header {color:#fff; padding-left:4px; font-weight:bold;}

#prep_buttons {margin: 0 auto; width:804px; height:102px;}
#content_area #prep_buttons ul, #prep_buttons li {margin: 0 0 0 -4px; padding: 0 2px; list-style:none; float:left;}
#content_area #prep_buttons li {height:102px; width:116px; margin-left:0;}
#content_area #prep_buttons li.photos {height:102px; width:230px;}
#content_area #prep_buttons li.cd {height:102px; width:300px;}
#prep_buttons a {width:116px; height:102px; display:block; cursor:pointer;}
#prep_buttons a span {display:none;}
#prep_buttons a.btn_prep_photo {background: url('../images/btn_photos.png') no-repeat; width:230px;}
#prep_buttons a.btn_prep_cd {background: url('../images/btn_requestcd.png') no-repeat; width:300px;}
#prep_buttons a.btn_prep_aspr {background: url('../images/btn_aspr_fact_sheet.png') no-repeat;}
#prep_buttons a.btn_prep_jcaho {background: url('../images/btn_jcaho.png') top center no-repeat;}
#prep_buttons a:hover {background-position: bottom center;}

#prep_kit_contents {margin-top:15px; background: url('../images/bg_prep_contents.gif') no-repeat; height:343px; width:758px; padding:8px;}
#prep_kit_steps {margin-top:15px; background: url('../images/bg_prep_contents.gif') no-repeat; height:343px; width:758px; padding:8px;}
img.prep_mod {padding-left:7px;}
	
.form_row {height:30px;}
.form_left_col {float:left; width:310px; text-align:right; padding-top:3px;}
.form_right_col {float:right; width:455px;}
.required {color:#c00;}
input.text {width:200px;}
.disclaimer {font-size:11px; color:#666; padding: 10px 80px;}
	
	
/* ------------------------- HOME SYTLES --------------------- */
#home_right {float:right; width:180px; padding-left:1px; background:#c2bdc9; height:409px;}
#home_right ul.links { list-style:none; text-align:left; font-size:14px; font-weight:bold; padding:0; margin:0;}
#home_right ul.links li {margin-left:0; padding:0;}
#home_right ul.links li a {width:180px; height:51px; padding:30px 0 0 0; display:block; text-decoration:none; color:#000; 
	text-align:center; margin-top:1px;}
#home_right ul.links li a.nomargin {margin-top:0;}
a.ssi {background: url('../images/bg_ssi_link.jpg') no-repeat;}
a.mes {background: url('../images/bg_mes_link.jpg') no-repeat;}
a.arc {background: url('../images/bg_arc_link.jpg') no-repeat;}
a.pan {background: url('../images/bg_pan_link.jpg') no-repeat;}
a.saf {background: url('../images/bg_saf_link.jpg') no-repeat;}
#home_right ul.links li a.ote {background: url('../images/bg_ote_link.jpg') no-repeat; padding-top:25px; height:56px;}
#ssi {display:none; background: url('../images/bg_ssi.jpg') no-repeat;}
#mes {display:none; background: url('../images/bg_mes.jpg') no-repeat;}
#arc {display:none; background: url('../images/bg_arc.jpg') no-repeat;}
#pan {display:none; background: url('../images/bg_pan.jpg') no-repeat;}
#saf {display:none; background: url('../images/bg_saf.jpg') no-repeat;}
#ote {display:none; background: url('../images/bg_ote.jpg') no-repeat;}

.home_slide {width:617px; height:409px; position:relative; background:#f4f4f4; float:left;}
.content_sect {width:607px; height:399px; padding:5px; position:absolute; top:0; left:0; overflow:hidden; text-align:left; color:#000; font-size:13px;
	line-height:18px;}
.pos1 {position: absolute; top: 3px; right: 173px; z-index: 5000;}
.pos2 {position: absolute; top: 85px; right: 173px; z-index: 5000;}
.pos3 {position: absolute; top: 167px; right: 173px; z-index: 5000;}
.pos4 {position: absolute; top: 249px; right: 173px; z-index: 5000;}
.pos5 {position: absolute; top: 331px; right: 173px; z-index: 5000;}
.content_sect h2 {margin: 12px 0 0px 20px; color: #00264b; font-size: 24px; line-height: 26px;}
.content_sect p {padding: 0 15px 12px 20px;}
.content_sect strong {font-size: 16px;}
.content_sect strong.small {font-size: 14px;}
.safety_text {width: 265px; position: absolute; top:30px; left:326px;}
.safety_text p {padding-left: 0;}
.safety_text h3 {color: #c90; font-size: 17px;}
.ote_text {width: 80%; position: absolute; top:250px; left:10%; text-align:center;}
.ote_text p {font-size:14px; line-height:20px;}
a#ote_more {display:block; margin:0; position:absolute; bottom:22px; left:110px; width:410px; height:40px;}
a#ote_more span {display:none;}
.arc_text {width: 320px; position: absolute; top: 140px; left: 272px;}
.arc_text p {padding-left: 0;}
.arc_text h3 {color: #c90; font-size: 17px;}
.PREP_text {width: 285px; position: absolute; top: 96px; left: 316px;}
.PREP_text p {padding-left: 0; padding-bottom: 20px;}
.PREP_text a {text-decoration: none; color:#00264b; background: url('../images/PREP_arrow.png') top right no-repeat; font-size:14px; 
	padding-right: 36px; font-weight:bold;}
.PREP_text a:hover {text-decoration: none; color: #c00; background-position: bottom right;}
.PREP_text h3 {color: #c90; font-size: 17px; padding-bottom: 10px;}
.content_sect ul { margin-left: 5px; padding-left: 5px;}
.content_sect ul li {line-height: 18px; margin-left: 5px; padding-left: 5px;}

.vista_library {position: absolute; top: 272px; left: 346px; width: 247px;}
.vista_library a {display: block; text-decoration: none; height: 65px;}
.vista_library a span {visibility: hidden;}
.before_demo {position: absolute; top: 258px; left: 345px; width: 238px;}
.before_demo a {display: block; text-decoration: none; height: 40px;}
.before_demo a span {visibility: hidden;}
.active_demo {position: absolute; top: 344px; left: 315px; width: 215px;}
.active_demo a {display: block; text-decoration: none; height: 40px;}
.active_demo a span {visibility: hidden;}
.learn_more {position: absolute; top: 317px; left: 140px; width: 155px;}
.learn_more a {display: block; text-decoration: none; height: 28px;}
.learn_more a span {visibility: hidden;}
.arc_flash {position:absolute; bottom:10px; left:210px; font: bold 15px arial, sans-serif;}
.arc_flash a {text-decoration:none; color:#a00;}
.arc_flash a:hover {text-decoration:underline;}
.arc_flash a span {color:#00264b; font-size:12px; font-weight:normal;}
.arc_flash a:hover span {text-decoration:none;}
p.the_mess {padding-top: 70px; margin-left: 40px; line-height: 20px;}
img.sect_title {display: block; padding: 18px 10px 16px 8px;}


/* ------------------------- PREP SLIDES ---------------------------- */
#step_left {float: left; width: 110px; padding-left: 1px; height: 299px;}
#step_left ul.links {list-style: none; text-align: right; font-size: 17px; font-weight: bold; padding: 0; margin: 0;}
#step_left ul.links li {margin-left: 0; padding: 0;}
#step_left ul.links li span {width: 105px; height: 45px; padding: 23px 5px 0 0; display: block; text-decoration: none; color: #000;
	text-align: right; margin-top: 3px; cursor: pointer; background: url('../images/btn_prep_steps.gif') top left no-repeat;}
#step_left ul.links li span.active {background-position: bottom left;}
#step_left ul.links li span.nomargin {margin-top: 0;}

#step1 {display: none;}
#step2 {display: none;}
#step3 {display: none;}
#step4 {display: none;}


.prep_slide {margin-left: 125px; width: 620px; height: 299px; position: relative;}
.prep_slide h2 {border-bottom: 1px solid #000; padding-bottom: 3px; margin-bottom: 10px;}
.onleft {float: left; padding-right: 10px;}
.onright {float: right; padding-left: 10px;}
.prep_sect {width:610px; height:289px; padding:5px; position:absolute; top:0; left:0; overflow:hidden; text-align:left; font-size:11px;}
.prep_sect p {margin: 0; padding-bottom: 10px;}
#step3 p {padding-bottom: 5px;}



/* --------------------------- FOOTER STYLES ------------------------- */
#foot_cont_home {
	margin: 0;
	text-align: center;
	width: 100%;
	height: 120px;
	padding: 0;
	background: #075e9e url('../images/bg_footing_cont_home.gif') repeat-x;
}
#footing_home {
	margin: 0 auto;
	width: 804px;
	height: 120px;
	background: url('../images/bg_footing_home.gif') repeat-x;
	position: relative;
}
#foot_buttons {position: absolute; top: 10px; right: 0px;}
#foot_buttons ul, #foot_buttons li {margin: 0; padding: 0 6px; list-style: none; float: left;}
#foot_buttons ul {padding-right:17px;}
#foot_buttons li {width: 116px; height: 102px;}
#foot_buttons a {width: 116px; height: 102px; display: block; text-align: center; cursor: pointer; text-decoration: none;}
#foot_buttons a span {visibility:hidden;}
#foot_buttons a.btn_store {background: url('../images/btn_store.png') top center no-repeat;}
#foot_buttons a.btn_aspr {background: url('../images/btn_aspr_fact_sheet.png') top center no-repeat;}
#foot_buttons a.btn_alert {background: url('../images/btn_sign_alert.png') top center no-repeat;}
#foot_buttons a.btn_joint {background: url('../images/btn_joint.png') top center no-repeat;}
#foot_buttons a.btn_doorcling {background: url('../images/btn_doorcling.png') top center no-repeat;}
#foot_buttons a.btn_messenger {background: url('../images/btn_messenger.png') top center no-repeat;}
#foot_buttons a.btn_signage {background: url('../images/btn_signage.png') top center no-repeat;}
#foot_buttons li a:hover {background-position: bottom center;}

#footer {background: #00264b; color: #69c; text-align: center; font-size: 11px; padding: 4px 0 1px 0; line-height: 17px;}
#footer a { color: #69c; text-decoration: none;}
#footer a:hover {text-decoration: underline; color: #9cf;}
#credits {margin: 30px 0 20px 0; position: relative;}
#w3c {text-align: center; padding-top: 10px;}


a.home_doorcling {width: 211px; height: 62px; padding: 0; display: block; text-align: center; cursor: pointer; text-decoration: none;
	background: url('../images/btn_homedoorcling.png') top center no-repeat; margin-top: 4px;}
a.home_doorcling span {visibility:hidden;}
a.home_doorcling:hover {background-position: bottom center;}

p.catalogBlock a {display:block; width:156px; height:62px; padding:0; text-align:center; cursor:pointer; text-decoration:none; margin:4px 0 0 0;}
p.catalogBlock a.homeCatalog {background: url('../images/btn_catalog.png') top center no-repeat;}
p.catalogBlock a.homeCatalog span {display:block; width:156px; height:62px; visibility:hidden;}
p.catalogBlock a.homeCatalog:hover {background-position: bottom center;}

form input.input_address {widht:300px;}
label.error {color: #c00; font-size:10px; padding-left:5px;}
