#category{
width:50;
float:left;
height: 80%;
}

#item1_1{
float: left;

}
#item1_1 span{
font-size:12;
white-space:nowrap;

}

.new{
width: 15%;
height:26%;
margin-top:20;
margin-left:10;
text-align:center;
color:#333333;
}

.new:hover{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: url(src/products/bg.png) no-repeat;
text-align:center;
text-decoration: underline;
text-shadow: 0 0 0.5px #000033;
}

.new:hover img{
opacity: 0.4;
}

.new span{
font-size:15;
margin-top:20;
}

.itemsPic{
margin-top:15;
display: block;
margin-left: auto;
margin-right: auto;
width: 120;
height:81;
}
/*--------------------------------------------------------------------------------*/

#nav {
    float: left;
    width: 200px;
}
#nav li a {
    display: block;
    padding: 10px 0px;
    background: #ccc;

    text-decoration: none;
    color: #000;
}
#nav li a:hover, #nav li a.active {
    background: #999;
    color: #fff;
}
#nav li ul {
    display: none; // used to hide sub-menus
}
#nav li ul li a {
    padding: 10px 0px;
    background: #ececec;

}


/*---------------------------------------------------------*/

ul.menu{
margin: 0;
padding: 0;
list-style: none;
}

ul.menu li{
float: left;
}
ul.menu li a{
display: block;
padding: 16px 20px;
text-decoration: none;
color: #ccc;
}

ul.menu li a:hover{
background: #ff9900;
color: #000;
}
ul.menu ul{
position: absolute;
display: none;
margin: 0;
padding: 0;
background: #ff9900;
z-index: 100;
list-style: none;
}

ul.menu ul li{
position: relative;
float: none;
}

ul.menu ul li a{
color: #000;
width: 200px;
text-align: left;
}

ul.menu ul li a:hover{
color: #ccc;
background: #333;
}

#category li a {
color: black;
font-size: 15;
}

#table{
font-size:10px;
}