/* START: Header Stuff */
body.liveSite {
  background-color: white;
}

body.testSite {
  background-color: white;
  background-image: url('test_site.gif');
}

div.headerContent {
  width: 860px;
}

td.headerCell {
  height:           32px;
  text-align:       center;
  /*border: 1px solid #CCCCCC;*/
}

a.headerLink {
  color:            white;
  font-family:      Arial;
  font-size:        9pt;
  font-weight:      normal;
  text-decoration:  none;
}

a.headerLink:hover {
  color:  #00CCCC;
}

.headerCaption {
  color:  #00CCCC;
  font-family: Arial;
  font-size: 8pt;
}

td.headerSeparator {
  width: 10px;
}

/* END: Header Stuff */

div.bodyContainer {
  width: 860px;
  /*background-image: url(bg.jpg);
  background-repeat: no-repeat;*/
}

div.footerContainer {
  width: 860px;
  text-align:center;
}

.footerText {
  font-family: arial;
  font-size:   8pt;
  text-align:  justify;
  margin:      0px;
  color:       gray;
}

/* START: common font styles */
.contentText {
  font-family: arial;
  font-size:   9pt;
  text-align:  justify;
  color:       gray;
}

.tabMenu {
  font-family:  arial;
  font-size:    8pt;
  text-align:   justify;
  font-weight:  normal;
  color:        gray;
  border:       1px solid gray;
  background-color: #f0f0f0;
  padding:      1px;
  text-align:   center;
}

.tabMenu a:hover{
  font-weight:  bold;
}

.tabSeparator {
  border-bottom:1px solid gray;
  width:        5px;
}

.tabMenuActive {
  font-family:  arial;
  font-size:    8pt;
  text-align:   justify;
  font-weight:  bold;
  color:        black;
  border-top:   1px solid gray;
  border-left:  1px solid gray;
  border-right: 1px solid gray;
  padding:      1px;
  text-align:   center;
}

.tabText {
  font-family: arial;
  font-size:   8pt;
  text-align:  justify;
  font-weight: normal;
  color:       black;
}

.tabText a:hover {
  font-weight: bold;
}

.miniText {
  font-family: arial;
  font-size:   7pt;
  font-style:  italic;
  margin:      0px;
}

.welcome_miniText {
  font-family: arial;
  font-size:   8pt;
  font-style:  italic;
  background-color:#00CCCC;
  color:        white;
  margin:       0px;
  padding:      2px;
}

.headerText {
  font-family:  arial;
  font-size:    13pt;
  color:        #0cc;
  font-weight:  bold;
  margin:       0px;
}

.subHeaderText {
  font-family: verdana;
  font-size:   10pt;
  font-weight: bold;
}

.warningText {
  font-family: verdana;
  font-size:   8pt;
  color:       red;
  font-style:  italic;
  font-weight: normal;
  margin:      0px;
}
/* END: common font styles */


/*START: shop list*/
div.shopItem {
  width:  170px;
  height: 230px;
  border-left: 1px solid white;
  border-top:  1px solid white;
  border-right:  1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  float:left;
  text-align:center;
}

img.itemImage {
  width:    160px;
  height:   120px;
  margin:   5px 5px 0px 5px;
  clear:    both;
}

.shopitemText {
  font-family:arial;
  font-size:  9pt;
  color:      blue;
  margin:     0px;
  font-weight:bold;
}

.shoppriceText {
  font-family:  arial;
  font-size:    8pt;
  color:        red;
  margin:       0px;
}

.shopqtyText {
  font-family:  arial;
  font-size:    8pt;
  color:        gray;
  margin:       0px;
  padding:      0px;
}

.pageActive {
  font-family:  arial;
  font-size:    8pt;
  font-weight:  normal;
  border:       1px gray solid;
  background-color:  #eee;
  margin: 0px;
}

.pageNormal {
  font-family:  arial;
  font-size:    8pt;
  font-weight:  normal;
  margin: 0px;
}
/*END: shop list*/


/*START: shop cart*/
td.cartTitle {
  font-family: arial;
  font-size:   8pt;
  font-weight: bold;
  color:       white;
  background-color: #00cccc;
  padding:     1px;
}

td.cartHdr {
  font-family: arial;
  font-size:   8pt;
  border-bottom:1px solid #00cccc;
  font-weight: bold;
  background-color: white;
}

td.cartHdrLeft {
  font-family: arial;
  font-size:   8pt;
  border-bottom:1px solid #00cccc;
  border-left:1px solid #00cccc;
  font-weight: bold;
  background-color: white;
  padding-left: 3px;
}

td.cartHdrRight {
  font-family: arial;
  font-size:   8pt;
  border-bottom:1px solid #00cccc;
  border-right:1px solid #00cccc;
  font-weight: bold;
  background-color: white;
}

td.cartDtl {
  font-family: arial;
  font-size:   8pt;
  background-color: white;
}

td.cartDtlLeft {
  font-family: arial;
  font-size:   8pt;
  background-color: white;
  border-left:1px solid #00cccc;
  padding-left: 3px;
}

td.cartDtlRight {
  font-family: arial;
  font-size:   8pt;
  background-color: white;
  border-right:1px solid #00cccc;
}

td.cartFtr {
  font-family: arial;
  font-size:   8pt;
  border-top:1px solid #00cccc;
  border-bottom:1px solid #00cccc;
  font-weight: bold;
  background-color:white;
}

td.cartFtrLeft {
  font-family: arial;
  font-size:   8pt;
  font-weight: bold;
  border-top:1px solid #00cccc;
}

td.cartFtrRight {
  font-family: arial;
  font-size:   8pt;
  font-weight: bold;
  border-top:1px solid #00cccc;
}

a.cartButtons {
  font-family:      arial;
  font-size:        8pt;
  font-weight:      normal;
  background-color: #00cccc;
  text-decoration:  none;
  color:            white;
  border-top:       1px solid #00dddd;
  border-right:     1px solid #00dddd;
  border-left:      1px solid #00bbbb;
  border-bottom:    1px solid #00bbbb;
  padding-left:     5px;
  padding-right:    5px;
}
/*END: shop cart*/

table.searchBar {
  background-color: #CCCCCC;
  border-top:       1px solid #E0E0E0;
  border-left:      1px solid #E0E0E0;
  border-right:     1px solid #A0A0A0;
  border-bottom:    1px solid #A0A0A0;
  font-family:      arial;
  font-size:        8pt;
  text-align:       justify;
}

td.tblHeader {
  border-top:   3px double gray;
  border-bottom:3px double gray;
  font-family:      verdana;
  font-size:        8pt;
  text-align:       justify;
}

td.tblLeftFtr {
  border-top:   1px solid gray;
  border-left:  1px solid gray;
  border-bottom:1px solid gray;
  font-family:      verdana;
  font-size:        8pt;
  text-align:       justify;
}

td.tblRightFtr {
  border-top:   1px solid gray;
  border-right: 1px solid gray;
  border-bottom:1px solid gray;
  font-family:      verdana;
  font-size:        8pt;
  text-align:       justify;
}

div.img_item {
  margin: 2px;
  height: 52px;
  width:  220px;
  float:  left;
  background-color: #e0e0e0;
  border-bottom:    1px solid #c0c0c0;
  border-right:     1px solid #c0c0c0;
  
  font-family:  arial;
  font-size:    9pt;
}

.img_item_desc {
  font-family:  arial;
  font-size:    8pt;
  border: 1px solid #c0c0c0;
  background-color:white;
  margin:0px;
  word-break: break-all;
}

div.img_item img {
  display:  inline;
  margin:   2px;
  float:    left;
}

/* START: Left Nav Stuff */
.lnavText {
  font-family:      arial;
  font-size:        8pt;
  font-weight:      bold;
  text-align:       center;
  text-decoration:  none;
  color:            white;
}

a.lnavText:hover{
  color:            #00cccc;
}

.tblCategory {
  background-color: #c0c0c0;
}

.tblCatHdr {
  background-image: url(cat_menu_up.gif);
  background-repeat:no-repeat;
  font-family:      arial;
  font-size:        8pt;
  font-weight:      bold;
  color:            white;
  margin:           0px;
  padding:          0px;
  width:            136px;
  height:           22px;
}

.tblCatHdr a {
  color:            white;
  font-family:      arial;
  font-size:        8pt;
  font-weight:      bold;
  padding-left:     8px;
  text-decoration:  none;
}

.tblCatHdr span {
  color:            gray;
  font-family:      arial;
  font-size:        8pt;
  font-weight:      bold;
  padding-left:     8px;
  text-decoration:  none;
}

.tblCatHdr a:hover {
  color:            orange;
}

.tblCatCell {
  padding:          2px;
  background-color: #84EDFE;
  border-left:      3px solid #1197AA;
  border-right:     3px solid #1197AA;
  border-bottom:    1px solid #1197AA;
}

.tblCatCell a {
  font-family:      arial;
  font-size:        8pt;
  color:            black;
  font-weight:      normal;
  text-decoration:  none;
}

.tblCatCell a:hover {
  color:            #00cccc;
}

hr.catDivider {
  margin:       0px 5px 0px 5px;
  border-top:   1px solid #b0b0b0;
  border-bottom:1px solid #d0d0d0;
  border-left:  0px;
  border-right: 0px;
  height:       2px;
  /*width:        130px;*/
}
/* END: Left Nav Stuff */