/* product detail view lightbox */ a#mgkviewlightbox { display: block; width:92px; height:45px; background: url(../images/magikview/quick_view_btn.png) 0 0 no-repeat; } .product-image img {} .product-image img:hover { opacity: 0.5; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .products-grid li.item .product-image { overflow:hidden} .products-grid li.item .product-image img{} .products-grid li.item { overflow:hidden; position:relative;} .products-grid li.item #mgkviewlightbox{position:absolute; left: 60px; top: 100%; display: none;} .col1-layout .products-grid li.item:hover #mgkviewlightbox{top: -100%;left:80px;} .col3-layout .products-grid li.item:hover #mgkviewlightbox{top: -60%;left:30px;} .products-list li.item .product-image { overflow:hidden} .products-list li.item .product-image img{} .products-list li.item { overflow:hidden; position:relative;} .products-list li.item #mgkviewlightbox{position:absolute; left: 25px; top: 100%; } .products-list li.item:hover #mgkviewlightbox{top: 25%;} #mgknext { display: block; width:24px; height:23px; background: url(../images/magikview/n-arrow.png) 0 0 no-repeat;float:right;margin-top:6px;margin-right:0px;} #mgkprev { display: block; width:24px; height:23px; background: url(../images/magikview/p-arrow.png) 0 0 no-repeat; float:left;margin-top:6px;} #mc_quickview #mcquickview #mcquickview-prevnext{overflow:hidden; padding-top:5px} #mc_quickview .mgkoptions .mgkpriceavail{margin-bottom:0px;overflow:hidden;} /* */ #mc_quickview { width: 850px; height: 630px; background-color: #fff; border-radius: 0px; position: fixed; top: 50%; left: 50%; margin-top: -315px; margin-left: -425px; box-shadow: none; max-height: none; z-index: 1200; } a#mcquickview-close{ background: url("../images/magikview/mc-close.png") no-repeat scroll 0 0 transparent; cursor: pointer; padding: 15px; position: absolute; right: -15px; top: -15px;} #mc_quickview #mcquickview #mcquickview-footer{overflow:hidden; padding-top:15px} #mc_quickview #mcquickview #mcquickview-footer .add-to-links{float:left} #mc_quickview #mcquickview #mcquickview-footer .detail-link{float:right} #mc_quickview #mcquickview #mcquickview-footer ul{overflow:hidden; padding:0px; margin:0px} #mc_quickview #mcquickview #mcquickview-footer ul li{display:inline; float:left; padding:0px; margin:0px} #mc_quickview #mcquickview #mcquickview-footer span { color: #999999; display: inline-block; margin-left: 3px;margin-right: 3px;} #mc_quickview #mcquickview .product-quickview { padding:20px; overflow: hidden; min-height: 200px} #mc_quickview #mcquickview .product-quickview .product-quickviewinner { overflow: hidden; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner p{margin:0px} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .separator {color:#999; display:inline-block; margin-left:3px; margin-right:3px} #mc_quickview #mcquickview .product-quickview .product-img-box .product-image { } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views { clear:both; margin:10px 60px 0 25px } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views li { float:left; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views li a { display:block; text-align:center; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views .jcarousel-next { background: url(../images/magikview/icon_arrow_next.png) no-repeat 8px 6px #F2F2F2; width:22px; height:22px; position:absolute; right: -42px; top: 17px; cursor:pointer; border:1px #ddd solid; margin:0} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views .jcarousel-prev { background: url(../images/magikview/icon_arrow_prev.png) no-repeat 8px 6px #F2F2F2; width: 22px; height: 22px; position:absolute; left: 0px; top: 17px; cursor:pointer; border:1px #ddd solid; margin:0 } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views .jcarousel-clip { overflow:hidden; margin-left:37px } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-images { width: 92px; float: left; overflow: hidden; margin-top: -20px; padding-top: 20px; padding-bottom: 20px; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-images .normal-list { margin-top: -6px; } /* Product Shop */ #mc_quickview #mcquickview .product-quickview .product-name { margin:0 !important;} #mc_quickview #mcquickview .product-quickview .product-name h1{ font-size:18px; margin:0 0 15px; text-align:left; color:#333333; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; padding:0px} #mc_quickview #mcquickview .product-quickview .short-description { margin-top:15px;color:#333; line-height:1.5em} #mc_quickview #mcquickview .product-quickview .short-description h2{font-size:16px; padding:0px; margin:0px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; color:#E26703; padding-bottom:3px} #mc_quickview #mcquickview .product-quickview .product-shop .ratings{ border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:10px 0; margin:2px 0; overflow:hidden} #mc_quickview #mcquickview .product-quickview .product-shop .ratings .rating-links{ padding-left:6px; float:left} #mc_quickview #mcquickview .product-quickview .product-shop .ratings .rating-box { width:69px; height:14px; font-size:0; line-height:0; background:url(../images/magikview/view_rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; float:left; } #mc_quickview #mcquickview .product-quickview .product-shop .ratings .rating-box .rating { float:left; height:16px; background:url(../images/magikview/view_rating.png) 0 100% repeat-x; } #mc_quickview #mcquickview .product-quickview .product-shop .ratings .ratings .rating-box { margin-right:8px; display:inline-block } #mc_quickview #mcquickview .product-quickview .product-shop .ratings .ratings .amount {} #mc_quickview #mcquickview .product-quickview .product-shop .price-box { display:block; padding:0;float:left } #mc_quickview #mcquickview .product-quickview .product-shop .price-box .old-price { margin-right: 5px; margin-top: 0; display:inline-block } #mc_quickview #mcquickview .product-quickview .product-shop .special-price { display: inline-block; margin: 0; padding: 0; } #mc_quickview #mcquickview .product-quickview .product-shop .old-price .price {font-size: 18px;text-decoration:line-through;} #mc_quickview #mcquickview .product-quickview .old-price .price { color: #999999; line-height: 28px; } .add-to-cart .qty, .qty-holder .qty {background-color: #FFFFFF;border: 1px solid #ddd;} .product-shop .button-up, .product-shop .button-down {height: 28px;} .add-to-cart .button-up, .add-to-cart .button-down {left: 94px;position: absolute;} #mc_quickview #mcquickview .product-quickview .product-shop /* Product Collatera ========================================= */ /* Block: Description */ #mc_quickview #mcquickview .product-quickview .box-description {} /* Block: Additional */ #mc_quickview #mcquickview .product-quickview .additional h2 { color: #E26703; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 3px; } #mc_quickview #mcquickview .product-quickview .additional .short-description{ margin-top:0px; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:15px} #mc_quickview #mcquickview .product-quickview .additional .data-table { margin: 0; width: 100%; font-size:11px; line-height:18px;border:none;} #mc_quickview #mcquickview .product-quickview .additional .data-table td.label, .data-table th.label { font-weight: bold; text-align:left;border-right:none;} #mc_quickview #mcquickview .product-quickview .additional .data-table th { border-bottom: 1px solid #EAEAEA;font-weight: bold;padding: 5px;white-space: nowrap; } #mc_quickview #mcquickview .product-quickview .additional .data-table td { padding: 5px; border-bottom: 1px solid #EAEAEA;border-right:none;} /* Block: Tags */ #mc_quickview #mcquickview .product-quickview .box-tags {} #mc_quickview #mcquickview .product-quickview .box-tags .form-add label { float:left; line-height:33px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif } #mc_quickview #mcquickview .product-quickview .box-tags .form-add .input-box { float:left; margin:0 0 0 10px; } #mc_quickview #mcquickview .product-quickview .box-tags .form-add input.input-text { width:320px; } #mc_quickview #mcquickview .product-quickview .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* ======================================================================================= */ /* Availability, Brand */ #mc_quickview #mcquickview .product-quickview .product-quickviewinner .availability{ float:right;margin:10px 10px 2px 0px; font-weight:bold; font-size:11px } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .availability span { font-weight:normal; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .availability.in-stock span { color:#4F8100} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Add to Links + Add to Cart */ #mc_quickview #mcquickview .product-quickview .add-to-box { padding:10px; background:#F9F9F9; border:1px solid #DDDDDD; border-radius:3px } #mc_quickview #mcquickview .product-quickview .add-to-box .add-to-cart, #mc_quickview #mcquickview .product-quickview .product-options-bottom .add-to-cart { margin:0 0 25px; position:relative; margin-right:15px} #mc_quickview #mcquickview .product-quickview .product-options-bottom .add-to-cart { margin-bottom:0; } #mc_quickview #mcquickview .product-quickview .add-to-box .or { float:left; margin:0 10px; } #mc_quickview #mcquickview .product-quickview .add-to-box .add-to-links { padding:0; margin:0 0 10px; list-style:none; } #mc_quickview #mcquickview .product-quickview .add-to-box .add-to-links li { display:inline; } #mc_quickview #mcquickview .product-quickview .add-to-links span { margin:0 4px 0 8px } .add-to-cart .qty { float: left;margin-top: 0;padding: 10px 10px 10px 5px;font-size: 14px;color: #333;background: #fff;} #mc_quickview #mcquickview .product-quickview .add-to-cart .quantity-decrease, .add-to-cart .quantity-increase { float: left; width: 20px; height: 20px; border: none; padding: 0px; margin: 9px 5px; text-indent: 100%; overflow: hidden; white-space: nowrap; cursor: pointer; background: url(../images/small_arr.png) left top no-repeat; background-repeat: no-repeat; background-color: #DEDEDE; -moz-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } #mc_quickview #mcquickview .product-quickview .add-to-cart .quantity-decrease { background-position: 7px 6px; margin-left: 0; margin-right: 0; } #mc_quickview #mcquickview .product-quickview .add-to-cart .quantity-increase { background-position: -38px 6px; margin-left: 0; } #mc_quickview #mcquickview .product-quickview .add-to-cart input.qty { text-align: center; } #mc_quickview #mcquickview .product-quickview .add-to-box .add-to-cart { margin: 0px; } #mc_quickview #mcquickview .product-quickview .add-to-cart { display: block; } #mc_quickview #mcquickview .product-quickview .add-to-cart label { float: left; margin-right: 5px; font-weight: bold; color: #666; margin-top: 4px; font-size: 12px; padding-top:8px; } #mc_quickview #mcquickview .product-quickview input.reduced {background: url("../images/magikview/reduced.png") no-repeat scroll 0 0 transparent;border: 0 none;float: left;height: 39px; margin: 0px 0px 0 5px; padding: 0;width: 20px !important;} #mc_quickview #mcquickview .product-quickview input.increase {background: url("../images/magikview/increase.png") no-repeat scroll 0 0 transparent;border: 0 none;float: left; height: 39px;margin: 0px 15px 0 0; padding: 0; width: 20px !important;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box {font: bold 12px Arial,sans-serif;padding: 7px 0;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box a.activeLink { background-color: #333; border-radius:3px; color: #FFFFFF !important; font-weight: bold; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box a { background: none repeat scroll 0 0 #f9f9f9; border-radius:3px; color: #666 !important; font-weight:bold; margin-right: 0px; padding: 8px 12px 8px; text-decoration: none; text-transform:uppercase; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box a:hover {text-decoration: none;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tabLink {color: #ccc; font-weight:normal;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tabcontent {background-color: #FFFFFF;padding-top: 15px; overflow:hidden;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tabcontent:hover {overflow-y:auto} #mc_quickview #mcquickview .product-quickview .hide {display: none;} #mc_quickview #mcquickview .product-quickview .product-options{margin: 1px 0 0;overflow: hidden;padding: 10px 0;text-align: left;margin-bottom:5px;border-radius:3px;} #mc_quickview #mcquickview .product-quickview .product-options dl {margin:0px; text-align: center;} #mc_quickview #mcquickview .product-quickview .product-options dt{ width:17%; display:inline-block} #mc_quickview #mcquickview .product-quickview .product-options dt label { font-size: 12px;font-weight: bold;} #mc_quickview #mcquickview .product-quickview .product-options dt label .required {color: #FF0000;} #mc_quickview #mcquickview .product-quickview .review-tab .rating-box { background: url("../images/magikview/view_rating.png") repeat-x scroll 0 0 transparent; font-size: 0; height: 13px; line-height: 0; overflow: hidden; text-indent: -999em; width: 69px; } #mc_quickview #mcquickview .product-quickview .review-tab .rating-box .rating { background: url("../images/magikview/view_rating.png") repeat-x scroll 0 100% transparent; float: left; height: 13px; } #mc_quickview #mcquickview .product-quickview .review-tab {font-size:11px} #mc_quickview #mcquickview .product-quickview .review-tab dl {margin:0px;} #mc_quickview #mcquickview .product-quickview .review-tab dd{margin:0px; border-bottom:1px #eaeaea solid; padding-bottom:10px; margin-bottom:10px} #mc_quickview #mcquickview .product-quickview .review-tab dt{margin:0px; padding-bottom:5px} #mc_quickview #mcquickview .product-quickview .review-tab .ratings-table{width:100%; padding-bottom:10px; line-height:18px} #mc_quickview #mcquickview .product-quickview .review-tab .ratings-table th{text-align:left} #mc_quickview .mgkoptions{overflow:hidden;} #mc_quickview #mcquickview .product-quickview .add-to-cart img { vertical-align: middle;} #mc_quickview #mcquickview .product-quickviewinner .mgkoptions p.required{display:none;} #mc_quickview #mcquickview .product-quickview .product-options-bottom{display:none;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .price-box-bundle{padding:0px;display:none;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .price-box-bundle .price-box{padding:0px;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .price-box-bundle .price-from{float:left;width:120px;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner #super-product-table{border:1px solid #ddd; } #mc_quickview #mcquickview .product-quickview .product-quickviewinner .more-views img{width:60px; margin:0px 5px;float:left;} #mc_quickview #magikloading{text-align:center;position:absolute;top:50%;left:50%;width:66px;height:66px;margin-top:-33px;margin-left:-33px;} #mc_quickview .mgkoptions .grouped-items-table-wrapper { border: 0 solid #C0C0C0; margin-bottom: 15px; padding: 10px 5px 10px 0px; width: 100%;} .zoomWindowContainer .zoomWindow{z-index:10000 !important;} @media only screen and (max-width: 479px) { #mc_quickview{ position: absolute !important; width: 90%; left: 5%; margin-left: 0; top: 5%; margin-top: 0; } #mc_quickview #mcquickview { } #mc_quickview #mcquickview .product-quickview{padding:10px;} #mc_quickview #mcquickview .product-quickview .product-img-box{width:250px !important} #mc_quickview #mcquickview .product-quickview .product-shop{width:245px !important; float:left !important; margin-top: 8px;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box a{display: inline-block; width: 100% !important;} #mc_quickview #mcquickview .product-quickview .product-quickviewinner .tab-box a.activeLink{display: inline-block; width: 100% !important;} #mc_quickview #mcquickview .product-quickview .product-shop button.button{margin-top: 6px;} #super-product-table.data-table thead th, .data-table tbody td{display: block;} } @media only screen and (min-width: 480px) and (max-width: 567px) { #mc_quickview{ position: absolute !important; width: 90%; left: 5%; margin-left: 0; top: 5%; margin-top: 0; } #mc_quickview #mcquickview { } #mc_quickview #mcquickview .product-quickview{padding:20px;} #mc_quickview #mcquickview .product-quickview .product-img-box{width:380px !important} #mc_quickview #mcquickview .product-quickview .product-shop{width:375px !important; float:left !important; margin-top: 8px;} #mc_quickview #mcquickview .product-quickview .product-shop button.button{margin-top: 6px;} } @media only screen and (min-width: 568px) and (max-width: 767px) { #mc_quickview{ position: absolute !important; width: 90%; left: 5%; margin-left: 0; top: 5%; margin-top: 0; } #mc_quickview #mcquickview { } #mc_quickview #mcquickview .product-quickview{padding:20px;} #mc_quickview #mcquickview .product-quickview .product-img-box{width:455px !important} #mc_quickview #mcquickview .product-quickview .product-shop{width:458px !important; float:left !important; margin-top: 8px; margin-left: 0 !important;} #mc_quickview #mcquickview .product-quickview .product-shop button.button{margin-top: 6px;} } @media only screen and (min-width: 768px) and (max-width: 977px) { #mc_quickview #mcquickview { } #mc_quickview #mcquickview .product-quickview{padding:20px;} #mc_quickview #mcquickview .product-quickview .product-img-box{width:280px !important} #mc_quickview #mcquickview .product-quickview .product-shop{width:360px !important; float:right !important; margin-top: 8px; margin-left: 0 !important;} #mc_quickview #mcquickview .product-quickview .product-shop button.button{margin-top: 6px;} }