/* The left edge of a selected tab.
  this MUST be an image 10 wide by 32 high */
TD.tabLeftSelected {
 background-image: url(/cms/eComm/images/tabLeftSel.gif); 
}

/* the body of the selected tab */
TD.tabBodySelected {
 background-image: url(/cms/eComm/images/tabBodySel.gif); 
 border-bottom-width: 1;
 border-color: black;
}  

/* The right edge of a selected tab.
   Must be an image 11 wide by 32 high */
TD.tabRightSelected {
  background-image: url(/cms/eComm/images/tabRightSel.gif); 
}

/* same thing for unselected tabs */
TD.tabLeftUnselected {
  background-image: url(/cms/eComm/images/tabLeft.gif); 
}


TD.tabBodyUnselected {
  background-image: url(/cms/eComm/images/tabBody.gif); 
  border-bottom-width: 0;
}

TD.tabRightUnselected {
  background-image: url(/cms/eComm/images/tabRight.gif); 
}

/* The A Element that holds the text of the tab */
A.tabLabel {
 text-decoration: none;
 font-family: Arial, sans-serif;
 font-size: 10pt;
 color: black;
}

/* the table that holds the tabs and the padding */
TABLE.tabTabHolder {
}

/* The area to the left of all the tabs.  */
TD.tabLeftPadding {
  background-image: url(/cms/eComm/images/padding.gif); 
}

/* The cell containing all the tabs.  */
TD.tabTabSet {
}

/* the area to the right of all the tabs */
TD.tabRightPadding {
  background-image: url(/cms/eComm/images/padding.gif); 
}

/* A DIV immediately below the tabs.
 Choose a colour that matches the colour of the selected tab */
DIV.tabBodyArea {
 background-color: ivory;
 border-left-width: 1;
 border-left-style: solid;
 border-left-color: black;

 border-right-width: 1;
 border-right-style: solid;
 border-right-color: black;

 border-bottom-width: 1;
 border-bottom-style: solid;
 border-bottom-color: black;

}

TD.tabLeftMargin {
 border-bottom-width: 1;
 border-bottom-style: solid;
 border-bottom-color: black;
}