@charset "UTF-8";
/* CSS Document */

body { margin: 0; padding: 0; background-image:url(../images/sitebkg.jpg); background-repeat:repeat-x;}
.container {background-image:url(../images/containerbkg.gif); background-repeat:repeat-y; width: 804px;}

#logo { background-image:url(../images/jbmainlogo.jpg); background-repeat: no-repeat; height: 138px;}
#product { background-image: url(../images/headerproduct.jpg); background-repeat: no-repeat; background-position:right; height: 108px;} 
#topnav { height: 30px; }
#topnav ul {list-style:none; margin-top: .55em;}
#topnav ul li {display: inline; margin: 0 1.5em; font-size: .9em; font-weight: bold;}
#topnav a:link {color: #7c1c10; text-decoration: none;}
#topnav a:visited {color: #7c1c10; text-decoration: none;}
#topnav a:hover {color: #333333; text-decoration: none;}
#topnav a:active {color: #333333; text-decoration: none;}

#navigation {background-image:url(../images/leftnavbkg.jpg); background-repeat:no-repeat; width: 210px;}
#navigation a {color: #333333; text-decoration: none;}
#navigation a:hover {color: #7c1c10; text-decoration: none;}

#navigation ul {margin: 35px 0px 10px 0px; width: 210px; list-style: none;}
#navigation li {list-style: none; width: 199px; font-size: 1em; height: 100%; margin: .6em .5em; padding-bottom: .6em; font-weight: bold; border-bottom: #7c1c10 solid 2px;}
li#lastnav {margin-bottom: 110px;}
#navigation ul li a {display: block; width: 192px; padding: .1em 5px 0em 7px;}
#navigation ul li ul {font-size: .9em; list-style: none; margin: 0 0 0 -8px; padding: 0 0 0 0; border: none;}
#navigation ul li ul li {padding: 2px 0 0 15px; font-size: .85em; margin: 0; border-bottom: none; }
#navigation ul li ul li a {display: block; padding: 1px 5px 1px .8em; margin-left: -7px; line-height: 1.3em; color: #333; text-decoration: none; width: 95%;}
html>body #navigation ul li ul li a {width: auto;}
#navigation ul li ul li a:focus, #navigation ul li ul li a:hover, #navigation ul li ul li a:active {background: none; border: none; color: #9b1c14; font-size: 1.25em;}
#navigation ul li h2 {color: #333; font-size: 1.8em; text-decoration: underline; font-weight: bold; padding-top: 5px; margin-bottom: 0em;}
.normal {margin-left: 6px;}
.hot a{margin-left: 0px; font-size: 1.25em; color: #7c1c10;  margin-bottom: 0;}
.navsubhead {font-size: 1.25em;}

#sectionnav {padding: 10px 0px;}
#sectionnav ul{ list-style: none; margin: 0em;}
#sectionnav ul li {font-size: .75em; line-height: 1.4em;}
#sectionnav a:link {color: #7c1c10; text-decoration: none;}
#sectionnav a:visited {color: #7c1c10; text-decoration: none;}
#sectionnav a:hover {color: #333333; text-decoration: none;}
#sectionnav a:active {color: #333333; text-decoration: none;}

#sectindex li { list-style: square; font-size: .9em; line-height: 1.25em; padding-bottom: .4em;}
#sectindex a {color: #333; text-decoration: none;}
#sectindex a:hover {color: #7c1c10; text-decoration: none; font-weight: bold;}
#sectindex h2 {border-bottom: 1px solid #333; margin: 0 15px 10px 0; padding: 0; font-size: 1.5em;}

#subsectindex a {color: #333; text-decoration: none;}
#subsectindex a:hover {color: #7c1c10; text-decoration: none; font-weight: bold; }
#subsectindex h2 {border-bottom: 1px solid #333; margin: 0 15px 10px 0; padding: 0; font-size: 1.5em;}
#subsectindex ul li ul {margin-top: 3px;}
#subsectindex ul li ul li {font-size: .95em; line-height: 1em; padding-bottom: .4em; list-style: circle;}


#sectdownload {text-align: center; font-size: 1em;}
#sectdownload p {margin-top: 5px;}
#sectdownload a {color: #333; text-decoration: none; line-height: 1em;}
#sectdownload a:hover {color: #7c1c10; text-decoration: none;}

#mainwindow {margin-top: 10px;}
#mainwindow h1 {font-weight: bold; font-size: 2.5em; margin: 15px 0px 10px 0px;}
.homeimg {margin: 3px 0 10px 0;}
.catcover {text-align: center; border-left: solid 3px #7c1c10; width: 135px; float: left;}
.catcover p {margin-top: 1.2em; font-size: .9em;}
.catcover a {color: #333; text-decoration: none; line-height: 1em;}
.catcover a:hover {color: #7c1c10; text-decoration: none;}

.cataloglist li{ list-style: none; margin-left: -15px;}
.cataloglist li ul {padding-top: 10px;}
.cataloglist li ul li {list-style: square; margin-left: 0px;}

#nr {padding-top: 10px;}
#nr h5{margin-bottom: 0px;}
#nr div p {border-bottom: dashed 1px #7c1c10; padding-bottom: 15px;}

.bold { font-weight: bold; color: #7c1c10;}
#mainwindow a { color:#666; text-decoration: none;}
#mainwindow a:hover { color: #7c1c10; text-decoration: underline;}
.info {padding-left: 16px;}

#detailbanner {height: 60px; border: none; width: 578px; position: relative}
.dlpdf {float: right; margin: 18px 15px 0px 5px;}
.catdldpdf {margin: 15px auto;}
.hdrbutton {float: right; margin: 22px 3px 0px 0px;}
#pdfbutton {margin:0; padding: 0;}
#pdfbutton a {display:block; width: 129px; height: 37px; background: url(../images/downloadpdf.gif) 0 0 no-repeat; margin: 0 auto; }
#pdfbutton a:hover {background-position: -37px 0px;}
.alt {display: none;}
.acrobatbut {margin: 15px auto;}

#ltarrow {margin: 12px 0px 0px 50px; float: left; position: relative; width: 37px; height: 48px;}
#ltarrow a span {background: url(../images/ltarrow.gif) 0 0 no-repeat; display: block; width: 37px; height: 48px; position: absolute;}
#ltarrow a:hover span {background: url(../images/ltarrow.gif) -37px 0 no-repeat ; width: 37px; height: 48px; position: absolute;}
#ltarrow a:active span {background: url(../images/ltarrow.gif) -74px 0 no-repeat ; width: 37px; height: 48px; position: absolute;}

#rtarrow {margin: 12px 0px 0px 15px; float: left; position: relative; width: 37px; height: 48px;}
#rtarrow a span {background: url(../images/rtarrow.gif) 0 0 no-repeat; display: block; width: 37px; height: 48px; position: absolute;}
#rtarrow a:hover span {background: url(../images/rtarrow.gif) -37px 0 no-repeat ; width: 37px; height: 48px; position: absolute;}
#rtarrow a:active span {background: url(../images/rtarrow.gif) -74px 0 no-repeat ; width: 37px; height: 48px; position: absolute;}
.click2view {margin: 21px 0 0 25px;}
.arrowftr {margin-bottom: 15px;}
#bottomarrows {margin:0px 0 35px 0; height: 48px;}

.footcontact {width: 804px;  margin: 0 auto; clear:}
#footer {background: url(../images/footerbkg.jpg) repeat-x; height: 62px;}
#footer ul {list-style:none; margin-top: 2.8em;}
#footer ul li {display: inline; margin: 0 1.5em; font-size: .9em; font-weight: bold;}
#footer a:link {color: #7c1c10; text-decoration: none;}
#footer a:visited {color: #7c1c10; text-decoration: none;}
#footer a:hover {color: #333333; text-decoration: none;}
#footer a:active {color: #333333; text-decoration: none;}

#fplogo {width: 120px; height: 45px; padding: 10px 0px;}

a#pdf_button:link, a#pdf_button:active, a#pdf_button:visited {display: block; width: 129px; height: 37px; background-image: url(../images/downloadpdf.gif); background-repeat: no-repeat; text-indent: -9999px;}	
a#pdf_button:hover { background-position: 0px -37px;}

#footercontact p {font-size: .8em;}

fieldset {border:1px solid #9b1c14; margin:1em 0; padding:1em;}
legend {font-family: "Trebuchet MS";}
input, textarea{ border:1px solid #666; background-color:#cccccc; margin-bottom: 15px;}
.checkbox {margin-bottom: 0;}
.left {float: left;}
.address {float: left; margin-left: 15px;}
.usa { margin: 0 auto; visibility: visible; text-align: center;}