* { margin: 0; padding: 0; }
html { width: 100%; overflow-y: scroll; }
body { width: 100%; font-family: Arial; font-size: 12px; }

a { color: #336699; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
h1 { color: #336699; font-family: Trebuchet MS; font-size: 18px; margin-bottom: 15px; }
h2 { color: #336699; font-family: Trebuchet MS; font-size: 16px; margin-bottom: 15px; }
ol { color: #336699; font-size: 10px; margin-left: 18px; }
ol span { color: #000000; font-size: 12px; }
sup { font-size: 10px; vertical-align: top; }
a img { border: 0; }

div.left { width: 422px; float: left; }
div.right { width: 423px; float: right; margin-left: 15px; }

div.light-box { width: 100%; height: auto; }
div.light-box div.top { width: 100%; height: 15px; background: url('images/light-box-top.gif') no-repeat; }
div.light-box div.middle { width: 393px; height: auto; background: url('images/light-box-bg.gif') repeat-y; padding: 0 15px; }
div.light-box div.bottom { width: 100%; height: 15px; background: url('images/light-box-bottom.gif') no-repeat; }

div.dark-box { width: 100%; height: auto; }
div.dark-box div.top { width: 100%; height: 15px; background: url('images/dark-box-top.gif') no-repeat; }
div.dark-box div.middle { width: 393px; height: auto; background: url('images/dark-box-bg.gif') repeat-y; padding: 0 15px; }
div.dark-box div.bottom { width: 100%; height: 15px; background: url('images/dark-box-bottom.gif') no-repeat; }

div.full-box { width: 100%; height: auto; }
div.full-box div.top { width: 100%; height: 15px; background: url('images/full-box-top.gif') no-repeat; }
div.full-box div.middle { width: 830px; height: auto; background: url('images/full-box-bg.gif') repeat-y; padding: 0 15px; }
div.full-box div.bottom { width: 100%; height: 15px; background: url('images/full-box-bottom.gif') no-repeat; }

div.desc { width: 252px; float: left; }

div.product { border-bottom: 1px dotted #CCCCCC; margin-bottom: 15px; padding-bottom: 15px; }

img.product { background: #CCCCCC; display: block; position: relative; float: left; margin: 0 17px 15px 0; padding: 2px; }

form.contact fieldset { border: 0; }
form.contact label { display: inline-block; margin-bottom: 5px; }
form.contact div { float: left; margin: 0 15px 15px 0; }
form.contact input.field, textarea { font-family: Arial; font-size: 12px; border: 1px inset #CCCCCC; padding: 5px; }
form.contact input.field { width: 177px; }
form.contact textarea { width: 381px; height: 98px; }
form.contact input.submit { width: 75px; height: 25px; line-height: 25px; color: #FFFFFF; background: url('images/submit.gif') no-repeat; font-family: Arial; font-size: 12px; font-weight: bold; border: 0; cursor: pointer; display: block; margin-top: 15px; }

span.price { color: #FF0000; font-weight: bold; }
span.req { color: #FF0000; }
span.out-of-stock { color: #FF0000; font-size: 11px; font-weight: bold; }
span.field-validation-error { color: #FF0000; font-size: 11px; display: block; margin-top: 5px; }
a.button { width: 75px; height: 25px; line-height: 25px; color: #FFFFFF !important; background: url('images/submit.gif') no-repeat; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none !important; display: inline-block; }
a.view-all { line-height: 22px; float: right; }

div#map { width: 418px; height: 314px; border: 2px solid #DDDDDD; }

div.header { width: 100%; height: 50px; background: url('images/header.gif') repeat-x; border-bottom: 5px solid #336699; padding: 15px 0; }
div.header img { float: left; }
div.header ul { float: right; margin-top: 6px; }
div.header li { list-style-type: none; float: left; margin-left: 30px; }
div.header a { color: #FFFFFF; text-decoration: none !important; float: left; }
div.header a:hover { color: #6699CC; }
div.header span.contact { color: #99CCFF; font-family: Trebuchet MS; font-size: 14px; font-weight: bold; text-transform: uppercase; float: right; margin-top: 10px; }
div.header div.content { width: 860px; height: 50px; margin: 0 auto; }

div.main { width: 860px; height: auto; min-height: 100px; background: url('images/bg.gif') no-repeat bottom; margin: 0 auto; padding: 15px 20px; }

div.footer { width: 860px; height: 50px; color: #666633; background: url('images/footer.gif') no-repeat; margin: 0 auto; padding: 15px 20px 0 20px; }
div.footer a { color: #336699; text-decoration: none; }
div.footer a:hover { color: #666666; }
div.footer span.left { float: left; }
div.footer span.right { float: right; }

div.signature { width: 860px; margin: 0 auto; padding:0; text-align:right; }


div.clear { height: 0; font-size: 1px; overflow: hidden; display: block; clear: both; float: none !important; margin: 0 !important; }

.no-right-margin { margin-right: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.no-float { float: none !important; }

/* SLIMBOX */

#lbOverlay { left: 0; top: 0; width: 100%; height: 100%; background: #000000; cursor: pointer; position: fixed; z-index: 9999; }
#lbCenter, #lbBottomContainer { background: #FFFFFF; position: absolute; z-index: 9999; overflow: hidden; }
.lbLoading { background: #FFFFFF url('images/loading.gif') no-repeat center; }
#lbImage { left: 0; top: 0; background-repeat: no-repeat; border: 5px solid #FFFFFF; position: absolute; }
#lbPrevLink, #lbNextLink { top: 0; width: 50%; outline: none; display: block; position: absolute; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url('images/prevlabel.gif') no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url('images/nextlabel.gif') no-repeat 100% 15%; }
#lbBottom { color: #666666; font-family: Arial; font-size: 10px; text-align: left; line-height: 1.4em; border: 10px solid #FFFFFF; border-top: 0; }
#lbCloseLink { width: 20px; height: 20px; background: transparent url('images/close.gif') no-repeat center; outline: none; display: block; float: right; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }