/* Setup Body and Canvas
----------------------------------------------- */
BODY {
  font-family: arial, helvetica, serif;
  background-color:#CCCCCC;
  margin:0;
  padding:0;
}

DIV#canvas {
  background-image: url(../img/header.gif);
  background-repeat: no-repeat;
  background-color:white;
  width:760px;
  border:1px solid #CCCCCC;
  position: relative;
  padding-bottom: 40px;
}

/* Styling the Logo Rollover
-------------------------------------*/
DIV#logo {
  position: absolute;
  left:9px;
  top:14px;
}

DIV#logo A {
  display:block;
  background-image: url(../img/logo_f02.gif);
  background-repeat: no-repeat;
  font-size:0;
  color: #660000;  
  text-decoration: none;
  width:178px;
  height:31px;
  border:0;
}

DIV#logo A:hover {
  background-image: url(../img/logo_f01.gif);
}

/* Start of Menu
----------------------------------------------- */
#topnav {
  position: absolute;
  top: 23px;
  left:210px;
  font-size:71%;
  padding: 0;
  margin: 0;
  list-style: none;
}

#topnav UL {
  padding: 0;
  margin: 0;
  list-style: none;
}

#topnav A
{
  display:block;
  padding:0 10px 0 10px;
}

#topnav A:hover
{
  background-color:#FF9900;
}

#topnav LI {
  float: left;
  position: relative;
}

#topnav LI A { 
  color: #FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

#topnav LI UL LI
{
  padding:0px;
  width:100%;

}

/* Home Menu */
#topnav LI#home { 
  width: 57px;
}
#topnav LI#home UL {
  width:55px;
}
#topnav LI#home UL A {
  width:47px;
}

/* Products Menu */
#topnav LI#products {
  width: 84px;
}
#topnav LI#products UL {
  width:155px;
}
#topnav LI#products UL A {
  width:147px;
}

/* Services Menu */
#topnav LI#services {
  width: 78px;
}
#topnav LI#services UL {
  width:145px;
}
#topnav LI#services UL A {
  width:137px;
}

/* About Us Menu */
#topnav LI#aboutus {
  width: 80px;
}
#topnav LI#aboutus UL {
  width:80px;
}
#topnav LI#aboutus UL A {
  width:72px;
}

/* Customers Menu */
#topnav LI#customers {
  width: 93px;
}
#topnav LI#customers UL {
  width:93px;
}
#topnav LI#customers UL A {
  width:85px;
}

/* Account Menu */
#topnav LI#account {
  width: 80px;
}
#topnav LI#account UL {
  width: 180px;
}
#topnav LI#account UL A {
  width: 172px;
}

/* Support Menu */
#topnav LI#support {
  width:70px;
}
#topnav LI#support UL {
  width: 70px;
}
#topnav LI#support UL A {
  width: 62px;
}

/* Set up the pop up layers
-----------------------------------*/
#topnav LI UL {
	display: none;
	position: absolute;
	top: 14px;
	left: 0;
  background-color:#000000;
}

/* Links on pop up layer
---------------------------*/
#topnav LI UL A {
  width:100%;
  display:block;
  white-space:nowrap;
  margin:2px;
  padding:2px;

}

#topnav LI UL A:hover {
  color:#FFFFFF;
  background-color: #FF9900;
}

#topnav LI>UL { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#topnav LI:hover UL, UL#topnav LI.over UL { /* lists nested under hovered list items */
	display: block;
}

/* Left hand Nav
-----------------------*/
#sidebar {
  width:160px;
  font-size:79%;
  position: absolute;
  top:82px;
  background-image: url(../img/sidebar-bg.gif);
  text-align:center;
  padding:0;
  margin:0;
}

#sidebar FORM
{
  padding:0 16px 0 10px;
  margin:0;
  color:#FF9900;

}
#sidebar H2 {
  font-size:100%;
  margin:10px 0 0 0;
  padding:0;
  color:#FFFFFF;
}

#sidebar H2 A{
  font-size:100%;
  margin:10px 0 0 0;
  padding:0;
  color:#FFFFFF;
}

#sidebar H3 {
  font-size:100%;
  margin:14px 0 10px 0;
  padding:0;
  color:#FF9900;
}

#sidebar LABEL {
  display:block;
  margin-top:4px;
}

#sidebar INPUT {
  font-size:100%;
  width:120px;
}

#sidebar INPUT#form1-SearchNonLim {
  width:auto;
}

#sidebar #nonlimited-label {
  font-size:80%;
}

#sidebar #form1-search, #sidebar #form2-SUBMIT {
  border:1px solid black;
  background-color:#CCCCCC;
  width:auto;
  margin: 2px 30px;
}

#sidebar .links {
  padding:10px 16px 0 10px;
}

#sidebar .links A {
  white-space:nowrap;
  color:white;
  font-weight:bold;
  text-decoration:none;
  font-size:91%;
  padding:0 0 0 5px;
}

#sidebar .links A:hover {
  color:#FF0000;
}

#sidebar-footer {
  width:160px;
  height:21px;
  background-image:url(../img/sidebar-footer.gif);
}


/* features sidebar
----------------------------*/

#features {
  float: right;
  width: 120px;
  font-size:70%;
  margin-top:55px;
  color:#333300
}

#features UL {
  list-style: none;
  margin:0;
  padding:0;
}

#features LI {
  border-bottom: 1px solid #E17F3E;
  padding:1px;
  margin:0 10px 0 0;
}

#features H3 {
  font-size:100%;
  margin:20px 10px 0 0;
  padding:0;
  border-bottom: 1px solid #E17F3E;
}



/* Content
--------------*/
#content {
  width:450px;
  margin-left:180px;
  margin-top:80px;
  font-size:79%;
}

#content H2 {
  font-size:100%;
  margin:0;
  margin-top:5px;
  color: #660000;
}

#content H2 A {
  font-size:100%;
  margin:0;
  color: #660000;
}

#content H2 A:hover {
  color: #FF9900;
}

#content P {
  margin:0;
}

#footer {
  position: absolute;
  bottom: 0;
  background-color:#EEE;
  border:1px solid #444;
  font-size:60%;
  text-align:center;
  padding:3px;
  margin-left:12px;
}

#footer A:link, #footer A.visited {
	color: #000;
	text-decoration:none;
}

#footer A.hover {
	color: #00f;
	text-decoration:underline;
}