/*

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

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #000; text-decoration: underline; }



FORM {

	display: inline;

}



.infoBox {

  border:1px solid #B6B7CB;

}



.infoBoxContents {

  

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}































TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #bbc3d3;

  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: #ffffff;

  font-weight: bold;

  text-align: center;

}











.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: #bbc3d3;

  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: #f8f8f9;

}



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: #f8f8f9;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



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: #9a9a9a;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}

h1 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}

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;

}



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: #f0a480;

  font-weight: bold;

}



TABLE.formArea {

  background: #f1f9fe;

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

.moduleRowSelected { background-color: #E9F4FC; }



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

.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 */

#manu * {background:none;border:none;}

#manu select {background-color:#fff;border:1px solid #4a4a4a;}

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



.smallText_1 a {

	color:#000;

	text-decoration:underline;

}



.smallText_1 a:hover {

	color:#000;

	text-decoration:none;

}



#myse select {

	width:90%;

}



body {padding:0; margin:0; background-color:#E6E3EA; }

body, td {font-family:Tahoma,verdana,arial; font-size:11px; color: #4A4A4A;}





.bg	 {background:url(images/m02.gif); background-repeat: no-repeat; background-position:top;}

.bg1 {background:url(images/m03.gif); background-repeat: no-repeat; background-position:top;}

.bg2 {background:url(images/m39.gif); background-repeat: no-repeat; background-position:top;}





ul{

   margin:0px;

   padding:0px;

   list-style:none;

}

ul li{		

	background:url(images/m19.gif) center left no-repeat; margin:0px;

	padding:0 0 0 34px;

}

ul a{

	color:#3A3A3A;

	text-decoration:none;

    font-size:11px;

	line-height:21px;

    font-weight:bold; 

}

ul a:hover{

	color:#6BBA3A;

}



.el{		

	background:url(images/m20.gif) center left no-repeat; margin:0px;

	padding:0 0 0 34px;

}



ol{

   margin:0px;

   padding:0px;

   list-style:none;

   background:none;

   color:#0E0E0E;

}



ol a{

	color:#0E0E0E;

	text-decoration:none;

    font-size:11px;

	line-height:18px; 

}

ol a:hover{

	text-decoration:underline;

}



.se  {width:134px; height:17px; font-family:tahoma,verdana,arial; font-size:11px; color:#282E3E; padding-left:3px;}

.se1 {width:120px; height:19px; font-family:tahoma,verdana,arial; font-size:11px; color:#757575; padding-left:3px;}

.se2 {width:160px; height:19px; font-family:tahoma,verdana,arial; font-size:11px; color:#757575; padding-left:3px;}

.go  {height:17px; width:134px; font-family:tahoma,verdana,arial; font-size:10px;  color:#282E3E; line-height:11px; margin:0px; padding: 1px 0 0 2px}

.go1 {height:21px; width:40px; font-family:tahoma,verdana,arial; font-size:11px; padding-left:2px; color:#282E3E;}

.ch  {height:14px; width:14px; font-size:11px; padding-left:2px; color:#4C4C4C;}

.ab  {vertical-align: middle;}



.tx  {font-size:11px; color:#FFFDCD;}

.tx1 {font-size:14px; color:#FFFFFF; font-weight:bold;}

.tx1 a {font-size:14px; color:#FFFFFF; font-weight:bold;text-decoration:none;}

.tx2 {font-size:11px; color:#5F5F5F; font-weight:bold;}

.tx3 {font-size:18px; color:#6BBA3A; font-weight:bold;}

.tx4 {font-size:12px; color:#1279B1; font-weight:bold; text-transform:uppercase;}

.tx4 a {font-size:12px; color:#1279B1; font-weight:bold; text-transform:uppercase;text-decoration:none;}

.tx4 a:hover {font-size:12px; color:#1279B1; font-weight:bold; text-transform:uppercase;text-decoration:underline;}

.tx5 {font-size:10px; color:#FFFFFF;}

.tx6 {font-size:11px; color:#494949;}

.tx7 {font-size:11px; color:#464646; font-weight:bold;}





.ml {color:#737373;	font-size:11px; font-weight:bold; text-decoration:none;}

.ml:hover {text-decoration:underline;}

.ml1 {color:#F8F800; font-size:11px; font-weight:bold; text-decoration:none;}

.ml1:hover {text-decoration:underline;}

.ml2 {color:#464646; font-size:11px; font-weight:bold; text-decoration:underline;}

.ml2:hover {text-decoration:none;}

.ml3 {color:#63D1F1; font-size:10px; font-weight:bold; text-decoration:underline;}

.ml3:hover {text-decoration:none;}

.ml4 {color:#494949; font-size:11px; text-decoration:underline;}

.ml4:hover { text-decoration:none; font-weight:bold;}

.ml5 {color:#F76101; font-size:11px; text-decoration:underline;}

.ml5:hover { text-decoration:none;}

.ml6 {color:#3A9DBA; font-size:11px; text-decoration:none;}

.ml6:hover { text-decoration:underline;}

.ml7 {color:#FFFFFF; font-size:11px; text-decoration:none;}

.ml7:hover { text-decoration:underline;}





#zxc1 {color:#FFFFFF; font-size:10px; font-weight:bold; text-decoration:underline;}

#zxc1 a {color:#FFFFFF; font-size:10px; font-weight:bold; text-decoration:underline;}

#zxc1 a:hover {text-decoration:none;}









.delp {

	color:#808080;

	font-size:11px;

	font-weight:normal;

}



.main a {

	color:#000;

	text-decoration:none;

}



.main a:hover {

	color:#000;

	text-decoration:underline;

}



.box_width_cont			{ width:100%;}

.product td         {color:#8B8B8B; font-size:11px;}

.product a		    {color:#414141; font-size:11px; text-decoration:none; font-weight:bold; text-transform:uppercase;}

.product a:hover	{color:#414141; text-decoration:underline;}

.product span       {color:#3F4143; font-size:11px;}

.product span a		    {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold}

.product span a:hover	{color:#FFFFFF;text-decoration:underline;}

.variant th{padding:0px}
table.variant{width:100%;margin-bottom:15px;background:url(imgs/var6.gif) repeat-x top;color:#000;font-family:Tahoma,sans-serif;font-size:12px}
.variant td{text-align:center;vertical-align:middle;font-weight:normal;padding:3px 0;background-color:#F1F1F1}
.variant tr.first td{background:#F1F1F1 url(imgs/var3.gif) repeat-x top;padding-top:15px}
.variant thead th{font-weight:bold;color:#FFF;height:35px;line-height:35px;text-align:center}
.also .variant thead th.img,
.variant thead th.package{background:url(imgs/var1.gif) no-repeat left}
.variant thead th.buy{background:url(imgs/var2.gif) no-repeat right}
.variant tr.last td{padding-bottom:15px}
.variant tr.last td.package{background:#F1F1F1 url(imgs/var4.gif) no-repeat bottom left}
.variant tr.last td.buy{background:#F1F1F1 url(imgs/var5.gif) no-repeat bottom right}
.variant tbody td.price{font-weight:bold}

.prod{font-size:10px;border:solid 1px;border-color:#DFDFDF;margin:15px;width:505px}
.prod td{vertical-align:middle}
.prod .pic{width:110px;vertical-align:top;text-align:center;padding:5px 0}
.prod .desc1{font-size:1em;color:#999;}
.prod .desc1 a {font-size:12px;color:#666;}
.prod .desc2{margin-bottom:5px}
.prod .price{text-align:right;height:45px}
.prod .price div{font-weight:normal;font-size:20px;color:#D50B12}
.prod a{text-decoration:none}
.prod .buy{text-align:center;width:120px}
tr.popular td.package div,div.legend{background:url(imgs/popular.gif) no-repeat 24px 0px;padding:1em 0}
div.legend{padding:1em;background-position:0 0}
img {border :0px;}
