/* ::::: http://www.metrocominc.com/assets/templates/layout/layout.css ::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img { border: 0pt none ; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { font-family: arial,verdana,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: ; -x-system-font: none; }
table { font-family: verdana,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; line-height: normal; font-size-adjust: none; font-stretch: ; -x-system-font: none; }
select, input, textarea { font-family: verdana,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 99%; line-height: normal; font-size-adjust: none; font-stretch: ; -x-system-font: none; }
pre, code { font-family: monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 115%; line-height: normal; font-size-adjust: none; font-stretch: ; -x-system-font: none; }
body * { line-height: 1.22em; }
.clear:after { clear: both; content: "."; display: block; height: 0pt; visibility: hidden; }
.clear { overflow: hidden; display: block; }
.hidden { overflow: hidden; position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; }
.hidetext { display: block; text-indent: -9999px; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
.text-indent { text-indent: -32697px; }
a:link { color: rgb(178, 0, 0); }
a:active { color: rgb(178, 0, 0); }
a:visited { color: rgb(178, 0, 0); }
a:hover { color: rgb(178, 0, 0); text-decoration: none; }
dl { margin-left: 30px; }
dt { padding: 0pt 10px; }
dd { padding: 10px 10px 10px 18px; }
html { text-align: center; }
body { margin: 0pt auto; background: rgb(147, 156, 168) url('../../images/bg.jpg') repeat-x scroll 0% 0%; text-align: left; width: 960px; }
#header { background: transparent url('../../images/header.jpg') no-repeat scroll 0% 0%; position: relative; width: 960px; height: 169px; }
#logo a { width: 200px; height: 80px; display: block; }
#topnav { position: absolute; z-index: 99; padding-top: 13px; padding-left: 20px; }
#topnav ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#topnav ul li { padding: 0pt 25px 0pt 0pt; display: inline; float: left; color: rgb(255, 255, 255); }
#topnav a { display: block; color: rgb(255, 255, 255); text-decoration: none; padding-bottom: 9px; }
#topnav a:hover { background: transparent url('../../images/bg-topnav-hover.jpg') repeat-x scroll 0% 0%; text-decoration: underline; }
#topnav ul li ul { background: rgb(59, 69, 81) none repeat scroll 0% 0%; position: absolute; width: 20em; left: -999em; }
#topnav ul li:hover ul { left: auto; }
#topnav ul li.sfhover ul { left: auto; }
#topnav ul li ul li { padding: 0pt; float: none; }
#topnav ul li ul li a { border-top: 1px solid rgb(91, 103, 118); border-bottom: 1px solid rgb(37, 46, 56); padding: 5px 0pt 5px 20px; }
#topnav ul li ul li a:hover { background: rgb(37, 46, 56) none repeat scroll 0% 0%; }
#search { position: absolute; top: 135px; right: 20px; }
#search * { vertical-align: middle; }
#body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; }
#main-content { float: right; width: 739px; }
#main-content h1 { padding: 20px 0pt 10px 20px; font-size: 152%; color: rgb(43, 99, 131); }
#main-content h2 { padding: 0pt 0pt 10px 20px; font-size: 122%; color: rgb(43, 99, 131); }
#main-content h3 { padding: 0pt 0pt 10px 20px; font-size: 107%; color: rgb(43, 99, 131); clear: both; }
#main-content p { padding: 0pt 0pt 10px 20px; }
#main-content ul { padding: 0pt 0pt 10px 40px; }
#main-content ul li { list-style-type: none; list-style-image: none; list-style-position: outside; }
#subtop-basic { position: relative; }
#subtop-basic p { position: absolute; color: rgb(255, 255, 255); font-weight: bold; top: 11px; left: 0px; }
#subtop-basic ul { position: absolute; color: rgb(255, 255, 255); top: 50px; left: 280px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#subtop-basic ul li { background: transparent url('../../images/bullet-arrow.jpg') no-repeat scroll 0em 0.3em; padding-left: 10px; }
#subtop-basic ul li a { text-decoration: none; color: rgb(60, 84, 102); }
#subtop-basic ul li a:hover { text-decoration: underline; }
#blocks { position: relative; width: 739px; height: 360px; }
#featured { background: transparent url('../../images/cta-home-featured.jpg') no-repeat scroll 0% 0%; float: left; height: 360px; width: 372px; }
#featured img { z-index: 10; }
#featured h3 { position: absolute; color: rgb(255, 255, 255); padding-top: 7px; }
#offers { background: transparent url('../../images/cta-home-special.jpg') no-repeat scroll 0% 0%; float: left; height: 360px; width: 365px; }
#offers h3 { position: absolute; color: rgb(255, 255, 255); padding-top: 7px; }
#wb28 p { position: absolute; font-size: 80%; color: rgb(60, 84, 102); width: 320px; top: 135px; left: 8px; }
#wb28-link a { position: absolute; height: 20px; width: 100px; top: 88px; left: 30px; display: block; }
#ab1 p { position: absolute; font-size: 80%; color: rgb(60, 84, 102); width: 230px; top: 280px; left: 105px; }
#ab1-link a { position: absolute; height: 20px; width: 100px; top: 222px; left: 240px; display: block; }
#tm p { position: absolute; font-size: 80%; color: rgb(60, 84, 102); width: 310px; top: 290px; left: 8px; }
#tm-link a { position: absolute; height: 18px; width: 100px; top: 249px; left: 245px; display: block; }
#fnc p { position: absolute; font-size: 80%; color: rgb(60, 84, 102); width: 310px; top: 130px; left: 378px; }
#sub-content h2 { clear: both; }
#sub-content img { margin: 20px; float: left; }
#sub-content p { line-height: 2em; }
#request { margin-right: 20px; float: right; }
#request p { color: rgb(175, 9, 9); font-weight: bold; width: 120px; line-height: 1.4em; margin-left: 20px; }
#request ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
#request li { background: transparent url('../../images/bullet-arrow.jpg') no-repeat scroll 0pt center; padding-left: 10px; color: rgb(57, 83, 102); font-weight: bold; }
#products { float: left; margin-left: 20px; width: 700px; }
#products img { float: left; margin-right: 0px; }
#products span { font-size: 107%; color: rgb(43, 99, 131); font-weight: bold; }
#products .products { border-top: 1px solid rgb(219, 222, 223); padding: 20px 0pt; float: left; }
#products .last { border-bottom: 1px solid rgb(219, 222, 223); }
#products .description { width: 280px; float: left; }
#products .right { float: right ! important; text-align: center ! important; width: 132px; }
#products .right img { margin: 10px 5px 0pt -10px; }
#side-content { padding: 2px; float: left; width: 217px; }
.sidenav { padding-bottom: 20px; }
.sidenav ul {  }
.sidenav ul li { display: inline; }
.sidenav a { border-bottom: 1px solid rgb(215, 218, 220); padding: 1px 0pt 1px 25px; display: block; text-decoration: none; color: rgb(0, 0, 0); }
.sidenav a.altnav { background: transparent url('../../images/bg-sidenav.jpg') no-repeat scroll 0% 0%; }
.sidenav a:hover { background: transparent url('../../images/bg-sidenav-hover.jpg') no-repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sidenav h3 { padding: 9px 0pt 8px 20px; background: rgb(178, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
#footer { background: transparent url('../../images/footer.jpg') no-repeat scroll 0% 0%; clear: both; width: 960px; height: 133px; }
#footer p { font-size: 85%; text-align: center; padding-top: 30px; color: rgb(255, 255, 255); }
#footer a { color: rgb(255, 255, 255); }
#footer ul { list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 85%; color: rgb(255, 255, 255); padding-top: 5px; text-align: center; }
#footer ul li { display: inline; }
.wForm { margin-left: 20px; }
.wForm fieldset { border: 1px solid rgb(192, 192, 192); width: 500px; }
.product-info { float: left; width: 500px; height: 100px; clear: both; }
.product-info p { float: left; width: 100px; margin-right: 15px; }
.product-info label { font-weight: bold; }
.product-info input { width: 100px; }
.error {color: #990000; font-weight: bold;}	/* JCW 2/16/09 */