* html #main {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(document.body.offsetWidth - 710);
}

/********** Global Styles **********/

				/* The global font size is set to 90% as   */
				/* most browsers' normal font is too large */
body {
   font-family:    Arial,Verdana Helvetica, sans-serif;
   font-size:       90%;	/* Allow IE/Win to resize the document */
   color:           black;
   background:      white;

    background-image:url('/images/bg.png');
   background-repeat: repeat-x;
   background-attachment: fixed;

   margin:          0;
   padding:         0;
   border:          none;
   
}

#wrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:      white;
   border-radius:15px;	
	border:solid #999999 3px;
	/*
	border-left:solid #999999 1px;
	border-right:solid #999999 1px;
	border-bottom:solid #999999 1px
	*/
	
}

.hidden {			/* Used for content that should be displayed */
				/* by non-stylesheet-aware browsers          */
   display:         none !important;
}

.notprinted {			/* Used for content that should not be */
}				/* printed to paper                    */


/* Headings */

h1,				/* Headings (H1-H6) should only be used in */
h2,				/* the main content area                   */
h3 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;
   padding:         0;
   color: #003366;
}

h4,
h5,
h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.25em 0 0 0;
   padding:         0;
}

h1 { font-size:     175% }
h2 { font-size:     145% }
h3 { font-size:     120% }
h4 { font-size:     105% }
h5 { font-size:     80%  }
h6 { font-size:     65%  }

.productHeader {background-color:#003399 ; padding-left:5px;color:white}
.productPhoto {float:left;border:solid purple 1px; margin-right:10px}

/* Anchors */

a:link {
   text-decoration: none;
   color:           #003366;
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           #003366;
   background:      transparent;
}

a:hover,
a:active {
	color:#000033;
   text-decoration: underline;
}

a.product {
	text-decoration: underline;
}

/* Inline elements and classes */

				/* This style sheet assumes B, BIG, EM, I, */
				/* SMALL, STRONG, SUB and SUP are defined  */
				/* by the browser as per the HTML4 sample  */
				/* style sheet.                            */
code,
kbd,
pre,
samp,
tt {
   font-family:     "Courier New", Courier, monospace;
   font-size:       110%;	/* Courier tends to be a little too small */
}

kbd,
code.markup,			/* HTML/CSS markup */
span.markup,			/* Alternative form for HTML/CSS markup */
.title {			/* Title in floating boxes / left sidebar */
   font-weight:     bolder;
  color:#323740;
font-size:1.2em;
}

abbr,
acronym {
   font:            inherit;	/* Don't use small-caps, etc. */
}

.tooltip {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

abbr[title],
acronym[title] {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

cite,
dfn,
var,
.fn,				/* Filename */
.url,				/* Uniform Resource Locator */
.email {			/* E-mail address */
   font-style:      italic;
}

.clearboxes {			/* Clear navboxes and floatboxes */
   clear:           right;
}

.unicode {
   font-family:     "Arial Unicode MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

.testimonial {
	font-size:	11pt;
	font-family:	"Courier New", Courier, monospace;
	font-style: italic
}


/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}

img.icon16[src] {		/* For 16x16 file-type icons */
   vertical-align:  -10%;	/* IE/Win cannot handle negative percentages */
}

del,
del * {				/* Required for Mozilla */
   text-decoration: line-through;
}

ins,
ins * {				/* Required for Mozilla */
   text-decoration: underline;
}


/* Block elements */

p {
   margin:          1em 0;
   padding:         0;
}

blockquote {			/* Should only be used in main content area, */
				/* floating boxes or left sidebar.           */
   margin:          1em 2.5em;
   padding:         0;
}

pre {				/* Should only be used in main content area  */
				/* and floating boxes.                       */
   line-height:     1.1;
   margin:          1em 2.5em;
   padding:         0;
}

hr {
   color:           #999999;
   background:      transparent;
   height:          1px;	/* Required for IE/Win */
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.lighter {			/* Warning: not printed out on paper */
   color:           #F0F0F0;
   background:      transparent;
   border-color:    #F0F0F0;
}


/* Lists */

ol {
   list-style:      decimal outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol.alpha {
   list-style-type: lower-alpha;
}

ol.number {
   list-style-type: decimal;
}

ul {
   list-style:      square outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

ol ul,				/* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
   list-style:      square outside;
}

li {
   margin:          0;
   padding:         0;
}

dl {
   margin:          1em 0;
   padding:         0;
}

dt {
   font:            inherit;	/* Don't make the text bold by default */
   margin:          1em 0 0.25em 0;
   padding:         0;
}

dd {
   margin:          0 0 1em 2.5em;
   padding:         0;
}


/* Tables */
				/* Tables should never be used for visual */
				/* formatting: that is the role of CSS!   */

table.simple {
   color:           inherit;
   background:      inherit;	/* Don't make tables transparent */
   border-collapse: collapse;
   border-spacing:  0;
   empty-cells:     show;
   margin:          0.25em .5em 2.5em 0;
   padding:         0;
   border:          1px solid #999999;
   width:			100%%;
}

table.simple caption {
   text-align:      center;
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table.simple td,
table.simple th {
   text-align:      left;
   vertical-align:  middle;
   margin:          0;
   padding:         0.25em 0.5em;
   border:          1px solid #999999;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
   font-weight:     bold;
   color:           inherit;
   background:      #F0F0F0;
}

table.simple td.lighter,
table.simple th.lighter {
   color:           inherit;
   background:      #F8F8F8;
}

table.simple td.left,
table.simple th.left {
   text-align:      left;
}

table.simple td.center,
table.simple th.center {
   text-align:      center;
}

table.simple td.right,
table.simple th.right {
   text-align:      right;
}


/* The following HTML elements should NOT be used in documents using this
   style sheet:

       address - use the #footer style instead
       q       - use “ and ” instead
*/


/********** Styles for Main Content **********/

#main {
   text-align:      justify;
   line-height:     1.5;
   color:           black;
   background:      white;
   margin:          3em 0 0 0em;
   padding:         0.25em 1em 0.5em 1em;
   border-left:     1px solid white; 
   border-top:     1px solid #999999; 
	



}

#main h1 {			/* Should be used once, following navhead */
   color:#FF5300;
   background:      transparent;
   margin:          0 0 0.5em 0;
}

#main .highlight {		/* Highlight box (for warnings, etc) */
   color:           inherit;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         1em 2.5em;
   border:          1px solid #999999;
}

#main .totop {			/* For "Top ^" lines in FAQs, etc */
   font-size:       90%;
   text-align:      right;
   margin:          -0.75em 0 1em 0;
   padding:         0 0 0.25em 0;
   border-bottom:   1px solid #F0F0F0;
}

#main table.simple td.highlight,  /* Else "#main .highlight" will override */
#main table.simple th.highlight {
   margin:          0;
   padding:         0.25em 0.5em;
}


/* Other styles related to the main content */

#mainlink {			/* "Skip to main content" link */
   display:         none !important;
}

#navhead {			/* "Path to this page" information */
				/* Warning: not printed out on paper */
   font-size:       90%;
}

#navhead hr {
   display:         none;
}

#endmain {
   visibility:      hidden;
   clear:           both;	/* Doesn't always work under IE/Win */
}


/********** Styles for Floating Boxes **********/

				/* "navbox" is used to provide intra/inter- */
				/* page links; it is NOT printed out on     */
				/* paper.  "floatbox" is used to provide    */
				/* floating boxes that may appear anywhere  */
				/* in the main content; they ARE printed.   */
.floatbox,
.navbox {
   overflow:        visible;
   line-height:     1.25;
   margin:          0 0 0.75em 1.5em;
   padding:         1em 1em 1em 1em;
   border:          1px solid #999999;
   float:           right;
   clear:           right;
}

.floatbox {
   color:           black;
   background:      #F0F0F0;
   width:           35%;
   font-size:       85%;
}

.navbox {
   text-align:      left;
   color:           black;
   background:      white;
   width:           35%;
   font-size:		95%;
}

.floatbox hr,			/* Used for non-stylesheet-aware browsers */
.navbox hr {
   display:         none !important;
}

.floatbox p,
.navbox p {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.floatbox dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}

.enclose :after { content: ""; display: block; height: 0; clear: both; }


/********** Styles for Header **********/

#header {
   color:           #003366;
   /* background:      #8CA8E6; */
   background-repeat:no-repeat;
   background-position:65% 5%;
   border-bottom:1px solid #999999;
}

#header a:link,
#header a:visited {
   color:           #003366;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left {
	margin-top:15px;
	margin-bottom:10px;
	margin-left:15px;
   /* float:           left; */
   /* text-align:center; */
    clear:           left; 
}

#header div.left img {
   display:         block;	/* Otherwise IMG is an inline, causing gaps */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       150%;
   font-weight:     bold;
   text-decoration: none;
   color:           #399200;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 .25em 0.25em;
   padding:         0;
}

#header div.left .alt {
   color:           #730065;
   background:      transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       125%;
   text-align:      right;
   margin:          0;
   padding:         0.5em 1.67em 1em 1em;
   float:           left;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}

/* Subheader for global links */

#searchbox {
   color:           black;
   background:#E8E8E8;
   margin:          0 3em 0 3em;
   padding:         0.25em 1.5em 0.5em 0.5em; /* For IE/Win */
   clear:           both;
   border-top:solid purple 2px;
   border-bottom:solid purple 2px;
   border:solid purple 2px;
   text-align:center;
   border-radius:15px;	
}

/********** Styles for Footer **********/

#footer {
   font-size:       90%;
   text-align:      center;
   color:           #24587A;
   background:#95947a;
   margin:          5px;
   padding:         0.5em;
   clear:           both;
}

#footer a:link,
#footer a:visited {
   text-decoration: none;
   color:           white;
   background:      transparent;
   color:           #24587A;
}

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

#footer hr {
   display:         none !important;
}

#disclaimer {
color:#999999;
	font-size:.7em;
	width:700px;
}


.groupedList {
  /* float: center; */
  width: 750px;
  margin-top: 5px;
  margin-right:auto;
  margin-left:auto;
  padding: 0;
  list-style: none;
}

.groupedItem {
  float: left;
  width: 100px;
  margin:5px;
  padding: 5px;
  font-size:.8em;
  border:solid #999999 1px;
  text-align:center;
}
.groupedHeader {
  float: left;
  width: 100px;
  margin: 5px;
  padding: 5px;
  font-size:.8em;
}

.npaNxxList {
	list-style:none;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	word-spacing:30px;

}

.npaNxxList li { font-size:1.2em}
.npaNxxList ul { font-size:1.2em}

#footerL {
	font-size:.8em;color:#d8d8d8;margin-left:auto;margin-right:auto;text-align:center;
}

#footerL a:link, #footerL a:visited
{
	color:#848484;text-decoration:none;
}

#footerL a:hover
{
	text-decoration: underline;
}