/* The ideas for this were taken from: http://www.imaputz.com/cssStuff/bigFourVersion.html */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div#cartTableDiv {
  clear: both;
  height: 260px;
  overflow-y: scroll;
  width: 590px;
}

#cartTableFooter {
  width: 590px;
}
html>body #cartTableFooter {
  margin:1px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div#cartTableDiv {
  overflow: hidden;
  width: 592px;
}

/* define width of table. IE browsers only                 */
div#cartTableDiv table {
  float: left;
  width: 574px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div#cartTableDiv table {
  width: 590px;
  margin: 1px;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of cartTableDiv has an overflow property set to auto */
*thead.fixedHeader th {
  position: relative;
  background: #FFFFFF;
  border-top: 2px solid #005083;
}

*div#cartTableDiv table {
  border-top: 0px;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
  display: block;
}

/* make the TH elements pretty */
thead.fixedHeader th {
  text-align: left;
  padding: 3px;
}

/* make the TD elements pretty */
tbody.scrollContent td {
  padding: 3px;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
  display: block;
  height: 202px;
  overflow-y: scroll;
  overflow-x: auto;
  width: 100%;
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
  width: 320px;
}

html>body thead.fixedHeader th + th {
  width: 60px;
}

html>body thead.fixedHeader th + th + th {
  width: 60px;
}

html>body thead.fixedHeader th + th + th + th {
  width: 60px;
}

html>body thead.fixedHeader th + th + th + th + th {
  width: 60px;
  padding-right: 16px;
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
tbody.scrollContent td.name {
  width: 320px;
}

html>body tbody.scrollContent td + td {
  width: 60px;
}

html>body tbody.scrollContent td + td + td {
  width: 60px;
}

html>body tbody.scrollContent td + td + td + td {
  width: 60px;
}

html>body tbody.scrollContent td + td + td + td + td {
  width: 60px;
}

/* The remove button */
tbody.scrollContent td.name div.remove {
  float:right;
  background: transparent url(/images/buttons/Remove.gif) no-repeat scroll 0;
  width: 32px;
  height: 25px;
}

div#enterCoupon {
  margin-top: 5px;
}

div#couponErrorText {
  color: red;
  font-weight: bold;
}

div#couponTextAndInputDiv {
  text-align:left;
  width: 100%;
}

input#couponInput {
  width: 120px;
}

div#couponSubmitButtonDiv {
  margin-top: 5px;
  margin-right: 10px;
  float: right;
}

div#couponServerMsg {
  float: left;
  margin-top: 10px;
  font-weight: bolder;
}