﻿/*
  $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: #777; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #3366FF; text-decoration: underline; }

.boxtext select { background-color: #ffffff; border: solid 1px #333333; }

BODY {
  text-align: center;
  background: #666666 url(/images/bgpattern.gif) repeat;
  color: #000000;
  margin: 0px;
}

.fixcenter {
  width: 960px;
  border: solid; border-width: 1px;
  background: #ccc;
  color: #000000;
  margin: auto;
  margin-top: 5px;
  text-align: left;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #ffffff;
  text-decoration: underline;
}

FORM {
  display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #000000;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000 url(/images/navbar.gif) repeat;
  height: 20px;
  vertical-align: middle;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #bb0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #bb0000;
  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: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #aaa;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000 url(/images/navbar.gif) repeat;
  height: 20px;
  vertical-align: middle;
  color: #ffffff;
  font-weight: bold;
}

A.footer {
  color: #ffffff;
}

A.footer:hover {
  color: #ffffff;
}

.infoBox {
  background: #333;
}

.infoBoxContents {
  background: #aaa;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.extraContents {
  background: #909090;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxPayments {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxAgreeToTerm {
  background: #ffb3b5;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.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: #336699 url(/images/boxhead.gif) repeat;
  height: 20px;
  vertical-align: middle;
  color: #ffffff;
}

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: #aaa;
}

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: #bbb;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #333;
  border-spacing: 0;
}

TD.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #336699 url(/images/boxhead.gif) repeat;
  height: 20px;
  vertical-align: middle;
  color: #FFFFFF;
  font-weight: bold;
}

A.productListing-heading {
  color: #FFFFFF;
}

A.productListing-heading:hover {
  color: #FFFFFF;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.productListing-data input {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: inherit; border: 0px;
}


A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000066;
}

.popupNoticeContents {
  background: #ddd;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.smallTextW {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.smallTextW {
  color: #ff0000;
  text-decoration: none;
}

A.smallTextW:hover{
  color: #ff8800;
  text-decoration: underline;
}

.mainRes {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

A.mainRes {
  color: #3366ff;
  text-decoration: underline;
}

A.mainRes:hover {
  color: #ff8800;
  text-decoration: underline;
}

.smallRes {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #338800;
}

.navRes {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

A.navRes {
  color: #3366ff;
  text-decoration: none;
}

A.navRes:hover {
  color: #ff8800;
  text-decoration: none;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aaa;
}

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: #bb0000;
}

INPUT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #FFFFCC; border: solid 1px #333;
}

SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #ffffff; border: solid 1px #333;
}

CHECKBOX, RADIO {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color:#000001;
  border: 0px;
  background: inherit;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #bbb;
  border: solid 1px #333;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff6633;
  font-weight: bold;
}

TABLE.formArea {
  background-color: #FFF
}

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: #bb0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #bb0000;
}

hdt1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9a9a9a;
}

hdt2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 color: #9a9a9a;
}

.moduleRow { }
.moduleRowOver { background: #aaa; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background: #ccc; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #555; }
.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: #bb0000; }

.cssDCC {
  background: #ff6600;
  color: #ffffff;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  border: 0px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 0px;
}

.cssSLD {
  background: #ff0000;
  color: #ffffff;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  border: 0px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 0px;
}

.cssButton {
  background: #444;
  color: #ffffff;
  width: 86px;
  height: 16px;
  border: 1px;
  border-style: solid;
  border-color: #999;
  border-spacing: 0;
  vertical-align: top;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.cssButton:active {
    border-style: inset;
}

.cssButtonContinueShopping {
  background: #444;
  background-image: url(/images/bgpattern.gif);
  background-repeat: no-repeat;
  color: #ffffff;
  width: 120px;
  height: 16px;
  vertical-align: top;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px;
  border-style: solid;
  border-color: #999;
  border-spacing: 2px;
}

TD.rating {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.rating input{
  background: inherit;
  border: 0px;
}


/* ------ Infinite Menu CSS ---------------- */
	/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(/menu_code/medium_red_down.gif); width:13px; height:8px; left:-5px; top:8px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(/menu_code/medium_red_down.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(/menu_code/medium_red_right.gif); width:8px; height:10px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(/menu_code/medium_red_right.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Main Container ]]-- */
	#imouter0 {background-color:transparent; border-style:none; border-color:#3f3f3f; border-width:1px; padding:0px; margin:0px; }


	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {background-color:transparent; border-style:none; border-color:#cccccc; border-width:1px; padding:5px; margin:4px 0px 0px; }


	/* --[[ Main Items ]]-- */
	#imenus0 li a {background-color:#000000; color:#ffffff; text-align:left; font-family:Tahoma; font-size:10px; font-weight:bold; font-style:normal; text-decoration:none; border-style:solid; border-color:#3f3f3f; border-width:1px; padding:2px 12px 2px 12px ; }

		/* [hover] - These settings must be duplicated for IE compatibility.*/
		#imenus0 li:hover>a {background-color:#68ceff; color:#000000; text-decoration:none; border-color:#000000; }
		#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#68ceff; color:#000000; text-decoration:none; border-color:#000000; }

		/* [active] */
		#imenus0 li a.iactive {}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a {background-color:#004080; color:#ffffff; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:0px; padding:2px 5px; }

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {background-color:#ffbf00; color:#000000; text-decoration:none; border-style:none; border-color:#000000; }
		#imenus0 ul li a.ihover {background-color:#ffbf00; color:#000000; text-decoration:none; border-style:none; border-color:#000000; }

		/* [active] */
		#imenus0 ul li a.iactive {}

.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{
text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none;border-style:none;
background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}
.imcm span{display:inline;}
.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;}
.imcm .imsc{position:relative;}
.imcm .imsubc{position:absolute;visibility:hidden;}
.imcm li:after,.imcm li:before{content:".";visibility:hidden;display:block;height:0px;font-size:2px;}
.imcm li{list-style:none;font-size:1px;float:left;}
.imcm ul ul li{width:100%;float:none !important;}
.imcm a{display:block;position:relative;}
.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}
.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}
.imcm ul ul ul .imsc,.imcm ul ul .imsubc{z-index:30;}
.imde ul li:hover .imsubc{visibility:visible;}
.imde ul ul li:hover  .imsubc{visibility:visible;}
.imde ul ul ul li:hover  .imsubc{visibility:visible;}
.imde li:hover ul  .imsubc{visibility:hidden;}
.imde li:hover ul ul .imsubc{visibility:hidden;}
.imde li:hover ul ul ul  .imsubc{visibility:hidden;}
.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:0px;height:0px;float:right;}
.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}
.dvs,.dvm{border-width:0px}
/*\*//*/.imcm .imclear,.imclear{font-size:1px;}.imcm .imsc{display:inline-block;}.imcm li{display:inline-block;}/**/
<!--[if IE]>.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}<![endif]-->
<!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}<![endif]-->
