﻿/*------------------------------------------------------------------------------------------------------*/
/*
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 */
/*---------------------------------------------------*/
	body {font-family:arial, verdana, helvetica, sans-serif;}
	h3 {margin:.2em 0em .2em 0em;}	
	h4 {margin:.8em 0em 0 0em;}
	p {margin:.2em 0em .4em 0em;}


/* Generic Classes */
/*---------------------------------------------------*/
	.affiliateColor {color:#990000;}
	.affiliateBGColor {background-color:#990000;}
	
	
/* 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:#990000;
	}
			

	/* 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:#990000;}
		


/* Page-Specific Styling */
/*---------------------------------------------------*/

	/* Template Categories */	
	/*---------------------------------------------------*/
		table th h3  
		{
			color:#990000; 
			border-bottom:solid 1px #ccc;
			padding-bottom:0;
			margin-bottom:0;
		} 
		table#TemplateCategories h4 {margin:.2em 0 0 0;}
		table#TemplateCategories p {margin:.2em 0 1em 0;}
		
		
	/* Uploading */
	/*---------------------------------------------------*/
		div#uploading h3 {border-bottom:solid 1px #000;}




/*------------------------------------------------------------------------------------------------------*/
/* STRUCTURE */
/*------------------------------------------------------------------------------------------------------*/

	/* Structure for NS.Master */	
	/*---------------------------------------------------*/
		#suppGraphic {background-image:url(images/sidebarTop.gif);}
		#pageInstr {background-image:url(images/mainTop.gif);}
		div#contentMain ul, div#contentMain ol {margin-top:.2em; margin-bottom:.8em;}
			
			

/*------------------------------------------------------------------------------------------------------*/
/* PRINT STYLES */
/*------------------------------------------------------------------------------------------------------*/
	@media print 
	{	
		div#contentMain div#pageInstr {padding-top:42px!important;} /* TOP PADDING IS HEIGHT OF GRAPHICSLAND AFFILIATE LOGO PLUS 10 */
	}
	
	
	
	
	
	
	