@charset "UTF-8";
/* CSS Document */

* { margin:0px; padding:0px; }
html { height:100%; }
body { background-color:#002f50; margin-top:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:1.5em; background-image:url(images/background.png); background-repeat: repeat-x; -webkit-text-size-adjust: none;}

.link a{
	font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:26px;
text-decoration:none;
color:#557F6A;
font-weight:bold;
}
.link a:hover{
	font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#000000;
font-weight:bold;
}

img { border:0px; }
.clear { clear:both; }
/* REMOVES DOTTED LINE FROM FF */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.white-header{color:#FFFFFF}
/* END REMOVES DOTTED LINE FROM FF */

#floatRight { float:right; margin-left:10px; margin-bottom:10px; }
#floatLeft { float:left; margin-right:10px; margin-bottom:10px; }
ul { margin:0px 0px 10px 30px; padding:0px; }
/* ---------------------------------------------------------------- */
/* Customer Login Area */
/* ---------------------------------------------------------------- */
#customer_login { background-color:#333; height:25px; line-height:25px; color:#FFF; width:100%; }
#customer_login ul { margin:0; padding:0; position:absolute; right:0; list-style:none; }
#customer_login ul li { background:url("images/lock.png") no-repeat scroll 0 0 transparent; float:left; margin-right:15px; padding-left:17px; }
#customer_login ul li.no_bullet { background-image:none; float:left; margin-right:15px; padding-left:17px; }
#customer_login ul li.green_bullet { background:url("images/green_bullet.png") no-repeat scroll 0 0 transparent; float:left; margin-right:15px; padding-left:17px; }
#customer_login ul li.award_bullet { background:url("images/award_bullet.png") no-repeat scroll 0 0 transparent; float:left; margin-right:15px; padding-left:17px; }
#customer_login ul li a:link { color:#FFF; text-decoration:none; }
#customer_login ul li a:visited { color:#FFF; text-decoration:none; }
#customer_login ul li a:hover { color:#FFF; text-decoration:underline; }
#customer_login ul li a:active { color:#FFF; text-decoration:underline; }
/* ---------------------------------------------------------------- */
/* Containers */
/* ---------------------------------------------------------------- */
.pageContainer { width:100%; }
.mainContainer { width:1000px; margin:0px auto; padding:0px 0px 0px 0px; /* 	-moz-border-radius: 1em; *//*	-webkit-border-radius: 1em; */ }
.headerContainer { background:url("images/header_background.png") no-repeat scroll center bottom transparent; height:135px; margin:0 auto 10px; width:1000px; }
.headerContainerNew { background:url("images/header_background-new.png") no-repeat scroll center bottom transparent; height:135px; margin:0 auto 10px; width:1000px; }
.headerContainerLeft { width:300px; margin:0 auto; height:100px; float:left; }
.headerContainerCenter { float:left; height:100px; margin:0; width:400px; }
.headerContainerRight { width:300px; margin:0 auto; height:100px; float:left; }
.headerContainerRight a:link { color:#333; padding-right:20px; text-decoration:none; position:relative; top:10px; font-weight:bold; font-size:12px; }
.headerContainerRight a:visited { color:#333; padding-right:20px; text-decoration:none; position:relative; top:10px; font-weight:bold; font-size:12px; }
.headerContainerRight a:hover { color:#00487a; padding-right:20px; text-decoration:underline; position:relative; top:10px; font-weight:bold; font-size:12px; }
.headerContainerRight a:active { color:#00487a; padding-right:20px; text-decoration:underline; position:relative; top:10px; font-weight:bold; font-size:12px; }
.headerContainerRight span { padding-right:30px; position:relative; top:10px; font-weight:bold; font-size:12px; margin-left:80px; }
.phone { position:relative; top:-12px; }
.welcome { position:relative; top:-12px; }
.twitter { left: 115px; position: relative; top: -46px; width: 55px; }
.facebook { left: 100px; position: relative; top: -76px; }
.header_nav_bar { width:1000px; height:25px; }
#navContainer { margin: auto; width:990px; }
.contentContainer { width:1000px; margin:0px auto; -webkit-text-size-adjust: none; }
#indexContainer { width:1000px; min-height:450px; background:url(images/index_background.jpg) no-repeat; background-color:#FFF; }
#indexLeftContainer { float:left; margin:20px 10px 0; position:relative; width:680px; }
#indexRightContainer { float:left; margin:20px 10px 0; position:relative; width:280px; }
.hero { position:relative; top:30px; left:35px; }
.safechoice { position:relative; top:30px; left:40px; }
#indexRightContainerTop { border:1px solid #aaa; padding:5px 0 15px; margin:0 auto 15px; background-color:#f8f8f1; }
#indexRightContainerBottom { border:0px solid #aaa; padding:5px 0 0 0; margin:auto; background-image:url(images/background_map.jpg); background-repeat:no-repeat; width:280px; height:170px; }
#indexLeftContainerTop { padding:0 0 15px 0; margin: auto; height:270px; }
#indexLeftContainerBottom { padding:5px 0 15px; margin:0 auto 15px; }
#copyContainer { min-height:530px; width:960px; background-color:#FFF; padding:20px; }
#copyContainer_top { min-height:10px; width:1000px; background-image:url(images/copyContainer_background_top.png); background-repeat:no-repeat; }
#copyContainer_bottom { min-height:16px; width:1000px; background-image:url(images/copyContainer_background_bottom.png); background-repeat:no-repeat; }
#footerContainer { width:1000px; height:30px; }
.accordionSection { margin-bottom:25px; }
#left_column { float:left; width:640px; }
#right_column { float:left; width:300px; }
#left_column_contact { float:left; width:400px; }
#right_column_contact { float:left; width:400px; }
/* ---------------------------------------------------------------- */
/* Typography */
/* ---------------------------------------------------------------- */

p { color:#333333; font-size:1.1em; line-height:1.5em; padding:0 0 10px 0; }
.disclaimer { color:#999999; font-size:0.9em; }
.testimonial_owner { color:#666; font-size:0.9em; text-align:right; padding-right:25px; }
.read_more a:link { color:#666; font-size:0.8em; text-align:right; padding-right:25px; text-decoration:underline; }
.read_more a:visited { color:#666; font-size:0.8em; text-align:right; padding-right:25px; text-decoration:underline; }
.read_more a:hover { color:#333; font-size:0.8em; text-align:right; padding-right:25px; text-decoration:underline; }
.read_more a:active { color:#333; font-size:0.8em; text-align:right; padding-right:25px; text-decoration:underline; }
a:link { color:#557F6A; text-decoration:none;
font-weight:bold; }
a:visited { color:#557F6A; text-decoration:none; }
a:hover { color:#00487a; text-decoration:underline; }
a:active { color:#00487a; text-decoration:none; }
h1 { font-size:1.5em; font-weight:bold; color:#6e6b6a; padding-bottom:10px; text-transform:uppercase; }
h2 { font-size:1.5em; font-weight:bold; line-height:22px; color:#333333; padding-bottom:7px; text-transform:capitalize; }
h3 { font-size:1.4em; font-weight:bold; color:#3f6c60; padding-top:12px; text-transform:capitalize;  }
h4 { font-size:1.2em; font-weight:bold; color:#6e6b6a; padding-bottom:3px; text-transform: capitalize; }
h5 { font-size:24px; line-height:30px; font-weight:bold; color:#557F6A; padding-bottom:3px; text-transform: capitalize; }

#accordion h3 { cursor:pointer; }
#indexLeftBottomHeader { color:#333333; font-size:1.3em; margin:5px auto 3px; text-align:center; font-weight:bold; text-transform:uppercase; letter-spacing:.2px; }
#indexLeftBottomText { color:#000000; font-size:1em; padding:0 10px; }
#indexCenterBottomHeader { visibility:hidden; color:#333333; font-size:1.3em; margin:5px auto 3px; text-align:center; font-weight:bold; text-transform:uppercase; letter-spacing:.2px; }
#indexCenterBottomText { color:#000000; font-size:1em; padding:10px 0 0 40px; }
#indexRightBottomHeader { color:#333333; font-size:1.3em; margin:5px auto 3px; text-align:center; font-weight:bold; text-transform:uppercase; letter-spacing:.2px; }
#indexRightBottomText { color:#000000; font-size:1em; padding:0 10px; }
/* ---------------------------------------------------------------- */
/*navmenu*/
/* ---------------------------------------------------------------- */

/* remove the list style */
#nav { margin:0; padding:0; list-style:none; font-family:"Lucida Grande", sans-serif; }
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li { float:left; display:block; width:165px; /*background:#fff;*/ position:relative; z-index:500; margin:0; }
/* this is the parent menu */
#nav li a { display:block; padding:5px 5px 0 5px; font-weight:normal; height:20px; text-decoration:none; text-transform:uppercase; color:#6e6b6a; text-align:center; font-size:11px; }
#nav li a:hover { color:#f8f8f1; background-color:#00487a; display:block; }
/* you can make a different style for default selected value */
#nav a.selected { color:#fff; background-color:#333; }
/* submenu, it's hidden by default */
#nav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; }
#nav ul li { width:165px; float:left; border-top:1px solid #fff; background-color:#ded9d7; }
/* display block will make the link fill the whole area of LI */
#nav ul a { display:block; height:20px; padding: 5px 5px; color:#6e6b6a; font-family:"Lucida Grande", sans-serif; }
#nav ul a:hover { text-decoration:none; }
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul { margin:0 0 0 -2px; }
/* ---------------------------------------------------------------- */
/* index form*/
/* ---------------------------------------------------------------- */

#contact { margin:5px auto; width:200px; }
.contact_input { background-color:#FFFFFF; border:1px solid #AEAEAE; color:#00487a; font-size:10px; height:16px; margin:5px auto 0; padding:2px; width:200px; }
.contact_select { background-color:#FFFFFF; border:1px solid #AEAEAE; color:#00487a; font-size:10px; margin:5px auto 0; padding:2px; width:206px; }
.button_contact { margin:auto; position:relative; top:2px; width:140px; padding-left:30px; }
.button_map { margin:auto; width:70px; }
/* ---------------------------------------------------------------- */
/*footer*/
/* ---------------------------------------------------------------- */

#footerLeft { float:left; text-align:left; }
#footerLinks { padding:5px 0 0 10px; }
#footerLinks ul { float:left; list-style:none; margin:0px; }
#footerLinks ul li { float:left; list-style-type:none; display:inline; padding:0 14px 0 0; }
#footerLinks ul li a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.95em; font-weight:normal; color:#f8f8f1; text-decoration: none; }
#footerLinks ul li a:hover { text-decoration:underline; color:#FFF; }
#footerText { font-family:Arial, Helvetica, sans-serif; font-size:.95em; font-weight:normal; color:#f8f8f1; padding-top:10px; }
#copyright { font-family:Arial, Helvetica, sans-serif; font-size:.85em; font-weight:normal; color:#f8f8f1; padding:5px 20px 0 0; }
#footerRight { width:300px; float:right; text-align:right; }
#footer_closer { font-family:Arial, Helvetica, sans-serif; font-size:.85em; font-weight:normal; color:#d6d0ce; text-align:center; margin:auto; width:800px; padding:20px 0; }
/* ---------------------------------------------------------------- */
/* Imagery */
/* ---------------------------------------------------------------- */

.logo { position:relative; top:5px; left:5px; }
.imgFloatRight { float:right; padding:10px; }
.imgFloatRightBorder { float:right; padding:10px;  }
#button img { margin:10px auto; }
#servicebutton { float:left; }
.header_arrows { position:relative; top:9px; padding-right:2px; }
.btn_quote { position:relative; margin:auto; width:70px; }
.header_banner { position:relative; top:10px; }
.sales_map { background: url(images/world_map.png) no-repeat; width:900px; height:475px; margin:auto; }
/* ---------------------------------------------------------------- */
/* Form */
/* ---------------------------------------------------------------- */

#form_input_name, #form_input_tel, #form_input_email  { margin-left:10px; margin-bottom:7px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; height:16px; width:200px; }


.form_input_qu { margin-left:10px; margin-bottom:7px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; height:16px; width:30px; }
.form_input_calc { margin-left:10px; margin-bottom:7px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; height:16px; width:30px; }
.form_text { margin-left:10px; margin-bottom:7px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; width:450px; height:50px; }
.form_text_short { margin-left:10px; margin-bottom:7px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; width:200px; height:50px; }
.form_select { margin-left:10px; margin-bottom:10px; padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#00487a; width:206px; }
.form_checkbox { margin-left:10px; margin-bottom:10px; padding:2px; }
.form_label { padding-left:10px; }
.formLabels { }
.formField { width:220px; }
.error {color:#F00; font-weight:bold; }
/* ---------------------------------------------------------------- */
/* Product Pages */
/* ---------------------------------------------------------------- */

.product_display_row { width: 800px; margin:auto; min-height:130px; }
.product_display_container { float:left; width:250px; margin-right:10px; }
.prodcut_display_image { width:230px; height:100px; }
.product_display_label { text-align:center; }
#product_top { width:900px; margin:auto; }
.product_copy { float:left; padding-right:25px; width:550px; }
.product_copy_right { float:left; width:325px; }
#product_image { width:325px; height:325px; margin-bottom:15px; }
.dimension_table { border: 1px solid #eaeaea; border-collapse:collapse; }
.dimension_table th, .dimension_table td { border: 1px solid #eaeaea; border-collapse:collapse; padding:2px 4px; }