/*
  $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: Arial, Helvetica, sans-serif; font-size: 10px; }
.errorBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #f7edf4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e54fa2;
}
.stockWarning { font-family: Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Arial, Helvetica, sans-serif; font-size : 10px; color: #3C3C3C; text-decoration: underline; }

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

h1 {font-size:14px; color:#e54fa2; font-weight:bold; text-decoration:none;}
h2 {font-size:12px; color:#e54fa2; font-weight:bold; text-decoration:none;}

A {
  color: #e54fa2;
  text-decoration: none;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

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



.infoBox {
  background: #f7edf4;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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


/* ---------------------------- ---------------------- */
.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.main a {
  color:#e54fa2;
  font-size: 11px; text-decoration:none;
}
.main a:hover {
  color:#333333;
  font-size: 11px; text-decoration:none;
}
TD.main, P.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


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

#myse select {
	width:90%;
}

.delp {
	color:#808080;
	font-size:11px;
	font-weight:normal;
}
s {
	color:#808080;
	font-size:11px;
	font-weight:normal;
}/* ---------------------------- ---------------------- */



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

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #e54fa2;
  font-weight: bold;
}

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

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

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

SPAN.productSpecialPrice {font-size:15px; color:#e54fa2; font-weight:bold;}

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

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

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

/* message box */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #f7edf4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e54fa2;
}
.messageStackSuccess {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #cbecca;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #52bf4f;
}

/* input requirement */

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


/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
body {padding:0; margin:0;}
body, td {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #808080;}
img { border:0px;}

.bg	 {background: url(images/bg.jpg); background-repeat: repeat-x; background-position:top center;}
.bg1 {background: url(images/m37.gif); background-repeat: repeat-y;}
.bg2 {background: url(images/m38.gif); background-repeat: repeat-x;}

ul{
   margin:0px;
   padding:0px;
   list-style:none;
}
ul li {
    background:url(images/m16.gif) left bottom no-repeat;
	margin:0px;	
	line-height:21px;
}
ul li a{
	color:#3A3A3A;		
    font-size:11px;	
	text-decoration:none;	
	padding-left:33px;
	height: 21px;	
    font-weight:bold;	
	background:url(images/m15.gif) left top no-repeat;
}
ul li a:hover{
	color:#e54fa2;
}

.el li {
    background:url(images/m21.gif) left center no-repeat;
	line-height:21px;
	margin-left:15px;
	padding: 0px;		
}
.el li a{
	color:#3A3A3A;		
    font-size:11px;	
	background-image:none;			
	padding: 0 0 0 11px;	
}
.el li a:hover{
	color:#e54fa2;
}

.al li	{
	background:none; 
	margin-left:-25px; 	
	padding:0;	
}
.al li a  {
	color:#3A3A3A;
	font-size:11px;	
	text-decoration:none;
	background:none;
	line-height:22px;
	font-weight:normal;
	padding: 0 0 0 7px;
	margin-left:0px;
	}
	
.al li strong  {
	color:#3A3A3A;
	font-size:11px;	
	text-decoration:none;
	background:none;
	line-height:22px;
	margin-left:20px;
   }	
	
.al li a:hover	{
	color:#e54fa2;	
}

.ol a{
	color:#3A3A3A;		
    font-size:11px;	
	background:url(images/m35.gif) left top no-repeat;			
	padding: 0 0 0 45px;	
	margin:0px;
	height: 21px;		
}


.se  {width:110px; height:17px; color:#282E3E; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-left:2px;}
.se1 {width:138px; height:17px; color:#282E3E; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-left:2px;}
.se2 {width:160px; height:17px; color:#282E3E; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-left:2px;}
.se3 {width:160px; height:17px; color:#282E3E; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-left:2px;}
.go  {width:40px; height:17px; color:#111111; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
.bd  {border: solid 1px #F3F3F3;}

.bd_t  {border: solid 1px #F3F3F3; border-bottom-width:0px;}
.bd_b  {border: solid 1px #F3F3F3; border-top-width:0px;}
.ab  img  {vertical-align: middle;}


.tx  {font-size:11px; color:#5F5F5F;}
.tx1 {font-size:14px; color:#e54fa2; font-weight:bold;}

.tx12, .tx12 a {font-size:14px; color:#e54fa2; font-weight:bold; text-decoration:none;}
.tx12 a:hover {font-size:14px; color:#e54fa2; font-weight:bold; text-decoration:underline;}

.tx2 {font-size:13px; color:#636363;}
.tx3 {font-size:13px; color:#0A0A0A; font-weight:bold;}

.tx4 {font-size:15px; color:#373737; font-weight:bold;}
.tx4s {font-size:11px; color:#373737; font-weight:bold;}
.tx4ss {font-size:11px; color:#373737; font-weight:bold; text-decoration: line-through;}

.tx5 {font-size:10px; color:#DEDEDE;}
.tx6 {font-size:11px; color:#0E0E0E;}
.tx7 {font-size:12px; color:#E54FA2; font-weight:bold;}
.tx8 a {font-size:11px; color:#808080; font-weight:bold; text-decoration:underline;}
.tx8 a:hover {font-size:11px; color:#808080; font-weight:bold; text-decoration:none;}

.ml  {color:#e54fa2; font-size:11px; font-weight:bold; text-decoration:none;}
.ml:hover {color:#52bf4f; text-decoration:underline;}
.ml1 {color:#808080; font-size:11px; font-weight:bold; text-decoration:none;}
.ml1:hover {color:#E54FA2; text-decoration:underline;}
.ml2 a {color:#E54FA2; font-size:12px; font-weight:bold; text-decoration:none;}
.ml2 a:hover {text-decoration:underline;}
.ml3 {color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none;}
.ml3:hover {color:#FFFFFF;text-decoration:underline;}
.ml4 {color:#DEDEDE; font-size:10px; font-weight:bold; text-decoration:none;}
.ml4:hover {color:#DEDEDE;text-decoration:underline;} 
.ml5, .ml5 a {color:#E54FA2; font-size:12px; font-weight:bold; text-decoration:underline;}
.ml5:hover, .ml5 a:hover {text-decoration:none;}
.ml6 {color:#0E0E0E; font-size:11px; text-decoration:underline;}
.ml6:hover {text-decoration:none;} 
.ml7 {color:#0E0E0E; font-size:11px; text-decoration:none;}
.ml7:hover {text-decoration:underline;} 
 
#zxc1 {color:#DEDEDE; font-size:10px; text-decoration:underline; font-weight:bold;}
#zxc1 a {color:#DEDEDE; font-size:10px; text-decoration:underline; font-weight:bold;}
#zxc1 a:hover {text-decoration:none;}
/* -------------- footer ------------------- */
em {font-style:normal;}
.footer {font-size:10px; color:#DEDEDE;}
.footer a {font-size:10px; color:#DEDEDE; text-decoration:none; font-weight:normal;}
.footer a:hover {font-size:10px; color:#DEDEDE; text-decoration:underline; font-weight:normal;}

.footer span {font-size:10px; color:#DEDEDE; font-weight:bold;text-decoration:underline;}
.footer span a {font-size:10px; color:#DEDEDE; text-decoration:underline; font-weight:bold;}
.footer span a:hover {font-size:10px; color:#DEDEDE; text-decoration:none; font-weight:bold;} 
/* -------------- footerr ------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */


.shop_card {
				  text-align:center;}	/*  background:#3E3E3E;  */
.shop_card td {
				text-align:center; vertical-align:top;}	
.shop_card .tx2 {
				text-align:left;}
		
.shop_cart_tx {	
				height:16px;
				
				}				
/* -------------------------------------------------          -------------------------------------------------------- */
.smallText_1 { width:366px; text-align:center;
			   }
.smallText_1 td { font-size:11px; color: #3C3C3C; 
			   height:30px; text-align:left;padding:3px 2px 8px 2px;
			   }
.smallText_1 a { color:#3C3C3C; font-size:11px; text-decoration:underline;
}
.smallText_1 a:hover { color:#3C3C3C; font-size:11px; text-decoration:none;
}
u {text-decoration:none;}
.smallText a { color:#3C3C3C; font-size:11px; text-decoration:underline;
}
.smallText a:hover { color:#3C3C3C; font-size:11px; text-decoration:none;
}
TD.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

SPAN.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.sea_1 { padding:0px 10px 0px 10px;}
.sea_2 { text-align:center;}
.sea_3 { padding:10px;}
.sea_4 td{
  font-size:13px; color:#636363;
}
.sea_4 a {
  color:#808080; font-size:11px; font-weight:bold; text-decoration:none;
}
.sea_4 a:hover {
  color:#E54FA2; font-size:11px; font-weight:bold; text-decoration:underline;
}
.sea_4 p{
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px; color:#AF0F17; font-weight:bold;padding:10px 0px 5px 0px;
}
.sea_5 {border:0px solid #f7edf4; background:#ffffff;}
/* -------------------------------------------------          -------------------------------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}