body {background-color: #ffd; color: black; margin: 0; padding: 0;} 
body {behavior: url('csshover.htc'); font-family: verdana,arial,helvetica,sans-serif; font-size: 11pt;}
h2, h3 {font-style: italic; vertical-align: top; text-align: center; 
  font-family: Arial, sans-serif;}

h2 img {margin: 0px 20px 0px 20px; }

h3 {font-style: normal; }

#main dt ol {margin: 0; padding: 1em;}

dt {font-style: italic; font-variant: small-caps; font-weight: bold; margin-top: 1em;}

.errors {text-align: center; color: red; font-weight: bold; border: 2px solid red;}

/*#main {position: absolute; left: 4em; padding: 3em; width: 7in;}*/

#main {position: relative; margin: 0 auto;; padding: 3em; width: 9in; }

#main p {margin: 1em 0 ; line-height: 120%; }

#main ul {padding: 0 2in;} 

#main dl {margin: 0 0 0 1.5in}
#main .leftdl {margin: 0; padding: 0} 

#footer {text-align:center;}

form  {margin: 0; padding: 0; line-height: 120%; position: relative;}


.movetxt {vertical-align: top;} 

address {padding-left: 2em;}

#confirm table {margin-bottom: 2em;}

#confirm td {text-align: right;}

.bordered {border-collapse: collapse;}

.bordered td {border: 1px solid black;  margin: 0; padding: 0 8px; }

.centered {text-align: center;}

#menutop {/*position: absolute; left: 240px; top: 0px;*/
	font-size: small; margin: 0 auto;
	font-family: arial, helvetica, sans-serif;
        text-align: center;}

#menutop div {display: inline; /*float: left; */border: 1px solid black; padding: .3em;
  color: white; background-color: royalblue;}
#menutop div a {color: white; text-decoration: none;}
#menutop a:hover /* menu on mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	text-decoration:none;
	}
#safetycheck {border: 3px solid red; margin-bottom: 2em; padding-left: 1em; width: 34em;}
#safetycheck table {margin: 0; padding: 0;}
#safetycheck td {font-weight: bold; font-size: large; padding: 0 2em 0 0; margin: 0;}

div.floatright {width: 20%; float: right; border: 2px solid blue; padding: 1em; margin-left: 4px;}
div.floatright a {text-decoration: none; font-family: serif; font-style: italic; font-variant: small-caps; 
  font-size: large; font-weight: bold; margin-top: 1em;}
  
div.floatleft {width: 40%; float: left; border: 2px solid blue; padding: 1em; margin-right: 4px;}
  
.borderedblock {display: block; text-decoration: none; width: 100%; 
    border: 2px solid blue; padding: 4px; margin-bottom: 4px; text-align: center;
    font-variant: small-caps; font-weight: bold;z-index: 0; }




#banner {background-color: #44d; color: yellow; height: 200px; width: 100%; text-align: center;
  background-image: url("images/bluegradiant.jpg"); background-repeat: repeat-x; }

#menu {position: relative; background-color: #44d; margin: 0; font-family: verdana, sans-serif; 
  font-size: .7em; width: 1000px;  padding: 0 1em; color: white; margin: 0 auto;}

#menu div {float: left; padding: 0; color: white; background-color: #44d; width: 90px; height: 49px;
  padding-top: 1em;}

#menu a{text-decoration: none; color: white; font-weight:500; display: block; 
  height: 36px;}

#price {position: relative;}
#price p {display: none; position: relative;}
#price:hover p {display: block; width: 140px; position: relative; top: -100px; left: -70px; color: white; 
  background-color: #44d; border: 1px solid blue;}
  
#home div.home, #home div.home a {color: #44d; background-color: #ffd; font-weight: bold; }
#reqs div.reqs, #reqs div.reqs a {color: #44d; background-color: #ffd; font-weight: bold; }
#support div.support, #support div.support a {color: #44d; background-color: #ffd; font-weight: bold; }
#share div.share, #share div.share a {color: #44d; background-color: #ffd; font-weight: bold; }
#stats div.stats, #stats div.stats a {color: #44d; background-color: #ffd; font-weight: bold; }
#organize div.organize, #organize div.organize a {color: #44d; background-color: #ffd; font-weight: bold; }
#faq div.faq, #faq div.faq a {color: #44d; background-color: #ffd; font-weight: bold; }
#helpfiles div.helpfiles, #helpfiles div.helpfiles a {color: #44d; background-color: #ffd; font-weight: bold; }
#order div.order, #order div.order a {color: #44d; background-color: #ffd; font-weight: bold; }
#contact div.contact, #contact div.contact a {color: #44d; background-color: #ffd; font-weight: bold; }
#edshead div.edshead, #edshead div.edshead a {color: #44d; background-color: #ffd; font-weight: bold; }

#monitor {float: left; width: 300px; height: 220px; background-image: url("Images/computer-monitor.jpg"); 
  background-repeat: no-repeat; padding-top: 3em; }
#monitor .monitor {text-align: center;color: yellow; font-size: 14pt; padding-bottom: 1em;}

.monitor div {display:none; }
.monitor:hover div {display: block; position: absolute; top: 40px; left: 330px; width: 444px; height: 220px; 
  color: yellow; padding: 1em 0 0 8em; z-index: 10000; font-size: 12pt; }
#main div.monitor ul {padding: 0 2em;}
#main div.monitor li {font-size: 12pt; padding: 0;}
.monitor a {color: white;}

#curtains {height: 250px; background-image: url("Images/Curtains.png");   background-repeat: no-repeat; 
 margin-left: 27.5em;}
 
#main .curtains { font-size: large;}
#main .curtains li {padding-top: 6px; text-align: left;}

.popup {position: relative;}
.popup div {display: none;}
.popup:hover div {display: block; position: absolute; color: yellow; background-color: #2020c4;
   top: -21em; left: 20%; width: 60%; padding: 2em;  background-image: url("images/Curtains.png");
    }
.popup a {color: white;}

#edshead table {margin: 12px auto;}
#edshead table td {width: 142px; text-align: center; padding: 8px 0;}
#edshead table .articlename {width: 340px; text-align: center;}
