html, body { margin: 0px; padding:0px; font: 14px Verdana, Arial, sans-serif; height: 100%;}

#entryContainer { background-color: #333333; margin: 0px; padding:0px; width: auto; height: 100%; }
#Content { position:absolute; left:50%; width: 610px; height: 480px; margin-top: 40px; margin-left:-305px; border: 1px #000000 solid; background: url("../images/indexbg.png") repeat; display: block; padding:0px; }
    
#Content .header{ position:relative; top: 20px; left: 50%; margin-left:-200px; border: 1px #000000 solid; width: 400px; height: 100px; padding:0px; display: block; }

#Content .bottom{ position:relative; top: 20px; left: 50%; margin-left: -305px; width: 610px; height: 350px; padding:0px; display: block; }

div.float { float: left; margin: 20px 10px 10px 52px;}
  
div.float p { text-align: center; }

#date { clear: both; width: auto; margin: 0px; font-size: 12px; color: #ffffff; padding: 0px 10px 20px 20%; background-color: #333333;}

a{ font:bold 16px; color: #FFCC00; text-decoration: underline;}
a:visited { font:bold 16px; color: #FFCC00; text-decoration: underline;}
a:active { font:bold 16px; color: #C0C0C0; text-decoration: underline; }
a:hover { font:bold 16px; color: #C0C0C0; text-decoration: underline; }

a.entry{ font:bold 16px Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}
a.entry:visited { font:bold 16px Verdana, Arial, sans-serif; color: #FFFFFF; text-decoration: underline;}
a.entry:active { font:bold 16px Verdana, Arial, sans-serif;color: #000000; text-decoration: underline; }
a.entry:hover { font:bold 16px Verdana, Arial, sans-serif; color: #000000; text-decoration: underline; }

a.top{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
a.top:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
a.top:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
a.top:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#mainleft { position:absolute; left:0px; top: 0px; width: 360px; padding:0px; background-color: #FFFFFF;}
#mainleft .box { margin: 0px 5px 5px 5px;}

#mainright{ margin: 35px 0px 0px 360px; width: auto; background-color: #FFFFFF; display: block; align: left; text-align: left; voice-family: "\"}\""; voice-family: inherit; margin: 35px 0px 0px 360px; background-color: #FFFFFF; }
html>body #mainright { margin: 35px 0px 0px 360px; background-color: #FFFFFF; }
#mainright .box { margin: 10px 2px 5px 2px; align: center; text-align: center; width: auto; background-color: #FFFFFF;}

#mainright .navigation { width: auto; padding: 0 0 1em 0; margin: 20px 0px 20px 0px;} 
#mainright .navigation ul  { display: inline; margin: 0; padding: 0; border: none; width: 100%}
#mainright .navigation li { border-bottom: 2px #FFCC00 solid; border-right: 1px #FFCC00 solid; border-top: 2px solid #FFCC00; margin: 0; display: inline; list-style: none;}
#mainright .navigation li.none { border-right: none; border-bottom: 2px solid #FFCC00; border-top: 2px solid #FFCC00;margin: 0; display: inline; list-style: none;}

#mainright .navigation li a { padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #mainright .navigation li a { width: auto; }

#mainright .navigation li a:hover {font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#greyBox { font-size: 14px; background-color: #dddddd; border: 1px #999999 solid; width: 350px; margin: 20px 0px 20px 0px; align: right; text-align: right;}

#yellowBox { background-color: #fff5cb; border: 1px #ffcc00 solid; width: auto; margin: 10px; }

#banner { margin: 0px; height: 140px; width: auto; padding: 0px; }
#banner .topBanner { margin: 0px; height: 100px; width: auto; padding: 0px; background: url("../images/logo.gif") no-repeat; padding-left: 395px;}
#banner .navigation { width: auto; padding: 0 0 1em 0; margin: 10px 0px 10px 0px;} 
#banner .navigation ul  { display: inline; margin: 0; padding: 0; border: none; width: 100%}
#banner .navigation li { border-bottom: 2px #FFCC00 solid; border-right: 1px #FFCC00 solid; border-top: 2px solid #FFCC00; margin: 0; display: inline; list-style: none;}
#banner .navigation li.none { border-right: none; border-bottom: 2px solid #FFCC00; border-top: 2px solid #FFCC00;margin: 0; display: inline; list-style: none;}

#banner .navigation li a { padding: 5px 5px 5px 0.5em; text-decoration: none; width: 100%; }
html>body #banner .navigation li a { width: auto; }

#homecontent{ margin: 0px 210px 20px 210px; padding-bottom: 20px; width: auto; background-color: #FFFFFF; voice-family: "\"}\""; voice-family: inherit; margin: 0px 210px 20px 210px; padding-bottom: 20px;}
html>body #homecontent { margin: 0px 210px 20px 210px; padding-bottom: 20px; }

#signupcontent{ margin: 0px 0px 20px 210px; padding-bottom: 20px; width: auto; background-color: #FFFFFF; voice-family: "\"}\""; voice-family: inherit; margin: 0px 0px 20px 210px; padding-bottom: 20px;}
html>body #signupcontent { margin: 0px 0px 20px 210px; padding-bottom: 20px; }

#home { position: absolute; top: 160px; left: 0px; width: 210px;}
#home .leftcontent{ width: auto; margin-bottom: 30px;}
#home .greyBox { background-color: #dddddd; border: 1px #999999 solid; width: 200px; margin: 5px;}
#home .yellowBox { background-color: #fff5cb; border: 1px #ffcc00 solid; width: 200px; margin: 5px;}
#home p { padding: 5px; margin: 0px; font-size: 12px;}
#home .yellowBox a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#home .yellowBox a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#home .yellowBox a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#home .yellowBox a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#member { position: absolute; top: 160px; right: 0px; width: 210px;}
#member div { clear: left; display: block; height: expression('1%'); margin: 5px 0px 5px 0px; padding: 1px 3px; width:auto;}
#member div.notes { float: right; width: 180px; height: auto; margin: 0px 5px 10px 0px; padding: 5px; border: 1px solid #666666; background-color: #fff5cb; color: #000000; font-size: 88%; }
#member div.notes h4 { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 0px 27px; border-bottom: 1px #666666 solid; font-size: 110%; margin: 0px 0px 2px 0px; }
#member div.notes p { margin: 0em 0em 0.2em 0em; padding: 0px; }
#member div.notes p.last { margin-bottom: 1.2em; }
#member div.notes p.first { margin: .5em; align: center; text-align: center;}

#member div.notes p a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#member div.notes p a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#member div.notes p a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#member div.notes p a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

p { margin: 20px; padding: 0px;}
#homecontent li { margin: 0px 30px; padding: 0px;}
.sm { font-size: 10px;}
h1 { font-size: 18px; margin: 10px 15px 5px 15px; padding: 0px; letter-spacing: 2px; border-bottom: 1px #000000 solid;}
h2 { font-size: 16px; margin: 10px 0px 5px 15px; padding: 0px;}
h3 { font-size: 14px; margin: 10px 0px 5px 15px; padding: 0px;}
hr { width: 70%; align: center; text-align: center; margin: 10px 0px 30px 0px;}
.title {background-color: #000000; color:#ffffff; width: auto; margin: 0px; padding-left: 15px;}
.linkRight { margin: 0px 10px 5px 5px; align: right; text-align: right; }

textarea { overflow: auto; }

#homecontent p { margin: 20px; padding: 0px; line-height: 16pt;}

#homecontent #contentInfo { margin: 30px; border: 1px #000 solid;}
#homecontent .cartbutton { margin-right: 30px; text-align: right; align:right;}
#homecontent .cartbutton a{ font: 14px Tahoma, Arial, sans-serif; color: #000000; text-decoration: none; background-color: #fff5cb; border: 1px #ffcc00 solid; padding: 5px}
#homecontent .cartbutton a:visited { font: 14px Tahoma, Arial, sans-serif; color: #000000; text-decoration: none;}
#homecontent .cartbutton a:active { font: 14px Tahoma, Arial, sans-serif;color: #808080; text-decoration: none; }
#homecontent .cartbutton a:hover { font: 14px Tahoma, Arial, sans-serif; color: #808080; text-decoration: none; }

#homecontent p.sm { margin: 5px 0px; padding: 0px; font-size: 10px; }
#signupcontent form div { clear: left; display: block; height: expression('1%'); margin: 10px 0px 0px 0px; padding: 1px 3px; width:auto}
#signupcontent label { float:left; width:30%; margin-right: 0.3em; padding-top:0.2em; text-align:right; font-weight:bold; }
#signupcontent label.cal { float:left; width:auto; margin-right: 0.3em; padding-top:0; font-weight:bold;}

#signupcontent form div.optional label, label.optional { font-weight: normal; float: left; align: right; text-align: right;}

#signupcontent form div.required label, label.required { float: left; color: #000000; font-weight: bold; align: right; text-align: right;}
#signupcontent form div small { display:block; font-size: 10px; margin: 0px 15% 5px 31%; }
#signupcontent form fieldset { clear: both; font-size: 100%; border-color: #000000; border: 1px #000000 solid; padding: 10px; margin: 0px 10px 0px 10px; }
#signupcontent form div.required fieldset legend { font-weight: bold;}
#signupcontent form div.error { background-color: #fff5cb; background-image: url(../images/required_bg.gif); background-repeat: no-repeat; background-position: top left; color: #666666; border: 1px solid #ff0000; }
#signupcontent form div fieldset { clear: none; border: 1px solid #ffcc00; margin: 0px 0px 0px 10px; padding: 0px 5px 20px 5px; }
#signupcontent form div fieldset legend { font-size: 88%; font-weight: normal; color: #ffcc00; margin: 0px 0px 0px 0px; padding: 0px 5px; border: 0px #ffcc00 solid; }
#signupcontent form fieldset legend { font-size: 150%; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 5px; border: 1px #000 solid;}

#signupcontent form fieldset div.notes { float: right; width: 158px; height: auto; margin: 17px 0px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #fff5cb; color: #666666; font-size: 88%; }
#signupcontent form fieldset div.notes h4 { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 0px 27px; border-bottom: 1px #666666 solid; color: #666666; font-size: 110%; margin: 0px 0px 2px 0px; }
#signupcontent form fieldset div.notes p { margin: 0em 0em 1.2em 0em; color: #666666; padding: 0px; }
#signupcontent form fieldset div.notes p.last { margin: 0em; }

#signupcontent div { clear: left; display: block; height: expression('1%'); margin: 5px 0px 5px 0px; padding: 1px 3px; width:auto;}
#signupcontent div.notes { float: right; width: 158px; height: auto; margin: 10px 20px 10px 10px; padding: 5px; border: 1px solid #666666; background-color: #fff5cb; color: #000000; font-size: 88%; }
#signupcontent div.notes h4 { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 0px 27px; border-bottom: 1px #666666 solid; font-size: 110%; margin: 0px 0px 2px 0px; }
#signupcontent div.notes p { margin: 0em 0em 0.2em 0em; padding: 0px; }
#signupcontent div.notes p.last { margin-bottom: 1.2em; }
#signupcontent div.notes p.first { margin: .5em; align: center; text-align: center;}

#signupcontent div.notes p a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#signupcontent div.notes p a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#signupcontent div.notes p a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#signupcontent div.notes p a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#homecontent small { display:block; font-size: 10px; margin: 0px 0px 3px 15px}

#homecontent #table { margin: 0px 20px 20px 15px; width: 95%; border: 1px #000000 solid;}
#homecontent table th { background-color: #000000; color: #ffffff; text-align: center; align: center; padding: 2px 0px; border: 1px #EAEAEA solid;}
#homecontent table td { padding: 3px 10px 3px 10px; border: 1px #EAEAEA solid;}
#homecontent table td.last { width: 100px; align: center; text-align: center;}
#homecontent table td.center { align: center; text-align: center;}
#homecontent table img { border: 0px;}
#homecontent table td a{ font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent table td a:visited { font:bold 12px Verdana, Arial, sans-serif; color: #808080; text-decoration: underline;}
#homecontent table td a:active { font:bold 12px Verdana, Arial, sans-serif;color: #ffcc00; text-decoration: underline; }
#homecontent table td a:hover { font:bold 12px Verdana, Arial, sans-serif; color: #ffcc00; text-decoration: underline; }

#homecontent li { padding: 2px 0px 5px 0px;}

#homecontent p.success { background-image: url(../images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 27px; font-size: 110%; margin: 10px 40px 5px 15px; background-color: #fff5cb; border: 1px solid #666666;}
p.error {
  background-color: #ff0000;
  background-image: url(../images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
form div.error p.error {
  background-image: url(../images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
}
#productContainer {clear: both; margin: 0px 0px 20px 15px; width: auto;}