/*-----------------------------------------------------------------------------------*/
/*	Social Coupon Base
/*-----------------------------------------------------------------------------------*/

.tcsd{
	float:left;
	width:44%;
	padding:10px 10px 0px 10px;
	border:1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:15px 0px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size:12px !important;
	color:#333333 !important;
	background:#ffffff;
	clear:both;
}

.tcsd iframe{
	margin-bottom:0px !important;
	margin-top:opx !important;
	padding:0px !important;
	border:none !important;
}

.tcsd.product-page, .tcsd.checkout{
	width:auto !important;
	margin:0 0 25px 0 !important;
	padding:10px !important;
	float:none !important;
}

.tcsd .tcsd-title{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #d4d4d4;
	margin:0 0 7px 0;
	padding:0 0 7px 0;
}
	
.tcsd .tcsd-message{
	margin:0 0 15px 0;
}

.tcsd .tcsd-title.checkout{
	font-weight:bold !important;
	font-size:13px !important;
}

.tcsd .tcsd-title.checkout span{
	float:right;
}

.tcsd .tcsd-message.checkout{
	font-size:11px !important;
	margin:0px !important;
}

.tcsd .tcsd-message.shared{
	margin:0px !important;
}

.tcsd.cart .tcsd-button{
	float:none !important;
	margin:10px 0 0 0 !important;
	width:100% !important;
}

.tcsd-button.like{
	min-width:16% !important;
	margin-left:0 !important;
}

.tcsd-button.share{
	min-width:13% !important;
	margin-left:0 !important;
}

.tcsd-buttons-6 .tcsd-button{
	float:left;
	min-width:0 !important;
	margin:0px;
}

.tcsd-buttons-6 .tcsd-button.share, .tcsd-buttons-6 .tcsd-button.like{
	margin-right:7px !important;
}


.tcsd-buttons-5 .tcsd-button{
	float:left;
	min-width:12%;
	margin-left:1%;
}

.tcsd-buttons-4 .tcsd-button{
	float:left;
	min-width:18%;
	margin-left:3%;
}

.tcsd-buttons-3 .tcsd-button{
	float:left;
	min-width:28%;
	margin-left:5%;
}

.tcsd-buttons-2 .tcsd-button{
	float:left;
	min-width:14%;
	margin-left:20%;
}

.tcsd-buttons-1 .tcsd-button{
	float:left;
	margin:0 37.5%;
	width:auto;
}

.tcsd-clear{
	clear:both;
	height:00x;
	margin:0px;
	padding:0px;
}

/*-----------------------------------------------------------------------------------*/
/*	Buttons
/*-----------------------------------------------------------------------------------*/

/* Here you can enter custom CSS for the various buttons in the coupon lockers */
.tcsd-button.like{
	/* Custom Like Buttons CSS */
}
.tcsd-button.plus{
	/* Custom Google Plus Buttons CSS */
}
.tcsd-button.tweet{
	/* Custom Tweet Buttons CSS */
}
.tcsd-button.follow{
	/* Custom Follow Buttons CSS */
}
.tcsd-button.linkedin{
	/* Custom LinkedIn Buttons CSS */
}

/*-----------------------------------------------------------------------------------*/
/*	Share Button
/*-----------------------------------------------------------------------------------*/

.tcsd-share{
	float:left;
	padding:4px 4px;
	font-size:11px !important;
	line-height:11px !important;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif !important;
	text-decoration:none !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tcsd.cart .tcsd-share{
	float:none !important;
}

.tcsd.cart .tcsd-button.share{
	margin-bottom:14px !important;
}

.tcsd-share span{
	padding:1px 0 0 17px;
}

/* Light Theme */
.tcsd-share.light{
	background-color:#eceef6;
	border:1px solid #cad4e7;
	color:#3b5998 !important;
}
.tcsd-share.light span{ background:url(../images/share-btn.png) 0px 0px no-repeat transparent; }
.tcsd-share.light:hover{ border:1px solid #9dacce; }

/* Dark Theme */
.tcsd-share.dark{
	background-color:#c7c7c7;
	border:1px solid #999;
	color:#333 !important;
}
.tcsd-share.dark span{ background:url(../images/share-btn.png) 0px -13px no-repeat transparent; }
.tcsd-share.dark:hover{ border:1px solid #ddd; background-color:#d9d9d9; }

/*-----------------------------------------------------------------------------------*/
/*	Mobile (Portrait) CSS & Grid
/*-----------------------------------------------------------------------------------*/

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

	.tcsd-buttons-1 .tcsd-button, .tcsd-buttons-2 .tcsd-button, .tcsd-buttons-3 .tcsd-button, .tcsd-buttons-4 .tcsd-button, .tcsd-buttons-5 .tcsd-button, .tcsd-buttons-6 .tcsd-button{
		width:100% !important;
		margin:12px 0px !important;
	}

}

/*-----------------------------------------------------------------------------------*/
/*	Mobile (Landscape) CSS & Grid
/*-----------------------------------------------------------------------------------*/

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px){
		
	.tcsd-buttons-1 .tcsd-button, .tcsd-buttons-2 .tcsd-button, .tcsd-buttons-3 .tcsd-button, .tcsd-buttons-4 .tcsd-button, .tcsd-buttons-5 .tcsd-button, .tcsd-buttons-6 .tcsd-button{
		width:100% !important;
		margin:12px 0px !important;
	}

}

/*-----------------------------------------------------------------------------------*/
/*	Retina Display
/*-----------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2){
	
	.tcsd-share.light span{ background:url(../images/share-btn-retina.png) 0px 2px no-repeat transparent; background-size:14px auto !important; }
	.tcsd-share.dark span{ background:url(../images/share-btn-retina.png) 0px -13px no-repeat transparent; background-size:14px auto !important; }

}