/* CSS Document */



html
{
   /*overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;*/
}

body
{
    background-color: #BCBCBC;
    color: #333;
    font-family: arial, helvetica, sans-serif;
}

html,
body
{
    margin: 0;
    padding: 0;
    height: 100%;
	
	margin:0px auto; 
	text-align:center; 
	
	background-color:#FFF;
	
	/*background-image: url(../graphics/brand/bg.jpg); 
	background-position:top left; 
	background-repeat: repeat-x; */
}





.page
{
	width: 850px;
	background-color: #FFF;
	/*background-image: url(../images/background.gif);
    background-repeat: repeat-y;
    background-position: 0 0;*/
    
	/*border-left:#CCC 1px solid;borders of content
	border-right:#CCC 1px solid; */
	
	text-align: left;
	position:relative;
	top:0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 50px;
	
}




 /*use percentages for all the other subsequent body classes so they adjust to whatever the website is set to */

#headerDiv{
	clear:both; 
	width:900px; 
	display:block; 
	float:left; 
	position:relative; 
	left:-50px;
	text-align:left; 
	font-size:.8em; 
	height:auto;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:5px; 
}


#mainNav{ /* the container for the top naviagation*/
	clear:both; 
	width:850px; 
	display:block; 
	float:left; 
	position:relative; 
	text-align:left; 
	z-index:100; 
	background-color:#FFFFFF; 
	height:auto; 
	margin:0px auto;
	margin-left:10px;
	}




/* the classs for the main area of content below the nav and above the footer*/
#contentDiv{
	clear:both; 
	width:100%; 
	display:block; 
	float:left; 
	position:relative;
	text-align:left; 
	height:480px;
	margin:0px auto; 
	border: 1px solid #999;
	color:#333333;
	background-color:#FFFFFF;
	z-index:90;
}


#content2Div{
	width:100%;
	height:480px;
	display:block;
	float:left;
	position:relative;
	text-align:left;
	/*margin:0px auto; 
	border: 1px solid #999;*/
	

	z-index:90;
	overflow: visible;
}



.splashTable {
	 
	
	border: 1px solid #999;
	background-position:top left;
	background-repeat:no-repeat;


}


/*
the following classes are for defining the appearance of the various types of textual content appearing in the site
*/
.bodyText { 
			font:Arial, Helvetica, sans-serif; 
			font-size:.75em; 
			font-weight:normal; 
			color:#454545; 
			padding-left:8px; 
			padding-right:5px;
			}
			
.bodyText a {
			color:#454545; 
			text-decoration:none;
			}
			
.bodyText a:hover {
			color: #CC0000; 
			text-decoration:underline; 
			}



.whiteText { 
			font:Arial, Helvetica, sans-serif; 
			font-size:.8em; 
			font-weight:normal; 
			color:#FFF; 
			padding-left:2px;
			padding-right:2px;
			}
			
			
.whiteHeader { 
			font:Arial, Helvetica, sans-serif; 
			font-size:1.3em; 
			font-weight:normal; 
			color: #FFF;
			padding:2px; 
			
			}

.headLine { 
			font:Arial, Helvetica, sans-serif; 
			font-size:1.2em; 
			font-weight:bold; 
			color: #666; 
			
			}
			
.headLine td {
			padding:5px;
			
			}
			
			
.headerText, .headerText a {
				font-size:11px; 
				color:#666666; 
				padding:5px; 
				text-decoration:none;
				}
				
.headerText a:hover, #footerDiv a:hover {
			text-decoration:underline; 
			color:#CC0000;
			}
	
	
/*on prod spec page */			

.specBox {
			width:100%;
			padding-right:20px;
			padding-left:20px;
			background-color:#fff;
	
			}


.thumbnail  {
			
			width:68px; 
			}

.thumbnail img {
			
			border:#999 1px solid;
			}
			
			
.noThumbnail  {
			
			width:68px; 
			}

.noThumbnail img {
			
			border:#fff 1px solid;
			}			
			
.categoryImg img {

				vertical-align:middle;
				border;0px
				padding:5px;
					}			

.title {
		font:Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		text-indent:0px;
		color: #666; 
		padding:5px;
		border-bottom:#999 1px solid;

		}
		
						
.subHead { 
		font:Arial, Helvetica, sans-serif; 
		font-size:1.1em; 
		font-weight:bold; 
		color: #454545; 
		margin-top:1px;
		border-bottom:#999 1px solid;
		
		}

#footer {
	margin:0px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-align:center;
	color: #999999;
	/*bottom: 10px;*/
	width: 50%;
	height: 15px;
	clear:both;
	margin-left: 25%;
	
	
	
}			


/*#footer
	{
    position: absolute;
    bottom: 0 !important;
    bottom: -1px;
    height: 21px !important;
    width:850px;
    color:#666666;
    font-size:10px;
    border-top:#CCC 1px solid ;
    overflow: hidden;
	
	} 

#copyright
{
   	float:left;
    top:4px !important;
    top:6px;
   
	padding-left:10px;
	padding-top:5px;
	line-height: 10px;
	
    overflow: hidden;
	
}


#footer a
		{
    	text-decoration: none;
		}

#footer a:hover
		{
    	color: rgb(204,0,0);
		}
*/