/* Created: CU for HaySubs panel areas in categories and promotion expired pages */

/* NOTE:
 * Any changes to these elements will be reflected across all associated page types
 */

@media screen {
	
#magArea {/* container for the panel area */
	overflow: hidden;
	padding-top: 10px;
}

/* styling for each panel */
#magArea .panel {
	float: left;
	background-color: #f3f7f8;
	border: 1px solid #d7d5e3;
	margin-right: 20px;
	padding:0px;
	width: 320px
}

	/* remove margin for last panel in row */
	#magArea .last {
		margin: 0;
	}

	#magArea .panel a img {
		float: right;
		margin: 11px 11px 6px 10px;
	}


/* styling for magazine information */
#magArea .magInfo {
	margin: 13px 0 0 11px;
}

	#magArea .magInfo h2 {
		font-size: 1.4em;
		font-weight: 700;
		margin-bottom: 10px;
	}
	
		#magArea .magInfo h2 a {
			text-decoration: underline;
		}
	
	#magArea .magInfo p {
		line-height: 1.2em;
	}

		#magArea .magInfo .priceInfo {
			margin-top: 25px;
			margin-bottom: 15px;
		}
			
		/* only applied if promo info is included in .priceInfo container */
		#magArea .magInfo #promo { 
			margin-top: 10px;
		}
			
			#magArea .magInfo .priceInfo dl {
				overflow: hidden;
			}
			
				#magArea .magInfo .priceInfo dt {
					font-size: 1.8em;
					font-weight: 700;
					float: left;
					padding-top: 0.3em;
					margin-right: 3px;
				}
				
				#magArea .magInfo .priceInfo dd {
					font-size: 3em;
					font-weight: 700;
					float:left
				}
			
			#magArea .magInfo .priceInfo p {
				clear: left;
				font-size: 1.1em;
				color: #666666;
			}
			
				#magArea .magInfo .priceInfo p span {
					font-weight: 700;
					display: block;
					font-size: 1.1em;
					color: #000000;
				}

			#magArea .magInfo .moreInfo {
				margin-bottom:15px;
			}
}