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

BODY {
  background-color:#1F1F1F;
  background-image: url(images/design/bg_repeat.jpg);
  height:1142px; 
  background-repeat:repeat-x;
  width: 100%;
  background-position:top;
  vertical-align:top;
}

.toplink
{
color: #7a7c7e;
font:Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}

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.headerNavigation {
  font-family: Tahoma, 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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #D3D1D1;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Tahoma, 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: #F0F0F0;
  //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: #F0F0F0;
  //shopping-cart content color
}

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

.productListing-heading {

border-right:1px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
text-align:left;
 

  color: #414956;
  text-transform:uppercase;
  font-weight: bold;
  padding: 11px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #E7E7E7;
  //shopping-cart header/footer color
}

TD.productListing-data {
border-right:1px solid #FFFFFF; 
border-bottom:2px solid #FFFFFF;   
text-align:center;
vertical-align:top; 
padding:10 10 10 10;


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



A.pageResults {
  color: #747474;
}

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

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


TD.pageHeading, DIV.pageHeading {
  font-size: 14px;
  color: #42454A;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none;
  padding-left:15px;
  height:35px;
  padding-bottom:0px;
  background:url(images/design/products_strip.jpg) no-repeat;

}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

TD.tableHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.adjust{
	padding-left:10px;
	padding-right:10px;}

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

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

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

SPAN.greetUser {
  font-family: Tahoma, 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: Tahoma, Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

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

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

/* message box */

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

/* input requirement */

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

td{
 font-family: tahoma,verdana,arial;
 font-size: 12px;
 color: #848282;
}
 
 .ch1{
 font-size: 9px;
 color: #9E9E9E;
 }

 .ch2{
 font-size: 12px;
 color: #747474;
 font-weight: bold;
 }

 .ch3{
 font-size: 11px;
 color: #2C2C2C;
 }

 .ch4{
 font-size: 10px;
 color: #ECECED;
 text-decoration: none;
 }

 .ch5{
 font-size: 14px;
 color: #63666A;
 text-decoration: none;
 font-weight: bold;
 }

 .ch6{
 border-left: #E3E3E3 1px solid;
 border-right: #E3E3E3 1px solid;
 }

 .ch7{
 font-size: 12px;
 color: #ACACAC;
 text-decoration: none;
 }

 .ch8{
 padding-left: 10px;
 }

 .ch9{
 font-size: 13px;
 color: #EA5E00;
 font-weight: bold;
 }

 .ch10{
 font-size: 11px;
 color: #6E7175;
 text-decoration: none;
 }

 .ch11{
 font-size: 11px;
 color: #ACACAC;
 text-decoration: none;
 }

 .ch12{
 font-size: 10px;
 color: #737373;
 font-weight: bold;
 }

 .ch13{
 font-size: 10px;
 color: #6E6E6E;
 text-decoration: none;
 text-transform: uppercase;
 }

 .ch14{
 font-size: 9px;
 color: #8D8D8D;
 text-decoration: none;
 }

 .ch15{
 padding-left: 6px

 }

 .ch16{
 font-size: 10px;
 color: #ff7c00;
 }
 a.ch16{
 font-size: 10px;
 color: #ff7c00;
 }
 
a.ch16:hover
{
 font-size: 10px;
 color: #ff7c00;
 }

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

 .ml2{
 font-size: 11px;
 color: #ECECED;
 text-decoration: none;
 }

 .ml3{
 font-size: 11px;
 color: #1F1F1F;
 text-decoration: none;
 }

 .ml4{
 font-size: 10px;
 color: #848484;
 }

 .ml5{
 font-size: 11px;
 color: #0076B1;
 font-weight: bold;
 text-decoration: none;
 }

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

 .se{            
 width: 147px;
 font-size: 9px;
 color: #717580
 }

 .se2{            
 width: 122px;
 font-size: 9px;
 color: #717580
 }
 
 

 .image_border{
  border:1px solid #888888; 
 }
 
 
 
 .menubg
 {
 
 height:43px;
 background-color:#FFF;
 
 } 
TD.menustyle
{
	background-image: url(images/design/non-active.jpg);
    background-repeat:repeat-x;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	}
TD.menustyle:hover{
	background-image:url(images/design/active_bg.jpg);
    background-repeat:repeat-x;
	text-decoration:none;
		   }
a.menutxt
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #5A5A5A;
font-size:14px;
line-height:43px;
display:block;
height:43px;
text-align:center;
text-decoration:none;
font-weight:bold;
}
a.menutxt:hover
{
background-image:url(images/design/active_bg.jpg);
background-repeat:repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:14px;
text-decoration:none;
}
TD.shoppingCartTxt
{
	background-image: url(images/design/non-active.jpg);
    background-repeat:repeat-x;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #5A5A5A;
    font-size:13px;
    line-height:43px;
	height:43px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	
	}
			
/*.mainbodybg
{
background-image:url(images/design/mainbody_repeat.jpg);
background-repeat:repeat-y;
width: 943px;
}*/
.sidetop
{
background-color:#E4E5E7;
height:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #42454a;
padding-left:20px;
font-weight:bold;
}

.sidemid
{
background-image:url(images/design/sidebox_middle.jpg);
background-repeat:repeat-y;
width:228px;
}
a.catname
{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #252527;
font-weight:500;
}
.topproduct
{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:10.5px;
color: 656565;
line-height: 1.5;
text-align:left;
padding-left:6px;
}
.maintitleleft
{
background-image:url(images/design/title_left.jpg);
width: 14px;
height: 30px;
background-repeat:no-repeat;
}
.maintitlemid
{
background-image:url(images/design/title_middle.jpg);
height: 30px;
background-repeat:repeat-x;
width:680px;
font-family:Arial, Helvetica, sans-serif;
color:42454A;
font-size:14px;
font-weight:bold;
}
.maintitleright
{
background-image:url(images/design/title_right.jpg);
width: 15px;
height: 30px;
background-repeat:no-repeat;
}
.mainbodyfooter
{
background-image:url(images/design/mainbody_footer.jpg);
width: 943px;
height: 15px;
background-repeat:no-repeat;
}
.sidebottom
{
background-image:url(images/design/sidebox_footer.jpg);
background-repeat:no-repeat;
width:228px;
height:11px;
}
a.pdtname
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
}
a.pdtname:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: red;
text-decoration:none;
font-size:11px;
}
.pdtstyle
{
font-family:Arial, Helvetica, sans-serif;
font-size:11.5px;
color: #000000;
font-weight:bold;
}
.pdtprice
{
font-family:Arial, Helvetica, sans-serif;
font-size:11.5px;
color: #339933;
font-weight:bold;
}
.footer1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #656565;
font-size:12px;
line-height:1.5;
}
.footer2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #A6a4A5;
font-size:11px;
font-weight:bold;
}
.paypal{
	background-image: url(images/design/paypal.jpg);
	background-repeat:no-repeat;
	background-position:left;}
.footer3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #656565;
font-size:11px;
}
a.cart
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#F1740A;
}
a.cart:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#F1740A;
text-decoration:none;
}
.shopcart
{
color: #7a7c7e;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.borderright
{
border-right: none;

}
.borderbottom
{
border-bottom:1px dotted  #999999;
}

.menuleft
{
background-image:url(images/design/menu_left.jpg);
width: 17px;
height: 30px;
background-repeat:no-repeat;
}
.menuright
{
background-image:url(images/design/menu_right.jpg);
width: 17px;
height: 30px;
background-repeat:no-repeat;
}
.pdtnamestyle
{
font-size: 14px;
 color: #63666A;
 text-decoration: none;
 font-weight: bold;

  text-decoration: none;
   padding-bottom:0px;
  padding-left: 2px;
  padding-right:5px;
}



/*//new//*/
a.topmenu {
        color:#AAAAAA;
        font-size:12px;
        text-decoration:none;
        text-decoration:none;
          }
 a.topmenu:hover {
        color: #FFFFFF;
        text-decoration:none;
        }
 .searchboxleft{
	    background-image: url(images/design/searchleft.jpg);
	    background-repeat:no-repeat;
	    background-position:left;
	   }
.searchboxmiddle{
		background-image: url(images/design/searchmiddle.jpg);
		background-repeat:repeat-x;
		border:none;
		background-position:center;
} 
.searchboxright
{
	     background-image: url(images/design/searchright.jpg);
	     background-repeat:no-repeat;
		 background-position:right;
}
.searchbox
{
border:#FFF;
background-color:transparent;
width:240px;
padding-left:0px;
line-height:18px;
font-size:12px;
vertical-align:middle;
color:#5A5A5A;
font:Tahoma Arial, Helvetica, sans-serif;
}
TD.catdevider{
border-bottom:1px dotted #CCC;
}
.headright
{
background-image: url(images/design/rightarrow.jpg);
background-repeat:no-repeat;
width:24px;
height:25px;
padding-right:15px;
vertical-align:middle;
}	

.headmid
{
background-color:#E4E5E7;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
padding-left:30px;
color:#666666;
}			   

		
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */
#makeMeScrollable
    {
        width:953px;
        height: 120px;
        position: relative;
        background-color:#000;
    }
   
    #makeMeScrollable div.scrollableArea *
    {
        position: relative;
        float: left;
		padding-left:0px;
		width:118px;
    }
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
    min-width: 75px;
    width: 10%;
    height: 100%;
    /* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
    background-image: url(images/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
    cursor:pointer;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(images/arrow_left.gif);            
    background-repeat: no-repeat;
    opacity: 0.35; /* Standard CSS3 opacity setting */
    -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
    zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
    height: 120px;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-image: url(images/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor:pointer;
}
/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	 background-image: url(images/arrow_right.gif);  
    background-repeat: no-repeat;
    opacity: 0.35;
    filter: alpha(opacity = 35);
    -moz-opacity: 0.35;
    zoom: 1;
    height: 120px;
}
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
       position: relative;
       overflow: hidden;
       width: 953px;;
       height: 120px;
	  
}

div.scrollableArea
{
       position: relative;
       width: auto;
       height: 120px;
}
div.scrollableArea img
{
       width:116px;
       height:120px;
	   margin-left:-7px;
}