/*
  $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: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #dddddd; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #ff6600; text-decoration: underline; font-weight:normal;}

BODY {
  background: #ffffff;
  color: #ededed;
  margin: 0px;
}

BODY.body_background {
  background: #ffffff;
  color: #ededed;
  margin: 0px;
}

.border {
border:1px solid #ffffff;
padding:1px;
}

.content_background {
  background: #ffffff;
}

.leftcol_background {
  background: #ffffff;
}

.rightcol_background {
  background: #ffffff;
}

.soldout {
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
  font-size: 11px;
  font-weight:bold;
  color: #ff0000;

}

A {
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
  font-size: 11px;
  font-weight:bold;
  color: #444444;

}

A:hover {
  color: #444444;
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
font-size: 11px;
font-weight:bold;
}

A.norm {
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
  font-size: 11px;
  font-weight:normal;
  color: #444444;

}

A:hover.norm {
  color: #444444;
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
font-size: 11px;
font-weight:noraml;
}

A.cat {
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 9px;
  font-weight:normal;
  color: #B5B4B4;
}

.main2 {
  text-decoration: none;
  font-family: tahoma,Verdana, Arial, sans-serif; 
  font-size: 9px;
  font-weight:bold;
  color: #868686;
}

A:hover.cat {
  color: #B5B4B4;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif; 
font-size: 9px;
font-weight:normal;
}


FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #999999; 
}

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

TR.headerError {
  background: #ff6600;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff6600;
  color: #999999;
  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: #999999;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #ffffff;
}

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

.infoBox1 {
  background: #fffff;
}

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

.infoBox3 {
  background: #000000;
}

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


.infoBoxContents2 {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border:1px solid #ffffff;
  padding:10px;
  color:#999999;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: tahoma,Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background:#cccccc;
  color: #ffffff;
  padding-left:10px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-top:1px solid #cccccc;
}

TD.infoBoxHeading1 {
  font-family: tahoma,Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FF6600;
}


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

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #2C2C2C;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #3C3C3C;
}

TD.accountHistory-odd, TD.addressBook-odd, TD.alsoPurchased-odd, TD.payment-odd, TD.productListing-odd, TD.productReviews-odd, TD.upcomingProducts-odd, TD.shippingOptions-odd {
  background: #ffffff;
  border:1px solid #ffffff;
}

TD.accountHistory-even, TD.addressBook-even, TD.alsoPurchased-even, TD.payment-even, TD.productListing-even, TD.productReviews-even, TD.upcomingProducts-even, TD.shippingOptions-even {
  background: #ffffff;
  border:1px solid #ffffff;
}

.productListing-pic {
  border: 1px;
  border-style: solid;
  border-color: #bbbbbb;
  background:#dddddd;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
}


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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #cccccc;
  color: #ffffff;
  font-weight: bold;
  padding-top:12px;
  padding-bottom:12px;
}

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

A.pageResults {
  color: #888888;
}

A.pageResults:hover {
  color: #000000;
  background: #FFFFFF;
}

A.link_gray {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:normal;
  color:#888888;
}

A.link_gray:hover {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:normal;
  color: #888888;
}

A.link_gray_pad {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:normal;
  color:#888888;
  padding-left:15px;
  padding-right:30px;
}

A.link_gray_pad:hover {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:normal;
  color: #888888;
  padding-left:15px;
  padding-right:30px;
}

A.black_link {
  color: #000000;
}

A.black_link:hover {
  color: #000000;
  background: #FFFFFF;
}

A.grey_link {
  color: #888888;
}

A.grey_link:hover {
  color: #888888;
}

A.cat_grey {
  color: #888888;
}

A.cat_grey:hover {
  color: #888888;
}

A.cat_black {
  color: #000000;
}

A.cat_black:hover {
  color: #000000;
  background: #FFFFFF;
}



TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top:5px;
  padding-bottom:5px;
  color: #444444;
  text-align:center;
}

TD.pageHeading2, DIV.pageHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #444444;
}


TD.pageHeading1, DIV.pageHeading1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #444444;
}


TR.subBar {
  background: #f4f7fd;
}

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: 11px;
  line-height: 1.5;
  color:#444444;
}

TD.main_grey, P.main_grey {
  font-family: tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color:#888888;
}

TD.main_pad, P.main_pad {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#888888;
  font-weight:normal;
  padding-left:15px;
  padding-right:15px;
}

TD.main_nopad, P.main_nopad {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#888888;
  font-weight:normal;
}

TD.main_pad_left, P.main_pad_left {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#888888;
  font-weight:normal;
  padding-left:15px;
}

TD.main_pad_right, P.main_pad_right {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#888888;
  font-weight:normal;
  padding-right:15px;
}

TD.main1, P.main1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#444444;
  font-weight:bold;
}

TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#777777;
  font-weight:bold;
}
TD.main3, P.main3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#777777;
  font-weight:bold;
}

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

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: #ff6600;
}

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

.myinput {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background:#232222;
  border:1px solid #555555;
  color:#dddddd;
}



TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background:#ffffff;
  border:1px solid #999999;
  color:000000;
}

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

TABLE.formArea {
  background: #ffffff;
  border-color: #999999;
  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: #ff6600;
}

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

.moduleRow { }
.moduleRowOver { background-color: #dddddd; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #dddddd; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cccccc; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666666; }

/* 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; color:#000000;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; color:#000000;}

/* input requirement */

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


/*---------------------custom class-------------------------*/
.header_bg {
background:#666666;
}

.header_bg2 {
background:#FF6600;
}

.menu_bg {
  background:#000000;
}

A.menutext {
font-family: tahoma,Verdana, Arial, sans-serif; 
font-size: 10px;
font-weight:bold;
color: #868686;
}

A:hover.menutext {
font-family: tahoma,Verdana, Arial, sans-serif; 
font-size: 10px;
font-weight:bold;
color: #868686;
}


.box_left {
background-image: url("images/box_left.gif");
background-repeat: repeat-y;
}

.box_right {
background-image: url("images/box_right.gif");
background-repeat: repeat-y;
}

.box_left_corner {
background-image: url("images/box_bottom_corner.gif");
background-repeat: no-repeat;
}

.box_bottom_bg {
background-image: url("images/box_bottom_bg.gif");
background-repeat: repeat-x;
}

.box_right_corner {
background-image: url("images/box_bottom_corner_right.gif");
background-repeat: no-repeat;
}

.vimage_back {
background-image: url("images/vert_back.gif");
background-repeat: repeat-y;
}

.himage_back {
background-image: url("images/hori_back.gif");
background-repeat: repeat-x;
}

.borderright {
border-right:1px solid #cccccc;
}

INPUT.exinput {
border:1px solid #ffffff;
}

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

TD.main_fot {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #888888;
  font-weight: bold;
}

A.fot_link {
  font-family: Verdana, Arial, sans-serif; 
  text-decoration: none;
  font-size: 11px;
  font-weight:normal;
  color: #888888;
  font-weight:bold;
}


A:hover.fot_link {
  font-family: Verdana, Arial, sans-serif; 
  text-decoration: none;
  font-size: 11px;
  font-weight:normal;
  color: #888888;
  font-weight:bold;
}

.infoBoxContents_login {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border:1px solid #000000;
  padding:1px;
}
///////// scroll //////

/* example_3 css */  
#example_3 {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 470px; /* important */  
    height: 86px; /* important */  
    margin: 0 85px;   
    background: #000;   
}   
  
#example_3_frame {position: relative}   
#example_3_previous {float: left;}   
#example_3_next {float: rightright;}   
#example_3_content {   
    position: absolute;   
    top: 0;   
    margin-left: 20px;   
}   
  
#example_3_content   
#example_3_content li {   
    list-style: none;   
    margin: 0;   
    padding: 0;   
}   
    #example_3_content {   
        width: 5418px;   
    }   
    #container_bd #example_3 ul li {   
        display: block;   
        float: left;   
        margin: 5px;   
        padding: 5px;   
        border: 1px solid #666;   
        background-color: #000;   
    }   
  
#container_bd #example_3 ul li img {   
    display: block;   
}