body, html {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.r1Bkd {
	background: url(../images/special-offers/r1-bkd.jpg) left top repeat-x;
	height: 80px;
}
.r1 {
	position: relative;
	width: 900px;
	margin: auto;
}
.r1 .logo {
	background: url(../images/special-offers/logo.jpg) 0 10px no-repeat;
	width: 201px;
	height: 77px;
	padding: 0 0 0 10px;
	display: block;
}
.r1 .title {
	position: absolute;
	right: 15px;
	bottom: 10px;
	color: #00AEED;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 26px;
}
.r2 {
	width: 900px;
	margin: 10px auto 0;
}
.iframeCont {
	width: 900px;
	margin:auto;
	background-color: #F2F7FB;
	position: relative;
}
.r2-c1 {
	float: left;
	position: relative;
	background: url(../images/special-offers/r2-c1-bkd.jpg) left top repeat-x;
	width: 702px;
	height: 270px;
	border: 1px solid #CBCBCB;
	margin-right: 10px;
}
.r2-c2 {
	float: left;
	position: relative;	
	background: url(../images/special-offers/r2-c2-bkd.jpg) left top repeat-x;
	width: 184px;
	height: 270px;
	border: 1px solid #CBCBCB;
	cursor: pointer;	
}
.r2-c1 .title {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -183px;
}
.r2-c1 .try {
	position: absolute;
	top: 46px;
	right: 6px;
}
.r2-c2 .title {
	display: block;
	margin: 14px auto;
}
.r2-c2 .content {
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 17px;
	text-align:left;
}
.r2-c2 .goNow {
	display: block;
	margin: 10px 0 0 95px;
}
.soOptions {
	position: relative;
	width: 601px;
	margin: 110px auto 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #226F8D;
	font-weight: bold;
}
.option {
	float: left;
	width: 200px;
	padding: 0 50px;
}
.option .img {
	display: block;
	margin: auto;
}
.opt1 {
	border-right: 1px solid #CBCBCB;
}
.soOptions .or {
	position: absolute;
	width: 20px;
	background-color: #FFFFFF;
	padding: 5px 0;
	color:#999999;
	line-height: 12px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -10px;
}
.r3 {
	width: 794px;
	margin: 10px auto 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #015B7D;
	font-size: 14px;
}
.offer {
	float: left;
	position: relative;
	width: 256px;
	height: 84px;
	border: 1px solid #CBCBCB;
	margin-left: 10px;
	cursor: pointer;
}
.offer .logo {
	float: left;
	margin: 11px 6px 0 15px;
}
.offer .copy {
	padding: 14px 30px 0 0;
}
.offerFirst {
	margin-left: 0;
}
.learn {
	font-size: 11px;
	position: absolute;
	right: 4px;
	bottom: 4px;
	font-weight: bold;
	text-decoration: none;
	color: #015B7D;
}
.learn:hover {
	text-decoration: underline;
}
.r4 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto 0;
	width: 900px;
	/*position: relative;
	height: 6px;*/
}
.r4 .absoluteCont {
	/*position: absolute;*/
	background-color: #FFFFFF;
}
.r4-c1 {
	/*float: left;
	width: 712px;
	margin-right: 10px;*/
}
.r4-c1-r1 {
	background-color: #00AEED;
	padding: 4px;
	font-size: 20px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.r4-c1-r2 {
	font-size: 12px;
	color: #707070;
}
.r4-c2 {
	/*float: left;*/
	background:url(../images/special-offers/r4-c2-bkd.jpg) left top no-repeat;
	width: 178px;
	height: 62px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 0;
	top: -50px
}
.r4-c2 .copy {
	padding: 3px 15px;
}
.tabs {
	width: 900px; 
	margin: 15px auto 0; 
	border-bottom: 1px solid #C9C9C9; 
	font-family: Arial,Helvetica,sans-serif;
}
.tabs .tab {
	float: left; 
	width: 86px; margin: 0 10px; 
	border: 1px solid #C9C9C9; 
	margin-bottom: -1px; 
	text-align: center; 
	cursor: pointer; padding: 4px 0; 
	color: #9D9D9D; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 13px; 
	background: url(/content/swagbucks-com/images/special-offers/wallTabBkd.jpg) left top repeat-x;
	position: relative
}
.tabs .tabSelected {
	color: #2D65B0; 
	border-bottom: 1px solid #FFFFFF;
}
.tabs .tab .new {
	position: absolute;
	background: url(../images/special-offers/new.png) left top no-repeat;
	width: 25px;
	height: 25px;
	right: -10px;
	top: -10px
}
.alert {
	font-family: Arial,Helvetica,sans-serif;
	width: 700px;
	position: relative;
	border: 1px solid #FA0806;
	background-color: #FFEFE7;
	color: #FA0806;
	font-weight: bold;
	font-size: 15px;
	padding: 6px 0 6px 50px;
	margin: 32px auto;
}
.icoAlert {
	position: absolute;
	left: -10px;
	top: -10px;
}
