/*

This file is an attempt to fix the spaghetti code css that we are dealing with.  There is way too much
global css being used across 50 different css files.  So, we target *specific* areas of the site for
this to work correctly.

*/




/*
 * ---------------------------------------------------------------
 * STYLES FOR PRINTING ONLY!  DO NOT ADD SCREEN STYLES HERE!
 * ---------------------------------------------------------------
 */

/* set background to white, foreground to black, for printing */
body {
   background:#fff;
   color:#000;
}





/*
 * -------------------------------
 * css for printing the homepage
 * -------------------------------
 */

/* disable ALL images on homepage */
div#site-homepage img {
	display: none;	
}

/* disable all input elements */
div#site-homepage input {
	display: none;	
}

/* main AZ logo at top */
div#site-homepage div#hd h1 a img {
	display: block;	
}

/* hide the top nav */
div#site-homepage div#hd table#top-nav {
	display: none;	
}


/* force slide 1 to always be displayed */
/* the javascript for the slideshow is causing problems here */
div#site-homepage div#home-slideshow div#slide-0 div#slide-feature-0 {
	display: block !important;
	visibility: visible !important;
	opacity: 100 !important;
	
}

/* slide 1 of the slideshow - img only */
div#site-homepage div#home-slideshow div#slide-0 div#slide-feature-0 img {
	display: block;
	float: left;
	width: 65%;
	height: 65%;	
}


/* slides 2 and 3 of the slideshow */
/* if we do not hide these divs, they take up space on the page */
div#site-homepage div#home-slideshow div#slide-1,
div#site-homepage div#home-slideshow div#slide-2 {
	display: none;	
}


/* all images within the right content container */
div#site-homepage div#bd div.container div#rightcontent img {
	display: block;
	float: right;
	width: 30%;
	padding: 0px;
	border: 0px solid red;
}


/* middle orange banner container */
div#site-homepage div#orangezone {
	clear: both;
	padding-top: 5px;
	border: 0px solid red;
}

/* all images in the middle orange banner container */
div#site-homepage div#orangezone img {
	display: inline;	
}

/* hide the little rounded corner - we don't need this to print */
div#site-homepage div#orangezone img.imgBottom {
	display: none;	
}


/* promo zone container at the bottom of the page */
div#site-homepage div.home-footer-promos {
	clear: both;
	padding-top: 20px;
}

/* all images in the promo zone */
div#site-homepage div.home-footer-promos img {
	display: inline;
	padding: 5px;	
}


/* footer */
div#site-homepage div#ft {
	padding-top: 30px;
}



/*
 * ---------------------------------------------
 * css for printing the order confirmation page
 *
 * Unfortunately, a-lot of inline CSS exists on
 * this page, so we must use !important here
 * to override.
 * ---------------------------------------------
 */

div#site-order-confirmation div.float-left {
	float: left !important;
}

div#site-order-confirmation div.float-right {
	float: right !important;
}


/* hide the top nav */
div#site-order-confirmation div#hd table#top-nav {
	display: none !important;
}

div#site-order-confirmation div#progress-bar {
	display: none !important;	
}

div#site-order-confirmation div#window div#cont div#hd h1 a img {
	border: 0px !important;	
}


/* footer */
div#site-order-confirmation div#ft {
	display: none !important;
}

div#site-order-confirmation div.MultiBoxContainer,
div#site-order-confirmation div#OverlayContainer {
	display: none !important;
	height: auto !important;
}

div#site-order-confirmation div#order-confirmation-barcode-cont,
div#site-order-confirmation div#order-questions,
div#site-order-confirmation div#order-number-bopus,
div#site-order-confirmation div#order-number-ship-home,
div#site-order-confirmation div#order-detail-bopus,
div#site-order-confirmation div#order-detail-ship-home
{
	width: 370px !important;
	padding-top: 10px !important;
}


div#site-order-confirmation div#order-detail-bopus,
div#site-order-confirmation div#order-detail-ship-home
{
	padding-left: 20px !important;
	width: 95% !important;
}


*
{
	page-break-before: avoid !important;
	page-break-after: avoid !important;
}

div#site-order-confirmation {
	width: 900px;
	font-size: 12px !important;
	color: black;
}


div#site-order-confirmation div#order-confirmation-barcode-cont div#labels {
	width: auto !important;
}

div#site-order-confirmation div#order-confirmation-barcode-cont div#data {
	width: auto !important;
}

div#site-order-confirmation div#print-icon-and-link-right,
div#site-order-confirmation div#print-icon-and-link-center {
	display: none !important;
}

div#site-order-confirmation td.disclaimer {
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
	border-bottom: 1px dotted black;
}


div#site-order-confirmation div.items-header {
	float: left !important;
}

div#site-order-confirmation div#shipping-address {
	width: 150px !important;
	float: left !important;
}

div#site-order-confirmation div#billing-address {
	width: 160px !important;
	float: right !important;
	padding-top: 10px !important;
}


div#site-order-confirmation div.parts-accessories-title {
	clear: both !important;
}


div#site-order-confirmation div.product-name {
	width: 100px !important;	
}

div#site-order-confirmation div#shipping-address {
	padding: 0px !important;
	width: 150px !important;
}

div#site-order-confirmation div#shipping-address div.shipping-address {
	width: 100% !important;	
}


div#site-order-confirmation div#shipping-address div {
	padding: 0px 0px 0px 10px !important;
}
	
div#site-order-confirmation div#billing-address {
	padding: 0px 30px 0px 0px !important;
	padding-bottom: 30px !important;
}

div#site-order-confirmation div#billing-address div {
	padding: 0px !important;
}


div#site-order-confirmation div#items-summary-zone {
	clear: both !important;
	width: 100% !important;
}


div#site-order-confirmation div#order-detail-heading { 
	padding: 0px 0px 10px 0px !important;
	width: 100% !important;
	font-weight: bold;
}


/* column headers */

div#site-order-confirmation div.items-header {
	text-decoration: underline;	
}

div#site-order-confirmation div.online-header div.product-col,
div#site-order-confirmation div.product-info-container div.product-info div.product-name
{
	width: 260px !important;
}

div#site-order-confirmation div.online-header div.core-col,
div#site-order-confirmation div.product-info-container div.product-info div.core
{
	width: 60px !important;
	padding: 0px 0px 0px 5px;

}

div#site-order-confirmation div.online-header div.unit-price-col,
div#site-order-confirmation div.product-info-container div.product-info div.unit-price
{
	width: 80px !important;
}

div#site-order-confirmation div.online-header div.qty-col,
div#site-order-confirmation div.product-info-container div.product-info div.quantity
{
	width: 35px !important;

}

div#site-order-confirmation div.online-header div.total-col,
div#site-order-confirmation div.product-info-container div.product-info div.item-total
{
	float: right !important;
}




div#site-order-confirmation div.order-detail-totals-container {
	clear: both;
	padding: 20px 0px 0px 0px;	
}


div#site-order-confirmation div.order-detail-totals-container table {
	width: 100%;	
}

div#site-order-confirmation div.order-detail-totals-container table tr td div.labels,
div#site-order-confirmation div.order-detail-totals-container table tr td div.values
{
	float: right;
}



div#site-order-confirmation div.order-detail-totals-container table tr td div#bopus-please-note {
	padding: 10px 0px 0px 0px;	
}