/* CSS for shared sign in / subscribe screen elements - Jan 2015 */

.productInfo{border-bottom: 1px solid #aaa; padding-bottom:10px;}
.productInfo .productWrap{margin:0 auto!important;float:none!important;}
.productInfo .productImg{text-align:right;float:left;}
.productInfo .productImg img{max-width:80%; margin-right:20px;margin-top:15px;}
.productInfo .productDesc{}
.productInfo .productDesc h2{font-size:160%;font-family:"DINWeb-Medium", Arial, Helvetica, sans-serif;color:#869cb4;}
.productInfo .productDesc p{font-family:Helvetica, Arial, sans-serif; font-size: 14px; }

.productActions, .productExtras{font-family:Helvetica, Arial, sans-serif; }

.productActions .productAuth{border-right: 1px solid #aaa;}
.productActions h3{font-size:24px; margin-bottom:12px; font-family:"DINWeb-Medium", Arial, Helvetica, sans-serif; font-weight:normal;  letter-spacing:-1px;}
.productActions .productAuth form {display:inline-block; vertical-align:middle; margin-top:10px;}

.productActions .productAuth form input { border-radius: 3px; border: 1px solid #CCC; background: #F7F7F7; font-weight: 800; max-width: 200px; padding: 8px 12px; font-weight: 400; font-size: 16px; }

.productActions .productAuth form input:focus { outline: none; border-color: #888; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }

.productActions .productAuth a{display:block; color:#0088cc;}

.productActions .productSub{}
.productActions .productSub p{font-size:14px; height:83px;}
.productActions .productSub .it-info{display:block; color:#515151; font-weight:bold; margin-bottom:7px;}


.productSub .alert.alert-warning{background-color:#fce3a3; border:1px solid #bb9c4b;  border-radius:4px; box-sizing:border-box; color:#333; margin:0; padding:8px 35px 8px 14px; text-shadow:none; font-size:15px;}

/* ### Buttons ### */
.productActions .it-btn {margin: 5px 0 20px 0;}

.productExtras{border-top:1px solid #aaa; padding-top:10px; margin-top:10px;}
.productExtras h4{font-size:100%; margin-bottom:10px;}
#torso .productExtras h5{background-color:transparent; color:#515151;}
.productExtras .left a{display:inline-block;}
.productExtras img{max-height:40px;}
.productExtras .itunes{margin-right:15px;}

@media only screen and (max-width: 767px) {
	.productActions .span2, .productExtras .span2{
		display: none;
	}
	.productInfo{
		border-bottom: 1px solid #aaa;
		margin-bottom: 0;
	}
	.productInfo .productImg{
		text-align: center;
	}
	.productInfo .productDesc{
		padding-bottom: 20px;
	}
	.productInfo .productDesc h2{
		font-size: 22px;
		text-align: center;
	}
	.productInfo .productDesc p{
		padding: 0;
		text-align: center;
	}
	.productActions{
		margin-bottom: 0;
	}
	.productActions .productDesc--signin{
		background: rgba(139, 155, 181, 0.41);
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 0;
		width: 100%;
		color: #656E7D;
		font-size: 14px;
	}
	.productActions .productDesc--signin:before, .productActions .productDesc--signin:after{
		content: "";
    background: rgba(139, 155, 181, 0.41);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left:0;
	}
	.productActions .productDesc--signin:before{
		left:-100%;
	}
	.productActions .productDesc--signin:after{
		left:auto;
		right:-100%;
	}
	.productActions .productAuth{
		border: none;
		border-bottom: 1px solid #aaa;
		padding: 20px 0;
		margin-top:16px;
	}
	.productActions .productSub p{
		height: auto;
	}
	.productAuth, .productSub{
		text-align: center;
		padding: 20px 0;
		border: none;
	}
	.productExtras{
		text-align: center;
		padding-top: 20px;
	}
	.productExtras .left, .productExtras .right{
		margin-bottom: 20px;
	}
	.it-btn{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width:767px){
	#page-metadata{
		padding-bottom:0;
	}

}
@media only screen and (min-width: 768px) and (max-width: 979px){
	.productAuth, .productSub{
		width: 352px !important;
	}
	.productInfo .productWrap{
		width:500px;
	}
}

@media only screen and (min-width: 768px) {
	.productActions .productDesc--signin{
		display:none;
	}
}

@media only screen and (min-width:980px){
	.productActions .productSub{
		margin-left:70px!important;
	}
}