.legalinfo { background: lightgray; border: 2px solid gray; margin: 10px; padding: 0px 0px 10px 10px; }
.formLabel { float: left; width: 30%; text-align: right; font-weight: bold; margin: 2px; white-space: nowrap; clear: left; }
.formField { float: left; width: 60%; margin: 2px; }
.adminListHeader { float: left; height: 48px; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: bold; padding-left: 80px; padding-top: 10px; }
.labelcell { margin-left: auto; text-align: right; font-weight: bold; vertical-align: top; width: 30%; }
.checkout_bar { color: #333; line-height: 20px; padding: 15px 0px; margin-bottom: 5px; font-size: 1.4em; }
.checkout_bar ul { margin: 0; padding: 0; }
.checkout_bar li { color: #999; float: left; margin: 0px; padding: 0px; padding-left: 25px; margin-left: 45px; list-style: none; white-space: nowrap; border-right: 2px solid #E2E2E2; background-repeat: no-repeat; background-position: left; }
.checkout_bar ul li { }
.checkout_bar .step_1 { width: 120px; margin-left: 0px; background-image: url( ../shop_image/ps_image/step_1.png); }
.checkout_bar .step_2 { width: 130px; background-image: url( ../shop_image/ps_image/step_2.png); }
.checkout_bar .step_3 { width: 260px; padding-left: 28px; background-image: url( ../shop_image/ps_image/step_3.png); }
.checkout_bar .step_4 { width: 150px; padding-left: 20px; background-image: url( ../shop_image/ps_image/step_4.png); border-right: 0px none; }
.checkout_bar a { color: #00718E; text-decoration: underline; }
.checkout_bar .selected a { font-weight: bold; }
/* utils */
.f16 { font-size: 16px; }
.f15 { font-size: 15px; }
/* product detail */
.single-product .product form.cart::after, .single-product .product::after, .single-product .images .thumbnails::after, .single-product .product .description, .single-product .product .add-to-cart::after, .single-product .product .product-rating::after { clear: both; content: ""; }
.single-product .product { overflow: hidden; position: relative; }
.single-product .product .product-rating { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1em; padding: 0 0 10px; }
.single-product .product .product-rating .star-rating { float: right; }
.single-product .product .product-rating a.review-link { color: #AF7034; font-weight:700; line-height:1; text-transform:uppercase; }
.single-product .product-rating .star-rating { font-size: 18px; width: 84px; }
.single-product .product-rating .star-rating::before { content:"\f005\f005\f005\f005\f005"; }
.single-product .product .price { font-size:18px; font-weight: 700; margin:5px 0 15px }
.single-product .product .price del { }
.single-product .product .price ins { margin-left: 0.618em; text-decoration:none }
.single-product .product .images, .single-product div.product .summary { margin-bottom: 10px; }
.single-product .product .images .main-image { display: block; margin-bottom: 1.618em; }
.single-product .product .images img { border: 1px solid rgba(0, 0, 0, 0.1); width:100% }
.single-product .product .images .thumbnails::after { display: table; }
.single-product .product .images .thumbnails a.zoom.first { clear: both; }
.single-product .product .images .thumbnails a.zoom.last { float: right; margin-right: 0; }
.single-product .product .images .thumbnails a.zoom { float: left; margin-right: 14.2857%; width: 14.2857%; }
.single-product .product .images .thumbnails a.zoom { display: block; float: left; margin-bottom: 1em; margin-right: 3.8%; width: 22.05%; }
.single-product .product .add-to-cart { border-bottom: 3px solid rgba(0, 0, 0, 0.024); border-top: 3px solid rgba(0, 0, 0, 0.024); margin-bottom: 1.618em; padding: 1.618em 0; }
.single-product .product form.cart .quantity { float: left; }
.single-product .product form.cart .btn-cart { float: right; }
.quantity .qty { font-size:15px; max-width: 4em; text-align: center; padding-right:7px; border-radius: 0; }
.single-product h2, .related.products h2 { font-size:24px; margin-bottom:15px }
.single-product .tab-content { padding:15px 0 0 }
.single-product .nav-tabs li:first-child { margin-left:10px }
.single-product .nav-tabs li a { font-size: 15px; font-weight:700 }
/* stars vote */
div.stars { width: 200px; display: inline-block; }
div.stars input.star { display: none; }
div.stars label.star { float: right; padding:0 10px; font-size: 20px; color: #666; transition: all .2s; }
div.stars input.star:checked ~ label.star::before { content: '\f005'; color: #FD4; transition: all .25s; }
div.stars input.star-5:checked ~ label.star::before { color: #FE7; text-shadow: 0 0 20px #952; }
div.stars input.star-1:checked ~ label.star::before { color: #F62; }
div.stars label.star:hover { transform: rotate(-15deg) scale(1.3); }
div.stars label.star::before { font-family: FontAwesome; content: '\f006'; }
/* reviews/comment */
#reviews .comment-list { margin-left:0; padding-left:0; list-style:none }
#reviews .comment-list li { border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 1.5em; list-style: none; clear: both }
#reviews .comment-list li:last-child { margin-bottom: 0 }
#reviews .comment-list li time { opacity: 0.8 }
#reviews .comment-list li .avatar { float: right; width: 2.618em; height: auto }
#reviews .comment-list li p.meta { margin:3px 0 10px; }
#reviews .comment-list li .description { padding-bottom: 0.5em }
#reviews .comment-list li .avatar { float: right; height: auto; width: 2.618em; }
#reviews #comments .comment-all { clear: both; text-align:right }
/* cart */
.panel-basket .btn.btn-small { padding: 4px 11px; margin-top:10px }
.panel-checkout .panel-heading h3 { color: #994B00 }
.panel-checkout .panel-heading h3 small { color: #83051D }
.panel-checkout .btn { min-width: 100px; }
.panel-checkout .button-section { margin: 30px auto 10px; }
.panel-checkout .form-horizontal h3 { font-size:22px; margin-bottom:20px }
.panel-checkout .ship-payment { margin-left:0; padding-left:0; list-style:none }
.panel-checkout .ship-payment li { list-style: none; clear: both }
.panel-checkout .ship-payment li .sub-group { padding-left:17px }
.panel-checkout .shipto li.form-group { margin-bottom:5px }

@media (max-width: 640px) {
.panel-checkout .form-horizontal .col-xs-6 { width:100% }
}
@media (max-width: 510px) {
.single-product .product .col-xs-5, .single-product .product .col-xs-7, #reviews .col-xs-6 { float: none !important; clear: both !important; width:100% }
.panel-checkout .button-section .btn { margin-bottom: 10px; }
}