/* ==========================================================
   MAGICTRICKS.COM PRODUCT PAGES
   product-pages.css

   Initial migration copy of the LISTING section from
   default.css. Keep rule order unchanged during migration.
   ========================================================== */

/*---------------------------------------------------------
LISTING
---------------------------------------------------------*/
#listing .container {max-width: 1400px;}
.listing-page-content {padding: 20px 0;}
.listing-page .category-header, .listing-page .category-footer {margin: 0px;}
#listing .title-top {float: left;width: 100%;margin: 0 0 5px;}
#listing h1.page_headers {margin: 0;font-weight: 500;background-color: #067da8;font-size: 22px;color: #fff;padding: 8px 10px;text-shadow: 0 1px 2px rgba(0,0,0,0.8);border: 1px solid #000;}
#listing .header > h4.page_heading {margin-bottom: 10px;}
#listing .prod-review-id {float: left;display: inline-block;width: 100%;background: #fff;padding: 10px 5px;border: 1px solid #ccc;font-weight: 800;}
#listing .id-block {float: left;width: 66.66%;}
#listing .product-id strong {color: #333;}
#listing .product-id {margin: 0 0 -1px;float: left;width: 100%;border: 1px solid #ccc;padding: 0 0 0 5px;}
#listing .product-upc {float: left;clear: none;font-size: 14px;width: 50%;text-align: center;}
#listing .prod-manu {float: left;width: 33.33%;text-align: center;}
#listing .prod-review-id span {display: block;font-weight: 400;}
#listing .product-reviews {float: left;margin: 0;width: 100%;padding: 5px 0px;border-bottom: 1px solid #ccc;}
#listing .reviews-stars {top: -2px;margin-right: 2px;}
#listing .reviews-count a {color: #333;}
#listing span.reviews {float: left;margin-right: 0;}
#listing a.createreview-link {float: right;color: 333;font-size: 15px;}
#listing .star-rating {width: auto;}
#listing .quantityBlock.sub-section {margin: -1px 0 0;display: inline-block;width: 100%;padding: 0;border: 1px solid #ccc;}
#listing .quantityBlock.sub-section .header h4.page_heading {margin: 0 0 -1px;font-size: 16px;color: #000;padding:5px 0;border-bottom: 1px solid #ccc;background: #fcfcfc;}
#listing .quantityBlock.sub-section .header h4.page_heading .qtyTable-btn:hover, .qtyTable-btn:focus { opacity: 1;font-weight: 600;}
#listing .quantityBlock .quantity-table {margin-top: 0;}
#listing .quantityBlock .quantity-table .table>thead>tr>th {border-bottom: 1px solid #ddd;}
#listing .prod-qarevlink {display: none;width: 100%;padding: 0 5px 0 0;background: #eee;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 12px;font-weight: 600;}
#listing .qaLink {margin: 0;}
#listing .qaLink a {margin: 0;float: left;width: 100%;text-align: center;background: #eee;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;color:#000;}
#listing .qaLink > a > i {vertical-align: top;}
#listing .special-actions.text-center {margin: 0px 0 20px;float: left; width: 100%; padding: 0; border: 0px solid #ccc;}
#listing .special-action {display: inline-block;margin: 0;float: left;  width: 50%; padding: 5px; background: #fff;}
#listing .special-actions .special-action.addWishlist {border-right: 0px solid #ccc;}
#listing .addToCartBlock.sub-section {background: #f6f6f6;padding: 10px;border: 1px solid #ccc;margin: 0;position: relative;}
#listing .addToCartBlock.sub-section .form-group {margin-bottom: 0;}
#listing .qtybox-addcart.form-group {float: left;position: relative;z-index: 1;}
#listing .qty-input input[type="text"] {border: 1px solid #777;height: 46px;}
#listing span.qty-nav > button {line-height: 21px;}
#listing .qtybox-addcart.form-group > label:nth-of-type(1) {position: absolute; top: -10px; left: 13px;font-size: 11px; margin: 0;display: none;}
#listing .qtybox-addcart.form-group > label.qty-input-title {position: absolute;top: 0;font-size: 12px;left: 22px;text-transform: uppercase;}
#listing .qtybox-addcart.form-group label.qty-input {position: relative;width: 80px;margin: 0 10px;vertical-align: middle;top: 0;}
#listing .pricingBlock {margin: auto;position: absolute;text-align: center;right: 0;width: 100%;padding: 0 0 0 280px;top: 0;bottom: 0;}
#listing .price-block {height: 65px;position: relative;background: #fff;box-shadow: 0 0 0 5px #f6f6f6 inset;padding: 10px 0 0;box-shadow: 0 0 0 5px #f6f6f6 inset;font-size: 13px;}
#listing .pricingBlock .yourprice, #listing .pricingBlock .saleprice {font-size: 20px;}
#listing .pricingBlock .yourprice {line-height: 45px;}
#listing .pricingBlock span#price {padding-left: 5px;color: #292929;}
#listing .pricingBlock .retailprice {display: inline-block;font-weight: 600;margin: 3px 0;}
#listing .pricingBlock .retailprice span {font-weight: 400;}
#listing .pricingBlock .savings {display: inline-block;font-weight: 600;margin: 3px 0;}
#listing .pricingBlock .savings span{font-weight: 400;}

#listing span.freeshipping {display:none;}
#listing .opt-label {margin: 0 0 5px;line-height: 1;}
#listing .opt-label > label {margin: 0;font-size: 14px;}
#listing #divOptionsBlock {margin: 0 0 15px;padding: 8px;border: 1px solid #ccc;}
#listing #divOptionsBlock .page_heading {margin: 0;padding: 5px;border: none;background: #333;color: #fff;font-size: 17px;font-weight: 500;}
#listing .opt-label {margin: 0 0 4px;border-bottom: 1px solid #ccc;padding: 0 0 4px;}
#listing #divOptionsBlock .opt-regular {margin: 10px 0 0;}
#listing #divOptionsBlock .radio-format > input[type="radio"]:checked + label.radio-option {border: 2px solid #333;background: #067da8;color: #fff;}
#listing .checkbox-format {background-color: transparent;padding-left: 5px;padding-right: 5px;padding-top: 3px;padding-bottom: 3px;position: relative;cursor: pointer;font-weight: 600;font-size: 12px;width: 100%;margin: 0;}
#listing .checkbox-format input[type="checkbox"], .checkbox-format input[type="checkbox"] {position: relative;left: 0;top: 2px;bottom: auto;margin: auto;}
#listing .extrafieldsBlock {margin: 15px 0 0;float: left;width: 100%;}
#listing #main-image {background: #fff;border: 1px solid #ccc;overflow: hidden;position: relative;}
#listing #main-image.main-image .savings-percentage {position: absolute;right: -105px;transform: rotate(45deg);top: 5px;height: 70px;width: 300px;background: #fbcf02;z-index: 10;line-height: 70px;color: #333;font-weight: 800;font-size: 18px;border: 0px solid #111;box-shadow: 0 2px 5px 0px rgba(0,0,0,0.5);}
#listing .imagecaptiont {font-size: 15px;}
#listing .short-description {margin: 0 0 10px;float: left;width: 100%;border-bottom: 1px solid #ccc;padding: 15px 0;font-weight:600;font-size:18px;}
.listing-page .addl-images {margin: 10px 0;}
#listing .col-md-6.tcd-stuck {position: sticky;top: 170px;bottom: 0;}
#listing .product-cols.row > .col-md-6:nth-of-type(1) {width: 38%;float:left;}
#listing .product-cols.row > .col-md-6:nth-of-type(2) {width: 62%;float:left;}
#listing .paypal-wrap {background: #fff;border: 1px solid #ccc;margin: 5px 0 0;}
#listing .sub-section {margin: 0; width: 100%;float: left;}
#listing .col-sm-2.col-xs-3.text-right.rating-filter-label {padding: 0;}
/*#listing #availabilityInfo {float: left;width: 100%;padding: 0px 0 0px 5px;background: #fcfcfc;border: 1px solid #ccc;font-weight: 400;margin: 0 0 -1px;}*/
#listing #availabilityInfo .availability-header {font-weight: 600;font-size: 17px;color: #333;display:none;}
#listing #availabilityInfo #availability {color: #292929;font-size: 14px;font-weight: 600;}
#listing .rTabs {margin: 0 0 15px;}
#listing .r-tabs .r-tabs-nav { border-bottom: 1px solid #ccc; margin: 0;}
#listing .r-tabs .r-tabs-nav .r-tabs-state-active { border: none; margin-bottom: -2px; box-shadow: none;}
#listing .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background-color: #ffffff !important; border-top: none; border-bottom: 5px solid #333; box-shadow: none; color: #444 !important;}
#listing .r-tabs .r-tabs-nav .r-tabs-anchor { background: transparent none repeat scroll 0 0; color: #777; font-size: 16px !important; letter-spacing: -0.5px;margin-bottom: 0; padding: 5px 6px; text-transform: uppercase; font-weight:600;}
#listing .r-tabs .r-tabs-panel {border: medium none;background: #f7f7f7;}
#listing .r-tabs a:hover {color: #111 !important;}
#listing .r-tabs .r-tabs-accordion-title .r-tabs-anchor {background-color: #333;}
#listing .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #333 !important;color: #eee;}
#listing .waitinglist.sub-section {margin: 0;float: left;width: auto;}
#listing #waitinglist-btn {border-color: #000;margin: 5px 0 10px;padding: 4px 10px;border-radius: 2px;text-transform: uppercase;font-size: 14px;font-weight: 500;}
#listing strong.ef-title {display: none;}
#listing .extra_field h2 {font-weight: 600;background: #067da8; border: 1px solid #333;padding: 4px 0 4px 5px;font-size: 19px;color: #fff !important;}
#listing .extra_field h2 span {color: #fff !important;}
#listing .extrafieldsBlock.extra-top {margin: 0 0 5px;float: left;width: 100%;}
#listing .extrafieldsBlock.extra-top strong {color: #cc002d;font-size: 16px;}
#listing .extrafieldsBlock.extra-top .extra_field {float: left;margin: 0 10px 5px; 0}
#listing .extrafieldsBlock.extra-top .extra_field .info {font-weight: 600;letter-spacing: -0.5px;}
a#tab-4 {position: absolute;margin: -150px 0 0;}
#listing h2.block-header {font-weight: 600;background: #067da8; border: 1px solid #333;padding: 4px 0 4px 5px;font-size: 19px;color: #fff !important;}
#listing .extra_field.eften > .info > span { font-weight: 600 !important;background: #067da8;border: 1px solid #333;padding: 2px 0 1px 5px; font-size: 19px;color: #fff !important;float: left;margin: 0 0 10px;width: 100%;}
#listing .category_breadcrumbs.sub-section {display: none;}
#listing .rewardsPointsBlock.sub-section {margin: 0 0 25px;}
#listing .qaBlock a.qaLink.btn.btn-primary {background: #fff;border: 1px solid #000;color: #da360f !important;}

#listing #availability.sold-out::after {content: "SORRY - SOLD OUT";display: block;max-width: 250px;margin: 5px 0 10px;background: #000;position: relative;width: 100%;text-align: center;padding: 5px;font-size: 20px;color: #fff;font-weight: 800;}
#listing .mz-hint-message { display: none;}

#listing .embed-container {position: relative;padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;clear: both;}
#listing .embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#listing.listing-closeout .pricingBlock .yourprice {line-height: 1.25;}

@media(max-width: 991px) {
#listing .pricingBlock {padding: 0;}
#listing .col-md-6.tcd-stuck { top: 110px;}
#listing .addToCartBlock.sub-section {text-align: center;}
#listing .qtybox-addcart.form-group {float: none; margin: 60px auto 0;}
}

@media(max-width: 767px) {
#listing .container {padding: 0 10px;}
#listing .product-cols.row > .col-md-6:nth-of-type(1) {width: 100%;float:left;}
#listing .product-cols.row > .col-md-6:nth-of-type(2) {width: 100%;float:left;}
#listing .product-cols.row > .col-md-6 {width: 100%;position: relative;top: 0;}
}

@media(max-width: 460px) {
}