﻿
/*------------------------------------------------------------------------------------------------------*/
/* TABLE OF CONTENTS */
/*------------------------------------------------------------------------------------------------------*/
/*
Styling
	Basic Elements
	Generic Classes
	Expandable Text Buttons
		Expandable Text Button - using <a> & <span> tags (Use this as default for buttons.)
		Expandable Text Button Small Version
	Checkout Progress Indicator
	Netsigns Shared Page-Specific Styling
		Order Items Table View (Checkout2, Order Summary pages)
		Order Summary
		Trademark, Privacy, Terms pages
	Sub-Affiliate Shared Content Styling
		Template Categories
		Smart Price Text popups
		About pages (StoreSigns_About.aspx, CorpTemplates_About.aspx, Signs_About.aspx, WideFormat_About.aspx)
			Media Popups 
		Pricing Table(s)
		Shipping Table
		FAQ 
		Hanging Accessories
		Site Map
	Sub-Affiliate-Specific Styling
		Signs Default
			Focus Boxes
		Signs Template Categories
			Focus Boxes
		Scientific Posters
		Store Signs
			Text and image sections
			Home
			Advantages
			Color Schemes
			Instructions
			Template Cateogires
			Uploading
			Pricing
			FAQ


Structure
	suppGraphic
	pageInst
	contentMain

Print Styles (may also override some structure styling, so it should come last)
	pageInst
*/
/*------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------*/
/* STYLING */
/*------------------------------------------------------------------------------------------------------*/


/* Basic Elements */
/*---------------------------------------------------*/
	p {margin:.2em 0em .8em 0em;}


/* Generic Classes */
/*---------------------------------------------------*/
	.affiliateColor {color:#333D66;}
	.affiliateBGColor {background-color:#333D66;}
	
	/* used in SciPosters Home & SciPosters About */
	div.highlight
	{
		background:#fff; 
		color:#333D66; 
		border-top:solid 2px #bcbbc3; 
		border-bottom:solid 2px #bcbbc3; 
		margin:10px 0 10px 0;
		padding:0 10px 0 10px;
	}
	div.highlight h3, div.highlight h4, div.highlight h5 {color:#333D66;}
	div.highlight h3, div.highlight h4, div.highlight h5 {margin:.6em 0 0 0;}
			
		
/* EXPANDABLE TEXT BUTTONS */
/*---------------------------------------------------*/		
	/* 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  
		{
			color:#ccc;
		}
		
	/* EXPANDABLE TEXT BUTTON - SMALL VERSION */
	/*---------------------------------------------------*/
		/* HTML: <div class="buttonwrapper small" style="float:right; width:auto;"><a href="<% %>" class="button"><span>Remove</span></a></div><div id="btnRemove" style="float:right;"></div> */
		.small a.button
		{
			background:transparent url('images/btnLeft_small.jpg') no-repeat top left;
		}
		.small a.button span
		{
			background:transparent url('images/btnRight_small.jpg') no-repeat top right;
		}
	
	
/* 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:#333D66;
	}
			

	/* 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:#333D66;}
		
		

/* Sub-Affiliate Shared Content Styling */
/*---------------------------------------------------*/

	/* Template Categories */	
	/*---------------------------------------------------*/
		#SignsTemplateCategories table th h3
		{
			color:#333D66; 
			border-bottom:solid 1px #ccc;
			padding-bottom:0;
			margin-bottom:0;
		}
		
		
	/* Smart Price Text popup (from Customize?) */
	/*---------------------------------------------------*/
		table.priceText
		{
			margin:10px 20px 40px 20px;
			border-collapse:collapse;
		}
		table.priceText th, table.priceText td
		{
			height:35px;
			padding:10px;
			text-align:center;
		}
		table.priceText tr.input {border-bottom:solid 1px #ccc;}
		table.priceText th {border-right:solid 1px #ccc;}
		table.priceText td
		{
			font-family:courier new, monaco, monospace;
			font-size:2em;
			font-weight:bold;
			width:120px;
			height:55px;
			padding:10px;
			border-right:solid 1px #ccc;
		}
		table.priceText tr.arrows td {height:1px;}
		table.priceText td.last {border-right:none;}
		

	/* Pricing Table(s) */
	/*---------------------------------------------------*/
		div#MagnetsPricing, 
		div.SignsPricing, 
		div#CorpTemplatesPricing, 
		div#SciPostersPricing 
		{display:inline;} /* WideFormatPricing & StoreSignsPricing tables are too big to display inline and float, therefore they're left out of this styling. */

		div#MagnetsPricing {float:right;}

		div.SignsPricing, 
		div#CorpTemplatesPricing, 
		div#SciPostersPricing 
		{float:left;} 

		div#MagnetsPricing table, 
		div#WideFormatPricing table, 
		div.SignsPricing table, 
		div#StoreSignsPricing table, 
		div#CorpTemplatesPricing table, 
		div#SciPostersPricing table
		{
			border-collapse:collapse; 
			border:solid 1px #acb3bf; 
			background-color:#DADEE5; 
			text-align:center; 
		}

		div#MagnetsPricing table {margin:0 0 10px 10px;}

		div#WideFormatPricing table, 
		div.SignsPricing table, 
		div#CorpTemplatesPricing table, 
		div#SciPostersPricing table 
		{margin:0 10px 10px 0;}

		div#StoreSignsPricing table {margin:0 10px 5px 0;}

		div#MagnetsPricing table th, 
		div#MagnetsPricing table td, 
		div#WideFormatPricing table th, 
		div#WideFormatPricing table td, 
		.SignsPricing table th, 
		.SignsPricing table td, 
		div#StoreSignsPricing table th, 
		div#StoreSignsPricing table td, 
		div#CorpTemplatesPricing table th, 
		div#CorpTemplatesPricing table td, 
		div#SciPostersPricing table th, 
		div#SciPostersPricing table td 
		{border:solid 1px #acb3bf;}

		div#WideFormatPricing th, 
		div.SignsPricing th, 
		div#StoreSignsPricing th, 
		div#CorpTemplatesPricing th, 
		div#SciPostersPricing th
		{
			background-color:#c3cbd9;
			color:#000;
			white-space:nowrap; 
		}

		div#MagnetsPricing th
		{
			background-color:#c3cbd9;
			color:#000;
		}

		div#WideFormatPricing th, 
		div.SignsPricing th, 
		div#StoreSignsPricing th, 
		div#CorpTemplatesPricing th 
		{font-size:.8em;}

		div#SciPostersPricing th {font-size:1em;}

		div#MagnetsPricing td, 
		div#WideFormatPricing td, 
		div.SignsPricing td, 
		div#StoreSignsPricing td, 
		div#CorpTemplatesPricing td, 
		div#SciPostersPricing td 
		{
			font-size:.8em;
			font-weight:bold;
		}

		div#WideFormatPricing td, 
		div.SignsPricing td, 
		div#StoreSignsPricing td, 
		div#CorpTemplatesPricing td, 
		div#SciPostersPricing td  
		{white-space:nowrap;}


	/* Shipping Table */
	/*---------------------------------------------------*/
		table#WideFormatShipping, 
		table#SignsShipping, 
		table#StoreSignsShipping, 
		table#CorpTemplatesShipping, 
		table#SciPostersShipping 
		{margin-bottom:.4em;} /* The Magnets Shipping table has an asterisk just beneath the table, so the spacing is dealt with on the element level. */

		table#MagnetsShipping th, 
		table#WideFormatShipping th, 
		table#SignsShipping th, 
		table#StoreSignsShipping th, 
		table#CorpTemplatesShipping th, 
		table#SciPostersShipping th
		{
			background-color:#c3cbd9;
			border-bottom:solid 1px #eee;
		}

		table#MagnetsShipping td, 
		table#WideFormatShipping td, 
		table#SignsShipping td, 
		table#StoreSignsShipping td, 
		table#CorpTemplatesShipping td, 
		table#SciPostersShipping td 
		{background-color:#DADEE5;}

			
	/* About pages (for StoreSigns_About.aspx, CorpTemplates_About.aspx, Signs_About.aspx, WideFormat_About.aspx) */
	/*---------------------------------------------------*/
		div.About li
		{
			clear:both;
			list-style:none;
			padding:.5em 0 .5em 0;
		}
		div.About li img
		{
			float:left;
			margin:0 10px .5em 0;
		}
		div.About a img.border, div.About a:link img.border {border:solid 1px #000000;}
		div.About a:hover img.border {border:solid 1px #ccc;}
		div.About li h4
		{
			margin:0;
			padding:0;
		}
		div.About li h4 a, div.About li h4 a:link
		{
			color:#000;
			font-weight:bold;
			text-decoration:none;
		}
		div.About li h4 a:hover
		{
			color:#3366cc;
			text-decoration:underline;
		}
		div.About li h4 a:active {color:#000099;}
		
		
		/* Media Popups */
		/*---------------------------------------------------*/
			#mediaEconomy, 
			#mediaStandard, 
			#mediaGlossy, 
			#mediaVinyl, 
			#mediaVinylGrommets, 
			#mediaWindowCling, 
			#mediaWindowStick, 
			#mediaWindowPerf, 
			#mediaWallSticker, 
			#mediaCoolerDoorSticker, 
			#mediaSignicadeSignSticker, 
			#mediaCounterTopperInsert
			{
				margin:0 auto;
				padding:0 10px;
			}

			#mediaEconomy h4, 
			#mediaStandard h4, 
			#mediaGlossy h4, 
			#mediaVinyl h4, 
			#mediaVinylGrommets h4, 
			#mediaWindowCling h4, 
			#mediaWindowStick h4, 
			#mediaWindowPerf h4,
			#mediaWallSticker h4, 
			#mediaCoolerDoorSticker h4, 
			#mediaSignicadeSignSticker h4, 
			#mediaCounterTopperInsert h4
			{margin-bottom:1em;}

			#mediaVinylGrommets img {margin:10px auto;}

			#mediaWindowCling div.photos, 
			#mediaWindowStick div.photos, 
			#mediaWindowPerf div.photos
			{
				margin:0 auto 15px auto;
				margin-left:auto;
				margin-right:auto;
				font-size:.8em;
			}

			#mediaWindowCling div.photos div, 
			#mediaWindowStick div.photos div, 
			#mediaWindowPerf div.photos div
			{
				float:left;
				margin:0 10px 5px 10px;
				text-align:center;
			}

			#mediaWindowCling div.photos div img, 
			#mediaWindowStick div.photos div img, 
			#mediaWindowPerf div.photos div img 
			{margin-bottom:5px;}

			#mediaWindowCling #supplies, 
			#mediaWindowStick #supplies, 
			#mediaWindowPerf #supplies
			{
				width:235px; 
				border:solid 1px #ccc; 
				background-color:#eee; 
				margin:0 10px 10px 10px; 
				padding:0 5px 5px 5px; 
				text-align:left;
			}
		
		
	/* FAQ */
	/*---------------------------------------------------*/
		/*#StoreSignsFAQ div#questions a, #SignsFAQ div#questions a, {font-weight:bold;}*/   /* THIS DOESN'T WORK... */
		
		
	/* Hanging Accessories */
	/*---------------------------------------------------*/
		div#Accessories h3
		{
			padding:0 .3em;
			border-bottom:solid 1px #ccc; 
			color:#333D66; 
		}
		div#Accessories div.item
		{
			margin:10px 0 20px 0; 
			padding:5px 10px;
			background-color:#fff; /* f7f9fc */
			border:solid 1px #ccc; 
		}
		div#Accessories #iceTubes {min-height:220px;} /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories #suctionCups {min-height:205px;} /* This is equal to the height of the product image plus top and bottom padding. */
		/* NOT NEEDED div#Accessories #bannerTabs {min-height:;}*/ /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories #hangingKit {min-height:405px;} /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories #doubleCHooks {min-height:205px;} /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories #counterTopper {min-height:270px;} /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories #signicade {min-height:335px;} /* This is equal to the height of the product image plus top and bottom padding. */
		div#Accessories h4
		{
			margin-top:0; 
			color:#333D66;
		}
		div#Accessories .productPhoto 
		{
			margin:0 0 5px 10px;
			float:right;
		}
		div#Accessories p.btnOrder {padding-top:.8em;}
		
		
	/* Site Map */
	/*---------------------------------------------------*/
		div#SiteMap li a {font-size:.8em;}
				
		
		
/* Sub-Affiliate-Specific Styling */
/*---------------------------------------------------*/	
	
	/* Signs Default */
	/*---------------------------------------------------*/
		/* FOCUS BOX using sliding doors technique for Signs_Default */
		/* NEW SIGNS DEFAULT FOCUS BOX STYLES TO INCLUDE C-STORE SECTION! */
		/*---------------------------------------------------*/
		.focusBox h5 {margin:0 0 .4em 0;}
		.focusBox 
		{
			 width:350px;
			 max-width:350px;
			 margin:0px auto;
			 min-width:20em;
			 margin-bottom:5px;
			 color:#000;
			 float:left;
			 /*display:table-cell;*/
		}
		/* header corner & footer corner */
		.focusBox .hd .c, .focusBox .ft .c 
		{
			 font-size:1px; /* ensure minimum height */
			 height:20px; 
		}
		/* footer corner */
		.focusBox .ft .c {height:20px;}

		/* header - top left */
		.focusBox .hd {background:transparent url(images/focusBoxTL.gif) no-repeat 0px 0px;}
		/* header - top right or corner */
		.focusBox .hd .c {background:transparent url(images/focusBoxTR.gif) no-repeat right 0px;}
		/* body - middle left */
		.focusBox .bd {background:transparent url(images/focusBoxML.gif) repeat-y 0px 0px;}
		/* body - middle right or corner */
		.focusBox .bd .c {background:transparent url(images/focusBoxMR.gif) repeat-y right 0px;}
		/* body - middle section */
		.focusBox .bd .c .s 
		{
			 margin:0px 10px 0px 5px;
			 background:#fff url(images/focusBoxMS.gif) repeat-x 0px 0px;
			 padding:0 1em .5em 1em;
			 /*font-size:90%;*/
		}
		/* footer - bottom left */
		.focusBox .ft {background:transparent url(images/focusBoxBL.gif) no-repeat 0px 0px;}
		/* footer - bottom right or corner */
		.focusBox .ft .c {background:transparent url(images/focusBoxBR.gif) no-repeat right 0px;}

		#SignsDefault div#Signs .s {min-height:120px; height:9em;}
		#SignsDefault div#StoreSigns .s {min-height:120px; height:9em;}
		#SignsDefault div#SciPosters .s {min-height:120px; height:10em;}
		#SignsDefault div#CorpTemplates .s {min-height:120px;  height:10em;}
		#SignsDefault div#Magnets .s {min-height:115px; height:9em;}
		#SignsDefault div#WideFormat .s {min-height:115px; height:9em;}
		/* IE6 hack */
		/**html #SignsDefault div#Signs .s {height:9em;}
		*html #SignsDefault div#StoreSigns .s {height:9em;}
		*html #SignsDefault div#SciPosters .s {height:120px;}
		*html #SignsDefault div#CorpTemplates .s {height:120px;}
		*html #SignsDefault div#Magnets .s {height:115px;}
		*html #SignsDefault div#WideFormat .s {height:115px;}*/

		#SignsDefault div#accessories
		{
			width:300px; 
			margin:5px 10px 10px 10px;
			padding:15px;
			background-color:#e3e3e3;
			/*border:solid 1px #ccc;*/
		}
		#SignsDefault div#accessories img {margin-bottom:.4em;}
		
	/* Signs Template Categories */
	/*---------------------------------------------------*/
		/* Store Signs feature at top of Signs Template Categories page */
		div.StoreSigns h3 {color:#339966;}

		div.StoreSigns a.more 
		{
			color:#0099cc; /* 33cccc cc6600 */
			font-size:.8em;
			font-weight:bold;
			text-decoration:none;
		}
		div.StoreSigns a.more:hover
		{
			background-color:#dbedff;
			color:#006699;
			text-decoration:underline;
		}
		div.StoreSigns a.more:active {color:#6699cc;}

		#StoreSigns_category h6 {margin:5px 0;}
		#StoreSigns_category h6 a 
		{
			color:#339966;
			text-decoration:none;
		}
		#StoreSigns_category h6 a:hover {color:#ccc;}

		#StoreSigns_category img {margin:10px 10px 0 10px;}
		#StoreSigns_category div.StoreSigns div.floatLeft {margin-top:25px}
		
		/* FOCUS BOX using sliding doors technique for Signs_TemplateCategories */
		/*---------------------------------------------------*/
			#StoreSigns_category 
			{
				 width:295px;
				 max-width:295px;
				 margin:0px auto;
				 min-width:18em;
				 margin-bottom:5px;
				 color:#000;
				 float:left;
				 /*display:table-cell;*/
			}
			/* header corner & footer corner */
			#StoreSigns_category .hd .c, #StoreSigns_category .ft .c 
			{
				 font-size:1px; /* ensure minimum height */
				 height:15px; 
			}
			/* footer corner */
			#StoreSigns_category .ft .c {height:15px;}

			/* header - top left */
			#StoreSigns_category .hd {background:transparent url(images/StoreSigns_focusBoxTL.gif) no-repeat 0px 0px;}
			/* header - top right or corner */
			#StoreSigns_category .hd .c {background:transparent url(images/StoreSigns_focusBoxTR.gif) no-repeat right 0px;}
			/* body - middle left */
			#StoreSigns_category .bd {background:transparent url(images/StoreSigns_focusBoxML.gif) repeat-y 0px 0px;}
			/* body - middle right or corner */
			#StoreSigns_category .bd .c {background:transparent url(images/StoreSigns_focusBoxMR.gif) repeat-y right 0px;}
			/* body - middle section */
			#StoreSigns_category .bd .c .s 
			{
				 margin:0px 10px 0px 5px;
				 background:#ebf2f7 url(images/StoreSigns_focusBoxMS.gif) repeat-x 0px 0px;
				 padding:0 1em 0 1em;
				 /*font-size:90%;*/
				 overflow:hidden;
			}
			/* footer - bottom left */
			#StoreSigns_category .ft {background:transparent url(images/StoreSigns_focusBoxBL.gif) no-repeat 0px 0px;}
			/* footer - bottom right or corner */
			#StoreSigns_category .ft .c {background:transparent url(images/StoreSigns_focusBoxBR.gif) no-repeat right 0px;}
		
		
	/* Scientific Posters */
	/*---------------------------------------------------*/
		div#SciPostersHome ol li {margin-bottom:.6em;}
		div#SciPostersHome ol li a {font-size:1.1em;}
		/* This is a class instead of an id because the dynamic code in the aspx creates an additional list with instructions. */
		ol.SciPostersPageSizeConverterTop li {line-height:2em;}
		ol.SciPostersPageSizeConverterBottom li {line-height:1.4em;}
		div#SciPostersConferences h3 {display:block; border-bottom:solid 1px #ccc; color:#999;}
		div#SciPostersConferences ul li {margin-bottom:.8em;}

		table#SciPostersTemplates tr, 
		table#SciPostersTemplates_UnivOfIndy tr, 
		table#SciPostersTemplates_Findlay tr, 
		table#SciPostersTemplates_GeorgeFoxUniv tr 
		{vertical-align:top;}

		table#SciPostersTemplates tr td img, 
		table#SciPostersTemplates_UnivOfIndy tr td img, 
		table#SciPostersTemplates_Findlay tr td img, 
		table#SciPostersTemplates_GeorgeFoxUniv tr td img
		{
			display:block;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			vertical-align:middle;
		}
		table#SciPostersTemplates_UnivOfIndy tr td img, 
		table#SciPostersTemplates_Findlay tr td img, 
		table#SciPostersTemplates_GeorgeFoxUniv tr td img 
		{border:solid 1px;} /* All of the U of Indy & Findlay templates are the same size, so the image is also a link to download the file and should have the link style border instead of a solid black border. */

		table#SciPostersTemplates tr td ul, 
		table#SciPostersTemplates_UnivOfIndy tr td ul, 
		table#SciPostersTemplates_Findlay tr td ul, 
		table#SciPostersTemplates_GeorgeFoxUniv tr td ul 
		{padding:0; margin:0;}

		table#SciPostersTemplates tr td ul li, 
		table#SciPostersTemplates_UnivOfIndy tr td ul li, 
		table#SciPostersTemplates_Findlay tr td ul li, 
		table#SciPostersTemplates_GeorgeFoxUniv tr td ul li
		{
			list-style-position:inside;
			line-height:1.1em;
			font-size:.8em;
		}

		table#SciPostersTemplates tr td h6, 
		table#SciPostersTemplates_UnivOfIndy tr td h6, 
		table#SciPostersTemplates_Findlay tr td h6, 
		table#SciPostersTemplates_GeorgeFoxUniv tr td h6 
		{margin:0;}

		/* spg stands for Scientific Poster Gallery */
		img.spg 
		{
			margin:5px;
			border:solid 1px #000;
			vertical-align:middle;
		}
		
		
	/* Store Signs */
	/*---------------------------------------------------*/

		/* Styles shared across pages. */
		/*---------------------------------------------------*/
			div#StoreSignsHome h2, 
			div#StoreSignsAdvantages h2, 
			div#StoreSignsColorSchemes h2, 
			div#StoreSignsInstructions h2,
			div.StoreSignsTemplateCategories h2, 
			div#StoreSignsUploadingOptions h2
			{
				margin-bottom:.5em;
				line-height:1.5em;
				color:#339966;
				font-weight:bold;
			}

			div#StoreSignsHome h3, 
			div#StoreSignsAdvantages h3, 
			div#StoreSignsColorSchemes h3, 
			div#StoreSignsInstructions h3,
			div.StoreSignsTemplateCategories h3, 
			div#StoreSignsUploadingOptions h3
			{
				margin:.5em 0 1em 0;
				line-height:1.5em;
				color:#333D66; /* 333D66 */
				font-family:verdana,arial,helvetica,sans-serif;
				font-family:Lucida,Times New Roman,Times, serif;
				font-size:1.5em;
				font-weight:normal;
			}

			div#StoreSignsHome h4, 
			div#StoreSignsAdvantages h4, 
			div#StoreSignsColorSchemes h4, 
			div#StoreSignsInstructions h4,
			div.StoreSignsTemplateCategories h4, 
			table#StoreSignsTemplateCategories th h3
			{
				margin:0 0 .2em 0;  /* top margin was 1.2em*/
				color:#0099cc; /* 339999 0099cc */
				font-family:trebuchet,arial,helvetica,sans-serif;
				font-size:1.5em;
				font-weight:normal;
			}

			div#StoreSignsColorSchemes h4, 
			div.StoreSignsTemplateCategories h4
			{
				padding-top:1em;
				color:#000;
				border-bottom:solid 1px #ccc;
			}

			div#StoreSignsHome h5, 
			div#StoreSignsAdvantages h5, 
			div#StoreSignsColorSchemes h5, 
			div.StoreSignsTemplateCategories h5 
			{font-family:trebuchet,arial,helvetica,sans-serif;}

			div#StoreSignsHome a.more, 
			div#StoreSignsAdvantages a.more
			{
				color:#cc3300; /* 33cccc cc6600 */
				font-size:.8em;
				font-weight:bold;
				text-decoration:none;
			}

			div#StoreSignsHome a.more:hover, 
			div#StoreSignsAdvantages a.more:hover
			{
				background-color:#dbedff;
				color:#ff3300;
				text-decoration:underline;
			}

			div#StoreSignsHome a.more:active, 
			div#StoreSignsAdvantages a.more:active
			{color:#cc3300;}

			div#StoreSignsHome p, 
			div#StoreSignsAdvantages p
			{
				margin:.2em 0;
				line-height:1.7em;
			}
			
		/* This is really the only place '.imgBorder' is used.  Don't need to prefix with the individual StoreSign ids. */
		/*---------------------------------------------------*/
			div#StoreSignsHome .imgBorder, 
			div#StoreSignsAdvantages .imgBorder, 
			div#StoreSignsPricing .imgBorder, 
			div#StoreSignsShipping .imgBorder, 
			div#StoreSignsFAQ .imgBorder
			{ 
				border:solid 2px #ccc; 
				padding:7px;
			}
		
		/* Text and image sections */
		/*---------------------------------------------------*/
			div#StoreSignsHome div.section, 
			div#StoreSignsAdvantages div.section
			{ 
				clear:both;
				overflow:hidden;
				margin-top:50px; 
				margin-right:10px;
				margin-left:10px;
			}
			
			div#StoreSignsHome div#highImpact div.text,
			div#StoreSignsHome div#youInMind div.text,
			div#StoreSignsAdvantages div#fun div.text,
			div#StoreSignsAdvantages div#options div.text,
			div#StoreSignsAdvantages div#quality div.text,
			div#StoreSignsAdvantages div#easy div.text,
			div#StoreSignsAdvantages div#colorSchemes div.text
			{width:380px;}

			div#StoreSignsHome div#highImpact div.text,
			div#StoreSignsAdvantages div#easy div.text
			{padding-top:2em;}

			div#StoreSignsAdvantages div#fun div.text
			{padding-top:1em;}

			div#StoreSignsHome div#youInMind div.text,
			div#StoreSignsAdvantages div#quality div.text
			{padding-top:3em;}

			div#StoreSignsAdvantages div#fun div.text h4, 
			div#StoreSignsAdvantages div#options div.text h4,
			div#StoreSignsAdvantages div#quality div.text h4,
			div#StoreSignsAdvantages div#easy div.text h4,
			div#StoreSignsAdvantages div#colorSchemes div.text h4
			{margin-top:0;}

			div#StoreSignsHome div#youInMind div.image img,
			div#StoreSignsAdvantages div#fun div.image img
			{margin:0 30px 0 0;}

			div#StoreSignsHome div#highImpact div.image img,
			div#StoreSignsHome div#corpTemp div.image img,
			div#StoreSignsAdvantages div#options div.image img,
			div#StoreSignsAdvantages div#easy div.image img,
			div#StoreSignsAdvantages div#colorSchemes div.image img
			{margin:0 0 0 30px;}

			div#StoreSignsHome div#corpTemp div.image img
			{margin-bottom:20px;}

			div#StoreSignsAdvantages div#quality div.image img
			{margin:0 30px;}

			/* General rule of thumb */
			div#StoreSignsHome div.floatLeft img,
			div#StoreSignsAdvantages div.floatLeft img
			{float:left;}

			/* General rule of thumb */
			div#StoreSignsHome div.floatRight img,
			div#StoreSignsAdvantages div.floatRight img
			{float:right;}

		/* Store Signs Home */
		/*---------------------------------------------------*/		
			/* Store Signs Home ONLY (Page Header) */
			/*---------------------------------------------------*/
				div#StoreSignsHome div#pageHeader
				{
					background:transparent url("images/StoreSigns_homeHeader.jpg") no-repeat top center; 
					height:301px; 
					margin:0 auto; 
					padding-left:25px;
					padding-right:280px;
				}
				div#StoreSignsHome div#pageHeader h2
				{
					margin-top:0;
					padding-top:2em; 
				}
				div#StoreSignsHome div#pageHeader p
				{ 
					padding-left:2em;
					font-size:.9em;
					line-height:1.8em;
				}
				div#StoreSignsHome div#pageHeader a {font-weight:normal;}
				
			/* Store Signs Home ONLY (green button) */
			/*---------------------------------------------------*/
				div#StoreSignsHome div.greenSmallNoBG 
				{
					margin-top:.6em; 
					padding-left:1em;
					padding-right:2em;
				}
				
		
		/* Store Signs Advantages ONLY */
		/*---------------------------------------------------*/
			div#StoreSignsAdvantages div#pageHeader h2 {padding-top:0;}
			/*-----*/
			div#StoreSignsAdvantages div#storefronts {margin-top:0;}
			div#StoreSignsAdvantages div#storefronts div#unified
			{ 
				float:right; 
				width:328px;
			}
			div#StoreSignsAdvantages div#storefronts div#cluttered
			{ 
				float:left; 
				width:328px;
			}
			div#StoreSignsAdvantages div#storefronts img {margin-bottom:10px;}
			div#StoreSignsAdvantages div#storefronts div.caption
			{ 
				clear:both;
				font-size:.8em;
			}
			/*-----*/
			div#StoreSignsAdvantages div.section div.thirds
			{ 
				float:left;
				width:30%;
				padding-right:20px;
			}
			
			
		/* for StoreSigns_ColorSchemes.aspx ONLY */
		/*---------------------------------------------------*/
			div#StoreSignsColorSchemes .colorSchemeThumb
			{
				float:left;
				margin:0 auto;
				padding:5px 15px 0 15px;
			}
			div#StoreSignsColorSchemes .colorSchemeThumb p
			{
				font-size:.8em;
				text-align:center;
			}

			 /*div#StoreSignsHome a, 
			div#StoreSignsInstructions a, 
			div.StoreSignsTemplateCategories a, 
			div#StoreSignsUploadingOptions a, 
			div#StoreSignsAbout a, 
			div#StoreSignsPricing a, 
			div#StoreSignsShipping a
			{font-weight:normal;}*/


		/* for StoreSigns_Instructions.aspx */
		/*---------------------------------------------------*/
			div#StoreSignsInstructions h4
			{
				font-weight:bold;
				font-size:1.6em;
			}
			div#StoreSignsInstructions .step
			{
				margin-top:2em;
				overflow:hidden;
			}
			div#StoreSignsInstructions .step h5 {margin-top:.2em;}
			
			
		/* for StoreSigns_TemplateCategories.aspx */
		/*---------------------------------------------------*/
			img.catThumb 
			{
				margin-top:3px;
				margin-bottom:5px;
				vertical-align:middle;
				border:solid 1px #000;
			}
			a img.catThumb, a:link img.catThumb {border:solid 1px #000;}
			a:hover img.catThumb {border:solid 1px #acb3bf;}
			table#StoreSignsTemplateCategories td {vertical-align:top;}
			table#StoreSignsTemplateCategories ul
			{
				list-style-type:none;
				margin-left:0;
				padding-left:1em;
			}
			table#StoreSignsTemplateCategories ul.firstTier {padding-left:0;}
			table#StoreSignsTemplateCategories ul#leftCol {margin-right:15px;}
			table#StoreSignsTemplateCategories ul li.section
			{
				border:solid 1px #ccc;
				background-color:#fff;
				padding:1em;
				margin-bottom:1em;
			}
			table#StoreSignsTemplateCategories li.section h4 {margin:0 0 .4em 0;}
			/*table#StoreSignsTemplateCategories li.section a, table#StoreSignsTemplateCategories li.section a:link {font-weight:bold;}*/
			table#StoreSignsTemplateCategories li.section a:active {color:#000099;}
			table#StoreSignsTemplateCategories li.section a.catLink
			{	
				text-decoration:none;
				color:#000;
			}
			table#StoreSignsTemplateCategories li.section a.catLink:link { }
			table#StoreSignsTemplateCategories li.section a.catLink:visited { }
			table#StoreSignsTemplateCategories li.section a.catLink:hover	
			{
				text-decoration:underline;
				color:#3366cc;
			}
			table#StoreSignsTemplateCategories li.section a.catLink:active 
			{
				text-decoration:underline;
				color:#000099;
			}
			table#StoreSignsTemplateCategories li.section h5 small
			{
				font-size:.75em;
				font-weight:normal;
			}
			table#StoreSignsTemplateCategories li.section h6
			{
				margin:.8em 0em 0em 0em;
				font-size:.9em;
			}
			table#StoreSignsTemplateCategories li.section hr {color:#eee;}
			
			
		/* for StoreSigns_Uploading.aspx ONLY */
		/*---------------------------------------------------*/
			div#StoreSignsUploadingOptions table {margin-top:20px;}
			div#StoreSignsUploadingOptions table td#column1
			{
				width:295px; 
				padding-left:10px;
				padding-right:20px; 
				border-right:solid 1px #ccc;
			}
			div#StoreSignsUploadingOptions table td#column2
			{
				padding-left:30px;
				padding-right:10px;
			}
			div#StoreSignsUploadingOptions table h3
			{
				margin:0;
				line-height:1.2em;
			}
			div#StoreSignsUploadingOptions span.AorB 
			{
				display:inline; 
				float:left;
				color:#ff0000;
				font-family:verdana,arial,helvetica,sans-serif;
				font-weight:bold;
			}
			div#StoreSignsUploadingOptions table img
			{
				display:inline;
				vertical-align:top;
				margin:10px 2px;
			}
			div#StoreSignsUploadingOptions a img.border, div.StoreSignsUploadingOptions a:link img.border {border:solid 1px #0000ff;}
			div#StoreSignsUploadingOptions a:hover img.border {border:solid 1px #ccc;}
			div#StoreSignsUploadingOptions table ul
			{
				margin-left:20px; 
				padding-left:0;
			}
			div#StoreSignsUploadingOptions .buttonwrapper 
			{
				width:auto; 
				margin-top:0;
			}
			
			
		/* for StoreSigns_Pricing.aspx ONLY */
		/*---------------------------------------------------*/
			div#StoreSignsPricing table th a
			{
				color:#000;
				text-decoration:none;
			}
			div#StoreSignsPricing table th a:visited {color:#000;}
			div#StoreSignsPricing table th a:hover
			{
				color:#3366CC;
				text-decoration:underline;
			}
			div#StoreSignsPricing table th a:active {color:#eee;}
			
			
		/* for StoreSigns_FAQ.aspx ONLY */
		/*---------------------------------------------------*/
			div#StoreSignsFAQ a {font-weight:bold;}




/*------------------------------------------------------------------------------------------------------*/
/* 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:40px!important;} /* TOP PADDING IS HEIGHT OF GRAPHICSLAND AFFILIATE LOGO PLUS 10 */
	}