body { background-image: url(images/bg.gif); background-repeat: repeat-x; background-color: #074177; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

p { font-size: 1.2em; color: #555; line-height: 18px; }

li { font-size: 1.2em; color: #555; }

a { color: #555; text-decoration: underline; }

a:hover { color: #074177; text-decoration: none; }

legend { font-size: 1.2em; font-weight: bold; color: #145999; }

fieldset { border: 1px solid #145999; margin: 12px 0 12px 0; padding: 0 12px 12px 12px; width: 276px; }

/* IDS */

#header { width: 940px; height: 144px; margin: 0 auto; padding: 30px 0 0 0; }

#numbers { background-image: url(images/numbersbg.gif); background-repeat: no-repeat; width: 500px; height: 84px; padding: 60px 0 0 0; float: right; }

#maincon { width: 940px; margin: 0 auto; padding: 20px 0 0 0; }

#leftcol { width: 267px; float: left; }

#rightcol { width: 647px; float: right; }

#flashcon { background-image: url(images/flashcon.gif); background-repeat: no-repeat; width: 647px; height: 378px; }

#flash { background-image: url(images/flashbg.jpg); background-repeat: no-repeat; width: 623px; height: 352px; margin: 0 auto; padding: 10px 0 0 0; }

#gallery { width: 623px; height: 352px; margin: 0 auto; padding: 10px 0 0 0; }

#top { background-image: url(images/top.gif); background-repeat: no-repeat; width: 647px; height: 21px; margin: 10px 0 0 0; }

#middle { background-image: url(images/middle.gif); background-repeat: repeat-y; width: 623px; padding: 0 12px 0 12px; overflow: hidden; }

#bottom { background-image: url(images/bottom.gif); background-repeat: no-repeat; width: 647px; height: 17px; }

#smallleft { width: 380px; float: left; }

#smallright { width: 204px; float: right; }

#nav { width: 267px; font-size: 0.90em; text-align: center; float: left; }

#nav li { list-style-type: none; }

#nav li:hover { background:url(images/navrollover.gif) repeat-y; }

#nav a { color: #FFF; text-decoration: none; background: url(images/navline.gif) bottom no-repeat; display:block; padding: 8px 0 8px 0; }

#nav a:hover { color: #FFF; text-decoration: none; }

#nav ul { margin: 0px; padding: 0px; }

#manufactures { width: 267px; height: 180px; margin: 20px 0 0 0; float: left; }

#area { background-image: url(images/areabg.gif); background-repeat: no-repeat; width: 267px; height: 300px; padding: 0 0 0 10px; margin: 15px 0 14px 0; float: left; }

#area li { font-size: 1.1em; font-weight: bold; letter-spacing: 1px; color: #145999; }

#area ul { padding: 0 0 0 20px; margin: 0px; }

#bluebox { background-color: #0d4c86; width: 184px; padding: 4px 10px 10px 10px; }

#bluebox li { font-size: 1.2em; font-weight: bold; color: #FFF; }

#bluebox ul { padding: 0 0 0 30px; margin: 0px; }

#blue { background-color: #0d4c86; width: 184px; padding: 10px; }

#blue li { font-size: 1.2em; line-height: 17px; letter-spacing: 2px; color: #FFF; }

#blue ul { padding-left: 30px; margin: 0px; }

#form { background-image: url(images/formbg.gif); background-repeat: no-repeat; background-color: #969696; width: 182px; border: 1px solid #0d4c86; padding: 10px 10px 10px 10px; margin: 10px 0 0 0px; float: left; }

#footer { width: 940px; margin: 0 auto; padding: 40px 0 0 0; clear: both; text-align: center; }

#footer li { font-size: 1.1em; color: #FFF; line-height: 17px; list-style-type: none; display: inline; border-right: 1px solid #FFF; padding: 0 6px 0 6px; }

#footer ul { margin: 0px; padding: 0px; }

#footer p { font-size: 0.93em; letter-spacing: 2px; color: #FFF; }

#footer a { color: #FFF; text-decoration: underline; }

#footer a:hover { color: #5abbf3; text-decoration: underline; }

#linkbox { background-color: #f6f6f6; border: 1px solid #959595; width: 603px; padding: 10px; font-size: 0.90em; color: #FFF; }

#footer2 { width: 940px; margin: 0 auto; padding: 20px 0 0 0; clear: both; font-size: 0.90em; text-align: center; }

#footer2 a { color: #FFF; text-decoration: underline; }

#footer2 a:hover { color: #5abbf3; text-decoration: underline; }

/* CLASSES */

.numbers { width: 240px; float: left; text-align: center; }

.left { width: 300px; border-right: 1px solid #145999; padding: 0 10px 0 0; margin: 6px 0 0 0; float: left; }

.right { width: 300px; padding: 0 0 0 10px; float: right; }

.blueline { border-bottom: 1px solid #145999; margin: 6px 0 0 6px; clear: both; }

.bluetick li { list-style : url(images/bluetick.gif); }

.bluetick ul { list-style : url(images/bluetick.gif); }

.form { width: 300px; padding: 0 0 0 10px; float: left; }

.contactinfo { width: 290px; padding: 0 0 0 20px; float: right; }

/* FONT STYLES */

h1 { font-size: 1.6em; color: #074177; }

h2 { font-size: 1.6em; color: #074177; }

.h1 { font-size: 1em; font-weight: normal; color: #145999 }

.h2 { font-size: 1.6em; font-weight: bold; color: #074177; }

.heading { font-size: 1.8em; font-weight: bold; color: #072e53; }

.subheading { font-size: 1.4em; color: #145999; }

.darkblue { font-size: 1.4em; color: #074177; }

.white { font-size: 1.4em; font-weight: bold; color: #FFF; }

.boldblue { font-size: 1.4em; font-weight: bold; color: #072e53; }

.lightblue { font-size: 1.2em; letter-spacing: 2px; color: #145999; }

.smallblue { font-size: 1.1em; color: #145999; }

.smallboldblue { font-size: 1.2em; font-weight: bold; color: #145999; }

/* FORM STYLES */

.miniformstyle { width: 176px; font-size: 1.1em; color: #555; border: 1px solid #072e53; padding: 2px 0 2px 4px; margin: 3px 0 3px 3px; }

.miniform { width: 182px;font-size: 1.1em; color: #555; border: 1px solid #072e53; padding: 2px 0 2px 4px; margin: 3px 0 3px 3px; }

.captchabox { width: 170px; font-size: 1.1em; color: #555; border: 1px solid #072e53; padding: 2px 0 2px 4px; margin: 6px 0 3px 0; }

.formstyle { width: 270px; font-size: 1.1em; color: #555; border: 1px solid #072e53; padding: 2px 0 2px 4px; margin: 0 0 3px 0; }

.style4 { font-size: 1.1em; color: #008000 }

.style3 { font-size: 1.1em; color: #c33131 }

.tickyellowbox { background-color: #eff6ef; border: 1px solid #008000; }

.tickredbox { background-color: #f9eaea; border: 1px solid #c33131; }

/* GALLERY STYLES */

.galleria { list-style: none; width: 623px; text-align: left; }

.galleria li { display: block; width: 88px; height: 50px; overflow: hidden; float: left; margin: 0 20px 20px 0; }

.galleria li a { display: none }

.galleria li div { position: absolute; display: none; top: 0; }

.galleria li div img { cursor: pointer }

.galleria li.active div img, .galleria li.active div { display: block }

.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: 88px; height: 50px; }

.galleria li .caption { display: block; padding-top: .5em }

* html .galleria li div span { width: 400px } /* MSIE bug */

.caption { font-style: italic; color: #887; }

.demo { }

.gallery_demo { width: 623px; }

.gallery_demo li { width: 88px; height: 50px; float: left; border: 1px solid #959595; margin: 0 5px 0 4px; }

.gallery_demo li div .caption { font: italic 0.7em/1.4 georgia, serif; }

#main_image { margin: 0 0 10px 0; height: 263px; width: 623px }

#main_image img { margin-bottom: 10px; }

.nav { padding-top: 15px; clear: both; font: 80% 'helvetica neue', sans-serif; letter-spacing: 3px; text-transform: uppercase; }

.info { text-align: left; width: 623px; border-top: 1px dotted #221; padding-top: 30px; }

.info p { margin-top: 1.6em; }

.gallery_demo_unstyled { width: 602px; height: 60px; padding: 10px 6px 0 12px; margin: 0px; border: 1px solid #145999; }