/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ff9933;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

A:hover {
  color: #ff0000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #000000;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #FCB40A;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.infoBoxContents {
background-image: url(bkgrnd.jpg); 
  background-color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;

  /*color: #ffffff;*/
}

.infoBoxNotice {
  background: #000000;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
}
TR.upcomingProducts-odd{
  background: #FBF3B0;
}
TR.upcomingProducts-even{
  background: #FBF3B0;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  background: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading{
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #FBF3B0;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea {
  background: #FBF3B0;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #FBF3B0; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FBF3B0; }
.checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #336699; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


TR.accountHistory-even { 
  background: #FBF3B0;
 } 

TR.accountHistory-odd { 
  background: #FBF3B0;
 } TR.addressBook-even { 
  background: #FBF3B0;
 } TR.addressBook-odd { 
  background: #FBF3B0;
 } TR.alsoPurchased-even { 
  background: #FBF3B0;
 } TR.alsoPurchased-odd { 
  background: #FBF3B0;
 } 
TR.payment-even { 
  background: #FBF3B0;
 } 
TR.payment-odd { 
  background: #FBF3B0;
 } TR.productListing-even { 
  background: #FBF3B0;
 } TR.productListing-odd { 
  background: #FBF3B0;
 } TR.productReviews-even { 
  background: #FBF3B0;
 } TR.productReviews-odd { 
  background: #FBF3B0;
 } TR.shippingOptions-even  { 
  background: #FBF3B0;
 } TR.shippingOptions-odd  { 
  background: #FBF3B0;
 } 

.checkoutBarFrom { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #336699;  } DIV.pageHeading  { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #336699;
 } 
.estimatedshippingBox {
background: #FF8E90; 
}

TD.estimatedshippingBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff; 
}

.estimatedshippingBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; 
}

.ShowShipping {
background: #444ddd;
color: #fffffa;
font-family: Verdana, Arial, sans-serif;
font-size: 6px;
font-weight: bold;
text-align: center;
}
 

3) Add the following to the file catalog/includes/classes/boxes.php (just before 
the last ?>):

//New estimatedshippingBox Class
class estimatedshippingBox extends tableBox {
function estimatedshippingBox($contents) {
$info_box_contents = array();
$info_box_contents[] = array('text' => $this->estimatedshippingBoxContents($contents));
$this->table_cellpadding = '1';
$this->table_parameters = 'class="estimatedshippingBox"';
$this->tableBox($info_box_contents, true);
}

function estimatedshippingBoxContents($contents) {
$this->table_cellpadding = '1';
$this->table_parameters = 'class="estimatedshippingBoxContents"';
$info_box_contents = array();
$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
for ($i=0, $n=sizeof($contents); $i<$n; $i++) {
$info_box_contents[] = array(array('align' => $contents[$i]['align'],
'form' => $contents[$i]['form'],
'params' => 'class="TextBox"',
'text' => $contents[$i]['text']));
}
$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
return $this->tableBox($info_box_contents);
}
}


class estimatedshippingBoxHeading extends tableBox {
function estimatedshippingBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false) {
$this->table_cellpadding = '0';

if ($right_arrow == true) $this->table_row_parameters = 'onclick="window.location=\''.$right_arrow.'\'"' . ' onmouseover="this.style.cursor=\'pointer\'"';

if ($left_corner == true) {
$left_corner = tep_image(DIR_WS_IMAGES . 'estimatedshippingBox/corner_left.gif');
} else {
$left_corner = tep_image(DIR_WS_IMAGES . 'estimatedshippingBox/corner_right_left.gif');
}
if ($right_arrow == true) {
$right_arrow = '<a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . 'estimatedshippingBox/arrow_right.gif', ICON_ARROW_RIGHT) . '</a>';
} else {
$right_arrow = '';
}
if ($right_corner == true) {
$right_corner = $right_arrow . tep_image(DIR_WS_IMAGES . 'estimatedshippingBox/corner_right.gif');
} else {
$right_corner = $right_arrow . tep_draw_separator('pixel_trans.gif', '11', '14');
}

$info_box_contents = array();
$info_box_contents[] = array(array('params' => 'height="14" class="estimatedshippingBoxHeading"',
'text' => $left_corner),
array('params' => 'width="100%" height="14" class="estimatedshippingBoxHeading"',
'text' => $contents[0]['text']),
array('params' => 'height="14" class="estimatedshippingBoxHeading" nowrap',
'text' => $right_corner));

$this->tableBox($info_box_contents, true);
}
}
 

