﻿
html {
	font-size: 11px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #88CE85;
	background-image: url(../../images/back_canvas.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

	h1, h2, p, span, div, ul, li {
		font-family: Helvetica, Tahoma, Arial, Times New Roman;
		margin: 0;
		padding: 0;
		color: #666666;
	}

	p {
		margin: 0 0 10px 0;
		padding: 0;
		color: #666666;
		font-size: 100%;
		line-height: 130%;
	}
	ul li {
		color: #2FA14D;
	}
	ul li span {
		color: #666666;
	}

/*
	-------------------------------------------------------
	
	-------------------------------------------------------
*/
	.navLink {text-decoration: none;}
	.navLink:link {color: #38A659;}
	.navLink:visited {color: #38A659;}
	.navLink:hover {border-bottom: 1px solid #38A659;color: #38A659;}	
	
	.navLinkBase {text-decoration: none;}
	.navLinkBase:link {color: #ffffff;}
	.navLinkBase:visited {color: #ffffff;}
	.navLinkBase:hover {border-bottom: 1px solid #ffffff;color: #ffffff;}
	
	.navLinkMenu {
		background-image: url(../../images/navLink.gif);
		background-position: left top;
		background-repeat: no-repeat;
		text-decoration: none;
		padding-left: 11px;
		font-size: 11px;
	}
	.navLinkMenu:link {color: #38A659;}
	.navLinkMenu:visited {color: #38A659;}
	.navLinkMenu:hover {color: #38A659;}
	
	.pdfList {
		margin: 0 0 25px 0;
		padding: 0;
	}
	.pdfList li {
		margin: 2px 0;
		list-style-type: none;
	}
	.pdfList li a:link,
	.pdfList li a:visited,
	.pdfList li a:hover {
		padding: 2px 2px 2px 25px;
		background-image: url(../../images/icon_pdf.gif);
		background-position: left top;
		background-repeat: no-repeat;
		font-family: Arial, Verdana;
		text-decoration: none;
		font-size: 11px;
		line-height: 20px;
		color: #38A659;
	}

	.standardList {
		margin: 0 0 12px 20px;
		padding: 0;
	}
	.standardList li {
		margin: 0;
		padding: 0;
	}

/*
	-------------------------------------------------------
	STRUCTURE
	-------------------------------------------------------
*/

	#GlobalContainer {
	}
	
	#TopSpacer, #BaseSpacer {
		height: 20px;
	}
	
	#SiteHolder {
		width: 770px;
		margin: 0 auto;
		border: 1px solid #2AA046;
		background-color: #ffffff;
		background-position: center top;
		background-repeat: no-repeat;
		text-align: left;
	}
	
	#ContentColumn {
		width: 580px;
		float: left;
		/* background-color: #eecc00; Debug */
	}
	
	#RightColumn {
		width: 190px;
		/* height: 450px; --------------------------------------- */
		float: right;
		/* background-color: #cc0000; Debug */
	}

	#SearchPanel {
		margin: 180px 20px 20px 0;
		text-align: right;
	}
	#QuotePanel {
		margin: 10px 20px 20px 0;
		text-align: right;
	}
	
	#Content {
		margin: 20px 0 0 15px;
	}
	.pageTitle {
		margin: 0 0 15px 0;
	}
	.pageTitlePre, .pageTitlePost {
		font-size: 110%;
		color: #2FA14D;
		font-weight: bold;
	}
	.pageTitlePost {
		color: #999999;
	}
	
	.copyHolder {
		width: 425px;
	}
	
	.primaryCopyImage {
		float: left;
		margin: 0 10px 10px 0;
	}
/*
	-------------------------------------------------------
	PRIMARY NAVIGATION
	-------------------------------------------------------
*/
	#NavHolder {
		width: 580px;
		height: 55px;
	}
	#NavButtonHolder {
		text-align: left;
		padding-top: 29px;
		padding-left: 25px;
	}
	.navButton {
		margin-right: 2px;
		border: none;
	}

	.subNavMenuHolder
	{
		text-align: left;
		font-family: Arial, helvetica, Verdana;
		font-size: 10px;
		border: 1px solid #4BAB66;
		background-color: #E5FCDD;
		padding: 5px;
	}
	.subNavLinksHolder ul 
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.subNavLinksHolder li 
	{
		padding: 0;
		margin: 0;
	}
	.subNavLinksHolder a 
	{
		display: block;
		width: 90px;
		text-decoration: none;
		padding: 3px;
		margin: 0;
	}
	.subNavLinksHolder a:link {color: #858585;text-decoration: none;}
	.subNavLinksHolder a:visited {color: #858585;text-decoration: none;}
	.subNavLinksHolder a:hover {color: #ffffff; background-color: #95D0A5;text-decoration: none;}

/*
	-------------------------------------------------------
	PAGER
	-------------------------------------------------------
*/
	#pagerHolder {
		text-align: right;
		font-family: Arial, Verdana;
		font-size: 11px;
		color: #666666;
		padding: 5px;
		border-top: 1px solid #cccccc;
	}
	#pagerHolder a:link {text-decoration: none; color: #666666;font-weight: bold;}
	#pagerHolder a:visited {text-decoration: none; color: #666666;font-weight: bold;}
	#pagerHolder a:hover {text-decoration: underline; color: #666666;font-weight: bold;}

/*
	-------------------------------------------------------
	PRODUCTS
	-------------------------------------------------------
*/

	#productListContainer {
		padding: 15px 0;
	}
	.productListImgHolder {
		width: 57px;
		text-align: center;
	}
	.productCopy {
		font-family: Arial, Verdana;
		font-size: 10px;
		color: #666666;
		width: 160px;
		padding: 3px 5px 2px 5px;
	}
	.productListItemLeft {
		width: 250px;
		background-image: url(../../images/back_productListLeft.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	.productListItemRight {
		width: 250px;
		background-image: url(../../images/back_productListRight.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}

	.productListItemLeft .productListImgHolder {
		float: left;
		padding: 25px 0 0 10px;
	}
	.productListItemRight .productListImgHolder {
		float: right;
		padding: 25px 11px 0 0;
	}
	.productListItemLeft .productCopy {float: right;}
	.productListItemRight .productCopy {float: left;}

	.productLabel {
		font-family: Arial, Verdana;
		font-size: 10px;
		color: #289F4B;
		font-weight: bold;
	}
	.productTitle {
		font-family: Arial, Verdana;
		font-size: 11px;
		font-weight: bold;
	}
	.productNavLink {
		font-family: Arial, Verdana;
		font-size: 10px;
		text-decoration: none;
		color: #666666;
		background-image: url(../../images/link.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 12px;
	}
	
	.productDetailLeft {
		background-image: url(../../images/back_productDetailLeft.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	#productDetailSpace {
		background-image: url(../../images/productDetail_top.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	#productDetailsInner {
		background-image: url(../../images/productDetail_base.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	#productDetailHolder {
		font-family: Arial, Verdana;
		font-size: 11px;
		color: #666666;
		margin: 30px 5px 5px 20px;
	}
	
	.techDocDownloadHolder {
		padding: 5px;
		border: 1px solid #289F4B;
		margin: 20px 0;
		background-color: #ECF8E8;
	}
	.relatedproductsDDL {
		width: 280px;
		margin-bottom: 3px;
		font-family: Arial, Verdana;
		font-size: 10px;
		color: #666666;
	}

/*
	-------------------------------------------------------
	FEATURED PRODUCTS
	-------------------------------------------------------
*/

	.featuredProductsContainer {
	}
	.featuredProductsContainer .featuredImg {
		padding-right: 2px;
		margin-top: 16px;
		border: none;
	}
	.featuredProductTop {
		width: 125px;
		height: 92px;
		background-image: url(../../images/back_featuredProductTop.gif);
		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
	}
	.feauturedTextHolder {
		padding: 3px;
	}
	.feauturedTextHolder a {
		color: #666666;
		text-decoration: none;
	}
	
	.featuredProductBase {
		width: 125px;
		background-image: url(../../images/back_featuredProductBase.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		text-align: center;
		font-family: Arial, Verdana;
		font-size: 10px;
	}
	.featuredProductBase a:link {text-decoration: none; color: #333333;}
	.featuredProductBase a:visited {text-decoration: none; color: #333333;}
	.featuredProductBase a:hover {text-decoration: underline; color: #333333;}

/* 
	-------------------------------------------------------
	NEC Articles 
	-------------------------------------------------------
*/

	#newsHeadlinesHolder {}
	
	.necHeadlines_listTitle {
		font-family: Arial, Verdana, Tahoma;
		font-size: 10px;
		color: #999999;
		font-weight: bold;
	}
	
	.necHeadlinesItemHolder {
		margin: 0 0 10px 16px;
	}
	.necHeadlines_articleTitle,
	.necHeadlines_articleIntro,
	.necHeadlines_articleDate {
		font-family: Arial, Verdana, Tahoma;
		font-size: 11px;
		color: #666666;	
	}
	.necHeadlines_articleDate {
		color: #999999;
		font-weight: bold;
	}
	.necHeadlines_articleIntro {
		color: #999999;
		font-style: italic;
	}
	.necHeadlines_articleTitle {
		font-weight: normal;
		color: #999999;
	}
	
	.necArticle_articleIntro,
	.necArticle_articleDate {
		font-family: Arial, Verdana, Tahoma;
		font-size: 11px;
		color: #666666;	
	}
	.necArticle_articleDate {
		color: #999999;
		font-weight: bold;
	}
	.necArticle_articleIntro {
		font-weight: normal;
		color: #666666;
	}
	.necArticle_author {
		font-size: 10px;
		color: #7f7f7f;
	}
	.necHeadlinesMoreHolder {
		margin-top: 5px;
		text-align: right;
	}
	
	.necArticle_dashedDivider {
		height: 1px;
		border-top: dashed 1px #DCE0E1;
		margin: 6px 0;
	}
/*
	-------------------------------------------------------
	FORMS AND CONTROLS
	-------------------------------------------------------
*/

	.formBox {
		width: 160px;
		border: 1px solid #cccccc;
		font-size: 11px;
		padding: 2px;
		color: #666666;
	}
	.formSectionHead {
		margin: 5px 0;
		border-bottom: 1px dashed #cccccc;
	}
	.formSectionHeadInner {
		margin: 6px 0 5px 0;
	}
	.formSectionHead .formSectionTitle {
		font-weight: bold;
		margin: 5px 0;
		font-size: 13px;
	}
	.labelCell {
		width: 120px;
	}
	.shortLabelCell {
		width: 60px;
	}
	.labelCell, .shortLabelCell, .dataCell, .validCell {
		font-family: Arial, Verdana, helvetica;
		font-size: 11px;
		color: #666666;
		vertical-align: top;
	}
	.labelCell, .shortLabelCell {
		padding: 2px 3px 2px 5px;
	}
	
	.dataCell {
		text-align: left;
		padding: 1px 2px 0px 3px;
		font-weight: normal;
	}
	.validCell {
		text-align: left;
		padding: 4px 2px 0px 3px;
	}
		
/*
	-------------------------------------------------------
	HELPERS
	-------------------------------------------------------
*/
	.tight {
		margin: 0;
		padding: 0;
	}
	.tightTop {
		margin-top: 0;
		padding-top: 0;
	}
	.tightBottom {
		margin-top: 0;
		margin-bottom: 0;
	}
	.copyImageTopRight {
		float: right;
		margin: 0 0 12px 10px;
	}
	.breakFloat {
		height: 1px;
		clear: both;
		visibility: hidden;
		/* visibility: visible; background-color: #cc0000; debug */
	}