/*

	productsearchresult.scss
	------------------------

	Global css for isml templates that use the pt_productsearchresult.scss decorator
	like the following:
	- categorylanding.isml
	- categoryproducthits.isml

*/
.search-result-options.kit { width: 680px; }

.pagination.kit { padding-top: 7px; }
.pagination.kit .results-hits { display: inline-block; vertical-align: top; }
.pagination.kit > ul { display: inline-block; }
.pagination.kit > ul li { display: inline-block; }
.pagination.kit > ul a { text-decoration: none; }

.dropdown.kit { position: relative; display: inline-block; padding: 9px 11px; cursor: pointer; min-width: 69px; }
.dropdown.kit .selected-text { display: inline-block; width: 100%; text-transform: uppercase; font-weight: normal; line-height: 1em; }
.dropdown.kit select { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 28px; border: none; vertical-align: baseline; opacity: 0; cursor: pointer; }
.ui-dialog .dropdown.kit select { z-index: 1003; }
.dropdown.kit .icon-fixed-width { position: absolute; top: 9px; right: 5px; z-index: 1; }
.dropdown.kit.large { min-width: 168px; }
.dropdown.kit + .sort-Go-Button { display: none; }
.ie8 .dropdown.kit { display: block; }
.ie8 .dropdown.kit .selected-text { display: none; }
.ie8 .dropdown.kit .icon-fixed-width { display: none; }
.ie8 .dropdown.kit select { height: 20px; }
.ie8 .storelocator .dropdown.kit { display: inline-block; }
.ie8 .storelocator .dropdown.kit select { width: 288px; }
.checkout .dropdown { width: 276px; }
.dd-micro .dropdown .selected-text { width: 76px; }
.dd-micro .dropdown select { width: 100px; }
.dd-normal .dropdown .selected-text { width: 260px; }
.dd-normal .dropdown select { width: 298px; }
.dd-inline .dropdown { display: inline-block; }

.slot-grid-header.kit { width: 700px; }

/*
	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; }

.sub-banner-container h4 { margin-top: 3px; }