body{
	background:#e6e6e6;
	font-family:'Lato', Arial, Helvetica, sans-serif;
}
h1{
	font-size:36px;
	line-height:39px;
	color:#000000;
	margin:0 0 20px 0;
}

h2.grey24{
	font-size:24px;
	color:#928b8b;
	line-height:28px;
	margin:0 0 15px 0;
}

p{
	font-size:12px;
	line-height:20px;
}
p.item-desc{font-size:14px; color:#333}
strong{
	font-weight:bold;
}

.container{
	width:1000px;
	background:url('../img/content-bg.png') top left repeat;
	margin:0 auto;
}

.checkout-container{
	width:1000px;
	background:url('../img/content-bg.png') top left repeat;
	margin:0 auto;
	padding:0 0 20px 0;	
}

#header{
	background:#19a5c6;
}
	#header h1{
		color:#FFFFFF;
		font-size:40px;
		line-height:125px;
		margin:0 0 0 5px;
		font-weight:bold;
	}

.mag-logo{
	display:block;
	float:left;
	margin:25px 10px;
}
#white-box{
	float:right;
	background:url('../img/content-bg.jpg') top left repeat;
	padding:50px 25px;
}

#prod-detail{
	padding:50px 20px 20px 20px;
}

#magazine{
	float:left;
	width:270px;
	background:url('../img/cover-fade.png') bottom center no-repeat;
	padding:0 0 70px 0;
}

#magazine-detail{
	float:left;
	width:670px;
	padding:0 0 0 20px;
}

#promo-code{
	background:#FFFFCC;
	border:1px solid #FFCC00;
	padding:15px;
	text-align:center;
	margin:10px 0;
}

	#promo-code > strong{
		font-size:14px;
		display:block;
		margin:0 0 15px 0;
		font-weight:bold;
	}

	#promo_code_field{
		font-size:16px;
		border-radius:10px;
		padding:12px 10px;
		border:1px solid #d4d4d4;
	}

#offers{
	background:url('../img/offer-shade.png') top left repeat-x;
	font-size:18px;
	font-weight:200;
}

.labels{
	font-size:10px;
}

.shade{
	background:#F5F5F5;
}
.shade-yellow{background:#ffffcc;
border: 1px solid #ffcc00;
}
.term{
	width:205px;
	padding:15px 10px;
	float:left;
}

.cover-price{
	width:70px;
	padding:15px 10px;
	float:left;
}

.your-price{
	width:65px;
	padding:15px 10px;
	float:left;
	text-align:right;

}
.savings{
	width:50px;
	padding:15px 10px;
	float:left;
	font-weight:normal;
}
.applied{color:#cc0000;}
.bold{
	font-weight:bold;
}
.offer-action{
	width:100px;
	float:left;
	padding:0 10px;
	cursor:pointer;
}


#legal-box{
	background:#F5F5F5 url('../img/legal-slice.png') top left repeat-x;
	border-radius:5px;
	padding:20px;
}
	#legal-box > p{
		background:#FFFFFF;
		padding:20px;
		border:1px solid #696868;
	/*	border-top:none;*/
	}

#sub-details{
	background:#696868;
	color:#fff;
	text-align:center;
	width:350px;
	float:left;
	margin:0 15px -1px 0;
	line-height:40px;
	font-size:14px;
	border:1px solid #696868;
	border-bottom:none;
	cursor:pointer;
	display:block;
	font-weight:200;	
}

#cust-svc{
	background:#696868;
	color:#fff;
	text-align:center;
	width:250px;
	float:left;
	margin:0 15px -1px 0;
	line-height:40px;
	font-size:14px;
	font-weight:200;
	cursor:pointer;
	border:1px solid #696868;
	display:block;
	border-bottom:none;	
}

#sub-details.dark, #cust-svc.dark{
	background:#fff;
	color:#000;
}

#footer{
	background:#e6e6e6 url('../img/footer-slice.png') top left repeat-x;
}

	#footer > .container{
		background:none;
		width:900px;
		padding:25px 0;
	}
	
	#footer > .checkout-container{
		background:none;
		width:800px;
		padding:25px 0;
	}	

.footer-cell{
	width:175px;
	float:left;
}
	.footer-cell > h2{
		font-weight:bold;
		font-size:12px;
		margin:0 0 10px 0;
	}
	.footer-cell a{
		color:#000000;
		text-decoration:none;
		line-height:20px;
		font-size:12px;
		display:block;
	}
	
	.footer-cell a:hover{
		text-decoration:underline;
	}

.normal{font-weight:normal;color:#333333}

#checkout-steps li{
	float:left;
	width:203px;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	color:#928b8b;
	font-weight:200;
}

#checkout-steps li.active{
	background:#19a5c6;
	color:#FFFFFF;
}
	#checkout-steps li.active .normal{
		color:#FFFFFF;
	}

#checkout-left{
	margin:15px 0 50px 0;
	padding:15px;
	width:670px;
	float:left;
}

#checkout-left li{
	margin:0 0 5px 0;
}

#checkout-left label{
	float:left;
	font-size:12px;
	text-align:right;
	color:#333333;
	display:block;
	padding:0 5px 0 0;
	line-height:40px;
	width:160px;
}
.field{
	float:left;
}
.select{
	font-size:14px;
	padding:5px;
	height:28px;
	line-height:28px;
	margin:7px 0;
	border:1px solid #bcbcbc;
	background:#f2f2f2;	
}
#checkout-left input{
	padding:10px 3px;
	font-size:16px;
	border:1px solid #d4d4d4;
	border-radius:3px;
	width:350px;
}

#checkout-left input#continue{
	border:none;
	width:auto;
}

.fifty{
	width:270px;
	float:left;
}
#checkout-left #ziplabel{
	width:90px;
}

#checkout-left .half{
	width:150px;
}

#checkout-right{
	float:left;
	width:270px;
	margin:30px 0 50px 0;
}
#checkout-cart li{
	background:#f5f5f5;
	font-size:13px;
	line-height:16px;
	font-weight:200;
	padding:5px 0;
}
#checkout-cart .labels{
	color:#666666;
	background:none;
}

#yesblock{
	margin:15px 20px;
	font-size:11px;
	text-align:justify;
}

#cc-badge{
	background:url('../img/cc-badge.png') center right no-repeat;
	padding:0 190px 0 0;
}

#address-recap li{
	padding:0 20px;
	width:350px;
	float:left;
}

.address-label{
	width:130px;
	padding:10px;
	float:left;
	text-align:right;
}
	.address-label h3{
		font-weight:bold;
		color:#928b8b;
		margin:0 0 15px 0;
		font-size:12px;
	}
.address{
	float:left;
	padding:10px;
	border-left:1px solid #d4d4d4;
	width:150px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

.line-break{
	border-top:2px solid #e7e7e7;
	line-height:2px;
	padding:0;
	margin:0 10px;
}

.qty{
	width:30px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
}

.selection{
	float:left;
	text-align:left;
	width:130px;
	margin:0 20px 0 0;
}

.price{
	width:60px;
	float:left;
}
.fprice{color:#cc0000; font-weight:bold;}
.total-label{
	margin:0 0 0 120px;
	width:70px;
	float:left;
	font-weight:bold;
}

.per-issue{
	font-size:14px;
	line-height:20px;
	color:#CC0000;
	font-weight:bold;
}
.padded{
	padding:20px 40px;
}
.vertical{
	vertical-align:middle;
}
.clear{
	clear:both;
}
.mag-img{padding-top:0px;padding-left:40px;}
.social-img, .social-link{float:left}
.social-link{margin-top:4px;margin-left:5px;}
.bad-code{position:absolute;display:none;width:850px;margin:120px 0px 0px 75px;height:368px;}
.bad-code-top{background:url('../img/box-top.png'); padding-top:5px;}
.bad-code-middle{background:url('../img/box-center.png') repeat-y;height:360px;padding:20px 0px 0px 20px; font-size:80px; color:#19a5c6; font-weight:bold;margin-top:-18px;line-height:1.5}
.bad-code-bottom{background:url('../img/box-bottom.png'); height:21px}
.close-out-bad{float:right;padding-right:5px}
.bad-code-top-inner{background-color:#dfdede;height:25px;margin-left:20px;margin-top:20px;width:800px;margin:15px auto;text-align:center;padding-top:2px;padding-bottom:5px;z-index:2;position:relative;}
.mid-fade{background:url('../img/mid-slice.png') repeat-x;height:368px;width:750px;border:1px; padding-left:40px;margin-left:10px;padding-top:20px }
.mid-fade-text{margin-left:70px}
.five-off{background:url('../img/only5.png') top center no-repeat; height:101px;position:absolute;width:180px;margin:-90px 0px 0px 45px;display:none }
.shade-line{background:url('../img/offer-shade.png') top left repeat-x;width:940px;height:19px;margin:0 auto;}
.badges{margin-left:40px;}
