/* Clearing the float */
/*#nav0 {display:block; width:404px; height:10px;}*/

/* get rid of the bullets and margin */
#nav0 ul {margin:0; padding:0; list-style-type:none;}

/*  make the list horizontal and giving a 1px gap */
#nav0 li {float:left; margin-right:1px;}

/*  Adding the initial images */
#nav0 li.id1 {background:transparent url(/newimages/Products-button.gif);}
#nav0 li.id2 {background:transparent url(/newimages/The-Process-button.gif);}
#nav0 li.id3 {background:transparent url(/newimages/Order-button.gif);}
#nav0 li.id4 {background:transparent url(/newimages/Login-button.gif);}
#nav0 li.id5 {background:transparent url(/newimages/ShoppingCart-button.gif);}

/* current page */
#nav0 li.id1c {background:transparent url(/newimages/Products-button-Orange.gif);}
#nav0 li.id2c {background:transparent url(/newimages/The-Process-button-Orange.gif);}
#nav0 li.id3c {background:transparent url(/newimages/Order-button-Orange.gif);}

/*  General link styling */
#nav0 a {display:block;padding-top:10px; overflow:hidden;height:0;}
#nav0 current a {color:#f1a037;}

/*  Individual images setting */
#nav0 a#itm1 {width:80px;  }
#nav0 a#itm2 {width:100px;}
#nav0 a#itm3 {width:57px;}
#nav0 a#itm4 {width:53px;}
#nav0 a#itm5 {width:107px;}

/* hack for older versions of IE with incorrect box model */
* html #nav0 a:link, * html #nav0 a:visited {height:10px; he\ight:0;}

/* Adding the hover images */
#nav0 a#itm1 {background:transparent url(/newimages/Products-button-Orange.gif) -120px -0px no-repeat;}
#nav0 a#itm2 {background:transparent url(/newimages/The-Process-button-Orange.gif) -120px -0px no-repeat;}
#nav0 a#itm3 {background:transparent url(/newimages/Order-button-Orange.gif) -120px -0px no-repeat;}
#nav0 a#itm4 {background:transparent url(/newimages/Login-button-Orange.gif) -120px -0px no-repeat;}
#nav0 a#itm5 {background:transparent url(/newimages/ShoppingCart-button-Orange.gif) -120px -0px no-repeat;}

/* Adding the :hover style */
#nav0 a#itm1:hover {background-position:0 0; z-index:50;}
#nav0 a#itm2:hover {background-position:0 0; z-index:50;}
#nav0 a#itm3:hover {background-position:0 0; z-index:50;}
#nav0 a#itm4:hover {background-position:0 0; z-index:50;}
#nav0 a#itm5:hover {background-position:0 0; z-index:50;}

* html #nav0 a:hover {height:12px; he\ight:0;}

/* Bottom Menu */
/* Clearing the float */
#nav1 {display:block; width:560px; height:10px; position:relative;left:5px}/*width:473*/

/* get rid of the bullets and margin */
#nav1 ul {margin:0; padding:0; list-style-type:none;}

/*  make the list horizontal and giving a 10px gap */
#nav1 li {float:left; margin-right:1px;}

/*  Adding the initial images */
#nav1 li.id11 { background:transparent url(/newimages/About-us-button.gif);}
#nav1 li.id12 {background:transparent url(/newimages/DNA101-button.gif);}
#nav1 li.id13 {background:transparent url(/newimages/FAQ-button.gif);}
#nav1 li.id14 {background:transparent url(/newimages/Privacy-button.gif);}
#nav1 li.id16 {background:transparent url(/newimages/My-Account-button.gif);}
#nav1 li.id17 {background:transparent url(/newimages/contact-us-button.gif);}
#nav1 li.id18 {background:transparent url(/newimages/media-button.gif);}
#nav1 li.id19 {background:transparent url(/newimages/blog-button.gif);}
/* current page */
#nav1 li.id11c {background:transparent url(/newimages/About-us-button-Orange.gif);}
#nav1 li.id12c {background:transparent url(/newimages/DNA101-button-Orange.gif);}
#nav1 li.id13c {background:transparent url(/newimages/FAQ-button-Orange.gif);}
#nav1 li.id14c {background:transparent url(/newimages/Privacy-button-Orange.gif);}
#nav1 li.id16c {background:transparent url(/newimages/My-Account-button-Orange.gif);}
#nav1 li.id17c {background:transparent url(/newimages/contact-us-button-Orange.gif);}
#nav1 li.id18c {background:transparent url(/newimages/media-button-Orange.gif);}
#nav1 li.id19c {background:transparent url(/newimages/blog-button-Orange.gif);}
/*  General link styling */
#nav1 a {display:block;height:0; padding-top:10px;overflow:hidden;}

/*  Individual images setting */
#nav1 a#itm11 {width:75px;  }
#nav1 a#itm12 {width:65px;}
#nav1 a#itm13 {width:34px;}
#nav1 a#itm14 {width:60px;}
/*#nav1 a#itm15 {width:85px;}*/
#nav1 a#itm16 {width:88px;}
#nav1 a#itm17 {width:80px;}
#nav1 a#itm18 {width:75px;}
#nav1 a#itm19 {width:75px;}
/* hack for older versions of IE with incorrect box model */
* html #nav1 a:link, * html #nav1 a:visited {height:10px; he\ight:0;}

/* Adding the hover images */
#nav1 a#itm11 {background:transparent url(/newimages/About-us-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm12 {background:transparent url(/newimages/DNA101-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm13 {background:transparent url(/newimages/FAQ-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm14 {background:transparent url(/newimages/Privacy-button-Orange.gif) -120px -0px no-repeat;}
/*#nav1 a#itm15 {background:transparent url(/newimages/contact-us-button-Orange.gif) -120px -0px no-repeat;}*/
#nav1 a#itm16 {background:transparent url(/newimages/My-Account-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm17 {background:transparent url(/newimages/contact-us-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm18 {background:transparent url(/newimages/media-button-Orange.gif) -120px -0px no-repeat;}
#nav1 a#itm19 {background:transparent url(/newimages/blog-button-Orange.gif) -120px -0px no-repeat;}
/* Adding the :hover style */
#nav1 a#itm11:hover {background-position:0 0; z-index:50;}
#nav1 a#itm12:hover {background-position:0 0; z-index:50;}
#nav1 a#itm13:hover {background-position:0 0; z-index:50;}
#nav1 a#itm14:hover {background-position:0 0; z-index:50;}
/*#nav1 a#itm15:hover {background-position:0 0; z-index:50;}*/
#nav1 a#itm16:hover {background-position:0 0; z-index:50;}
#nav1 a#itm17:hover {background-position:0 0; z-index:50;}
#nav1 a#itm18:hover {background-position:0 0; z-index:50;}
#nav1 a#itm19:hover {background-position:0 0; z-index:50;}

* html #nav1 a:hover {height:12px; he\ight:0;}

.popupLink { COLOR: red; outline: none }
.closeLink { float:right; background-color:#fffff0; color:red; font-weight:bold; text-align:center; cursor:pointer }
.popup { POSITION: relative; VISIBILITY: hidden; background-color:#fffff0; width: 388px; border:0px solid gray;PADDING: 3px; z-index: 10 }