body 
{
   font-family: arial, verdana, helvetica, sans-serif;
    
}


.topMenu {background-color: #615da9}

.totalPedido
{
    font-size:14px;
    font-weight:bold;
    text-align:right;
}
.labelError
{
    color:Red;
    font-weight:bold;
}

.linkCategoria
{
}
.linkCategoria A
{
     text-decoration:none;
     }
.linkCategoria A:Hover
{
     color:Orange;
     }
.loginControl
{
    FONT-SIZE: 11px; 
	 COLOR: #255;
}

.EmptyLabel{
	 color: red; 
     font-size:	 12px;
}

.Label{
	 color: #255; 
     font-size:	 11px;
}
.Validator
{
    font-size:10px;
    color:Red;
    }
.LoginName
{   font-size:10px;
    color:Green;
    }    
.LoginTable
{    background-color:#ffe16b;
    color:#666;
    }   
/*para los marcos con curved borders*/

.t-nov {background: url(Img/dot.gif) 0 0 repeat-x; width: 20em} 
.b-nov {background: url(Img/dot.gif) 0 100% repeat-x}
.l-nov {background: url(Img/dot.gif) 0 0 repeat-y; height:590px}
.r-nov {background: url(Img/dot.gif) 100% 0 repeat-y; height:590px}
.bl-nov {background: url(Img/bl2.gif) 0 100% no-repeat;   height:590; width: 20em}
.br-nov {background: url(Img/br2.gif) 100% 100% no-repeat; height:590px}
.tl-nov {background: url(Img/tl2.gif) 0 0 no-repeat}
.tr-nov {background: url(Img/tr2.gif) 100% 0 no-repeat}

.t-ofe { background : url(Img/dot.gif)  0 0 repeat-x; width: 300px;} 
.b-ofe {background: url(Img/dot.gif) 0 100% repeat-x}
.l-ofe {background: url(Img/dot.gif) 0 0 repeat-y; height:398px}
.r-ofe {background: url(Img/dot.gif) 100% 0 repeat-y; height:398px}
.bl-ofe {background: url(Img/bl2.gif) 0 100% no-repeat;   height:398px; width: 300px}
.br-ofe {background: url(Img/br2.gif) 100% 100% no-repeat; height:398px}
.tl-ofe {background: url(Img/tl2.gif) 0 0 no-repeat}
.tr-ofe {background: url(Img/tr2.gif) 100% 0 no-repeat}

.t-log {background: url(Img/dot.gif) 0 0 repeat-x; width: 20em} 
.b-log {background: url(Img/dot.gif) 0 100% repeat-x}
.l-log {background: url(Img/dot.gif) 0 0 repeat-y; height:10em}
.r-log {background: url(Img/dot.gif) 100% 0 repeat-y; height:10em }
.bl-log {background: url(Img/bl2.gif) 0 100% no-repeat;   height:10em; width: 20em}
.br-log {background: url(Img/br2.gif) 100% 100% no-repeat; height:10em}
.tl-log {background: url(Img/tl2.gif) 0 0 no-repeat}
.tr-log {background: url(Img/tr2.gif) 100% 0 no-repeat}

.t-cat {background: url(Img/dot.gif) 0 0 repeat-x; width: 12em} 
.b-cat {background: url(Img/dot.gif) 0 100% repeat-x}
.l-cat {background: url(Img/dot.gif) 0 0 repeat-y; height:590px}
.r-cat {background: url(Img/dot.gif) 100% 0 repeat-y; height:590px }
.bl-cat {background: url(Img/bl2.gif) 0 100% no-repeat;   height:590px; width: 12em}
.br-cat {background: url(Img/br2.gif) 100% 100% no-repeat; height:590px}
.tl-cat {background: url(Img/tl2.gif) 0 0 no-repeat}
.tr-cat {background: url(Img/tr2.gif) 100% 0 no-repeat}

/* las líneas del marco, repiten un punto por toda la orilla */
.t-scat {background: url(Img/dot.gif) 0 0 repeat-x; width: 20em} 
.b-scat {background: url(Img/dot.gif) 0 100% repeat-x}
.l-scat {background: url(Img/dot.gif) 0 0 repeat-y; height:50em}
.r-scat {background: url(Img/dot.gif) 100% 0 repeat-y; height:50em }
/*las escuinas curvas */
.bl-scat {background: url(Img/bl2.gif) 0 100% no-repeat;   height:50em; width: 20em}
.br-scat {background: url(Img/br2.gif) 100% 100% no-repeat; height:50em}
.tl-scat {background: url(Img/tl2.gif) 0 0 no-repeat}
.tr-scat {background: url(Img/tr2.gif) 100% 0 no-repeat}

/* el footer que lleva a la lista completa */
.masInformacion
{
    FONT-SIZE: 12px;   
}
.masInformacion A
{
    	COLOR: #255; TEXT-DECORATION: none
}
.masInformacion A:hover
{
    	COLOR: #feba34
}
#ancPopUp
{
    font-family:Arial,verdana;
    font-size:12px;
    
    }
#menu
.menu {
  display:table;
  padding:0;
  margin:0;
  font-family: arial, verdana, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  border:1px solid #f00;

}
#menu li 
{display:inline;}
#menu li a
{
padding:0.2em 1em;
background:#fc6;
color:#000;
text-decoration:none;
float:left;
border:1px solid #000;
}
#menu li a:hover
{
background:#08c;
color:#fff;
}

#nav-wrap {
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin-left: 5px; 
	padding-top: 0px;
	width:610px;
    /*margin-left:auto;/* centre for compliant browsers */
    /*margin-right:auto;/* centre for compliant browsers */
    /*position:relative;/* gain stacking context for absolutely placed element */
    
}
#nav {
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 10px; 
	margin: 5px; 
	width: 580px; 
	padding-top: 10px; 
	border-bottom: #828282 1px solid; 
	list-style-type: none
}
#nav LI {
	
	padding-right: 8px; 
	padding-left: 8px; 
	font-size: 11px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px; 
	line-height: 1.2em; 
	padding-top: 0px
}
#nav LI A {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	color: #666; 
	padding-top: 0px; 
	text-decoration: none
}
#nav LI A:hover {
	COLOR: #fa781d
}
#nav LI A.current {
	FONT-WEIGHT: bold; 
	COLOR: #feba34
}
#nav LI.nobrd {
	padding-right: 0px; 
	padding-left: 28px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	border-right-width: 0px
}
/* menú login */
#nav-wrap-login {
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin-left: 5px; 
	padding-top: 0px;
	width:690px;
    /*margin-left:auto;/* centre for compliant browsers */
    /*margin-right:auto;/* centre for compliant browsers */
    /*position:relative;/* gain stacking context for absolutely placed element */
    
}
#nav-login {
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 10px; 
	margin: 10px; 
	width: 690px; 
	padding-top: 10px; 
	border-bottom: #828282 1px solid; 
	list-style-type: none
}
#nav-login LI {
	border-right: #828282 1px solid; 
	padding-right: 15px; 
	padding-left: 15px; 
	font-size: 11px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px; 
	line-height: 1.2em; 
	padding-top: 0px
}
#nav-login LI A {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	color: #666; 
	padding-top: 0px; 
	text-decoration: none
}
#nav-login LI A:hover {
	COLOR: #fa781d
}
#nav-login LI A.current {
	FONT-WEIGHT: bold; 
	COLOR: #feba34
}
#nav-login LI.nobrd {
	padding-right: 0px; 
	padding-left: 28px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	border-right-width: 0px
}


/*Contiene las sub-categorías */
#hm-prodContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px;  PADDING-TOP: 0px;
	text-align:left;width: 250px
}

/*Contiene las sub-categorías */
#hm-scatContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 0px;
	color:Red; text-align:left;width: 350px
}
/* para el producto */
#hm-producto {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 0px; 
	PADDING-TOP: 5px;
	color:#255; text-align:left;
    FONT-SIZE: 11px; 

}
#hm-producto LI {
	PADDING-LEFT: 15px; FONT-SIZE: 11px;  MARGIN: 0px; COLOR: Orange; 
	LINE-HEIGHT: 2.5em; 
}

/* para los productos listados */
#hm-prodListContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; 
	PADDING-TOP: 0px;
	color:Red; text-align:left;width: 310px
}
/* para los productos listados */
#hm-sCatListContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; 
	WIDTH: 500px; PADDING-TOP: 0px;
	color:Red; text-align:left;
}
#hm-MarcasListContainer
{
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; 
	WIDTH: 500px; PADDING-TOP: 0px;
	color:Red; text-align:left;
}

#hm-ProductoContainer
{
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; 
	PADDING-TOP: 0px; font-size:12px;
	color:Red; text-align:left;
}

#lbLoginError
{
    color:Red;
    font-weight:bold;
}
#checkoutWrap
{background: url(Img/checkout.gif) 0 0 no-repeat; width:501px; height:661px; color:Red;}

#registroWrap
{background: url(Img/registro.gif) 0 0 no-repeat; width:501px; height:651px; color:Red;}

#claveWrap
{background: url(Img/pw.gif) 0 0 no-repeat; width:501px; height:651px; color:Red;}

#hm-loginWrap
{background: url(Img/loginNow.gif) 0 0 no-repeat; width:301px; height:171px;}

#hm-loginContainer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px;  
	PADDING-TOP: 0px;
	color:Red; text-align:left;width: 290px
}
#hm-loginContainer A {
	 FONT-SIZE: 11px; 
	 COLOR: #255; TEXT-DECORATION: none
}
#hm-loginContainer A:hover {
	COLOR:   Orange; /*#feba34 */
}

#hm-searchWrap
{background: url(Img/search.gif) 0 0 no-repeat; width:261px; height:61px;}

#hm-searchContainer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px;  PADDING-TOP: 0px;
	color:Red; text-align:left;width: 290px
}
#hm-searchContainer A {
	 FONT-SIZE: 11px; 
	 COLOR: #255; TEXT-DECORATION: none
}
#hm-searchContainer A:hover {
	COLOR:   Orange; /*#feba34 */
}

#hm-ofertasContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; 
	MARGIN: 0px 0px 0px 5px;  PADDING-TOP: 5px;
	color:Red; text-align:left;width: 290px
}
.prodList A
{
    	PADDING: 15; FONT-SIZE: 11px; MARGIN: 10px;  TEXT-DECORATION: none
}
.prodList A:hover
{
    	COLOR: #feba34
}
.prodList TD
{
    	PADDING: 15; FONT-SIZE: 11px; MARGIN: 10px; COLOR:#255; 
}

/*Contiene las categorías */
#hm-catContainer {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 5px; WIDTH: 210px; PADDING-TOP: 0px;
	color:Red; text-align:left;width: 500px

	/*background: url(Img/titCategorias.gif) 50% 0 no-repeat*/
}
#hm-nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#hm-nav LI A {
	PADDING-LEFT: 15px; FONT-SIZE: 11px; BACKGROUND: url(Img/arr-rt.gif) no-repeat 0px 50%; MARGIN: 0px; COLOR: #255; LINE-HEIGHT: 2.5em; TEXT-DECORATION: none
}
#hm-nav LI A:hover {
	COLOR: #feba34
}

#hm-scat UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#hm-scat LI A {
	PADDING-LEFT: 15px; FONT-SIZE: 11px; BACKGROUND: url(Img/arr-rt.gif) no-repeat 0px 50%; MARGIN: 0px; COLOR: #255; LINE-HEIGHT: 2.5em; TEXT-DECORATION: none
}
#hm-scat LI A:hover {
	COLOR: #feba34
}

.catBullet
{	PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND: url(Img/arr-rt.gif) no-repeat 0px 50%; MARGIN: 0px; COLOR: #255; LINE-HEIGHT: 1.5em; TEXT-DECORATION: none
}
.catBullet A:hover {
	COLOR: #feba34
}

.PathNavegacion
{
	font-family:Verdana;
	font-size:10px;
	color:Blue;
}
.Grid
{
     font-family:Arial,verdana;
     font-size:10px;
     background-color:White;
     border-style:solid;
     border-width:1px;
     border-color:#E7E7FF;
}
.GridFoooter
{
     background-color: #B5C7DE;
     color:#4A3C8C; 
}
.GridRow
{
     background-color:#E7E7FF;
     
}
.GridAltRow
{
     background-color:#F7F7F7;
}
GridSelectedrow
{
     background-color:#738A9C;
     font-weight:bold;
     Color:#F7F7F7;
}
.GridPager
{
     background-color:#E7E7FF;
     Color: #4A3C8C;
     text-align:right;
}
.GridHeader
{
     background-color: #4A3C8C;
     font-weight: bold;
     Color: #F7F7F7;
}