/*
Logo green			#9ABD49
Light green			#749F45
Text dark green		#476136

light green bk      #CFD7BD

Text dark grey		#4D4D4D
Offer RED			#C8272D

*/


p							{font-size:0.9em; color:#476136}
p.footer					{color:#FFFFFF; font-size:0.9em; padding:0px; margin:0px;}
p.dealer-year				{padding:0px; margin:0px; font-size:1.0em; line-height:0.9em;}
p.callus					{padding:0px; margin:0px;}
p.offers					{color:#FFFFFF; font-size:1.0em; line-height:1.6em; font-weight:normal; padding:0px; margin:0px; padding-left:15px;}
p.contact					{font-size:1.0em;}
span						{}
span.unicornSpan			{ font-weight:900; font-size:1.1em; }



h1							{color:#9ABD49; font-weight:500; font-size:2.3em; font-style:italic; padding:0px; margin:0px;}
h2							{color:#4D4D4D; font-weight:900; font-size:1.3em; line-height:1.1em; padding:0px; margin:0px;}
h3							{color:#4D4D4D; font-size:1.1em; padding:0px; margin:0px;}
h4							{}

h2.offers					{color:#ffffff; font-weight:normal; font-size:1.8em; padding:0px; margin:0px;}

h3.unicorn					{color:#4D4D4D; font-size:1.8em; font-weight:100; padding:0px; margin:0px;}
h4.unicorn					{color:#5A4943; font-size:1.5em; font-style:italic; font-weight:normal; padding:0px; margin:0px; padding-left:5px;}

h3.sitevideo				{color:#4D4D4D; font-size:1.0em; padding:0px; margin:0px;}

h3.callus					{color:#4D4D4D; padding:0px; margin:0px;}


li							{font-size:1.2em; line-height:2.5em;}


a							{color:#FFFFFF; font-size:1.0em; text-decoration:none; }

/*a.menu:link					{padding-right:20px;}
a.menu:visited				{padding-right:20px;}
a.menu:hover				{}
*/
/* -- start drop down menu added 15-02-11 --*/

ul{
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;}
/*------------------------------------*\
	NAV
\*------------------------------------*/

#nav{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#nav li{
	float:left;
	height: 25px;
	line-height: 17px;
	margin:13px 25px 0 0;
	position:relative;
	display:block;
	font-size: 100%;
}

#nav li.last{
	margin:13px 0px 0 0;
	}
#nav li a{
	display:block;
	color:#ccc;
	/*background:#000;*/
	text-decoration:none;
	/* text-shadow:1px 1px 1px rgba(0,0,0,0.75);*/ /* Text shadow to lift it a little */
	/* -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-image: url(http://test.ebcbrakesdirect.com/images/cssMenu/diagonal.gif);
	background-repeat: no-repeat;*/

}
#nav li a:hover{
	display:block;
	color:#fff;
	/*background-color:#000;
	background:#000;
	background:rgba(0,0,0,0.75);  It'll look nice semi-transparent 
	text-decoration:none;
	background-image: url(http://test.ebcbrakesdirect.com/images/cssMenu/diagonal.gif);
	background-repeat: no-repeat;*/
}

/*--- DROPDOWN ---*/

#nav ul{
	display:block;
	list-style:none;
	position:absolute;
	background-color:#333;
	padding:2px 10px 0px 10px;
	margin-top: 8px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	/*-webkit-transition:0.25s linear opacity; */ /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:0;  /*Introducing a padding between the li and the a give the illusion spaced items */
	margin: 0px;  /*cancels gap between items */
	float:none;
}
#nav ul a{
	color: #ccc;
	position: relative;
	/*background-color: #000;*/
	background-image: none;
	z-index: 999 !important; 
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:-10px; /* Bring back on-screen when needed */
	padding-top: 5px;

	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	/*background:#000;* - hides hover bg/
	background:rgba(107,12,54,0.75); /* It'll look nice semi-transparent */
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	/*-webkit-transition:-webkit-transform 0.075s linear;*/
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	/*background:#ccc;
	background:rgba(51,51,51,0.75);  It'll look nice semi-transparent
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05); */
}

/* -- end drop down menu added 15-02-11 --*/

a.footerNav:link			{color:#FFFFFF; font-size:0.9em; padding:0px; margin:0px;}
a.footerNav:visited			{color:#FFFFFF; font-size:0.9em; padding:0px; margin:0px;}
a.footerNav:hover			{text-decoration:underline}

a.emailWhite:link			{color:#9ABD49; text-decoration:underline }
a.emailWhite:visited		{color:#9ABD49; text-decoration:underline }
a.emailWhite:hover			{color:#476136; }

a.footerEmail:link			{}
a.footerEmail:visited		{}
a.footerEmail:hover			{color:#334029; text-decoration:underline }

a.darkGrey:link				{color:#4D4D4D}
a.darkGrey:visited			{color:#4D4D4D}
a.darkGrey:hover			{}

a.siteMapLinks:link			{color:#476136; text-decoration:underline }
a.siteMapLinks:visited		{color:#476136; text-decoration:underline }
a.siteMapLinks:hover		{}