/*
-----------------------------------------------
Author:   Anthony Grace - www.CodersBarn.com
Website:  www.nextgenfoods.com
Version:  March 26, 2008
----------------------------------------------- */

html {
    min-height: 100%;
    overflow: -moz-scrollbars-vertical;
    /*overflow-y:scroll;*/
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #1e1e1e;
	color: #ffffff;
	font: normal 62.5% arial,sans-serif;
	padding-top:30px;
}

.outer-container {
	padding-bottom: 30px;
}

.inner-container 
{
    background: #2c2c2c;
    border: 1px solid #000;
	font-size: 1.2em;
	margin: 0 auto;
	width: 760px;
}

.banner
{
    border-top: 1px solid #000;
    /*border-bottom: 1px solid #000;*/
}

.content 
{
    border-top: 1px solid #000;
    margin: -3px;
    /*min-height:220px;*/ 
    line-height:16px; 
}

.singlecolumn
{
    border: 1px solid #000;
    float:left;
    background: #3C3C3C;
    margin: 15px 15px 15px 15px;
    padding: 10px; 
    width: 710px; 
    min-height:260px;
}

div.singlecolumn a {
    color: #d4d4ff;
    text-decoration:none;
}

div.singlecolumn a:hover {
    color:#d4d4ff;
    border-bottom: 1px dotted #a0c0ef;
}

div.singlecolumn a.links {
    color:#3C3C3C;
    text-decoration:none;
}

div.singlecolumn a.links:hover {
    color:#3C3C3C; 
    border-bottom:none;
    text-decoration:none;
}

.regcolumn
{
   border: 1px solid #000;
    float:left;
    background: #3C3C3C;
    margin: 15px 15px 15px 15px;
    padding: 10px 10px 10px 10px; 
    width: 710px; 
    min-height:260px;
}

.regleftcolumn
{
    float:left;
    background: #3C3C3C;
    margin: 10px 10px 5px 10px;
    padding: 10px; 
    width: 305px;
    min-height:240px;  
}

.regrightcolumn
{
    float:left;
    background: #3C3C3C;
    margin: 10px 10px 5px 5px;
    padding: 10px 10px 10px 10px; 
    width: 305px;
    min-height:240px;  
}

.inputSpacing
{
    margin-bottom: 10px;
}

.leftcolumn
{
    border: 1px solid #000;
    float:left;
    background: #3C3C3C;
    margin: 15px 15px 15px 15px;
    padding: 10px; 
    width: 454px;
    min-height:260px; 
}

div.leftcolumn a.links {
    color:#3C3C3C;
    text-decoration:none;
}

div.leftcolumn a.links:hover {
    color:#3C3C3C; 
    border-bottom:none;
    text-decoration:none;
}

.productContent 
{
    border-top: 1px solid #000;
    margin: -3px;
    /*min-height:220px;*/ 
    line-height:16px; 
}

.productColumn
{
    border: 1px solid #000;
    float:left;
    background: #3C3C3C;
    margin: 15px 15px 15px 15px;
    padding: 10px; 
    width: 454px;
    min-height:260px; 
}

div.homeColumn a {
    text-decoration:none;
}

div.homeColumn a:hover {
    text-decoration:none;
}

.maincolumn
{
    border: 1px solid #000;
    float: right;
    background: #3C3C3C;
    margin: 15px 15px 15px 0px;
    padding: 10px; 
    width: 217px;
    min-height:260px;
}

div.maincolumn a.links {
    color:#3C3C3C;
    text-decoration:none;
}

div.maincolumn a.links:hover {
    color:#3C3C3C; 
    border-bottom:none;
    text-decoration:none;
}

div.maincolumn a {
    color: #d4d4ff;
    text-decoration:none;
}

div.maincolumn a:hover {
    color:#d4d4ff;
    border-bottom: 1px dotted #a0c0ef;
}

.footer
{
    clear:both;
    padding: 0px 15px 70px 0px;
    color: #f8ece0;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.footerLeft 
{
    width:320px;
    float:left;
    padding-left:15px;
    padding-top:5px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	
}

.footerRight
{   
    float:left;
    padding: 29px 15px 12px 178px;
    color:#f8ece0;
}

div.footer a {
    color: #d4d4ff;
    text-decoration:none;
}

div.footer a:hover {
    color:#ffff7f;
    border-bottom: 1px dotted #a0c0ef;
}

h1 
{
    color: #f4c784; 
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: 18px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

h2 
{
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

h3 
{
    color: #F1D8B3; 
	font-weight: 400;
	font-family: verdana, sans-serif;
	font-size: 15px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

.linktext
{
    background: url(../../images/bullet.gif) no-repeat 3px 5px;
    padding-left:15px;
}

.imageleft {
	float: left;
	padding: 2px;
	margin-right: 10px;
	background-color: #f8ece0;
	border: 1px solid #000;
}

.imageright {
	float: right;
	padding: 2px;
	margin-left: 8px;
	background-color: #f8ece0;
	border: 1px solid #000;
}

.imagecenter {
	padding-left: 90px;
	padding: 2px;
	margin-left: 8px;
	background-color: #f8ece0;
	border: 1px solid #000;
}

/* Links */
div.content a {
    color: #d4d4ff;
    text-decoration:none;
}

div.content a:hover {
    color:#d4d4ff;
    border-bottom: 1px dotted #a0c0ef;
}

/* Start Navigation */
div#nav-container {
   /* Placeholder */
}

 /* Helvetica, Sans-Serif; */
div#nav-container ul 
{   
    background: url('../../images/banner.jpg');
    font-family:  helvetica, sans-serif; 
    font-size:12px;
    font-weight:lighter;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
    padding-top: 129px;
}

div#nav-container ul li {
    display: inline;
    margin-left: -4px;
}

div#nav-container ul li a 
{
    padding: 5px 10px 5px 10px;
    color: #f4c784; 
    text-decoration: none;
}

div#nav-container ul li a:hover {
    color:  #d4d4ff;
}

div#nav-container ul li #active {
   color: #f4c784; 
}

/* Contact Form */
.particulars 
{
    float:left;
    padding-top:8px;
    padding-left:77px; 
    width:290px;
}

.particular
{
    float:left;
}

.particularDetails
{
    width:220px;
    float:right;  
}

fieldset
{
    border: 1px solid #d4d4ff;
}

legend
{
    color: #d4d4ff;
}

/* Login Form */
.form 
{
    color:#FEE8B6; 
    background-color:#6F6666;
    border-color:#000; 
    border-style:solid; 
    border-width:1px; 
}

.formHeader 
{
    height:30px;
    font-family:Arial;
    color:#000;
    background-color:#ABAFAE; 
    border-bottom-color:#000;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.formHeader2 
{
    height:30px;
    font-family:Arial;
    color:#000;
    background-color:#C0D9BB; 

}

.formField 
{
   font:11px/18px Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   padding-left:25px;
   padding-bottom:10px;
}

.formField a
{
    color: #953535; 
    text-decoration:none; 
}

.formField a:hover
{
   color: #BC6060; 
}

.mainFormFooter 
{
    padding-left:50px; 
    padding-bottom:3px; 
    padding-top:3px; 
    background-color:#ABAFAE; 
    border-top-color:#000; 
    border-top-style:solid; 
    border-top-width:1px;
}

.productsGridHeader
{
    padding-left:5px;
}

.productsLink
{
    padding-left:5px; 
}

.adminColumn
{
    border: 1px solid #000;
    float:left;
    background: #3C3C3C;
    margin: 15px 15px 15px 15px;
    padding: 10px; 
    width: 710px; 
    min-height:260px;
}

div.adminColumn a 
{
    padding-left:5px;
    color: #d4d4ff;
    text-decoration:none;
}

div.adminColumn a:hover {
    color:#d4d4ff;
}