/*
  $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, TD.infoBox, SPAN.infoBox, TD.productListing-data, TD.smallText, SPAN.smallText, P.smallText, .messageBox, TD.noborderbox 
{
	font:10px Verdana, Arial, sans-serif;
}

.errorBox 
{
	background:#ffb3b5;
	font:bold 10px Verdana, Arial, sans-serif;
}

.stockWarning 
{
	color:#c03;
	font:10px Verdana, Arial, sans-serif;
}

.productsNotifications 
{
	background:#f2fff7;
}

.orderEdit 
{
	color:#70d250;
	text-decoration:underline;
	font:10px Verdana, Arial, sans-serif;
}

BODY 
{
	margin:0;
	scrollbar-face-color:#C0C0C0;
	scrollbar-highlight-color:#FFF;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#000;
	scrollbar-shadow-color:#808080;
	scrollbar-arrow-color:#030303;
	scrollbar-track-color:#747474;
	behavior:url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"csshover.htc\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\");
}

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

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

FORM 
{
	display:inline;
}

.PrecoNovidadesIndex 
{
	color:#F00;
	font:bold 11px verdana;
}

TR.header 
{
	background:#e0e0e0;
}

TR.headerError, TR.headerInfo 
{
	background:#f00;
}

TD.headerError, TD.headerInfo 
{
	background:#f00;
	color:#fff;
	text-align:center;
	font:bold 12px Tahoma, Verdana, Arial, sans-serif;
}

TR.footer, .infoBox, .infoBoxNotice 
{
	background:#c2c2c2;
}

TD.footer, A.infoBoxHeading, TD.infoBoxHeading 
{
	height:28;
	color:#000;
	background:url(images/box_background.gif) repeat;
	font:bold 10px Verdana, Arial, sans-serif;
}

.infoBoxContents 
{
	background:#f8f8f9;
	border-spacing:2px;
	border-collapse:separate;
	*border-collapse:expression(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'separate\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\', cellSpacing = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'2px\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
	font:10px Verdana, Arial, sans-serif;
}

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

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, 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:#b6b7cb;
	border-spacing:1px;
}

.productListing-heading 
{
	background:#c2c2c2;
	color:#FFF;
	font:bold 10px Verdana, Arial, sans-serif;
}

A.pageResults 
{
	color:#5c5c5c;
}

A.pageResults:hover 
{
	color:#5c5c5c;
	background:#c2c2c2;
}

TD.pageHeading, DIV.pageHeading 
{
	color:#C00;
	font:bold 20px Verdana, Arial, sans-serif;
}

TR.subBar 
{
	background:#f4f7fd;
}

TD.subBar 
{
	color:#000;
	font:12px Verdana, Arial, sans-serif;
}

TD.main, P.main 
{
	background:#FFF;
	border:1px solid #FFF;
	font:11px/1.5 Verdana, Arial, sans-serif;
}

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

TD.fieldKey, TD.tableHeading 
{
	font:bold 12px Verdana, Arial, sans-serif;
}

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

SPAN.newItemInCart, .inputRequirement 
{
	color:#f00;
	font:10px Verdana, Arial, sans-serif;
}

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

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

SPAN.greetUser 
{
	color:#FF5151;
	font:bold 12px Verdana, Arial, sans-serif;
}

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

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

SPAN.markProductOutOfStock 
{
	color:#c76170;
	font:bold 12px Tahoma, Verdana, Arial, sans-serif;
}

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

.moduleRowOver 
{
	cursor:hand;
	background:#D7E9F7;
}

.moduleRowSelected 
{
	background:#E9F4FC;
}

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

.checkoutBarCurrent 
{
	color:#000;
	font:10px Verdana, Arial, sans-serif;
}

.messageStackError, .messageStackWarning 
{
	background:#ffb3b5;
	font:10px Verdana, Arial, sans-serif;
}

.messageStackSuccess 
{
	background:#9f0;
	font:10px Verdana, Arial, sans-serif;
}

#pscroller_np 
{
	height:150px;
	border:0;
	padding:5px;
}

.pscroller_c_np 
{
	font:11px/1.5 sans-serif;
}

.marquee_hide, .marquee_show 
{
	visibility:visible;
}

.login_name 
{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#0F0;
}

Products Listings Início__________________________________________________ .infoBoxProducts 
{
	text-align:center;
	border:2px;
	border-style:solid;
	border-color:#666;
	color:#333;
	margin-bottom:-8px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
	vertical-align:bottom;
	background:transparent;
	font:normal 10px Verdana, Arial, sans-serif;
}

.infoBoxProducts a 
{
	color:#333;
}

TD.infoBoxGrid 
{
	border:solid 1px #999;
	font:10px Verdana, Arial, sans-serif;
}

TD.infoBoxGrid:hover 
{
	background:#d3d3d3;
}

img.buy_now 
{
	margin-bottom:10px;
}

img.thm_buy_now 
{
	margin-bottom:-3px;
}

.buy_now 
{
	font-weight:bold;
	font-size:18px;
	color:#999;
}

.infoBoxList 
{
	border:ridge 4px #faf0e6;
	border-collapse:collapse;
	background:#fff;
}

.thumbcontent 
{
	color:#666;
	text-align:center;
	font:10px Verdana, Arial, sans-serif;
}

TD.separator 
{
	border-bottom:1px solid #ccc;
}

.productListing-list-price 
{
	color:#333;
	font:16px Verdana, Arial, sans-serif;
}

.productListing-title a, .productListing-title 
{
	color:#333;
	padding-left:18px;
	padding-bottom:10px;
	font:16px Verdana, Arial, sans-serif;
}

.productListing-name a, .productListing-name 
{
	color:#333;
	padding-bottom:6px;
	font:bold 12px Comic Sans MS, Verdana, Arial, sans-serif;
}

.productListing-short 
{
	color:#333;
	font:10px Verdana, Arial, sans-serif;
}

TABLE.buytable 
{
	width:100%;
	height:80px;
	vertical-align:bottom;
	text-align:right;
}

DIV.multi_buy_now 
{
	width:99%;
	text-align:right;
	position:relative;
}

DIV#gbutton1 
{
	margin-bottom:-25px;
	z-index:30;
}

DIV#gbutton2 
{
	margin-top:-25px;
	z-index:30;
}

.quantity 
{
	text-align:center;
	font:10px Verdana, Arial, sans-serif;
}

.quantity input 
{
	text-align:center;
	background:#c0c0c0;
	border:2px solid #666;
	color:#333;
	font:bold 11px Verdana, Arial, sans-serif;
}

TD.attributes 
{
	text-align:right;
	font:11px Verdana, Arial, sans-serif;
}

TABLE.attributes select, TABLE.drop select 
{
	background:#c0c0c0;
	color:#333;
	font:bold 11px Verdana, Arial, sans-serif;
}

SPAN.list_info 
{
	color:#333;
	cursor:pointer;
	font:16px Verdana, Arial, sans-serif;
}

SPAN.list_info span 
{
	display:none;
	position:relative;
}

SPAN.list_info:hover span 
{
	display:block;
	cursor:pointer;
	margin-top:-20px;
	margin-left:-100px;
	position:absolute;
	padding:5px;
	color:#333;
	background:#c0c0c0;
	border:2px solid #666;
	text-align:center;
	font:12px Verdana, Arial, sans-serif;
}

Products Listings Fim_____________________________________________________________________   #thecategories a:hover 
{
	color:#000;
	background:#eee;
}

.catwithsubs, .catwithnosubs 
{
	padding-right:5px;
}

#thecategories 
{
	position:relative;
	top:-9px;
	margin-bottom:-24px;
	width:140px;
}

.activelink 
{
	display:block;
	font-weight:bold;
}

#thecategories a 
{
	display:block;
	padding-bottom:3px;
	padding-top:2px;
	width:100%;
}

html>body #thecategories a 
{
	width:auto;
}

#topcat a 
{
	padding-left:5px;
}

#secondcat a 
{
	padding-left:20px;
}

#thirdcat a 
{
	padding-left:35px;
}

#fourthcat a 
{
	padding-left:50px;
}

#fifthcat a 
{
	padding-left:65px;
}

#tabsJ 
{
	float:left;
	width:100%;
	background:#e0e0e0;
	border-bottom:2px solid #858585;
	font:bold 70%/normal Verdana, Arial, sans-serif;
}

#tabsJ ul 
{
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}

#tabsJ li 
{
	display:inline;
	margin:0;
	padding:0;
}

#tabsJ a 
{
	float:left;
	background:url("images/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}

#tabsJ a span 
{
	float:left;
	display:block;
	background:url("images/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000;
}

#tabsJ a:hover span 
{
	color:#FFF;
	background-position:100% -42px;
}

#tabsJ a:hover 
{
	background-position:0 -42px;
}

TD.headerCart 
{
	background:img src="/images/pixel_trans.gif" repeat center;
	font:10px Verdana, Arial, sans-serif;
}

#ImageBoxOverlay
{
	background-color: #000;	
	z-index: 1000;
	
}
#ImageBoxOuterContainer{
	z-index: 1000;
	
}
#ImageBoxCaption /* haut de l'image - top of the imagebox */
{
	background-color: #F4F4EC;	
	border-bottom-color: gray;
	border-bottom-style: outset;
	border-bottom-width: 6px;
	border-left-color: gray;
	border-left-style: outset;
	border-left-width: 6px;
	border-right-color: gray;
	border-right-style: outset;
	border-right-width: 6px;	
	-webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;  /*h - b - d - g */	
}
#ImageBoxContainer  /* bas de l'image - bottom of the imagebox */
{
	width: 250px;
	height: 250px;	
	background-color: #F4F4EC;
	border-top-color: gray;
	border-top-style: outset;
	border-top-width: 6px;	
	border-left-color: gray;
	border-left-style: outset;
	border-left-width: 6px;
	border-right-color: gray;
	border-right-style: outset;
	border-right-width: 6px;
	-webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;  /*h - b - d - g */		
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 15px;
	color: red;
	
}
#ImageBoxClose{	
	color: #F4F4EC;		
}
#ImageBoxClose:hover{	
	color: #F4F4EC;
}

#ImageBoxCaptionImages
{
	margin: 0;	
	
}
/* réglages des boutons préc/suiv pour la galerie - setting for next/prev buttons for galery */
#ImageBoxNextImage
{
	background-image: url(images/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;   
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 3px;
width: 648px;
height: 25px;/*ajout debug pour le dock menu ! */
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: #a3a3a3; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
border-bottom: 1px solid  #a9a9a9;
border-left: 1px solid  #a9a9a9;
border-right: 1px solid  #a9a9a9;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
 -webkit-border-bottom-right-radius: 7px;
z-index: 1;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: transparent url('square-gray-left.gif') no-repeat top left;
color: #000000;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;
}

.cssbuttonstoggler a span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
text-decoration: none;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: black;
text-decoration: none;
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{
margin-left:20px; /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
text-decoration: none;
}
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	margin: 0;	
	padding: 0;
	width: 650px;
	height: 160px; /* Set height to be able to contain height of largest content shown*/
	color: black;
	overflow: hidden;
	z-index:1;		
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */		
	visibility: hidden;
	background: #f0f0f0;	
	color: dark gray;
	width:648px;
	height:180px;	
	padding: 0;	
	border-left: 1px solid  #a9a9a9;
	border-right: 1px solid  #a9a9a9;
	z-index: 2;
}
.title{	
	width: 648px;	
	height: 25px;	
	color: white;
	background: #a3a3a3;	
	text-align: center;	
	border-top: 2px solid  #a9a9a9;
   border-left: 1px solid  #a9a9a9;
   border-right: 1px solid  #a9a9a9;
	-webkit-border-top-left-radius: 7px;
   -webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;  /*h - b - d - g */	
}
.name a{
   position: absolute;
   margin: 10px 0 0 20px;
	padding:0;
	text-decoration: underline;
	color: #000;
	font: bold 15px Arial; /* Change 12px as desired */   
}
.price{
   position: absolute;
   margin: 30px 0 0 20px;
	padding: 0;	
	font: normal 12px Arial;
	color: Red;			
}

.image{
   position: absolute;
	width : 150px;	
	height: 120px;	
	margin: 15px 0 0 450px;
	padding: 5px;
	
}

.description{
   position: absolute;
	float: left;
   margin: 50px 5px 0 20px;
	width: 400px;	
	padding: 0;	
	font: normal 11px Verdana;
	text-align: justify;
	cursor: pointer;	
}
.description:hover{
	cursor: pointer;
}