body {
    padding-top:70px;
    padding-bottom:30px;
}
.h1, h1 {
    font-size: 24px;
	font-weight: bold;
}
.h2, h2 {
    font-size: 20px;
}
.h2, h2 {
    font-size: 18px;
}
.navbar-nav>li {
    text-align:center;
}
.navbar-nav> #user-bar > a {
    float:left;
}
@media (min-width:768px) {
    .navbar-nav {
        float:right;
    }
}
#fb-loginx {
	padding: 0px 5px;
    margin-top: 15px;
    background-color: #4267b2;
}
.product-item {
    border:1px solid #fff;
}
.product-item:hover {
    border:1px solid #ccc;
}
.product-item a {
    display:block;
    padding:5px 0;
}
.product-item a:hover {
    text-decoration:none;
}
.product-item .name {
    height:40px;
    font-weight:bold;
    overflow:hidden;
}
.product-item .image {
    text-align:center;
}
.product-item img {
    max-width:80%;
    height:220px;
    margin:0 auto;
}
.product-item .price {
    color:#D4232B;
}
.product-item .price span {
    color:#fff;
    display:inline-block;
    background:#D4232B;
    padding:0px 5px;
}

/* util */
.margin-auto {
    margin:0 auto;
}

/* footer */
.copyright {
    border-top: solid 1px #ccc;
    padding: 15px;
    margin-top: 15px;
}

/* fix */
h1, .panel-title, .panel-body, .breadcrumb {
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}