/* Background Image */
body {background-color: #A8B1B8; background-image:url('../images/gradient1.gif'); background-repeat: repeat-x; }
   
 /* Character styles*/
p { font-family: Verdana; font-size:12px; text-decoration: none; line-height: 18px; color: #000000; padding: 0; margin-top: 4px }
p.fyi { font-family: Verdana; font-size:10px; text-decoration: none; line-height: 14px; color: #000000; padding: 0; margin-top: 4px; text-align:center; }
p.upsell {font-family: Verdana, helvetica, sans-serif; font-size: 12px; line-height: 130%;  color: #000000; padding: 0; margin: 5px; text-align:left; }
p.upsellexclusion {font-family: Verdana, helvetica, sans-serif; font-size: 9px; line-height: 100%;  color: #000000; padding: 0; margin: 5px; text-indent: -10px; text-align:left; }

h1 { font-family: Verdana, Helvetica; font-size: 16px; line-height: 120%; color:#7e3334; padding: 0; margin: 0; text-align: left;}
h3 { font-family: Verdana, Helvetica; font-size:14px; text-decoration: none; line-height: 100%; color:#dc2c1a	; padding: 10px 0; margin: 0;  text-align: left }
h2 { font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; line-height: 18px; color: #275d87; padding: 0; margin: 0; }
h4 { font-family: Trebuchet, Helvetica; font-size: 12px; font-weight: bold; color:#494949; line-height: 16px; padding: 0; margin: 0;}
a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #c45804; outline: none}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #a74b03}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #a74b03; outline: none}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #c45804; outline: none}
.footer {font-family: Trebuchet, Helvetica; font-size: 10px; font-weight: 900; color:#333333}
.manager {font-family: Trebuchet, Helvetica; font-size: 10px; font-weight: 900; color:#FFFFFF}
ul {font-family: Arial, Helvetica; font-size:12px; text-decoration: none; line-height: 130%; color: #333333; }
ol {font-family: Arial, Helvetica; font-size:12px; text-decoration: none; line-height: 130%; color: #333333; }

 /* Page Wrapper */
#wrapper {position: relative; top: 0px; left: 0px; height:740px; width: 900px; padding: 0; margin: 0 auto; text-align: left; background-image:url('../images/bg_specs.gif'); background-repeat: no-repeat; background-position: top center; margin: 0 auto;}

/* Static Page Elements */
#slug {position:absolute; top: 170px; left: 0px; width: 250px; height: 50px; float: left; text-align: center;  }
#links  {position:absolute; top: 490px; left:12px; width: 180px; height: 35px; margin: 0; padding: 0;}
#logo {position: absolute; top: 0px; left: 9px; width:212px; height: 97px; float: left; display: inline; z-index: 1;}
#headline {position: absolute; top: 13px; left: 240px; width:480px; height: 50px; padding: 0; margin: 0; }
#manager {position: absolute; top: 690px; left: 40px; height: 30px; width: 200px; text-align: left;  }
#address1 {position: absolute; top: 690px; left: 220px; height: 40px; width: 160px; text-align: left; }
#address2 {position: absolute; top: 690px; left: 390px; height: 40px; width: 160px; text-align: left; }
#address3 {position: absolute; top: 685px; left: 560px; height: 45px; width: 160px; text-align: left; border: 2px solid red; background-color: #FFFFFF;}
#securmetrics {position: absolute; top: 685px; left: 740px; height: 40px; width: 160px; text-align: left; }
#banner {position: absolute; top: 0px; left: 0px; height: 10	0px; width: 900px; text-align: center;}

/* Top Navigation Bar */
#topnav {position: absolute; top: 0px; left: 200px; width:300px; height: 18px; float: left; }
ol#navbar {height: 1em; list-style: none; margin: 0; padding: 0; }
ol#navbar a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase;  color: #acacac; float: left; height: 2em; padding-left: 10px; text-decoration: underline; }
ol#navbar a:hover {background-position: 0 -48px; color: #dc391a}
ol#navbar a:hover span {background-position: 100% -48px; }
ol#navbar li {float: left; margin: 0 1px 0 0; }
ol#navbar li.current a { background-position: 0 -24px; color: #7d7d7d; font-weight: bold; }
ol#navbar li.current span {background-position: 100% -24px; }
ol#navbar span {display: block; line-height: 2em; padding-right: 10px; }

 /* Main Content Area - Home Pages*/
#tabbar {position: absolute; top: 90px; left: 200px; width:800px; height: 24px; float: left; }
.main {position: absolute; top:110px; left:200px; width: 665px; height: 560px; float: left; clear: left; margin: 0; padding: 0}
#specs_area {position: absolute; top:0; left:0; width: 625px; height: 530px; margin-left: 20px; margin-right: 20px; padding: 15px; overflow: auto; }

ol#toc {height: 1em; list-style: none; margin: 0; padding: 0; }
ol#toc a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #bdf url(../images/tabs.gif); color: #111111; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#toc a:hover {background-color: #3af; background-position: 0 -48px; }
ol#toc a:hover span {background-position: 100% -48px; }
ol#toc li {float: left; margin: 0 1px 0 0; }
ol#toc li.current a {background-color: #48f; background-position: 0 -24px; color: #555555; font-weight: bold; }
ol#toc li.current span {background-position: 100% -24px; }
ol#toc span {background: url(../images/tabs.gif) 100% 0; display: block; line-height: 2em; padding-right: 10px; }


 /* Specs Table- */
.tablewithheader {width: 320px; padding: 0; margin: 0; }

caption {padding: 0 0 5px 0; width: 320px; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left;}
th {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 3px 3px 3px 6px; background: #e8d3d0 ;}
td {font: 12px "Arial, sans serif"; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 3px 3px 3px 6px; color: #797268;}
td.alt { background: #fcf1f0; color: #797268;}
th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(../images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #fcf1f0 url(../images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268;}


 /* Left Menu */
#leftmenu {position:absolute; top: 150px; left: 10px; width: 195px; height: 343px;}
#left {position:absolute; top: 0px; left: 0px; width: 195px; height: 343px;}
#leftheader {position:absolute; top: 120px; left: 13px; width: 195px; height: 343px;}
#upsellheader {position:absolute; top: 420px; left:12px; width: 180px; height: 35px; margin: 0; padding: 0;}
#upselltext {position:absolute; top: 430px; left:12px; width: 180px; height: 120px; margin: 0; padding: 0;}
#buynowbutton {position:absolute; top: 290px; left: 0px; width: 195px; height: 343px;}
#linksheader  {position:absolute; top: 495px; left:12px; width: 180px; height: 35px; margin: 0; padding: 0;}
#linksbuttons {position:absolute; top: 365px; left: 0px; width: 195px; height: 343px;}
#upsellexclusion {position:absolute; top: 640px; left:12px; width: 180px; height: 120px; margin: 0; padding: 0;}

 /* CSS Hover Button - Left Menu */
.leftnav	{ position:relative; font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%; background-image:  url(../images/LMButH.gif);  background-repeat: no-repeat; white-space: normal; display: block; width: 180px; height: 35px; margin: 0;  padding: 0} 
.leftnav a { font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #000000;  text-decoration: none; }
.leftnav img {width: 180px; height: 35px; border: 0; }
* html a:hover { visibility:visible}
.leftnav a:hover img{visibility:hidden}
.leftnav a:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #555555; }
.leftnav a:visited {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #000000; }
.leftnav a:visited:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #555555;  text-decoration: none; }
.leftnav a:active {color: #555555; }
.leftnav span {position: absolute; left: 0px; top:12px;margin-left: 15px;margin-top: -5px; line-height: 130%; padding: 0px;cursor: pointer; width: 160px; height: 14px;text-align: left;}

 /* CSS Hover Button - Buy Now */
.buynow	{ position:relative; font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%; white-space: normal; display: block; width: 190px; height: 35px; margin: 0;  padding: 0} 
.buynow a { font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #000000;  text-decoration: none; }
.buynow img {width: 190px; height: 35px; border: 0; }
* html a:hover { visibility:visible}
.buynow a:hover img{visibility:hidden}
.buynow a:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #555555; }
.buynow a:visited {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #000000; }
.buynow a:visited:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #555555;  text-decoration: none; }
.buynow a:active {color: #555555; }
.buynow span {position: absolute; left: 0px; top:12px;margin-left: 15px;margin-top: -5px; line-height: 130%; padding: 0px;cursor: pointer; width: 160px; height: 14px;text-align: left;}

  /* Main Content Area - */
#disposal_map {position: absolute; left: 30px; top: 100px; }


 /*****************************/
/* NEW CONTACT PAGE */
/*****************************/

.contact_popup_container {position: absolute; left: 200px; width:680px; height: 640px; top: 40px; margin: 0px auto; padding: 0px;   }
#contact_popup_bg {position: absolute; width:600px; height: 640px; background-image: url(../images/contact_popup_bg.jpg); background-repeat: no-repeat; }
#contact_popup_form {position: absolute; top: 80px;}
#contact_thankyou {position: absolute; top: 200px; left: 140px; color: #8e2223; }
#theform {width: 700px; height: 510px; overflow: auto; }
#formright {width: 230px; float: right; margin: 0 30px 0 0;}
#formleft {width: 420px; float: left; clear: left;  }
#antispam {width: 655px; height: 30px; float: left; margin: 10px 0 0 13px}
#antispam_l {width: 220px; float: left; margin: -5px 0px 0 0; }
#antispam_c {width: 160px; float: left; margin: 0 50px 0 20px;}
#antispam_r {width: 160px; height: 50px; float: left;}
#theform td {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 0 5px 0; color: #252525}
#theform td.alt { background: #fcf1f0;  }
#checkbox_l {position: relative; width: 180px; float: left; margin: 0 0 10px 0;}
#checkbox_r {position: relative; width: 180px; float: right;}
#contact-banner {width: 640px; height: 40px; margin: 5px 0 5px 20px;}
p.checkbox-container {height: 30px; width: 160px; clear: both; float: none; line-height: 12px; margin: 10px 0 10px 0; border-left: 1px solid gray; border-bottom: 1px solid gray}
.checkbox-lbl {position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; top: 0px; float: left; clear: both; margin-left: 10px; line-height: 100%; border:}	
input.checkbox {position: relative; top: 0px; width: 10px; float: left; clear: left; display: block; text-align: left; margin-left: 80px;  margin-top: -23px; border: none }
fieldset p {font-size: 11px; line-height: 100%; float: left; margin: 10px 0 10px 0 }
input, select, textarea {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:  10px; width:160px; margin: 0px 0 10px 0; padding: 0 0 0 0 ; border: 1px solid gray;}
label {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:  10px;}
.submit input {margin-top: -10px; margin-right: 230px;} 
#formright fieldset {width: 180px; margin: 5px 0px 5px 20px; float: left; clear: both;}
#formleft fieldset {margin: 5px 0px 5px 15px; float: left; clear: both; display: block;}
#theform fieldset legend {font-size: 12px; font-family: Arial; color: #000000;}
#theform fieldset ul{list-style: none; width:120px; margin: 0px -38px; 0 0px;}
#theform fieldset ul li {clear:both;}
#theform fieldset label {float:left; width:200px;}
#theform fieldset input {float:left; width: 160px; margin-right:0px;}