/*------------------------------------------------------------------------------------------------------*/
/*
Styling
	Basic Elements
	Generic Classes
	Expandable Text Button
	Checkout Progress Indicator
	Netsigns Shared Page-Specific Styling
		Order Items Table View (Checkout2, Order Summary pages)
		Order Summary
		Trademark, Privacy, Terms pages
	Page-Specific Styling
		Template Categories
		Uploading


Structure
	suppGraphic
	pageInst
	contentMain

Print Styles (may also override some structure styling, so it should come last)
	pageInst
*/
/*------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------*/
/* STYLING */
/*------------------------------------------------------------------------------------------------------*/


/* Basic Elements */
/*---------------------------------------------------*/
	h5 {margin:.8em 0em 0 0em;}
	p {margin:.2em 0em .8em 0em;}


/* Generic Classes */
/*---------------------------------------------------*/
	.affiliateColor {color:#000033;}
	.affiliateBGColor {background-color:#000033;}
	
	
/* EXPANDABLE TEXT BUTTON - using <a> & <span> tags */
/*---------------------------------------------------*/
	/* HTML: <div class="buttonwrapper"><a href="#" class="button" title=""><span>Button Text</span></a></div> */
	a.button
	{
		background:transparent url('images/btnLeft.jpg') no-repeat top left;
	}
	a.button span
	{
		background:transparent url('images/btnRight.jpg') no-repeat top right;
	}
	/* Hover state CSS */
	a.button:hover span 
	{
		color:#fff;
	}
	
	
/* Checkout Progress Indicator */
/*---------------------------------------------------*/
	#progressIndicator table.graphic td div.current {background-image:url(images/progressIndicator_dot.gif);}



/* Netsigns Shared Page-Specific Styling */
/*---------------------------------------------------*/		
	
	/* table heading cells (used for: Customize, Cart) */
	#Customize th, #estShipCost th, #estShipDate th
	{
		color:#fff;
		background-color:#000033;
	}
			

	/* Order Items Table View (Checkout2, Order Summary pages) */	
	/*---------------------------------------------------*/
		#item, #quantity, #OrderItemsTableView #price 
		{
		}


	/* Order Summary */	
	/*---------------------------------------------------*/		
		#OrderSummary #item, #OrderSummary #quantity, #OrderSummary #OrderItemsTableView #price 
		{
		}
		
				
	/* Trademark, Privacy, Terms pages */
	/*---------------------------------------------------*/
		div#trademark h5, div#privacy h5 {color:#000033;}




/*------------------------------------------------------------------------------------------------------*/
/* STRUCTURE */
/*------------------------------------------------------------------------------------------------------*/

	/* Structure for NS.Master */	
	/*---------------------------------------------------*/
		#SiteHeader {height:55px;}
			#SiteHeader #logo {padding-left:8px;}
		#suppGraphic {background-image:url(images/sidebarTop.gif);}
		div#contentMain ul, div#contentMain ol {margin-top:.2em; margin-bottom:.8em;}
		
		
		/* these styles are for the chalkboard "swoosh" that's separated from the main content pane. */
		#pageInstr
		{
			padding-left:40px;
			padding-top:37px;
			padding-bottom:50px;
			color:#ffffcc;	
			/*background-image:url(images/mainTop.gif);*/
		}
		#pageInstr_display
		{
			padding-left:40px; 
			padding-top:37px;
			color:#ffffcc;
			/*background-image:url(images/mainTop_noBG.gif);*/
		}
		/*#pageInstr_display {height:126px;}*/  /* This seemed to be causing problems on the display page - transparently overlapping with the links in the text at the top of the page and the "Back to All Categories" button. */
		div.setWidth img#mainTopCenter, div.stretch img#mainTopCenter {height:126px;}
		#receipt div.setWidth img#mainTopCenter, #receipt div.stretch img#mainTopCenter {height:101px;}
			
			

/*------------------------------------------------------------------------------------------------------*/
/* PRINT STYLES */
/*------------------------------------------------------------------------------------------------------*/
	@media print 
	{	
		div#contentMain div#pageInstr {padding-top:60px!important;} /* TOP PADDING IS HEIGHT OF GRAPHICSLAND AFFILIATE LOGO PLUS 10 */
		body#receipt div.orderSummary #pageInstr_display {margin-top:110px;} /* move page instructions to just below logos and before rest of content (To accomodate larger height of HonorStudentStickers logo) */
		body#receipt div.orderSummary h3#orderNum {line-height:2.5em;} /* (To accomodate larger height of HonorStudentStickers logo) */
	}