/* Css styles for text buttons
	Each button is an li.textbutton class grouped in a .textbuttons container with an icon, vertical separator and content text
	If wrapped in an a tag itis assigned the cursor:pointer

	.textbuttons
	.textbuttons li.textbutton
	.textbuttons li span.icon
	.textbuttons li span.vertBar
	.textbuttons li span.content
		
*/
.textbuttons li{
	color:#ccc;
	text-shadow:1px 1px 3px #444;
	position:relative;
	height:31px;
	font-weight:bold;
	overflow:hidden;
	background:url(//cdn.dealerspike.com/imglib/inv/detail/textbutton_background.jpg) repeat-x ;
	text-transform:uppercase;
	margin:0px;
	width:100%;
	list-style: none;
}
.textbuttons.ubuntu li {
	font-family:  'Ubuntu', helvetica, arial, sans-serif;
	font-size:14px;
}
.textbuttons.ubuntucondensed li {
	font-family:  'Ubuntu Condensed', helvetica, arial, sans-serif;
	font-size:15px;
}
.textbuttons.ptsansnarrow li {
	font-family:  'PT Sans Narrow', helvetica, arial, sans-serif;
	font-size:18px;
}

.textbuttons li.textbutton{
	margin-bottom:1px;
	opacity:.8;
	
}
.textbuttons li span{
	position:absolute;
	display:block;
}
.textbuttons li span.icon{
	width:30px;
	height:32px;
	overflow:hidden;
}
.textbuttons li a{
	color:#ccc;
}
.textbuttons li a:hover{
	cursor:pointer;
	color:#ddd;
}

.textbuttons li span.content{
	color:white;
	top:5px;
	left:44px;
	white-space:nowrap;
	width:100%;
}
.textbuttons li.textbutton:hover{
	color:white;
	text-shadow:1px 2px 5px #222;
	opacity:1;
}
.textbuttons.ubuntu li span.content{
	top:6px;
}
.textbuttons.ptsansnarrow li span.content{
	top:3px;
}
.textbuttons li span.icon{
	margin-top:3px;
	margin-left:7px;
}
.textbuttons li.iconSpecs{
	margin-top:30px;
}
.textbuttons li.iconSpecs span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/specs.png) no-repeat;
}
.textbuttons li.invMakeOffer span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/makeoffer.png) no-repeat;
}
.textbuttons li.invGetPrice span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/getbestprice.png) no-repeat;
}
.textbuttons li.invGetQuote span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/quote.png) no-repeat;
}
.textbuttons li.invGetFinancing span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/finance.png) no-repeat;
}
.textbuttons li.invScheduleRide span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/schedule.png) no-repeat;
}
.textbuttons li.invContactUs span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/contact.png) no-repeat;
}
.textbuttons li.invInsuranceQuote span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/insurance.png) no-repeat;
}
.textbuttons li.invVINCheck span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/vin.png) no-repeat;
}
.textbuttons li.invSendToMobile span.icon,.textbuttons li.invSendToFriend span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/send.png) no-repeat;
}
.textbuttons li.invPrintVehicle span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/print.png) no-repeat;
}
.textbuttons li.invValueTrade span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/trade.png) no-repeat;
}
.textbuttons li.invCompareBike span.icon{
	background:url(//cdn.dealerspike.com/imglib/inv/detail/compare.png) no-repeat;
}
li.textbutton span.vertBar{
	top:0px;
	left:36px;
	overflow:hidden;
	background:url(//cdn.dealerspike.com/imglib/inv/detail/trans_vert.png) repeat-y;
	width:2px;
	height:100%;
}
.textbuttons li.textbutton{
  /* IE 8+ */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  /* IE 5-7 */
  filter: alpha(opacity=80);
}
.textbuttons li.textbutton:hover{
  /* IE 8+ */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  /* IE 5-7 */
  filter: alpha(opacity=100);
}