* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: center; color: #333; margin: 0; padding:0; background: #fff; font: 12px Arial, Helvetica, sans-serif;}

p {text-align: left; color: #333; line-height: 1.5em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer; outline: none;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l {float: left;}
.r {float: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.acenter {align: center;}
.aright {text-align: right;}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.strong {font-weight: bold;}
.hidden {display: none;}
.mrg {padding: 0 20px;}
.noborder {border: none;}
.labels {padding: 20px 0;}

p.warning {padding: 10px; color: #800;}
p.success {padding: 10px; color: #080;}
p.spinner {padding: 10px;}
#responsediv, #responsediv2 {}

h1 {color: #004A91; font-size: 1.7em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}
h2 {color: #333333; margin: 20px 0 0 0; font-size: 1.3em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}

.s20 {width: 20px;}
.s50 {width: 50px;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s400 {width: 400px;}
.s500 {width: 500px;}
.s600 {width: 600px;}
.p100 {width: 100%;}
.s80 {width: 80px;}
.h10 {height: 10em;}
/********************************************************************************/

#wrapper {width: 800px; margin: 0 auto; text-align: left;}

#top {width: 800px; height: 100px; overflow: hidden; background: url("/img/site/bgnd-top.gif") bottom center no-repeat;}
#top p {margin: 0; padding: 0;}
#top p a.logo {float: left; margin: 10px; display: block; width: 360px; height: 64px; background: url("/img/site/handj-logo.gif") no-repeat; text-indent: -9000px;}
#top p.contacts {margin: 20px 10px 0 0; display: block; float: right; width: 203px; height: 52px; background: url("/img/site/contacts.gif") no-repeat; text-indent: -9000px;}

#header-home {width: 800px; height: 260px; display: block; margin: 0; overflow: hidden;}
#header-home div {width: 800px; height: 260px; overflow: hidden;}

#header-flash {width: 800px; height: 260px; display: block; margin: 0;}
.hf01 {background: url("/img/site/header/01.jpg") no-repeat;}
.hf02 {background: url("/img/site/header/02.jpg") no-repeat;}

#header-inside {width: 800px; height: 150px; display: block; margin: 0;}
.head01 {background: url("/img/site/header-inside/01.jpg") no-repeat;}
.head02 {background: url("/img/site/header-inside/02.jpg") no-repeat;}

#main-menu {width: 800px; height: 39px; background: url("/img/site/bgnd-main-menu.gif") repeat-x; overflow: hidden;}
#main-menu ul {margin: 0 0 0 7px;}
#main-menu ul li {display: inline;}
#main-menu ul li a {float: left; margin: 0 2px; text-indent: -9000px;}
#main-menu ul li a.home {display: block; width: 81px; height: 39px; background: url("/img/site/menu/home-off.gif") no-repeat;}
#main-menu ul li a.home:HOVER, #main-menu ul li a.homeon {display: block; width: 81px; height: 39px; background: url("/img/site/menu/home-on.gif") no-repeat;}
#main-menu ul li a.frs {display: block; width: 157px; height: 39px; background: url("/img/site/menu/frs-off.gif") no-repeat;}
#main-menu ul li a.frs:HOVER, #main-menu ul li a.frson {display: block; width: 157px; height: 39px; background: url("/img/site/menu/frs-on.gif") no-repeat;}
#main-menu ul li a.products {display: block; width: 99px; height: 39px; background: url("/img/site/menu/products-off.gif") no-repeat;}
#main-menu ul li a.products:HOVER, #main-menu ul li a.productson {display: block; width: 99px; height: 39px; background: url("/img/site/menu/products-on.gif") no-repeat;}
#main-menu ul li a.pg {display: block; width: 137px; height: 39px; background: url("/img/site/menu/pg-off.gif") no-repeat;}
#main-menu ul li a.pg:HOVER, #main-menu ul li a.pgon {display: block; width: 137px; height: 39px; background: url("/img/site/menu/pg-on.gif") no-repeat;}
#main-menu ul li a.faq {display: block; width: 80px; height: 39px; background: url("/img/site/menu/faq-off.gif") no-repeat;}
#main-menu ul li a.faq:HOVER, #main-menu ul li a.faqon {display: block; width: 80px; height: 39px; background: url("/img/site/menu/faq-on.gif") no-repeat;}
#main-menu ul li a.about {display: block; width: 105px; height: 39px; background: url("/img/site/menu/about-off.gif") no-repeat;}
#main-menu ul li a.about:HOVER, #main-menu ul li a.abouton {display: block; width: 105px; height: 39px; background: url("/img/site/menu/about-on.gif") no-repeat;}
#main-menu ul li a.contact {display: block; width: 94px; height: 39px; background: url("/img/site/menu/contact-off.gif") no-repeat;}
#main-menu ul li a.contact:HOVER, #main-menu ul li a.contacton {display: block; width: 94px; height: 39px; background: url("/img/site/menu/contact-on.gif") no-repeat;}

#shadow {width: 800px; height: 40px; background: url("/img/site/bgnd-menu-shadow.gif") top center no-repeat; display: block;}

#content {width: 800px; display: table-cell;}

#content #homepageads {float: right; margin: 0 0 0 20px; background: url("/img/site/bgnd-ads.gif") no-repeat; width: 300px; padding: 20px 0 0 0;}
#content #homepageads #theads {width: 300px; height: 160px; margin: 0 0 15px 0;}
#content #homepageads #theads a {width: 300px; height: 160px; overflow: hidden; display: block;}
#content #homepageads a {text-decoration: none;}
#content #homepageads a.prev {float: right; padding: 0 10px 0 15px; background: url("/img/site/arrow-left.gif") 0 50% no-repeat;}
#content #homepageads a.next {float: right; margin: 0 20px 0 0; padding: 0 15px 0 10px; background: url("/img/site/arrow-right.gif") 100% 50% no-repeat;}

#content .half {width: 390px;}
#content .mapHolder {width: 390px; height: 300px; background: url("/img/site/bgnd-map.gif") no-repeat; padding: 20px 0;}
#content .map {display: block; width: 390px; height: 300px; margin: 0;}

#content ul.gallery {list-style: none; margin: 0;}
#content ul.gallery li {display: block; width: 100px; height: 75px; overflow: hidden; float: left; margin: 5px 15px; border: 3px solid #ddd; background: #eee;}
#content ul.gallery li.hover {border-color: #aaa;}
#content ul.gallery li.active {border-style: solid; border-color: #0257A8;}
#content ul.gallery li a {display: none;}
#content ul.gallery li div {position: absolute; display: none; top: 0; left:180px;}
#content ul.gallery li div img {cursor: pointer;}
#content ul.gallery li.active div img, ul.gallery li.active div {display: block;}
#content ul.gallery li img.thumb {cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto;}
#content span.caption {display: block; padding: 0.5em; background: #000; color: #fff;}

#content .galleryContainer {width: 550px;}
#content .galleryTop {display: block; width: 550px; height: 20px; background: url("/img/site/bgnd-gallery-top.gif") no-repeat;}
#content .galleryBottom {display: block; width: 550px; height: 20px; background: url("/img/site/bgnd-gallery-bottom.gif") no-repeat;}

#content dl {}
#content dl dt {padding: 1em 1em 1em 3em; background: url("/img/site/arrow-down-grey.gif") 1em 50% no-repeat; border: dotted #004A91; border-width: 0 0 1px 0; cursor: pointer;}
#content dl dt:HOVER {background: #fafafa url("/img/site/arrow-down-blue.gif") 1em 50% no-repeat; border: solid #004A91; border-width: 0 0 1px 0;}
#content dl dt.on {background: #eee url("/img/site/arrow-up-blue.gif") 1em 50% no-repeat; border: dotted #004A91; border-width: 0 0 1px 0;}
#content dl dd {padding: 1em; border: solid #004A91; border-width: 0 0 1px 0; display: none;}

#rhs {float: right; width: 550px;}
#rhs ol, #rhs ul {margin: 0 0 0 25px;}
#rhs ol li, #rhs ul li {line-height: 1.5em; margin: 10px 0;}

#rhs ul li {list-style-image: url("/img/site/arrow-grey-small.gif");}

#rhs ul.news {margin: 0 0 0 10px;}
#rhs ul.news li {list-style-image: none; list-style: none;}
#rhs ul.news li span {color: #004A91; font-weight: bold; padding: 0 10px 0 0;}
#rhs ul.news li a {text-decoration: none;}
#rhs ul.news li a:HOVER {text-decoration: underline;}

#rhs ul.downloads {margin: 10px 0; padding: 1em; background: #eff7ff; border: 1px dotted #ddd;}
#rhs ul.downloads li {list-style-image: none; list-style: none; margin: 0; padding: 7px 0 7px 40px;}
#rhs ul.downloads li.pdf {background: url("/img/site/icon-pdf.gif") 0 50% no-repeat;}
#rhs ul.downloads li a {text-decoration: none;}
#rhs ul.downloads li span {color: #999; font-size: 0.8em;}
#rhs ul.downloads li a:HOVER {text-decoration: underline;}

#rhs ul.products {margin: 0;}
#rhs ul.products li {width: 170px; height: 170px; display: block; float: left; margin: 20px 0 0 0; background: url("/img/site/bgnd-product.gif") no-repeat; overflow: hidden;}
#rhs ul.products li.middle {margin: 20px 20px 0 20px;}
#rhs ul.products li div {width: 150px; height: 136px; padding: 5px; margin: 10px 5px; display: block; overflow: hidden;}
#rhs ul.products li a {width: 145px; height: 130px; padding: 5px; display: block; text-decoration: none; position: relative; top: -151px; left: 10px;}
#rhs ul.products li a span {font-size: 2em; line-height: 1.2em; margin: 0 0 0.2em 0; background: url("/img/site/trans-white.png");}
#rhs ul.products li a em {display: block; visibility: hidden;}
#rhs ul.products li a:HOVER {background: url("/img/site/trans-blue.png"); color: #fff;}
#rhs ul.products li a:HOVER span {color: #fff; background: none;}
#rhs ul.products li a:HOVER em {visibility: visible;}

#lhs {float: left; width: 230px;}
#lhs ul {list-style: none;}
#lhs ul li {border: #eee dotted; border-width: 1px 0 0 0; text-align: right; padding: 0 0 1px 0;}
#lhs ul li a, #lhs ul li span {padding: 7px 20px 7px 7px; display: block; text-decoration: none; color: #004A91; background: url("/img/site/arrow-grey.gif") 96% 50% no-repeat; cursor: pointer;}
#lhs ul li a:HOVER, #lhs ul li a.on, #lhs ul li span:HOVER, #lhs ul li span.on {padding: 7px 20px 7px 7px; display: block; text-decoration: none; color: #fff; background: #004A91 url("/img/site/arrow-white.gif") 96% 50% no-repeat;}

#lhs ul li ul {background: #fafafa; display: none;}
#lhs ul li ul li {border: none; text-align: right; padding: 0 0 1px 0;}
#lhs ul li ul li a {padding: 3px 30px 3px 7px; display: block; text-decoration: none; color: #666; background: url("/img/site/arrow-grey.gif") 93% 50% no-repeat;}
#lhs ul li ul li a:HOVER, #lhs ul li ul li a.on {padding: 3px 30px 3px 7px; display: block; text-decoration: none; color: #fff; background: #666 url("/img/site/arrow-white.gif") 93% 50% no-repeat;}

#bcrumb {margin: 0 0 10px 0;}
#bcrumb ul {margin: 0;}
#bcrumb ul li {list-style: none; display: inline; line-height: 1em; margin: 0;}
#bcrumb ul li a {padding: 0 0 0 15px; background: url("/img/site/arrow-blue.gif") 5px 50% no-repeat; font-size: 0.9em; color: #666; text-decoration: none;}
#bcrumb ul li a:HOVER {text-decoration: underline;}
#bcrumb ul li a.first {padding: 0; background: none;}


#footer {width: 800px; height: 120px; background: url("/img/site/bgnd-footer.gif") top center no-repeat;}
#footer p {padding: 50px 10px 0 10px; color: #666; font-size: 0.9em;}
#footer p a {color: #666;}
#footer p a.rm {float: right; width: 45px; height: 45px; display: block; background: url("/img/site/rm-logo.gif") no-repeat; text-indent: -9000px;}
#footer p a.casali {float: right; margin: 0 30px 0 0; width: 120px; height: 45px; display: block; background: url("/img/site/casali-logo.gif") center center no-repeat; text-indent: -9000px;}


form.inputform {}
form.inputform fieldset {border: none;}
form.inputform p {margin: 0 0 10px 0; padding: 0;}
form.inputform p.dimensions {padding: 3px; background: #eee;}
table {margin: 0; border-collapse: collapse; color: #333; background: none;}
table td {padding: 5px; text-align: left; vertical-align: top;}
table td.rightalign {text-align: right;}
table td.centeralign {text-align: center; vertical-align: middle;}
table tr.alt {border: 1px solid #eee; border-width: 1px 0; background: #eee;}
table tr td.action {padding: 5px; border-top: 1px solid #004A91; text-align: center; }
form.inputform table select, input, textarea {padding: 0 0 0 2px; border: 1px solid #999; color: #333; font: inherit;}
form.inputform table select, input {padding: 0.3em;}
form.inputform input.submit {margin: 5px 0 0 5px; background: #004A91; border: 1px solid #004A91; color: #fff;}
span.mand {color: #004A91; font-weight: bold; text-align: left;}
.ht {font-size: 0.8em; color: #777;}