/* box products */
.box-product {
width: 100%;
overflow: auto;
}
.box-product > div {
display: inline-block;
width: 170px;
float: left;
padding:3px;
min-height:280px;
margin-top:5px;
border:1px solid #666666;
margin-right: 5px;
margin-left:5px;
margin-bottom: 5px;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.box-product > div:hover {
-webkit-box-shadow: 0 0 5px #666;
-moz-box-shadow: 0 0 5px #666;
box-shadow: 0 0 10px #FF0000;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
display: inline-block;
width: 170px;
float: left;
padding:3px;
margin-top:5px;
min-height:280px;
border:1px solid #FF0000;
margin-right: 5px;
margin-left:5px;
margin-bottom: 5px;
}
.box-product .image {
display: block;
padding-bottom:15px;
margin-bottom: 0px;
}
.box-product .image img {
padding: 3px;
/*border: 1px solid #E7E7E7;*/
}
.box-product .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.box-product .price {
display: block;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}
.box-product .sidebar {
width:158px;
margin-bottom:10px;
text-align:left;
}
.box-product .sidebar .price {
margin-bottom:0px;
}
.box-product .sidebar .rating {
margin-bottom:0px;
}
.box-product .sidebar .image img {
padding:1px;
}
.box-product .sidebar .name a {
margin-bottom:0px;
}
.box-product .price s {
color: #F00;
}
.box-product .rating {
display: block;
margin-bottom: 4px;
}
/* box category */
.box-category {
margin-top: -5px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
text-decoration: none;
color: #333;
}
.box-category > ul > li ul {
display: none;
}
.box-category > ul > li a.active {
font-weight: bold;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category > ul > li ul > li {
padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
text-decoration: none;
display: block;
}
.box-category > ul > li ul > li > a.active {
font-weight: bold;
}
/* content */
#content .content {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
#content .content .left {
float: left;
width: 49%;
}
#content .content .right {
float: right;
width: 49%;
}
/* category */
.category-info {
overflow: auto;
margin-bottom: 20px;
background:#fff;
}
.category-info .image {
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}
.category-list {
background:#fff;
overflow: auto;
margin-bottom: 20px;
}
.category-list ul {
float: left;
width: 18%;
}
.category-list .div a {
text-decoration: underline;
font-weight: bold;
}