body { margin: 0; color: #000; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; background: #DEDEDE url(../images/design/bodybg.jpg) repeat-x top; }
*html body { text-align: center; }
#container {  text-align: center; width: 894px; margin: 0 auto; overflow: hidden; }
#wrapper { width: 894px; background: url(../images/design/wrapperbg.jpg) repeat-y; text-align: justify; }
#header { width: 894px; height: 165px; }
#logo { width: 203px; height: 165px; float: left; background: url(../images/design/logoover.jpg) no-repeat; }
#logo a { width: 203px; height: 165px; float: left; background: url(../images/design/logo.jpg) no-repeat; }
#logo a:hover { width: 203px; height: 165px; float: left; background: url(../images/design/logoover.jpg) no-repeat; }
#banner { width: 188px; height: 165px; float: left; background: url(../images/design/logoscroll.jpg) no-repeat; }
#banner2 { width: 503px; height: 165px; float: left; background: url(../images/design/bannerbg.jpg) repeat-x; }
#banner2 span { width: 503px; height: 165px; display: block; background: url(../images/design/installationinnovation.jpg) no-repeat top right; }
#banner2 img { float: right; margin-top: 50px; margin-left: 2px; }

#navbar { width: 894px; height: 28px; background: url(../images/design/topnavbg.gif) repeat-x; }
#nav,#nav ul { float: left; list-style-type: none; padding: 0 0 0 7px; margin: 0; font-size:1.0em; }
#nav li ul { margin-top: 0px; margin-left: 0px; padding: 0px; position: absolute; z-index: 256; left: -999em; }
#nav li { background-color: #064D92; color: #FFFFFF; float: left; width: auto; display: block; border-left: 1px #9192C4 solid; border-right: 1px #222575 solid; height: 26px; }
#nav li a { color: #FFFFFF;  text-decoration: none; border: none; display: block; padding: 5px 8px 5px 8px; }
#nav li a:hover  { color: #FFFFFF;  background-color: #2F7BBA; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }
#nav li:hover, #nav li.hover { position: static; }
#subnav, #subnav ul { list-style-type: none; float: left; margin-left: 0px; padding: 0px; width: 200px; }
#subnav li { text-align: left; list-style-type: none; float: none; color: #FFFFFF; margin-top: 0px; margin-left: 0px; padding: 0px; position: relative; width: 200px; background-color: #2F7BBA; border: 0px; }
#subnav li a { color: #FFFFFF; text-decoration: none; margin: 0; display: block; height: 19px; padding: 5px 0 0 9px; font-size: 1.0em; }
#subnav li a:hover { color: #FFFFFF; background-color: #5895C8; margin: 0px; padding: 5px 0 0 9px; display: block;}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }

#sclinks,#sclinks ul { width: 230px; float: right; list-style-type: none; margin: 0 28px 0 0; padding: 0; font-size:0.8em; }
*html #sclinks { width: 230px; float: right; list-style-type: none; margin: 0 14px 0 0; padding: 0; font-size:0.8em; }
#sclinks li { color: #FFFFFF; float: right; width: auto; display: block; }
#sclinks li a { color: #FFFFFF; text-decoration: none; border: none; display: block; padding: 6px 15px 0px 0px; background: url(../images/design/arrow.gif) no-repeat right; }
#sclinks li a:hover  { color: #FFC000; text-decoration: none; background: url(../images/design/arrowover.gif) no-repeat right; }

#leftcol { float: left; width: 203px; background: url(../images/design/leftcolbg.jpg) no-repeat; }
#ourproducts { width: 203px; height: 42px; background: url(../images/design/ourproducts.jpg) no-repeat; }
#ourproducts a { width: 203px; height: 42px; background: url(../images/design/ourproducts.jpg) no-repeat; display: block; }

#leftnav { list-style-type: none; margin: 0 0 2px 7px; padding: 0; width: 188px; border-left: 1px solid #338CC3; }
#leftnav li { text-decoration: none; background-color:#135A93; margin: 0; border-bottom: 1px solid #338CC3; height:auto; }
#leftnav li a { font-size: 1.15em; font-weight: bold; color:#E2EBF2; text-decoration: none; text-align: left;  margin: 0; padding: 2px 0 2px 17px; overflow: hidden; display: block; }
#leftnav li a:hover { color: #FFF; text-decoration: none; background: url(../images/design/arrowover2.gif) no-repeat right; background-color: #338CC3; }

img { border: 0px; }
a { color: #135A93; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

#nothing,.nothing  { clear: both; height: 1px; }
.block {display: block; }

.fbox { margin: 0 0 3px 11px; }
.fbox a img { border: 1px solid transparent; }
.fbox a:hover img { border: 1px solid #BC001D; }
.leftcolscroll { width: 203px; height: 153px; background: url(../images/design/leftcolscroll.jpg) no-repeat; }

#middlecol { float: left; width: 496px; }
#middlecol2 { float: left; width: 688px; }
#rightcol { float: left; width: 195px; text-align: left; }
.content { padding: 30px; }

.rightbox { width: 195px; background: #F0F5F8 url(../images/design/newsboxbg.jpg) repeat-x; }
.rightbox h2 { padding: 5px 0 0 12px; color: #000; }
.rboxcontent { padding: 2px 12px 2px 12px; }
.rboxcontent2 { padding: 2px 0px 2px 12px; }
.rightbox h3 { color: #000; margin: 0; }
.rightbox a { color: #BC001D; text-decoration: none; }
.rightbox a:hover { color: #000; text-decoration: underline; }
.randomimage { margin-bottom: 10px; display: block; }

.newsletterinput { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 1em; background-color: #DEE8EC; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #A7ACAE #CFDCE2 #CFDCE2 #A7ACAE; width: 154px; }
.newsletterbutton { margin: 6px 0; }

.namefield  { float: left; padding-top: 3px; width: 140px; }
.namefield2 { float: left; padding-top: 3px; width: 680px; }
.formtext { float: left; margin-bottom: 10px; padding-top: 3px; width: 680px; }
.inputfield  { float: left; width: 540px; }
.inputfield2 { float: left; width: 680px; }
.input { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #DEE8EC; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #A7ACAE #CFDCE2 #CFDCE2 #A7ACAE; }
.input2 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #DEE8EC; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #A7ACAE #CFDCE2 #CFDCE2 #A7ACAE; }
.input3 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #DEE8EC; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: ##A7ACAE #CFDCE2 #CFDCE2 #A7ACAE; }
* html .input { color: #CDCBCB; font-size: 1em; font-family: Arial, Helvetica, sans-serif; background-color: #DEE8EC; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #A7ACAE #CFDCE2 #CFDCE2 #A7ACAE; }
.display { color: #BC001D; }
form { margin: 0px; padding: 0px; }
h1 { color: #064780; font-size: 1.15em; margin: 0px 0px 10px 0px; }
h2,h3,h4 { color: #BC001D; font-size: 1.0em; margin: 0px 0px 10px 0px; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.submitbutton { color: #FFFFFF; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, sans-serif; background-color: #B0394C; margin-top: 2px; padding-left: 2px; border-style: solid; border-width: 1px; border-color: #F8949E #69141B #F8949E #69141B; }
label { display: none; visibility: hidden; }

.required { color: #BC001D; }


#footer { width: 894px; height: 52px; background: url(../images/design/footerbg.jpg) repeat-x; text-align: center; }
#footernav { width: 894px; color: #E1E9F2; padding-top: 6px; }
#footernav a { color: #E1E9F2; }
#footernav a:hover { color: #96B4D1; }
#copy { width: 894px; color: #E4EEF4; padding-top: 10px; padding-bottom: 3px; }
#copy a { color: #E4EEF4; }
#copy a:hover { color: #87B5D1; text-decoration: none; }
#copy span a { color: #87B5D1; }
#copy span a:hover { color: #E4EEF4; }
.navdivider { padding-left: 6px; padding-right: 6px; }
.box { color: #FFF; border: 1px solid #87B5D1; padding: 0 5px; margin-left: 5px; margin-right: 5px; }

/*.productdetail { background-color: #C5D5DE; float: left; width: 200px; height: 200px; margin: 0 6px 6px 0; }
.productdetail a { color: black; text-decoration: none; background-color: #C5D5DE; float: left; width: 200px; height: 200px; }
.productdetail a:hover { text-decoration: none; background-color: #CFDEE6; float: left; width: 200px; height: 200px; }
.productdetail img { margin: 4px 0 4px 13px; }
.productdetail p { font-weight: bold; margin: 6px 0 0 13px; }
.productdetail span { color: #BC001D; margin: 6px 0 0 13px; }
.productdetail a span { color: #BC001D; }
.productdetail a:hover span { color: #000; }*/

#gallery { margin-top: 10px; margin-bottom: 10px; }
.galleryitem { background-color: #C5D5DE; float: left; width: 200px; height: 180px; margin: 0 6px 6px 0; text-align: center; }
.galleryitem a { color: black; text-decoration: none; background-color: #C5D5DE; float: left; width: 200px; height: 180px; }
.galleryitem a:hover { text-decoration: none; background-color: #CFDEE6; float: left; width: 200px; height: 180px; }
.galleryitem img { margin: 6px 0 4px 0; }

.documentdownload { float: left; width: 625px; margin-bottom: 2px; background-color: #e3ecf1; }
.ddimg { float: left; padding: 5px; margin-right: 10px; }
.ddtxt { float: left; padding: 5px; }
.ddicon { margin-right: 5px; }

.portfolio { float: left; width: 625px; margin-bottom: 2px; background-color: #e3ecf1; }
.pfimg { float: left; padding: 5px; margin-right: 10px; }
.pftxt { float: left; padding: 5px 30px 5px 5px; }

#datasheets { list-style-type: none; margin: 0; padding: 0; width: 625px;  }
#datasheets li { background-color: #e3ecf1; margin: 0 0 2px 0; height: auto; }
*html #datasheets li { background-color: #e3ecf1; margin: 0 0 1px 0; height: 24px; }
#datasheets li a { text-decoration: none; text-align: left;  margin: 0; padding: 5px 5px 5px 15px; overflow: hidden; display: block; }
#datasheets li a:hover { text-decoration: none; background-color: #D1E0E8; }

.productcategory {margin:0 12px 12px 0; float:left; width:197px; height:165px; background-color: #C2D5DC; text-align: left;}
.productcategory img {margin:6px 0 6px 35px;}
.productcategory p {margin:0; padding:6px 0 0 35px; font-weight:bold}
.productcategory span a { margin-left: 35px; color: #BC001D; text-decoration: none; }
.productcategory span a:hover { margin-left: 35px; color: #000; text-decoration: underline; }

.productdetail {margin:0 12px 12px 0; float:left; width:197px; height:195px; background-color: #EAF1F4; text-align: left;}
.productdetail img {margin:6px 0 6px 35px;}
.productdetail p {margin:0; height:40px; padding:6px 35px 0 35px; font-weight:bold}
.productdetail span a { margin-left: 35px; color: #BC001D; text-decoration: none; }
.productdetail span a:hover { margin-left: 35px; color: #000; text-decoration: underline; }

.productdetail2 {width:280px; float:left; background-color:#EAF1F4; text-align: left;margin-right:12px}
.productdetail2 img {margin:6px 0 6px 26px; padding-bottom:6px}
.productdetail2 div {margin:2px 0 6px 26px; padding-bottom:6px}
.productdetail2 p {margin:0; padding:6px 35px 0 26px; font-weight:bold}
.producttext .price {color:#BB0024; font-weight:bold}
.producttext .sprice {text-decoration: line-through}
.producttext .shoppingdetail {margin-top:5px}