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

BODY {
background-image: url(images/pbg2.gif);
background-position: top center;
background-repeat: repeat-y;
  color: #000000;
  margin: 0px;
}

.weec {border: 1px solid red; font-size:12pt; font-weight:bold}

#pipix {position: relative; top:25px; left:0px;z-index:1}
#pipix a img.pihid { position:absolute;top:-190px; left:-320px;visibility:hidden
; z-index:1; border:3px solid #660066}
#pipix a:hover {background:white}
#pipix a:hover img.pihid {visibility:visible; z-index:1}

.zed {z-index:1}

.notcss {width:500px}

.specpost {position:absolute; top:0px; left:0px
}

img {border:0px}

.mega {position:absolute; top:0px; left: 0px; z-index:25}

.ppinfo {border:1px solid red; background: white; color: red; font-family:arial; font-size:9pt; padding:5px; height:55px}

#vwrap{position:relative}

.thistown{position:absolute; top:-35px; left:0px; z-index:1}

.linktown{position:absolute; top:-35px; left:140px; z-index:2}

.error {background:red; font-family:arial; font-size:11pt; font-weight: bold; padding:3px; border: 2px solid #660066; color:white}

.error2 {background:#ffcccc; font-family:arial; font-size:11pt; font-weight: bold; padding:3px; border: 2px solid #660066; color:white}

.errora {font-family:arial; font-size:9pt; color:red; font-weight:bold}

.catty {position:relative; top:-18px; font-family:arial; font-size:10pt; padding:0px; margin: 10px 20px 0px 20px; text-align:justify}

.adminleft {border:1 px solid #660066}

.specpostborder {position:relative;left:125px;
border:7px dotted #660066;
  font-family:   Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  width:350px;
  background: white;
  text-align:center;
}

.specparcel {position:absolute; top:-27px; left:-12px}

.floatleft {float:left; margin-right:10px; margin-top:5px}

.yah {background: yellow}

#top5 {position:relative; margin-top:35px; margin-left:15px; width:285px; border: 2px solid #660066;
background-image: url(images/tip_bg.jpg);
background-position: top left;
background-repeat: no-repeat;
}

.top5inner {margin:5px}

.top5poz {position:absolute; top:-20px; left:10px; z-index:3; color: white}

.top5head {position: absolute; top:-23px; left:-6px; z-index:2}




#tips {position:relative;left:30px; border:2px solid #660066; width:250px;
background-image: url(images/tip_bg.jpg);
background-position: top left;
background-repeat: no-repeat;
z-index:1
}

.tiplogo {position: absolute; top:-25px; left: -18px; z-index:2}

.tip_ball {position:absolute;float:right; bottom:-20px; right:-20px; z-index:2}

.tip_tit {margin-left:65px;font-weight:bold; font-family:arial; font-size: 10pt;z-index:1}

.tiptext {position: relative; top:-15px; margin:2px; font-family: arial; font-size:8pt; text-align:justify; z-index:1}

#montage {position: relative; height: 125px; border: 5px solid red; text-align:center; z-index:5}

.dezmond {font-family:arial; font-size:11pt}

.centerim {position:relative; left:0px; z-index:1}

.leftone {position:absolute; left:30px; z-index:1}

.lefttwo {position:absolute; left:150px; z-index:1}

.rightone {position:absolute; right:30px; z-index:1}

.righttwo {position:absolute; right:150px; z-index:1}

.boxxy {width:130px; border:1px solid #660066}

 .jumpbg {width: 120px; }

.themetext {font-family: arial; font-size:9pt; font-weight:bold; color: black}

.prodd {font-size:12pt}

.tac {font-family: arial; font-size:8pt}

.bigpad {position: absolute; top:-6px; left:-60px; z-index:5}

H1 {  font-family: arial; font-size: 13pt; font-weight: bold; color: #000000; padding:0px 0px 0px 0px; z-index:2}

.cats {font-size:8pt}

.smalltext5 {position:relative; top:-18px; font-family:arial; font-size: 8pt}

.honetext {font-family:arial;color: #660066; font-size:8pt}

.topleftim {position:absolute; top:128px; left:-133px; z-index:1}

.otherprodwrap {border: 1px solid #b6b7cb; height:131px;margin-top:5px; padding:3px; font-family: arial; font-size: 8pt; background: #f8f8f9}

.subright {float:right; border: 1px solid #b6b7cb}

p.its {margin:2px}

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

A:hover {
  color: BLUE;
    /* color: #AABBDD; */
  text-decoration: underline;
}

FORM {
	display: inline;
}

table.hpos {position: relative; bottom: -2px}

TR.header {
  background: #ffffff;
}

.htb {height:90px}

#mainb {border:1px solid red; }

.lout {float:right; margin-right:15px}

.bot {text-align: center}

.imm {float:right}

.catim {float:right}

#boxer {position:relative; top:0px; right:0px; height:90px; border:0px solid blue}

.icons {position: absolute; right:15px; top: 75px; width: 310px; height: 28px; border: 0px solid red;
background-image: url(images/topnavbg.gif);
background-position: bottom right;
background-repeat: no-repeat
}

p.addinner {margin: 5px 3px 3px 14px}

.searching  {position:absolute;
top:2px; right:237px;

background-image: url(images/infobg.png);
background-position: top left;
background-repeat: no-repeat;
height:100px;
 width: 236px; 
 }
 
 .qs {position:relative; top:7px; left: -10px; width: 200px; font-family: arial; font-size:9pt; border: 0px solid blue; text-align:left}
 
     .qsbg { background-color: #ffccff; font-family: arial; font-size: 8pt; font-weight: bold; color: black; 
    
       border:2px solid;
   border-top-color:#e5e5e5;
   border-left-color:#e5e5e5;
   border-right-color:#663366;
   border-bottom-color:#663366;
    
     text-decoration: none; cursor:hand; padding:0} 
 
 
 a.advsearch:link {   font-family: arial; font-size: 8pt;color: white;text-decoration: underline}
a.advsearch:visited {  font-family: arial; font-size: 8pt;color: white;text-decoration: underline}
a.advsearch:hover {   font-family: arial; font-size: 8pt;color: black; text-decoration: none; background: #e5e5e5}

 a.subcat:link {   font-family: arial; font-size: 10pt;color: #660066;text-decoration: underline; font-weight:bold; z-index:3}
a.subcat:visited {  font-family: arial; font-size: 10pt;color: #660066;text-decoration: underline; font-weight:bold; z-index:3}
a.subcat:hover {   font-family: arial; font-size: 10pt;color: white; text-decoration: none; background: #660066; font-weight:bold; z-index:3}

 a.mainp:link {   font-family: arial; font-size: 10pt;color: #660066;text-decoration: underline; font-weight:bold; z-index:3}
a.mainp:visited {  font-family: arial; font-size: 10pt;color: #660066;text-decoration: underline; font-weight:bold; z-index:3}
a.mainp:hover {   font-family: arial; font-size: 10pt;color: white; text-decoration: none; background: #660066; font-weight:bold; z-index:3}

 a.whitelink:link {   font-family: arial; font-size: 8pt;color: white;text-decoration: underline; font-weight:normal; z-index:3}
a.whitelink:visited {  font-family: arial; font-size: 8pt;color: white;text-decoration: underline; font-weight:normal; z-index:3}
a.whitelink:hover {   font-family: arial; font-size: 8pt;color: #660066; text-decoration: none; font-weight:normal; z-index:3}

.subcatol {border:2px solid #660066; width:125px;background: #f8f8f9; margin:5px; padding:3px; z-index:1}

.subban {position: relative; top:40px; z-index:2}
 
 .quicksearchtext {
 
 font-size:9pt; color: black; font-weight: bold
 }
 
 .items {position: relative; top:-11px; left:3px;
 width: 125px; height: 53px;
 background-image: url(images/items.gif);
background-position: top right;
background-repeat: no-repeat;
 }
 
  .pricebg {position: relative; top:-9px; right:5px;
 width: 125px; height: 53px;
 background-image: url(images/items.gif);
background-position: top right;
background-repeat: no-repeat;
 }
 
 .priceinner {position:relative; right:35px; top:5px;
 font-family:arial; font-size:17pt; font-weight:bold; color:white;  border: 0px solid red}
 
 .oldprice {position:relative; top:-85px; right: 60px; font-family:arial; font-size:8pt; color:gray}
 
 .itemsinner {margin:3px 3px 3px 6px; font-family: arial; font-size:8pt; color: white}
 
 .baz {position: relative; bottom:5px; right: -95px}
 

 
   .formbg {
    font-family:arial;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #ffffff;
       border:2px solid;
   border-top-color:#e5e5e5;
   border-left-color:#e5e5e5;
   border-right-color:#663366;
   border-bottom-color:#663366;
  }

.address {position: absolute;

background-image: url(images/infobg.png);
background-position: top left;
background-repeat: no-repeat;
height:100px;

 top:2px; right:0px; width: 236px;  font-family: arial; font-size: 9pt; font-weight: bold;    text-align: left;
 border:0px solid red
 }

.picon {position: relative; top:3px}

.iconbg 	{background-image: url(images/topnavbg.gif);
background-position: bottom right;
background-repeat: no-repeat
}



table.hbg  	{background-image: url(images/bannerbg.gif); height:30px}

table.fbg  	{background-image: url(images/bottombanner.gif); height:30px}

TR.headerNavigation {
 
}

table.main {background: #ffccff}

.cleft {position: relative; top:-2px; left:10px }

.cright {position: relative; top:-2px; right: 35px }

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

.topheaderNavigation {
position: relative;
top:10px;
left: -20px;
  font-family:   Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: none
}

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

.infoBox {
  background: #660066;
}

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

.catheadss {position:absolute; top:185px; z-index:16}

.themeheadss {position:relative; top:5px; z-index:12}

.themeheadss2 {position:relative; top:5px; z-index:18}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family:   Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image: url(images/infobox/purplebg.gif);
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family:   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: #660066;
  border-spacing: 1px;
}

.productListing-heading {
  font-family:   Arial, sans-serif;
  font-size: 10px;
  background-image: url(images/infobox/purplebg.gif);
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family:   Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.main2 {
  font-family:   Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

.greet {font-family: arial; font-size:13px; font-weight:bold}

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


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

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

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

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

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

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

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

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

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

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

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

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


SPAN.productSpecialPrice2 {position:relative; top:-80px; left:-60px;

  font-family:   Arial; font-size:15pt;
  color: #ff0000;
}

.splat {position: relative; top:-30px; left:-5px; width:171px; height:119px; border:0px solid orange; z-index:2}
.spic {position:relative; top:0px; left:0px}

.splat2 {position: relative; top:-30px; left:-5px; width:171px; height:119px; border:0px solid orange}
.spic {position:relative; top:0px; left:0px}

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

.nbo {border:0px}
.nbo2 {border:0px}

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

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

/* message box */

.messageBox { font-family:   Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family:   Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:   Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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


#pix {position:relative; bottom: 5px; left:0px}
dt {margin:2px}
#pix a img.hid { position: absolute; top:-190px; right:120px; visibility:hidden; border:3px solid #660066; z-index:20}
#pix a:hover {background: white}
#pix a:hover img.hid {visibility: visible; border: 2px solid #b6b7cb}