/*------------------------------------------------------------------------------------------------------*/
/* TABLE OF CONTENTS */
/*------------------------------------------------------------------------------------------------------*/
/*
Styling
	Basic Elements
	Generic Classes
		Errors, Warnings, Special Messages
			Error
			Warning
			Special Message
			MessageBar Control
	Expandable Text Buttons
		Expandable Text Button 3 - using div & input button, which makes left rounded corner unclickable (NOT USED, SAVED FOR REF)
		Expandable Text Button 2 - using divs & input button, which makes left and right rounded corners unclickable (NOT USED, SAVED FOR REF)
		Expandable Text Button - using <a> & <span> tags (Use this as default for buttons.)
		Expandable Text Button Small Version
		Expandable Text Button White BG
		Expandable Text Button Green
		Expandable Text Button Green No Bg
		Expandable Text Button Small Green No Bg
	CSS3 Gradient Buttons
		Button Structure
		Button Size & Shape
		Custom Buttons
		Button Colors
	Menu (list style used in: Sidebar, DesignTips_Menu.ascx)
	Checkout Progress Indicator
	Form Elements
		Simple Styles - (AddToCart.aspx (CartItem.ascx), Cart.aspx?, Precheckout.aspx, etc?)
		Page-Specific Form Positioning & Styling - 
													(Checkout process - ChooseAddress.aspx, Address.aspx, Checkout.aspx, Checkout2.aspx, OrderSummary.aspx
													ResetPassword.aspx
													ContactUsForm.ascx - Contact Us page & Email form popup
													CorpTemplates_RequestInfo.aspx)
			Reset Password Form
			Contact Us Form, Corporate Template Request More Info Form
			... continued form styling...
			Wide Form Styles
				Wide checkbox (was used in Tax Exempt & Rush Service sections, but now there is no longer a Tax Exempt checkbox and the Rush Service section has been reformated.)
				Wide radioButtonList on Checkout.aspx -- asp:Panel for Payment Method, asp:RadioButtonList Table for Shipping Method
			No Note (currently only used for Need By Date, Payment Method & Rush Service on Checkout.aspx)
				Rush Service specific stuff
			Notes
	Page-Specific Styling
		Accessories (HangingAccessories.aspx)
		Display
			Subcategory Tree Structure (list style used in: display.aspx for categories such as Holiday, Store Signs, Stickers for My Band)
		Customize
			Preview
			Suggestion Message - "Line Too Long"
		Customer Image Library
			Photo Upload Control (used on Customize and Customer Image Library)
				Image Upload Help Popup (called from Photo Upload Control)
		Cart
		Cart Item (Size, Media, Quantity, Price, Special Printing Instructions)
		Choose Address
			SelectedShippingAddress
			btnEnterNewShippingAddress
		Checkout
			Suggested Shipping Method highlight
			Credit Card Payment - images of cards accepted
			Rush Info, Fax PO Info, & PayPal Info - boxes show/hide more info 
		Order Item View control
		Order Items Table View (Checkout2, Order Summary pages)
		Order Summary View (Checkout2, Order Summary pages)
		Checkout2
		Order Summary
		Login
		Account Bread Crumbs control
		Order History View control (Account Dashboard and Order History pages)
		Account Dashboard
		Address Book & Address View Control
		Order History
		Design Reorder
			AddThis "Share" button
		Trademark, Privacy, Terms pages

Structure
	Structure for NS.Master page
		centerSite
		container (also has either stretch or setWidth class)
			Site Header (PageHeader.aspx)
				logo
					affiliateGL
				links
			Sidebar (contentSupp)
				suppGraphic
				affiliateCT
					affiliateCT img
			Content Main (contentMain)
				Page Instructions (pageInstr)
				Footer (PageFooter.aspx)
					linksSupp
					linksSisterSites
					siteInfo

	Content-Specific Structure
		Indpendent Pages not using NS.Master (display.aspx, OrderSummary.aspx, & Stickers_Default.aspx)
		DesignTips popups

	Variable Grid System - Full width: 700px, Content width: 676px (Column width: 38, Number of columns: 12, Gutter width: 20)
		Containers
		Grid >> Global
		Grid >> Children (Alpha ~ First, Omega ~ Last)
		Grid >> 12 Columns
		Prefix Extra Space >> 12 Columns
		Suffix Extra Space >> 12 Columns
		Push Space >> 12 Columns
		Pull Space >> 12 Columns
		Clear Floated Elements
		

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




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


/* Basic Elements */
/*---------------------------------------------------*/
	body
	{
		margin:0;
		padding:0;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:76%; /* font sizing in ems. if you want to change anything, just change this.*/
		color:#000;
		background-color:#fff;
	}
	div,p{margin:0}
	p
	{
		padding-top:0;
		margin:1.2em 0em 1.2em 0em;
		line-height:1.5em;
		font-size:1.0em;
	}
	b, strong {font-weight:bold;}
	u, .u {text-decoration:underline;}
	a
	{
		text-decoration:underline;
		font-weight:bold;  /* EVENTUALLY REMOVE AND STYLE LINKS BOLD MORE INDEPENDENTLY */
		color:#3366cc;
		cursor:pointer;
	}
	a:link { }
	a:visited { }
	a:hover	{color:#acb3bf;}
	a:active {color:#000099;}
	h1
	{
		font-size:2.0em;
		font-weight:bold;
		margin-top:0em;
		margin-bottom:0em; /*both set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyond summary in a simple comment.*/
		/*padding-bottom:.4em;*/
	}
	h2
	{
		font-size:1.7em;
		margin:1.2em 0em 0 0em; /* 1.2em, 1em */ 
		font-weight:normal;
	}
	h3
	{
		font-size:1.4em;
		margin:1.2em 0em 0 0em; /* 1.2em, 1em */
		font-weight:bold;
		color:#000;
	}
	h4
	{
		font-size:1.2em;
		margin:1em 0em 0 0em; /* 1.2em, .8em */ 
		font-weight:bold;
	}
	h5
	{
		font-size:1.1em;
		margin:1em 0em 0 0em; /* 1.2em, .7em */
		font-weight:bold;
	}
	h6
	{
		font-size:0.8em;
		margin:.8em 0em .6em 0em; /* 1.2em, .6em */ 
		font-weight:bold;
		color:#000;
	}
	h7
	{
		font-size:0.8em;
		margin:.8em 0em .6em 0em; 
		font-weight:normal;
		color:#000;
	}
	fieldset h4 {margin:.2em 0em .2em 0em;} 
	small
	{
		font-size:.8em;
		line-height:1.4em;
	}		
	ol, ul, li
	{
		/*list-style:none;*/
		/*list-style-position:inside;*/
		font-size:1.0em;
		line-height:1.4em;
		margin-top:0.2em;
		margin-bottom:0.1em; 
	}
	/* horizontal list style was created for Magnets_TemplateCategories.aspx */
	ul.horizList
	{
		margin-left:1em; /* to indent line with horizontal list */
		padding-left:0;	
		font-size:.8em;
	}
	ul.horizList li
	{
		display:inline; 
		background:url(images/icon_bullet.gif) left center no-repeat; 
		padding-left:6px; /* size of image plus extra spacing before text */
		padding-right:1em;
	}
	/* for all p elements inside li or ol, but no p elements deeper within the hierarchy; for all li or ol elements preceded by p elements */
	/*li > p, ol > p, p + li, p + ol {margin-top:-0.8em;}*/
	img	{border:0;}

/* Generic Classes */
/*---------------------------------------------------*/
	.vertspace {line-height:2.2em;}
	.right {text-align:right;}
	img.right {float:right;} /*added for images on hanging accessories page, also used on corp temp section */
	input.right {float:right;} /*added for 'place your order' button on checkout2.aspx */
	.floatRight {float:right;}
	.floatLeft {float:left;}
	.center {text-align:center;}
	table.center
	{
		margin-left:auto; 
		margin-right:auto;
		text-align:left;
	}
	img.center {display:block; margin-left:auto; margin-right:auto;}
	.clear {clear:both;}
	.unbold {font-weight:normal;}
	.go {color:#009900;} /* checkout2.aspx */
	.nowrap	{white-space:nowrap;}
	.break-word_JS {width:auto;} /* This is to override the default div width of 484px. */
	.break-word_IE {word-wrap:break-word;} /* This will work in IE/Win and Saf 1.3+ only and doesn't require JavaScript.  As of 4.27.09, lowest version of browser compatibility: IE 5.5, FF 3.5, Opera n/a, Safari 1.0.  (Dependent on CSS3 browser support.) */
	.border	{border:solid 1px #000;}
	.affiliateColor {color:#333D66;}
	.affiliateBGColor {color:#333D66;}
	.top {margin-top:0;} /* use this class on the first element of the page to push it to the top.  this reduces unnecessary vertical height of the page */
	.price {text-align:right;}
	a.more {font-weight:bold;}
		
		
	/* Errors, Warnings, Special Messages */
	/*---------------------------------------------------*/
		/* Error */
		/*---------------------------------------------------*/
			.error /* any generic error message */
			{
				color:#ff0000;
				font-weight:bold;
			}
			.errorHeader /* header for error summary -- used on checkout as a standalone message about shipping to akaska and hawaii. (asp label) */
			{
				clear:both;
				display:block;
				margin-bottom:10px;
				color:#ff0000;
				font-weight:bold;
				line-height:1.4em;
			}
			.errorSummary /* list of errors */
			{
				display:block;
				margin:5px 0 10px 0;
				padding:2px 2px 0 2px;
				background-image:url(images/icon_error.gif);
				background-repeat:no-repeat;
				background-position:1px 2px;
				background-color:#ffffe1;
				color:#ff0000;
				border:solid 1px #ff0000;
			}
			span.error /* error label next to field with error */
			{
				margin:0; /* right was 10px */
				padding:3px 3px 3px 27px;
				background-image:url(images/icon_error.gif);
				background-repeat:no-repeat;
				background-position:1px 2px;
				color:#ff0000;
				font-weight:normal;
			}
		/* Warning */
		/*---------------------------------------------------*/
			.warning {color:#ff0000;}
			
		/* Special Message */
		/*---------------------------------------------------*/
			.special /* need to weed out "error" messages that are styled with "special" class and apply different style */
			{
				/*font-weight:bold;*/
				color:#ff0000;
			}
			.specialMessage {color:#ff0000; line-height:1.4em;} /* i.e. MessageBar (customize, checkout2) & SpecialEventMessage (examples can be found in Messages.config)*/
			h4.specialMessage {margin-bottom:.4em;}
		
		/* MessageBar Control */
		/*---------------------------------------------------*/
			.MessageBarError
			{
				display:block;
				margin:5px 0 10px 0;
				padding:3px 0 3px 27px;
				background-image:url(images/icon_error.gif);
				background-repeat:no-repeat;
				background-position:3px 3px;
				background-color:#ffffe1;
				color:#ff0000;
				border:solid 1px #ff0000;
			}
			.MessageBarInformation
			{
				display:block;
				margin:5px 0 10px 0;
				padding:3px 0 3px 27px;
				background-image:url(images/icon_information.gif);
				background-repeat:no-repeat;
				background-position:3px 3px;
				background-color:#E5E5FF;
				color:#000080;
				border:solid 1px #0000CC;
			}
			.MessageBarConfirmation 
			{
				display:block;
				margin:5px 0 10px 0;
				padding:3px 0 3px 27px;
				background-image:url(images/icon_confirm.gif);
				background-repeat:no-repeat;
				background-position:3px 3px;
				background-color:#CCFFCC;
				color:#006600;
				border:solid 1px #00CC00;
			}
			
		
/* EXPANDABLE TEXT BUTTONS */
/*---------------------------------------------------*/
	/* EXPANDABLE TEXT BUTTON 3 - using div & input button, which makes left rounded corner unclickable */
	/*---------------------------------------------------*/
		.buttonwrapper3 input.button
		{
			display:inline;
			float:left;
			margin:0;
			padding:0 17px 7px 0;
			height:28px;
			border:none;
			background:transparent url('images/btnRight.jpg') no-repeat top right;
			font-size:11px;
			font-weight:normal;
			text-decoration:none;
			color:#fff;
			cursor:pointer;
		}
		.buttonwrapper3 div.btnLeft
		{
			display:inline;
			float:left;
			height:28px;
			width:13px;
			background:transparent url('images/btnLeft.jpg') no-repeat;
		}
		.buttonwrapper3 /* Container you can use to surround a CSS button to clear float */
		{
			overflow:hidden; /*See: http://www.quirksmode.org/css/clearing.html */
			width:100%;
		}
		
	/* EXPANDABLE TEXT BUTTON 2 - using divs & input button, which makes left and right rounded corners unclickable */
	/*---------------------------------------------------*/
		.buttonwrapper2 input.button
		{
			display:inline;
			float:left;
			margin:0;
			padding:0 0 7px 0;
			height:28px;
			border:none;
			background:transparent url('images/btnCenter.jpg') repeat;
			font-size:11px;
			font-weight:normal;
			text-decoration:none;
			color:#fff;
			cursor:pointer;
		}
		.buttonwrapper2 div.btnLeft
		{
			display:inline;
			float:left;
			height:28px;
			width:13px;
			background:transparent url('images/btnLeft.jpg') no-repeat;
		}
		.buttonwrapper2 div.btnRight
		{
			display:inline;
			float:left;
			height:28px;
			width:17px;
			background:transparent url('images/btnRight.jpg') no-repeat top right;
		}
		.buttonwrapper2 /* Container you can use to surround a CSS button to clear float */
		{
			overflow:hidden; /*See: http://www.quirksmode.org/css/clearing.html */
			width:100%;
		}
		
	/* EXPANDABLE TEXT BUTTON - using <a> & <span> tags */
	/*---------------------------------------------------*/
		/* HTML: <div class="buttonwrapper"><a href="#" class="button" title=""><span>Button Text</span></a></div> */
		
		/* EXPANDABLE TEXT BUTTON - REGULAR SIZE */
		/*---------------------------------------------------*/
			a.button
			{
				background:transparent url('images/btnLeft.jpg') no-repeat top left;
				display:block;
				float:left;
				/*font:normal 13px Verdana;*/ /* Change 13px as desired */
				font-size:11px;
				font-weight:normal;
				line-height:20px; /* This value + 1px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
				height:28px; /* Height of button background height */
				padding-left:13px; /* Width of left button image */
				text-decoration:none;
			}
			/*button text color*/
			a:link.button, a:visited.button, a:active.button {color:#fff;}
			a.button span
			{
				background:transparent url('images/btnRight.jpg') no-repeat top right;
				display:block;
				padding:1px 17px 7px 0; /*Set padding-right value to match value of 'padding-left' value above - PLUS SOME for my dropshadow!*/
			}
			/* Hover state CSS */
			/*a.button:hover {background-position:bottom left;}*/
			/* Hover state CSS */
			a.button:hover  
			{
				/*background-position:bottom right;*/
				/*color:#b4c0e0;*/
				color:#ccc;
			}
			/* Container you can use to surround a CSS button to clear float */
			/* Used for both the regular sized button and the small button. */
			.buttonwrapper 
			{
				overflow:hidden; /* See: http://www.quirksmode.org/css/clearing.html */
				width:100%;
				margin:1em .5em .5em 0;
			}
		
		/* 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;
				font-size:10px;
				line-height:16px; /* This value + 1px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
				height:24px; /* Height of button background height */
				padding-left:11px; /* Width of left button image */
			}
			.small a.button span
			{
				background:transparent url('images/btnRight_small.jpg') no-repeat top right;
				padding:1px 15px 7px 0; /*Set padding-right value to match value of 'padding-left' value above - PLUS SOME for my dropshadow!*/
			}
			
		/* EXPANDABLE TEXT BUTTON - WHITE BG */
		/*---------------------------------------------------*/
			.whiteBG a.button {background:transparent url('images/btnLeft_whiteBG.jpg') no-repeat top left;}
			.whiteBG a.button span {background:transparent url('images/btnRight_whiteBG.jpg') no-repeat top right;}
			
		/* EXPANDABLE TEXT BUTTON - GREEN */
		/*---------------------------------------------------*/
			.green a.button {background:transparent url('images/btnLeft_green.jpg') no-repeat top left;}
			.green a.button span {background:transparent url('images/btnRight_green.jpg') no-repeat top right;}
			
		/* EXPANDABLE TEXT BUTTON - GREEN NO BG*/
		/*---------------------------------------------------*/
			/*.greenNoBG a.button {background:transparent url('images/btnLeft_greenNoBG.gif') no-repeat top left;}
			.greenNoBG a.button span {background:transparent url('images/btnRight_greenNoBG.gif') no-repeat top right;}*/
			
		/* EXPANDABLE TEXT BUTTON - SMALL GREEN NO BG */
		/*---------------------------------------------------*/
			.greenSmallNoBG a.button {background:transparent url('images/btnLeft_greenSmallNoBG.gif') no-repeat top left;}
			.greenSmallNoBG a.button span {background:transparent url('images/btnRight_greenSmallNoBG.gif') no-repeat top right;}
		
		
	/* CSS3 GRADIENT BUTTONS */
	/*---------------------------------------------------*/		
		/* Button Structure */
		/*---------------------------------------------------*/
			.buttonCSS3 
			{
				display: inline-block;
				zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
				*display: inline;
				/*vertical-align: baseline;*/
				margin: 0 2px;
				outline: none;
				cursor: pointer;
				text-align: center;
				text-decoration: none;
				font: 15px/100%;
				font-weight:bold;
				padding: .5em 2em .55em; /* change padding to adjust sizing */
				text-shadow: 0 1px 1px rgba(0,0,0,.3);
				/* rounded corners for different browsers */
				-webkit-border-radius: .5em;
				-moz-border-radius: .5em;
				border-radius: .5em;
				/* box drop shadow for different browsers */
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
				box-shadow: 0 1px 2px rgba(0,0,0,.2);
			}
			.buttonCSS3:hover 
			{
				text-decoration: none;
			}
			.buttonCSS3:active 
			{
				/* This causes a "dead area" immediately around the text in buttons using the <a> tag for Firefox and Chrome. */
				/*position: relative;
				top: 1px;*/
			}
		
		/* Button Size & Shape */
		/*---------------------------------------------------*/
			.bigRounded 
			{
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				border-radius: 2em;
			}
			.med
			{
				font-size: 11px;
				padding: .4em 1.5em .42em;
			}
			.sm
			{
				font-size: 10px;
				padding: .2em 1em .2em; /* original... padding-bottom: .275em; */
			}
			
		
		/* Button Colors */
		/*---------------------------------------------------*/
			/* white */
				.white {
					color: #606060;
					border: solid 1px #b7b7b7;
					background: #fff;
					background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
					background: -moz-linear-gradient(top,  #fff,  #ededed);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
					/* unique for this color */
					text-shadow: 0 1px 1px rgba(0,0,0,.2);
				}
				.white:hover {
					color: #606060;
					background: #ededed;
					background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
					background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
				}
				.white:active {
					color: #999;
					background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
					background: -moz-linear-gradient(top,  #ededed,  #fff);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
				}

			/* orange */
				.orange 
				{
					color: #fef4e9;
					border: solid 1px #da7c0c;
					background: #f78d1d;
					background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
					background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
				}
				.orange:hover 
				{
					color: #fef4e9;
					background: #f47c20;
					background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
					background: -moz-linear-gradient(top,  #f88e11,  #f06015);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
				}
				.orange:active 
				{
					color: #fcd3a5;
					background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
					background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
				}

			/* blue */
				.blue {
					color: #d9eef7;
					border: solid 1px #0076a3;
					background: #0095cd;
					background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
					background: -moz-linear-gradient(top,  #00adee,  #0078a5);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
				}
				.blue:hover {
					color: #d9eef7;
					background: #007ead;
					background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
					background: -moz-linear-gradient(top,  #0095cc,  #00678e);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
				}
				.blue:active {
					color: #80bed6;
					background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
					background: -moz-linear-gradient(top,  #0078a5,  #00adee);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
				}

			/* red */
				.red {
					color: #faddde;
					border: solid 1px #980c10;
					background: #d81b21;
					background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
					background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
				}
				.red:hover {
					color: #faddde;
					background: #b61318;
					background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
					background: -moz-linear-gradient(top,  #c9151b,  #a11115);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
				}
				.red:active {
					color: #de898c;
					background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
					background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
				}

			/* green */
				.green {
					color: #e8f0de;
					border: solid 1px #538312;
					background: #64991e;
					background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
					background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
				}
				.green:hover {
					color: #e8f0de;
					background: #538018;
					background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
					background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
				}
				.green:active {
					color: #a9c08c;
					background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
					background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
				}
				
			/* black */
				.black {
					color: #d7d7d7;
					border: solid 1px #333;
					background: #333; /* fallback for non-css3 browsers */
					background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* for Webkit */
					background: -moz-linear-gradient(top,  #666,  #000); /* for Firefox */
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
				}
				.black:hover {
					color: #d7d7d7;
					background: #000;
					background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
					background: -moz-linear-gradient(top,  #444,  #000);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
				}
				.black:active {
					color: #666;
					background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
					background: -moz-linear-gradient(top,  #000,  #444);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
				}

			/* gray */
				.gray {
					color: #e9e9e9;
					border: solid 1px #555;
					background: #6e6e6e;
					background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
					background: -moz-linear-gradient(top,  #888,  #575757);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
				}
				.gray:hover {
					color: #e9e9e9;
					background: #616161;
					background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
					background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
				}
				.gray:active {
					color: #afafaf;
					background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
					background: -moz-linear-gradient(top,  #575757,  #888);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
				}

			/* ltgray */
				.ltgray {
					color: #606060;
					border: solid 1px #b7b7b7;
					background: #fff;
					background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dcdcdc));
					background: -moz-linear-gradient(top,  #ededed,  #dcdcdc);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dcdcdc');
					/* unique for this color */
					text-shadow: 0 1px 1px rgba(0,0,0,.2);
				}
				.ltgray:hover {
					color: #606060;
					background: #ededed;
					background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c9c9c9));
					background: -moz-linear-gradient(top,  #ededed,  #c9c9c9);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c9c9c9');
				}
				.ltgray:active {
					color: #999;
					background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#ededed));
					background: -moz-linear-gradient(top,  #dcdcdc,  #ededed);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ededed');
				}

			/* rosy */
				.rosy {
					color: #fae7e9;
					border: solid 1px #b73948;
					background: #da5867;
					background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
					background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
				}
				.rosy:hover {
					color: #fae7e9;
					background: #ba4b58;
					background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
					background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
				}
				.rosy:active {
					color: #dca4ab;
					background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
					background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
				}

			/* pink */
				.pink {
					color: #feeef5;
					border: solid 1px #d2729e;
					background: #f895c2;
					background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
					background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
				}
				.pink:hover {
					color: #feeef5;
					background: #d57ea5;
					background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
					background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
				}
				.pink:active {
					color: #f3c3d9;
					background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
					background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
				}


	
/* Menu (Sidebar, DesignTips_Menu.ascx) */	
/*---------------------------------------------------*/
	ul.Menu
	{
		margin-top:0;
		margin-bottom:0;
		font-size:.8em;
	}
	ul.Menu li
	{
		padding-top:0;
		margin-left:-25px;  /* because of our new sub menu hack, IE(7 only?) incorrectly inherits this margin a second time for the menu sub links.  however, FF leaves the menu sub links indented far over to the right and it is not possible to target just one or the other this way (IE or FF using ul and/or li).  */
		list-style-type:square;
		font-weight:bold;
	}
	ul.Menu li.Menu_SectionTitle
	{
		padding-top:5px;
		margin-top:0;
		margin-left:-40px;
		list-style-type:none;
		font-size:1.1em;
	}
	ul.Menu li.Menu_Separator
	{
		margin:0;
		padding:0;
		margin-left:-40px;
		list-style-type:none;
	}
	ul.Menu li.Menu_LinkWithImage
	{
		margin-left:-40px;
		list-style-type:none;
	}
	ul.Menu li.Menu_LinkWithImage img, div#contentSupp img.icon /* i.e. for the cart icon, the new icon, the back icon */
	{
		padding-right:5px;
		vertical-align:middle;
	}
	ul.Menu li.Menu_Link
	{
		/*padding-top:.1em;
		padding-bottom:.1em;*/
	}
	ul.Menu li.Menu_Link img {vertical-align:middle;} 
	ul.Menu li a
	{
		text-decoration:none;
		color:#333399;
		cursor:pointer;
	}
	ul.Menu li a:hover
	{
		text-decoration:underline;
		color:#0000ff;
	}
	ul.Menu li.Menu_Current, ul.Menu ul li.Menu_SubCurrent
	{
		color:#666;
		font-weight:normal;
	}
	/*ul.Menu li.Menu_Current, ul.Menu ul li.Menu_SubCurrent
	{
		background:#fff;
		color:#666;
		border-top:solid 1px #bcbbc3;
		border-bottom:solid 1px #bcbbc3;
	}*/
	/* this is to readjust the inheritance of the "current" style for the submenu since it is nested inside the li of the parent link. */
	ul.Menu li.Menu_Current ul {color:#000;}
	
	/* i.e. your cart text */
	div#contentSupp a 
	{
		text-decoration:none;
		color:#333399;
		cursor:pointer;
	}
	div#contentSupp a:hover
	{
		text-decoration:underline;
		color:#0000ff;
	}
	
	/* i.e. your cart text  */
	div#contentSupp #CartLink {font-size:.9em;}
	
	
/* Checkout Progress Indicator */
/*---------------------------------------------------*/
	#progressIndicator
	{
		width:100%; 
		text-align:center;
		font-size:.8em;
		font-weight:normal;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0;
	}
	#progressIndicator table.graphic {margin-bottom:5px;}
	#progressIndicator table.graphic td div.step
	{
		/* vertical divider line */
		width:1px;
		height:7px;
		background-color:#999;
	}
	#progressIndicator table.graphic td.line
	{
		width:33%;
		height:7px;
		font-size:1px;
	}
	#progressIndicator table.graphic td.line div.past
	{
		background-image:url(images/progressIndicator_linePast.gif);
		background-repeat:repeat-x;
		vertical-align:middle;
		width:100%;
		height:7px;
	}
	#progressIndicator table.graphic td.line div.future
	{
		background-image:url(images/progressIndicator_lineFuture.gif);
		background-repeat:repeat-x;
		vertical-align:middle;
		width:100%;
		height:7px;
	}
	#progressIndicator table.graphic td div.current
	{
		/* dot identifier */
		background-image:url(images/progressIndicator_dot.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		width:15px;
		height:15px;
	}
	#progressIndicator a {font-weight:normal;}
	#progressIndicator table.text {text-align:center;}
	#progressIndicator table.text td {width:25%;}
	#progressIndicator table.text .current {font-weight:bold;}
	
	
/* Form Elements */
/*---------------------------------------------------*/
	/* Simple Styles */
		input, textarea, select
		{
			font-family:verdana, arial, helvetica, sans-serif;
			font-size:1em;
			margin:0em .2em 0em 0em;
		}
		.labelPrimary
		{
			font-weight:bold;
			font-size:1em;
			color:#000;
		}
		.labelSecondary
		{
			font-weight:bold;
			font-size:.8em;
			color:#000;
		}
		.disabled {background-color:#D4D0C8 ! important;}
		input:not([type=submit]):focus,
		textarea:focus, 
		select:focus
		{
			background-color:#fcf9f5;
			border:2px solid #faca7d;
		}
	
	
	/* Page-Specific Form Positioning & Styling */	
	/*---------------------------------------------------*/
		#Customer fieldset, 
		#Contact fieldset, 
		#Address fieldset, 
		#ChooseAddress fieldset, 
		#Checkout fieldset, 
		#Checkout2 fieldset, 
		#OrderSummary fieldset, 
		#ResetPassword fieldset, 
		#ContactUsForm fieldset, 
		#CorpTempInfoRequest fieldset,
		#AccountDashboard fieldset,
		#AccountSettings fieldset
		{
			clear:both;
			font-size:100%;
			border-color:#000000;
			border-width:1px 0 0 0;
			border-style:solid none none none;
			padding:0px 10px 15px 10px; 
			margin:0 0 0 0;
		}
		
		#AccountDashboard fieldset
		{
			padding-bottom:35px; 
		}
		
		#Customer fieldset legend, 
		#Contact fieldset legend, 
		#Address fieldset legend, 
		#ChooseAddress fieldset legend, 
		#Checkout fieldset legend, 
		#Checkout2 fieldset legend, 
		#OrderSummary fieldset legend, 
		#ContactUsForm fieldset legend, 
		#CorpTempInfoRequest fieldset legend,
		#AccountDashboard fieldset legend,
		#AccountSettings fieldset legend
		{
			font-size:1.2em;
			font-size:13px;
			font-weight:bold;
			color:#333D66;
			color:#666;
			color:#808080;
			margin:0 0 0 0;
			padding:0 5px;
		}
		
		#Customer fieldset div,
		#Contact fieldset div,
		/*#Address fieldset div, */
		/* Specifying optional and required will prevent Shipping Address section from being too wide and displaying under Notes in IE6. */
		#ChooseAddress fieldset div.optional, 
		#ChooseAddress fieldset div.required, 
		/* Specifying optional and required will prevent Need By Date calendar from breaking. */
		#Checkout fieldset div.optional, 
		#Checkout fieldset div.required, 
		/*#Checkout2 fieldset div, */
		/*#OrderSummary fieldset div, */
		#ResetPassword fieldset div, 
		#ContactUsForm fieldset div, 
		#CorpTempInfoRequest fieldset div,
		#AccountDashboard fieldset div.optional, 
		#AccountDashboard fieldset div.required,
		#AccountSettings fieldset div.optional, 
		#AccountSettings fieldset div.required
		{
			clear:left;
			display:block;
			width:484px; /*354px 454px 494px*/
			height:1%;
			margin:5px 0 0 0;
			padding:1px 3px;
		}
		
		/* Buttons */	
		/*---------------------------------------------------*/
			/* Customer & Address pages */	
			/*---------------------------------------------------*/
				#Customer div.buttons,
				#Address div.buttons
				{
					clear:both;
					display:block;
					width:484px; /*354px 454px 494px*/
					height:1%;
					padding:1px 3px;
					padding:20px 0 20px 170px; /* Need to use padding instead of margin to work around IE7 box model. */
					text-align:left;
					float:left;
				}
			
			/* Account Settings page */	
			/*---------------------------------------------------*/
				#AccountSettings fieldset div.buttons
				{
					clear:both;
					margin:10px 0 10px 185px; /* left margin is larger than usual due to long labels and therefore wider label width */
				}
		
		/* what do we need this for? */
		#Checkout2 fieldset div,
		#OrderSummary fieldset div
		{
			margin:5px 0 0 0;
			padding:1px 3px;
		}
		
		#Customer fieldset div label,
		#Contact fieldset div label,
		#Address fieldset div label, 
		#ChooseAddress fieldset div label, 
		#Checkout fieldset div label, 
		#Checkout2 fieldset div label, 
		/*#OrderSummary fieldset div label, */
		#AccountSettings fieldset div label, 
		#ContactUsForm fieldset div label, 
		#CorpTempInfoRequest fieldset div label,
		#Customer fieldset div span.labelCheckbox, 
		#Contact fieldset div span.labelCheckbox, 
		#Address fieldset div span.labelCheckbox, 
		#ChooseAddress fieldset div span.labelCheckbox, 
		#Checkout fieldset div span.labelCheckbox, 
		#Checkout2 fieldset div span.labelCheckbox, 
		/*#OrderSummary fieldset div span.labelCheckbox, */
		#ContactUsForm fieldset div span.labelCheckbox, 
		#CorpTempInfoRequest fieldset div span.labelCheckbox
		{
			display:block;
			float:left;
			width:150px; /*130px*/
			padding:3px 5px;
			margin:0 0 5px 0;
			text-align:right;
		}
		
		/* Make slightly wider to fit long labels on this page.  No harm done since page doesn't have any "Notes". */
		#AccountSettings fieldset div label
		{
			width:170px;
		}		
		
		/* for Reorder checkbox */
		#OrderSummary fieldset div label, 
		#OrderSummary fieldset div span.labelCheckbox
		{
			padding:3px 5px;
			margin:0 0 5px 0;
		}
			
		#Customer fieldset div.optional label, 
		#Contact fieldset div.optional label, 
		#Address fieldset div.optional label, 
		#ChooseAddress fieldset div.optional label, 
		#Checkout fieldset div.optional label, 
		#Checkout2 fieldset div.optional label, 
		#OrderSummary fieldset div.optional label,
		#AccountSettings fieldset div.optional label,
		#Customer label.optional, 
		#Contact label.optional, 
		#Address label.optional, 
		#ChooseAddress label.optional, 
		#Checkout label.optional, 
		#Checkout2 label.optional, 
		#OrderSummary label.optional,
		#AccountSettings label.optional
		{font-weight:normal;}
		 
		#Customer fieldset div.required label,
		#Contact fieldset div.required label,  
		#Address fieldset div.required label, 
		#ChooseAddress fieldset div.required label,
		#Checkout fieldset div.required label, 
		#Checkout2 fieldset div.required label, 
		#OrderSummary fieldset div.required label, 
		#AccountSettings fieldset div.required label, 
		#Customer label.required, 
		#Contact label.required, 
		#Address label.required, 
		#ChooseAddress label.required, 
		#Checkout label.required, 
		#Checkout2 label.required, 
		#OrderSummary label.required,
		#AccountSettings label.required 
		{font-weight:bold;}
		
		#Customer form div input.inputCheckbox, 
		#Contact form div input.inputCheckbox, 
		#Address form div input.inputCheckbox, 
		#ChooseAddress form div input.inputCheckbox, 
		#Checkout form div input.inputCheckbox, 
		#Checkout2 form div input.inputCheckbox, 
		#OrderSummary form div input.inputCheckbox, 
		#Customer fieldset div span.labelCheckbox input, 
		#Contact fieldset div span.labelCheckbox input, 
		#Address fieldset div span.labelCheckbox input, 
		#ChooseAddress fieldset div span.labelCheckbox input, 
		#Checkout fieldset div span.labelCheckbox input, 
		#Checkout2 fieldset div span.labelCheckbox input, 
		#OrderSummary fieldset div span.labelCheckbox input
		{
			display:inline;
			height:14px;
			width:14px;
			background-color:transparent;
			border-width:0;
			padding:0;
			margin:0 0 0 156px;
		}
		
		#Customer fieldset div label.labelCheckbox, 
		#Contact fieldset div label.labelCheckbox, 
		#Address fieldset div label.labelCheckbox, 
		#ChooseAddress fieldset div label.labelCheckbox, 
		#Checkout fieldset div label.labelCheckbox, 
		#Checkout2 fieldset div label.labelCheckbox, 
		#OrderSummary fieldset div label.labelCheckbox, 
		#Customer fieldset div span.labelCheckbox label, 
		#Contact fieldset div span.labelCheckbox label, 
		#Address fieldset div span.labelCheckbox label, 
		#ChooseAddress fieldset div span.labelCheckbox label, 
		#Checkout fieldset div span.labelCheckbox label, 
		#Checkout2 fieldset div span.labelCheckbox label, 
		#OrderSummary fieldset div span.labelCheckbox label
		{
			float:none;
			display:block;
			width:220px;
			height:1%;
			padding:0;
			margin:-15px 0 5px 172px; /* 142 keeps "is residential" checkbox aligned w/ rest of textboxes. */
			text-align:left; 
		}
		/*form div input.inputRadio, input.inputRadio
		{
			display:inline;
			height:14px;
			width:14px;
			background-color:transparent;
			border-width:0;
			padding:0;
			margin:0 0 0 0;
		}
		fieldset div label.labelRadio
		{
			float:none;
			display:block;
			width:460px;
			height:1%;
			padding:0;
			margin:0 0 5px 0px;  
			text-align:left; 
		}*/
			

		/* Wide */
		/* ----------------------- */	
			#ChooseAddress fieldset div.wide, 
			#Checkout fieldset div.wide, 
			#Checkout2 fieldset div.wide, 
			#OrderSummary fieldset div.wide
			{
				clear:left;
				display:block;
				width:484px; /* 354px / 336px */
				height:1%;
				margin:5px 0 0 0;
				padding:0 5px 5px 5px;
			}
			
			#ChooseAddress fieldset div fieldset.wide, 
			#Checkout fieldset div fieldset.wide, 
			#Checkout2 fieldset div fieldset.wide, 
			#OrderSummary fieldset div fieldset.wide /* currently only used in the case of grouping a list of radio buttons (Shipping Method, Payment Method) */
			{ 
				clear:none;
				border:solid 1px #666666;
				margin:0; /* left margin was orig 144px to line up w/ other textboxes */
				padding:0 5px 5px 5px;
				width:474px; /* 197px normally - 336px */
			}
			
			/* prevent nested fieldset from running into Note */
			#ChooseAddress fieldset div fieldset.wide div
			{
				width:auto;
			}
			
			#ChooseAddress fieldset div fieldset.wide legend, 
			#Checkout fieldset div fieldset.wide legend, 
			#Checkout2 fieldset div fieldset.wide legend, 
			#OrderSummary fieldset div fieldset.wide legend 
			{
				font-size:100%;
				padding:0 3px 0 5px;
			}
			
			#ChooseAddress fieldset div.wide label, 
			#Checkout fieldset div.wide label, 
			#Checkout2 fieldset div.wide label, 
			#OrderSummary fieldset div.wide label, 
			#ChooseAddress fieldset div.wide fieldset.wide table td, 
			#Checkout fieldset div.wide fieldset.wide table td, 
			#Checkout2 fieldset div.wide fieldset.wide table td, 
			#OrderSummary fieldset div.wide fieldset.wide table td
			{
				float:none;
				display:block;
				width:454px;
			}			
			
			/* wide checkbox -- was used in Tax Exempt & Rush Service sections, but now there is no longer a Tax Exempt checkbox and the Rush Service section has been reformated. */ 
			/*
				#ChooseAddress fieldset div.wide span.labelCheckbox, 
				#Checkout fieldset div.wide span.labelCheckbox, 
				#Checkout2 fieldset div.wide span.labelCheckbox, 
				#OrderSummary fieldset div.wide span.labelCheckbox
				{
					display:block;
					float:left;
					width:470px;
					padding:3px 5px;
					margin:0 0 5px 0;
					text-align:left;
				}
				#ChooseAddress form div.wide input.inputCheckbox, 
				#Checkout form div.wide input.inputCheckbox, 
				#Checkout2 form div.wide input.inputCheckbox, 
				#OrderSummary form div.wide input.inputCheckbox,
				#ChooseAddress fieldset div.wide span.labelCheckbox input, 
				#Checkout fieldset div.wide span.labelCheckbox input, 
				#Checkout2 fieldset div.wide span.labelCheckbox input, 
				#OrderSummary fieldset div.wide span.labelCheckbox input
				{
					display:inline;
					height:14px;
					width:14px;
					background-color:transparent;
					border-width:0;
					padding:0;
					margin:0 0 0 0;
				}
				#ChooseAddress fieldset div.wide label.labelCheckbox, 
				#Checkout fieldset div.wide label.labelCheckbox, 
				#Checkout2 fieldset div.wide label.labelCheckbox, 
				#OrderSummary fieldset div.wide label.labelCheckbox,
				#ChooseAddress fieldset div.wide span.labelCheckbox label, 
				#Checkout fieldset div.wide span.labelCheckbox label, 
				#Checkout2 fieldset div.wide span.labelCheckbox label, 
				#OrderSummary fieldset div.wide span.labelCheckbox label, 
				#ChooseAddress fieldset div.wide div.labelCheckbox label, 
				#Checkout fieldset div.wide div.labelCheckbox label, 
				#Checkout2 fieldset div.wide div.labelCheckbox label, 
				#OrderSummary fieldset div.wide div.labelCheckbox label
				{
					float:none;
					display:block;
					width:470px;
					height:1%;
					padding:0;
					margin:-15px 0 5px 16px; 
					text-align:left; 
				}
			*/
			
			/* wide radioButtonList on Checkout.aspx -- asp:Panel for Payment Method -- asp:RadioButtonList Table for Shipping Method */
				#Checkout fieldset div.wide div.radioButtonList
				{
					display:block;
					float:left;
					width:450px; /*130px*/
					padding:3px 5px;
					margin:0 0 0 0;
					text-align:left;
				}
				#Checkout fieldset div.wide div.radioButtonList span.radioOption /* used only for Payment Method to give line spacing */ 
				{
					float:none;
					display:block;
					width:454px;
					margin-bottom:4px;
				}
				#Checkout fieldset div.wide div.radioButtonList span.radioOption input, #Checkout fieldset div.wide table.radioButtonList input 
				{
					display:inline;
					height:14px;
					width:14px;
					background-color:transparent;
					border-width:0;
					padding:0;
					margin:0;
				}
				#Checkout fieldset div.wide div.radioButtonList label, #Checkout fieldset div.wide table.radioButtonList label
				{	
					text-align:left;
					display:inline;
				} 
				#Checkout fieldset div.wide div.radioIndent /* Shipping Method, Payment Method */
				{
					clear:left;
					display:block;
					width:440px;
					height:1%;
					margin:0 0 0 0;
					padding:1px 3px 0 20px;
				}
			
			
		/* No Note (used for: Need By Date, Payment Method & Rush Service on Checkout.aspx and Account Settings) */
		/* ----------------------- */	
			/* Checkout & Account Settings */
			/* ----------------------- */	
				#ChooseAddress fieldset div.noNote, 
				#Checkout fieldset div.noNote, 
				#AccountSettings fieldset div.noNote 
				{
					width:667px;
				}
				
				#ChooseAddress fieldset div.noNote fieldset, 
				#Checkout fieldset div.noNote fieldset, 
				#AccountSettings fieldset div.noNote fieldset 
				{
					margin-right:0; 
					padding-right:0; 
					width:662px;
				}
				
			/* Checkout only */
			/* ----------------------- */	
				#Checkout fieldset#NeedByDate div.noNote {line-height:1.6em;}
				#Checkout fieldset div.noNote div.radioButtonList {width:540px;} /*640px*/
				#Checkout fieldset div.noNote div.radioButtonList span.radioOption {width:544px;} /*644px*/   /* used only for Payment Method to give line spacing */
				#Checkout fieldset div.noNote div.radioIndent {width:520px; /*620*/}
				#Checkout fieldset div.noNote fieldset.wide div#digicertsitesealcode div#digicertsitesealcode2large div {width:81px; height:auto; margin:0; padding:0;}
				/* Rush Service specific stuff */
				/* ----------------------- */	
					#Checkout fieldset div.noNote span.labelCheckbox, #Checkout fieldset div.noNote span.labelCheckbox label, #Checkout fieldset div.noNote div.labelCheckbox label {width:653px;}
					#Checkout fieldset div.noNote span.labelCheckbox, #Checkout fieldset div.noNote span.labelCheckbox label {margin-bottom:0;}
				
				
		/* Notes */
		/* ----------------------- */	
			#Customer fieldset div.notes, 
			#Contact fieldset div.notes, 
			#Address fieldset div.notes, 
			#ChooseAddress fieldset div.notes, 
			#Checkout fieldset div.notes, 
			#Checkout2 fieldset div.notes, 
			#OrderSummary fieldset div.notes, 
			#AccountDashboard fieldset div.notes, 
			#ContactUsForm fieldset div.notes, 
			#CorpTempInfoRequest fieldset div.notes
			{
				float:right;
				width:158px;
				height:auto;
				margin:0 0 10px 10px;
				padding:5px;
				border:1px solid #666666;
				background-color:#ffffe1;
				color:#666666;
				font-size:88%;
			}
			
			#Customer fieldset div.notes h4, 
			#Contact fieldset div.notes h4, 
			#Address fieldset div.notes h4, 
			#ChooseAddress fieldset div.notes h4, 
			#Checkout fieldset div.notes h4, 
			#Checkout2 fieldset div.notes h4, 
			#OrderSummary fieldset div.notes h4, 
			#AccountDashboard fieldset div.notes h4, 
			#ContactUsForm fieldset div.notes h4, 
			#CorpTempInfoRequest fieldset div.notes h4
			{
				background-image:url(images/icon_info.gif);
				background-repeat:no-repeat;
				background-position:top left;
				margin:0 0 .2em 0;
				padding:3px 0 3px 27px;
				border-width:0 0 1px 0;
				border-style:solid;
				border-color:#666666;
				color:#666666;
				font-size:110%;
			}
			
			#Customer fieldset div.notes p, 
			#Contact fieldset div.notes p, 
			#Address fieldset div.notes p, 
			#ChooseAddress fieldset div.notes p, 
			#Checkout fieldset div.notes p, 
			#Checkout2 fieldset div.notes p, 
			#OrderSummary fieldset div.notes p, 
			#AccountDashboard fieldset div.notes p, 
			#ContactUsForm fieldset div.notes p, 
			#CorpTempInfoRequest fieldset div.notes p
			{
				margin:0em 0em 1.2em 0em;
				color:#666666;
			}
			
			#Customer fieldset div.notes p.last, 
			#Contact fieldset div.notes p.last, 
			#Address fieldset div.notes p.last, 
			#ChooseAddress fieldset div.notes p.last, 
			#Checkout fieldset div.notes p.last, 
			#Checkout2 fieldset div.notes p.last, 
			#OrderSummary fieldset div.notes p.last, 
			#AccountDashboard fieldset div.notes p.last, 
			#ContactUsForm fieldset div.notes p.last, 
			#CorpTempInfoRequest fieldset div.notes p.last
			{margin:0em;}	
			
			#Customer fieldset div.notes a, 
			#Contact fieldset div.notes a, 
			#Address fieldset div.notes a, 
			#ChooseAddress fieldset div.notes a, 
			#Checkout fieldset div.notes a, 
			#Checkout2 fieldset div.notes a, 
			#OrderSummary fieldset div.notes a, 
			#AccountDashboard fieldset div.notes a, 
			#ContactUsForm fieldset div.notes a, 
			#CorpTempInfoRequest fieldset div.notes a
			{font-size:.8em;}
			
		
		/* Reset Password Form */	
		/* ----------------------- */
			#ResetPassword fieldset
			{
				border:none;
			}
			#ResetPassword fieldset div
			{
				width:670px;
			}
			#ResetPassword .label
			{
				display:block;
				float:left;
				width:160px;
				padding:3px 5px;
				margin:0 0 5px 0;
				text-align:right;
			}
			#ResetPassword label.error
			{
				display:inline;
				float:none;
				text-align:left;
			}
			#ResetPassword .button
			{
				display:block;
				margin:0 0 5px 170px;
			}
			#ResetPassword .errorSummary p
			{
				margin-left:25px;
			}
			
			
		/* Contact Us Form, Corporate Template Request More Info Form */	
		/* ----------------------- */	
			/* Need to specifically set width for Subject textbox and Comments textarea since Safari displays much longer using Columns attribute inline. Downside is that this restricts the user when resizing. */
			#ContactUsForm fieldset div#subject input {width:295px;}
			#ContactUsForm fieldset div#comments textarea {width:300px;}
			#ContactUsForm fieldset div label {width:100px;}
			#ContactUsForm fieldset div.notes {display:none;}
			#ContactUs #ContactUsForm fieldset div.notes, 
			#CorpTempInfoRequest #ContactUsForm fieldset div.notes 
			{display:block;}
			
			#ContactUs #ContactUsForm fieldset div.optional, 
			#ContactUs #ContactUsForm fieldset div.required  
			{width:424px;}
			
			#ContactUs /*, div#CorpTempInfoRequest*/
			{
				width:635px;
				height:auto; 
				border:solid 1px #999; 
				background-color:#dedede; 
				padding-top:5px; 
				clear:both;
			}


/* Page-Specific Styling */
/*---------------------------------------------------*/

	/* Login & Address pages - "Register Now!" Box */
		#Login #register,
		#Address #register
		{
			background-color:#fef4e9;
			border:solid 1px #faa51a;
			padding:0;
		}
		#Login #register
		{
			width:240px;
		}
		#Address #register
		{
			margin:10px 0 10px 0;
		}
		#Login #register h5,
		#Address #register h5
		{
			background-color:#fab74b;
			border-bottom:solid 1px #faa51a;
			margin:0;
			padding:5px;
		}
		#Login #register #registerBody,
		#Address #register #registerBody
		{
			padding:0 10px 5px 10px;
		}
		
		
	/* Choose Address, Checkout2, Order Summary, Account Dashboard pages */
		.addressBlock 
		{
			line-height:1.3em;
		}
		
		#AccountDashboard .addressBlock 
		{
			display:block;
			line-height:1.2em;
			padding-bottom:.8em;
		}
	
	
	/* table heading cells (used for: Customize, Cart, Checkout2) */
		#Customize th, #estShipCost th, #estShipDate th, #Checkout2 th
		{
			padding:.3em;
			font-weight:bold;
		}
		#Customize th, #estShipCost th, #estShipDate th
		{
			color:#fff;
			background-color:#333D66;
		}
	
	
	/* Checkout2, Order Summary pages */
		#Checkout2 .OrderItem .col1, #Checkout2 .OrderItem .col2, #OrderSummary .OrderItem .col1,  #OrderSummary .OrderItem .col2
		{
			margin:0;
		}
				
		
	/* Account Dashboard, Order History pages */
		#AccountDashboard .OrderItem .col1, #OrderHistory .OrderItem .col1
		{
			padding-left:10px;
			padding-right:15px;
		}
			

	/* Accessories (HangingAccessories.aspx) */	
	/*---------------------------------------------------*/
		/* Equal width buttons */
		#btnHangingKitBlack, #btnHangingKitClear
		{
			width:160px;
		}
		#btnCounterTopperVert, #btnCounterTopperHoriz
		{
			width:230px;
		}
	
	
	/* Display (display.aspx) */	
	/*---------------------------------------------------*/
		#display a img {border:solid 1px;} /* used only on the display page to give design thumbnails a border*/
		.categoryInstr
		{
			display:block;
			font-size:1.2em;
			margin:0 0 .4em 0;
		}
		
		/* Subcategory Tree Structure (display.aspx) */
		/*---------------------------------------------------*/
			#SubcategoryContainer ul {
				/*list-style-type: none; 
				margin-left: 20px;
				padding-left: 0;
				margin-top:15px;
				margin-bottom: 20px;*/
			}
			#SubcategoryContainer ul li {
				/*padding-left: 1.1em;*/
				line-height:2em;
			}
			#SubcategoryContainer ul li a {
				/*background: transparent url('images/icon_bulletDoc.gif') no-repeat;*/
				/*margin-left: -1.6em;*/ /* orig: -1.1em */
				/*padding-left: 1.4em;*/ /* orig: 1em */
				/*background: transparent url('images/icon_bulletDocs.gif') no-repeat;*/
				/*padding-left:30px;
				padding-bottom:20px;*/
			}
			#SubcategoryContainer ul li ul {
				/*background: transparent url('images/icon_bulletFolder.gif') no-repeat;
				list-style-type: none;*/
				/*margin: -1.4em 0 0 -1.6em;
				padding: 1.4em 0 0 0.6em;*/
			}
			#SubcategoryContainer ul li ul li {
				/*margin-left: 20px;
				padding-left: 10px;*/
			}
			/* to 'appear' to disable parent category link */
			#SubcategoryContainer ul li a.parent {
				text-decoration:none;
			}
			#SubcategoryContainer ul li a.parent:hover {
				text-decoration:none;
				cursor:default;
				color:#3366CC;
			}
			#SubcategoryContainer ul li a.parent {
				background: transparent url(none) no-repeat;	
			}

	
	/* Customize */
	/*---------------------------------------------------*/
		.designPreview {vertical-align:middle;}
		
		/* "Line too long" suggestion message */
		.suggestionMessage 
		{	
			display:block;
			margin:5px 0 10px 0;
			padding:2px 3px 0 7px;
			background-color:#ffffe1;
			color:#333;
			border:solid 1px #ff0000;
		}
		.suggestionMessage h4 {margin-top:.4em; color:#ff0000;}
		
		th#item, th#specialPrintingInstr {text-align:left;}
		th#font, th#color {text-align:center;}
		td.designItemHeader {padding-top:5px;}
		td.designItemHeader input {margin-bottom:2px; vertical-align:middle;}
		td#specialPrintingInstrBox {padding:3px 5px 0 0;}
		
		
	/* Customer Image Library */
	/*---------------------------------------------------*/
		/* Must use these styles in conjuction with ASP:GridView (especially border properties). */
		#CustomerImageLibrary .customerImagesGrid
		{
			border:none;
			margin:5px 0 10px 0;
			text-align:left;
			width:680px;
		}
		#CustomerImageLibrary th
		{
			background: #ededed;
			background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dcdcdc));
			background: -moz-linear-gradient(top,  #ededed,  #dcdcdc);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dcdcdc');			
			border-top:solid 1px #ccc;
			border-bottom:solid 2px #ccc;
			color: #606060;
			font-size:13px;
			font-weight:bold;
			/*padding:2em 1.2em .4em 1.2em;*/
			padding:.4 1.2em;
		}
		#CustomerImageLibrary td
		{
			border-bottom:solid 1px #ccc;
		}
		
		/* Photo Upload Control (used on Customize and Customer Image Library) */
		/*---------------------------------------------------*/
			/*#PhotoUploadControl #photoUploadBox
			{
				background-color:#e5e5e5; 
				border:solid 1px #ccc; 
				margin:10px 10px 10px 0; 
				padding:0 10px 10px 10px; 
				width:30em;
				width:660px;
			}*/
			#PhotoUploadControl #photoUploadBox
			{
				background-color:#D9EEF7;
				border:solid 1px #0076A3;
				margin:10px 0 10px 0;
				padding:0;
				width:678px;
			}
			#PhotoUploadControl #photoUploadBox h5
			{
				background-color:#0078A5;
				border-bottom:solid 1px #0076A3;
				color:#fff;
				margin:0 0 10px;
				padding:5px;
			}
			#PhotoUploadControl #photoUploadBox #photoUploadBoxBody
			{
				padding:0 10px 5px 10px;
			}
				#PhotoUploadControl #photoUploadBox #photoUploadBoxBody #fileSelectWrapper
				{
					margin:0 0 10px 25px;
				}
					#PhotoUploadControl #photoUploadBox #photoUploadBoxBody #fileSelectWrapper #fileSelect
					{
						background-color:#def3fc;
						border:solid 1px #c7e0eb;
						display:table-cell;
						padding:0 15px 5px 15px;
					}
			
		
			/* Image Upload Help Popup (called from Photo Upload Control) */
			/*---------------------------------------------------*/
				#ImageUploadHelp
				{
					padding:10px 30px 10px 25px;
				}
		
		
	/* Cart */
	/*---------------------------------------------------*/
		#estShipCost th, #estShipDate th {text-align:left;}
		
		
	/* Cart Item (Size, Media, Quantity, Price, Special Printing Instructions) */
	/*---------------------------------------------------*/
		#productDescription
		{
			width:140px; /* 135px */
			padding:0 5px 5px 0;
			float:left;	
		}
		#inputs 
		{
			width:554px; /* 559px */
			float:left;
			padding-bottom:5px;
		}
		#inputs #priceRelated #sizeMediaQuantity
		{
			width:446px;  /* Can't be more because of IE6 */
			padding-right:5px;
			float:left;
		}
		#inputs #priceRelated #sizeMediaQuantity div
		{
			margin-bottom:.3em;
		}
		#inputs #priceRelated #col3
		{
			float:right;
			text-align:right;
			width:99px;
		}
		#inputs #priceRelated #col3 #orderAdditional
		{
			 margin-top:30px;
		}
		#inputs #nonPriceRelated
		{
			padding-bottom:5px;
			clear:both;
		}
		#Cart .hr
		{
			border-bottom:solid 1px #ccc;
			margin-bottom:7px;	
		}
		
		
	/* Choose Address */
	/*---------------------------------------------------*/
		/* Override generic form styles from above */
		#ChooseAddress #storedShippingAddresses div, 
		#ChooseAddress #storedShippingAddresses div.optional, 
		#ChooseAddress #storedShippingAddresses div.required
		{
			margin:0;
			padding:0;
			width:220px; /* Same width as buttons */
		} 
		
		#selectedShippingAddress
		{
			border-bottom:dashed 1px #ccc;
			padding-bottom:7px;
			margin-bottom:7px;
		}
		
		/* Equal width buttons */
		/* These have to be classes because ASP changes the IDs. */
		#ChooseAddress .btnShippingIsBilling , #ChooseAddress .btnPickupOrder, #ChooseAddress .btnEnterNewShippingAddress, #ChooseAddress .btnShipToThisAddress
		{
			width:220px;
		}
		
		/* targets the "edit" links and excludes the links in the "notes" */
		#ChooseAddress div.optional a, #ChooseAddress div.required a 
		{font-size:.8em;} 
		
		#ChooseAddress .col1
		{
			text-align:center;
			vertical-align:top;
			width:220px; /* Same width as buttons */
		}
		#ChooseAddress .editDeleteLinks
		{
			font-size:.8em;
		}
		
		#ChooseAddress .col2
		{
			padding-left:20px;
		}
		
		
		
	/* Checkout */
	/*---------------------------------------------------*/
		/* Rush Service */
		/*---------------------------------------------------*/
			#Checkout #rushService div.wide span.labelCheckbox
			{
				text-align:left;
			}
			#Checkout #rushService div.wide span.labelCheckbox input
			{
				margin:0;
			}
			#Checkout #rushService div.wide span.labelCheckbox label
			{
				margin:-15px 0 5px 20px;
			}
			#Checkout #rushService div.wide #rushServiceDesc
			{
				margin-top:0; 
				padding:0 3px 1px 25px; 
				width:650px;
			}
			
		/* Suggested Shipping Method is highlighted based on optional Need By Date */
		/*---------------------------------------------------*/
			.needByHighlight {background-color:#ffff66;} 
			
		/* Credit Card Payment */
		/*---------------------------------------------------*/
			#Checkout div#creditCard {background:url(images/creditcards.gif) 65% 3px no-repeat;}
			
		/* Rush Info, Fax PO Info, PayPay Info - boxes show/hide more info */
		/*---------------------------------------------------*/
			#rushInfo, #faxPOInfo, #payPalInfo
			{	
				height:auto;
				margin:3px 0 10px 0px;
				padding:3px;
				border:1px solid #ff0000;
				background-color:#ffffe1;
				color:#000;
			}
			#faxPOInfo, #payPalInfo
			{
				width:auto;
				margin:3px 0 10px 20px;
				font-size:.8em;
			}
			#faxPOInfo a, #payPalInfo a {font-weight:normal;}


	/* Order Item View control */	
	/*---------------------------------------------------*/		
		.OrderItem td
		{
			padding-bottom:10px;
			vertical-align:top;
		}
		.OrderItemPreview
		{
			margin-bottom:5px;
		}

		fieldset .OrderItem div span.labelCheckbox, fieldset .OrderItem label  /* override previous styles */
		{
			display:inline;
			float:none;
		}
			

	/* Order Items Table View (Checkout2, Order Summary pages) */	
	/*---------------------------------------------------*/
		#Checkout2 #OrderItemsTableView
		{
			margin-top:6px;
		}
		
		#OrderItemsTableView #item, #OrderItemsTableView #quantity, #OrderItemsTableView #price 
		{
			background-color:transparent;
			border-bottom:solid 2px #ccc;
			color:#333;
		}
		#item {text-align:left;}
		#quantity, #OrderItemsTableView #price {text-align:right;}
		#quantity {width:5em;}
		#OrderItemsTableView #price {width:7em;}
		
		#OrderItemsTableView .btnReorder {margin-bottom:5px;} /* btnReorder must be class instead of id because ASP.NET uses id */


	
	/* Order Summary View (Checkout2, Order Summary pages) */	
	/*---------------------------------------------------*/
		#tally td 
		{
			border-top:solid 1px #ccc;
		}
		#tally td.payment
		{
			color:#5c9962;
		}
		#tally td.total
		{
			border-top:solid 1px #000; 
			font-weight:bold;
			padding-top:5px; 
			padding-bottom:5px;
		}
		
		#shippingAndPayment table td
		{
			vertical-align:top;
		}
		
		#shippingAndPayment .col1
		{
			float:left;
			padding-right:10%;
			max-width:58%;
		}
		#shippingAndPayment .col2
		{
			float:left;
			min-width:20%;
		}
		/* override previous styles inhreited due to panel pnlPaymentMethod creating div */
		#shippingAndPayment .col1 div
		{
			padding:0;
		}


	/* Checkout2 */	
	/*---------------------------------------------------*/
		#Checkout2 #OrderSummaryView
		{
			margin-top:30px;
		}
		#Checkout2 #OrderItemsTableView, #Checkout2 #addresses, #Checkout2 #shippingAndPayment
		{
			margin-top:6px;
		}


	/* Order Summary */	
	/*---------------------------------------------------*/
		#OrderSummary #GLLogo
		{
			margin-right:10px;
		}
		#OrderSummary #item, #OrderSummary #quantity, #OrderSummary #OrderItemsTableView #price 
		{
			border-bottom:solid 1px #ccc;
		}
		
		
	/* Login */	
	/*---------------------------------------------------*/
		#Login #emailAddress
		{
			margin:10px 0 25px 15px;
		}
		#Login #no
		{
			display:block; 
			margin:10px 5px 15px 15px;
		}
		#Login #yes
		{
			display:block; 
			margin:10px 5px 5px 15px;
		}
		
		/*#Login #emailAddress, 
		#Login #no,
		#Login yes
		{
			clear:left;
			display:block;
			width:450px;
		}
				
		#Login #emailAddress label#lblEmail,
		#Login #no .optNewCustomer input,
		#Login #yes .optExistingCustomer input
		{
			clear:left;
			display:block;
			float:left;
			text-align:right;
			width:200px;
		}

		#Login #no .optNewCustomer input label,
		#Login #yes .optExistingCustomer input label
		{
			clear:left;
			display:block;
			float:left;
		}*/
		
		
	/* Account Bread Crumbs control */	
	/*---------------------------------------------------*/
		#AccountBreadCrumbs h5
		{
			font-weight:normal;
		}
		span#currentAccountPage
		{
			font-size:16px;
			font-weight:bold;
		}


	/* Order History View control (Account Dashboard and Order History pages) */	
	/*---------------------------------------------------*/
		#OrderHistoryView .orderItemsCheckbox  /* orderItemsCheckbox has to be class since ID is changed on the fly by ASP runat=server. */
		{
			background-color:#e5e5e5; 
			border-top:solid 1px #e5e5e5; 
			border-right:solid 1px #ccc; 
			border-bottom:solid 1px #ccc; 
			border-left:solid 1px #ccc; 
			margin:0 0 10px 0;
			padding:0 5px 0 6px;
		}
		#OrderHistoryView th
		{
			background: #dbdbdb;
			background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
			background: -moz-linear-gradient(top,  #ebebeb,  #cccccc);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#cccccc');			
			border-top:solid 1px #ccc;
			border-bottom:solid 2px #999;
			color: #606060;
			font-size:13px;
			font-weight:bold;
			margin-bottom:10px;			
			padding-top:2em;
			padding-bottom:.4em;
		}
		th.left
		{
			text-align:left;
		}
		th.price, th.right  /* for columbns: Items & Total */
		{
			text-align:right;	
		}
		#OrderHistoryView .Order td
		{
			background-color:#e5e5e5;
			padding-top:.5em;
			padding-bottom:.5em;
		}
		#OrderHistoryView .hr td
		{
			border-top:solid 1px #ccc;
			font-size:1px;
			line-height:1px;
		}
		
		/* Order Status */	
		/*---------------------------------------------------*/	
			/* Placed (default) - yellow */
			/*---------------------------------------------------*/	
				#OrderHistoryView tr.StatusDefault td  
				{
					background-color:#ffff66;
				}
			/* On Hold - red */
			/*---------------------------------------------------*/	
				#OrderHistoryView tr.StatusOnHold td  
				{
					background-color:#99001E;
					color:#fff;
				}
				#OrderHistoryView tr.StatusOnHold td.orderStatus
				{
					font-weight:bold;
				}
			/* In Production - green */
			/*---------------------------------------------------*/	
				#OrderHistoryView tr.StatusInProduction td  
				{
					background-color:#aade66;
				}
			/* Shipped or Ready for Pickup - grey */
			/*---------------------------------------------------*/	
				#OrderHistoryView tr.StatusComplete td  
				{
					background-color:#e5e5e5;
				}


	/* Account Dashboard */	
	/*---------------------------------------------------*/	
		#AccountDashboard #OrderHistoryView
		{
			margin:20px 0;
		}
		#AccountDashboard #accountInfo .col1
		{
			float:left;
			padding-right:20px;
			width:210px;
		}
		#AccountDashboard #accountInfo .col2
		{
			float:left;
			width:210px;
		}


	/* Address Book & Address View control */	
	/*---------------------------------------------------*/	
		#btnAddNewAddress
		{
			display:block; 
			padding:10px 5px 5px 1px;
		}
		#AddressBook table
		{
			margin-top:10px;
		}
		#AddressBook th
		{			
			background: #ededed;
			background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dcdcdc));
			background: -moz-linear-gradient(top,  #ededed,  #dcdcdc);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dcdcdc');			
			border-top:solid 1px #ccc;
			border-bottom:solid 2px #ccc;
			color: #606060;
			font-size:13px;
			font-weight:bold;
			margin-bottom:10px;
			padding:2em 1.2em .4em 0;
			text-align:left;
			
		}
		#AddressBook .hr th
		{
			background:transparent;
			filter:none;
			border:none;
			font-size:3px;
			line-height:3px;
		}
		#AddressBook .hr td
		{
			border-top:solid 1px #ccc;
			font-size:1px;
			line-height:1px;
		}
		#AddressBook .addressEntry td
		{
			padding-bottom:10px;
			vertical-align:top;
		}
		#AddressBook .col1
		{
			padding-left:20px;
			width:30%;
		}
		#AddressBook .addressType
		{
			font-weight:bold;
			padding-bottom:1em;
		}
		#AddressBook .addressType h4
		{
			margin:0;
		}
		#AddressBook .editDeleteLinks
		{
			font-size:.8em;
			padding-left:5px;
		}
		

	/* Order History */	
	/*---------------------------------------------------*/	
		#OrderHistory #filterOrders
		{
			background-color:#e5e5e5; 
			border-top:solid 1px #ccc; 
			border-right:solid 1px #ccc; 
			border-bottom:solid 1px #e5e5e5; 
			border-left:solid 1px #ccc; 
			margin:0 0 0px 0;
			padding:10px 5px 7px 5px;
		}

	/* Design Reorder and Product View */	
	/*---------------------------------------------------*/	
		#ProductView #productTitle
		{
			margin:0 0 1em;
		}
		
		#DesignReorder #item,
		#ProductView #item
		{
			background-color:#dae0e5;
			padding:15px;
		}
		
		#DesignReorder #item
		{
			display:table;
			margin:20px auto 0 auto;
		}
			
			/* Add This Button ("Share" button) */
			.addthis_button_expanded
			{
				font-size:.8em;
				line-height:1.6em;
			}
			
			/* Blog About This code insert */
			#blogThis,
			#blogThis
			{
				text-align:left;
			}
			#blogThis .blogCode,
			#blogThis .blogCode
			{
				background-color:#fff;
				border:1px solid #999;
				font-family:Georgia, serif;
				font-family: 'Courier New', Courier, monospace;
				font-family: Georgia, Serif;
				font-style:italic;
				height:30px;
				overflow:hidden;
				width:150px;
			}
		
		#DesignReorder .btnOrderThisDesign /* Must be class instead of ID because ASP changes ID. */
		{
			margin:20px auto 30px;
		}
		
		#ProductView h3.GooglePrice
		{
			margin:0 0 .4em;
		}
		
		#ProductView #productDesc
		{
			margin:20px 0 15px 15px;
			text-align:left;
		}
		
		/* Other Options ("Don't like this design?") */	
		#DesignReorder fieldset#otherOptions,
		#ProductView fieldset#otherOptions
		{
			display:inline;
			margin:20px 15px 40px;
			padding:15px;
		}
		#DesignReorder fieldset#otherOptions legend,
		#ProductView fieldset#otherOptions legend
		{
			font-size:1.2em;
			font-size:13px;
			font-weight:bold;
			color:#808080;
			margin:0;
			padding:0 5px;
			text-align:left;
		}
		#DesignReorder fieldset#otherOptions a,
		#ProductView fieldset#otherOptions a
		{
			margin:10px 20px;
		}
				
	/* Trademark, Privacy, Terms pages */
	/*---------------------------------------------------*/
		div#trademark h5, div#privacy h5 {color:#333D66; margin-top:1.6em;} 
		div#trademark h5.top {margin-top:0;} /* override style above for first element on page */
		div#privacy p /* currently used only on the privacy.aspx page */
		{
			margin-top:0;
			line-height:1.5em;
		}
		div#trademark blockquote 
		{
			margin-top:0;
			line-height:1.4em;
		}
		/* only used on terms page to make easier to read */
		div#terms {font-family:arial, helvetica, sans-serif;} 



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

	/* Structure for NS.Master */	
	/*---------------------------------------------------*/
		.centerSite /* This is a class instead of an ID to use in conjuction with specific pages not using NSMaster. */
		{
			margin:0 auto;
			width:978px;
		}
		.container /* cannot be an id because the div is a control on the NS MasterPage and ASP changes it */
		{
			margin:0;
			padding:0;
		}
		/* div with container class also has either stretch or setWidth class */
			.stretch table.defineWidth, div.stretch img.defineWidth {width:100%;}
			.stretch img#mainTopCenter, div.setWidth img#mainTopCenter {height:95px;} /* depends on the height of the graphic behind the page instructions.  currently, it's the same for all affiliates except for honor student stickers which is set in its affil.css file. */
			.setWidth table.defineWidth {width:762px;} /* 762px -- may need to be null -- scratch that, it must be set for IE7 */
			.setWidth img#mainTopCenter {width:10px;} 
			.setWidth img#mainBottomCenter {width:700px;} 
			
			/* Site Header (PageHeader.aspx) */
			/*---------------------------------------------------*/
				#SiteHeader
				{
					height:32px;
					padding:15px 20px 0 15px;
				}
				#SiteHeader #logo
				{
					float:left;
				}
				#SiteHeader #links
				{
					float:right;
					font-size:.9em;
					text-align:right;
				}
					#SiteHeader #CartLink
					{
						display:inline;
					}
					#SiteHeader #CartLink img.icon
					{
						padding-right:5px;
						vertical-align:middle;
				}
			/* Sidebar */	
			/*---------------------------------------------------*/
				#contentSupp
				{
					position:absolute;
					margin:0;	
					padding:0;
					width:216px;
					z-index:-999; /* places sidebar area 'above' main content area so that links are clickable since left padding (instead of margin) has to be used for IE to display spacing properly */
				}
					#suppGraphic
					{
						background-image:url(images/sidebarTop.gif);
						background-repeat:no-repeat;
						width:216px;
						height:50px;
					}
					#affiliateCT
					{
						margin-left:auto;
						margin-right:auto;
						text-align:center;
						padding-bottom:5px;
						/* max width for image is 160px. it is left out because if no CT affiliate image is present, IE will still leave visual gap in design. */
					}
						#affiliateCT img
						{
							padding:5px;
							background-color:#fff;
							border:solid 1px #000;
						}
			#contentMain /* used in all pages that stretch the main content pane to fit to the window size AND display the sidebar. ie. most of the corp template pages */
			{
				margin-top:-12px;
				position:absolute;
				padding-left:216px;
				/* AMANDA - temporarily disable for debugging */
				z-index:-1000;	/* places main content area 'under' the sidebar area and site header since left padding (instead of margin) has to be used for IE to display spacing properly */
			}
			
				/* Page Instructions */
				/*---------------------------------------------------*/
					#pageInstr /* used in all pages that stretch the main content pane to fit to the window size, regardless whether sidebar is displayed or not.  ie. most of the corp template pages & design tips popups */
					{
						position:absolute;
						margin:0;
						padding-left:30px;
						padding-top:27px;
						font-size:1.2em;
						font-weight:bold;
						color:#ffffff;
					}	
						#pageInstr a:link /* needed for links in the page instructions which are displayed on the affiliate colored swoosh.  ie. design tips popups */
						{
							font-weight:bold;
							color:#ccc;
						}
						#pageInstr a:visited
						{
							font-weight:bold;
							color:#999;
						}
						#pageInstr a:hover
						{
							font-weight:bold;
							color:#fff;
						}
						#pageInstr a:active
						{
							font-weight:bold;
							color:#fff;
						}
					
				/* Footer (PageFooter.aspx) */	
				/*---------------------------------------------------*/
					#linksSupp 
					{
						color:#666;
						font-size:.8em;
						font-weight:normal;
						text-align:center;
						margin-bottom:20px;
					}
					#linksSupp a
					{
						color:#000099;
						font-weight:bold;
						text-decoration:none;
					}
					#linksSupp a:hover
					{
						color:#0000ff;
						text-decoration:underline;
					}
					#linksSisterSites
					{
						color:#666;
						font-size:.8em;
						font-weight:normal;
						text-align:center;
						margin-bottom:10px;
					}
					#linksSisterSites a
					{
						color:#666699;
						font-weight:bold;
						text-decoration:none;
					}
					#linksSisterSites a:hover
					{
						color:#333399;
						text-decoration:underline;
					}
					#siteInfo
					{
						color:#666;
						font-size:.8em;
						text-align:center;
						margin-top:0px;
						margin-bottom:5px;
						border:0;
					}
					#siteInfo a
					{
						color:#999;
						font-weight:normal;
						text-decoration:underline;
					}
					#siteInfo a:hover {color:#0000ff;}
			
					
	/* Content-Specific Structure */	
	/*---------------------------------------------------*/
		/* Indpendent Pages not using NS.Master */	
		/*---------------------------------------------------*/
			/* Centered Pages w/o Sidebar  (Order Summary, Design Reorder, Product View) - override NSMaster centered page width which includes Sidebar */	
			/*---------------------------------------------------*/
				#OrderSummary, #DesignReorder, #ProductView
				{
					width:762px;
				}
			/* Design Reorder and Product View */	
			/*---------------------------------------------------*/
				#DesignReorder #contentMain, 
				#ProductView #contentMain
				{
					padding-left:0;
					z-index:-1000;	/* places main content area 'under' the sidebar area and site header since left padding (instead of margin) has to be used for IE to display spacing properly */
				}
				/* single pane layout (Design Reorder and Product View) */
					#DesignReorder .setWidth table.defineWidth,
					#ProductView .setWidth table.defineWidth 
					{width:762px;} /* 762px -- may need to be null -- scratch that, it must be set for IE7 */
					#DesignReorder .setWidth img#mainTopCenter,
					#ProductView .setWidth img#mainTopCenter 
					{width:2px;} 
					#DesignReorder .setWidth img#mainBottomCenter,
					#ProductView .setWidth img#mainBottomCenter 
					{width:710px;} 
			
			#pageInstr_display /* used for display.aspx, OrderSummary.aspx, & Stickers_Default.aspx pages only */
			{
				position:absolute;
				margin:0;
				margin-left:0px; /* 216px */
				padding-left:30px; 
				padding-top:27px;
				font-size:1.2em;
				font-weight:bold;
				color:#ffffff;
				/*background-image:url(images/mainTop_noBG.gif);
				background-repeat:no-repeat;
				width:100%;
				height:63px;*/
			}				
			#contentBody /* WAS used in NSMaster. contains the CONTENT which is displayed in the MAIN PANE.  Used anywhere anymore? */
			{
				margin-top:0px;
				padding-top:90px;
			}
			
		/* DesignTips popups */	
		/*---------------------------------------------------*/
			#contentBodywoBG /* used in design tips popups. contains the CONTENT which is displayed in the MAIN PANE. */
			{
				margin-top:0px;
				padding-left:35px;
				padding-right:35px;
			}
				#contentBodywoBG h4	{margin:0em 0em .8em 0em; /* 1.2em */}
			/*#contentBody_display
			{
				margin-top:0px;
				margin-left:15px;
				padding-top:90px;
			}	
			#contentBody_display a img {border:solid 1px;}*/
			
					
	/* Variable Grid System - Full width: 700px, Content width: 676px (Column width: 38, Number of columns: 12, Gutter width: 20) */
	/*---------------------------------------------------*/
		/*
			Variable Grid System.
			Learn more ~ http://www.spry-soft.com/grids/
			Based on 960 Grid System - http://960.gs/

			Licensed under GPL and MIT.
		*/


		/* Containers
		----------------------------------------------------------------------------------------------------*/
			.container_12 {
				margin-left: auto;
				margin-right: auto;
				width: 696px;
			}

		/* Grid >> Global
		----------------------------------------------------------------------------------------------------*/
			.grid_1,
			.grid_2,
			.grid_3,
			.grid_4,
			.grid_5,
			.grid_6,
			.grid_7,
			.grid_8,
			.grid_9,
			.grid_10,
			.grid_11,
			.grid_12 {
				display:inline;
				float: left;
				position: relative;
				margin-left: 10px;
				margin-right: 10px;
			}

		/* Grid >> Children (Alpha ~ First, Omega ~ Last)
		----------------------------------------------------------------------------------------------------*/
			.alpha {
				margin-left: 0;
			}

			.omega {
				margin-right: 0;
			}

		/* Grid >> 12 Columns
		----------------------------------------------------------------------------------------------------*/
			.container_12 .grid_1 {
				width:38px;
			}

			.container_12 .grid_2 {
				width:96px;
			}

			.container_12 .grid_3 {
				width:154px;
			}

			.container_12 .grid_4 {
				width:212px;
			}

			.container_12 .grid_5 {
				width:270px;
			}

			.container_12 .grid_6 {
				width:328px;
			}

			.container_12 .grid_7 {
				width:386px;
			}

			.container_12 .grid_8 {
				width:444px;
			}

			.container_12 .grid_9 {
				width:502px;
			}

			.container_12 .grid_10 {
				width:560px;
			}

			.container_12 .grid_11 {
				width:618px;
			}

			.container_12 .grid_12 {
				width:676px;
			}



		/* Prefix Extra Space >> 12 Columns
		----------------------------------------------------------------------------------------------------*/
			.container_12 .prefix_1 {
				padding-left:58px;
			}

			.container_12 .prefix_2 {
				padding-left:116px;
			}

			.container_12 .prefix_3 {
				padding-left:174px;
			}

			.container_12 .prefix_4 {
				padding-left:232px;
			}

			.container_12 .prefix_5 {
				padding-left:290px;
			}

			.container_12 .prefix_6 {
				padding-left:348px;
			}

			.container_12 .prefix_7 {
				padding-left:406px;
			}

			.container_12 .prefix_8 {
				padding-left:464px;
			}

			.container_12 .prefix_9 {
				padding-left:522px;
			}

			.container_12 .prefix_10 {
				padding-left:580px;
			}

			.container_12 .prefix_11 {
				padding-left:638px;
			}



		/* Suffix Extra Space >> 12 Columns
		----------------------------------------------------------------------------------------------------*/
			.container_12 .suffix_1 {
				padding-right:58px;
			}

			.container_12 .suffix_2 {
				padding-right:116px;
			}

			.container_12 .suffix_3 {
				padding-right:174px;
			}

			.container_12 .suffix_4 {
				padding-right:232px;
			}

			.container_12 .suffix_5 {
				padding-right:290px;
			}

			.container_12 .suffix_6 {
				padding-right:348px;
			}

			.container_12 .suffix_7 {
				padding-right:406px;
			}

			.container_12 .suffix_8 {
				padding-right:464px;
			}

			.container_12 .suffix_9 {
				padding-right:522px;
			}

			.container_12 .suffix_10 {
				padding-right:580px;
			}

			.container_12 .suffix_11 {
				padding-right:638px;
			}



		/* Push Space >> 12 Columns
		----------------------------------------------------------------------------------------------------*/
			.container_12 .push_1 {
				left:58px;
			}

			.container_12 .push_2 {
				left:116px;
			}

			.container_12 .push_3 {
				left:174px;
			}

			.container_12 .push_4 {
				left:232px;
			}

			.container_12 .push_5 {
				left:290px;
			}

			.container_12 .push_6 {
				left:348px;
			}

			.container_12 .push_7 {
				left:406px;
			}

			.container_12 .push_8 {
				left:464px;
			}

			.container_12 .push_9 {
				left:522px;
			}

			.container_12 .push_10 {
				left:580px;
			}

			.container_12 .push_11 {
				left:638px;
			}



		/* Pull Space >> 12 Columns
		----------------------------------------------------------------------------------------------------*/
			.container_12 .pull_1 {
				left:-58px;
			}

			.container_12 .pull_2 {
				left:-116px;
			}

			.container_12 .pull_3 {
				left:-174px;
			}

			.container_12 .pull_4 {
				left:-232px;
			}

			.container_12 .pull_5 {
				left:-290px;
			}

			.container_12 .pull_6 {
				left:-348px;
			}

			.container_12 .pull_7 {
				left:-406px;
			}

			.container_12 .pull_8 {
				left:-464px;
			}

			.container_12 .pull_9 {
				left:-522px;
			}

			.container_12 .pull_10 {
				left:-580px;
			}

			.container_12 .pull_11 {
				left:-638px;
			}




		/* Clear Floated Elements
		----------------------------------------------------------------------------------------------------*/

			/* http://sonspring.com/journal/clearing-floats */
				.clearforGrid {
					clear: both;
					display: block;
					overflow: hidden;
					visibility: hidden;
					width: 0;
					height: 0;
				}

			/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
				.clearfix:after {
					clear: both;
					content: ' ';
					display: block;
					font-size: 0;
					line-height: 0;
					visibility: hidden;
					width: 0;
					height: 0;
				}

				.clearfix {
					display: inline-block;
				}

				* html .clearfix {
					height: 1%;
				}

				.clearfix {
					display: block;
				}
			

/*------------------------------------------------------------------------------------------------------*/
/* PRINT STYLES (may also override some structure styling, so it should come last) */
/*------------------------------------------------------------------------------------------------------*/
	@media print 
	{
		/* styles for Order Item View control used in: Account Dashboard, Order History, Order Summary */
			/* hide Reorder Item checkbox and button */
			#OrderItemsTableView .chkReorder, 
			#OrderItemsTableView .btnReorder
			{
				display:none;
			}
			
		/* styles for receipt.aspx &/or ordersummary.aspx */
		/*---------------------------------------------------*/
			/*#pageInstr_display {display:none;}*/ /* hide page instructions */
			/*body#receipt #pageInstr_display {padding-top:0; padding-left:0; margin-left:35px; font-size:20px;}*/
			/*body#receipt #GLLogo {margin-left:210px;}*/
			body#receipt #SiteHeader #links {display:none;} /*hide site navigation*/
			body#receipt div#logos {position:absolute; display:block; left:35; top:0; margin:0; padding:0;} /* move logos to very top left of page */
			body#receipt #pageInstr_display {position:relative; display:block; margin:50px 0 0 0; padding:0 0 0 35px; font-size:20px; color:#000;} /* move page instructions to just below logos and before rest of content */
			body#receipt h3#orderNum {display:block; margin-top:0; padding-top:0;}
			body#receipt table.noprint {display:none;} /* hide table holding page instructions images */
			body#receipt img.noprint {display:none;} /* hide page instructions background images */
			body#receipt div#progressIndicator {display:none;} /* hide progress indicator */
			body#receipt p.noprint {display:none; margin:0; padding:0;} /* remove margin of hidden items possibly affecting IE (i.e. progress indicator) */
			body#receipt a.noprint {display:none;} /* hide print link */
			body#receipt #tally td.payment {color:#000;} /*remove color */
			fieldset legend {background-color:#fff;} /* make legend background white so fieldset line doesn't show through text */
			
		/* styles for customize */
		/*---------------------------------------------------*/
			table#customize {width:99%;}
			
		/* styles for NS.Master */
		/*---------------------------------------------------*/
			/* of ALL contentSupp content, ONLY SHOW Graphicsland affiliate logo */	
			#affiliateGL {display:block; padding-top:0; position:relative;} 
			/* hide contentSupp sidebar swoosh */
			div#contentSupp div#suppGraphic {display:none;} 
			/* hide contentSupp content */
			div#contentSupp table {display:none;} 
			/* remove left column for "contentSupp", aka:sidebar/nav */
			div#contentMain {padding-left:0; width:99%; position:relative;} 
			div#contentMain div#pageInstr {padding:40px 0 0 0; position:relative;} /* TOP PADDING IS HEIGHT OF GRAPHICSLAND AFFILIATE LOGO PLUS 10 */
			div.setWidth table.defineWidth {min-width:99%; width:99%;}
			/* hide top swoosh, left and right side (bevel w/ dropshadow) of main pane */
				/* top swoosh */
				div#contentMain table.noprint, div#contentMain table#mainSwoosh {display:none;}
				/* left and right side bevel */
				div#contentMain td#mainLeft, div#contentMain td#mainRight {background:transparent; width:0;}
				/* bottom bevel */
				div#contentMain tr#mainBottom {display:none;}
			
	}	
	
	/* styles for OrderSummaryView control on OrderSummary.aspx page to change manually, but CSSClass="print" doesn't seem to be taking effect */
	div.print th
	{
		padding:.3em;
		font-weight:bold;
		text-align:left;
		color:#000;
		background-color:#E5E5E5;
		/*border-bottom:solid 1px #ccc;*/
	}
	/*div.print td.total {color:#000;}*/
	div.print fieldset legend {color:#000;}
	div.print#OrderSummaryView table, div.print#OrderSummaryView fieldset {width:625px;} /* to prevent prices from getting cut off when printed without 'fit to page' selected or at 100% scaling */
	
	
/* AJAX Styles */
/*---------------------------------------------------*/
	/* Calendar on checkout.aspx (USED?) */
		.ajax__calendar_today {color:#666; background-color:#ffffe1; font-weight:bold;}
		.ajax__calendar_other .ajax__calendar_day {color:#ccc ! important;}
		
	/* Rating Star (NOT USED) */
		.ratingStar 
		{
			font-size:0pt;
			width:13px;
			height:12px;
			margin:0px;
			padding:0px;
			cursor:pointer;
			display:block;
			background-repeat:no-repeat;
		}
		.filledRatingStar {background-image:url(Images/FilledStar.png);} 
		.emptyRatingStar {background-image:url(Images/EmptyStar.png);}
		.savedRatingStar {background-image:url(Images/SavedStar.png);}

	/* Popup Control (USED?) */
		.popupControl
		{
			background-color:White;
			position:absolute;
			visibility:hidden;
		}