/* -----------------------------------------------------------------------------
 * print.css - Printable styles for the crutchfield.com site
 *  Dependencies: /js/pages/print.js
 *
 *      How this stylesheet is organized:
 *
 *          1. Turn off elements that don't make sense in the printout
 *          1a. Turn a few things back on
 *          2. Reset type/images for readability
 *          3. Reset layout elements 
 *          4. Turn off backgrounds 
 *          5. Layout header and footer
 *          6. Layout specific page areas (product lists, etc.)
 *          7. CSS-generated content, for non-IE
 *          8. JS-created content, for IE and "Print this" 
 *          
-------------------------------------------------------------------------------- */



/* 1. Important display none
        Switch off elements that don't make sense on the printout
        Add more in ABC order
        True, these selectors are overqualified.. look at this in V2
-------------------------------------------------------------------------------- */
.accessory-container.main-product,
p.accessory-view-all,
tfoot.accessory-see-more,
.accessories-content,
a.accessoriesExpandContract,
#accountStuff,
.action-item,
.add-to-cart,
.add-2-cart,
ul.about-list,
.about-main,
.additional-options,
.advisor-waiting,
.alsoViewed,
.articleFooter span,
.back2top,
.back-2-top,
br[clear=all],
.buy-box,
.cablewizard,
.carBox .message,
.carBox .speakers,
.cart,
a.cat-signup,
#chat-alt,
.clear-content,
div#clear-content,
p.copyright-links,
img.coreStoreLink,
#contactInfoTest,
.control-box.wrap
#control-box-row .callBack,
#control-box-row .email, 
#crutchfieldStory,
#ctl00_ctl00_Header_NavBar2_NavbarPanel,
#ctl00_ctl00_MainContentPlaceHolder_Breadcrumb_BreadCrumbPanel #crumb-trail,
#ctl00_ctl00_MainContentPlaceHolder_Breadcrumb_whyshopDiv,
#ctl00_ctl00_MainContentPlaceHolder_LearnContentLeftRailPlaceHolder_MiniNavBarCtl_ContentPnl,
#ctl00_ctl00_MainContentPlaceHolder_LearnContentLeftRailPlaceHolder_ShopForProductCtl_ShopDiv,
#ctl00_ctl00_MainContentPlaceHolder_LearnContentMainPlaceHolder_ctlEditorLinks_showMeDiv,
#ctl00_ctl00_MainContentPlaceHolder_LeftContentPlaceHolder_ctlPromoLeftRail_psodiv,
#ctl00_ctl00_MainContentPlaceHolder_LeftContentPlaceHolder_SupportAndLearnCtl_showCustomerCareFeatureDiv,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_aSimilarFooter,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ctlEditorLinks_showMeDiv,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ctlGroupMenuFrame_ctlLearningCenter_LearningCenterCtl_LearningCenterArticlePnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ctlLearningCenter_LearningCenterCtl_LearningCenterArticlePnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ctlProductMenuFrame_ctlLearningCenter_LearningCenterCtl_LearningCenterArticlePnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ctlProductMenuFrame_SortStrip1_numItemPerPageDiv,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_FeatureSpecs_researchPnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_GroupMenuFeature_productRecommender_appContainer,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_LearningCenterCtl_LearningCenterArticlePnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ProductTabsCtl_AccessoriesTabContent_hlkViewMode,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_SearchTabsPnl,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_SearchMaintenanceHyperLink,
ul#crumbs,
#customer-tab-box,
.customer-content.section,
.did-you-mean,
span.email-updates,
.EmbeddedForumHeaderArea,
.EmbeddedForumPosts,
#embeddedforumform,
.extraAction,
.featureCart,
.featured-category-blocks,
.grand-banner,
#handresbanner,
.hands-on-research,
.head-add2cart,
.head-remove,
.helpShopping,
th#hideSimButton a,
a.hifi_rail,
.hr,
.id-recentItems,
.in-the-box a.download,
input[type=submit],
#just-call-container,
.lc-additional-content,
#learning-center,
.left-rail-block,
.left-rail-block2,
#leftcolumn .accessories,
#leftcolumn .contest,
.link-container,
#loginBlock,
#logo,
#mail-alt,
#main-search-box,
#matrix #aspnetForm,
.media-box,
.narrow-your-search,
a.next,
.ordering-info,
.outfitContainer,
.photoThumbControlsContainer,
.priceComparisonBanner,
.productList-action,
.productList-compare,
.promo-zone,
.r-sort-strip,
.r-sort-strip-top,
.rate-full,
.recentItems,
a[title="remove car"],
.reviews-content .rate-full,
p.reviews-view-all,
.secure-icons,
#seeMore,
h4.select,
.shippingMessage,
.signup,
.sigBenefits,
#SignatureShareLinks_FacebookLike,
#social,
#stepupBoxAnchor,
.spg-block-container h2,
table.square-trade-container input[type=checkbox],
#square-trade-total,
#stepup-box,
#supertabs,
ul#tab li,
.testimonialBlock,
.the-full-monty,
.largeHeadingColorOneDark,
#top-of-page,
.type-learn,
.userSummary-container .quickFlipSummary,
#valueAdd,
.videoThumbControlsContainer,
a.view-larger,
a.whats-this
{
    display: none !important;
}

.articleFooter span.current, .articleFooter span.current span 
{
    display: inline !important;
}

/* 2. Reset type/images for print readability
        Override some specific rules from other stylesheets
-------------------------------------------------------------------------------- */
*
{
	page-break-after:avoid !important;
}

.wrap:after
{
	visibility:visible !important;
}

a img
{
	border:0 !important;
}

a:link,a:visited,ul.anchors span
{
	color:#520 !important;
	text-decoration:underline !important;
}

body
{
	font-size:75% !important;
	margin-left:1em !important;
}

h1
{
	font-size:1.5em !important;
}

h1,h2,h3
{
	color:#000 !important;
	line-height:1.6em !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-top:0 !important;
	padding-bottom:0.6em !important;
}

h2,h3
{
	font-size:1.1667em !important;
}

html>body
{
	font-size:12pt !important;
}

p,div,td
{
	color:#000 !important;
	line-height:1.5em;
}

span
{
	background:transparent !important;
	color:#000 !important;
	display:inline !important;
	float:none !important;
	text-decoration:none !important;
}

/* 3. Reset layout
        Make the remaining layout pieces as wide as the printable area of the page
        Add more in ABC order
-------------------------------------------------------------------------------- */
.accessory-container,
.accessory-slider,
.advisor-timing,
span.advisor-timingMsg,
.answer-content,
#body-content,
#body-content .block,
#body-content .row,
#body-content .inner-content,
.buyer-options,
.col-extra,
#contactInfo,
#content-container,
#contentwrapper,
#control-box,
.control-box,
#control-box div,
.control-box-row,
#ctl00_ctl00_MainContentPlaceHolder_MainContentPlaceHolder_ProductTabsCtl_AccessoriesTabContent_Recommended_divGroupRequirement,
.feature-content,
.feature-tab,
.feature-container,
.feature-zone,
#featuresAnchor,
.fragment,
#footer-bottom,
#footer-container,
#footer-inner,
#footer-inner .about-main,
#footer-inner .footer-bottom,
#giftTickerWrapper,
.fragment,
.in-the-box,
.id-bigSandbox,
#leftcolumn,
#logo,
.main-product-image,
.main-product-image .vendorLogo,
#maincolumn,
#maincontainer,
form.mainForm,
#masthead-container,
#matrix,
#matrix h1.compare,
#pricing-matrix,
body#outlet .buy-box .wrap .condition-description-pv,
#overview,
.promo-zone,
.pagetabs,
.productList-block,
.productList-block-container,
.pso-box-left,
dl.purchase-block,
.r-rating,
#resultsBox,
.review-row,
.review-content,
#reviewsAnchor,
#reviewsAnchor > div,
.shippingMessage,
.spg-block-container,
.spg-block-container-full,
ul#tab,
.userSummary-container #main-content,
.vendor-img,
#webPageId,
.wrap,
.wrap.padBottom,
#wrapper
{
	border:0 !important;
	bottom:0 !important;
	clear:none !important;
	display:block;
	float:none !important;
	height:auto !important;
	left:0 !important;
	line-height:100% !important;
	margin:0 0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	min-height:0 !important;
	padding:0 0 !important;
	page-break-inside:auto !important;
	position:relative !important;
	right:0 !important;
	text-align:left !important;
	top:0 !important;
	width:auto !important;

}


/* 4. Turn off Backgrounds
-------------------------------------------------------------------------------- */
body,
div, 
h1,h2,h3,h4,
li, 
p,
span,
ul
{
    background-color: #FFF !important;
    background-image: none !important;
}


/* 5. Layout header and footer
-------------------------------------------------------------------------------- */
.control-box-row
{
	height:auto !important;
}

#contactInfo
{
	margin:1em !important;
}

img#printLogo
{
	margin:1em;
}

#webPageId
{
	margin-top:1em !important;
}

#webPageId span
{
	display:inline !important;
}



/* Layout specific content areas
-------------------------------------------------------------------------------- */
#matrix .compare, #matrix .compare span {
    display: inline !important;
}

table.accessory-info
{
	clear:both;
	display:block;
}

.block,.block25
{
	overflow:hidden !important;
}

h1.compare
{
	margin:0 !important;
}

h2.heading
{
	clear:both !important;
	display:block !important;
}

.feature-tab span
{
	font-size:16px !important;
}

.in-the-box
{
	border-bottom:3px solid #eee !important;
	border-top:3px solid #eee !important;
	margin:1em 0 !important;
	padding:2em 1em !important;
}

#matrix h1.compare span
{
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
}

.main-product-image h2
{
	font-size:12px !important;
}


.overview-content
{
    page-break-inside:auto !important;
}

.overview-content p 
{
    page-break-after:auto !important;
}


ul#tab.anchors li.tabs-selected
{
	display:inline !important;
}

.pagetabs ul.anchors li a
{
	background:none !important;
	font-size:16px !important;
	line-height:1.5em !important;
	padding:0 !important;
	text-decoration:none !important;
}

.pagetabs ul.anchors li a span.tabInner
{
	padding:2em 0 !important;
	text-decoration:none !important;
}

.priceInfo
{
    border: 0 !important;
}

.productList-block
{
	page-break-inside:avoid !important;
}

.productList-block.bottom
{
	border-bottom:1px solid #666 !important;
}

.spg-block-container-full
{
	border-bottom:1px solid #666 !important;
}

.spg-block-container-full:last-child
{
	border-bottom:0 !important;
}

.spg-block-container-three
{
	border-top:1px solid #666;
}

dl.spg-additional dd
{
	width:250px !important;
}


/* 6. CSS-generated content
        Also inserted via print.js for IE 
-------------------------------------------------------------------------------- */
#logo a {
    content: "url(//a248.e.akamai.net/pix.crutchfield.com/mega-nav/masthead/logo-main-new.png)";
}

h1.compare:before {
    content: "Compare:"
}

.productList-car-fit-yes span:before {
    content: url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/icons/carFit-yup.gif);
}

.productList-car-fit-no span:before {
    content: url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/icons/carFit-nope.gif);
}


span.teamDetails:after {
    content: url(//a248.e.akamai.net/pix.crutchfield.com/v3.0/hands-on-research.gif)
}
    

/* 7. Javascript-created Print content from print.js
-------------------------------------------------------------------------------- */
#printLogo, #printBuyBox
{
	display:inline !important;
}

table#printTemplate td
{
	text-align:left;
	vertical-align:top;
}

td#pr_buy
{
	border-top:3px solid #eee;
}

td#pr_buy h1
{
	margin-bottom:0 !important;
	margin-top:1em !important;
}

td#pr_buy h2
{
	margin-bottom:1em !important;
	margin-top:0.4em !important;
}

td#pr_buy h1,td#pr_buy h3
{
	margin-bottom:1em !important;
	margin-top:1em !important;
}

table#pr_buy-box
{
	border-bottom:3px solid #ccc;
	border-top:1px solid #eee;
	margin:0.5em;
}

table#pr_buy-box td
{
	border-right:1px solid #eee;
	padding:1em;
}

td#pr_footer div#footer-container
{
	border-top:1px solid #eee !important;
	padding-top:1em !important;
}

table#printTemplate td#pr_message
{
	vertical-align:middle;
}

td#pr_message .advisor-timing span
{
	font-size:110% !important;
}

td#pr_message .phone
{
	font-size:140% !important;
}