html
{
 scrollbar-base-color: #fccf00;
 scrollbar-arrow-color: #000000;
 scrollbar-3dlight-color: #cccccc;
 scrollbar-darkshadow-color: #333333;
 scrollbar-face-color: #fccf00;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #808080;
 scrollbar-track-color: #000000;
}

body
{
 font-family: Arial, Helvetica, sans-serif;
 color: #404040;
 font-size: 12px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #000000;
 scrollbar-base-color: #fccf00;
 scrollbar-arrow-color: #000000;
 scrollbar-3dlight-color: #cccccc;
 scrollbar-darkshadow-color: #333333;
 scrollbar-face-color: #fccf00;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #808080;
 scrollbar-track-color: #000000;
}

#topBanner
{
 width: 100%;
 height: 150px;
 line-height: 150px;
 background-image: url("../images/background_top.jpg");	
 background-repeat: repeat-x;
}

#baseNavBar{ position: absolute; left: 125px; top: 150px; width: 600px; display: block; padding: 1px 10px 1px 10px; color: #ffffff; font-size: .9em; margin: 10px 0 1.5em 0; z-index: 5;}
#baseNavBar ul { margin: 0px; /*removes indent IE and Opera*/ padding: 0px; /*removes indent Mozilla and NN7*/ list-style-type: none;}
#baseNavBar li { float: right; list-style-type: none; margin: 0 0 1em 0; margin: 0; white-space: nowrap; text-align: center;}
#baseNavBar a, #baseNavBar a:link, #baseNavBar a:visited { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none; background-color: #990000; color: #ffffff; }
#baseNavBar a:hover { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none;  background-color: #ffffff; color: #990000; }
#baseNavBar a:active { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none;  background-color: #fccf00; color: #990000; }

#subMenuToilet, #subMenuDistributors { position: absolute; visibility: hidden; z-index: 5; top: 170px; display: block; padding: 1px 10px 1px 10px; color: #ffffff; font-size: .9em; margin: 10px 0 1.5em 0; z-index: 5;}
#subMenuToilet ul, #subMenuDistributors ul { margin: 0px; /*removes indent IE and Opera*/ padding: 0px; /*removes indent Mozilla and NN7*/ list-style-type: none;}
#subMenuToilet li, #subMenuDistributors li { float: right; list-style-type: none; margin: 0 0 1em 0; margin: 0; white-space: nowrap; text-align: center;}
#subMenuToilet a, #subMenuDistributors a, #subMenuToilet a:link, #subMenuDistributors a:link, #subMenuToilet a:visited, #subMenuDistributors a:visited { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none; background-color: #990000; color: #ffffff; }
#subMenuToilet a:hover, #subMenuDistributors a:hover { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none;  background-color: #ffffff; color: #990000; }
#subMenuToilet a:active, #subMenuDistributors a:active { display: block; padding: 1px 10px 1px 10px; border: 1px solid #ffffff; text-decoration: none;  background-color: #fccf00; color: #990000; }

#menuItem { width: 125px; }

#mouseOff
{
 position: absolute;
 left: 125px;
 top: 150px;
 width: 600px;
 height: 100px;
 z-index: 1;
 /*background-color: #ffffff;*/
}

#content
{
 margin-left: 15px;
 width: 775px;
 height: 500px;
 background-image: url("../images/layoutBackground.jpg");
 background-repeat: no-repeat;
 /*background-color: #00ffcc;*/
}

#bannerLayer
{
 position: absolute;
 left: 50px;
 top: 185px;
 width: 695px;
 height: 200px;
 background-color: #000000;
}

#pImageLayer { position: absolute; left: 60px; top: 385px; width: 315px; }

#newsLayer
{
 padding: 12px;
 position: absolute;
 left: 385px; 
 top: 385px; 
 width: 340px;
 height: 270px;
 background-image: url("../images/background_newsLayer.jpg");
 background-repeat: no-repeat;
}

#infoLayer
{
 position: absolute;
 left: 75px;
 top: 200px;
 width: 300px;
 height: 400px;
 background-image: url("../images/background_info.png");
}

#pdfLayer
{
 position: absolute;
 left: 400px;
 top: 200px;
 width: 340px;
 height: 340px;
 background-image: url("../images/background_pdf.png");
}

#galleryLayer
{
 position: absolute;
 left: 75px;
 top: 200px;
 width: 640px;
 height: 400px;
 /*border: 1px solid #000000;
 background-color: #808080;*/
}

#galleryImg
{
 position: absolute;
 text-align: center;
 width: 200px;
 height: 180px;
 margin-left: auto;
 margin-right: auto;
}

#videoInfoLayer
{
 z-index: 2;
 position: absolute;
 left: 75px;
 top: 300px;
 width: 100px;	
 height: 300px;
 background-image: url("../images/background_videoInfo.png");
 text-align: left;
}

#videoLayer
{
 position: absolute;
 left: 200px;
 top: 300px;
 width: 500px;	
 height: 400px;
 background-image: url("../images/background_video.png");
 text-align: center;
}

#postscript
{
 /*position: absolute;
 left: 40px;
 top: 630px;*/
 color: #ffffff;
 /*background-color: #ff8000;*/
}

#bottomBanner
{
 /*background-image: url("../images/background_baseNavBottom.png");*/
}

/* Keyboard & Mouse shortcut instructions */
#shortcut
{
 color: #000000;
 font-weight: bold;
}

a:link, a:visited
{
 color: #990000;
 text-decoration: none;
 font-weight: bold;
}

a:hover, a:active
{
 color: #ffffff;
 text-decoration: underline;
 font-weight: bold;
}

img		/*All regular images*/
{
 border: 0px;
}

.img
{
 border: 1px solid #000000;
}

table
{
 padding: 0px;
}

h1
{
	
}

h2
{
	
}

h3
{
	
}

iframe { border: 0px; }

/* special text */
.title { text-decoration: none; font-weight: bold; font-size: 13px; }

/* COLORS */
/*
 yellow: #fccf00;
 sky: #0165ff;
*/