/*menu principal*/
#menuLinks {
	color:#99a8b5;
	float:left;
	padding-top:8px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:40px;
}


#menu {
	background-image:url(../images/tiosam-juguetes-barcelona-backMenu.jpg);
	background-repeat:repeat-x;
	width:980px;
	margin:auto;
	float:left;		
	height:30px;
}

#facebook  {
    font-size: 10pt;
    text-align: center;
}    

ul#menuCat {padding:0 0 0 25px; margin:0; list-style:none; font:normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase;}
ul#menuCat li {display:inline;}
ul#menuCat li a {display:block; float:left; padding:0 15px 0 0; line-height:30px; background:url(../images/divider.png) no-repeat right center; margin-left:-1px; text-decoration:none;}
ul#menuCat li a b {display:block; float:left; padding:0 0 0 21px; line-height:30px; color:#999}

ul#menuCat li a.last {background-image:none}

ul#menuCat li a:hover {background:url(../images/tab.png) right top; color: #000;}
ul#menuCat li a:hover b {background:url(../images/tab.png) left top; color:#fff; cursor:pointer;}



/*menu top*/

ul#menuTop {padding:0 0 0 5px; margin:0; list-style:none; font:normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase;}
ul#menuTop li {display:inline;}
ul#menuTop li a {display:block; float:left; padding:0 15px 0 0; line-height:10px; background:url(../images/tiosam-juguetes-barcelona-divider2.png) no-repeat right center; margin-left:-1px; text-decoration:none;}
ul#menuTop li a b {display:block; float:left; padding:0 0 0 21px; line-height:25px; color:#fdd5ba}

ul#menuTop li a.last {background-image:none}

ul#menuTop li a:hover { background-color:#feb583; color: #fff;}
ul#menuTop li a:hover b {background-color:#feb583; color: #fff;; cursor:pointer;}




/*menu subcategorias*/


#submenu2 { width:250px; margin-bottom:30px;}
#submenu2 dl {width: 250px; margin: 0 auto; padding: 0 0 0 0; }
#submenu2 dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; }
#submenu2 dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#submenu2 a, #submenu2 a:visited {color:#fff; text-decoration:none; display:block; padding:15px 15px 15px 20px;
background: #768898 url(../images/arrow.gif) no-repeat 10px 10px; width:225px;
}

#submenu2 dd.current a {color:#fff; text-decoration:none; display:block; padding:15px 15px 15px 20px;
background: #fd8330 url(../images/arrow.gif) no-repeat 10px 10px; width:225px;
}
#submenu2 a:hover {background-color: #99a8b5; color:#fff;}

ol li {font-size:11px;}





/*ACORDEON subcategorias*/
.arrowlistmenu{
width: 250px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: hand;
cursor: pointer;
background: black url(../images/silvergradientover.gif) repeat-x center left;
font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #a4a4a4;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-top: 1px solid #CCC;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/silvergradientoveron.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #fd8330;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #fd8330;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #fd8330;
background-color: #F3F3F3;
}

/*ACORDEON*/

.applemenu{
padding: 0;
width: 250px; /*width of menu*/

}

.applemenu div.silverheader a{
background: black url(../images/silvergradientover.gif) repeat-x center left;
font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #a4a4a4;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-top: 1px solid #CCC;
}



.applemenu div.silverheader a:active{
color: #fff;}


.applemenu div.silverheader a:hover{
background-image: url(../images/silvergradientoveron.gif);
color: #a4a4a4;}


.applemenu div.selected a {
background-image: url(../images/silvergradient.gif);
color: #fff;}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
color: #a4a4a4;


height: 440px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}




/*ACORDEON refinador busqueda*/

.applemenu2{
padding: 0;
width: 250px; /*width of menu*/

}

.applemenu2 div.silverheader a{
background: black url(../images/silvergradientover.gif) repeat-x center left;
font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #a4a4a4;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-top: 1px solid #CCC;
}



.applemenu2 div.silverheader a:active{
color: #fff;}


.applemenu2 div.silverheader a:hover{
background-image: url(../images/silvergradientoveron.gif);
color: #a4a4a4;}


.applemenu2 div.selected a {
background-image: url(../images/silvergradient2.gif);
color: #fff;}

.applemenu2 div.submenu{ /*DIV that contains each sub menu*/
color: #a4a4a4;
background-color:#f5f5f5;


height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

#popUP
{
    width: 200px;
    height: 100px;
    background-color: #CCCCCC;
    border: 4px solid #808080;
    top: -2000px;
    left: -2000px;
    margin-top: 8px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.modalBackground
{
    	FILTER: alpha(opacity=50);
    	BACKGROUND-COLOR: gray;	
    	opacity: 0.5;
}