﻿html { height: 100%; }
body { background-color: #FFF; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #000; height: 100%; }
a { color: #A02DAC; text-decoration: none; }
a:hover { text-decoration: underline; }
p, ul { margin-bottom: 10px; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6, #PageSubTitle { color: #A02DAC; }
h1 { font-size: 2em; margin: 5px 0 3px 10px; }
h2 { font-size: 1.4em; margin: 1px 0 1px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
.full-width-middle li { position: relative; left: 20px; }
#PageSubTitle { padding: 0; margin: 0; display: block; margin-left: 10px; }
#title { background-image: URL(/Content/title-background.png); width: 630px; }
.pageWrapper { width: 995px; margin-left: auto; margin-right: auto; background: #FFF URL(/content/edge-effect.jpg) repeat-y top left; min-height: 100%; }
.leftEdge { display:table-cell; width: 20px; }
.page { display:table-cell; width: 955px; margin-left: 20px; background: #FFF URL(/content/EagleEyeIcon.png) no-repeat top left; }
#header { display: block; margin: 0 0 5px 0; height: 100px; text-align: right; }
#header img#name { margin-top: 20px; padding-right: 85px; float: right; text-align: right; }
#header #mobRedirect { padding-right: 95px; color: #A0A0A0; }
#header #mobRedirect img { border-width: 0; }
.mainArea { display: block; margin: 0px auto; padding: 0px; border:0; width: 955px; }
.left { float: left; width: 180px; }
.middle { float: right; width: 650px; }
.right { float: right; width: 125px; }
#main { clear: both; float: left; background-image: url(/Content/silver50alpha.png) !important;  /* Mozilla only */ background-color: transparent !important; /* Mozilla only */ background-image: none; /* IE only */ background-color: #fff;  /* IE only */ filter:alpha(opacity=50); /* IE only */ width: 610px; margin-left: 0px; padding: 10px 10px 0 10px; margin-bottom: 30px; _height: 1px; }
#trueMain { position:relative; }
.textArea { padding: 5px; }
.full-width-top { background: transparent URL(/Content/fullwidth-top-background.png) no-repeat top left; height: 10px; width: 610px; position:relative; left: -5px; }
.full-width-middle { background-color: #FFF; position:relative; top: -2px; border:0; margin:0 -5px 10px -5px; padding: 5px 0 0 10px; height: 100%; width: 100%; }
.full-width-middle p { margin-right: 10px; }
.full-width-bottom { background: transparent URL(/Content/fullwidth-bottom-background.png) no-repeat bottom left; height: 10px; width: 610px; position:relative; left: -5px; top: -12px; }
#footer { clear: both; padding: 0; text-align: right; line-height: normal; margin: 0; font-size: .9em; font-weight: bold; }
#footer li { display: inline; list-style: none; text-decoration: none; }
img#banner { padding-bottom: 10px; }
ul#menu { border-top: 2px #C4C4C4 solid; border-bottom: 2px #C4C4C4 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: left; width: 175px; }
ul#menu li { display: block; list-style: none; }
ul#menu li.selected { background-color: #E6E6E6; }
li.hide { list-style: none; }
ul#menu li a { padding: 2px 10px; font-weight: bold; text-decoration: none; line-height: 1.8em; }
.clear { clear: both; }
.error { color: Red; }
#menucontainer { margin-top: 150px; float: left; }
div#title { display: block; float: none; text-align: left; margin-bottom: 10px; }
#priority p { margin-top: 2px; }
#products { display: block; text-align: left; margin-top: -10px; padding: 0; border: 0; width: 610px; }
#products a { color: Navy; font-weight: bold; float: right; }
.summary-top { background: transparent URL(/Content/summary-top-background.png) no-repeat top left; height: 10px; width: 196px; position:relative; left: -5px; }
.summary-middle { background-color: #FFF; position:relative; top: -2px; border:0; margin:0 -5px 0 -5px; padding: 0 10px 0 10px; width: 95%; }
.summary-bottom { background: transparent URL(/Content/summary-bottom-background.png) no-repeat bottom left; height: 10px; width: 196px; position:relative; left: -5px; top: -2px; }
#product1 { float: left; width: 185px; padding-right: 8px; margin-right: 10px; }
#product2 { float: left; width: 185px; }
#product3 { float: right; width: 185px; }
#ProductWrapper { }
#ProductSidebar { float: left; width: 190px; }
#ProductMenu ul { margin-left: 0; padding-left:0; }
#ProductMenu li { font-size: 1em; font-weight: bold; list-style: none; margin-bottom: 5px; margin-left: 0; padding-left:5px; }
#ProductMenu li.selected { background-color: #C4C4C4; }
#ProductBody { float: right; width: 400px; }
.product-top { background: transparent URL(/Content/product-top-background.png) no-repeat top left; height: 10px; width: 410px; position:relative; left: -5px; }
.product-middle { background-color: #FFF; position:relative; top: -2px; border:0; margin:0 -5px 0 -5px; padding: 5px 10px 0 10px; }
.product-bottom { background: transparent URL(/Content/product-bottom-background.png) no-repeat bottom left; height: 10px; width: 410px; position:relative; left: -5px; top: -12px; }
#ContactWrapper { }
#ContactSidebar { float: left; width: 155px; text-align: left; padding: 0px; color: #A02DAC; font-size: 1em; font-weight: bold; margin-left: 10px; margin-top: 20px; background-color: #FFF; }
#ContactBody { float: right; width: 400px; height: 350px; background-color: #FFF; }
#extraContactWrapper { height:350px; position: relative; left: -10px; }
.newsArticle { padding: 5px; }
.newsHeader { display: inline; }
.newsTitle { float: left; }
.date { font-style: italic; color: Red; }
.headline { font-style: italic; font-size: 1.1em; }
.newsImage { }
.article { clear: both; margin-bottom: 10px; }
#reg > input[type="text"] { position:absolute; left: 120px; }
#reg > div > textarea { position: absolute; left: 120px; }
#reg > div { height: 160px; }
#reg > div > label { vertical-align: top; }
#reg > input[type="submit"] { position: relative; left: 120px; }
.errMsg { color: #F00; font-style: italic; font-weight:bolder; }
#aboutus { }
#mainSection { }
.detail { }
.detailBody { margin-top: 10px; }
.detailBody h3 { margin-top: -10px; }
.detailImage { float:right; margin-right: 10px; }
.detail-top { background: transparent URL(/Content/detail-top-background.png) no-repeat top left; height: 10px; width: 510px; position:relative; left: -5px; }
.detail-middle { background-color: #FFF; position:relative; top: -2px; border:0; margin:0 -5px 0 -5px; padding: 5px 10px 0 10px; }
.detail-bottom { background: transparent URL(/Content/detail-bottom-background.png) no-repeat bottom left; height: 10px; width: 510px; position:relative; left: -5px; top: -12px; }
#DetailBody { float: left; width: 500px; }
#DetailImageLarge { position: absolute; top:inherit; left: 530px; }
