BODY { 
  background: #f1f1f1;
  color: #000;
  font-family: verdana,sans-serif,arial,helvetica;
  font-size: 10pt;
}

#top { width: 780px; }
#flash { width: 780px; height: 125px; }

#mainContainer { width: 780px; background: #fff; }

#rightFloat { float: right; width: 183px; }
#whatsNew {  width: 183px; height: 220px; background: #FFEEC8; overflow: auto; margin-bottom: 4px; }
#whatsNew #txt { padding: 4px; text-align: justify; font-size: 8pt; color: #000; }

#btmbar { clear: both; background: #B9DCDF; height: 15px; }

#contentContainer { width: 780px; background: #fff; margin:0; padding:0; }

/* ########################### IF INTERNET EXPLORER ############################### */

  #contentContainer #content { width: 577px; margin: 0 0 0 205px; }

#progTitle {
  background-color: #BEDEDF;
  width: 537px;
  color: #629293;
  font-weight: bold;
  font-size: 10pt;
  padding-left: 5px;
}

#progContainer {
  width: 537px;
  clear: both;
  display: table;
  border: 1px solid #B8B8B8;
  padding: 5px;
  font-size: 10pt;
}

#progCartContainer {
  display: table;
  width: 537px;
  border: 1px solid #cccccc;
  background: #EEEEEE;
  margin-top: 5px;
  clear: both;
  font-size: 10pt;
}
h1 { background: #FFC573; color: #fff; font-size: 14pt; font-family: arial,sans-serif,helvetica; padding: 10px; border-bottom: 1px solid #4A8083; }


#progCartContainer div {
  float: left;
  padding: 3px;
}

.progbuttons { 
  float: right;
}

.progCartSpace { height: 20px; background: #fff; width: 20px; }

#contentContainer #leftContent { float: left; width: 200px; text-align: center; }

/* TEAL BOX */
.teal_roundbox { background: url(images/rboxes/teal_nt.gif) repeat; }
.teal_top div { background: url(images/rboxes/teal_tl.gif) no-repeat top left; }
.teal_top { background: url(images/rboxes/teal_tr.gif) no-repeat top right; }
.teal_bot div { background: url(images/rboxes/teal_bl.gif) no-repeat bottom left; }
.teal_bot { background: url(images/rboxes/teal_br.gif) no-repeat bottom right; }
.teal_top div, .teal_top, .teal_bot div, .teal_bot {
  width: 100%;
  height: 7px;
  font-size: 1px;
}
.teal_content { margin: 0 7px; }
.teal_roundbox { margin: 1em auto; }

/* YELLOW BOX */
.yellow_roundbox { background: url(images/rboxes/yellow_nt.gif) repeat; }
.yellow_top div { background: url(images/rboxes/yellow_tl.gif) no-repeat top left; }
.yellow_top { background: url(images/rboxes/yellow_tr.gif) no-repeat top right; }
.yellow_bot div { background: url(images/rboxes/yellow_bl.gif) no-repeat bottom left; }
.yellow_bot { background: url(images/rboxes/yellow_br.gif) no-repeat bottom right; }
.yellow_top div, .yellow_top, .yellow_bot div, .yellow_bot {
  width: 100%;
  height: 7px;
  font-size: 1px;
}
.yellow_content { margin: 0 7px; }
.yellow_roundbox { margin: 1em auto; }



.cartList { font-size: 12pt; font-family: arial,sans-serif,helvetica,verdana; border-bottom: 1px solid #cccccc; }

.btmborder { border-bottom: 1px solid #cccccc; }

.tdBtmBorder td { border-bottom: 1px solid #cccccc; padding-top: 3px; }
.tdBtmBorder input { font-size: 10pt; font-family: arial,sans-serif,helvetica,verdana; }

.tdHdr { font-weight: bold; color: #000; }
.tdHdrbg { font-weight: bold; color: #fff; background: #666666; }

.greenNotice { font-size: 10pt; color: green; }
.redNotice { font-size: 10pt; color: red; }

.floatRightButton { float: right; margin-right: 10px; background: #89A2BD; padding: 3px; border: 1px solid #cccccc; width: 175px; font-size: 10pt; }
.floatRightButton a { font-weight: bold; color: #fff; text-decoration: none; }
.floatRightButton a:hover { color: yellow; }