/*
	Maritime Profile CSS
	---------------------
	This is intended for the profile of a truck from 
	the search results.
*/
/*
	TitleArea
	----------
*/
	#TitleArea{
		margin-bottom:10px;
	}
	#ProfileID{
		float:left;
	}
	#ProfileID .body{
		line-height:26px;
		color:#717277;
		font-size:14px;
		padding-right:5px;
	}
	#TitleArea h1{
		line-height:26px;
		float:left;
		width:310px;
		margin-left:5px;
	}
	#TitleArea h2{
		line-height:26px;
		float:left;
		width:310px;
		margin-left:5px;
	}
	#TruckNavigator{
		float:right;
	}
	#TruckNavigator .pageCounter{
		float:left;
		line-height:22px;
		color:#717277;
		margin-right:15px;
	}
	#TruckNavigator .pageCounter,
	#TruckNavigator .button{
		margin-top:2px;
	}
	#ProfileID .header,
	#ProfileID .body,
	#ProfileID .footer,
	#TruckNavigator .header,
	#TruckNavigator .body,
	#TruckNavigator .footer{
		float:left;
		height:26px;
	}
	#ProfileID .header,
	#ProfileID .footer,
	#TruckNavigator .header,
	#TruckNavigator .footer{
		width:5px;
		background-image:url(../images/profile-sprites-or8.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#ProfileID .body,
	#TruckNavigator .body{
		background-color:#f4f4f4;
		padding-left:5px;
	}
	#TruckNavigator .footer{
		background-position:-24px top;
	}
	#NextProfile{
		margin-right:0;
	}
	#ProfileID .footer{
		width:8px;
		background-position:-24px top;
	}
	
/*
	Photo Area
	----------
*/
	#Gallery{
		position:relative;
		top:0;
		left:0;
	}
	#Sold{
		width:149px;
		height:148px;
		background-image:url(../images/SOLD.png);
		background-repeat:no-repeat;
		background-position:0 0;
		position:absolute;
		top:-3px;
		right:-3px;
	}
	
	#Photo{
		clear:both;
		display:block;
		background-color:#000;
		height:420px;
	}
	
	#PhotoFooter{
		margin-bottom:15px;
	}
	#PhotoFooter .body{
		background-color:#f4f4f4;
		border:1px solid #d5d5d5;
		border-bottom:0;
	}
	#PhotoFooter .footer{
		height:5px;
		background-image:url(../images/profile-sprites-or8.png);
		background-repeat:no-repeat;
		background-position:0 -59px;
		overflow:hidden;
	}
	#PhotoToolBar{
		margin:10px 15px;
	}
	
	#PhotoCount,
	#PhotoCount .header,
	#PhotoCount .body,
	#PhotoCount .footer{
		padding:0;
		margin:0;
		background-image:none;
		float:left;
		border:0;
		color:#7e8086;
		font-size:14px;
		line-height:30px;
		height:30px;
		display:block;
	}
	#PhotoCount .body{
		background-color:#eaeaea;
		text-indent:10px;
		width:300px;
	}
	#PhotoCount .header,
	#PhotoCount .footer{
		width:5px;
		background-image:url(../images/profile-sprites-or8.png);
		background-repeat:no-repeat;
		background-position:-32px top;
	}
	#PhotoCount .footer{
		background-position:-56px top;
	}
	#PhotoToolBar a.bigButton{
		margin-right:0;
	}
	#PhotoToolBar a.buttonBigGreen{
		margin-left:13px;
		margin-right:8px;
	}
	
	#PhotoGallery{
		clear:both;
		margin:10px 15px 0;
		position:relative;
		display:block;
		padding-bottom:10px;
	}
	#PhotoGallery ul{
		padding:0;
		margin:0;
		float:left;
	}
	#PhotoGalleryMask{
		float:left;
	}
	#PhotoGallery ul li{
		list-style:none;
		padding:0;
		margin:0;
		float:left;
		padding:10px 3px 0 3px;
	}
	#PhotoGallery ul li a{
		float:left;
		width:112px;
		height:86px;
		background-image:url(../images/thumbnail-sprites.png);
		background-repeat:no-repeat;
		background-position:1px -174px;
	}
	#PhotoGallery ul li a img{
		margin:4px;
	}
	#PhotoGallery ul li.active a,
	#PhotoGallery ul li a:hover,
	#PhotoGallery ul li a:active,
	#PhotoGallery ul li a:focus{
		background-position:-115px -175px;
	}
	
	#PreviousPhoto,
	#NextPhoto,
	#PreviousPhoto a,
	#NextPhoto a{
		display:block;
		width:32px;
		height:32px;
		text-indent:-100px;
		overflow:hidden;
	}
	#PreviousPhoto,
	#NextPhoto{
		position:absolute;
		top:35px;
		display:none;
	}
	#PreviousPhoto{
		left:-29px;
	}
	#NextPhoto{
		right:-29px;
	}
	#PreviousPhoto a,
	#NextPhoto a{
		background-image:url(../images/profile-sprites.png);
		background-repeat:no-repeat;
	}
	#PreviousPhoto a{
		background-position:0 -128px;
	}
	#PreviousPhoto a.active{
		background-position:0 -64px;
	}
	#PreviousPhoto a.active:hover,
	#PreviousPhoto a.active:active,
	#PreviousPhoto a.active:focus{
		background-position:0 -96px;
	}
	#NextPhoto a{
		background-position:-32px -128px;
	}
	#NextPhoto a.active{
		background-position:-32px -64px;
	}
	#NextPhoto a.active:hover,
	#NextPhoto a.active:active,
	#NextPhoto a.active:focus{
		background-position:-32px -96px;
	}
	
	
/*
	Specs
*/
	table.specs{
		border-right:1px solid #d5d5d5;
		border-top:1px solid #d5d5d5;
		position:relative;
		z-index:1;
		width:100%;
		border-collapse:separate;
	}
	table.specs th{
		color:#686f75;
		font-weight:normal;
		text-align:right;
		font-size:11px;
		padding:6px 10px;
		background-color:#f4f4f4;
		border-bottom:1px solid #e0e0e0;
		border-right:1px solid #d5d5d5;
		border-left:1px solid #d5d5d5;
		
	}
	table.specs td{
		padding:6px 10px;
		border-bottom:1px solid #e0e0e0;
	}
	#Specsheet{
		position:relative;
		display:block;
		margin-top:10px;
		/*	Again to satisfy IE6 */
		width:624px;
	}
	#Specsheet .tl,
	#Specsheet .tr,
	#Specsheet .bl,
	#Specsheet .br{
		height:4px;
		width:4px;
		position:absolute;
		background-image:url(../images/profile-sprites-or8.png);
		background-repeat:no-repeat;
		z-index:2;
		font-size:1px;
		overflow:hidden;
	}
	#Specsheet .tl{
		top:0;
		left:0;
		background-position:-71px -7px;
	}
	#Specsheet .tr{
		top:0;
		right:0;
		background-position:-85px -7px;
	}
	#Specsheet .bl{
		bottom:0;
		left:0;
		background-position:-71px -21px;
	}
	#Specsheet .br{
		bottom:0;
		right:0;
		background-position:-85px -21px;
	}
	#TruckFeatures{
		margin-top:15px;
		padding-bottom:10px;
	}
	#TruckFeatures .bigButton{
		margin-bottom:10px;
	}
	#TruckFeatures .blue{
		font-size:14px;
		color:#0064d9;
	}
	#TruckFeatures .phone{
		font-size:24px;
		font-weight:bold;
	}
	#ContactDetails{
		padding-top:20px;
	}
	#ContactDetails p{
		line-height:normal;
	}
	#TruckFeatures h2{
		line-height:32px;
	}
	#SpecTitle{
		padding-left:10px;
	}
	.featureList .icon{
		width:32px;
		height:32px;
		display:block;
		float:left;
		background-image:url(../images/profile-sprites.png);
		background-repeat:no-repeat;
		background-position:-64px -64px;
	}
	.internal .icon{
		background-position:-64px -96px;
	}