/*  Master CSS file Last Updated: 2007.03.30  */

/* ==============================================
Site:    Luna's Embroidery 
Author:   J.R. Peacock (Pilgrim Soul Design)    
 ===================================================GLOBAL RESETS */

*,
html,				/*Universal Whitespace Reset*/
body,
form {
		margin:0;	
		padding:0;
		}

ol, 
ul	{
		list-style-type: none;	/*Reset List Elements*/
		padding-left: 0;		/*List Whitespace Reset for Mozilla Browsers */		
		margin-left: 0;		/*List Whitespace Reset for IE and Opera Browsers */
		}


h1,h2,h3,h4,h5,h6 { 		/*Reset Heading Size*/
		font-size:1em; 
		}

h1,h2,h3,h4,h5,h6,			/*Reset Elements with a Vertical Margin*/
p,pre,blockquote,
ul,ol,dl,address {
        	margin: 1em 0; 
        	padding: 0;
		}

li,						/* Apply left margin to the few elements that need it */
dd,
blockquote {
        	margin-left: 1em;
		}

:link,					/*Undo Link Styling*/
:visited { 	
		text-decoration:none; 
		}
a  {
		cursor: pointer;	/*Maintain pointer for all links*/
		}

img,
a img,					/*Undo Image Styling*/
:link img,
:visited img { 
		border:0; 
		}
body  {
		font:76%/150% verdana, arial, helvetica, sans-serif;
		text-align: left;
		}
a  {
		outline: none;			/*  Turn off all browser link outlines after clicking  */
		}
textarea  {font-family: inherit; font-size: 100%;}
/* ===================================================LAYOUT
*/

body  {
		background: #7BC8DC url(../images/page-bg.gif) 0 0 repeat-x;	
		color: #000;
		}
#maincontainer  {
		width: 802px; /*Width of main container*/
		margin: 0 auto; /*Center container on page*/
		padding: 0;
		background: #ADDFE9 url(../images/content-bg.gif) 0 0 repeat-y;
		color: #353d3d;		
		}
#topsection  {
		height: 61px; /*Height of top section*/
		background: #ADDFE9 url(../images/containerbg-top.gif) 0 0 no-repeat;
		color: inherit;		
		}
#header  {
		margin-left: -802px;		
		}
#logo  {
		height: 163px;    
		width: 218px;    
		margin:0 0 0 4px;
		position: relative;
		top: -37px;
		left: 0;       
		}
#contentwrapper  {
		float: left;
		width: 100%;		
		}
#contentcolumn  { 
		width:545px;
		margin:1em 0 0 238px;	/*Set left margin to LeftColumnWidth*/
		padding: 0 0 0 0;
		background: url(../images/textbg2-top.png) center top no-repeat;
		
		}
#contentcolumn div.innertube {
		margin:0;
		padding: 0 1.4em;
   		line-height: 2em;
		background: url(../images/text-bg2.png) 0 0 repeat-y;		
		}
#intro{
		margin:0;
		padding-bottom: 5em;
		background: url(../images/luna-pic.gif) 90% 100% no-repeat;		
		}
#leftcolumn{
		float: left;
		width: 218px; /*Width of left column*/
		margin-left: -802px; /*Set left margin to -(MainContainerWidth)    **********************************************************   */
		}
#subnav,
#extra-info,
#catalog {
		background: url(../images/sidebarbg-top.png) center top no-repeat;
		}
#subnav .innertube,
#extra-info .innertube,
#catalog .innertube {
		padding: 0 1.5em;
		text-align: right;
		}
.sidebar-end{
		margin: 0; 
		padding: 0;
		height: 10px;
		width: 100%;
		background: url(../images/sidebarbg-bottom.png) center bottom no-repeat;
		}
#text-end  {
		margin: 0; 
		padding: 0;
		height: 30px;
		width: 100%;
		background: transparent url(../images/textbg2-bottom.png) center bottom no-repeat;						
		}
#extra-info  {
		margin-top: 2em;
		}
div.pic {
		float: left;
		width: 158px;
		text-align: center;
		margin: 10px 4px 5px 4px;
		padding: 0 0 0 0;
		overflow: hidden;   /* trigger hasLayout for float */
		}
div.pic img {
		border: #ddd 1px solid;
		padding: 4px;
		background-color: #eee;
		color: inherit;
		text-align: center;		
		}
div.pic a:hover img{
		border:#bab8b8 1px solid;
		background-color: #d4d2d3;
		
		}
#footer{
		margin: 0;
		padding: 2em 0 0 0;
		clear: both;
		width: 100%;
		background: #7BC8DC url(../images/containerbg-bottom.gif) center top no-repeat;
		color: #333;		
		}
#footer a{
		color: #595959;
		}
.left  {
		float: left;
		}
.right  {
		float: right;
		}

/* ===================================================TYPOGRAPHY 
*/
p 	{
		color: #3c4545;
		font-size: 1em;
		line-height: 1.8em;
		margin: 1.2em 1em;
		}

li > p 	{
		margin-top: 0.2em;
		}

strong, b {
		font-weight: bold;
		}
em, i {

		font-style:italic;
		}
#extra-info p {
		font: 0.94em/1.5em verdana, arial, helvetica, sans-serif;
		margin: 0;
		padding: 1em 0.9em 0 0;	/* If adjusting here, also adjust iehacks.css */
		}
#extra-info p a{
		font-size: 0.91em;
		}
#footer p{
		text-align: center;
		font-size: 0.85em;	
		}
#intro p{
		font-size: 0.95em;
		}
#desc p{
		font-size: 0.94em;
		margin-top: 0;
		margin-bottom: 0;
		}
div.pic p {			/* NOTE: After Catalog Links are finished, change back to "div.pic p a" */
		font: 0.91em/1.1em arial, helvetica, sans-serif;
		margin-left: 0;
		margin-right: 0;
		}

span.strike {
		text-decoration:line-through;
		}
.red  	{
		color:#FF0000;
		}
/* ====================================================================================NAVIGATION
*/
a,	
a:link,
a:active,
a:visited {
		background-color: inherit;
		color: inherit;  
		}
#mainnav ul  {
		font: 1.05em arial, helvetica, sans-serif;
		padding: 22px 0 0 0;
		margin: 0;
		text-align: right;
		}
#mainnav ul li  {
		margin: 0;
		padding: 0 .7em 0 .7em;
		display: inline;
		}
#mainnav a  {
		margin-top: 0;
		padding-top: 20px;
		}
#mainnav a:link,
#mainnav a:visited  {
		color: #50666a;
		background-color: inherit;
		}
#home a.current, #home a.current:hover,
#specialtyitems a.current, #specialtyitems a.current:hover,
#embroidery a.current, #embroidery a.current:hover,
#portfolio a.current, #portfolio a.current:hover,
#ordering a.current, #ordering a.current:hover,
#fonts a.current, #fonts a.current:hover {
		background: url(../images/arrow.gif) top center no-repeat;
		color: #fdf7dd;
		}
#mainnav a:hover  {
		background: url(../images/arrow.gif) top center no-repeat;
		color: #fdf7dd;
		}
#subnav ul,
#catalog ul{
		font: .9em verdana, helvetica, sans-serif;
		}
#subnav ul li,
#catalog ul li {	
		padding: .4em .6em;		/* If changing this, also change padding in iehacks.css */
		margin: 0 .8em;
		border-bottom: #e8e3d0 1px solid;
		border-top: #fff 1px solid;
		}
#subnav ul li.sub,
#catalog ul li.sub {
		background: url(../images/dot.gif) 80% 51% no-repeat;
		padding-right: 4em;
		}
#subnav li a.select,
#catalog li a.select { 
		color:#50666a;
		font-weight:bold;
		}

#subnav li.first,
#catalog li.first {
		border-top: 0 none;
		padding-top: 0;
		}
#subnav li.last,
#catalog li.last {
		border-bottom: 0 none;
		padding-bottom: 2em;
		}
#contentcolumn p a:link, #contentcolumn p a:visited,
#contentcolumn .item a:link, #contentcolumn .item a:visited,
#fonts dl a:link, #fonts dl a:visited,
#embroidery form.cart a:link, #embroidery form.cart a:visited,
#ordering #contentcolumn ol a:link, #ordering #contentcolumn ol a:visited,
#ordering_requirements a:link, #ordering_requirements a:visited  {
		color: #83a5ac;
		text-decoration: none;		
		}
#contentcolumn p a:hover,
#contentcolumn .item a:hover,
#fonts dl a:hover,
#embroidery form.cart a:hover,
#ordering #contentcolumn ol a:hover,
#ordering_requirements a:hover  {
		border-bottom: 1px dashed;
		text-decoration: none;
		}
#contentcolumn .pic a:link, #contentcolumn .pic a:visited,
#subnav a:link, #subnav a:visited,
#catalog a:link, #catalog a:visited,
#extra-info p a:link, #extra-info p a:visited {
		color: #3c4545;
		border-bottom: 0 none;
		}
#contentcolumn .pic a:hover,
#subnav a:hover,
#catalog a:hover  {
		color: #999087;
		border-bottom: 0 none;
		}
#subnav a:hover,
#catalog a:hover  {
		padding-right: 2px;
		}

#contentcolumn div.pic p a {
		text-decoration: none;
		}
#home #intro p a:link, #home #intro p a:visited  {
		color: #575852;
		font-style:italic;
		}
/* ======================================================================================HEADINGS
*/

h2, h3, h4, h5, h6 {
		font-weight:normal;
		font-family: arial, helvetica, sans-serif;
		}
h1  {
	font: bold 1.4em/1.5em Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	color: #50666a;
	margin-left: 0.5em;
	margin-bottom: 0.7em;
		}
#home h1  {
		font-size: 1.14em;
		color: #575852;
		}
h2, 
h2.right a:link,
h2.right a:active 	{
		font-size: 1.04em;
		background-color: inherit;
		color:#333;
		padding: 0.1em  1.2em 0.25em 1em;
		margin: 0 0 0 0;
		font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
		}

h3 {
		font-size: 1.4em;
		}

h4 {
		font-size: 1.2em;
		}

h5 {
		font-size: 1.0em;
		}

h6 {
		font-size: 0.8em;
		}
div.pic h5  {
		font-weight: bold;
		margin: 0;
		padding: 0;
		}

#rightajax h2,
#photo_strip h2 {
		color: #50666a;
		font: bold 1.25em/1em Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
		padding-bottom: 0.5em;
		}
#rightajax h3  {
		text-align: center;
		font: normal 1.2em Arial, Helvetica, sans-serif;
		margin-top: 2em;
		}
/* =================================================================================ACCESSIBILITY
*/

span.accesskey {			/* menu links accesskeys */
   		text-decoration: none;
		}

dfn {					/* definition tags used for menu links are hidden */
		position: absolute;
   		left: -1000px;
   		top: -1000px;
   		width: 0;
   		height: 0;
   		overflow: hidden;
   		display: inline;
		}

.clearer { 			
		clear: both; 
		display: block; 
		height: 1px; 
		margin-bottom: -1px; 
		font-size: 1px; 
		line-height: 1px;
		}
/* =======================================================================================MISC.
*/
.right  {
		float: right;
		font-size: 1em;
		}
.tiny,					
#intro .tiny  {					/* used on Index, Portfolio, Embroidery... */
		font: normal 0.82em Arial, Helvetica, sans-serif;
		color: #666;
		}

.disappear  {display: none;}
.nolink  {						/* used on Embroidery pages for links/pages not yet live */
		color: #CCC;
		}
/* =================================================================================INVENTORY PAGES
*/
div.item  {
		font-size: 0.91em;
		color:#666;
		}
div.item p  {
		margin-top: 0;
		color:#666;
		}

/*		div.item img  {
		padding: 0.3em 0.3em 0.3em 0;
		}
*/
#item_leftcol img.detailpic  {
		border: solid 1px #d9d9d9;
		}
#item_leftcol img  {
		margin: 0.3em 0.3em 0.3em 0;
		}
div.item #item_rightcol  {
		float: right;
		width: 49%;
		}
div.item #item_leftcol  {
		float: left;
		width: 49%;
		}

#item_rightcol h3  {
		font: bold 1em/1.5 Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
		color:#333;
		margin-top: 0;  			
		}		
div.item dt  {
		font: bold 1em/1.5em Verdana, "Trebuchet MS",arial, helvetica, sans-serif;
		background-color: #faf0ce;											
		padding: 0.3em 0.8em;											
		}	
#item_rightcol dd  {
		font: normal 0.95em/1.7em Verdana, arial, helvetica, sans-serif;											
		padding-left: 1.8em;											
		}
#item_rightcol dd em{				/* used to tab over multiple items in definition list */					
		padding-left: 1.8em;
		font-style: normal;											
		line-height: 1.5em;
		margin: 0 auto;
		}
#item_rightcol img  {
		margin: 0 0.5em 0.3em 0;
		float: left;
		}		
#color {
		position: relative;
		padding-left: 1em;
		}
.item #color a:link,
.item #color a:visited,
.item #color a:hover  {				/* Remove :hover border for color images  */								
		border-bottom: 0 none;
		color:#666;
		}

#contentcolumn .item_more a:link,
#contentcolumn .item_more a:visited,
#contentcolumn .item_more a:hover {
		border-bottom: 0 none;		/* Remove :hover border for images  */	
		}
#color img  {
		border: solid 1px #999;
		padding: 0;
		}

#color p,
#color a {
		margin-left: 0;
		}

#color a span {
		display: none;		/* 'Pure CSS Popups' bug here- See iehacks.css for cure */	
		}	
#color a:hover span {
		display: block;
		position: absolute;
		top: 0;
		left: 9em;
		}
div.item #addedimages h4  {
		font: bold 1.1em Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
		border-top: 8px #faf0ce solid;
		padding: 0.5em 0 0 1em;
		margin-top: 6em;
		}

#contentcolumn p.breadcrumbs  {
		font: 0.82em/1.0em arial, helvetica, sans-serif;
		margin: 0.75em 0 2em;
		padding: 0;
		color: #666;
		}
#contentcolumn div.item p.breadcrumbs a:link, 
#contentcolumn div.item p.breadcrumbs a:visited  {
		color: #666;
		text-decoration: none;
		}
#contentcolumn div.item p.breadcrumbs a:hover  {
		text-decoration: underline;
		border-bottom: 0 none;
		}

/* ===============================================================================THUMBNAIL VIEWER
*/

#thumbBox{ 				/*Outermost DIV for thumbnail viewer*/
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		padding: 10px;
		padding-bottom: 0;
		background: #313131;
		visibility: hidden;
		z-index: 10;
		cursor: pointer;
		}

#thumbBox .footerbar{ 		/*Footer DIV of thumbbox that contains "close" link */
		font: 1.0em/1.5em arial, helvetica, sans-serif;
		color: white;
		padding: 5px 0;
		text-align: right;
		}


#thumbBox #thumbImage{ 		/*DIV within thumbbox that holds the enlarged image */
		background-color: white;
		}

#thumbLoading{ 			/*DIV for showing "loading" status while thumbbox is being generated*/
		position: absolute;
		visibility: hidden;
		border: 1px solid black;
		background-color: #EFEFEF;
		padding: 5px;
		z-index: 5;
		}
/* ================================================================================THREAD COLORS
*/
 div.threadcolor  {
		float: left;
		width: 108px;
		border: 1px solid #b9b8b8;
		margin: 0 10px 20px 10px;
		padding: 5px;
		}
/* ==================================================================================== PORTFOLIO
*/
#leftajax {
		float:left;
		width:130px;
		height: 200px;
		padding: 0;
		margin: 3em 0 0 0;
		}

#leftajax a {
		padding: 1px 1px;
		display: block;
		width: 100%;
		text-decoration: none;
		font-weight: normal;
		border-bottom: 1px solid #999;
		color: #50666a;
		}
#leftajax a:hover {
		color: #333;
		background-color:#fdf7dd;
		}

#rightajax {
		float:left;
		width:358px;
		min-height: 450px;
		border: 1px dashed #999;
		margin-left: 10px;
		padding: 0;
		padding-bottom: 8px;
		margin-top: 3em;
		}
#rightajax img  {
		padding: 1em;
		}
#rightajax p  {
		color: #50666a;
		}
#rightajax p a:link, #rightajax p a:visited  {
		text-decoration: none;
		border-bottom: 0 none;
		}
#rightajax p a:hover  {
		border-bottom: 1px dashed;}

* html #rightajax { /*IE only style*/
		height: 450px;
		}
#rightajax img.logo  {
		padding: 0.3em;
		float: left;
		}
#rightajax h2  {
		margin-bottom: 0;
		padding-bottom: 0;
		}
#rightajax .custom  {
		margin-top: 0;
		font-style:italic;
		}
/* ====================================================================================== FONTS
*/
#fonts dt  {
		font: normal 1em/1.5em Verdana, "Trebuchet MS",arial, helvetica, sans-serif;
		background-color: #faf0ce;											
		padding: 0.1em 0.5em;
		width: 11.5em;
		color:#333;											
		}
#fonts dd  {
		padding-left: 1em;
		}
div.font  {
		
		}
							/* BEGIN Scrolling Window Styling */		
#photo_strip {
		width:400px; 
		}
#container {
		margin-left: 1em; 
		padding:0; 
		height:240px; 			/*  Hide these 2 lines to edit font box  **************************   */
		overflow:auto; 
		background:#fff;
		border: solid 1px #b8ceca;
		}
#container ul {
		margin:0; 
		padding:0; 
		list-style:none; 
		white-space:nowrap; 
		display:table-row;
		}
#container ul li {
		display:table-cell; 
		padding:0 1em; 
		background:#fff; 
		vertical-align: bottom;
		}
#container ul li img {
		margin: 0.5em 0.75em;
		}
#container ul li img.narrow {				/* Monogram styles */	
		margin: 0.5em 100px 1.5em;
		}
#container p {
		text-align: center;
		font-size: 0.85em;
		line-height: 1.2em; 
			}						/* END Scrolling Window Styling */	

/* ================================================================================== SHOPPING CART / STOCK DESIGNS
*/

form.cart select,
form.cart input {
	font: normal 0.85em Verdana,"Trebuchet MS",arial, helvetica, sans-serif;
	}
form.cart dl {
	margin: 0.5em 0;
	padding: 0;
	clear: left;
	}
#embroidery form.cart dl  {
	margin: 1.5em 0;
	}
form.cart dt  {
	float: left;
	display: inline;		/* IE hack: Double Float Margin Bun */
	}
div.item #item_rightcol form.cart dt  {
	font-weight: normal;
	width: 7.9em;
	}
#item_rightcol dt  {
	color: #555;	
	}
div.item #item_rightcol form.cart dd,
#embroidery form.cart ul  {	
	background-color: #faf0ce;											
	padding: 0.28em 0;
	}
#embroidery form.cart  dl{
	padding-left: 1em;
	font-weight: bold;
	color:#666;
	}
form.cart p  {
	line-height: 1.3em;
	}
#embroidery img  {				/* Stock Design images */	
	margin: 0 0.8em 0 0;
	}
#embroidery form.cart h3  {
	margin: 0.4em 0 0.3em auto;
	font: bold 1.1em Verdana, "Times New Roman", Times, serif;
	}
#embroidery form.cart ul  {
	font-size: 0.93em;
	}
#embroidery .tiny a:link,
#embroidery .tiny a:visited  {
	color: #83a5ac;
	text-decoration:underline;
	}
#embroidery .tiny a:hover  { 
	text-decoration: none;
	border-bottom: dashed 1px #83a5ac;
	}
form.cart input.submit  {
	margin: 1.3em 0 0 2em;
	float: left;
	display: inline;		/* IE hack: Double Float Margin Bun */
	}
form.cart input.view  {
	margin: 1.3em 2em 0 0;
	float: right;
	display: inline;		/* IE hack: Double Float Margin Bun */
	}
#embroidery img.stock  {
	margin: 0 8px 0 0;
	border: #999 solid 1px;
	padding: 1px;
	background-color:#eee;
	}
#embroidery h1  {
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	}
/* ================================================================================== TERMS AND CONDITIONS / ORDERING
*/
#ordering #contentcolumn h1  {
		margin-top: 0;
		}
#ordering h3 {
		color: #50666a;
		font: bold 1.2em Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
		margin-left: 1em;
		margin-top: 1.5em;
		}
#ordering h3.top  {
		margin-top: 1em;
		}
#ordering #contentcolumn h5  {
		margin-left: 1em;
		font: bold 0.95em Verdana, Arial, Helvetica, sans-serif;
		}
#ordering #contentcolumn ol li {
		list-style-type:decimal;
		font-size: .94em;
		line-height: 1.2em;
		}
#ordering #contentcolumn ul li {
		margin-top: 0.5em;
		list-style-type: square;
		}
#ordering #contentcolumn li {
		margin-top: 0.5em;
		}
#ordering #contentcolumn ul,
#ordering #contentcolumn ol  {
		line-height: 1.4em;
		padding-left: 1.5em;
		}
#ordering #contentcolumn ol li ul  {
		margin-top: 0;
		}
#ordering #contentcolumn ul ul li {
		list-style-type: none;
		background: url(../images/dot.gif) 0 0.25em no-repeat;
		padding-left: 1.2em;
		}
ul.termssmall  {
		font: normal 0.93em arial, helvetica, sans-serif;
		}
ul.prices,
ul.prices li  {
		font: normal 0.98em arial, helvetica, sans-serif;
		list-style-type: square;
		margin-right: .6em;
		padding: 0 auto;
		}

#ordering #contentcolumn p  {
		line-height: 1.3em;
		}
#ordering_requirements  {
		margin-left: 3em;
		}

#ordering hr  {
		border: #b8ceca dotted 1px;
		margin: 1.5em 2em 0 1em;
		}
/* ================================================================================== COST ESTIMATE  /  ORDER FORM
*/
#ordering h4  {
		margin: .5em 0 .6em 0; 
		padding: 0;
		font: bold 1.1em verdana, arial, helvetica, sans-serif;
		color: #45666c;
		}
#ordering li.sublist {
		font: normal 0.95em arial, helvetica, sans-serif;
		}
#ordering li ul  {
		margin-bottom: 0;
		}
#customOrder  {
		margin:0; padding:0;
  		position: relative;
  		width: 99%;
  		overflow: hidden;
		font-size: 0.95em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
#customOrder dt,
#customOrder dd  {
		margin: 0; padding: 0;
		white-space: nowrap;
		}
#customOrder legend  {
		font-weight: bold;
		color: #45666c;
		padding: 0 5px;
		margin-left: 0.5em;
		}
#customOrder fieldset,
#customOrder dl  {
    		border: none;
    		margin: 0; 
		padding: 0;					/* Add Padding here for IE6 to IEHacks.css */
    		clear: both;
		}
#customOrder fieldset  {
		margin: 10px 0;
		padding: 4px 0;
		border: 1px #c4c4c4 solid;
		}
#customOrder fieldset.first  {
		margin: 0 0 10px 0;
		padding: 0;
		}
#customOrder dl,
#customOrder .submit  {
		overflow: hidden;
		clear: both;
		}
#customOrder .inline,
#customOrder .inlineSet .inline  {
		width: auto;
      	float: none;
      	margin: 0 1em 0 0;
      	display: inline;
		}
#customOrder .inlineSet dt {
		background-color: #faf0ce;				/* Required */
		display: block;
		float: left;
		margin: 0 0.8em 0.4em 1em;
		padding: 0 0 0 4px;
		white-space: nowrap;
		width: 10.5em;
		}
#customOrder .inlineSet dd  {
		width: 30em;				/* Required */
		float: left;
		display: block;
		zoom: 1;
		}
#customOrder dd textarea  {
		width: 16em;
		}
#customOrder .inlineSet input  {
		width: 13em;
		}
#customOrder .inlineSet label,
#customOrder .inlineSet textarea {
		margin: .3em .2em 0 0;
		padding:0;
          line-height:100%;
          position:relative;
		} 
#customOrder .inlineSet input,
#customOrder .inlineSet textarea,
#customOrder .inlineSet select,
#customOrder .multifield select  {
		font: normal 1em arial, helvetica, sans-serif;
		}
#customOrder dd em,
#customOrder dt em  {				/* Formatting for 'Required Field' asterisk */
		color:#990000;
		font: normal 1.35em "Times New Roman", Times, serif;
		padding-left: 4px;
		position: relative;
		top: 0.15em;
		}

#customOrder textarea#concept,
#customOrder label#concept {
		width: 94%;
		height: 4em;
		margin: 0.2em 0 0.5em 1em;
		}
#customOrder span.tiny  {
		font-size: 0.90em;
		}
#customOrder div.designtype  {
		margin-top: -0.5em;
		margin-left: 2em;
		}
		
/*  Multi-Field / Checkbox / Radio Button Styling =================================================  */

#customOrder dl.multifield dt,
#customOrder dl.multifield dd  {
		margin: 0 .3em 0 1em;
		}
#customOrder dl.multifield {
		overflow: hidden;
      	clear: both;
		margin-bottom: 1em;
		}
#customOrder dl.multifield  dd{
		float: left;
		}
#customOrder dl.multifield dd input  {
		margin-right: 0.2em;
		}		
#customOrder dl input.short {
		width: 3em;
		}
#customOrder dl.multifield dd.other input{
		width: 8em;
		}		
/*  Scrollable Checklist Styling  ================================================================  */	
p.scroll-list  {
		margin: 0 0 0 1em; 
		padding: 0;
		}
#ordering #contentcolumn ul.scroll-list,
#ordering #contentcolumn ul.scroll-list li {
		margin: 0; 
		padding: 0;
		list-style-type: none;
		background-color: #fff;
		display: block;
		font: normal 1em arial, helvetica, sans-serif;
		}
#ordering #contentcolumn ul.scroll-list {
    		border: 1px solid #ccc;
    		list-style-type: none;
    		height: 6.5em;
    		overflow: auto;
    		width: 15em;
		margin-left: 1em;
		}
#ordering #contentcolumn ul.scroll-list input {
		margin-right: 8px;
		}
#ordering #contentcolumn ul.scroll-list label {
    		display: block;
    		padding: 2px 20px;
    		text-indent: -12px;
		}
#ordering #contentcolumn ul.scroll-list label:hover { 
		background:#BDDEE8; 
		}
/*  Embroidery #Catalog-Order Table Styling  ================================================================  */

#contentcolumn #customOrder #catalog-order {
		margin: 0 0 0 0.7em; 
		padding: 0 8px 5px;
		background-color: #f9f0d1;
		}
#customOrder #catalog-order td,
#customOrder #catalog-order th {
		text-align: center;
		}
#ordering #contentcolumn #customOrder #catalog-order td {
		padding: 0 0 3px 0;
		margin: 0;
		}
#customOrder #catalog-order input.medium {
		width: 10em;
		}
#customOrder #catalog-order input.short,
#customOrder dd input.short {
		width: 6.5em;
		}
#customOrder #catalog-order input.Xshort {
		width: 3em;
		margin-left: 0.25em;
		}
/*  ================================================================  */
#customOrder table#stockdesigns  {
		margin: 0 0 .5em 1em;
		}
#customOrder dd a:link,
#customOrder dt a:link, 
#customOrder dd a:visited,
#customOrder dt a:visited  {
		text-decoration:underline;
		color: #83a5ac;
		}
#customOrder dd.withsub {
		line-height:1.5;
		}
#customOrder dd.withsub span.tiny {
		margin-left: 1.5em;
		font-size: .98em;
		}