/*
Directory page stylesheet for MCV
Version 1.1
Colours:

*/

#content								{position: relative;}
#content h3								{font-size: 18px; line-height: 18px; color: #333; font-weight: bold; margin: 0 0 10px;}

#companyimage 							{width: 195px; float: left;}
#companysummary 						{width: 375px; float: left;}

.select 								{background: url(assets/images/market-dropdown-bg.png) 0 0 no-repeat; width: 96px; position: absolute; height: 24px; padding: 0 21px 0 7px; color: #4c4c4c; font-size: 0.9em; line-height: 24px; overflow: hidden;}

#directorysearchbar						{background: #1a1a1a; overflow:hidden; padding: 0 10px 2px 10px; margin: 0 0 10px;clear:both;}
#directorysearchbar p					{float: left; width: 130px; margin: 0; padding:10px 0; color: #fff;font-weight:bold;}
#directorysearchform					{xxwidth: 455px; float: right; height: 27px; position: relative; padding: 10px 0 0;}
input#frmmarketsearch					{width: 144px; float: left; margin-right:5px;border: 1px solid #d2d2d2; padding: 3px 8px; }
#frmmarketgobutton						{float:left;}
#directorysearchbar	select				{width:200px;float:left;margin:2px 10px 0 0;}

#featuredcompanies, #latestnews			{border:1px solid #e9e9e9;padding: 0; margin: 0 0 20px;}
#latestnews p							{padding:0 10px;}
#companies								{padding:10px 0 10px 10px;}
#maincompany							{margin: 0 0 12px;padding:10px;}
#maincompany h4							{font-size: 21px; line-height: 32px;}
a.more									{background: url(/assets/images/arrow-down-purple.png) right center no-repeat; font-size: 12px; line-height: 12px; padding: 0 12px 0 0; outline: 0;}
a.less									{background: url(/assets/images/arrow-up-purple.png) right center no-repeat; font-size: 12px; line-height: 12px; padding: 0 12px 0 0; outline: 0;}
                           
#advertisecompany						{background: #000; height: 47px; padding: 0 0 0 10px; margin: 0 0 12px;}
#advertisecompany p						{font-size: 21px; color: #fff; line-height: 47px; margin: 0;}
#advertisecompany p span				{color: #588400; font-weight: bold;}
#advertisecompany p a					{background: #89c01c; font-size: 12px; line-height: 12px; display: inline-block; padding: 7px 8px 5px; color: #fff; text-transform: uppercase; vertical-align: middle; position: relative; top: -2px; margin: 0 0 0 12px;}

div.company								{float: left; width: 198px; margin: 0 12px 0 0;}
div.main-company-logo 					{float: left; width: 205px; background: #ffffff; margin: 0 15px 10px 0;}
div.main-company-detail 				{float: left; width: 380px;}
div.company-logo 						{height: 105px; background: #ffffff; margin: 0 0 5px 0;padding-bottom:15px; overflow: hidden; text-align: center; vertical-align: middle; border: 1px solid #E6E6E6;}
div.endcompany							{margin: 0;}	
div.company img							{margin: 5px 0 5px;}	
div.company p							{font-weight:bold;text-align:center;}
#promote								{padding:0 0 15px 10px;}

#categories								{border:1px solid #e9e9e9;}
#categories ul							{padding:10px;}
#categories ul	li						{width: 230px; float: left; color: #666; margin: 0 10px 6px 0;}
#categories ul	li.lastitem				{border: none;}
#categories ul	li a					{background: url(/assets/images/arrow-right-red.png) left 4px no-repeat; display: inline-block; padding: 0 0 0 11px;}


/****** SEARCH RESULTS ******/

p.totalresults							{color: #333; font-weight: bold;}
#searchresults							{margin: 0 0 24px;}
div.result								{padding: 20px;}
div.oddresult							{background: #f2f2f2;}
div.result img.companylogo				{width: 140px; height: 74px; float: left;}
div.result div							{float: right; width: 440px;}
div.result h4							{color: #333; font-size: 1.4em; margin: 0 0 3px; font-weight: bold;}
div.result table						{width: 440px; margin: 0 0 10px;}
div.result table td						{padding: 5px 0; border-bottom: 1px dotted #c9c9c9; font-size: 0.9em; line-height: 13px;}
div.result table td.title				{width: 130px; font-weight: bold;}
div.result table td.twitter				{background: url(/assets/images/twitter-small.png) left 5px no-repeat; padding: 0 0 0 22px;}
div.result table td.facebook			{background: url(/assets/images/facebook-small.png) left 5px no-repeat; padding: 0 0 0 22px;}
div.result table td.linkedin			{background: url(/assets/images/linkedin-small.png) left 5px no-repeat; padding: 0 0 0 22px;}
div.result a.readmore					{background: #89c01c; font-size: 12px; line-height: 12px; display: inline-block; padding: 5px 6px 4px; color: #fff; font-weight: bold;}


/****** COMPANY DETAILS ******/

#companydetails							{background: #fff; padding: 10px;}
#companydetails table					{width: 566px;}
#companydetails table td				{padding: 5px 0; border-top: 1px dotted #c9c9c9; font-size: 12px; line-height: 17px; vertical-align: top;}
#companydetails table tr.firstrow td
										{border: none;}
#companydetails table td.title			{width: 195px; font-weight: bold;}
#companydetails table td.twitter		{background: url(/assets/images/twitter-med.png) left 5px no-repeat; padding: 0 0 0 22px; vertical-align: middle;}
#companydetails table td.facebook		{background: url(/assets/images/facebook-med.png) left 5px no-repeat; padding: 0 0 0 22px; vertical-align: middle;}
#companydetails table td.linkedin		{background: url(/assets/images/linkedin-med.png) left 5px no-repeat; padding: 0 0 0 22px; vertical-align: middle;}

/****** LATEST NEWS ******/

div.newsstory							{border-bottom: 1px dotted #c9c9c9; padding: 10px; margin: 0; position: relative;}
div.newsstory.laststory					{border: none; padding: 0; margin: 0;}
div.newsstory img						{display: block; width: 40px; float: left;}
div.newsstorycontent					{float: left; padding: 0 35px 0 10px; width: 505px;}
#content div.newsstorycontent h5		{margin: 0;}
div.newsstorycontent h5 a				{font-size: 12px; line-height: 14px; margin: 0; text-decoration: none;}
div.newsstorycontent p					{font-size: 0.9em; line-height: 14px; margin: 0;}