/*
  $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
*/
/* event calendar sytle sheet */
@import url("events_calendar.css");

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

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

A {
  color: #9c007b;
  text-decoration: none;
}

A:hover {
  color: #ff7ff2;
}

A:active {
  color: #00FFFF;
}

FORM {
 display: inline;
}

TR.header {
  background-color: #ffe3f8;
}

TR.headerNavigation {
  background-color: #ffe3f8;
}

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

A.headerNavigation {
	color: #9c007b;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

A.headerNavigation:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

TR.headerError {
  background-color: #ffe3f8;
}

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

TR.headerInfo {
  background-color: #ffe3f8;
}

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

TR.footer {
  background-color: #ffe3f8;
}

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

}
.infoBox {
  background-color: #ffe3f8;
}

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

.infoBoxNotice {
  background-color: #ffe3f8;
}

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

TD.infoBoxHeading {
  background-image: url('images/infobox/corner_center.gif');
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  display: none;
}

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-color: #ffe3f8;
  /*shopping-cart content color*/
}

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-color: #ffe3f8;
  /*shopping-cart content color*/
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #ff7ff2;
  /*shopping-cart header/footer color*/
  border-spacing: 1px;
  
}

.productListing-heading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #F9e9F9;
  /*shopping-cart header/footer color*/
  color: #9F1A37;
  font-weight: normal;
  padding: 10px;
}

TD.productListing-data {

  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #9c007b;
}

A.pageResults {
  color: #9c007b;
}

A.pageResults:hover {
  color: #9c007b;
  background-color: #ff7ff2;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
  color: #9c007b;
 margin-bottom: 0;
 padding-bottom: 0;
 border-bottom: 3px solid #00ffff;
/*
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;  
  height: 36px;
  width: 445px;
  background-image: url('images/m27.gif');
  background-repeat: repeat-x;
  padding: 10px;
  padding-left: 15px;
  text-transform: none;
  */
  }

TR.subBar {
  background-color: #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: #9c007b;
}

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

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-color: #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; cursor: pointer; }
.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 */

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


h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
  color: #9c007b;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bolder;
  color: #9c007b;
 margin-bottom: 0;
 padding-bottom: 6px;
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    padding-top: 6px;
	font-weight : bold;
} 

hr HR {
  color: #00ffff;
  line-height: 12px;
  background-color: #00ffff;
  height: 12px;
}

.hline  {
  background-color: #00ffff;
  height: 3px;
  margin: 6px 0px 6px 0px;
}

.chr {
  color: #646464;
}

td{
 font-family: tahoma,verdana,arial;
 font-size: 11px;
 color: #646464;
}

 .bg{
  background-image: url(images/m20.gif);
  background-repeat: repeat-y; 
 }
 
 .blink {
  color: #9c007b;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
 }
 
 .se{
  width: 128px;
 }

 .ml {
  color: #9c007b;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  
 }
 
 .mla {
  color: #9c007b;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
 }

.m1a:hover {
  color: #00FFFF;
}

.mab {
  color: #9c007b;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
 }
 
 .bm {
  border-bottom:1px solid #9c007b;
 }

.mab:hover {
  color: #00FFFF;
}

 .ml1 {
  font-size: 12px;
 font-weight: bold;
  color: #9c007b;
  text-decoration: underline; 
 }

.m11:hover {
  color: #00FFFF;
} 

.rl {
  padding-right:50px;
  border-right: 1px solid #9c007b;
  padding-left: 50px;
}

.rla {
  padding-left: 50px;
}

 .ml2 {
  font-size: 11px;
  color: #7d7d7d;
  text-decoration: underline; 
 }

 .bc {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9c007b;
 margin-bottom: 0;
 padding-bottom: 0;
 border-bottom: 3px solid #00ffff;
 /*
  font-size: 12px;
  background-image: url('images/m27.gif');
  color: white;
  */
 }

 .bc1 {
  font-size: 12px;
  color: #9c007b;
  font-weight: bold;
 }

 .br {
  border-color:#ff7ff2;
  border-width:3px;
  border-style:solid;
  margin: 3px;
 }

 .px2 {
  font-size: 2px;
 }

 .px3{ 
  font-size: 3px;
 }

 .px7 {
  font-size: 7px;
 }

 .px8 {
  font-size: 8px;
 }
 
 .px9 {
  font-size: 9px;
 }

 .px10 { 
  font-size: 10px;
 }

 .px11 { 
  font-size: 11px;
 }
 
 P, .px12, .form {
  color: #9c007b;
  font-size: 12px;
  margin: 6px;
  padding: 6px;
 }

 .brpx12 {
  color: #9c007b;
  font-size: 12px;
  border-color:#ff7ff2;
  border-width:3px;
  border-style:solid;
  margin: 6px;
  padding: 6px;
 
 }
 
 .th9 {
  font-size: 9px;
  font-family: tahoma,verdana,arial;
  font-weight: normal;
  color: #616161;
  text-decoration: none;
 }

 .th9:hover {
  font-size: 9px;
  font-weight: normal;
  font-family: tahoma,verdana,arial;
  color: #616161;
  text-decoration: underline;
 }
 
 /* BEGIN: CSS Buttons Everywhere */
.cssButton {
  background-color: #ff7ff2;
  color: #9c007b;
  width: 100px;
  vertical-align: top;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 2px;
  border-style: outset;
  border-color: #9c007b;
  margin: auto;
}

.cssButton:active {
    border-style: inset;
}
/* END: CSS Buttons Everywhere */

.cssNav {
  background-image: url('images/navbar.gif') no-repeat;
  color: #ffffff;
  width: 206px;
  padding: 5px;
  font-weight: bold;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  cursor: pointer;
  text-indent: 40px;
  text-decoration: none;
  border: 1px;
  border-bottom-style: solid;
}

.cssNav:hover {
  color: #00FFFF;
}

.cssNav:active {
  color: #00FFFF;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
	padding: 0 40px;
}
/* Header */
#header {
	padding: 6px 0;
}
#header .logo {
	padding-top: 10px;
}
#header .hdrR {
	line-height: 16px;
	text-align: right;
}
#header .hdrR p {
	color: #60a1de;
	font: normal 30px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 24px;
	background: url(images/ico_phone.gif) 70px 20px no-repeat;
}
#header .menu {
	background-color: #ffe3f8;
	border-bottom: 1px solid #bd1e96;
	font: bold 12px verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0px 3px 60px;
}

l, #header .logo, .left, .cnt, .right, .product img {
	float: left;
}

.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}

p,h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}

/* Main content */
#contents {
	margin: 10px 0 20px 0;
	min-height:100%;
}

.left {
	width: 210px;
}

.left ul {
	
}

.left ul li {
	list-style: none;
	line-height: 30px;
	border-bottom: 1px solid #00ffff;
}

.left ul li a {
	color: #9c007b;
	font-size: 12px;
}

.left ul li a:hover {
  color: #ff7ff2;
}

.left h2 {
	margin-top: 22px;
	color: #fff;
	font: normal 18px Arial, Helvetica, sans-serif;
  background-image: url('images/m27.gif');
  background-repeat: repeat-x;
	padding: 6px;
}

.left p {
	color: #9c007b;
	line-height: 12px;
}

.left hr {
	color: #9c007b;
}

.cnt {
	width: 604px;
	margin: 0px 20px 0px 20px;
}

.right {
   width: 200px;
}

.right img {
	margin: 8px 0;
}

.right h2 {
	margin-top: 22px;
	color: #fff;
	font: normal 18px Arial, Helvetica, sans-serif;
  background-image: url('images/m27.gif');
  background-repeat: repeat-x;
	padding: 6px;
}


.box p {
	color: #9c007b;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #00ffff;
  padding: 6px;
}

.box a:hover {
  color: #00ffff;
}

.box a:active {
  color: #00FFFF;
}

.box {
	background-color: #ffe3f8;
	text-align:center;
	margin: auto;
}

.box li {
	text-align:left;
}

div.jqZoomTitle
{
    z-index:5000;
    text-align:center;
    font-size:13px;
    font-family:Tahoma;
    height:16px;
    padding-top:2px;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background: #999;

}

.jqZoomPup
{
        overflow:hidden;
        background-color: #FFF;
        -moz-opacity:0.6;
        opacity: 0.6;
        filter: alpha(opacity = 60);
        z-index:10;
        border-color:#c4c4c4;
        border-style: solid;
        cursor:crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
   filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
   text-decoration: none;
    border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
    text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:10;
    position:absolute;
    top:3px;
    left:3px;

}

.jqZoomWindow
{
    border: 1px solid #999;
    background-color: #FFF;

}