/* CSS Document */
/**** DEFAULT STYLES *****/

body, td, li, p {
    font-size: 11px;
    font-family: verdana, tahoma, arial, sans-serif;
}

table
	{
		border-collapse:inherit !important;
	}
	

body {
    margin: 0;
    padding: 0;
	background: url(/images/main_bg_tile.gif) repeat;
}

/* getting rid of page shift in FF */



img
{
    border: none;
}
	

table, tr, td, li, div {
	margin: 0;
	padding: 0;
    color: #333333;
    text-decoration: none;
	vertical-align:top;
}

p {
	margin: 0 0 16px 0;
	padding: 0;
	color: #333333;
	text-decoration: none;
}

#wrapper
	{
	margin:0 auto;
	width:720px;
	background:#FFF;
	padding:20px;
	}
	
	
form#aspnetForm
	{
		position:relative;
	}
	
.breadcrumbs
	{
	padding:10px 0 7px 10px;
	font-size:10px;
	color:#999;
	font-family:tahoma,verdana,arial,sans-serif;
	}
	
 a
	{
	text-decoration:underline;
	color:#00678F;
	}	
	
 a:hover
	{
	text-decoration:none;
	color:#00678F;
	}
		

h2
	{
	color:#000000;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:18px 0pt 8px;
	padding:0pt;
}

h1 {
color:#00678F;
font-family:tahoma,verdana,arial,sans-serif;
font-size:18px;
font-weight:normal;
margin:18px 0pt 8px;
padding:0pt;
}


h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	color: #F25A26;
	font-weight: bold;
	display:inline;
}
h3 a {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	color: #F25A26;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}
h3 a:hover {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	color: #F25A26;
	font-weight: bold;
	text-decoration: underline;
	display:inline;
}
		

h3 img
	{
		display:inline;
	}
	

h4 {
	margin: 10px 0 10px 0;
	padding: 0;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.disclaimer {
	color: #999999;
}



/*--------Misc---------------*/
.newstitle
	{
		color:#9FA1A4;
	}
	
.orange
	{
		color:#F78F1E;
	}
		




/*--------Nav---------------*/

.navsmall
	{
	padding:0 0 10px 0;
}

.navfull
	{
	padding:0;
	}


.navfull a
	{
	text-decoration:none;
	display:block;
	}	
	
	
.navfull td
	{
		vertical-align:bottom;
	}

.navfull .dropdown
	{
	border:1px solid #999;
	border-bottom:none;
	background-color:#FFFFFF;
	white-space:nowrap;
	}


.navfull .dropdown a
	{
	border-bottom:1px solid #999;
	padding:2px 20px 2px 5px; 
	color:#000000;
	}
			
.navfull .dropdown a:hover
	{
	color:#FFFFFF;
	background-color:#999999;
	padding:2px 20px 2px 5px; 
	}




/*------------------- leftContent-------------------*/

.leftContent
	{
	width:175px;
	margin:0;
	left:0;
	top:0;
	padding:0 16px 0 0;
	}
	
.leftContent .subNav
	{
	background:#CCCCCC;
	height:200px;
	}
	
	
.subNav
	{
	padding:20px 8px 20px 15px;
	}
	
.subNavtitle
	{
	padding: 0 0 10px 0;
	text-transform:uppercase;
	color:#FFF;
	}
	

.subNavItems a
	{
	color:#00678F;
	text-decoration:none;
	}
		
.subNavItems a:hover
	{
	color:#00678F;
	text-decoration:underline;
	}	
	
.subNavItems ul
	{
	padding:0;
	margin:0;
	}
	
.subNavItems li
	{
	list-style-type:none;
	padding:2px 0;
	}	
	
.subNavItems li.bold 
	{
		font-weight:bold;
	}
		
	
.subNavImg
	{
	padding:8px 0 0 0;
	}
		
/*------------------- middleContent-------------------*/

#contentwrapper
	{
	position:relative;
	text-align:left;
	}
	
.contenttbl
	{
	margin:0 0 20px 0;
	}
	

.noleft
	{
	padding-left:0 ! important;
	}
	

.middleContent
	{
	padding:0;	
	}	
.middleContent p
	{
		padding:0 20px 0 0;
		max-width:400px;
	}
		
	
.middleContent ul
	{
	margin:10px 3px 10px 1.3em;
	padding:0;
	}
	
	
.middleContent li
	{
	margin:0 0 0 8px;
	padding:3px 0;
	}
/*------------------- rightContent-------------------*/

.rightContent
	{
	width:147px;
	margin:0 0 0 16px;
	padding: 0 0 0 16px;
	right:0;
	top:0;
	}

.rightContent .subrightImg
	{
		padding:10px 0;
	}
	
	
	
	
/*--------------- Form Fields----------*/

input, select, textarea {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
    color: #333333;
}
input.checkbox {
	margin: 5px 0 0 0;
	padding: 0;
}
.radio input {
	margin: 2px 0 0px 0;
	padding: 0;
}
.radio
	{
		width:120px;
	}

.radio label
	{
		padding: 0 0 0 5px;
	}
		

input.med { width: 100px; }
input.sm { width: 25px; }
input.sm02 {
	width: 25px;
	margin: 4px 0 0 0;
	padding: 0;
}
input.lg { width: 220px; }

textarea {
    width: 400px;
    height: 110px;
}


.detailinfo .detailtd1
	{
		width:350px;
	}
	
/*------------------- home page Callouts-------------------*/
.homepagecallouts
	{
	margin:0 auto;
	width:600px;	
	}
	

.homepagecallouts td
	{
		border:1px solid #f78f1e;
		text-align:center;
		width:191px;
		}

.logoSpotlight img
	{
		padding:10px 0;
	}
			
.latestNews
	{
		border:1px solid #CCCCCC;
	}			

.newsList
	{
		padding:0 7px 10px 10px;
	}

/*------------------- home page logos-------------------*/
.homelogos
	{
	margin:0 auto;
	width:450px;
		
	}
	.homelogos td
	{
	vertical-align:middle;
	padding:0 5px;
	}
	    .homelogos td a,
	    .homelogos img
	    {
	        margin:0 auto;
	        }


	
/*---------------------------Footer-------------------*/

.DealerLegend
{
width: 108px;
margin-top: 150px; 
margin-left:400px;
position:absolute;	
}

/*----------------------Member Spotlight------------*/

table.spotlightImgTbl
{width:200px;}

.spotlightImgTbl td
	{
		padding:8px;
		
	}

table.spotlightTbl .memberspotp
{width:450px;
 line-height:1.6em;}
 
div.middlecontent h1
{line-height:2em;}	

/*----------------------Find a Dealer------------*/

.dataTable {
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.dataTable th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #CCCCCC;
	text-transform: uppercase;
}
.dataTable td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #333333;
	border: 1px solid #F4F4F4;
}


/*-----------------Suppliers-----------*/
.supplierTbl
	{
		margin:10px 0 0 0;
		width:100%
	}
	
.supplierTbl tr	
	
p.supplierp 
	{
		padding:8px 0 0 0 ;
		margin:0 0 0 0 !important;  
	}
	
.supplierTbl td
	{
		text-align:center;
		padding:10px 0;
		vertical-align:middle;
		
		
	}
	

	
.suppliersMain
	{
		width:500px;
	}
	

.supofmonth .logo
	{
		width:180px;
		padding:0 10px 0 0;
		text-align:center;
	}

.supofmonth .logo img
	{
		border:1px solid #CCCCCC !important;
	}	

/*-------------News-----------*/


.newsmain
	{
		padding:10px 0;
	}


.newsdetailtbl p
	{
		font-size:10px !important;
	}




.dealerTbl {
	margin: 10px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.dealerTbl th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #CCCCCC;
	text-transform: uppercase;
}
.dealerTbl td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #333333;
	border: 1px solid #F4F4F4;
}

.dealerTbl .companyname
	{
		font-weight:bold;
		padding:0 0 2px 0;
	}
	
		
/*----------------Admin / Members ------------*/
.LogoutSucess /*label for the logout sucess*/
{
    Color:Red;
}
.MembersGridView {
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.MembersGridView th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #333333;
	background: #CCCCCC;
	text-transform: uppercase;
}
.MembersGridView td {
	margin: 0;
	padding: 3px 2px 3px 0;
	color: #333333;
	border: 1px solid #F4F4F4;
	font-size:10px;
}

.AdminGridView 
{
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.AdminGridView th 
{
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #CCCCCC;
	text-transform: uppercase;
}
.AdminGridView td {
	margin: 0;
	color: #333333;
	border: 1px solid #F4F4F4;
}

.ContactsGridView input
{
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.ContactsGridView th {
	margin: 0;
	padding: 3px 6px 3px 6px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #CCCCCC;
	text-transform: uppercase;
}
.ContactsGridView td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	color: #333333;
	border: 1px solid #F4F4F4;
}


.UpdateLabel
{
    color: red;
}
.ErrorLabel
{
    color: red;
}
.Validator
{
  white-space:nowrap;  
}
.IECalenderLocationFix
{
  position:relative;   
}
.HomepageCallouts td
{
    border-right:#ff9900 1px solid;
    border-left: #ff9900 1px solid;
    border-bottom: #ff9900 1px solid;
    border-top: #ff9900 1px solid;
}


.UploadedFileColor
{
  color:Blue;   
}

.activeTools .navTools
	{
		font-weight:bold;
	}

.activelib .navlib
	{
		font-weight:bold;
	}
	
.activerebates .navrebates
	{
		font-weight:bold;
	}
	
.activeaccount .navaccount
	{
		font-weight:bold;
	}
	
.activeprofile .navprofile
	{
		font-weight:bold;
	}	
	
.activeclassifieds .navclassifieds
	{
		font-weight:bold;
	}
	
	
/*------------Site Map---------*/

.sitemaplist
	{
		list-style-type:none;
	}


.sitemaplist li
	{
		padding:0;
	}

.sitemaplist ul
	{
		list-style-type:none;
	}
	
	
.ecollect
    {
    width:520px;
    height:366px;
    background: url(/assets/environment/current.jpg);
    background-repeat:no-repeat;
      border:2px solid  #df6c08;
    }
    
div.results
    {
    color:#ffffff;
    background-color:#df6c08;
    width:150px;
    padding:5px;
    }

div.results table td
    {
    color:#ffffff;
    padding:5px 0;
    }
    
div.results .tbltitle
    {
    font-weight:bold;
    padding-right:8px;
    }
    
  	
/*------------Enironmental Graph---------*/      

p.note {
	font-size:10px;text-align: center; margin-top:10px;
}

#graphPlaceholder {
	margin-top:20px;
}

.jqplot-title {
	font-weight:bold;
	color:#00678F;
	padding-bottom:10px;
}

.jqplot-axis {
	font-size:9px;
}

.jqplot-xaxis {
	margin-top:10px;
}

.jqplot-yaxis {
	margin-right:3px;
}