@font-face {
	font-family: 'CFS-Prime';
	src:url('../../../../Global/Content/fonts/itemTemplates/prime/CFS-Prime.eot');
	src:url('../../../../Global/Content/fonts/itemTemplates/prime/CFS-Prime.eot#iefix') format('embedded-opentype'),
		url('../../../../Global/Content/fonts/itemTemplates/prime/CFS-Prime.woff') format('woff'),
		url('../../../../Global/Content/fonts/itemTemplates/prime/CFS-Prime.ttf') format('truetype'),
		url('../../../../Global/Content/fonts/itemTemplates/prime/CFS-Prime.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'CFS-Prime';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="dds-web-icon-"] {
*/
.dds-web-icon-star-half, .dds-web-icon-prime-car-1, .dds-web-icon-prime-car-2, .dds-web-icon-star, .dds-web-icon-prime-car-1-half, .dds-web-icon-prime-car-2-half {
	font-family: 'CFS-Prime';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: relative;
}
.dds-web-icon-star-half:before {
	content: "\e001";
}
.dds-web-icon-prime-car-1:before {
	content: "\e002";
}
.dds-web-icon-prime-car-2:before {
	content: "\e003";
}
.dds-web-icon-star:before {
	content: "\e000";
}
.dds-web-icon-prime-car-1-half:before {
	content: "\e004";
}
.dds-web-icon-prime-car-2-half:before {
	content: "\e005";
}


/* Ratng Icon Styles */
.prime-stars span {
	font-size:24px;
	padding-right:3px;
}
.prime-stars span:last-child{padding-right:0;}
/* Overlay Half Star */
.dds-web-icon-star > .dds-web-icon-star-half, .dds-web-icon-prime-car-1 > .dds-web-icon-prime-car-1-half,.dds-web-icon-prime-car-2 > .dds-web-icon-prime-car-2-half {
	color:#555;
	color:#e17f2e;
	position: absolute;
	left:0;
	top:0;
}
/* Filled Star Color */
.prime-fill{color:#e17f2e;}


/* Prime Review Box */
.prime-box {
    border:solid 1px #ccc;
    padding:24px;
    margin-bottom:24px;
    overflow: hidden;
}

.prime-box-header{
	margin-bottom:12px;
}
	
.prime-box-header > div {
	vertical-align:top;
}

/* Logo Container*/
.prime-logo-container{
    max-width: 70px;
    min-width: 70px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    margin-right:24px;
}
.prime-date > * {margin-bottom: 0;}
.prime-logo-container, .prime-rating {float:left;}
.prime-rating { margin-right:12px;}
/* Date */
.prime-date{
    opacity: .7;
    text-align: right;
   
}

/* Hide Full Review */
.prime-full-review{display:none;}

/*Padding Modifications for Reviews on VDP Template 1*/
#invProfileOptionsBlock .prime-review-list .row:last-child .prime-box{margin-bottom:0;}
#invProfileOptionsBlock .prime-review-list{padding-top:20px;padding-bottom:20px;}

/* Mobile */
@media only screen and (max-width: 767px) {	
	.prime-logo-container, .prime-rating {float:left;}
	.prime-date {
		display:block;
		padding-top:12px;
		clear:both;
		text-align: left;
	}

}