body {
	font-family:verdana;
	font-size:15px;
	color:#333333;
	background-color:#C2DDF2;
	line-height:17pt;
	background-image:url(ximages/BG1.gif); background-position:center; background-repeat:repeat-y;

}


.footer {font-family:verdana; font-size:12px; color: #1B4976;}
.cobtbl {font-family:arial;background-color: #cccccc;} /*cart table*/
.cobhl {font-family:arial;background-color: #ffffff; font-size:14px;} /*cart headers*/
.cobll {font-family:arial;font-size:14px; background-color: #ffffff } /*cart cell bg*/
select, textarea, input {font-family:verdana;}
a {color: #990000;}
.ectlink {color: #990000;}
p,td {font-family:verdana; font-size:14px; color:#333333; line-height:15pt;}
.xdocs {font-family:verdana; font-size:10px; color:#333333; line-height:12pt; font-weight:bold;}

.headertable {background-image:url(images/header3.jpg);}
.footertable {background-image:url(images/footer.gif);}
.featuretable {background-image:url(images/sleep.jpg); background-position:right bottom;}


.myprodheader {font-style:italic;font-size:24px; color:#003366;}

.style1 {font-family:verdana; font-size:14px; color: #1B4976; text-decoration:none;}
.style2 {font-family:verdana; font-size:14px; color: #990000; font-weight:bold;}
.style3 {font-family:verdana; font-size:17px; color: #333333; font-weight:bold;border-bottom:1px dotted silver;}
.nav1 	{border-bottom:1px dotted silver;}
.style5 {font-family:verdana; font-size:11px; color:#386B9E;}
.style7 {font-family:verdana; font-size:13px; color:#999999;}
.style10{font-family:verdana; font-size:13px; color:#990000;}
.style11{font-family:verdana; font-size:13px; color:#003366;}

.bottomborder {border-bottom:2px dotted silver;}
h1 {font-family:verdana; font-size:30px; color:#003366; }
h2 {font-family:verdana; font-size:14px; color:#003366;font-weight:bold;}
HR {height:1PX; color:#DDDDDD;}

.dottedline {background-image:url(images/dottedline.gif); background-position:bottom; background-repeat:no-repeat;}
/*- Menu Tabs H--------------------------- */

    #tabsH {
		/*position:absolute; top:12px;
		z-index:90;
		left:50%; margin-left:-390px;
      float:left;*/
  

     background:#333333;
      /*font-size:93%;*/
      line-height:normal;
      }
    #tabsH ul {
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
	font-family:verdana; font-size:15px; color:#F7F3DA;
     float:left;
	background:url("images/tableftH.gif") no-repeat left top;
	  margin:0;
      padding:0 0 0 8px;
      text-decoration:none;
      }
	   #tabsH a span {
      float:left;
      display:block;

      	background:url("images/tabrightH.gif") no-repeat right top;

      padding:5px 25px 4px 16px;
      color:#fff;
      }
	  
    #tabsH a span.home {
      float:left;
      display:block;
	  <% if Request.ServerVariables("URL") = "vit2.asp" then %>
      	background:url("images/tabrightH.gif") no-repeat right top;
	  <% else %>
	   	background:url("images/tabrightHactive.gif") no-repeat right top;
	  <% end if %>
      padding:5px 25px 4px 16px;
      color:#fff;
      }
	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
	
      color:#fff;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
	  
	  #sectabs {
	clear: both;
	text-decoration: none;
}

#smenu {background-color:#ffffff; text-align:center; border:1px solid #000099; z-Index:999; visibility:hidden; position:absolute; top:100px; left:-225px; width:250px;}
#sleft {width:220px; float:left;}
#sright {width:120px; float:right;}
#sright a:link{text-decoration:none; color:#999999; font-weight:bold; font-family:arial, helvetica, sans-serif;}
#sright a:visited{text-decoration:none; color:#999999; font-weight:bold; font-family:arial, helvetica, sans-serif;}
#sright a:active{text-decoration:none; color:#999999; font-weight:bold; font-family:arial, helvetica, sans-serif;}
#sright a:hover{text-decoration:none; color:#999999; font-weight:bold; font-family:arial, helvetica, sans-serif;}


/*lightbox 2 *###########################################*/ 

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

                  



/****************/

/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../img/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}