/* HTML Selectors */

html
{
  height: 100%;
}
 
body {
  background:#bfdee1;
  /* background-image:  url(../images/logo-trans.gif) repeat-x;
  background-repeat: no-repeat;
  background-position: 50% 50% */
  padding:0;
/*  float:left; Cannot float left firefox will not center*/
  font:normal 75% 'Comic Sans MS',tahoma, arial, helvetica, trebuchet MS, sans-serif;
/* 2 lines to center the page check wrapper and match widths */
  min-width: 1024px;
  width:1024px;
  margin:0 auto;
}

#container {
	/* this width regulates the width of the entire page.  Match it with  min-width in the body above */
	width: 1024px;
	min-width:1024px;
	margin: 0 auto;
	height:auto;
	color:#000;
	border:0px solid #660262;
}




  img {border:0}
  a {color:#0057A0;text-decoration:none;}
  a:hover {color:#048998;text-decoration:underline;}
  .clr {clear:both;height:1px;margin-top:-1px;overflow:hidden;font-size:1px;}


/* Container CSS */

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	background: #F00;
	float: none
}
/* End hide */ 

#header {
  text-align: left;
  width:100%;
  height:auto;
  vertical-align:top;
  /* top right bottom left */
  padding: 0px 0px 0px 0px;
  /* top right bottom left */
  margin: 0px 0px 0px 0px;
  background:#ffffff; /* url(../images/banner1background.png) no-repeat; */
  /* background:#bfdee1; */
  color:#000000;
  border: 0px solid #990;
}

#banner img { /* logo */
	vertical-align:top;
	width:896px;
	height:128px;
}
#logo img { /* logo */
	vertical-align:top;
	width:128px;
	height:128px;
}
#pagelogo img { /* logo */
	vertical-align:top;
	width:350px;
	height:auto;
}

#content {
	border:0px solid #990;
	min-height:500px;
	float:left;
	height:100%;
	width:100%;
	background-image:  url(../images/logo-trans.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#document {
	border: 0px solid #00f;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 5%;
	font-size:1.0em;
	color:#0057a0;
	text-align:center;
	width:90%;
	min-height:640px;
	background:#FFF;
	/* background-image:  url(../images/logo-trans.gif);
	background-repeat: no-repeat;
	background-position: 46% 46%; */
}
#documenttitle {
	float:left;
	width:100%;
	font-size:1.5em;
	font-weight:bold;
	border: 0px solid #0f0;
}
#documentheading {
	float:left;
	width:100%;
	font-size:1.1em;
	font-weight:bold;
	margin: 0em 0em 0em 0em;
	border: 0px solid #0ff;
}
#documentcomments {
	float:left;
	width:100%;
	font-size:1.1em;
	font-weight:normal;
	margin: 0em 0em 0em 0em;
	border: 1px solid #0ff;
}
/* menu item lines */
#itemline {
	clear:both;
	float:left;
	width:100%;
	margin: 0;
	padding: 0;
	height:auto;
	border: 0px solid #fff;
   border-bottom-color:#000000;
}
#itemcheck {
	float:left;
	margin: 0;
	margin-left:25%;
	padding: 0;
	width:7%;
	border: 0px solid #00f;
	text-align:right;
}
#itemcheck2 {
	float:left;
	margin: 0;
	margin-left:30%;
	padding: 0;
	width:7%;
	border: 0px solid #00f;
	text-align:right;
}
#itemdescriptioncheck {
	padding: 0;
	float:left;
	margin-left:0px;
	width:40%;
	border: 0px solid #0f0;
	text-align:left;
}
#itemdescriptioncheck2 {
	padding: 0;
	float:left;
	margin-left:0px;
	width:40%;
	border: 0px solid #f00;
	text-align:left;
}
#itemdescription {
	padding: 0;
	float:left;
	margin-left:25%;
	width:40%;
	border: 0px solid #fff;
	text-align:left;
}
#itemdescriptioncentered {
	text-align:center;
}
#itemqty {
	float:left;
	margin: 0;
	padding: 0;
	width:10%;
	border: 0px solid #fff;
}
#itemqty input {
	float:left;
	/* width:80%; of the space inside itemqty */
}
#itemprice {
	padding: 0;
	float:left;
	width:5%;

	border: 0px solid #fff;
}




#product1 img {
	height:15em;
	float: left;
	margin: 0em 0em 0em 0em;
}


#footer {
   float:left;
   border-width:0px;
   border-style:solid;
   border-color:#606;
   background:#0057a0;
   color:#ffffff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
}
#footer a {color:#ffffff;text-decoration:none;}
#footer a:hover {color:#ffffff;text-decoration:underline;}
#clr {
	clear:both;
	height:0px;
	margin-top:0px;
	overflow:hidden;
	font-size:1px;
}


p {
	margin-left:1em;
}

/* menu button bar at the top */
#menubar {
	background:#0057a0;
	color:#FFF;
	height:auto;

	float:left;
	width:1024px;
}
.menubutton1 {
   float:left;
   color:#ccc;
   font-family: verdana;
   font-size: 1em;
   font-weight: normal;
   width:auto;

   margin: 0px 0px 0px 0px;
   padding: 0px 2px 0px 2px;
   border: 0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#000000;
   background:#0057a0; /*   url(images/menubutton1.gif) no-repeat;  */
}
.menubutton1HL {
   float:left;
   color:#0057a0;
   background-color: #ffffff;
   font-family: verdana;
   font-size: 1em;
   font-weight: normal;
   width:auto;
   margin: 0px 0px 0px 0px;
   display:inline;
   padding: 1px 0px 0px 0px;
   border: 0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#FFFFFF;
   background:#cccc33; /* url(images/menubutton2.gif) no-repeat; */
}
.menubutton2 {
   float:left;
   color:#CCFF00;
   background-color: #ffffff;
   font-family: verdana;
   font-size: 10px;
   font-weight: normal;
   width:6em;
   height:1.5em;
   display:inline;
   padding: 1px 0px 0px 0px;
   border: 0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#FFFFFF;
   background:#004400 url(images/menubutton3.gif) no-repeat;
}
.button {
   float:left;
   text-align:left;
   color:#ccc;
   font-family: verdana;
   font-size: 1em;
   font-weight: normal;
   width:100%;
   height:1.2em;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   border: 0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#000000;
   background:#005555; /* url(images/menubutton3.gif) no-repeat;*/
}





#leftbar {
   float:left;
   width:128px;
   height:auto;
   min-height:640px;
   /* background:#0057a0; */
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#middle {
   border: 0px solid #0F0;
   float:left;
   width:890px;
   height:auto;
   min-height:640px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
/* Side Menu Stuff */
#menu {
   float:left;
   width:128px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /* background:#0057a0; */
   color:#cccc33;
   text-align:center;
   height:auto;

   font-size:120%;
}
#menu img {
   float:left;
   width:128px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#menu input {
   float:left;
   color:#ccc;
   font-family: verdana;
   font-size: 1em;
   font-weight: normal;
   width:128px;
   height:1.6em;
   padding: 0px 0px 0px 0px;
   border: 0px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#000000;
   background:#0057a0; /*   url(images/menubutton1.gif) no-repeat;  */

}
#cart {
   color:#fff;
   float:right;
   height:auto;
   width:30em;
   min-height:640px;
   border-width:0px;
   border-style:solid;
   border-color:#606;
}
#cart table {
   width:100%;
   border-width:1px;
   border-color:#606;
   color:#000;
   /* border-collapse:collapse; */
}
#cart th {
   border-width:0px;
   border-style:solid;
   border-color:#FFF;
   color:#0057a0;
   padding:0px;
}
#cart td {
   border-style:none;
   padding:0px;
}
#cart input {

   vertical-align: top;
   margin: 0px 0px  0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid;
}
#edit {
   background:#fff;
   color:#0057A0;
}
#edit label {
	display: block;
	float:left;
	text-align: right;
	width: 20%;
	padding-right: 3px;
	margin-top: 1px;
	margin-bottom: 0px;

}
#edit .labelnarrow {
	display: block;
	float:left;
	text-align: right;
	width: 5%;
	padding-right: 3px;
	margin-top: 1px;
	margin-bottom: 0px;

}
#edit input {
	display: block;
	width: auto;
	font-size: 1.1em;
	height: 1.2em;
	float: left;
	margin-top: 1px;
	margin-bottom: 0px;

}
#edit .width80 {
	width:75%;
}
#edit br {
	clear:left;
}

.floatleft {
   float:left;
}

/* ------------- product groups */
#productgroups {
 /* background: #000000; */
	float: left;
	width: 12em;
	height: 640px;
	/* top right bottom left moving sidebar -18 to left to fit inside the body */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#productgroups ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#productcontainer {
/*	background: #000000; */
	float: left;
	width: 520px;
	height: auto;
	min-width: 520px;
	min-height:640px;
	/* top right bottom left  */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* ------------- product overrides */
#product1 {
	display:inline;
	float:left;
	background: #ffffff; color:#0099cc;
	font-size: 125%;
	height: 450px;
	min-width: 326px;
	width: 652px;
}
#product1 h1 {
	font-size: 1.0em;
	background: #cc9900; color:#000055;
	padding:0 0 0 0;
	/* top top right bottom */
	margin: 0 0px 0 0px;
	min-width:20px;
}
#product1 img {
	height:15em;
	width:15em;
	float: left;
	margin: .1em .1em .1em .1em;
}


/* ---- Product 4 --- */

#product4 {
	float:left;
	background: #ffffff; color:#000000;
	height: 12em;
	min-width: 260px;
	width: 260px;
	font-size: .9em;
}
#product4 h1 {
	font-size: 1.0em;
	background: #cc9900; color:#000055;
	padding: .1em .1em .1em .1em;
	/* top top right bottom */
	margin: 0px 1px 0 0px;
	min-width:265px;

}
#product4 img {
	height:10em;
	float: left;
	margin: 0em .1em 0em 0em;
}

#product4 ul {
	margin:0px 0px 0px 10px ;
	padding:0px 0px 0px 10px;
	list-style: disc; 
	background: #ffffff; color:#0099cc;
}

#product4 li {
	/* top right bottom left */
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
}