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

/*************** RESETTING CSS FOR BROWSERS *********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
    background-color:#FFFFFF;
    color:#111111;
    font-family:arial,verdana,sans-serif;
    font-size:12px;
    line-height:20px;
    margin:0px;
	padding-top:0px;
	margin-top:0px;
	overflow:auto;
}


/******************************************************************************
* Elements                                                                     *
******************************************************************************/

h1{}

a {color:#F00}

h2{}

h3{color:#58595b; padding-bottom:15px; padding-top:15px; font-size:18px; font-weight:normal}

h4{}

p{font-size:12px; padding-bottom:10px; color:#565359;}

ul{color:#565359;}

/******************************************************************************
* Page                                                                        *
******************************************************************************/
div#wrapper{ width:1152px; margin: 0 auto;  overflow:auto; padding-left:40px; padding-right:40px;
background-image:url(../images/jpa_BackingStrip.png);
background-repeat:repeat-y;}

/* IE7 */
*:first-child+html div#wrapper { overflow:hidden; height:100%; min-width:1152px;} 
/*html{overflow: hidden;}*/
/* IE7 */
*:first-child+html body{overflow: hidden;}

/******************************************************************************
* Header                                                                      *
******************************************************************************/
div#banner { background-image:url(../images/jpa_Header.png); width:1132px; height:312px;}
div#banner h2{color:white; text-align:left; float:right; font-size:32px; line-height:25px; font-weight:bold; padding-left:480px; padding-top:40px; width:652px; margin-bottom:55px}
div#banner h3{font-size:20px;  float:right; width:470px; padding-left:452px; padding-top:4px; padding-bottom:0px; font-weight:bold}
div#banner h4{color:white; font-size:20px; float:right;  width:210px;}
div#banner p{float:right; width:655px; color:#585967; padding-top:20px; font-size:12px; padding-right:25px; line-height:30px;  }
div#banner img{float:right; margin-right:5px; margin-left:5px; margin-top:-18px}
div#banner input.searchInput{float:right; width:135px; height:15px; font-size:12px; margin-left:25px; margin-top:-18px}
div#banner input.searchButton{float:right; margin-top:-18px; width:40px; height:30px; margin-left:5px; background:url(../images/jpa_GoButton.png); background-repeat:no-repeat;border-style:none; outline:none }
div#banner a#CompanyLogo {position:absolute; top:35px; padding-left:20px; }

a#FISPLink{display:block; position:absolute; top:260px; margin-left:252px;}

/* IE7 */
*:first-child+html div#banner a#CompanyLogo { width:200px; } 

a#MailLink{position:absolute; top:185px; margin-left:83px; font-size:13px; color:#858689; font-weight:bold; text-decoration:none}

/******************************************************************************
* Left Hand Navigation                                                        *
******************************************************************************/
ul#navigation{border-right:solid 2px #ee441f; float:left;min-height:550px; width:230px;  background-image:url(../images/jpa_ContentBackingSrip.png); background-position:top; background-repeat:repeat-x; padding-top:20px; background-color:white;}

ul#navigation li{height:30px; margin-left:25px;}
ul#navigation li#last{height:350px;  margin-top:25px; margin-left:0px; width:200px; overflow:hidden;}


ul#navigation li#last a{background-image:none; float:left  }
ul#navigation li#last a.fullWidth{width:100%; }
ul#navigation li#last a.quarterWidth{width:50px; }
ul#navigation li#last a.threeQuarterWidth{width:60px; padding-left:4px;}
ul#navigation a{ text-decoration:none; color:#565359; font-size:16px; background-image:url(../images/jpa_NavBullet.png); background-position:left; background-repeat:no-repeat; padding-left:25px;}
ul#navigation a:hover{color:#ee441f;}
ul#navigation a.current{color:#ee441f; background-image:url(../images/jpa_NavBulletHighlight.png);}


/******************************************************************************
* Product Detail Section on Home Page                                         *
******************************************************************************/
div#ProductDetailSection  { padding-bottom:20px;float:left; clear:left; 
background-repeat:no-repeat; background-image:url(../images/jpa_ProductDetailSection.png); width:857px; height:217px; overflow:hidden}
div#ProductDetailSection  img{float:left; width:431px; height:217px;}
div#ProductDetailSection div#ProductDetail {float:left; }
div#ProductDetailSection div#ProductDetail h3{color:white; font-size:28px;padding:15px; padding-bottom:10px; padding-left:0px; padding-left:5px; width:325px;}
div#ProductDetailSection div#ProductDetail h4{color:white; font-size:20px; padding:5px; padding-top:0px; padding-bottom:15px; width:325px;}
div#ProductDetailSection div#ProductDetail ul{ list-style:disc; padding-left:20px;}
div#ProductDetailSection div#ProductDetail ul li{ height:30px;}
div#ProductDetailSection div#ProductDetail p{width:350px;}
div#ProductImageFrame{background-image:url(../images/jpa_ProductProfileFrame.png); background-repeat:no-repeat; width:431px; height:217px;  position:absolute; }

/* IE7 */
*:first-child+html div#ProductImageFrame { margin-left:-781px; } 
/******************************************************************************
*  Content  Section                                                          *
******************************************************************************/
div#content {padding-top:20px;  width:840px; float:left;padding-left:30px; padding-right:30px; background-image:url(../images/jpa_ContentBackingSrip.png); background-position:top; background-repeat:repeat-x; background-color:white;}

/* IE7 
*:first-child+html div#content {border:solid 1px green; overflow:hidden; padding-left:0px; padding-right:0px; } */

div#content div#content_section{float:left; }
div#content div#content_section  input.standalone{width:500px;}
div#content div#content_section p.ratings_input input {width:60px;}
div#content div#content_section form ul {list-style:none}
div#content div#content_section form ul li{height:40px;}
div#content div#content_section ul.formLabels{float:left; width:175px; padding-bottom:0px;}
div#content div#content_section ul.formControls{float:right; width:625px; padding-bottom:0px;}
div#content div#content_section ul.formControls input{width:95%}
div#content div#content_section ul.formControls textArea{width:95%}
div#content div#content_section p.ratings label{padding-left:30px; padding-right:30px; text-align:center}
div#content div#content_section ul.ratings {width:850px;  float:left; padding-bottom:0px;}
div#content div#content_section ul.ratings li{float:left; width:80px; text-align:center}
div#content div#content_section ul.ratings_input {width:850px; float:left; padding-top:0px;}
div#content div#content_section ul.ratings_input li{float:left; width:80px; text-align:center}
div#content div#content_section img.contentHeaderImage{margin-left:60px; margin-bottom:20px;}
div#content div#content_section img.imageLeft{float:left; margin-right:25px;}

div#content div#content_section ul{list-style:disc; padding:10px;}

div#content div#content_section table td{ padding-right:20px; }

div#content div#content_section table td a{color:#353337;display:block; margin-bottom:30px; height:284px; width:198px; text-decoration:none}

div#content div#content_section table td a.blueBox{background-image:url(../images/jpa_ProductCategoryPaneBlue.png); background-position:top left;}
div#content div#content_section table td a.redBox{background-image:url(../images/jpa_ProductCategoryPaneRed.png); background-position:top left;}
div#content div#content_section table td a.orangeBox{background-image:url(../images/jpa_ProductCategoryPaneOrange.png); background-position:top left;}
div#content div#content_section table td a.greenBox{background-image:url(../images/jpa_ProductCategoryPaneGreen.png); background-position:top left;}

div#content div#content_section table td a.blueBox:hover{background-position:top right;}
div#content div#content_section table td a.redBox:hover{background-position:top right;}
div#content div#content_section table td a.orangeBox:hover{background-position:top right;}
div#content div#content_section table td a.greenBox:hover{background-position:top right;}

div#content div#content_section table td a h3{color:white; font-size:20px; padding-left:10px;padding-top:5px; padding-bottom:0px;}
div#content div#content_section table td a img{margin:0 auto; display:block; margin-top:10px;}
div#content div#content_section table td a p{padding:10px}

div#content div#content_section table td a.productSubCategoryBoxBlue{background-image:url(../images/jpa_ProductSubCategoryPaneBlue.png);  background-position:top left; }
div#content div#content_section table td a.productSubCategoryBoxRed{background-image:url(../images/jpa_ProductSubCategoryPaneRed.png); background-position:top left; }
div#content div#content_section table td a.productSubCategoryBoxOrange{background-image:url(../images/jpa_ProductSubCategoryPaneOrange.png); background-position:top left; }
div#content div#content_section table td a.productSubCategoryBoxGreen{background-image:url(../images/jpa_ProductSubCategoryPaneGreen.png); background-position:top left; }

div#content div#content_section table td a.productSubCategoryBoxBlue:hover{background-position:top right; }
div#content div#content_section table td a.productSubCategoryBoxRed:hover{background-position:top right; }
div#content div#content_section table td a.productSubCategoryBoxOrange:hover{background-position:top right; }
div#content div#content_section table td a.productSubCategoryBoxGreen:hover{background-position:top right; }

div#content div#content_section table td a#SubCategoryProductBox{height:264px;}
div#content div#content_section table td a#SubCategoryProductBox h3{padding-top:6px; padding-bottom:6px; }

div#content div#content_section table td a#productSearchResult{padding-bottom:30px; height:100px; width:240px; padding-right:10px !important}

div#content div#content_section table td div.productBoxDiv{margin-bottom:40px; overflow:auto; height:330px;}
div#content div#content_section table td a.productBox {width:150px; padding-right:15px; padding-left:15px;  
overflow:hidden; float:right; margin-bottom:0px!important; padding-bottom:10px; height:auto;}
div#content div#content_section table td a.productBox h3{color:#1b75bd; font-size:14px}
div#content div#content_section table td a.productBox img{float:right; padding-left:4px; padding-bottom:4px;}
div#content div#content_section table td a.productBox img.magnify{margin-top:-31px; padding:0px;}
/* IE7 */
*:first-child+html div#content div#content_section table td a.productBox img.magnify{ margin-right:-15px;} 
div#content div#content_section table td a.productBox p{clear:left}