@charset "UTF-8";
/* CSS Document */

   
@import '/_css/reset.css';
@import '/_css/typography.css';



body { 
	background-image: url(/_design/bg_all.jpg); 
  	background-color: #666; 
}

.displayBlock { display: block; }


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


.width25 {
	width: 25px;
	}
	
.width50 {
	width: 50px;
	}

.width75 {
	width: 75px;
	}

.width85 {
	width: 85px;
	}
	
.width100 {
	width: 100px;
	}
	
.width150 {
	width: 150px;
	}
	
.width175 {
	width: 175px;
	}
	
.width200 {
	width: 200px;
	}
	
.width230 {
	width: 230px;
	}
	
.width235 {
	width: 235px;
	}
	
.width250 {
	width: 250px;
	}


.width300 {
	width: 300px;
	}
.width325 {
	width: 325px;
	}
.width350 {
	width: 350px;
	}
.width400 {
	width: 400px;
	}
.width450 {
	width: 450px;
	}
.width500 {
	width: 500px;
}
.width600 {
	width: 600px;
	}

.clear-both { clear: both; }


a.basiclink:link, a.basiclink:active, a.basiclink:visited	{ 
	color: #333333;
	text-decoration: none;
	}
a.basiclink:hover	{
	color: #006666;
	text-decoration: underline;
	}


.center { text-align: center; }
.left { text-align: left; }

/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
	}
#OfflinePostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
	}
	
	
	




/* 
---------------------------------------------------------------
------------------------- Structure ----------------------------
---------------------------------------------------------------
*/
#content {
	text-align: left;
	}
	
#leftContent { width: 636px; }

#rightContent { width: 234px; float: right; }
	
.leftContentPadding { padding: 30px 15px; /*stupid microsoft bad box model implementation*/ }
	
	



	
	


/* excellent css2 http://www.cs.hmc.edu/~mbrubeck/clear-after/ 
#adminMiddle:after { content: ""; display: block; height: 0; clear: both; }*/	
	
		
	
	

	
	
	
	
/* 
---------------------------------------------------------------
------------------------- TOP AREA ----------------------------
---------------------------------------------------------------
*/
#topRow {
	background-color: #ccc;
	width: 100%;
	height: 165px;
	background-image: url(/_common/background_sliver_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
	#masthead {
		width: 920px;
		margin:  0 auto;
		background-image: url(/_common/design5_home_shadows_top_05.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;	
		}	
		
	#searchForm {
		width: 900px;
		margin: 0 auto;
		height: 36px;
		text-align: right;
		}

		.topSearch { }	
		
		.searchbox { vertical-align: middle; margin: 6px 4px 0 0; }
		
		.searchbutton { vertical-align: middle; margin: 6px 18px 0 0; }


	
	#bottomMasthead {
		width: 900px;
		height: 102px;
		margin: 0 auto;
		}
	
		#bottomMastHead img { }	
		
		
		.top_nav {
				margin: 0 auto;
				width: 900px;
				height: 27px;
				background-color: #008266;
				background-image: url(/_design/bg_nav.jpg);
				background-repeat: repeat-x;
				background-position: left top;
				}
	
				
				
		.top_nav .divCart { font-size: 11px; line-height: 11px; color: #000; padding: 0 12px 4px 0; }
		
		.top_nav .divCart a:link, .divCart a:visited { font-size: 11px; line-height: 11px; color:#FFF; text-decoration: none; }
		.top_nav .divCart a:hover, .divCart a:active { font-size: 11px; line-height: 11px; color:#000; text-decoration: none; }



	
	
	
	
/* 
---------------------------------------------------------------
------------------------- MIDDLE AREA ----------------------------
---------------------------------------------------------------
*/	
#middleRow {
	background-color: #025543;
	width: 100%;
	background-image: url(/_common/background_sliver_02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
	#middleDiv {
		width: 920px;
		margin: 0 auto;
		background-image: url(/_common/background-middle-sliver2.png);
		background-repeat: repeat-y;
		background-position: center;
		}		
		
	#middleDivCentered {
		width: 900px;
		margin: 0 auto;
		background-color: #ffffff;
		background-image: url(/index/bg_index.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		}	
	
	
	.homePageMiddle {
		background-image: url(/index/bg_index2.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}
		

	
	
	
	
	
	
	
	
/* 
---------------------------------------------------------------
------------------------- BOTTOM AREA ----------------------------
---------------------------------------------------------------
*/
	
#bottomRow {
	background-color: #666;
	width: 100%;
	height: 121px; 
	background-image: url(/_common/background_sliver_03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
	#footerOutside {
		width: 920px;
		height: 121px;
		margin: 0 auto;
		background-image: url(/_common/design5_home_shadows-bot_11.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		}
	
	#footerInside {
		width: 900px;
		margin: 0 auto;
		}	
	
	.footerLinksDiv {
		text-align: center;
		vertical-align: middle;
		height: 30px;
		margin: 0;
		background-color: #008266;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		color: #FFFFFF;
		padding: 14px 0 0 0;
		}
		
	.copyrightDiv {
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
		font-size: 11px;
		padding: 10px 0 0 0;
		}
	
/* 
---------------------------------------------------------------
------------------------- Store Styles ----------------------------
---------------------------------------------------------------
*/
	
#storeContent { width: 900px; }

#storeContentPadding { padding: 18px; }


.custView { }
.custView td { background-color:#F4F4F4; padding: .125em; }
.custView td.CPgenHeadings { background-color:#ccc; font-size: 11px; }


.subOrder { }
.subOrder td { background-color:#F4F4F4; padding: .125em; }
.subOrder td.CPgenHeadings { background-color:#ccc; font-size: 11px; }

/* Product long description */
.storeProductDescriptionLong { }
.storeProductDetail { }

/* Product SKU */
.storeProductSKU { color:#999; font-size: 10px; line-height: 10px; }

/* Product Price  */
.storeProductPriceType { COLOR: #008265; font-size: 14px; font-weight:bold; }
.storeProductPrice { COLOR: #008265; font-size: 14px; font-weight:bold; }

/* Product List Price  */
.storeProductListPriceText { color: #999; text-transform: uppercase; font-size: 10px; line-height: 10px; }
.storeProductListPrice { color: #999; text-transform: uppercase; font-size: 10px; line-height: 10px; text-decoration: line-through; }

/* Product Sale Price */
.storeProductSalePriceText { }
.storeProductSalePrice { COLOR: red; }

/* Product Handling Free */
.storeProductHandlingFeeText { }
.storeProductHandlingFee { }

/* Free Shipping */
.storeProductFreeShippingMessage {COLOR: #888888; }

/* In Stock text */
.storeProductInStock {COLOR: #888888; }

/* Out of Stock text */
.storeProductOutStock {COLOR: red; }

/* Option Description for "Mandatory" options*/
.storeProductOptionMandatory { FONT-STYLE: italic; color: Red; margin: 6px 0 0 0; }

/* Option Description for "Optional" options */
.storeProductOption { FONT-STYLE: italic; margin: 6px 0 0 0; }

/* Radio Button options */
.storeProductRadioButtons { FONT-SIZE: 8pt; margin: 6px 0 0 0; }



.storeProductQtyDiscounts { background-color: #fff; }
	.storeProductQtyDiscounts td { background-color: #f4f4f4; }

/* Option Description for "Mandatory" options*/
.storeProductMandatory {FONT-STYLE: italic; color: Red}



.childTable { margin: 3px 0 18px 0; }
.childTable thead { background-color: #008265; color: #fff; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.childTable tbody { background-color: #e6e6e6; vertical-align: middle; }

.childTable td { vertical-align: middle; }

/* 
---------------------------------------------------------------
-------------------- INDEX / HOME PAGE ------------------------
---------------------------------------------------------------
*/


/* featured products */		
.indexItemTable	{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 24px 0 0 30px;
	}
	
.indexItemTable td	{
	background: #fff;
	background-image: url(/_design/productbox_bg.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #003333;
	padding: 0 0 5px 0;
	}

.indexItemTable td.spacer {
	width: 27px;
	background-image: none;
	background: none;
	border-bottom: none;
	}
	
.indexItemTable h6 {
	color: #fff;
	text-transform: uppercase;
	padding: 8px 0;
	margin: 0;
	background-image: url(/_design/productbox_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.indexItemTable img a {
	margin: 0 auto;
	display: block;
}
	
.indexItemTable a.featuredtype:link, .indexItemTable a.featuredtype:active, .indexItemTable a.featuredtype:visited	{
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	display: block;
	}
	
.indexItemTable a.featuredtype:hover {
	text-decoration: none;
	}	






/* 
---------------------------------------------------------------
------------------------- ABOUT US ----------------------------
---------------------------------------------------------------
*/





/*
---------------------------------------------------------------
-------------------- CUSTOMER CENTER --------------------------
---------------------------------------------------------------
*/


.formHeader {
	font-size: 12px;
	font-weight: bold;
	color: #008265;
	}
	
.faqQuestion {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	}

.question	{
	padding-right: 5px;
	}
	




/* 
---------------------------------------------------------------
------------------------- PRODUCTS ----------------------------
---------------------------------------------------------------
*/

#productsHome { margin: 18px 0; width: 635px; border-top: solid 1px white; }


#productsHome h3 { font-size: 16px; letter-spacing: .01em; }
/* h4 used on home page "featured" products */
#productsHome h2 { font-size: 20px; letter-spacing: .01em; margin: 18px 0 3px 0; }
#productsHome h4 { margin: 0 0 3px 0; padding: 0; }
#productsHome h4 a { color: #008265; text-decoration: none; }

#productsHome .productBoxFloat { float: left; margin: 0 40px 24px 0; }


.productBoxFloat {
	float: left;
	margin: 0 18px 24px 0;
	}
	
.productInfoBox	{
	border-top: 1px solid #969797;
	border-right: 1px solid #969797;
	border-left: 1px solid #969797;

	text-align: center;
	margin: 0;
	width: 142px;
	height: 140px;
	}
	
.productInfoBox img { padding: 9px 0 0 0; }

.productInfoName	{
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: .01em;
	padding: 6px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	}

.productInfoName a:link, .productInfoName a:visited { color: #008266; text-decoration: none; }
	
.productPriceLine	{
	border-bottom: 1px solid #969797;
	border-right: 1px solid #969797;
	border-left: 1px solid #969797;
	width: 136px;
	font-size: 10px;
	padding: 3px;
	background-color: #e3e1e1;
	text-align: center;
	font-weight: normal;
	margin: 0 0 3px 0;
	height: 11px;
	}

	
#leftProductMenu {
	margin: 0px;
	width: 166px;
	float: left;
	}
	
#leftProductMenu2 {
	margin: 0 0 0 183px;
	width: 178px;
	}



#rightProductContent {
	padding: 0;
	margin: 0;
	background-image: url(/_design/bg_products.jpg);
	width: 900px;
	height: inherit;
	}
	
	/*
	#rightProductContent h2 { color: #008265;font-size: 20px; letter-spacing: .01em; margin: 18px 0 3px 0; }
	#rightProductContent h4 { color: #008265; font-size: 18px; letter-spacing: .01em; margin: 0 0 3px 0; padding: 0; }
	#rightProductContent h4 a { color: #008265; text-decoration: none; }	
	*/

#rightProductSecondNav {
	padding: 40px 0 0 12px;
}
	
#rightProdContentText {
	width: 491px;
	padding: 0 15px 0 0;
	float: right;
}

.rightProductContentPadding {
	padding: 30px 0 30px 0;
	}



.detailsProductName	{
	width: 473px;	
	padding: 0;
	margin: 24px 0 9px 0;
	height: 6px;
	background-image: url(/_design/bg_detailsProductName.jpg);
	}
	
	
#leftContentProducts { width: 870px; }

	.leftContentProductsPadding { padding: 30px 30px 30px 50px; }
	

	.prodDiv { margin: 9px auto; border:solid 1px #e6e6e6; padding: 9px; }
	
	.prodDiv h6 { color: #008265; font-size: 14px; margin: 0 0 3px 0; margin: 0; }
		

	.prodDiv h6 a:link, .prodDiv h6 a:visited { color: #008265; text-decoration: none; }
	.prodDiv h6 a:hover,.prodDiv h6 a:active { text-decoration: none; background-color: #FFF; }

	.prodDiv a:link, .prodDiv a:visited { color: #222; text-decoration: none; }
	.prodDiv a:hover, .prodDiv a:active {
	background-color:#D2E6E5;
	text-decoration: underline;
}


/*
---------------------------------------------------------------
----------------------- PRESS CENTER --------------------------
---------------------------------------------------------------
*/

.row-bkgd1 {
	background-color: #FFFFFF;
	padding:8px 4px;
	}	
.row-bkgd2	{
	background-color: #f7f7f7;
	padding:8px 4px;
	}
	
.pressCenterTbl	{
	border-bottom: 1px solid #DFE2E9;
	}

.pressCenterTbl a	{
	text-decoration: none;
	color: #008165;
	font-weight: bold;
	}
	
.pressCenterTbl a:hover	{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
.pressCenterDate {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	}
	
	
	
#faqSearch 	{
	border: 1px solid #cccccc;
	background-color: #e6e6e6;
	padding: 2px;
	text-align: right;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 10px;
	}
	
#faqSearch a 	{
	color: #008165;
	}


	
/*
---------------------------------------------------------------
----------------------- FORMS ---------------------------------
---------------------------------------------------------------
*/

/* form pages */
#myForm {
	margin: 0;
	padding: 0;
	width:99%;
	}

#myForm td{
	padding: .25em;
	vertical-align: top;
	}

#myForm label {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	display: block;
	}

label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

#myForm .line {
	background-color: #008266;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

#myForm .grayline {
	background-color: #ccc;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

/* text fields */
#myForm input.text {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .125em 0;
	border:1px solid #666;
	}	
#myForm input.text:focus {
	border:1px solid #666;
	background: #FFFFCC;
	}

/* list menu fields */	
#myForm select.editSelect {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .125em 0;
	border:1px solid #666;
	}

#myForm select.editSelect:focus { 
	border:1px solid #666; 
	background:#FFFFCC;
	}
	
/* Textareas */
#myForm textarea            { margin:0.25em 0; }
#myForm textarea            { border:1px solid #666; background:#e6e6e6; padding:2px; }
#myForm textarea:focus      { border:1px solid #666; background:#ffffcc; }
	
	

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	
	}	


/* form pages */
.myForm2 {
	margin: 0;
	padding: 0;
	width:99%;
	}

.myForm2 label {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	display: block;
	}

.myForm2 label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

.myForm2 .line {
	background-color: #008266;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

.myForm2 .grayline {
	background-color: #ccc;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

/* text fields */
.myForm2 input.text {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .125em 0;
	border:1px solid #666;
	}	
.myForm2 input.text:focus {
	border:1px solid #666;
	background: #FFFFCC;
	}

/* list menu fields */	
.myForm2 select.editSelect {
	background-color: #e6e6e6;
	font-size: 95%;
	padding: .125em;
	margin: .125em 0;
	border:1px solid #666;
	}

.myForm2 select.editSelect:focus { 
	border:1px solid #666; 
	background:#FFFFCC;
	}
	
/* Textareas */
.myForm2 textarea            { margin:0.25em 0; }
.myForm2 textarea            { border:1px solid #666; background:#e6e6e6; padding:2px; }
.myForm2 textarea:focus      { border:1px solid #666; background:#ffffcc; }
	
	
	
/* 
---------------------------------------------------------------
------------------- NAVIGATION ELEMENTS -----------------------
---------------------------------------------------------------
*/


/* used on home page, and top-level secondary pages */
#navCategories	{
	background-image: url(/_design/rightnav_bg.jpg);
	width: 234px;
	float: right;
	}
#button {
	padding: 0 0 0 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	}
	
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		margin: 0px;
		padding: 0px;
		}
		
#button li {
		margin: 0;
		padding: 0;
		height: inherit;
		}

#button li a {
		display: block;
		padding: 5px 0px 5px 6px;
		background-image: url(/_design/navCategories_OFF.jpg);
		background-repeat:repeat-y;
		background-position: right top;
		border-left: solid 1px #666;

		color: #CCCCCC;
		text-decoration: none;
		width: 190px;
		height: inherit;
		}

html>body #button li a {
		width: 190px;
		}

#button li a:hover {
		width: 190px;
		height: inherit;
		padding: 4px 0px 4px 7px;
		background-image: url(/_design/navCategories_ON_new.jpg);
		background-repeat:repeat-y;
		background-position: left top;
		border-bottom: solid 1px #666;
		border-top: solid 1px #666;
		border-right: solid 1px #666;
		border-left: none;
		color: #fff;
		}
	
	


/* used on secondary pages, like customer center */	
#sublinks {
	padding: 5px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
#sublinks a	{
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #66b4a3;
	text-decoration: none;
	}
	
#sublinks a:hover	{
	background-image: url(/_design/button_overlay.jpg);
	}	



/* used under products, primary "left" nav */
ul.mainCategory	{
	padding: 32px 0 20px 17px;
	margin: 0px;
	width: 166px;
	list-style: none;
	font-family: Arial Narrow;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	}
	
ul.mainCategory li	{
	font-family: Arial Narrow;
	width: 166px;
	padding: 0 0 0 6px;
	margin: 0px;
	height: inherit;
	font-weight: bold;
	}

ul.mainCategory li.prodListHead	{
	font-family: Arial Narrow;
	width: 166px;
	padding: 0 ;
	margin: 0px;
	height: inherit;
	font-weight: bold;
	}

ul.mainCategory li a {
	font-family: Arial Narrow;
	color: #FFFFFF;
	display: block;
	width: 160px;
	height: inherit;
	padding: 2px 0;
	text-decoration: none;
	background-image: url(/_design/mainCategory_OFF_new.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border-bottom: solid 1px #8d8d8d;
	}

ul.mainCategory li a:hover {
	font-family: Arial Narrow;
	color: #FFFFFF;
	width: 154px;
	height: inherit;
	padding: 2px 0 2px 6px;
	text-decoration: none;
	background-image: url(/_design/mainCategory_ON_new.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: solid 1px #8d8d8d;
	border-left: solid 1px #8d8d8d;
	}
	
ul.mainCategory li#PIDonpage a {
	font-family: Arial Narrow;
	color: #FFFFFF;
	width: 154px;
	height: inherit;
	padding: 2px 0 2px 6px;
	text-decoration: none;
	background-image: url(/_design/mainCategory_ON_new.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: solid 1px #8d8d8d;
	border-left: solid 1px #8d8d8d;
	}
	
ul.mainCategory li.first a:hover {
	font-family: Arial Narrow;
	color: #FFFFFF;
	width: 154px;
	height: inherit;
	padding: 2px 0 2px 6px;
	text-decoration: none;
	background-image: url(/_design/mainCategory_ON_new.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-top: solid 1px #8d8d8d;
	border-bottom: solid 1px #8d8d8d;
	border-left: solid 1px #8d8d8d;
	}
	
		
	

/* used under products, secondary "middle" nav */

	
ul.subCategory	{
	list-style: none;
	margin: 0;
	padding: 0 0 18px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	}
	
ul.subCategory li.subCategoryHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	}
		
ul.subCategory a	{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 2px;
	}
	
ul.subCategory li#SIDonpage a {
	color: #90C8BB;
	text-decoration: none;
	padding: 0 0 0 2px;
	}
	
ul.subCategory a:hover	{
	color: #FFFFFF;
	text-decoration: underline;
	}

		
		
		
		
			
/* 
---------------------------------------------------------------
--------------------------- FOOTER ----------------------------
---------------------------------------------------------------
*/
	
.footerLinksDiv a:link	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
.footerLinksDiv a:active	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
.footerLinksDiv a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
.footerLinksDiv a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	}
		
	
	
/* 
---------------------------------------------------------------
--------------------------- BUTTONS ---------------------------
---------------------------------------------------------------
*/	


/* my button style built from ul */
ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.myButton li {
 	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em;
}
.logonButton {
	width: 80px;
	}
.createButton {
	width: 100px;
	}
.deleteButton {
	width: 100px;
	}
.submitButton {
	width: 100px;
	}
.uploadButton {
	width: 100px;
	}
.newCustButton {
	width: 110px;
	}
.uploadPreviewButton {
	width: 120px;
	}
/*
typical IE7 requires a hack, it's always IE, stupid MicroSoft 
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/
*:first-child+html .logonButton {
	width: 90px;
	}
*:first-child+html .createButton {
	width: 110px;
	}
*:first-child+html .deleteButton {
	width: 110px;
	}
*:first-child+html .submitButton {
	width: 110px;
	}
*:first-child+html .uploadButton {
	width: 110px;
	}
*:first-child+html .newCustButton {
	width: 120px;
	}
*:first-child+html .uploadPreviewButton {
	width: 130px;
	}


ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
	border: solid 1px #ccc;
	padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
	color: #369;
	background-color: #FFC;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #FFFFFF;
	background-color: #A4D2C8;
}


ul.myButton li.MoveLeft {
 	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0;
}


	






/* for jld web admin forms */
#pgnav {
	margin: 0;
	padding: 0;
	width: 99%;
}

#pgnav td {
	white-space: nowrap;
	}

#pgnav a:link, #pgnav a:visited {
	white-space: nowrap;
	letter-spacing: 1px;
	}	
		
#pgnav .pgSelect {
	padding: 0 6px 0 0;
	}
	
#pgnav .pgNumber {
	padding: 0 0 0 24px;
	}

#pgnav .pgSearch {
	padding: 0 4px 0 0 ;
	text-align: right;
	}
	
.pgSearch input.text {
	background-color: #E6E6E6;
	font-size: 95%;
	padding: 1px;
	margin:0;
	border:1px solid #CCCCCC;
	}
.pgSearch input.text:focus { 
	border:1px solid #ccc; 
	background:#ADC8EB;
	}
	
.pgSearch input.button {
	background-color: #E6E6E6;
	font-size: 80%;
	text-transform: uppercase;
	padding:1px;
	margin: 0 0 1px 0;
	border:1px solid #CCCCCC;
	}
.pgSearch input.button:focus { 
	border:1px solid #ccc; 
	background:#ADC8EB;
	}


#pgnav select {
	font-size: 95%;
	width: inherit;
	padding: 1px;
	margin: 0;
	background-color: #E6E6E6;
	border:1px solid #CCCCCC;
}
#pgnav select:focus {
			border:1px solid #ccc; 
			background:#ADC8EB; 
			}

	
/* 
---------------------------------------------------------------
------------------------- MISCELLANEOUS -----------------------
---------------------------------------------------------------
*/
/* FooterFonts
-------------------------------------------------------------- */

.padding5	{
	padding: 5px;
	}


a.calltoaction:link, a.calltoaction:active, a.calltoaction:visited	{
	font-family: Arial Narrow;
	color: #008265;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 12px;
	}
	
a.calltoaction:hover {
	text-decoration: underline;
	}
	

	
#regularContent p {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
.small {
	font-size: 11px;
	line-height: 15px;
	}
	
	
.linetop { 
	font-size: 11px;
	line-height: 15px;
	border-top: solid 2px #ccc; 
	padding: 2px 4px 2px 0;
	}
	
/* list table for cart
------------------------------------------------------------------ */


#listTable {
	margin: 0;
	padding: 0;
	width:99%;
	}

/* admin list tables */
#listTable td.tdhead {
	color:#000000;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#CCCCCC;
	padding: .5em .5em .25em .5em;
	white-space: nowrap;
	}

#listTable tr.even td.tdbody{
		background: #DEEEEB;
		padding: .25em .5em;
		vertical-align: middle;
	}
	
#listTable tr.odd td.tdbody{
		background: #FBFDFC;
		padding: .25em .5em;
		vertical-align: middle;
	}
	
#listTable td a {display: block;}
#listTable td a:link, #listTable td a:visited, #listTable td a:hover, #listTable td a:active {text-decoration: none;}	
	
#listTable tr.ruled td.tdbody{
	background: #ADCDC7;
	padding: .25em .5em;
	}

#listTable td.line {
	background-color:#008265;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}

#listTable td.subTotals { background-color:#ccc; padding: .25em .5em; }

#sortDesc {
	background-image: url(/_admin/Admin/common/sort_desc.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
	}

#sortAsc {
	background-image: url(/_admin/Admin/common/sort_asc.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	

.colorTag {
	color: #369;
	}



/* demoted or unused */
.regularStuff	{
	text-align: left;
	background-image: url(/_design/bg_regular.jpg);
	}
	
#regularContent	{
	text-align: left;
	width: 636px;
	padding: 15px;
	background-image: url(/_design/bg_regular.jpg);
	}