/*--------------------------------------------------------------------------------*/
/* ---------------------  Main Styles For Bootstrap          -------------------- */
/*--------------------------------------------------------------------------------*/


/* Look and feel for category container (Every category is in a seperate container  */
/* These boxes are also in the responsive part of this CSS file when scrolling down */

.rdautos_categories_container{ 
	height: 290px; 
	width: 200px; 
	padding: 15px 10px;
	border:solid 1px #cdcdcd; 
	float:left; 
	margin-right:10px; 
	margin-top:18px; 
}

/* Look and feel for vehicle container (Every vehicle is in a seperate container */
/* These boxes are also in the responsive part of this CSS file when scrolling down */

.rdautos_vehicle_container{ 
	height: 430px; 
	width: 200px; 
	padding: 15px 10px;
	border:solid 2px #cdcdcd; 
	float:left; 
	margin-right:10px; 
	margin-top:18px; 
	position:relative;
}

/* Look and feel for h2 style in the vehicle and category container. */
/* These boxes are also in the responsive part of this CSS file when scrolling down */

.responsive_h2 { 	
	margin-top:3px;
	font-size:16px; 
	padding-bottom: 5px;
	margin-top: -5px;
	margin-bottom: 5px;
	border-bottom: 1px #CCC solid;
	
}

/* Labels on category, stock, sold, search template */

.labels{
	position:absolute;
	width:125px;
	height:125px;
	top:0;
	right:0;
}

.new-vehicle{
	background: url(../labels/label-new.png) no-repeat;
}

.featured-vehicle{
	background: url(../labels/label-featured.png) no-repeat;
}

.discount-vehicle{
	background: url(../labels/label-sale.png) no-repeat;
}

.hot-vehicle{
	background: url(../labels/label-hot.png) no-repeat;
}

.sold-vehicle{
	background: url(../labels/sold_icon.png) no-repeat;
}

/* Look and feel for the checkboxes on the search pages */

.option_checkbox{
	width: 20px;
	height:20px;	
	margin-top: 6px;
	margin-left: 3px;
	float:left;
	position:absolute;
}

.option_checkboxname{
	width: 100%;
	height: 20px;	
	margin-left:30px;
	margin-top: 4px;
	padding-bottom: 2px;
	float:left;
}

.option_container{
	width: 50%;
	padding: 0px;
	display:block;
	float:left;
}

.margin_sendafriend_desc{
	margin:15px 0px 25px 0px;
}

/*--------------------------------------------------------------------------------*/
/* ---------------------  Responsive Styles Tablets          -------------------- */
/*--------------------------------------------------------------------------------*/

@media(min-width: 768px) and (max-width: 979px) {

	/* ------  You may use this one but 95% tablets are looking well     -------- */

}

/*--------------------------------------------------------------------------------*/
/* ---------------------   Responsive Styles Phone HZN       -------------------- */
/*--------------------------------------------------------------------------------*/

@media(min-width: 480px) and (max-width: 767px) { 

	.rdautos_categories_container{ 
		height: 300px; 
		width: 217px; 
		margin-right:20px; 
	}
	
	.rdautos_vehicle_container{ 
		height: 225px; 
		width: 217px; 
		margin-right:20px; 
	}	

}

/*--------------------------------------------------------------------------------*/
/* ---------------------   Responsive Styles (Phone)         -------------------- */
/*--------------------------------------------------------------------------------*/

@media(max-width:480px) {

	.rdautos_categories_container{ 
		height: 300px; 
		width: 255px; 
	}
	
	.rdautos_vehicle_container{ 
		height: 320px; 
		width: 255px; 
	}	

	.responsive_h2{ 	
		margin-top:3px;
		font-size:14px; 
		padding-bottom: 5px;
		margin-top: -5px;
		margin-bottom: 5px;
		border-bottom: 1px #CCC solid;
	}

}

/*--------------------------------------------------------------------------------*/
/* ---------------------   Responsive Styles (Phone)         -------------------- */
/*--------------------------------------------------------------------------------*/

@media(max-width:320px) {

	.rdautos_categories_container{ 
		height: 225px; 
		width: 215px; 
	}
	
	.rdautos_vehicle_container{ 
		height: 225px; 
		width: 215px; 
	}	

	.responsive_h2{ 	
		margin-top:3px;
		font-size:14px; 
		padding-bottom: 5px;
		margin-top: -5px;
		margin-bottom: 5px;
		border-bottom: 1px #CCC solid;
	}

}