table.CategoryDisplay { width:555px; border-spacing:0; margin:0; padding:0; }
h2.CategoryHeader { color:#000000; font-size:10pt; font-weight:bold; margin:1px 0 4px 0;}
#main_content.preview { float:none; margin:20px; border:1px solid #00ff00; min-height:0; background-color:white;}

/**********************************************************************************************************************/
/* Display Picture                                                                                                    */
/**********************************************************************************************************************/

/*Put a jump after every new tbody except for the first one*/
tbody.PictureDisplay tr:first-child td {padding-top:25px;}
tbody.PictureDisplay:first-child tr:first-child td {padding-top:5px;}

/*fix the width and padding of all cell*/
tbody.PictureDisplay td { width:155px; padding:0 5px 3px 5px; text-align:center;}

/*Fix the height of the picture. If the picture exceed a certain width, it will be deformed*/
tbody.PictureDisplay tr.image img { max-width:175px; width: expression(this.width > 175 ? 175: true); height:120px;}

/*Style for the product name, barcode, price, and add to cart button*/
tbody.PictureDisplay .name td, tbody.PictureDisplay .name a { color:#CA0404; font-size:8.5pt; font-weight:bold; text-decoration:none;}
tbody.PictureDisplay .barcode td, tbody.PictureDisplay .barcode a { color:#333333; font-size:8.5pt; font-weight:bold; text-decoration:none;}
tbody.PictureDisplay .price td { color:#CA0404; font-size:8.5pt; font-weight:bold;}

/**********************************************************************************************************************/
/* Display Text                                                                                                       */
/**********************************************************************************************************************/
tbody.TextDisplay td.barcode, tbody.TextDisplay td.name { color:#000000; } 
tbody.TextDisplay td.barcode a, tbody.TextDisplay td.name a { color:#000000; text-decoration:underline;}
tbody.TextDisplay td.price { color:#CA0404; font-size:8.5pt; font-weight:bold;}

tbody.TextDisplay td.barcode { width:1%; padding-right:10px; white-space:nowrap;}
tbody.TextDisplay td.name { padding-right:10px;}
tbody.TextDisplay td.price { width:1%; padding-right:10px; min-width:40px;white-space:nowrap; text-align:right;}
tbody.TextDisplay td.addToCart { width:1%; padding-right:0;}

/**********************************************************************************************************************/
/* Product Page                                                                                                       */
/**********************************************************************************************************************/
#ProductPage h1 { font-size: 16pt; color:#000000;}
#ProductPage h2 { font-size: 12pt; color:#000000; margin-bottom:0;}
#ProductPage p { margin:2px 0 3px 0;}

#ProductPage p.image { text-align:center; margin:10px 0 10px 0; }
#ProductPage img { max-width:550px; width: expression(this.width > 550 ? 550: true);}

#ProductPage .ProductPriceForm {margin-top: 1.3em;}
#ProductPage .barcode { color:#333333; font-size:8.5pt; font-weight:bold; white-space:nowrap;}
#ProductPage .price { color:#CA0404; font-size:8.5pt; font-weight:bold; white-space:nowrap;}
#ProductPage .addToCart { color:#CA0404; font-size:8.5pt; font-weight:bold; white-space:nowrap;}
#ProductPage .addToCart input { vertical-align:middle;}
#ProductPage .addToCart span { vertical-align:top;}

/**********************************************************************************************************************/
/* Select attribute screen when adding to cart                                                                        */
/**********************************************************************************************************************/
#SelectAttribute { margin:10px;}
#SelectAttribute h1 { font-size: 12pt; color:#000000;}
#SelectAttribute .name { font-size: 8.5pt; color:#000000; font-weight:bold;}
#SelectAttribute .price { font-size: 8.5pt; color:#CA0404; font-weight:bold;}
#SelectAttribute table { margin-bottom:10px; }
#SelectAttribute table td { white-space:nowrap;}
#SelectAttribute table caption { text-align:left;}
#SelectAttribute table select { min-width:200px;}

/**********************************************************************************************************************/
/* Cart Items View screen                                                                                             */
/**********************************************************************************************************************/
#CartContainer { margin:5px 10px; padding:0;}
#CartContainer .CartLinks { float:right; font-size:9pt; }
#CartContainer .CartLinks a { color:#0000ff;}
#CartContainer h1 {color:#666666; font-size:10pt; font-weight:bold; margin:0; padding:0;}
#CartContainer p { font-size:9pt; margin:0 0 5px 0; padding:0;}
#CartContainer img { vertical-align:middle;}

#ViewCartTable { border:#006633 1px solid; border-collapse:collapse; width:100%; height:270px; border-spacing:0; margin:0;}
#ViewCartTable td { font-size: 9pt; margin:0; padding:2px; white-space:nowrap;}

#ViewCartTable .ViewCartHeader, #ViewCartTable .ViewCartFooter { height:15px;}
#ViewCartTable .ViewCartItems { height:48px;}
#ViewCartTable .ViewCartPadding { height:*; height: expression(this.height < 48 ? 48: true);}
#ViewCartTable .ViewCartEmpty { height:*; height: expression(this.height < 240 ? 240: true);}

#ViewCartTable .ViewCartHeader td { font-weight:bold; background-color:#99CC99; border-bottom: 1px solid gray;}
#ViewCartTable .ViewCartFooter td { background-color:#99CC99; border-top: 1px solid gray;}
#ViewCartTable .ViewCartEmpty td { vertical-align:middle;}
#ViewCartTable .description { white-space:normal;}
#ViewCartTable a { color:#0000ff; text-decoration: underline; }
#ViewCartTable .ViewCartQty { border: 1px solid black; width: 28px; font-size: 8pt;}