/*
Marketplace page stylesheet for Bike Biz
Version 1.1
Colours:

*/

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

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

.select 								{background: url('../images/market-dropdown-bg.png') 0 0 no-repeat; width: 96px; position: absolute; height: 24px; padding: 0 21px 0 7px; color: #4c4c4c; font-size: 11px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; overflow: hidden;}

#marketsearchbar						{background: #333333; height: 40px; padding: 0 10px; margin: 0 0 10px;}
#marketsearchbar p						{line-height: 40px; float: left; width: 230px; margin: 0; color: #ffffff;}
#marketsearchform						{width: 360px; float: right; height: 27px; position: relative; padding: 10px 0 0;}
#frmmarketsearch						{width: 144px; float: right; border: 1px solid #d2d2d2; padding: 3px 8px; font-size: 11px; line-height: 11px; color: #000000; position: absolute; top: 8px; right: 40px;}
#frmmarketgobutton						{position: absolute; right: 0; top: 8px;}
#frmmarketdrop 							{position: absolute; right: 205px; top: 9px;}

#featuredcompanies, #latestnews			{background: #e6e6e6; padding: 10px; margin: 0 0 20px;}
#maincompany							{margin: 0 0 12px;}
#maincompany img						{float: left; margin: 0 12px 0 0;}
#maincompany h4							{font-size: 21px; line-height: 32px; color: #00529F;}
a.more									{background: url('../images/blue-down-arrow.png') right center no-repeat; font-size: 12px; line-height: 12px; padding: 0 12px 0 0; outline: 0;}
a.less									{background: url('../images/blue-up-arrow.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: #e74520; font-weight: bold;}
#advertisecompany p a					{background: #e74520; 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: 189px; margin: 0 20px 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: 95px; background: #ffffff; margin: 0 0 5px 0;}
div.endcompany							{margin: 0;}	
div.company img							{margin: 0 0 5px;}	

#categories								{background: #e6e6e6; padding: 10px 11px;}
#categories ul							{}
#categories ul	li						{width: 190px; float: left; border-bottom: 1px dotted #c9c9c9; height: 28px; line-height: 28px; color: #666; margin: 0 10px 0 0;}
#categories ul	li.lastitem				{border: none;}
#categories ul	li a					{background: url('../images/orange-right-arrow.png') left center no-repeat; display: inline-block; height: 28px; padding: 0 0 0 11px;}


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

p.totalresults							{color: #333; font-weight: bold;}
a.backbutton, a.backbutton:hover,
a.backbutton:visited					{background: #e74520; font-size: 12px; line-height: 12px; display: inline-block; padding: 5px 6px 4px; color: #fff; font-weight: bold; position: absolute; top: 25px; right: 20px;}

#searchresults							{margin: 0 0 24px;}
div.result								{padding: 10px;}
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: #00529f; font-size: 16px; line-height: 20px; 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: 11px; line-height: 13px;}
div.result table td.title				{width: 130px; font-weight: bold;}
div.result table td.twitter				{background: url('../images/twitter-small.png') left 5px no-repeat; padding: 0 0 0 22px;}
div.result table td.facebook			{background: url('../images/facebook-small.png') left 5px no-repeat; padding: 0 0 0 22px;}
div.result table td.linkedin			{background: url('../images/linkedin-small.png') left 5px no-repeat; padding: 0 0 0 22px;}
div.result a.readmore					{background: #e74520; font-size: 12px; line-height: 12px; display: inline-block; padding: 5px 6px 4px; color: #fff; font-weight: bold;}


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

#companydetails							{background: #fff; padding: 12px;}
#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('../images/twitter-med.png') left 5px no-repeat; padding: 0 0 0 22px; vertical-align: middle;}
#companydetails table td.facebook		{background: url('../images/facebook-med.png') left 5px no-repeat; padding: 0 0 0 22px; vertical-align: middle;}
#companydetails table td.linkedin		{background: url('../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: 0 0 12px; margin: 0 0 12px; position: relative;}
div.newsstory.laststory					{border: none; padding: 0; margin: 0;}
div.newsstory img						{display: block; width: 40px; float: left;}
div.newsstorycontent					{float: right; padding: 0 35px 0 0; width: 505px;}
#content div.newsstorycontent h5		{margin: 0;}
div.newsstorycontent h5 a				{color: #0071bc; font-size: 12px; line-height: 14px; margin: 0; text-decoration: none;}
div.newsstorycontent p					{font-size: 11px; line-height: 14px; margin: 0;}