/* Product Detail
------------------------------ */


/* Product */

.product-container {
}

.item-container,
.purchase-container,
.confidence-container {
    clear: none;
    display: block;
    float: left;
}

/* Item container */

.item-container {
    width: 382px;
}
.item {
    border: #ddd solid 1px;
    border-color: #ddd #ccc #bbb;
    border-radius: 5px;
    box-shadow: 0 1px 5px rbga(0,0,0,0.3);
    clear: none;
    dsiplay: block;
    float: left;
    margin-bottom: 30px;
    padding: 5px 25px;
    text-decoration: none;
}
.item .enlarge {
    color: #777;
    font-style: italic;
    text-align: center;
    text-decoration: none;
}




.ribbon {
    background: url(../images/sale.png) no-repeat 0 0;
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 91px 0 0 0;
    position: absolute;
    width: 91px;
}
.closeout .ribbon {
    background: url(../images/close-out-big.png) no-repeat 0 0;
	z-index: 11;
    width: 130px;
    padding: 130px 0 0 0;
}
.sale .ribbon {
    background: url(../images/sale.png) no-repeat 0 0;
	z-index: 11;
}
.new .ribbon {
    background: url(../images/new.png) no-repeat 0 0;
    z-index: 0;
	z-index: 11;
}



/* Purchase container */

.purchase-container {

    background: -moz-linear-gradient(left,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 6%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.1)), color-stop(6%,rgba(0,0,0,0.05)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 6%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 6%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 6%,rgba(255,255,255,0) 100%);
    background: linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 6%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00ffffff',GradientType=1 );

    margin: 20px 40px 20px -10px;
    padding: 5px 0 10px;
    width: 320px;
}
.purchase-container .rating,
.purchase-container .purchase,
.purchase-container .mpc,
.purchase-container .wishlist,
.purchase-container .social {
    clear: both;
    display: block;
    margin: 5px 20px;
    padding: 5px 0;
    width: 100%;
}

.rating { }
.rating .stars {
    background-image: url(../images/stars.gif);
    background-repeat: no-repeat;
    clear: none;
    display: block;
    float: left;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 18px 0 0 0;
    width: 90px;
}
.rating .s-0 { background-position: 0 0; }
.rating .s-05 { background-position: 0 -18px; }
.rating .s-10 { background-position: 0 -36px; }
.rating .s-15 { background-position: 0 -54px; }
.rating .s-20 { background-position: 0 -72px; }
.rating .s-25 { background-position: 0 -90px; }
.rating .s-30 { background-position: 0 -108px; }
.rating .s-35 { background-position: 0 -126px; }
.rating .s-40 { background-position: 0 -144px; }
.rating .s-45 { background-position: 0 -162px; }
.rating .s-50 { background-position: 0 -180px; }
.rating p {
    font-size: 11px;
    margin: 0;
}

/* Purchase */

.purchase {
    margin-bottom: 30px;
}
.purchase .price {
    color: #999;
    font-size: 30px;
    letter-spacing: -2px;
    margin: 0;
    text-align: left;
    text-shadow: 0 1px 1px #fff;
}
.purchase .price s {
    color: #aaa;
    text-shadow: 0 1px 1px #fff;
}
.purchase .price b {
    color: #07619e;
    font-weight: 600;
    text-shadow: 0 1px 1px #fff;
}
.purchase label {
    clear: both;
    display: block;
}
.purchase .number {
    clear: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.purchase .number input {
    border: #ddd solid 1px;
    border-color: #999 #ccc #ddd;
    border-radius: 2px;
    color: #444;
    font-size: 22px;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    width: 60px;
    margin-right: 20px;
}
.purchase .b {
    clear: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.purchase .button {
    margin: 0 0 0 10px;
}

/* MPC */

.mpc {

}
.mpc h4,
.mpc p {
    margin: 0;
}
.mpc h4 {
    color: #444;
    font-size: 11px;
    margin-bottom: 3px;
}
.mpc p {
    font-size: 11px;
}

/* Wishlist */

.wishlist {

}
.wishlist ul {
    clear: both;
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
}
.wishlist ul li {
    clear: none;
    display: block;
    float: left;
    margin-right: 10px;
}

/* Social */

.purchase-container .social {
    border-bottom: none;
    margin-top: 0;
    padding-top: 0;
}
.blog-post .social {
    overflow: hidden;
}
.social ul {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 10px 0;
}
.social ul li {
    clear: none;
    display: block;
    float: left;
    height: 32px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 32px;
}
.social ul li a {
    background: url(../images/social.png) no-repeat 0 0;
    clear: none;
    display: block;
    float: left;
    height: 0;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 32px 0 0 0;
    width: 32px;
}
.social ul li.facebook a:hover { background-position: 0 0; }
.social ul li.plus a:hover { background-position: 0 -64px; }
.social ul li.linkedin a:hover { background-position: 0 -128px; }
.social ul li.pinterest a:hover { background-position: 0 -192px; }
.social ul li.rss a:hover { background-position: 0 -256px; }
.social ul li.twitter a:hover { background-position: 0 -320px; }

.social ul li.facebook a { background-position: 0 -32px; }
.social ul li.plus a { background-position: 0 -96px; }
.social ul li.linkedin a { background-position: 0 -160px; }
.social ul li.pinterest a { background-position: 0 -224px; }
.social ul li.rss a { background-position: 0 -288px; }
.social ul li.twitter a { background-position: 0 -352px; }

/* Confidence container */

.confidence-container {
    margin-top: 20px;
    width: 190px;
}
.confidence-container li {
    background: url(../images/bullet.png) no-repeat 10px 6px;
    color: #777;
    font-size: 11px;
    padding-left: 20px;
}
.confidence-container p {
    font-size: 11px;
    text-align: center;
}
.confidence-container img {
    margin: 0 auto;
    max-width: 190px;
}

/* promotion product */

.promotion-container {
    border: 1px solid #81CA2F;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #81CA2F;
    clear: both;
    margin: 35px 10px 46px;
    overflow: hidden;
    padding: 5px 20px 0;
    position: relative;
    text-decoration: none;
    top: 20px;
    height: 216px;
}
.promotion-container .special_promotion {
    background: url("../images/special_promotion.png") top left no-repeat;
    display: block;
    width: 185px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 17px;

}
.promotion-container ul {
    overflow: hidden;
    margin: 10px 0 0 0;
    display: block;
}
.promotion-container li {
    overflow: hidden;
    margin: 0 0 15px 0;
    display: block;
    width: 700px;
}
.promotion-container li.disabled {
    opacity: 0.6;
}
.promotion-container li .img {
    width: 50px;
    float: left;
    margin: 0 20px 0 0;
}
.promotion-container li .img img{
    width: 50px;
}
.promotion-container .info {
    padding: 0 0 0 70px;
    display: block;
}
.promotion-container .info .title {
    font-size: 12px;
    display: block;
    margin: 0 0 8px;
}
.promotion-container .info .title a {
    font-size: 14px;
}
.promotion-container .info .title s {
    color: #999;
}
.promotion-container .info .title b {
    color: #cc0000;
}
.promotion-container .info .option {
    font-size: 11px;
    color: #666666;
    display: block;
}
.promotion-container .info .option .yes_checkbox {
    border: medium none;
    margin-right: 5px;
    position: relative;
    top: 2px;
}