/*######################################################################################################################
INFO STYLES (estilo aplicado al div emergente que muestra información del producto)
#######################################################################################################################*/

#divPrdInfo {}

#tblPrdInfoHeader { width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
					background-image:url(../img/bgPrdInfoHeader.png); background-repeat:no-repeat; background-position:top }
					
#tdPrdInfoDescr { height:30px; font-weight:bold; padding-left:10px; }

#tblPrdInfo { width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
				background-image:url(../img/bgPrdInfoMiddle.png);}
#tdPrdInfoImage { padding:5px; vertical-align:top}
#tdPrdInfoObs { color: #333333; padding:5px; padding-right:15px; }

#tblPrdInfoFooter { width:500px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
					background-image:url(../img/bgPrdInfoFooter.png); background-repeat:no-repeat; background-position:bottom }


/*######################################################################################################################
CONTAINER STYLES (estilo por defecto aplicado a las áreas de scroll)
#######################################################################################################################*/


#divCategory { margin-left:10px; padding-left:10px; padding-top:10px; border-bottom:solid 2px #FF9900;}

#divProducts { padding-left:10px; margin-top:10px;}

#divProductsFooter { }


div.marginBtn { width:0px;  height:30px; float:left;}
div.submitBtn { background-image:url(../img/buttons/orderButton.png); background-repeat:no-repeat; width:100px; height:23px;
			 font-size:12px; color:#FFFFFF; font-weight:bold; text-align:center; margin-right:5px; padding-top:7px; 
			 float:left;}
div.selectedBtn {background-image:url(../img/buttons/orderButtonSelected.png); background-repeat:no-repeat; width:100px; height:23px;
			 font-size:12px; color:#333333; font-weight:bold; text-align:center; margin-right:5px; padding-top:7px; 
			 float:left;}

div.submitBtn:hover { background-image:url(../img/buttons/orderButtonHover.png); cursor:pointer}




/*######################################################################################################################
CATEGORY SCROLL STYLES (estilo aplicado al menú de categorias)
#######################################################################################################################*/

table.Category { border-collapse:collapse; }
tr.CategoryOddRow { }
tr.CategoryEvenRow { }


span.CategoryOddRow{ padding:5px; }
span.CategoryEvenRow {padding:5px;}

td.CategoryOddRow0 {  padding:0px; 
			background-image:url(../img/bgCategory.png); background-repeat:no-repeat; background-position: left center}
td.CategoryEvenRow0 {   padding:0px; 
			background-image:url(../img/bgCategory.png);  background-repeat:no-repeat;  background-position:left center }

td.CategoryOddRow0:hover { cursor:pointer; color:#FFFFFF; font-weight:bold;  background-image:url(../img/bgCategoryOver.png);}
td.CategoryEvenRow0:hover { cursor:pointer; color:#FFFFFF;  font-weight:bold; background-image:url(../img/bgCategoryOver.png);}


td.CategoryOddRow0Selected {  padding:0px; color:#FFFFFF; font-weight:bold;
			background-image:url(../img/bgCategoryOver.png); background-repeat:no-repeat; background-position: left center}
td.CategoryEvenRow0Selected {   padding:0px; color:#FFFFFF; font-weight:bold;
			background-image:url(../img/bgCategoryOver.png);  background-repeat:no-repeat;  background-position:left center }





/*######################################################################################################################
PRODUCT SCROLL STYLES (estilo aplicado al menú de productos)
#######################################################################################################################*/

/* product Headers */

#divProductHeader { background-color:#009900}

table.ProductHeader { font-family:Arial, Helvetica, sans-serif; font-size:12px;
					 background-image:url(../img/bgTopPedidos.png); background-repeat:no-repeat; }

tr.ProductTitle { }
td.ProductTitle { }

tr.ProductHeader { height:20px}
td.ProductHeader {padding:0px ; font-weight:bold; background-color:#666666; color:#FFFFFF}

span.ProductHeader{ padding:5px; }


/* product rows */

table.Product { font-family:Arial, Helvetica, sans-serif; font-size:10px;
				background-image:url(../img/bgMiddlePedidos.png); background-repeat:repeat-y; }
tr.ProductOddRow {}
tr.ProductEvenRow {}

span.ProductOddRow{ padding:0px; }
span.ProductEvenRow {padding:0px;}

input.ProductOddRow0 { color:#FF0000; font-weight:bold; text-align:center;}
input.ProductEvenRow0 { color:#FF0000;  font-weight:bold; text-align:center;}

img.ProductOddRow0:hover { cursor:pointer;}
img.ProductEvenRow0:hover { cursor:pointer;}


td.ProductOddRow0 {  padding:3px; font-size:10px; font-weight:bold; border-bottom:#999999 1px dashed; 
					background-color: #EBEBEB;}
td.ProductEvenRow0 { padding:3px; font-size:10px; font-weight:bold; border-bottom:#999999 1px dashed; }
img.ProductOddRow0 { padding:0px; }
img.ProductEvenRow0 { padding:0px }

td.ProductOddRow1 { padding:3px; border-bottom-color:#999999; border-bottom-width:1px; border-bottom-style: dashed; 
					background-color: #EBEBEB;}
td.ProductEvenRow1 { padding:3px;border-bottom-color:#999999; border-bottom-width:1px; border-bottom-style: dashed; }

td.ProductOddRow2 { padding:3px;border-bottom-color:#999999; border-bottom-width:1px; border-bottom-style: dashed; 
					background-color: #EBEBEB;}
td.ProductEvenRow2 { padding:3px;border-bottom-color:#999999; border-bottom-width:1px; border-bottom-style: dashed; }


span.ProductOddRowCurrency { font-size:10px;}
span.ProductEvenRowCurrency { font-size:10px;}