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

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

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

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

FORM {
 display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}


TD.topic_header { 
background : url(/images/tab01.gif); 
font-weight : bold; 
font-size : 11px; 
line-height : 1.5; 
} 
TD.topic-header1 { 
background : url(/images/tab01.gif); 
font-weight : bold; 
font-size : 11px; 
line-height : 1.5; 
} 
TD.topic-header2 { 
background : url(/images/tab03.gif); 
} 
TD.topic-header3 { 
background : url(/images/tab04.gif); 
} 
TD.topic-header4 { 
background : url(/images/tab06.gif); 
} 
TD.topic-header5 { 
font-weight : bold; 
font-size : 11px; 
line-height : 1.5; 
} 



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

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

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

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;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #D3D1D1;
}

.infoBoxContents {
  background: #FFFFFF;
  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 {
  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: #f6f6f7; 
  //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: #ebebeb;
  //shopping-cart content color
}

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



.productListing-heading { 
background-image : url(images/pr_listing.gif); 
font-family : Verdana, Arial, sans-serif; 
font-size : 10px; 
color : #ffffff; 
font-weight : bold; 
background-color : #ffffff; 
text-transform : uppercase; 
padding-top : 17px; 
padding-bottom : 18px; 
} 


TD.productListing-data {



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



A.pageResults {
  color: #747474;
}

A.pageResults:hover {
  color: #747474;
}

A.pageResults:visited {
  color: #747474;
}


TD.pageHeading, DIV.pageHeading {
 font-size: 12px;
 color: #DADADA;
 font-weight: bold;
 text-transform: uppercase;



  text-decoration: none;
  height:31px;
  width: 100%;
  background: url('images/m999.gif');

  background-repeat: no-repeat;


  padding-top:2px;
  padding-left: 20px;

}

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

TD.mainw, P.mainw {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding-left: 10px;
  color:#000000;
}

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;
}


 .pr_category{
  font-size: 13px;
 color: #000000;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
 }

 .pr_name{
 font-size: 14px;
 color: #000000;
 font-weight: bold;
 text-decoration: none;

}


 .pr_price{
 font-size: 16px;
 color: #FFFFFF;
 font-weight: bold;


 }

 .pr_descr{
 font-family: tahoma, verdana, arial;
 font-size: 11px;
 color: #353535;


}




.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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; }




body{
background: #ffffff; 
}

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

.bg0{
 background-image: url("images/m14b.gif");
 background-repeat: repeat-x; 
}

.bg1{
 background-image: url("images/m03.gif");
 background-repeat: repeat-x;
}

.bg2{
 background-image: url("images/m14.gif");
 background-repeat: repeat-x; 
}

.bg3{
 background-image: url("images/m28.gif");
 background-repeat: repeat-y; 
}

.bg4{
 background-image: url("images/m37.gif");
 background-repeat: repeat-y; 
}
.bg4b{
 background-image: url("images/m37b.gif");
 background-repeat: repeat-y; 
}

.bg5{
 background-image: url("images/m50.gif");
 background-repeat: repeat-y; 
}

.bg6{
 background-image: url("images/m59.gif");
 background-repeat: repeat-y; 
}

.bg7{
 background-image: url("images/m51.gif");
 background-repeat: repeat-y; 
}

.ch1{
 font-size: 15px;
 color: #FFFFFF;
 }       

.ch2{
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-transform: uppercase;
 }       

.ch3{
 padding-left: 14px;
 }       

.ch4{
 font-size: 11px;
 color: #ffffff;
 }       

.ch5{
 font-size: 16px;
 color: #FFFFFF;
 font-weight: bold;
 }       

.ch6{
 padding-left: 15px;
 }       

.ch7{
 font-size: 11px;
 color: #000000;
 }       

.ch8{
 font-size: 13px;
 color: #FFFFFF;
 font-weight: bold;
 }       

.ch9{
 font-size: 11px;
 color: #FFFFFF;
 }       

 .ch10{
 font-size: 11px;
 color: #FFFFFF;
 font-weight: bold;
 }  

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

 .ml2{
 font-family: verdana;
 font-size: 11px;
 color: #8B8064;
 text-decoration: none;
 }       

.ml3{
 font-size: 11px;
 color: #2E7ED0;
 font-weight:bold;
 text-decoration: none;
 }       

.ml4{
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 }       

.ml5{
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 }       

.ml6{
 font-size: 11px;
 color: #BFBFBF;
 font-weight: bold;
 }       

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

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

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

.ml10{
 font-family: verdana;
 font-size: 9px;
 color: #B8A36B;
 text-decoration: none;
 }       

.se1{            
 width: 102px;
 background: #727272;
 font-size: 9px;
 color: #FFFFFF;
 }

.se2{            
 width: 99px;
 background: #727272;
 font-size: 9px;
 color: #FFFFFF;
 }


 
 .image_border{
  border:1px solid #888888; 
 }

 .cart_border_{
  border:1px solid #DADBDC; 
 }








#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('../images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('../images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('../images/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('../images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('../images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }

/*DIALOG*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.dialog table {
	font-color:#FFF;
}