/* Global Styles
----------------------------------------- */
html { height: 100%; margin-bottom: 1px; }
body { color: #000; background: #7f7f7f url('../images/content_bkg.gif') center repeat-y; font-family: Verdana, Geneva, sans-serif; font-size: .8em; }
* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { font-size: 1.35em; }
h2 { font-size: 1.3em; padding-bottom: 1em; }
h3 { font-size: 1.1em; font-style:italic; padding: 0 0 1em .5em; }
p { margin:0 0 1em 0; line-height: 1.4em; }
a { color: #10669d; background-color:inherit; text-decoration: none; }
a:hover { color: #0a87d6; background-color:inherit; text-decoration: underline; }

/* #wrapper
----------------------------------------- */
#wrapper { width: 800px; margin: 0 auto; }

/* .header
----------------------------------------- */
.header { min-height:79px; height:auto; background: url('../images/header.gif') center no-repeat; margin-left:2px; }
.header ul { margin-right: 8px; }
.header li { float:right; display: inline; background: url('../images/nav_sep.gif') 0 55% no-repeat; padding: 0 10px; font-size:.85em; margin-top: 10px; }
.header li.first { background: none; padding: 0 10px 0 0; }
.header a:hover, .home .header a.n-home { color: #0a87d6; background-color:inherit; text-decoration: underline; }

/* #mainNav area
----------------------------------------- */
#mainNav { margin: 0 auto; padding: 2px 0 11px 12px; }
#mainNav li { float: left; }
#mainNav a { display: block; text-indent: -9999px; text-decoration: none; height: 41px; overflow: hidden; }
#mainNav a:hover, .basicone #mainNav a.n-basicone, .mseries #mainNav a.n-mseries, .pro #mainNav a.n-pro, .multi #mainNav a.n-multi, .heavy #mainNav a.n-heavy, .access #mainNav a.n-access, .contact #mainNav a.n-contact { background-position: top left; }

#basic a { background: url('../images/nav_basicone.gif') no-repeat bottom left; width:79px; }
#mseries a { background: url('../images/nav_mseries.gif') no-repeat bottom left; width:70px; }
#pro a { background: url('../images/nav_positionerpro.gif') no-repeat bottom left; width:167px; }
#multipurpose a { background: url('../images/nav_multipurpose.gif') no-repeat bottom left; width:132px; }
#heavyduty a { background: url('../images/nav_heavyduty.gif') no-repeat bottom left; width:159px; }
#access a { background: url('../images/nav_accessories.gif') no-repeat bottom left; width:87px; }
#contact a { background: url('../images/nav_contact.gif') no-repeat bottom left; width:82px; }

/* content area
----------------------------------------- */
#content { width:776px; margin:0 auto; }
#content h4 { font-size: 1em; padding: 0 10px 10px 10px; }
#content .text { padding: 0 10px; } /* for use when not using columns */

#content .subContent { float:left; width: 199px; font-size: .85em; }
#content .subContent .subbox { width: 199px; background: url('../images/leftcol_bot.gif') bottom left no-repeat; padding: 6px 0 10px 9px; margin-bottom: 1em; }
#content .subContent li { padding-bottom: 1em; margin-right: 15px; }

#content .mainContent { width: 564px; margin-left: 209px; }
#content .mainContent .mainbox { background: url('../images/rightcol_bot.gif') bottom left no-repeat; padding: 6px 15px 10px 15px; margin-bottom: 1em; }
#content .mainContent .nobox { padding: 0 15px 10px 15px; margin-bottom: 1em; }
#content .mainContent h1.home { font-size: 1.35em; padding-bottom: .75em; }
#content .mainContent .smalltext { font-size:.85em; color:#717171; background-color:inherit; border: 1px dotted #717171; padding: 7px 13px 0px 10px; }

#content .mainContent ul { margin: 0 0 1em .5em; }
#content .mainContent li { background:url(../images/arrow_grn.gif) 0 5px no-repeat; padding: 0 0 .5em 10px; }

#content .indent ul { margin: .5em 0 0 0; }
#content .indent li { background:none; padding: 0 0 .5em 10px; }
#content .indent li.lastindent { background:none; padding-bottom: 0; }

#content .seebelow { font-size:.8em; color:#669B00; background-color:inherit; }

/* #flashcontent
----------------------------------------- */
#flashcontent { float:right; width:250px; height:200px; padding:0 20px 5px 0; }



/* Contact Form
----------------------------------------- */
#cform form { margin: 0 auto 3em auto; padding: 0; width: 530px; }
#cform fieldset { padding: 5px 0 10px 10px; margin-top: 1em; border: 1px dotted #11246b; }
#cform legend { font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #11246b; background-color: #fefefe; }
#cform dt { float: left; width: 35%; text-align: right; padding: 5px 10px 0 0; }
#cform label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cform input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cform input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #FDFE9A; }
#cform .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* #footer
----------------------------------------- */
#footer { text-align:center; font-size:.9em; padding:0 10px; font-family:'Trebuchet MS', Helvetica, sans-serif; }
#footer ul { }
#footer li { display: inline; background: url('../images/nav_sep.gif') 0 55% no-repeat; padding: 0 5px 0 10px; }
#footer li.second { background: none; padding: 10px 3px 0 0; }
#footer a:hover, .home #footer a.f-home, .basicone #footer a.f-basicone, .mseries #footer a.f-mseries, .pro #footer a.f-pro, .multi #footer a.f-multi, .heavy #footer a.f-heavy, .access #footer a.f-access, .contact #footer a.f-contact { color: #0a87d6; background-color:inherit; text-decoration: underline; }

#copyright { margin-top: 3em; text-align:center; font-size:.75em; color: #4c4c4c; background-color:inherit; padding:0 10px; font-family:'Trebuchet MS', Helvetica, sans-serif; }

/* images
----------------------------------------- */
img.pdfnav { width:10px; height:10px; margin:0 3px 0 7px; }
img.hometable { float:right; width:250px; height:147px; margin:7px 0 0 12px; }
img.fright { float:right; padding-left: 10px; }

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
.header:after,
#mainNav:after,
#content:after,
#footer:after,
#copyright:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }