/*----------------------------------------------------------------------------------------------------
///////////////////      Genral Style Sheet Rules       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

1. ID and Classname selectors should be semantically named. 
2. Use comments liberally as they will be removed on the server.
3. All attempts to avoid css filters should be exhausted before using a filter. If a filter must 
be used, choose from the filers mentioned in the TNF Ecommerce Client-side Coding Practices and 
Specifications document.
4. PNG hack will be done using ifixpng (http://jquery.khurshid.com/ifixpng.php).
5. ID and Classname selectors will use Camelcase Naming. Underscores or hyphens are not allowed.
6. All font declarations are done in the global file by adding selectors to the font size section. 
No font size should appear outside of this file.
7. Be sure to maintain the Style Sheet Information by creating logical sections of content for
each style sheet and making sure you identify the pages that the style sheet will be include on. 
8. Make sure you do not re-create the wheel, use the Common Styles! Add ones if necessary.
9. Make sure you are knowledgeable about the reset styles so you understand the base you are 
working from.
10. An html page may only use two CSS files screen.css (global styles) and 
pageNameHere.css (content specific). If applicable, several html pages might just share the same 
content specific file.
11. Clearing floats will be done with inline elements.
12. A base font has been set for most text elements, be sure to work from this base.

------------------------------------------------------------------------------------------------------
///////////////////     Print Style Sheet Rules       ///////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

1. Add specific rules to this styles sheet

------------------------------------------------------------------------------------------------------
///////////////////      Style Sheet Information       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

Author: Angela Conlon
Date: 02.22.08
Included on the following html pages:
	=orderDetail.shtml
	=returnSlip.shtml

Contains:
	=Base/Reset Styles
	= Font Size
	= Base Links/Anchor
	=Generic Global Styles & Used with JavaScript
	= HTML Headings
	= Site Background
	= All Content
	= Site Header
	= Site Footer
	= Mini Cart
	=Product Block
	
----------------------------------------------------------------------------------------------------*/

/* = Base/Reset Styles
----------------------------------------------------------------------------------------------------*/

* {/* set all elements to have 0 margin and padding */
	margin:0;
	padding:0;
}

p, ul, ol, dd {/* reset specific elements */
	line-height:1.2em;
	text-align:left;
}
ul {
	line-height: 1.4em;	
}
fieldset, img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym {
	border:0;
	font-variant:normal;
}

sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}

sub { vertical-align:text-bottom; }

hr {
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:10px 0;
	*margin:0 0; /* IE 7 & 6 filter */
}

html {
	min-height:100%;
	*height: auto !important; /* IE 7 & 6 filter */
	height: 100%;
	width:100%;
	overflow:hidden;
	overflow-y:hidden; 
	overflow-x:hidden;
}

body {
	min-height:100%;
	*height: auto !important; /* IE 7 & 6 filter */
	height: 100%;
	width:100%;
	color:#333; /* global font color */
	font:13px/1.22 Arial, Helvetica, sans-serif;
	*font-size:small; /* IE 7 & 6 filter */
	*font:x-small; /* IE 7 & 6 filter */
}

input, textarea, select { 
	font-family:inherit;
	*font-family:Arial, Helvetica, sans-serif; /* IE 7 & 6 filter */
}

table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
	border-spacing:0;
}

pre, code, kbd, samp, tt {/* Bump up !IE to get to 13px equivalent */
	font-family:monospace;
	*font-size:108%;
	line-height:99%;
}

/* = Font Size
----------------------------------------------------------------------------------------------------*/

/* =10 */
p#printGearList, /* gear list */
.productConfiguration li.productSize a, .productConfiguration li.productLength a /* product configuration */
{ font-size: 77%; }

/* =11 */
h6, /* default h6 */
label /* default form label */
{ font-size: 85%; }

/* =12 */
.accountOverviewBlock h5, .orderDetailsBlock h3, /* headers */
.orderDetails, /* lists */
.formBlock p,  /* label override */
.promoDescription, .productDetails, .shippingDetails, .orderDetailsContent, .returnSlipContent, .addressRemoveDOM,  /* general text */
.productColumns a, /* links */
.productInfo td.productNamePrice, /* search results product name & price */
.columnHeader h5, .resultsHeader p, .quantityBlock, .totalBlock , .actionBlock, /*wish list */
.productInfo .productName, .productInfo .productPrice, /* search results product name & price */
.tabLeftCol p, .tabLeftCol h4, .tabRightCol p /* gear list */
{ font-size: 92%; } 

/* =13 */
input, textarea, select, /* default form elements */
{ font-size: 100%; }

/* =14 */

/* =15 */
.tabRightCol blockquote p /*gear list*/
{ font-size: 114%; }
/* =18 */

/* =41 */

/* = Base Links/Anchor
----------------------------------------------------------------------------------------------------*/

a:link {
	outline:none;
	color:#333333;
}

a:visited {
	outline:none;
	color:#333333;
}

a:hover {
	outline:none;
	color:#333333;
	text-decoration: none;
}

a:active {
	outline:none;
	color:#333333;
}

a:focus {
	outline:none;
	color:#333333;
}

:focus {
	-moz-outline-style:none;
	text-decoration: none;
}


/* =Generic Global Styles & Used with JavaScript
----------------------------------------------------------------------------------------------------*/

.clearFloatNoHeight {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow:hidden;
}

.clearFloat {
	clear: both;
	display: block;
}

.floatRight { float:right; }
.floatLeft { float:left; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.displayNone { display:none }
.displayBlock { display:block; }
.displayVisible { visibility:visible; }
.displayHidden {visibility:hidden; }
p.last { margin-bottom:0; }


/* = HTML Headings
----------------------------------------------------------------------------------------------------*/

/* ----- Add descrption here ----- */
#formerH1{float:left;}
#formerH1 a{
	display: none;
}

img#tnfLogoPrint {
	display: block;
	float: left;
}

/* ----- Add descrption here ----- */
#formerH2 {
	display:none;
}


/* = Site Background
----------------------------------------------------------------------------------------------------*/
#background{
	display: none;
}

#background img{
	visibility:hidden;
}

/* = All Content
----------------------------------------------------------------------------------------------------*/
#noJS {display:none;}

#content-inner{
	width:100%;
	margin:13px 20px;
	text-align:left;
}

#mainContent{
	float: left; /* SM: added float to prevent margin collapse */
	margin:20px 0;
	width:100%;
}

#mainContentTitle{
	width:100%;
}


/* = Site Header
----------------------------------------------------------------------------------------------------*/
#headerNav, #siteNav, #searchInteface, #searchBox {
	display: none;
}

#mainSiteNav, #headerNav {
	display: none;
}

/* = Site Footer
----------------------------------------------------------------------------------------------------*/
#siteFooter{
	display: none;
}

/* = Mini Cart
----------------------------------------------------------------------------------------------------*/
#miniCart, #miniCartBlock {
	display: none;
}

/* ----- Backgrounds ----- */
.bgWhite {
	background: none;
	float: left;
}

/* ----- Dividers ----- */
.divider img, img.divider {
	display: block;
	float: left;
	margin: 0 10px;
	width: 653px;
	border-bottom: 1px solid #ccc;
}

img.noPrint {
	display: none;
}

/* = Loyalty
----------------------------------------------------------------------------------------------------*/
#rewardsCertificateFinal .pre-01,
#experienceFinal .pre-01 {
	margin-left: auto;
}
#rewardsCertificateFinal .post-01,
#experienceFinal .post-01 {
	margin-right: auto;
}
#rewardsCertificateFinal .row,
#experienceFinal .row {
	display: block;
}
#rewardsCertificateFinal .col-11.post-01,
#rewardsCertificateFinal .col-10.post-01,
#experienceFinal .col-11.post-01,
#experienceFinal .col-10.post-01 {
	float: none;
}
#rewardsCertificateFinal .gutter-06,
#experienceFinal .gutter-06 {
	float: none;
}
#rewardsCertificateFinal .arrow-box,
#experienceFinal .arrow-box {
	display: none;
}
#experienceFinal #recommendedProducts {
	margin-bottom: 50px;
}

/* =Product Block
----------------------------------------------------------------------------------------------------*/
.productBlock {
	float: left;
	padding: 15px 10px;
	width: 540px;
}

/* ----- Product Thumbnail Container ----- */
.productThumb {
	border: 1px solid #949495;
	float: left;
	margin-right: 15px;
	padding: 2px;
}
.productThumb img {
	float: left;
}

/* ----- Product Details ----- */
.productDetails {
	display: inline;
	float: left;
	line-height: 1.2em;
	list-style: none;
	margin-right: 10px;
	position: relative; /* so IE6 will allow access to the links */
	width: 190px;
}
.productDetails li {
	display: inline;
	float: left;
	width: 100%;
}
.productName {
	font-weight: bold;
	text-transform: uppercase;	
}
span.productPrice {
	font-weight: bold;
}
.productColor img {
	padding: 0 3px;	
}

/* ----- Swatches ----- */
 span.swatchSmall span {
	background-color: #fff !important;
	display: none;
}



/* hide nav */
#toolbar,
#nav,
#nav-inner,
#nav-shadow,
/* hide common elements */
.crumbs,
.actionBlock,
.editProductDetails,
#breadcrumbs,
#breadcrumbs .row,
.breadcrumbs,
.shareRow,
.pagination,
.swatch,
.swatchSmall,
#copyright,
#footer,
.footerRow,
/* hide any pellet buttons */
.pellet {
	display:none;
}
/* hide "print this page section" */
 .topPrintable, .fancy-title, .printPage {
	margin-bottom:20px;
	display: none;
 }

/******** Custom Print Styling (orderConfirmation and orderConfirmationECG) ******/
#content .content-box.tertiary {
	webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: none;
}
#content .content-box.tertiary:after {
	display: none;
}
#content .content-box.tertiary:before {
	display: none;
}
#orderConfirmation .orderItemPrice p {
	display: none;
}
#orderConfirmation .paymentBox {
	display:block !important;
}
.ie7 #shop-container,
.ie8 #shop-container,
.ie9 #shop-container {
	width: 60%;
}
#shop-container {
	width:70%;
}

#shop-container .col-08,
.topPrintable,
.badges,
.page-title,
.breadcrumbs,
.crumbs {
	display:none;
}
#orderConfirmation .content-box {
	border:none;
}

#orderConfirmation .paymentBox {
	margin-top: -20px;
}
.clearfix,
#orderConfirmation .col-15,
#orderConfirmation .gutter-05 {
	padding: 0;
	width:100%;
}

/* Return slip */
#returnSlip .stamp-tl,
#returnSlip .stamp-tr,
#returnSlip .stamp-bl,
#returnSlip .stamp-br,
#returnSlip .packingSlip,
#returnSlip #breadcrumbs .row,
#returnSlip .col-06,

/* end return slip */
/* orderConfirmation and orderConfirmationECG */
.col-15 .gutter-04, /* hides the "View/Hide Payment & Shipping Information" bars */
#orderConfirmation #shareMerchandiser,
#orderConfirmation .order-status-container,
#orderConfirmation .share-custom-orders,
#orderConfirmation .sections,
#orderConfirmation .promotionBlock,
#orderConfirmation .formBlock,
#orderConfirmation #shop-container .col-08,
#orderConfirmation #shop-container .colHighlight,
#orderConfirmation .badges,
#orderConfirmation .page-title,
#orderConfirmation .breadcrumbs,
#orderConfirmation .crumbs {
	display:none;
	background: none;
}

#orderConfirmation #shipping-payment-info-block,
#orderConfirmation #custom-shipping-payment-info-block,
#orderConfirmation .row .gutter-04 .orderConfirm {
	display: block !important;
}

#orderConfirmation div.threeColsInfo .col-08{
	display:block !important;
}
#orderConfirmation ol {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}
#orderConfirmation p,
.checkout .orderItem p,
.checkout .orderItem label,
.checkout .orderItem .orderItemDetails p {
	padding:0;
	margin:0;
}
#orderConfirmation .gutter-04 {
	padding:0;
}
#orderConfirmation .print_order_confirmation_message .pl-10 p {
	padding-bottom: 10px;
}
#orderConfirmation .col-10.post-01.pre-01 h4 {
	display: none;
}
#orderConfirmation .col-10.post-01.pre-01.orderConfirm h4 {
	display:block !important;
}


/* Custom Print Styles for Wishlist Page */
.wishList .col-06 {
	float: left;
}
.wishList .quantityBlock,
.wishList .headingRow h5 {
	float: left !important;
}
.wishList .headingRow h5.col-10 {
	margin-right: 330px;
}
.wishList .headingRow h5.col-06 {
	margin-right: 30px;
}
.wishList .headingRow h5.col-04 {
	margin-right: 20px;
}
#wishList h2.fancy-title {
	display: block;
	margin-bottom:20px;
	border:none;
}
#wishList .quantityBlock a,
#wishList .quantity,
#wishList #editProductDetails {
	display:none;
}
#wishList .productBlock {
	width: 440px;
}
@media print and (-webkit-min-device-pixel-ratio:0) {
	#content-inner, #content {
		width:100% !important;
		margin: 0;
		float: none;
	}
}
/************** End Custom Print Styles **************