@font-face 						{
									font-family: "SignifyLite";
									font-style: normal;
									src: url("/media/signifylite-webfont.eot?#iefix") format("embedded-opentype"), url("/media/signifylite-webfont.woff") format("woff"), url("signifylite-webfont.ttf") format("truetype"), url("signifylite-webfont.svg#SignifyLite") format("svg");
								}


#fbmask							{ 	margin:0 5px;overflow:hidden; width:50px; float:left; position:relative; top:-10px; }
#twitterMask					{ 	margin-top:8px; overflow:hidden; width:50px; float:left; position:relative; top:-10px; }
*								{	margin: 0;	padding: 0;	}
#TOP							{	min-height:120px; overflow:hidden; position:relative; z-index:1000;	}
#secondContainer				{	position:relative; float:left; 	}
#borderContainer				{	border-bottom:1px solid black; min-height:75px;	}
	
#Top-L , #Top-M, #Top-R			{ 	position:relative; float: left; 	}
#Top-R							{	float: right;}
#Top-M, #Top-R					{	max-width:50%;	}
#Top-M							{	margin-top: 15px;	}
body								{	background-color:#FFF;	}
#Wrapper						{	width:100%;	}
.container						{	width:1050px;  margin:0 auto;	}
#mainHeader						{	background-color: #666; background-image:url('../images/header.png'); background-position:center; height:140px; position:relative; 	}
.overlay						{	background: url("../images/overlay.png") repeat-x scroll 0 0 transparent;
									bottom: 0;
									height: 140px;
									left: 0;
									position: absolute;
									width: 100%;	
								}
#loginTab						{	width:100px; position:relative; float:right;	}
#mainLogo						{	position:relative; top:20px; width:243px; height:68px;	}
#menuTabs						{	margin: 0 0 0 25px; text-align:left; position:absolute; bottom:0; }
#contentArea					{	margin:1em 0; min-height:350px;	}
#rightColumn					{	position:relative; float:right;	}
#toolbar						{	background: url("../images/checker_light.png") repeat scroll 0 0 transparent;
									-moz-border-radius:5px 5px 0px 0px;
									-webkit-border-radius:5px 5px 0px 0px;
									border-radius:5px 5px 0px 0px;
									bottom: 0;
									box-shadow: 0 -5px 15px #000000;
									margin: 0;
									position: fixed;
									text-align: center;
									vertical-align: middle;
									width: 100%;
									z-index:2000;	
									max-height:42px;
								}


#toolbarLeft					{	position:relative; float:left;	}
#toolbarRight					{	position:relative; float:Right;	}
#toolbarCenter					{	position:static; margin:0 auto;	}
#mainFooter						{	padding: 5px 15px 42px 15px; text-align:center; 	}
.custom_loginTab				{	margin:0; background-color:#C00; color:#D1D1D1; padding:3px; width:75px; text-align:center;
									-moz-box-shadow:inset 0px 0px 3px 0px #e00000;
									-webkit-box-shadow:inset 0px 0px 3px 0px #e00000;
									box-shadow:inset 0px 0px 3px 0px #e00000;
									background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc0000), color-stop(1, #820000) );
									background:-moz-linear-gradient( center top, #cc0000 5%, #820000 100% );
									filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#820000');
									background-color:#cc0000;
									-moz-border-radius:0px 0px 8px 8px;
									-webkit-border-radius:0px 0px 8px 8px;
									border-radius:0px 0px 8px 8px;
									border-right:1px solid #ad0000;
									border-bottom:3px solid #ad0000;
									border-left:1px solid #ad0000;
									display:inline-block;
									color:#ffffff;
									font-family:Georgia;
									font-size:17px;
									font-weight:bold;							
									text-decoration:none;
									text-shadow:0px 0px 4px #520505;
								}
#menuTabs a:visited				{	text-decoration: none;	}
#menuTabs ul						{	float:left;	}
#menuTabs li						{	float:left; position:relative; margin:0 3px; background-color:#FFF; padding:2px 15px; list-style:none;						
									-moz-box-shadow:inset 1px 3px 9px -1px #ffffff;
									-webkit-box-shadow:inset 1px 3px 9px -1px #ffffff;
									box-shadow:inset 1px 3px 9px -1px #ffffff;
									background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
									background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
									filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
									background-color:#f9f9f9;
									-moz-border-radius:4px 4px 0 0;
									-webkit-border-radius:4px 4px 0 0;
									border-radius:4px 4px 0 0;
									border:1px solid #dcdcdc;
									display:inline-block;
									color:#666666;
									font-weight:bold;									
									text-decoration:none;
									text-shadow:1px 1px 0px #ffffff;
								}
#footer							{	text-align:center;	}
#footer .custom_SN				{	height:33px; width:145px; margin:0 auto; position:relative; 	}
#menuTabs li:hover 				{
									background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
									background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
									filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
									background-color:#e9e9e9;
								}
.black_overlay					{
									display: none;
									position: fixed;
									top: 0%;
									left: 0%;
									width: 100%;
									height: 100%;
									background-color: black;
									z-index:1001;
									-moz-opacity: 0.8;
										opacity:.80;
									filter: alpha(opacity=80);
								}
						
#splitTable td					{	width:50%; 	padding:10px; }
#offersAndTrim td				{	padding: 0 10px;	}
#Offers td						{	border-width: 2px; 	padding: 1px; 	border-style: inset;	border-color: black;	text-align:center; height:50px; }	
#Offers .offerThumb				{	width:200px;	}
#Offers .offerPrice				{	width:75px;	}
#paints div						{	margin: 10px 5px;	}
#additionalEquipment			{	position:relative; float:left; padding:10px;	}
#actions div						{	margin: 10px 0;	}
#acceptOffer input				{	text-align:center; width:256px; height:86px;	}
#counteroffer 					{	width:200px;	}
#askQuestion input 				{	margin:0 0 0 200px; 	}
#offsetSplitTable				{	padding:10px; 	}
#offsetSplitTable .left			{	width:65%; padding:0 30px 0 0;	}
#offsetSplitTable .right			{	width:35%;		}
#AgentInformation 				{	vertical-align:text-top;	}
#offerComments					{	border-width:2px; padding:1px; border-style:inset; background-color:#EEE; padding:10px;}
#offerCard						{	width:635px; height:500px; background-image:url('../../../media/com_autoagent/images/CarOffer.png'); z-index:-1; text-align:center;	}
#offerBanner					{	position:relative; top:-70px; width:650px; left:-7px; background:#EEE;	
									-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									z-index: 100; /* the stack order: foreground */
								}
.triangle						{
									border-style:solid;
									border-width:15px;
									height:0px;
									width:0px;
									position: relative;
									top: 5px;
									z-index: -1; /* displayed under bubble */
								}
#offerCard #triangle_R			{	border-color: transparent transparent transparent #CCC;	float:right; right:-25px; top:-85px;	}
#offerCard #triangle_L			{	border-color: transparent #CCC transparent transparent;	float:left; left:-25px; top:-85px;	}
#confirmWrapper					{	text-align:center; background-color:#eee;	}
#confirmWrapper img				{	margin: 10px;	}			
#banner							{	background-color: #f00; padding:10px;	}

#submenu						{	height: 42px;  	}
#submenu ul						{	list-style-type: none;	}
#submenu li						{	position: relative; float:left; margin:10px; 	}

#submenu a img 					{	width:32px; height:32px; border-width: 0;}
a.charts img 						{	background: url(../images/icon_star.png) top left no-repeat; }
a.newAgent img 					{	background: url(../images/icon_people.png) top left no-repeat; }
a.home img 						{	background: url(../images/icon_home.png) top left no-repeat; }
a.charts:hover img 				{	background: url(../images/icon_star_R.png) top left no-repeat; }
a.newAgent:hover img 				{	background: url(../images/icon_people_R.png) top left no-repeat; }
a.home:hover img 					{	background: url(../images/icon_home_R.png) top left no-repeat; }

#NewAgentForm div					{	margin:3px 0;	}
#NewAgentForm td					{	vertical-align:top;  padding:20px; min-width:250px;		}
#NewAgentForm input				{	position:relative; float:right;		}
#salesTeam						{	width:230px; height :512px;  position:relative; float:left; text-align:center; overflow:auto;  	}
#leadsList						{	width:846px; height:512px; overflow:auto;	}
#TeamList						{	text-align:center;	overflow:hidden;}
#TeamList .agentCard				{	float:left; margin: 10px;	}
.agentCard						{	width:180px; height:120px; background-color:#EEE; padding:15px; background:url("../../../images/agentCard.png"); position:relative;	z-index:1000;}
.agentCard						{	width:180px; height:120px; background-color:#EEE; padding:15px; background:url("../../../images/agentCard.png"); position:relative;	z-index:1000;}
.agentCard .ImagesRow *			{	vertical-align:middle; margin:0 5px;	}
.agentCard .assignedVehicles		{	display: inline-block; background:url("../../../images/Car_silhouette.png") no-repeat; width:100px; height:48px; color:#fff; 	}
.agentCard .agentName			{	margin:5px 0;	}
.agentCard tr, .agentCard td		{	border-style: none;	}
.assignmentContainer			{	position: relative; float:left; }


#leadsList .col					{	background-color:#eee;	width:400px;  margin:2px;}
#dateTime						{	position:absolute; top:180px; left:15px;	}
#leadsList .highlight			{	background-color:#0ff;	width:400px;  margin:2px;}
#leadsList .active				{	background-color:#ff0;	width:400px;  margin:2px;}
#leadsList .vehicleInfo			{	width:256px; }
.assignmentInformation			{	height:48px; margin:5px; display:table-cell; vertical-align:middle	}
.imageDivFetch					{	position: relative; float:left;	}

#imageSpace						{	width:200px; height:200px; text-align:center;	}
#AgentPicture					{	max-width:200px; max-height: 200px;	}
#agentInfo						{	width:45%; }
#badgesContainer				{	width:50%;	margin:15px 0 15px 15px; background-color:#EEE; position:relative; float:right; 
									-moz-box-shadow: 0px 0px 5px 0px #000;
									-webkit-box-shadow: 0px 0px 5px 0px #000;
									box-shadow: 0px 0px 5px 0px #000;	
								}
#badgesContainer #banner			{
									background: #7f9db9;
									height: 30px;
									width: 350px;
									position: relative;
									right:-15px;
									top: -30px;
									float: right;
									-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									z-index: 100; /* the stack order: foreground */
								}
							
#badgesContainer .triangle		{	border-color: transparent transparent transparent #7d90a3;
									float:right;	
									left: 400px;
								}
#badgeList						{	margin: 50px 10px 10px 10px;}
#badgeList .badge				{	margin:10px; position:relative; float:left;	}

#leftArrow						{	position:relative; float:left; height: 150px; 	}
#rightArrow						{	position:relative; float:right;	}
#leftArrow, #rightArrow img		{	position:relative; top:50px;	}
#profileTestimonials			{	position :relative; width:90%; border-style:none;  overflow:hidden; height:150px;	
									margin:32px 0;
									-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
									-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
								}
#profileTestimonials .Teste		{	width:250px; position:absolute; left:0px; top:10px;  }
#profileTestimonials .text		{	height:80px; overflow:hidden;	}
.Teste .readMore					{	position :relative; float:right;	}
.Teste .title					{	font-weight:bold;	}
.Teste .bigTeste					{	position:fixed; width:50%; left:25%; top:25%; background-color:#EEE; z-index:2001;						
									-moz-border-radius:4px;
									-webkit-border-radius:4px;
									border-radius:4px;
									padding: 10px;
									max-height:50%;
									overflow:auto;
								}
.Teste .bigTitle					{	background-color:#DDD; font-weight:bold; padding: 10px;	margin:0 0 10px 0;}
#AgentReviews					{	position:relative; top:35px; left:65px;	}
.thumb							{	width:48px; height:48px; margin: 0 5px;	}	
.thumb_B						{	max-width:90px !important; max-height:90px !important; margin: 0 5px; width:ignore; height:ignore;	}		
.ImageCell						{	width:90px; height:90px;}			
.SplitDiv input					{	position:relative; float:right;	}
#tipsDiv						{	position:relative; float:right;	}
.quadDiv 						{	position:relative; float:left; margin:0 10px;	}
#editProfile .head				{	background-color: #DDD; margin:20px 0 0 0; padding:10px;	}
#editProfile .section			{	background-color: #EEE; padding:10px;	}

#TeamList a:link, 
#TeamList a:visited, 
#TeamList a:active,			
#TeamList a:hover 				{	color: #095197 !important; 	}
#PreviewContainer				{	min-height:450px;	}
#IPhoneWrapper					{	position:absolute; left:0px; bottom:0px; background:url("/images/iphone.png") no-repeat; width:246px; height:452px;	}
#IPhoneIframe					{	width:193px; height:276px; margin:95px 0 0 27px; scrollbar-track-color: #FF00FF; }
#IPhoneHWrapper					{	position:absolute; right:0px; bottom:0px; float:left;  background:url("/images/iphone_h.png") no-repeat; width:452px; height:246px;	}
#IPhoneHIframe					{	width:289px; height:181px; margin:38px 0 0 82px; }


.iconButton 					{
									background: -moz-linear-gradient(center top , #FFFFFF 0%, #E7ECF2 50%, #D0D6DD 50%, #E2E6EA 75%, #F0F3F5 100%) repeat scroll 0 0 transparent;
									border-radius: 5px 5px 5px 5px;
									box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
									color: #34373A;
									cursor: pointer;
									display: inline-block;
									font: bold 14px/150% "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
									margin: 0 10px 0 0;
									padding: 0 10px;
									text-align: center;
									text-decoration: none;
									text-shadow: 0 1px 0 #FFFFFF;
									position:relative; 
									float:right;
								}

.iconButton:hover 				{
									background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEF0F3 50%, #DFE3E8 50%, #F6F8F9 100%) repeat scroll 0 0 transparent !important; 
									box-shadow: 0 0 5px rgba(100, 100, 100, 0.5) !important;
									color: #34373A !important;
								}

		


.iconButton:active 				{
									background: -moz-linear-gradient(center top , #F8FAFC 0%, #E7ECF2 50%, #D0D6DD 50%, #D6DCE2 100%) repeat scroll 0 0 transparent !important;
									box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset !important;
									color: #34373A !important;
								}
#StartNow	.label				{	font-size: 18px;}
 a:link, .iconButton a:visited 	{	color: #34373A;	}
#delete:hover, #StartNow:hover 	{	color:#FF0000 !important;  box-shadow: 0 0 5px rgba(255, 0, 0, 1) !important;	}
#StartNow						{	float:none; margin: 0 auto;	} 
#StartNow	.icon				{	margin:3px 0 0 0;width:24px;background:url("/images/A-red.svg") no-repeat;  background-size:24px 24px; 	}
#delete	.icon					{	width:24px;background:url("/images/D-red.svg") no-repeat;  background-size:18px 18px; background-position:2px 6px;  	}
#Edit	.icon					{	width:24px;background:url("/images/N-blue.svg") no-repeat;  background-size:18px 18px; background-position:2px 6px;  	}
#Print	.icon					{	width:24px;background:url("/images/P-blue.svg") no-repeat;  background-size:18px 18px; background-position:2px 6px;  	}
.icon 							{
									border-right: 1px solid rgba(0, 0, 0, 0.2);
									display: inline-block;
									float: left;
									font-family: 'SignifyLite';
									font-size: 16px;
									font-weight: 100;
									height: 32px;
									line-height: 26px;
									margin: 0;
									padding: 0 8px 0 0;
								}
.label 							{
									border-left: 1px solid rgba(255, 255, 255, 0.2);
									display: inline-block;
									float: left;
									font-weight: 500;
									height: 32px;
									line-height: 32px;
									padding: 0 5px 0 10px;
								}
#process						{	min-height:320px; text-align:center; float:left; width:100%;	}
#process .container 				{	clear: both;	float: left;	overflow: hidden;	width: 100%;	}
#menu2 							{	float: left;	left: 50%;	list-style-type: none;	margin: 0 auto;	padding: 0;	position: relative;	}
#menu2 li 						{	float: left;	position: relative;	right: 50%;	}

.step-wrap						{	clear:right; margin: 0 auto; float:left; position:relative; left: 50%;	}
.Step							{	float:left; position:relative; right:50%;  width:240px; height:435px; 	}
#car							{	margin-top:75px;	}
.stepTitle						{	margin-bottom: 25px; padding:5px;	}
.stepNumberTD					{	width:25px;	}
.stepTitle	table					{	width:100%;	}
.stepNumber , .stepDescription	{	border:2px solid Black; padding: 3px; text-align: center;	}
.stepDescription				{	border-left:none; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;	}
.stepNumber						{	color:#f00; font-size:100%;  font: bold  "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; background-color:#eee;  width:25px;  -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
.stepImage						{	padding:15px 0; text-align:center;	}
#coa							{	position:relative; float:right; right: 15px; background-color:#EEE; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:2px solid #777;	}
.leftText						{	position: relative; float:left;	  margin:10px; padding:10px; max-width:150px; text-align:center;}
.right_Button					{ 	position:relative; float:left; margin:5px 10px 0 0; padding:10px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#coverText h1					{	color:#000 !important;  font-size:29px;}
#socialNetworks					{	width:325px; margin:0 auto; float:none !important; 	}
#socialNetworks h2				{	margin:3px 0 0 32px; float:left; 	}
#coa a:link,
#coa a:hover ,
#coa a:active,
#coa a:visited					{	color:#fff !important; 	}
.row							{	position: relative;  margin:0 auto;  float:left; right:50%; clear: both;  }
.col							{	position: relative;  max-width:76px; float:left;margin:0 auto; right:50%;  	}
.row .element, .col .element		{	border-right: 1px solid white; min-width: 75px; position:relative; float:left; text-align: center; background-color:#EEE; color:#0D4C89; font-family: 'Titillium Maps',Arial;	}
.row .element					{	padding:3px;  	}
#mini-Preview					{	 
									width:158px;
									margin: 0 auto;
									-moz-box-shadow: 0px 0px 5px 0px #000;
									-webkit-box-shadow: 0px 0px 5px 0px #000;
									box-shadow: 0px 0px 5px 0px #000;	
								}
#contactForm textarea,
#contactForm input 				{	margin:3px;	}	
#PricingCOA						{	height: 48px;
									background: -moz-linear-gradient(center top , #FFFFFF 0%, #E7ECF2 50%,  #E2E6EA 75%, #F0F3F5 100%) repeat scroll 0 0 transparent;
									margin:10px 5% 10px 40px;
								}	
#PricingCOA	.icon				{	vertical-align: middle; margin-top:13px; font: bold 14px/150% "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; 	}
#PricingCOA	.label				{	line-height:21px; margin-top:3px;	}
#PricingCOA:hover 				{	background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEF0F3 50%,  #F6F8F9 100%) repeat scroll 0 0 transparent !important; }
#PricingCOA:active 				{	background: -moz-linear-gradient(center top , #F8FAFC 0%, #E7ECF2 50%, #D6DCE2 100%) repeat scroll 0 0 transparent !important;}
#devicesTitle					{	min-width:100%;	}
#mobileSupport					{	position:relative; float:left; min-width:50%;}
#FLeft							{	float:left; position:relative;	}									
#rc1 .element					{	color:#f00;	}
#rc2 .element					{	color:#FFF; background-color:#000;  	}
#rc3 .element					{	color:#777; background-color:#ccc;	}	
.row .element					{	max-height: 48px;	}	
.ieTR1							{	color:#f00;	background-color: #EEEEEE;}
.ieTR2							{	color:#FFF; background-color:#000; 	}
.ieTR3							{	color:#777; background-color:#ccc;	}
.ieTC1							{	min-width: 75px; text-align: center; padding: 3px; border-right: 1px solid white; 	}
.ieTC2							{	min-width: 75px; text-align: center; padding: 3px; border-right: 1px solid white;	}
.ieTC3							{	min-width: 75px; text-align: center; padding: 3px; border-right: 1px solid white;	}
#QRcar							{	position:relative; float:right; margin:0 15px;	}
#QRcar img						{	max-height:350px;	}