/*

  $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;
color:#2B2B2B;
font-size:10.5pt;
font-weight:normal;
text-decoration:none;
text-align:none;
line-height:175%;
 
 }

.errorBox { font-family : Arial; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Arial; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Arial; font-size : 10px; color: #009999; text-decoration: underline; }



BODY {
  background-color: #ffffff;
  color: #ffffff;
  margin: 0px;
}

a {
outline: none;
}

:focus
{
  -moz-outline-style: none;
}


a,a:active,a:visited {
outline: none;
font-family:Arial;
color:#000000;
font-weight:normal;
text-decoration:none;
}

a:hover {
outline: none;
font-family:Arial;
color:#cc0000;
font-weight:normal;
text-decoration:none;
}

a {
outline: none;
}

FORM {

  display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Arial;

  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: Tahoma, Arial;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Arial;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #ffffff;

}



TD.footer {

  font-family: Arial;

  font-size: 10px;

  background: #ffffff;

  color: #000000;

  font-weight: bold;

}



.infoBox {

/*  background: #b6b7cb;*/

}



.infoBoxContents {

/*  background: #f8f8f9;*/

  font-family: Arial;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Arial;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Arial;

  font-size: 12px;

  font-weight: bold;

  background: #bbc3d3;

  color: #ffffff;

}



TD.infoBox, SPAN.infoBox {

  font-family: Arial;

  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: #ffffff;

}



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: #ffffff;

}



TABLE.productListing {

/*

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

*/

}



.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: grey;
}



TD.productListing-data {
font-family:Arial;
color:#8a8a8a;
font-size:8pt;
font-weight:normal;
text-decoration:none;
text-align:none;
line-height:120%;
}



A.pageResults {

  color: #000000;

}



A.pageResults:hover {

  color: #000000;

  

}



TD.pageHeading, DIV.pageHeading, pageHeading, .bigHeader {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-weight:bold;

}






TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Arial;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main, div.main {

font-family:Arial;
color:#8a8a8a;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align:none;
line-height:175%;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Arial;
color:#8a8a8a;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Arial;

  font-size: 10px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Arial;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Arial;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Arial;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Arial;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Arial;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Arial;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Arial;

  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, Arial;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Arial;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Arial;

  color: #990000;

}



SPAN.errorText {

  font-family: Arial;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Arial; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Arial; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Arial; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Arial; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Arial; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Arial; font-size: 10px; color: #ff0000; }






#topLinks a {
  font-family: Arial, Courier, monospace;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none
}

#topLinks a:hover {
  color: #800000; 
  font-family: arial, Courier, monospace; 
  font-size: 12px; 
  font-weight: bold; 
  text-decoration: none;
 
  background-position: top left;
  height: 15px;
  width:30px;
}

#topLinks a:active {
/*  color: #0ca00e font-family:"Courier New", Courier, monospace; font-size: 12pt; font-weight: bold; text-decoration: none;*/
}
#topLinks a:visited {
/*  color: #0ca00e; font-family:"Courier New", Courier, monospace; font-size: 12pt; font-weight: bold; text-decoration: none;*/
}



#topLinksrt {

  font-family: verdana;

  color: #4f4f4f;

  font-size: 11px;

  font-weight: normal;

  padding-right:8px;

}



#topLinksrt a {

  font-family: verdana;

  color: #4f4f4f;

  font-size: 11px;

  font-weight: normal;

  padding-bottom:18px;

}

#topLinksrt a:hover {

  text-decoration:none;

}



#brd {
/*  border: 1px solid #000000;*/
/*  padding: 10px;*/
  width:937px;
}



.copy {

  font-family: Arial; 

  font-size: 10px; 

  color: #000000;

}


.copyfooter {
  background:#ffffff;
}

.copyfooter, .copyfooter a {
font-family:Arial;
  color: #000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align:none;
}



#botLinks {

  padding-top:10px;

}

#botLinks, #botLinks a {

  font-family: Arial, sans-serif; 

  font-size: 11px; 

  color: #707070;

}



.bk a {

  font-family: Arial; 

  font-size: 11px; 

  color: #000000;

}



#pName {
  font-family: Arial;
  font-size: 16px;
  color: #08a6ab;
  padding-top:5px;
}



#pPrice {
  font-family: Arial;
  font-size: 14px;
  font-weight:bold;
  color: #000000;
  padding-top:5px;
  padding-bottom:5px;
}



#pDescr {

  font-family: Arial;

  font-size: 12px;

  color: #000000;

/*  padding-top:10px;*/

}

.pImg {
  border: 1px solid #999999; 
}

.homeFeaturedImage {
  border: 2px solid #FEA800; 
  height: 295px; 
  width: 324px;
  vertical-align:middle;
  line-height:295px;
}


#collection {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  letter-spacing:.5px;
  text-transform:uppercase;
}



.cat a {
  padding-left:20px;
  color:#ffffff;
  font-family:arial;
  font-size:13px;



}



.catAll a {

  padding-left:10px;

  color:#4d4d4d;

  font-family:arial;

  font-size:13px;

}



a.pName {
  color:#000000;
  font-family:arial;
  font-size:11px;
}


.green {
  color:#08a60b;
  font-family:arial;
  font-size:13px;
}




.bgmenu{ background: url('images/menu-bg.gif'); text-align: middle;}



.bgmenu-sel{ background: url('images/menu-bg-sel.gif'); text-align: middle;}





a.tab:link{

    font-size: 11px;

    font-weight: bold;

    COLOR: #000000; 

    FONT-FAMILY: Tahoma;

    TEXT-DECORATION: none;

}

a.tab:hover{

    font-size: 11px;

    font-weight: bold;

    COLOR: #000000; 

    FONT-FAMILY: Tahoma;

    TEXT-DECORATION: underline;

}

a.tab:active{

    font-size: 11px;

    font-weight: bold;

    COLOR: #000000; 

    FONT-FAMILY: Tahoma;

    TEXT-DECORATION: none;

}

a.tab:visited{

    font-size: 11px;

    font-weight: bold;

    COLOR: #000000; 

    FONT-FAMILY: Tahoma;

    TEXT-DECORATION: none;

}



.padding{margin-left: 5px; margin-right: 5px;}

a.viewall {
font-family: Arial;
font-size:11px;
}
.view {
padding-right:21px;
padding-top:15px;
}


#topLinks span {
  color: #ffd535;
  padding-left:40px;
  padding-right:40px;
}

#menu {
  padding-top:20px;
  padding-bottom:15px;
  padding-left:3px;
  border: outset #000000;
  border-width: 1.5px;
  background-color:#ffffff;

  height:300px;
  width: 155px;
}

#menu a {
  color:#000000;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

#menu a:hover {
  font-size:12px;
  font-weight: bold;
  color: #000000;
  background-image:url(images/catboxhover.jpg);
  background-position: center;
  height: 15px;
  width:30px;
}


.menu_item {
  height:20px;
  padding-left:15px;
}


#leftline {
  background: transparent;
  height:100%;
  margin-top:0px;
  margin-right:0px;
  width:1px;
}

#offer {
  text-align:center;
  color:#cc0000;
  background-color:#ffffff;
  font-family: Arial;
  font-size:12px;
  font-weight:bold;
  height:30px;
  line-height:30px;
}

.searchtxt {
  font-family: Arial, Courier, monospace;
  color: #ffffff;
  font-size: 11px;
}


.searchfld {
  border: 1px solid #E2A2A2;
}

.sep {
  padding-left:14px;
  padding-right:14px;
}

.maintbl {
  background:#ffffff;
  
}

a.cart {
  font-family: Arial;
  font-size:11px;
  color:#666666;
  font-weight:bold;
  padding-left:48px;

}

/* drop down*/

#sddm
{ margin: 0;
  padding: 0;
  z-index: 30;
  
  }

#sddm li
{ margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#sddm li a
{ 
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 10px;
  /*  background: #5970B2;*/
  color: #FFF;
  text-align: center;
  text-decoration: none;
  
}

#sddm li a:hover
{ 
/*  background: #49A3FF;*/
  font-weight:bold;
 
}

#sddm div
{ position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  border: 1px solid #cccccc;
}

  #sddm div a
  { position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #f0f0f0;
    color: #000;
    font: 11px arial;
    }

  #sddm div a:hover
  { background: #A81F21;
    color: #FFF;
    font-weight:normal;
    font: 11px arial;
    }

a.rev, .rev a {
  font-family:arial;
  color:#58837f;
  font-size:11px;
}


a.menucateg:hover {
border: solid 1px #6633CC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

