/*
  $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; text-align:left; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #fff7f2; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #666666; text-decoration: underline; }
A.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #666666; text-decoration: underline; }
A.orderEdit:hover { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #CC0000; text-decoration: underline; }

a.affiliates {
    color:#FFFFFF;
}

a.topo {
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}


a.topo:hover {
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
  color:#FF0000;
}

a.seta {
border: 0px;
}
a.seta:hover {
border: 0px #000000 solid;
}

a.topo2 {
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;
}


a.topo2:hover {
  font-family: Verdana, Arial, sans-serif;
  font-weight:normal;
  text-decoration:none;
  color:#FFFFFF;
}


DIV.PrecoPromocao {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color:#330000;
  width: 110px;
}

TD.rss {
background: #999999;
height: 24px;
text-align: center; }

A.rss { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #000000; background: #666666; font-weight: bold; }
A.rss:hover { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #FFFFFF; background: #666666; font-weight: bold; }

div.bt_factura {
    border: 1px #000000 solid;
    background-color:#CCCCCC;
    width: 80px;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
}

ol{
padding-left: 0;
margin-left: 1.5em;
margin-bottom: 0.5em; 
list-style-type: square;
}

hr {
    border:0;
    color: #666666;
    background-color: #666666;
    height: 1px;
}

hr.interior {
    border:0;
    color: #999999;
    background-color: #999999;
    height: 1px;
}

.BG_CONTEUDO {
    background-color:#FFFFFF;
/* width:760px; */ 
    width:974px;
}

TABLE.menu2 {
    border-bottom: #663300 solid 1px;
    border-left: #663300 solid 1px;
    border-right: #663300 solid 1px;
    height: 24px;
}

a.menu2 {
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    height:17px;
    vertical-align:bottom;
    padding-left:5px;
    padding-right:5px;
    color:#990000;
}

a.menu2:hover {
    text-decoration:none;
    background:#FFFF99;
}

BODY {
/* background: #003355; */
  background: #999999;
  color: #646464;
  margin: 0px;
}

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

A:hover {
  color: #CC0000;
  text-decoration: none;
}

A.s4m {
  color: #333333;
  text-decoration: none;
}

A.s4m:hover {
  color: #FFFFFF;
  text-decoration: none;
}

FORM {
    display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #FFD84D;
}

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

TD.headerNavigation2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
  color: #003366;
  text-align:left;
}

A.headerNavigation { 
  color: #646464; 
}

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

A.headerNavigation2 { 
  color: #CC0000; 
}

A.headerNavigation2:hover {
  color: #CC0000;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #ff0000;
}

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

TR.footer {
  background: #663300;
}

/* alterado davi */
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
  color: #999999;
  border-top:#999999 1px solid;
  height: 24px;
}

/* davi */
TD.footerCopyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #999999;
  color: #333333;
  text-align:right;
  height:22px;
}

.infoBox {
  background: #CC0000;

}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;

}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  height:24px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #CC0000;
  color: #ffffff;
  text-align:left;
}

TD.infoBoxHeadingD {
  height:24px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #CC0000;
  color: #ffffff;
  text-align: right;
}

TD.medText, SPAN.medText, P.medText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CC0000;
  color: #ffffff;
  text-align:left;
}

TD.medTextD, SPAN.medTextD, P.medTextD {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CC0000;
  color: #ffffff;
  text-align:right;
}

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: #f9f8f8;
  vertical-align:top;
  text-align: left;

}

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: #f9f8f8;
  vertical-align:top;
  text-align: left;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #CC0000;
  border-spacing: 4px;

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #CC0000;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #FFFFFF;
  text-decoration:none;
}

A.smallText2 {
  color: #CCCCCC;
  text-decoration:underline;
}
A.pageResults, A.smallText2:hover {
  color: #FFFFFF;
  background: #CC0000;
  text-decoration:none;
  
}

TD.pageHeading, DIV.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 26px;
text-align:left;
/*  font-weight: bold; */
  color:#CC0000;
  text-shadow:#CC3300;  
}

TR.subBar {
  background: #fdf7f4;
  vertical-align:bottom;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  border: 0;
}
span.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
  border: 0;
  vertical-align:middle;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align:left;
  vertical-align:top;
}


TD.mainD, P.mainD {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align:right;
}

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

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

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: #fef9f1;
  border-color: #FFCC99;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-family: Verdana, 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;
}

.moduleRow { }
.moduleRowOver { background-color: #FFD7D7; cursor: pointer; }
.moduleRowSelected { background-color: #FFE9E9; }

.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: #ff9900; }

/* input requirement */

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

#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img
{
border: none;
}

#overlay{ background-image: url(overlay.png); }

* html #overlay
{
    background-color: #000;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
    }

iframeFP {
border-color: #c00000;
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #c00000;
scrollbar-darkshadow-color: #c00000;
scrollbar-face-color: #c00000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}

#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */


.menu {
width:110px;
height:21px;
font-size:15px;
font-weight: bold; 
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
font-size:15px; /*///////////*/
}
.menu ul ul {
width:110px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:110px;
position:relative;
font-size:15px; /*///////////*/
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-family: Verdana, arial, sans-serif;
font-size:15px;
text-decoration:none; 
color: #000000;  
width:110px; 
height:21px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#FFFFFF; 
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:110px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#cc0000;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#cc0000;
}
.menu ul ul :hover > a.drop {
background:#cc0000;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#cc0000;
}
/* style the third level hover */
.menu ul ul ul a:hover{
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#ee0000;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:22px;
left:0; 
width:140px;
}
* html .menu ul ul {
bottom:21px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:130px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: #ffffff;  
color: #000; 
height: auto; 
line-height: 1em; 
padding: 5px 10px; 
width: 131px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:130px;
w\idth:129px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
background:#ffffff; 
color:#000000;
}
.menu :hover > a, .menu ul ul :hover > a {
color: #ffffff;
background:#ff0000;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}

    .hidden {
        display:none;
        color: #666666;
    }
    
    .hidden2 {
        display:none;
        color: #999999;
    }
    
    .style1 {
        color: #FF0000;
        font-weight: bold;
    }
    
    .style2 {color: #FF0000}