﻿.tpmLabel,
.tpmTradeInLabel {
	display: inline-block;
	font-size: 12pt;
	background: #f00;
	border: 1px solid #f00;
	padding: 2px 6px;
	color: #fff;
	text-transform: uppercase;
}

.bonusExpiresIn {
	float: left;
	display: inline-block;
	color: #555;
	font-family: 'Open Sans',sans-serif;
	line-height: 40px;
	margin-right: 6px;
}

.mobileView {
	display: none !important;
}

.tradeInTpmWrapper .lineBreaker {
	display: block;
	height: 1px;
}

.tradeInTpmWrapper {
	width: 100%;
	font-family: 'Open Sans',sans-serif;
	background-color: #f8f7f7;
	border: 1px solid #e2dddd;
	margin-top: 40px;
	/*z-index: 100;*/
}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		background: #669933;
	}

		.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder:before {
			background: none;
			width: auto;
			height: 30px;
		}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		line-height: 13px;
		height: 60px;
		padding-top: 8px;
		margin-top: 30px;
	}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		margin-right: 0;
		margin-left: 12px;
	}

	.tradeInTpmWrapper .product_details_trade {
		margin-top: 0;
	}

	.tradeInTpmWrapper .leftBlock,
	.tradeInTpmWrapper .rightBlock {
		float: left;
	}

	.tradeInTpmWrapper .leftBlock {
		width: 27.46031746031746%;
		background: linear-gradient(158deg,rgba(193,18,23,1) 0,rgba(193,18,23,1) 49%,rgba(237,27,36,1) 48%,rgba(237,27,36,1) 100%);
		padding: 6px;
	}


	.tradeInTpmWrapper .rightBlock {
		width: 70%;
	}

	.tradeInTpmWrapper .product_details_trade {
		border: none;
		background: none;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock {
		/*background: #669933;*/
		margin-right: 25px;
		height: 117px;
		color: #f0f0f0;
	}

		.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock,
		.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock {
			float: left;
		}

		.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
			width: 50%;
			padding-top: 30px;
		}

			.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.bonusText {
				display: block;
				margin: 2px 0 2px 6px;
				line-height: 17px;
				text-align: right;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
			}

			.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.limitedTimeOnly {
				font-size: 12px;
				display: block;
				text-align: right;
			}


		.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock {
			width: 50%;
		}

			.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock .price {
				line-height: 115px;
				margin-left: 10px;
				font-size: 35px;
				font-weight: bold;
				color: #fff;
			}

	.tradeInTpmWrapper .rightBlock .product_details_trade_col2 {
		width: auto;
		margin: 0 0 0 50px;
	}


.product_details_trade_col2_tpm p.tpmText {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0;
}


.product_details_trade_col2_tpm {
	float: left;
	margin: 0 0 0 50px;
	width: 67%;
}

.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
	background: linear-gradient(160deg,rgba(88,139,47,1) 0,rgba(88,139,47,1) 49%,rgba(102,153,52,1) 48%,rgba(102,153,52,1) 100%);
}

.tradeInTpmWrapper .regularPrice {
	color: #777;
	font-size: 24px;
	display: block;
	float: none;
	text-align: center;
}



/* TPM TIMER */
.tpmTimerWrapper {
	position: absolute;
	top: 0;
	z-index: 5;
}

	.tpmTimerWrapper.mobileTimer {
		left: auto !important;
		right: 0;
	}

	.tpmTimerWrapper .tpmMinimzedTimer {
		margin-left: 8px;
	}

	.tpmTimerWrapper.mobileTimer .tpmMinimzedTimer .timer {
		line-height: 40px;
		font-family: 'Open Sans',sans-serif;
	}

	.tpmTimerWrapper.mobileTimer .tpmMinimzedTimer a.max {
		width: 34px;
		padding-top: 7px;
		height: 25px;
		line-height: 19px;
	}

	.tpmTimerWrapper .tpmMaximizedTimer {
		margin: 6px 12px;
		display: inline-block;
		color: #fcfcfc;
		width: 220px;
		font-family: 'Open Sans',sans-serif;
		background: #000000;
		background: rgba(0,0,0,0.7);
		text-align: center;
	}

	.tpmTimerWrapper .tpmTimer .timer {
		color: #fff;
		margin: 0;
		font-weight: bold;
		text-transform: none;
		background: none;
	}

	.tpmTimerWrapper .tpmTimer .text {
		color: #fff;
	}

	.tpmTimerWrapper .tpmTimer.hidden {
		display: none;
	}

	.tpmTimerWrapper .tpmMinimzedTimer {
		display: none;
		background: #ddd;
		border: 1px solid #aaa;
		text-align: left;
		padding-left: 6px;
		width: 250px;
	}

		.tpmTimerWrapper .tpmMinimzedTimer .timer {
			font-family: 'Open Sans',sans-serif;
			color: #555;
			display: inline-block;
			float: left;
			line-height: 40px;
		}

		.tpmTimerWrapper .tpmMinimzedTimer a.max {
			float: right;
			color: #555;
			width: 32px;
			height: 32px;
			line-height: 32px;
			display: inline-block;
			border: 1px solid #aaa;
			text-align: center;
			margin: 3px;
		}

.tpmTradeNow {
	display: none;
}

	.tpmTradeNow.isActive {
		text-align: center;
		background: #008000;
		font-weight: normal;
		display: block;
	}

.tpmTimerWrapper .bonusCreditDescription {
	font-weight: bold;
	display: block;
}

.tpmTimerWrapper .getYourDealWithin {
	color: #e0e0e0;
}

.tpmTimerWrapper a.checkout {
	background: #f00;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 20px;
	display: inline-block;
	margin: 20px 0;
	text-transform: uppercase;
}

.tpmTimerWrapper .minButtonHolder {
	text-align: right;
}

	.tpmTimerWrapper .minButtonHolder a {
		color: #fff;
		background: #888;
		width: 27px;
		height: 27px;
		line-height: 18px;
		display: inline-block;
		text-align: center;
		margin: 0;
		font-size: 40px;
	}

.tpmTimerWrapper .tpmMaximizedTimer {
	display: block;
	margin-left: 46px;
}

@media screen and (max-width: 1150px) {
	.product_details_trade_col2_tpm {
		width: 55%;
		margin: 0 0 0 20px;
	}
}

@media screen and (max-width: 1000px) {
	.product_details_trade_col2_tpm {
		width: 50%;
		margin: 0 0 0 16px;
		padding: 0;
	}

		.product_details_trade_col2_tpm p.tpmText {
			margin-top: 20px;
		}

	.tradeInTpmWrapper .leftBlock {
		width: 40%;
	}

	.tradeInTpmWrapper .rightBlock {
		width: 55%;
	}

		.tradeInTpmWrapper .rightBlock .product_details_trade_col2 {
			margin: 0;
		}
}

@media screen and (max-width: 850px) {
	.tradeInTpmWrapper .leftBlock {
		width: 35%;
	}

	.tradeInTpmWrapper .rightBlock {
		width: 60%;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		width: 45%;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock {
		width: 55%;
	}

	.product_details_trade_col3 {
		width: 160px;
	}
}

@media screen and (max-width: 770px) {

	.tradeInTpmWrapper .regularPrice {
		font-size: 20px;
	}

	.mobileView {
		display: inline-block !important;
	}

	.product_details_trade_col3 {
		margin: 0 auto;
	}

	.product_details_trade_col3 {
		width: 100%;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock {
		margin: 0;
		background: none;
	}

	.tradeInTpmWrapper .product_details_trade_col2_tpm {
		margin: 0;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		height: 45px;
		line-height: 40px;
	}

		.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.bonusText {
			font-size: 14px;
		}

		.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.limitedTimeOnly {
			font-size: 10px;
		}

	.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock .price {
		font-size: 30px;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		width: 37%;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock {
		width: 63%;
	}



	.tradeInTpmWrapper .lineBreaker {
		display: inline-block;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.bonusText {
		display: inline-block;
		font-size: 28px;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.limitedTimeOnly {
		display: none;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock,
	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		display: inline-block;
		width: auto;
	}

		.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock .price {
			line-height: 32px;
			color: #fff;
		}

	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		padding-top: 15px;
		display: inline-block;
	}

	.tradeInTpmWrapper .rightBlock .product_details_trade_col2 {
		margin-top: 30px;
	}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		line-height: 40px;
	}

	.tradeInTpmWrapper .product_details_trade_col2_tpm {
		float: none;
		margin: 25px auto;
	}

	.tradeInTpmWrapper .rightBlock {
		float: none;
	}


	.tradeInTpmWrapper .leftBlock,
	.tradeInTpmWrapper .rightBlock {
		float: none;
		width: 100%;
	}

	.tradeInTpmWrapper .leftBlock {
		/*background: none;*/
		text-align: center;
		background: linear-gradient(172deg,rgba(193,18,23,1) 0,rgba(193,18,23,1) 49%,rgba(237,27,36,1) 48%,rgba(237,27,36,1) 100%);
		padding: 0;
	}

		.tradeInTpmWrapper .leftBlock .bonusBlock {
			display: inline-block;
			height: auto;
			/*background: linear-gradient(172deg,rgba(193,18,23,1) 0,rgba(193,18,23,1) 49%,rgba(237,27,36,1) 48%,rgba(237,27,36,1) 100%);*/
		}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		margin: 0;
	}

	.tradeInTpmWrapper .regularPrice {
		float: none;
		text-align: center;
	}

	.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock .price {
		display: block;
		text-align: center;
		padding-top: 0;
	}

	.tradeInTpmWrapper .product_details_trade_col2_tpm p.tpmText {
		margin: 0;
	}

	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		height: 50px;
		font-size: 20px;
		margin: 10px 90px;
	}
}





@media screen and (max-width: 450px) {
	.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock {
		padding-top: 11px;
	}

		.tradeInTpmWrapper .leftBlock .bonusBlock .leftBonusBlock span.bonusText,
		.tradeInTpmWrapper .leftBlock .bonusBlock .rightBonusBlock .price {
			font-size: 20px !important;
		}


	.tradeInTpmWrapper .product_details_trade_col3 span.tradeInHolder {
		width: 80%;
		margin: 10px auto;
	}
}

@media screen and (max-width: 350px) {
	.tpmMinimzedTimer {
		font-size: 15px;
	}
}
