/*
	productdetails.scss
	-------------------

	Global css for isml templates that use the pt_productdetails.isml decorator
	like the following:
	- sendtofrienddialog.isml
	- sendtofrienddialogsuccess.isml
	- closedialog.isml
	- product.isml
	- pt_productdetails.isml
	- pwrlogin.isml
	- writereview.isml

*/
/*
	Product Thumbnails
	These appear below the large product image in both the product detail page
	and the quickview on the shelf landing page.

	Product Variations
	Size, color, and other swatches.

*/
.productdetails h1.product-name { font-size: 28px; line-height: 1.2em; color: white; }
.productdetails h2.recommendation-header { font-size: 18px; line-height: 1.2em; }
.productdetails .addthis_toolbox { top: 1px; }
.productdetails .product-actions ul { margin-left: -10px; }
.productdetails .product-actions li { margin-left: 10px; }
.productdetails .divider { border-top-width: 1px; border-top-style: solid; }
.productdetails .ui-tabs-nav a { border-width: 1px; border-style: solid; border-bottom: 0 none; }
.productdetails .corner { right: 0; bottom: 0; }
.productdetails .product-actions a.kit.highlight { padding-top: 4px; padding-bottom: 3px; }

.product-thumbnails .thumbnail-wrapper { margin-left: -10px; }
.product-thumbnails li, .product-thumbnails a, .product-thumbnails img, .product-thumbnails .border { display: block; width: 68px; height: 68px; }
.product-thumbnails .thumbnail-link { background: url(../../images/pdp-ie9-thumbnail-bg-fix.png) top left repeat; }
.product-thumbnails a, .product-thumbnails img, .product-thumbnails .border { top: 0; left: 0; }
.product-thumbnails .selected .border { width: 64px; height: 64px; border-width: 2px; border-style: solid; }

.technology-icons { margin-left: -10px; }
.technology-icons li { display: block; }

.product-variations .swatches { margin-left: -10px; }
.product-variations .swatches li { margin-bottom: 10px; margin-left: 10px; }
.product-variations .swatchanchor { display: inline-block; padding: 0 2px; min-width: 35px; width: 100%; height: 23px; border-width: 1px; border-style: solid; line-height: 23px; }
.product-variations .Color .selected .swatchanchor { padding: 0 2px; min-width: 33px; width: 100%; height: 21px; border-width: 2px; line-height: 21px; }

.product-set-item { margin-bottom: 54px; }

.product-add-to-cart.layout-3 .col1 { width: 68px; }
.product-add-to-cart.layout-3 .col2 { width: 226px; }
.product-add-to-cart.layout-2 .col1 { width: 258px; }
.product-add-to-cart.layout-2 .fancy, .product-add-to-cart.layout-2 .product-price { margin-top: 0; }
.product-add-to-cart label { display: block; }
.product-add-to-cart .product-price { margin-top: -4px; margin-bottom: 4px; text-transform: uppercase; font-size: 14px; }
.product-add-to-cart .availability { font-size: 12px; line-height: 1.33333em; }
.product-add-to-cart .fancy { margin-top: -8px; }
.product-add-to-cart .product-sales-price { font-size: 20px; }
.product-add-to-cart .was { text-decoration: line-through; }
.product-add-to-cart .product-standard-price { display: block; margin-top: 6px; }

/*
	Quickview : jQuery UI's $.dialog()
	----------------------------------
*/
#quickviewbutton { position: absolute; top: 25%; left: 0; z-index: 100; display: none; padding: 10px 0; width: 100%; background: transparent url('../../images/quickview.gif?1382984677') center center no-repeat; height: 40px; padding: 10px 0; z-index: 100; }

.ie7 #quickviewbutton { position: absolute; left: 0; width: 200px; }

.product-image:hover #quickviewbutton { display: block; }

#QuickViewDialog, #bonus-product-list, .ui-dialog { overflow: hidden; margin: 0; padding: 0; }

.quickview .productdetails { margin-top: 35px; }
.quickview .ui-dialog-title { display: none; }
.quickview .ui-dialog-titlebar { margin: 0; padding: 0; }
.quickview .ui-dialog-titlebar-close { top: 0; right: 0; z-index: 1; margin: 0; padding: 0; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; }
.quickview .ui-dialog-titlebar-close span { display: none; }
.quickview .product-set-list { overflow: auto; padding: 10px; height: 500px; border-width: 1px; border-style: solid; }
.quickview .bonus-product-item .product-col-2 { width: 580px; }

.quickview-wrapper .product-primary-image, .bonus-product-item .product-primary-image { width: 300px; }
.quickview-wrapper .primary-image, .bonus-product-item .primary-image { width: 300px; }
.quickview-wrapper > .flc > .col2, .bonus-product-item > .flc > .col2 { width: 560px; }

.tooltip { position: relative; cursor: help; }
.tooltip .tooltip-content { position: absolute; top: 100%; left: 100%; z-index: 10; display: none; visibility: hidden; padding: 1em; min-width: 200px; max-width: 300px; border-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF; text-decoration: none; font-style: normal; font-size: 12px; opacity: 0; }
.tooltip:hover .tooltip-content { display: block; visibility: visible; overflow: visible; opacity: 1; }

.js .tooltip-content { display: none !important; }

#tooltip { position: absolute; z-index: 3000; padding: 5px; border: 1px solid #111111; background-color: #FFFFFF; opacity: 0.95; }
#tooltip .small { width: 300px; }
#tooltip .medium { width: 500px; }
#tooltip .recommendation-tooltip-header { padding: 10px; background: none repeat scroll 0 0 #CCCCCC; font-weight: bold; font-size: 1.2em; }
#tooltip .recommendation-tooltip-description, #tooltip .recommendation-tooltip-attributes { padding: 10px; }

.cvn-tip { width: auto; }

.productdetails .zoomWindow { left: 480px; }
.productdetails .zoomWrapper { width: 460px; }
.productdetails .zoomWrapperImage { height: 460px; }
.productdetails .zoomPad { position: relative; z-index: 10; width: 100%; }
.productdetails .zoomPad .primary-image { border: solid 10px white; }
.productdetails .zoomPreload { position: absolute; top: 0px; left: 0px; z-index: 110; padding: 8px; width: 90px; height: 43px; border: 1px solid #CCC; background-color: white; background-image: url('../../images/zoomloader.gif?1381942637'); background-position: 43px 30px; background-repeat: no-repeat; color: #333; text-align: center; text-decoration: none; font-size: 12px; font-family: Tahoma; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; *width: 100px; *height: 49px; }
.productdetails .zoomPup { position: absolute; z-index: 120; z-index: 101; overflow: hidden; border: 1px solid #CCC; background-color: #FFF; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; z-index: 101; cursor: crosshair; -moz-opacity: 0.6; }
.productdetails .zoomOverlay { position: absolute; top: 0px; left: 0px; /*opacity:0.5;*/ z-index: 5000; z-index: 101; display: none; width: 100%; height: 100%; background: #FFF; }
.productdetails .zoomWindow { position: absolute; left: 480px; top: 40px; left: 110%; z-index: 6000; z-index: 10000; z-index: 110; height: auto; background: #FFF; }
.productdetails .zoomWrapper { position: relative; z-index: 110; border: 1px solid #999; }
.productdetails .zoomWrapperTitle { position: absolute; top: 0px; left: 0px; z-index: 120; display: block; overflow: hidden; width: 100%; height: 18px; background: #999; color: #FFF; text-align: center; font-size: 10px; line-height: 18px; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
.productdetails .zoomWrapperImage { position: relative; z-index: 110; display: block; overflow: hidden; }
.productdetails .zoomWrapperImage img { transition:none;position: absolute; z-index: 101; display: block; border: 0px; }
.productdetails .zoomIframe { position: absolute; z-index: -1; display: block; opacity: 0.80; filter: alpha(opacity=0); -moz-opacity: 0.80; }
.productdetails .promotion-title { text-transform: uppercase; }

.productdetails .zoomWindow .zoomWrapper{position: relative;z-index: 110;border: none!important;width: 260px!important;}
.productdetails .zoomWindow{  position: absolute;z-index: 5001;left: 200px !important;top: 0px;}
.productdetails .zoomWindow .zoomWrapperImage{height:260px !important;}