/* @override http://www.naturalempathy.com/development/styles/styles.css */

/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #fff;
	}
h1{
	font-size: 22px;
	margin: 0;
}
h3{
	font-size: 12px;
	margin: 0;
}
/* ========================================================================== */
/* THESE ARE NACHOS TAGS */
hr{
	width: 100%;
	height: 21px;
	border: 0px;
	background: #fff url(../images/hr.gif) repeat-x top left;
}

.ne_link{
		color: #ABA04E;
		text-decoration: none;
		font-weight:bold;
		font-size: 11px;
}
.ne_link2{
		color: #ABA04E;
		text-decoration: none;
		font-weight:bold;
		font-size: 14px;
}
.article_img{
		border: 1px solid #ABA04E;
		padding: 1px;
		margin: 0 10px 0 0;
	}
.article_title{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
/* ========================================================================== */

.label_lge,.label_med{ 
						font-size: 24px;
						height: 26px;
			 			text-transform: uppercase; 
			 			color: #000;
			 			padding: 0;
			 			margin: 0;
			 			clear: both;
			}
#label_trail{ 
						font-size: 24px;
						height: 24px;
			 			text-transform: uppercase; 
			 			color: #000;
			 			padding: 0;
			 			margin: 0;
			}
.label_med{ height: 18px; font-size: 18px; padding: 0; margin: 0;}

#head{
	height: 183px;
	background: #fff url(../images/head_tile.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	
	border-right: 0;
	border-left: 0
}
	#head #logo{
			width: 196px;
			height: 99px;
			margin: 0px auto 0 auto;
			padding-top: 20px;
			background-position: bottom left;
			background-image: url(../images/NE_logo.gif);
			background-repeat: no-repeat;
	}
#container{
	position: relative;
	width: 910px;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
}
/* ----------------------- standard ----------------------------- */
.content{ margin: 20px 0 0 0; 
			width: 440px; 
			text-aling: justify;
	text-align: justify;
}
#container #login{
	position: absolute;
	top: -24px;
	left: 28px;
	width: 880px;
	height: 18px;
	font-size: 11px;
}
	#main_newsstory a, #container #login a{
		color: #ABA04E;
		text-decoration: none;
		font-weight:bold;
		font-size: 11px;
	}
	#container #login #quickbasket{
	position: absolute;
	top:0;
	left: 670px;
	}
#container #contentLH{
	float: left;
	width: 210px;
	margin: 0;
	padding: 30px 20px 0 0;
	overflow: hidden;
}	
#container #contentMain{
		float: left;
		width: 440px;
		margin: 0;
		padding: 30px 0 0 0;
		}
		#contentMain #crumbs, #contentMain #crumbs a{ 
		height: 16px;	
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		color: #ABA04E;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		}
		#content{
			margin: 0 0 0 20px;
			
		}
#container #contentRH{
		float: right;
		width: 210px;
		margin: 0;
		padding: 30px 0 0 0;
}
	#container #contentRH #chead{
		color: #ABA04E;
		font-weight: bold;
		font-size: 11px;
		background-image:none;
	}
/* ---------------------------------------------------------------- */
#product {
	text-align: justify;
}
	#product .product_title{ font-size: 24px; }
	#product #product_head, #contentAlt #product_head{
			color: #ABA04E;
			font-weight: bold;
			font-size: 11px;
			}
	#product #mainImages{
		padding-top: 20px;
		text-align: left;
	}
	#product .pmi1{
		padding-bottom: 10px;
	}
	
	#product_scroll #canvas{
		position: absolute;
		height: 220px;
		width: 600px;
	}
	
#contentAlt #address{
	padding-bottom: 10px;
	padding-top: 30px;
	clear: both;
}
	#contentAlt .addresslft,#contentAlt .addresslft1, .addresslft2, #address .addresslft2a{
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-right: 60px;
	color: #b2b2b2;
	}
	#contentAlt .addresslft1{ padding-right: 0; }
	
	#address .addresslft2a{ 
		padding-right: 60px;
		color:#b2b2b2; 
		line-height: 200%;
			}
	#address .addresslft2{ 
		padding-right: 0;
		color:#b2b2b2; 
		line-height: 200%;
			}
	#card{
		padding-top: 20px;
	}
	#paid{
		padding-top: 20px;
	}
#product_select{
	}
	#stext{
	margin-left: 220px;
	text-align: justify;
	}
	#stext #buyit{
		width: 200px;
		height: 30px;
	}
		#buyit #fltlft{ padding-top: 5px; float:left;}
		#buyit #fltlft2{ padding-top: 2px; float: right;}
		
	#product_select .h1, #product_select .h3{
		text-transform: uppercase;
		font-size: 24px;
	}
	#product_select .h3{
		font-size: 14px;
		font-weight: bold;
		color: #333333;
	}
	#product_select .h4{
		text-transform: uppercase;
		font-size: 18px;
	}
	#producttitle{
		height: 24px;
	}
	
.featured, .featuredX{
	float: left;
	width:144px;
	padding: 0 1px 0 1px;
	height: 120px;
}
.featured{ margin-left: 0px; 
			margin-right: 6px;
			margin-bottom: 10px;
			height: 160px;
			width: 168px;
		}
.featuredX{ 
		position: relative;
		width: 200px;
		}
		.featuredX .head, .featured .head{
		width: 128px;
		padding: 0;
		margin-left: 66px;
		}
		
		.featuredX .text{
		width: 128px;
		padding: 0;
		margin-left: 66px;
		}
	.text, .text2{
		height: 36px;
		width: 128px;
		margin-bottom: 4px;
		padding: 0;
		margin-left: 66px;
	}
	.featured .head,.featured .text{
		width: 100px;
		}
	.featured .text{ height: 28px; overflow: hidden;}	
	.text2{
		width: 130px;
	}
	.buynow{
		position: absolute;
		left: 0;
		bottom: 0;
		text-align:left;
		margin-left: 70px;
		width: 80px;
		
	}
	.buynow2{
		float: right;
		padding-top: 20px;
		text-align:left;
		width: 102px;
	}
	.moreinfo{
		margin-top: 4px;
	}
	.price{
		position: relative;
		width: 58px;
		height: 34px;
		margin-bottom: 4px;
		
		}
	.money{
								padding: 0;
								margin: 0;
								position: absolute;
								top: 0px;
								left: 0px;	
								width: 40px;
								height: 32px;
		font-size: 22px;
								color: #ABA04E;
	}
	.money2{ 
								position: absolute;
								top: 10px;
								left: 40px;
								padding: 0;
								margin: 0;
								height: 16px; 
								width: 40px;
								font-size: 10px;
								color: #ABA04E; }
/* ------------------------------------------------------------------ */	
	.otheritems{
							overflow: hidden;
							float: left;
							width: 134px;
							margin-right: 12px;
							margin-bottom: 4px;
							/*text-aling: justify;*/	
		}
		.otheritems .oi_head{ 
							color: #ABA04E; 
							font-weight: bold; 
							}
		.otheritems .oi_strap{ 
							color: #333333;
							margin-bottom: 2px;
							height: 44px;
							text-align: left;
							}
		.otheritems .oi_img{ 
							float: left; 
							margin-right: 2px;
							}
		
		.otheritems .oi_container{	margin-left: 66px; }
		.otheritems .oi_container .cnt{
							position: relative;
							width: 58px;
							height: 54px;
							}
				.cnt .oi_price{	
							padding: 0;
								margin: 0;
								position: absolute;
								top: 16px;
								left: 0px;	
								width: 40px;
								height: 32px;
								font-size: 22px;
								color: #ABA04E;
								}
				.cnt .oi_price2{
								position: absolute;
								top: 26px;
								left: 40px;
								padding: 0;
								margin: 0;
								height: 16px; 
								width: 40px;
								font-size: 10px;
								color: #ABA04E;
								}
		.otheritems .oi_container .oi_info{}
		.otheritems .oi_container .oi_buy{ padding: 2px 0 4px 0;}
/* ------------------------------------------------------------------ */	
	.featureditems{
							overflow: hidden;
							float: left;
							width: 190px;
							margin-right: 12px;
							margin-bottom: 4px;
							text-aling: justify;
		}
		.featureditems .fi_head{ 
							height: 16px; 
							color: #ABA04E; 
							font-weight: bold; 
							overflow: hidden;
							}
		.featureditems .fi_strap{ 
							 
							margin-bottom: 2px;
							width: 160px;
							}
		.featureditems .fi_img{ 
							float: left; 
							margin-right: 2px;
							}
		
		.featureditems .fi_container{	margin-left: 66px;	}
		.featureditems .fi_container .cnt{
							position: relative;
							width: 110px;
							height: 54px;
							}
		
						.cnt .fi_price{ 
								padding: 0;
								margin: 0;
								position: absolute;
								top: 16px;
								left: 0px;	
								width: 40px;
								height: 32px; 
								font-size: 22px;
								color: #ABA04E;
								}
								
						.cnt .fi_price2{
								position: absolute;
								top: 26px;
								left: 40px;
								padding: 0;
								margin: 0;
								height: 16px; 
								width: 40px;
								font-size: 10px;
								color: #ABA04E;
								}						
								
								
		.featureditems .fi_container .fi_info{}
		.featureditems .fi_container .fi_buy{ padding: 2px 0 4px 0;}	
/* ------------------------------------------------------------------ */			
		
	.img{
		padding-top: 20px;
		float: left;
		
	}
	.img_alt{float: left;}
	.img2{
		margin-top: 30px;
	}
	.img3{
		float: left;
		margin: 4px 10px 10px 0;
		}
	.img3a{
		padding: 1px;
		border: 1px solid #ABA04E;
		}
	.img_caption{
		padding: 6px 6px 2px 6px;
		color: #ABA04E;
		font-size: 10px;
		font-weight: bold;
	}
/* ---------------------------------------------------------------- */
.faq{
}
	.Qfltlft{ 
		clear: both;
		float: left; 
		margin: 4px 0 0 0; 
		padding: 0;
	}
	
	.question{
		color: 0;
		font-weight: bold;
		font-size: 11px;
		padding: 2px 0 0 0;
	}
	.answer{
		font-size: 11px;
		padding: 2px 0 0 0;
	}
/* ---------------------------------------------------------------- */

	#basket{
		margin-top: 30px;
	}
	#tblBasket{
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		text-align: center;
	}
	#tblBasket th{ padding-bottom: 10px; }
	#tblBasket #remove{
		text-align: center;
	}
	#tblBasket #item{
		width: 280px;
		text-align: left;
	}
	#tblBasket .cost{
		font-weight: bold;
		font-size: 11px;
	}
	
	#basket .img{
		float: left;
		margin: 0;
		padding: 0;
		margin-right: 20px;
	}
	
/* ----------------------------------------------------------------- */
.news{
	width: 204px;
}
	#main_news{
		height: 40px;
	}
	#main_news #news_head{
		padding-left: 44px;
		color: #ABA04E;
			font-weight: bold;
			font-size: 11px;
			
	}
	#news_container p{
		margin: 0;
		padding: 4px 0 0 0;
	}
	.news_spacer{
		padding-top: 6px;
	}
	.newsdatebox{
		float: left;
		width: 40px;
		height: 38px;
		background: #fff url(../images/newsdate.jpg) no-repeat top left;
		color: #ABA04E;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		padding-top: 2px;
	}
	.newsdatebox .date{
		margin: 0;
		padding: 0;
		font-size: 22px;
	}
	.newsdate, .newsdate2{
		float: left;
		width: 236px;
		height: 46px;
		padding-left: 8px;
		font-weight:bold;
		color: #ABA04E;
		text-transform: uppercase;
		margin: 0;
		overflow: hidden;
	}
	.newsdate2{ width: 154px;}
	.news .innernews{
		padding: 0 0 0 0; 
		clear: both;
	}
	.news .more,.more a, .head, .head a, .head2{
		padding-top: 8px;
		color: #ABA04E;
		font-weight:bold;
		text-decoration: none;
		
	}
	.head2, #body2 { font-size: 11px;}
	
	
/* ---------------------------------------------------------------- */
	#newspage{
	}
	#news_head_img{
		text-align: left;
		padding: 0;
		margin: 10px 0 6px 0;
	}
	.newsfeature{
		width: 100%;
	}
	.newsfeature .imgMain{
		float: left;
		width: 150px;
		height: 92px;
		margin-right: 4px;
	}
	.newsfeature .img{
		float: left;
		border: 1px solid #ABA04E;
		padding: 1px;
	}
	
	.newsA{
		font-weight: bold;
		color: #ABA04E;
		text-decoration: none;
	}
	.news_img{
		border: 1px solid #ABA04E;
		padding: 1px;
	}
	
/* ------------------------ alternative --------------------------- */

#container #contentAlt{
		float: left;
		width: 660px;
		/*height: 600px;*/
		margin: 0;
		padding: 30px 0 0 0;
		}
/* -------------------------------------------------------------- */
ul#mainNav{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
	}
	ul#mainNav li{
		height: 20px;
		color: #000;
		width: 180px;
		padding-bottom: 8px;
		display: inline;
		}
	ul#mainNav a{ 
					text-decoration: none;
					text-transform: uppercase;
					font-weight:bold;
					font-size: 11px;
					padding: 0 0 8px 30px;
					color: #666666;
					display: block;
					width: 180px;
					}
	ul#mainNav a:hover{
					color: #ABA04E;
	}
	
	ul#mainNav a#selectedmenuitem{
					color: #ABA04E;
					background-image:  url(../images/menuicon.jpg);
					background-repeat: no-repeat;
					background-position: 0px left;
	}
	

#subMenus{ 
			margin: 0;
			padding: 0;
			}	
ul#subitems, ul#subitemsA{
	margin-top: 0px;
	padding: 0;
	padding-left: 30px;
	list-style: none;
	margin-left: 0;
}
	ul#subitems li, ul#subitemsA li{
		height: 20px;
		color: #000;
		padding-bottom: 8px;
		display: inline;
		}
	ul#subitems a, ul#subitemsA a{ 
					text-decoration: none;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 11px;
					color: #666666;
					display: block;
					padding: 0 0 8px 30px;
					}
	ul#subitems a:hover, ul#subitemsA a:hover{
					color: #ABA04E;
	}
	ul#subitems a#selectedmenuitem{
					color: #ABA04E;
					background-image:  url(../images/menuicon.jpg);
					background-repeat: no-repeat;
					background-position: 0px left;
	}
/* ----------------------------------------------------------------- */
#container #foot{
	clear: both;
	width: 100%;
	height: 24px;
	line-height: 22px;
	font-size: 10px;
}
#container #foot a{
		color: #ABA04E;
		text-decoration: none;
		font-weight:bold;
		font-size: 11px;
}

/* --------------------------- general ----------------------------- */
.central{
	width: 100%;
	text-align: center;
}
.lblA{ 
	padding-top: 2px;
	float: left;
	width: 181px 
	}
.lblB{ 
	padding-top: 6px;
	clear:both;
	float: left;
	width: 120px; 
	color: #000000;
	}
.lblC{ float: left; 
		padding-top: 2px;
	}
.lblD{
	clear:both;
	float: left;
	width: 120px; 
	color: #000000;
}	
.gen_image{ padding: 2px; border: 1px solid #ABA04E; }
.gen_image2{ padding: 1px; border: 1px solid #ABA04E; }
.bold{ font-weight: bold; }	
.biege{ color: #ABA04E; }	
.hl,.h2{
	clear: both;
	width: 100%;
	height: 21px;
	background: #fff url(../images/hr.gif) repeat-x top left;
}
.h2{ clear: none; }
.fltrgtD{
	float: right;
	margin-right: 234px;
}
.fltrgtD2{
	float: right;
	margin-right: 109px;
}
.fltlft{
	float: left;
}
.fltrgt{
	float: right;
	}

.clr{ clear: both; }
input{ margin-bottom: 4px;}
select{ margin-bottom: 4px; } 
.noborder{ border: 0; }
.txtError{
	color: #FF0000;
	font-size: 12px;
}
.cust_data, .cust_data2{ color: #000; height: 24px;}
.cust_data{ width: 120px; }
#checkout{
	padding-top: 40px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

#main_newsstory {
text-align: justify;
}