body {
	background-color:#141517;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:12px;
}
html {
	overflow: -moz-scrollbars-vertical !important; /* force vertical scrollbar */
}
img, a img { 
	border:none; 
} 
a {
	text-decoration:none;
	color: #CCCCCC;
}

form {
	display:inline;
	vertical-align: middle;
}
input {
	display:inline;
	vertical-align: middle;
	text-align: left;
	background-color:#DDDDDD;
	color:#333333;
	font-size:11px;
	border:none;
	padding: 4px;
}
p {
	margin-top:0px;
	padding-top:0px;
}
.noP {
	margin:0px;
	padding:0px;
}
.ImgButton {
	padding:0;
	border:none;
	
}

input[type="image"] {
	border:none;
	padding:0;
}
input[type="hidden"] {
	display:none;
}
textarea,  select {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#DDDDDD;
	font-size:11px;
	color:#333333;
	padding: 4px;
	border:none;
	overflow:auto;
}


/* MAIN TEMPLATE */

#mainContainer {
	width: 960px;
    margin: 0px auto;
	text-align:left;
}

#topRow {
	width:100%;
	background-color:#8fb700;
	height: 79px; 
}
#topRow #Logo {
	width: 184px;
	height: 79px;
	float:left;
	padding-left:10px;
}
#topRow #TopSearch {
	text-align:right;
	width: 650px;
	height: 20px;
	float:right;
	margin-top: 52px;
	margin-right: 5px;
	font-size:11px;
	color:#FFFFFF;
}

#topRow #TopSearch a {
	vertical-align:middle;
	margin: 0px 7px 0px 0px;
	padding-top:2px;
	color:#FFFFFF;
}

#topRow #TopSearch a:hover {
	color:#333333;
}

#topRow #TopSearch #TopSearchTxtField {
	border:none;
	width: 85px;
	color: #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	background-position: center;
	padding: 3px 5px 3px 5px;
	margin-right:2px;
}

.header_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.header_menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#menuRow {
	width:942px;
	height:35px;
	padding:0px 0px 0px 18px;
	background-color:#000000;
}
#contentRow {
	clip: rect(auto,auto,auto,auto);
	width:100%;
	overflow:auto;
	display:block;
	background-color:#1e1e1e;
	color: #FFFFFF;
	min-height:484px;
}
#contentRowPadded {
	overflow:auto;
	padding:30px;
}
#bottomRow {
	width:100%;
	background-color:#8fb700;
	height:58px;
	background-image:url(../images/DF_square.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#bottomRow table{
	height: 100%;
	width: 100%;
	color: #FFFFFF;
}
#bottomRow table td{
	vertical-align:middle;
	text-align:left;
	font-size: 10px;
	padding-left: 55px;
}
/*
#bottomRow #LeftTD {
	text-align:left;
	font-size: 9px;
	padding-left: 55px;
	padding-bottom:12px;
}
#bottomRow #MenuTD {
	font-size: 11px;
	text-align:right;
	padding-right:10px;
	padding-bottom:12px;
}

#bottomRow #MenuTD a {
	vertical-align:middle;
	color:#FFFFFF;
}

#bottomRow #MenuTD a:hover {
	color:#333333;
}
*/

/* TEXT */

.mainTitle { /* used for section titles */
	font-size: 24px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 28px;
	font-weight: bold;
}
.subTitle { 
	font-size: 18px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 22px;
}
.subTitle a{ 
	color: #FFFFFF;
	text-decoration: none;
}
.subTitle a:hover{
	color: #ECF3D5;
	text-decoration: none;
}
.highlightParagraph {
	font-size: 15px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 18px;
}
.highlightParagraph .UnderlineLink {
	text-decoration:underline;
	font-size: 15px;
	color: #ECF3D5;
	text-decoration: underline;
	line-height: 18px;
}
.highlightParagraph .UnderlineLink:hover {
	text-decoration:none;
	color: #ECF3D5;
	text-decoration: none;	
}

.plainTextGreen {
	color: #8fb700;
	text-decoration: none;
	line-height: 16px;
}
.plainTextGreenBold {
	color: #8fb700;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
}
.plainTextDark {
	color: #CCCCCC;
	text-decoration: none;
	line-height: 16px;
}
.plainTextDark .UnderlineLink {
	color: #CCCCCC;
	text-decoration: underline;
}
.plainTextDark .UnderlineLink:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.plainTextWhite {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.plainTextWhite a:link, .plainTextWhite a:visited, .plainTextWhite a:active, .plainTextWhiteBold a:link, .plainTextWhiteBold a:visited, .plainTextWhiteBold a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.plainTextWhite a:hover {
	color: #ECF3D5;
	text-decoration: none;
}
.plainTextWhiteBold a:hover {
	color: #8fb700;
	text-decoration: none;
}
.plainTextWhiteBold {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
}

.plainTextLight {
	color: #ECF3D5;
	text-decoration: none;
	line-height: 16px;
}
.plainTextLight .UnderlineLink {
	color: #ECF3D5;
	text-decoration: underline;
}
.plainTextLight .UnderlineLink:hover {
	color: #8fb700;
	text-decoration: none;
}

.plainTextLightBold {
	color: #ECF3D5;
	text-decoration: none;
	line-height: 16px;
	font-weight:bold;
}
.plainTextLightBold .UnderlineLink {
	color: #ECF3D5;
	text-decoration: underline;
	font-weight:bold;
}
.plainTextLightBold .UnderlineLink:hover {
	color: #ECF3D5;
	text-decoration: none;
	font-weight:bold;
}


.greenbold {
	color: #8fb700;
	font-weight:bold;
}
.green {
	color: #8fb700;
	font-weight:normal;
}


.plainTextLight a, .plainTextLightBold a {
	color: #ECF3D5;
	text-decoration: none;
}
.plainTextLight a:hover, .plainTextLightBold a:hover{
	color: #8fb700;
	text-decoration: none;
}


.smallLight {
	font-size: 11px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 12px;
	font-weight:bold;
}
.smallLight .italic {
	font-style:italic;
	font-weight:normal;
}
.smallLight .italic a {
	color: #ECF3D5;
}
.smallLight .italic a:hover {
	color: #8fb700;
}

.UnderlineLink {
	text-decoration:underline;
}
.UnderlineLink:hover {
	text-decoration:none;
}
.DarkGreen14 {
	color: #8fb700;
	display:block;
	font-weight:bold;
	font-size:14px; 
	margin-bottom:5px;
}
.LightGreen14 {
	color: #ECF3D5;
	display:block;
	font-weight:bold;
	font-size:14px; 
	margin-bottom:5px;
}



/* REPLACE THIS WITH IMAGES, NO NEED FOR CLASS, DELETE 
.greenButton {
	background-color:#8fb700;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding: 1px;
	vertical-align: middle;
}
.greenButtonOver {
	background-color:#1e1e1e;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding: 1px;
	vertical-align: middle;
}
*/

/* SPECIFIC PAGES LAYOUT */

/* HOME PAGE */

#IndexTable {
	width:100%;
}
#IndexTable td {
	vertical-align:top;
}
#IndexTable .indexRightTD {
	padding: 0px 30px 7px 10px;
	width: 180px;
}
	#IndexTable p {margin:0px; padding0px;}
	
#IndexTable .indexNewsTD, #IndexTable .indexGlossaryTD {
	padding: 0px 30px 5px 10px;
	width: 180px;
	font-size:11px;
}
	
#IndexTable .indexNewsTD .plainTextWhite, #IndexTable .indexGlossaryTD .plainTextWhite {
	line-height:15px;
}
	
#IndexTable .indexGlossaryTD {
	padding: 0px 30px 10px 10px;
}
#IndexTable #indexHeadlineTD {
	padding:25px 30px 25px 30px;
	font-size: 36px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 36px;
	height:104px;
}
#IndexTable #indexIntroTD {
	padding: 0px 15px 10px 30px;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 21px;
	width:155px;
}
#IndexTable .indexRegisterTD {
	padding:0;
	vertical-align:bottom;
	height:66px;
	width:430px;
	background-color:#555555;
}
#SecondNewsItem {
	display:block;
	margin-top:5px;
}

/* ABOUT PAGE */

#AboutDivContainer {
	margin: 20px 0px 100px 30px;
	width: 910px;
}
.AboutDiv {
	display:inline-block;
	float:left;
	width:200px;
	vertical-align:top;
	margin: 0px 25px 30px 0px;
}
.AboutDiv .aboutTitle {
/* used for section titles */
	font-size: 16px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 22px;
	font-weight: bold;
}

#NewsSummaryTable, #NewsArticleTable, #PublicitySummaryTable, #PublicityArticleTable, #NewsLettersTable {
	width:100%;
}
#NewsSummaryTable td, #PublicitySummaryTable td, #NewsLettersTable td {
	vertical-align:top;
	text-align:left;
}
#NewsSummaryTable .NewsSumLeftTD, #PublicitySummaryTable .PublicitySumLeftTD, #NewsLettersTable .NewsLettersLeftTD {
	padding-right: 7px;
	width:50%;
}
#NewsSummaryTable .NewsSumRightTD, #PublicitySummaryTable .PublicitySumRightTD, #NewsLettersTable .NewsLettersRightTD {
	padding-left: 7px;
	width:50%;
}
#NewsArticleTable td, #PublicityArticleTable td {
	vertical-align:top;
	text-align:left;
}
#NewsArticleTable #NewsArticleLeftTD, #PublicityArticleTable #PublicityArticleLeftTD {
	padding-right: 20px;
}

#NewsArticleTable #ImgTD, #PublicityArticleTable #ImgTD {
	width: 310px;
}

#NewsLettersTable table img {
	margin-right: 10px;
}
#NewsLettersTable .NewsLetterItemTopicsTD {
	width:100%;
}
#NewsLettersTable .NewsLetterItemTopicsTD .NewsLetterTopicsDiv ul {
	margin:0;
	padding-left:30px;
}
#NewsletterRegister {
	padding-left:50%;
}

#Glossary_Table {
	vertical-align:top;
	width:100%;
}
#Glossary_Table td {
	vertical-align:top;
}
#Glossary_Table #imgTD {
	padding-left:20px;
	align: right;
	width:320px;
}
.GlossaryAlphabet {
	font-size: 14px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 18px;
}
.GlossaryAlphabet .Char {
	margin-right: 3px;
}
#GlossarySearchResults {
	font-size: 12px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 18px;
}
.GlossaryAlphabet a, #GlossarySearchResults a{
	font-size: 14px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 18px;
}
.GlossaryAlphabet a:hover, .GlossaryAlphabet a:active, #GlossarySearchResults a:hover{
	font-size: 14px;
	color: #8fb700;
	text-decoration: none;
	line-height: 18px;
}

#ProductsListTextDiv {
	width: 265px;
	float:left;
}

.ProductsListDiv {
	width: 190px;
	float:left;
	margin-left: 20px;
	background-color:#555555;
	padding-bottom:10px;
	border-bottom:20px solid #1E1E1E;
}

.ProductsListDiv .ProductsListTitle{
	background-color:#444444;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	margin:0 0 5px 0;
	font-size:12px;
	color:#CCCCCC;
}
.ProductsListDiv ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.ProductsListDiv ul li{
	padding: 0 8px 0 8px;
	margin:0;
}
.ProductsListDiv ul ul {
	padding: 0 10px 0 10px;
	font-style:italic;
	margin:0;
}
.ProductsListDiv ul a, .ProductsListDiv ul a:link, .ProductsListDiv ul a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none;
}
.ProductsListDiv ul a:hover {
	color: #ECF3D5;
}

#ProdDescLeftDiv {
	display:block;
	width:280px;
	float:left;
	padding:30px 0px 30px 30px;
}
#ProdDescLeftDiv #Accordion1 {
	font-size:11px;
}
#ProdBigImgDiv {
	display:block;
	float:right;
	text-align:left;
	width: 605px;
	margin-left: 15px; 
	padding:30px 30px 30px 0px;
}
#ProdBigImgDiv img {
	display:inline;
	margin: 0px 0px 12px 12px;
	cursor:pointer;
}
#ProdBigImgDiv #BigProdImg {
	cursor:default;
	margin-bottom:12px;
}

#CategoriesLeftDiv {
	display:block;
	float:left;
	width: 280px;
	margin-right: 40px;
}
#CategoriesRightDiv {
	float:right;
	width: 575px;
}
#CategoriesRightDiv .CatProduct {
	display:block;
	float:left;
	width: 250px;
	margin-bottom:25px;
	margin-right:25px;
	overflow:visible;
	padding:0px;
	height: 80px;
}
#CategoriesRightDiv .CatProduct img {
	float:left;
	border:1px solid black;
	margin-right: 10px;
}
#CategoriesRightDiv .CatProduct .plainTextWhite, #CategoriesRightDiv .CatProduct .plainTextLight  {
	font-size:11px;
}

#ApplicationsDiv {
	width: 100%;
	overflow:auto;
}
#ApplicationsFirstDiv {
	display:block;
	float:left;
	width: 280px;
}
#ApplicationsRightDiv {
	display:block;
	float:left;
	width: 280px;
	margin-left: 30px;
}


#Portfolios {
	width: 460px;
	float:left;
}
#Portfolios .PortfolioItem {
	width: 135px;
	height: 130px;
	float:left;
	margin-right: 15px;
	margin-bottom: 10px;
}
#Portfolios .PortfolioItem img {
	border:1px solid #000;
	margin-bottom:5px;
}
#SelectedPortfolio {
	float:right;
	width: 416px;
}
#SelectedPortfolio #PortfolioBigImg {
	width: 416px;
	height:273px;
	border:1px solid #000;
	margin-bottom: 10px;
}


#RegisterForm {
	display:block;
	font-size:12px;
	margin-top: 40px;
	margin-bottom:40px;
}
#RegisterForm #registerLeftDiv {
	display:block;
	float:left;
	margin-right:40px;
	padding-bottom:20px;
}
#RegisterForm #registerRightDiv {
	float:left;
	display:block;
	width: 380px;
}
#RegisterForm #registerRightDiv input {
	background-color:#1e1e1e;
}
#RegisterForm #registerLeftDiv label {
	display:block;
	width: 380px;
	text-align:right;
	vertical-align:top;
	margin-bottom:5px;
}
#RegisterForm #registerLeftDiv input, #RegisterForm #registerLeftDiv textarea {
	width:180px;
}
#RegisterForm #registerLeftDiv select {
	width:188px;
}
#RegisterForm #registerRightDiv textarea {
	width:250px;
	height: 120px;
}

#ContactForm {
	color:#FFFFFF;
	font-size:11px;
}
#ContactForm #ContactLeftCol {
	width:383px;
	padding:30px 35px 30px 30px;
	float:left;
}
#ContactForm #ContactRightCol {
	width:383px;
	height:100%;
	padding:0px 30px 30px 65px;
	float:right;
	background-color:#666666;
	background-image:url(../images/contact-form-bkg.gif);
	background-repeat:no-repeat;
	background-position:0 105px;
}
#ContactForm #ContactRightCol .LightGreen14 {
	padding-top:30px;
}

#ContactForm label {
	display:block;
	overflow:visible;
	position:relative;
}
#ContactForm input {
	display:inline;
	margin-right:5px;
}
#ContactForm .FloatLeft {
	display:block;
	float:left;
/*	overflow:auto;*/
	margin-top:10px;
}
#ContactForm .DarkGreen14 {
	margin-top:20px;
	margin-bottom:0;
}
#ContactForm .LightGreen14 {
	margin-top:64px;
	margin-bottom:0;
}



#ContactForm .WidthTitle {
	width:50px;
	border:1px solid white;
	display:block;
	float:left;
	margin-right:5px;
}
#ContactForm .WidthTitle input {
	width:50px;
}
#ContactForm .WidthSmall {
	width:130px;
	border:1px solid white;
	display:block;
	float:left;
	margin-right:5px;
}
#ContactForm .WidthSmall input {
	width:130px;
}


/*
#ContactForm .plainTextLightBold {
	display:block;
	margin-bottom:10px;
}
#ContactForm #contactFirstColDiv {
	width:300px;
	display:block;
	float:left;
	margin-right:20px;
}
#ContactForm #contactSecondColDiv {
	width:275px;
	display:block;
	float:left;
	margin-right:20px;
}
#ContactForm #contactThirdColDiv {
	width:275px;
	display:block;
	float:left;
}
#ContactForm #contactFirstColDiv label {
	display:block;
	width: 100%;
	text-align:right;
	vertical-align:top;
	margin-bottom:5px;
}
#ContactForm #contactFirstColDiv #brochureCheckbox {
	display:block;
	width: 100%;
	text-align:right;
	vertical-align:top;
	margin-bottom:5px;
}
#ContactForm #contactFirstColDiv #brochureCheckbox input{
	width: 15px;
	background-color:#1e1e1e;
	margin-right: 134px;
	padding:0;
}
#ContactForm #contactFirstColDiv textarea {
	width:140px;
	height: 40px;
}
#ContactForm #contactFirstColDiv input {
	width:140px;
}
#ContactForm #contactFirstColDiv select {
	width:148px;
}
#ContactForm #contactSecondColDiv input {
	display:block;
	width:250px;
	margin-bottom:5px;
}
#ContactForm #contactSecondColDiv textarea {
	width:250px;
	height: 100px;
	margin-bottom:5px;
}
#ContactForm #contactThirdColDiv textarea {
	width:240px;
	height: 400px;
	margin-bottom:20px;
}
*/

#LoginPageDiv {
	margin: 60px 200px 60px 300px;
}

#LoginForm table td {
	padding-right: 3px;
	vertical-align:top;
	text-align:left;
}

#LoginPageDiv #LogOut {
	text-align:center;
}

#WishlistDiv {
	display:block;
	overflow:auto;
	width: 890px;
}
.WishlistItemDiv {
	display:block;
	float:left;
	width:410px;
	overflow:visible;
	margin:0px 30px 20px 0px;
	vertical-align:top;
	font-size:11px;
}
.WishListItemNameTD {
	padding-left:10px;
}
.WishListItemImgTD {
	vertical-align:bottom;
}
.WishListItemBottomTD {
	padding: 1px 10px 0px 10px;
	vertical-align:bottom;
	background-color:#999999;
	color:#1e1e1e;
	border-bottom:1px solid #1E1E1E;
}
.WishListItemBottomTD a {
	color:#1e1e1e;
	text-decoration:none;
	font-weight:bold;
}
.WishListItemBottomTD a:hover {
	color:#1e1e1e;
	text-decoration:underline;
	font-weight:bold;
}
.WishListItemBottomTD input {
	background-color:#999999;
	margin-left:0;
}

.WishlistItemDiv img {
	border:1px solid #000000;
}

#EmailPageBody {
	padding:25px;
	padding-top:70px;
	background-image:url(../images/popup_header.gif);
	background-repeat:no-repeat;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
}
#EmailPageBody #WidthLimiter {
	width:300px;
}

#EmailPageForm {
	width:300px;
	display:block;
}
#EmailPageForm label{
	display:block;
	margin:0px;
	padding:0px;
}
#EmailPageForm input, #EmailPageForm textarea{
	width: 300px;
	display:block;
	margin: 2px 0 0 0;
}
#EmailPageForm textarea{
	height:100px;
}
#EmailPageForm label{
	font-size:11px;
	margin-bottom:10px;
}
#EmailPageForm .SubHeading, .SubHeading {
	display:block;
	font-size:12px; 
	margin:20px 0 2px 0;
	color: #ECF3D5;
	font-weight:bold;
}


/* REPEATED ELEMENTS */
#Output {
	display:block;
	vertical-align:middle;
	text-align:left;
	color: #FFFFFF;
	padding: 20px 0 20px 0;
}

#RegisterInsider {
	background-color:#555555;
	padding: 15px 30px 15px 30px;
	font-size: 16px;
	color: #ECF3D5;
	text-decoration: none;
	line-height: 20px;
}
#RegisterInsider .greenbold {
	color: #8fb700;
	font-weight:bold;
}

#PrintButtons {
	display:block;
	width:275px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.SubTab {
	display:block;
	width: 140px;
	background-color:#555555;
	margin-left:-30px;
	padding: 1px 5px 1px 25px;
	border-left:5px solid #8fb700;
	color: #ECF3D5;
	font-size:11px;
	font-weight:bold;
}
.SubTabOff {
	display:block;
	width: 140px;
	margin-left:-30px;
	padding: 1px 5px 1px 30px;
	color: #ECF3D5;
	font-size:11px;
	font-weight:bold;
}

#AdminApprovalDiv {
	background-color:#666666;
	text-align:right;
	padding:20px;
}

.Underline {
	text-decoration:underline;
}
/* list products (used in admin_products.php) */
.Product {
	display:block;
	float:left;
	width: 280px;
	height: 90px;
	margin: 0 20px 20px 0;
	overflow:visible;
}
.Product img {
	float:left;
	border:1px solid black;
	margin-right: 10px;
}
.Product .plainTextLight, .Product .plainTextWhite  {
	font-size:11px;
}
.ProductGroup {
	display:block;
	float:left;
	width:890px;
	color: #ECF3D5;
	background-color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
}