﻿/*******************************************
* Homepage Styles                          *
* Alternate color: #EDEDED / #DBDCDF;      *
*******************************************/
#HomepageAdverts
{
	padding-bottom: 20px;
}
.SingleHomepageAdvert
{
	width:24%;
	float: left;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 15px;
}
.HomepageAdvert
{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.HomepageAdvert li
{
  background-color: #EDEDED;
  padding: 1px;
  height: 50px;
  margin-bottom: 5px;
  color: #407AA3;
}
.HomepageAdvert li.alternate
{
  background-color: #DBDCDF;
}
.HomepageAdvert
{
  font-size: 0.9em;
}
.HomepageAdvert li img
{
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}

.HomepageAdvert li .AdvertTextLink
{
  display: block;
  margin: 4px 0 2px;
  height: 29px;
  text-decoration: none;
  overflow: hidden;
  color: Black;
}

.HomepageAdvert li .AdvertTextLink:hover
{
  text-decoration: underline;
}

.date, .cost
{
  font-size: 13px;
  color:Black;
  float: right;
  font-weight: bold;
  margin-top: 45px;
}

.date
{
  width: 7em;
  padding-right:15px;
}

.cost
{
	padding-right:10px;
	width: 40px;
	text-align:right;
    color: #407AA3;
}

.costHP
{
	font-size: 0.9em;
}
.AdvertTitleAndPrice
{
	height: 30px;
}

/********************************************************
* SearchResults styles                                  *
* Light Grey, #EDEDED                                        *
********************************************************/
#DealerLink
{
    font-size: 10px;
    color: Black;
    font-weight: bold;
    font-family: Tahoma;
    margin-top: 13px;
}
#DealerLink a.DealerTextLink
{
    color: Black;
    text-decoration: none;
    font-size: 13px;
}
#DealerLink a.DealerTextLink:hover
{
    color: Black;
    text-decoration: underline;
}

.SmallBrowseLink
{
  font-size: 0.9em;
}

.SaveAdLink
{
  font-size: 0.9em;
  /*margin-left: 620px;*/
  margin-top: -22px; 
  width: 100px; 
  float: right;
}

.SaveAdLink a
{
    color: #407AA3;
}

.SaveIconPicture
{
    margin-left: 5px;
}

.SaveAdLinkToRight
{
    float: right;
}
.AdvertLocation
{
    font-size: 13px;
    margin-top: 13px;
    color: Black;
    height: 16px;
}

.AdvertLocation a
{
    color: Black;
    text-decoration: none;
}

.SearchResultsAdvert
{
  padding: 1px;
  height: 115px;
  margin-bottom: 5px;
  color: #407AA3;
  border-bottom: solid 1px Silver;
    font-family: Tahoma;
}

.SearchResultsAdvertDealer
{
  padding: 5px;
  height: 115px;
  margin-bottom: 5px;
  color: #407AA3;
  border-bottom: solid 1px Silver;
  font-family: Tahoma;
}

.SearchResultsAdvert:hover
{
    border: solid 1px #C61710;
}

.SearchResultsAdvertDealer:hover
{
    border: solid 1px #C61710;
}

.AdvertRule
{
   margin: 3px 0 3px;
   padding: 3px;
   border: solid 1px black;
   background-color: #F5F5F5;
   border-right: 0;
   border-left: 0;
}

.SearchResultsAdvertHighlight
{
  border: solid 2px #557DFF;
  background-color: #E4EEFD;
}

.SearchResultsAdvert
{
  font-size: 0.9em;
}

.SearchResultsAdvert .AdvertTextLink
{
  display: block;
  margin: 4px 0 2px;
  text-decoration: none;
  overflow: hidden;
  color: Black;
}


.AdvertTextLink
{
    font-size: 13px;
}

.AdvertTitleText
{
  display: block;
  text-decoration: none;
  overflow: hidden;
  color: Black;
  font-size: 14px;
  font-weight: bold;
}

.AdvertTitleText:hover
{
    text-decoration: underline;
}

.SearchResultsAdvertDealer .AdvertTextLink
{
  text-decoration: none;
  color: Black;
}
.SearchResultsAdvertDealer .AdvertTextLink:hover
{
  color: Black;
}

.SearchResultsAdvert .AdvertTextLink:hover
{
  text-decoration: underline;
}

.SearchResultsImage
{
  width: 130px;
  height: 110px;
  overflow: hidden;
  margin-right: 13px;
  float: left;
  margin-left: 9px;
  margin-top: 2px;
}
.SearchResultsImage img
{
  width: 130px;
  height: 90px;
}

.MorePhotos
{
    font-size: 10px;
    color: Black;
    text-decoration: none;
    margin-top: 4px;
}

.MorePhotosIcon
{
    float: left;
    display: block; 
    width: 12px !important;
    height: 12px !important;
}

.MorePhotosText
{
    display: block;
    float: left;
    margin-left: 2px;
    font-size: 12px;
    margin-top: -2px;
}

.MorePhotos a
{
    color: Black;
    text-decoration: none;
}

.SearchResultsImageHomepage
{
  padding-top: 2px;
  width: 143px;
  height: 104px;
  overflow: hidden;
  float: left;
}
.SearchResultsImageHomepage img
{
  width: 143px;
  height: 104px;
}

.InvalidPostcode
{
  font-size: 0.9em;
  color: Red;
}

/*****************************************************
* SAVED ADVERTS STYLES                               *
*****************************************************/

#SavedAds tr
{
  height: 60px; 
  border: solid 1px black;
  background-color: #EDEDED;
}

#SavedAds tr img
{
  float: left;
  margin-right: 10px;
}

#SavedAds thead tr
{
  background-color: #E4EEFD;
  font-weight: bold; 
  border: solid 1px black;
  height: 20px;
}

#SavedAds .AdvertTextLink
{
  display: block;
  text-decoration: none;
  color: Black;
}

#SavedAds .AdvertTextLink:hover
{
  text-decoration: underline;
}


/****************************************************
* Saved Ads Panel                                   *
****************************************************/

#SavedAdsPanel
{
  /*Background images stored in different stylesheet*/
  color: White;
  width: 120px;
  overflow: hidden;
}

#SavedAdsPanel .RemoveAdvert
{
  float: right;
}

#SavedAdsPanel a
{
  font-size: 0.9em;
  display: block;
  color: White;
  font-weight: bold;
  margin-left: 3px;
  padding-bottom: 2px;
  text-decoration: none;
  
  /*Background images stored in different stylesheet*/
}

#SavedAdsPanel a:hover
{
  text-decoration: underline;
}



/*****************************************************
* ADVERT DETAILS PAGE STYLES                         *
*****************************************************/

#AdvertImages
{
  /*
  width: 300px;
  height: 260px;
  */
}

#AdvertImages .MainImage
{
  margin-bottom: 10px;
}

#SellerDetails
{
  width: 280px;
  border: solid 0px black;
  padding: 0 10px 10px;
}

.BikeDetails 
{
  float: right;
  width: 350px;
  border: solid 0px black;
}

.BikeDetailsFullWidth
{
  float: right;
  width: 100%;
}


#AdDetailsLeftCol
{
    float: Left;
    width: 445px;
}

#AdDetailsRightCol
{
    float: right;
    width:230px;
}

#RelatedLinks
{
    margin-top: 10px;
    border: Solid 1px red;
    padding: 5px 10px 5px 10px;
}

.AdvertTools
{
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  color: Blue;
  float: left; 
}

.AdvertTools a
{
  color: Blue;
}

.SavedAdsTools
{
  margin-top: 10px;
  margin-right: 5px;  
  color: Blue;
}

.SavedAdsTools a
{
  color: Blue;
}

.SavedAdsTools span
{
  color: Black;
}


#AdvertHeader
{
  font-weight: bold;
  display: block;
  font-size: 1.3em;
  border: solid 1px red;
  padding: 5px;
  background-color: #FDEFEF
}

#SellerDetails h5
{
  font-weight: bold;
  color: Red;
  font-size: 1.2em;
  margin: 7px 0 7px;
}

#EmailAdvertiser label
{
  clear: left;
  float: left;
  width: 90px;
  margin-right: 10px;
  text-align: right;
  font-weight: bold;
  height: 30px;
}

#EmailAdvertiser h4
{
  margin: 10px;
  color: Red;
  font-size: 1.2em; 
}

#EmailAdvertiser .textbox
{
  float: left;
  width: 500px;
}

#EmailAdvertiser .AdvertStatus
{
  color: red;
  font-size: 0.9em;
  font-weight: bold; 
}

#EmailAdvertiser .SendEmail
{
  float: right;
  margin: 10px 0;
}

.PrivateMessage, .AdvertDescription, .AdvertPrice, .BikeYear, .BikeMileage, .BikeEngineSize, .AdvertDistance, .Username, .UsersAdverts, .SellerOnMap, .SellerDetails, .Skype, .MSN, .Email, .Telephone, .MobileNo, .Route, .Map
{
  display: block;
  width: 100%;
  margin-top: 5px;
}

.PrivateMessage label, .AdvertDistance label, .Username label, .UsersAdverts label, .SellerOnMap label, .SellerDetails label, .Skype label, .MSN label, .Email label, .Telephone label, .MobileNo label, .Route label, .Map label
{
  font-weight: bold;
  display: block;
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 80px;
}

.ThumbnailImage
{
  width: 50px; 
  height: 50px;
  margin-left: 10px;
  cursor: pointer;
}

.TopAds
{
  background-color: #FDEFEF;
  border: solid 1px blue;
}

.TopAds h3
{
  margin: 0;
  padding: 5px 5px;
}

.AdvertStatus
{
  color: Red;
  font-weight: bold;
  padding: 10px;
}

.AdViewedTimes
{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.InsuranceLink
{
  display: block;
  margin-bottom: 10px;
  float: left; 
}

.EmailAdMessage
{
  margin: 0 0 1.5em 0;
  width: 400px;
}

.EmailSubmitArea
{
	margin-left: 260px;
}

.EmailSubmitArea input /* Submit button */
{
	margin-top: 1em;
}

.ValidationError
{
	display: block;
	margin: 0.5em 0;
}