﻿/* 
For Left Col Layout
-------------------------
*/


.fmaLg-Area{
    background-color: #005953; 
    width: 730px; 
    margin: 10px 0px 10px 0px;
    }

.fmaLg-title{	
    color:#fff;
    font-family:Georgia,"Times New Roman",Serif;
    text-decoration:none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0px;
    line-height: 19px;
    font-size: 18px;
}
	
.fmaLg-body{	
	font-family: Verdana, Arial, Sans-Serif;
	color: #fff;
	letter-spacing: 0;
    line-height: 12px;
    font-size: 10px;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
}
  
 A:link.fmaLg  {
	color : #7ac044;
	text-decoration : none;
	}
A:visited.fmaLg  {
	color : #7ac044;
	text-decoration : none;
	}
A:active.fmaLg  {
	color : #61db03;
	text-decoration : underline;
	}
A:hover.fmaLg  {
	color : #61db03;
	text-decoration : underline;
	}	   

.fmaSm-body{	
	font-family: Georgia,"Times New Roman",Serif;
    color: #005856;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 14px;
    font-size: 12px;
}

 A:link.fmaSm  {
	color : #005856;
	text-decoration : none;
	}
A:visited.fmaSm  {
	color : #005856;
	text-decoration : none;
	}
A:active.fmaSm  {
	color : #033231;
	text-decoration : underline;
	}
A:hover.fmaSm  {
	color : #033231;
	text-decoration : underline;
	}	

.container-fmaLg{
    margin: 20px 20px 20px 20px;
}

.container-fmaSm{
    margin: 10px 20px 10px 15px;
}

/* 
-------------------------
*/

#bodyArea #contentWrap #primaryContent.shadowGap
{
width:730px;
margin:0 9px 0 0;	
background: url(../assets/images/primaryDropShadow.gif) no-repeat right 50px;
min-height: 211px;
}


#bodyArea #contentWrap #primaryContent #headerTitleBlock
{
	background:#1f1f1f;
}

#bodyArea #contentWrap #primaryContent #headerTitleBlock h1
{
	margin:0 0 0 13px;
	padding:10px 0 10px 0;
	color:#ffffff;
	font-family:Arial Black, Arial, Sans-Serif;
	font-size:21px;
	font-weight:800;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid
{
margin:15px 0 0 0;
padding:0 0 0 0;	
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li
{
width:233px;
height:232px;
float:left;
margin:0 7px 8px 0;
padding:0 0 0 0;	
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li.introBox
{
	background:url(../assets/images/landing_whiteBlock.gif) no-repeat top left;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li.evenBox
{
	background:url(../assets/images/landing_tealBlock.gif) no-repeat top left;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li.oddBox
{
	background:url(../assets/images/landing_greenBlock.gif) no-repeat top left;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li p
{
	margin:5px 17px 0 15px;
	font-size:10px;
}



#bodyArea #contentWrap #primaryContent ul.landingGrid li a
{
	color:#82df39;
	text-decoration:none;
	font-weight:800;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li a:hover
{
	color:#aaaaaa;
	text-decoration:underline;
}


#bodyArea #contentWrap #primaryContent ul.landingGrid li h3
{
	margin:5px 20px 0 15px;
	font-size:16px;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li.introBox h3
{
	margin:15px 20px 10px 15px;

}


#bodyArea #contentWrap #primaryContent ul.landingGrid li.evenBox, #bodyArea #contentWrap #primaryContent ul.landingGrid li.oddBox
{
	color:#ffffff;	
}

#bodyArea #contentWrap #primaryContent ul.landingGrid li.evenBox h3, #bodyArea #contentWrap #primaryContent ul.landingGrid li.oddBox h3
{
	margin-top:115px;
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:230px;
	height:550px;
	border-top:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;	
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:solid 1px #d7d7d7;	
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu span.header
{
	display:block;
	margin:9px 0px 9px 9px;
	padding:10px 10px 10px 10px;
	background:#000000;
	color:#ffffff;
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu li a
{
	margin:5px 9px 5px 9px;
	padding:5px 5px 5px 18px;
	color:#378788;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	display:block;	
	background:url(../assets/images/listArrow.gif) no-repeat 3px 7px;
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu li a:hover
{
	color:#aaaaaa;
}

#bodyArea #contentWrap #primaryContent ul.dealerResults
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bodyArea #contentWrap #primaryContent ul.dealerResults li
{
	margin:0 0 9px 0;
	padding:0 0 0 0;
	border: solid 1px #e2e2e2;
}

#bodyArea #contentWrap #primaryContent ul.dealerResults li.active
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bodyArea #contentWrap #primaryContent ul.dealerResults li div.primaryInfo
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bodyArea #contentWrap #primaryContent ul.dealerResults li div.secondaryInfo
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/************* testimonials pages **********************/

#bodyArea #contentWrap #primaryContent ul.testimonialsGrid li.evenBox h3, #bodyArea #contentWrap #primaryContent ul.testimonialsGrid li.oddBox h3
{
	margin-top:19px;
}

#bodyArea #contentWrap #primaryContent ul.testimonialsGrid li.evenBox p, #bodyArea #contentWrap #primaryContent ul.testimonialsGrid li.oddBox p
{
	margin:20px 17px 0 15px;
}

#bodyArea #contentWrap #secondaryContent.landingSubNavigation ul.landingSubMenu li a.submitProductTestimonialBtn
{
	margin:9px 0px 9px 9px;
	padding:0px;
	color:#378788;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	display:block;
	background: #fff;
}

.testimonialActive, .testimonialInactive {
	font-family: Verdana, Arial, Sans-serif;
	padding: 0px;
	margin: 0px;
	border-right: solid 1px #dbdbdb;
}

.testimonialActive td, .testimonialInactive td {
	vertical-align: top;
}

.testimonialActive {
	background: #f2f4ec;
}

.testimonialInactive {
	background: #fff;
}

.testimonialHeader {
	font-size: 11px;
	font-weight: bold;
	color: #038888;
	padding: 14px 0px 14px 14px;
	margin: 0px;
	
	border-top: solid 1px #dbdbdb;
	cursor: pointer;
}

.tHeaderName {
	width: 161px;
	padding-right: 14px;
}

.tHeaderTitle {
	width: 461px;
	padding-right: 14px;
}

.tHeaderAction {
	
}

.testimonialActive .tHeaderActionHide {
	display: block;
}

.testimonialActive .tHeaderActionShow {
	display: none;
}

.testimonialInactive .tHeaderActionHide {
	display: none;
}

.testimonialInactive .tHeaderActionShow {
	display: block;
}

.testimonialContent {
	font-size: 10px;
	color: #353535;
	padding: 14px 74px 20px 14px;
	margin: 0px;
	
	border-top: solid 1px #dbdbdb;
}

.testimonialInactive .testimonialContent {
	display: none;
}

.tContentName {
	width: 161px;
	padding-right: 14px;
	font-weight: bold;
}

.tContentText {
	
}

.testimonialCloser {
	border-top: solid 1px #dbdbdb;
	padding: 0px;
	margin: 0px;
}

.navTestimonialDetailContainer {
	padding: 0px;
	margin: 0px;
}

.navTestimonialBlackBar {
	float: right;
	background: #181818;
	width: 240px;
	height: 13px;
	margin-left: -10px;
	margin-bottom: 10px;
}

.navTestimonialImage {
	background: #fff;
	padding: 0px;
	margin: 0px 0px 11px 0px;
	text-align: right;
	float: right;
	width: 230px;
}

.navTestimonialImage img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}