﻿/*common styles*/
body {
}


.normal 
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	font-weight:normal;
}

.bold
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
}

.bgBlack{background-color:Black; color:White;}

.bordered{border:1px solid black;}

.hidden{display:none;}

a{text-decoration:none; color:Black; font-family:Arial,Helvetica,sans-serif;}
a:hover{text-decoration:underline;}
.parentWidth{width:inherit;}

/* --------------------- */

/*search form classes*/
.searchParameterName
{
	width:115px;
}

.searchInput
{
	/*width:120px;*/
}

.searchButtonsContainer{float:left;}

.searchProgress{float:left; padding-left:5px; padding-top:5px;}
/* --------------------- */

/* list classes */
.resultGrid
{
	border:none;
	font-size:11px;
}

.resultCount{font-size:13px;font-family:Arial,Helvetica,sans-serif;}
.resultCount span{font-weight:bold;}

.viewSwitcherList{font-size:13px;font-family:Arial,Helvetica,sans-serif; padding-top:10px; padding-bottom:10px;}
.viewSwitcherThumbnail{font-size:11px;font-family:Tahoma; padding-top:10px; padding-bottom:10px;}

.resultGridHeader
{
	background-color:#636563;
	color:#ffffff;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}

.resultGridHeader span
{
	background-color:#636563;
	color:#ffffff;
	font-size:12px;
	text-align:left;
	text-decoration:underline;
}


.resultGridHeader th a {color:#ffffff;}
.resultGridHeader a {color:#ffffff;}

.pagerLabel
{
    float: left;
    margin: 2px 5px 0px 10px;
    font-size: 14px;
}

.row{background-color:#CECFCE;}
.alternatingRow{background-color:#FFFFFF;}

.firstColumn{width:340px; text-decoration:none;}
.secondColumn{width:60px;}
.lastColumn{width:200px;}

.clearSearchLabel
{
	float:left;
	text-decoration:none;
	color:#ffffff;
	margin:2px 0px 0px 20px;
	font-size:14px;
}

.resultCountThumbnail{font-family:Tahoma;	font-size:11px;}
.resultCountThumbnail span{font-weight:bold;}

.clearResultsThumbnail{font-family:Tahoma;	font-size:11px; padding-top:10px;}

.thumbnailPager{font-family:Tahoma;	font-size:11px; width:414px; text-align:right;}

.thumbnailContainer
{
	background-color:#ececec; 
	width:128px; height:149px;
	padding: 3px;
	font-family:Tahoma;
	font-size:11px;
	cursor:pointer;
	
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #ececec;
	border-top: 1px solid #ececec;
}

.thumbnailContainerHover
{
	background-color:#d1d1d1; 
	width:128px; 
	height:149px;
	padding: 3px;
	cursor:pointer;
	font-family:Tahoma;
	font-size:11px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

.thumbnailImage
{
    z-index:5;
    position:relative;
    top:0px;
    }

.thumbnailMake{font-weight:bold;}

.thumbnailModel
{
    font-weight:bold;
    width:130px;
    height:13px;
    overflow:hidden;
    color:#000000;
    }
.thumbnailDuty
{
    font-weight:bold;
    height:13px;
    overflow:hidden;
    background-color:yellow;
    float:right;
    color:#000000;
    z-index:1;
    position:absolute;
    top:0px;
    right:0px;
    
    }

.thumbnailDate{float:left;}

.thumbnailKm{float:right;}

.thumbnailPrice{clear:both; text-align:center}

/* --------------------- */

/* details page classes */
.mainDetail{width:500px;}

.detailBackLink
{
	font-family:Tahoma;	font-size:11px; text-align:left;
}
.fullName
{
	width:370px; 
	float:left;
	/*background-color:#666666; */
	/*color:#ffce00;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-weight:bold;
}
.topPrice{width:90px; float:left;font-family:Arial,Helvetica,sans-serif;font-size:12pt;	font-weight:bold;}
.thumbnailImageHolder{width:75px; padding-bottom:10px;}
.detailImages{float:left; width:490px; padding-top:10px;}
.details{float:left; width:205px; padding-left:10px;}
.mainImageContainer{float:left; padding-left:10px;}
.thumbnailImagesContainer{float:left;}
.detailsNavigationLinks{clear:both; float:left; width:460px; padding-top:10px;}

.allCars{float:left;}
.allCars a{font-size:13px;}
.allCars a:hover{text-decoration:none;}
.sendAndPrint{float:right;}
.sendAndPrint a{font-size:13px;}
.sendAndPrint a:hover{text-decoration:none;}
.dutyHeader {margin-left:10px; height:95%; font-size:13px;color:Yellow;font-weight:bolder;}
.descriptionHeader{width:480px; margin-top:10px; background-color:#5a5a5a; color:White; font-weight:bold; font-family:Arial,Helvetica,sans-serif; float:left;}
.descriptionItem, .specificationItem{float:left; width:80px;font-family:Arial,Helvetica,sans-serif; font-size:12px;}
.description{float:left; clear:both;font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-top:10px; width:480px;}
.contactsHeader{width:235px; background-color:#5a5a5a; color:White; font-weight:bold; font-family:Arial,Helvetica,sans-serif;}
.contacts{float:left; width:235px;}
.contactInfo{font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; padding-top:20px;}
.sendMail{float:left; width:235px; padding-left:10px;}
.descriptionContainer{float:left; padding-top:10px;}
.specification{float:left;}
.contactHolder{float:left; clear:both; margin-top:10px; width:480px;}
.specificationItem{padding-top:10px;}
.contactFormItem{float:left; clear:both; padding-left:20px; width:215px; padding-top:2px;}
.contactFormLabel{width:60px;font-family:Arial,Helvetica,sans-serif; font-size:12px; float:left;}
.contactFormField{width:127px; float:left;}
.contactFormField input{width:125px;font-family:Arial,Helvetica,sans-serif; font-size:12px;}
.contactForm{margin-top:20px;}
.contactFormButtons{text-align:right; float:left; clear:both; width:212px; padding-top:5px;}
.emailSent{float:left; width:235px; padding-left:10px;}
.sentLabel{float:left; width:235px; padding-top:40px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;font-size:14px; text-align:center;}
/* --------------------- */

/* contact form classes */
.cfContainer
{
	width:340px;
}

.cfLabelsContainer
{
	float:left;
	line-height:25px;
	width:100px;	
}

.cfInputsContainer
{
	float:left;
	margin-left:5px;
	width:235px;	
}

.normalWhite
{
	color:White;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:normal;	
}

.cfLongInput
{
	width:235px;
	margin-bottom:3px;
}

.cfShortInput
{
	width:120px;
	margin-bottom:3px;	
}

.cfButtonsContainer
{
	padding-top:10px;
	clear:left;

}

/* --------------------- */
/*---- Tip a friend form ----*/
.tipAFriendContainer{width:270px; height:120px; padding-left:10px; padding-top:20px;}
.tipAFriendRow{width:270px; float:left; clear:both;}
.tipAFriendLabel, .tipAFriendField{float:left;}
.tipAFriendLabel{width:80px;}
.tipAFriendField{width:130px;}

/*---------------------------*/

/*----- Gallery popup classes ------*/
.galleryCaption, .galleryCloseLink{width:490px; text-align:center; font-family:Arial; font-size:11px; padding-right:20px;}
/*----------------------------------*/