@charset "utf-8";
/* CSS Document */

/*Layout*/

html,body{background-color:#efefef; margin:20px 0}
ul,li{line-height: 140%}
li{margin-bottom:5px}
#email_container{
	width:718px;
	border:1px solid #cfcfcf;
	background-color:#FFFFFF;
	margin:auto;
	height: 100%;
}
#iolo_header{
	background:url(images/iolo_header_bg.gif) no-repeat left top;
	width:100%;
	height:68px
}
#content{height:100%;background-color:#f8f8f8}
#side_bar{
	width:180px;
	float:left;
	height: auto;
}

#side_bar .ad{
	text-align:center;
	margin-top: 20px;
}

#navi a{display:block; padding:12px 5px; background:url(images/navi_idle.gif) center right; border-bottom:1px solid #e4e4e4; padding-right:25px}
#navi a:hover{text-decoration:none;background:url(images/navi_hover.gif) center right;}
#navi a.active{text-decoration:none;background:url(images/navi_active.gif) center right; color:#FFFFFF}
#newsletter_body{
	float:left;
	border-left: 1px solid #cfcfcf;
	background:#FFFFFF;
	width:536px;
	min-height: 750px;
}
.highlight_story{
	width:152px;
	margin-right:20px;
	float:left
}
.no_margin{
	margin-right:0px
}
.highlight_story img{display:block}
.highlight_story_heading{font-size:13px; font-weight:bold; margin-top:20px}
.highlight_story_summary{margin-top:10px}
#email_footer{background-color:#dfdfdf; color:#5f5f5f;}
div.block{padding:20px;}
.topborder{border-top:1px solid #cfcfcf}
.bottomborder{border-bottom:1px solid #cfcfcf}

/*font*/
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3f3f3f}
.dear_receiver{font-size:14px; margin-bottom:20px}
#email_footer{font-size:10px}

/*Design*/
.clear{clear:both}
.small{font-size:10px}
img.right{
	margin-left:10px;
	margin-bottom: 10px;
}
img.left{margin-right:10px}
p{margin-top:0; margin-bottom:15px}
p.highlight{font-size:13px}
p.lastpara{margin-bottom:0}

a{color:#2e6399; text-decoration:none}
a:hover{color:#2e6399; text-decoration:underline}
a.arrow_link{background:url(images/arrow_link_bullet.gif) no-repeat 0 2px; padding-left:18px;}

.discounted_price{color:#bc2222}

.spotlight_article_top{
	background-color:#bc2222;
	padding:3px 20px;
	margin:1px;
	font-size:12px;
	color: #FFFFFF;
}
.spotlight_article_bottom{
	height:10px;
	background-color:#bc2222;
	margin:1px
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h1{
	margin-bottom:25px;
	font-size:18px;
	font-weight:normal;
	color:#bc2222
}
h1.highlighted_story{color:#bc2222; margin-bottom:20px;font-size:18px;font-weight:normal;width: 450px;}
h2{
	font-size:14px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
}
.coupon_code{color:#000000; font-size:13px; font-weight:bold}

#story_navi{margin:20px;}
#story_navi a.back{
	background:url(images/arrow_link_bullet_back.gif) no-repeat left center;
	padding-left:18px;
	width:45%;
	float:left
}
#story_navi a.next{
	background:url(images/arrow_link_bullet.gif) no-repeat right center;
	padding-right:18px;
	width:45%;
	float:right;
	text-align:right
}
table.history_table ul{margin:0; padding:0; padding-left:15px;}
table.history_table li{margin-bottom:5px}
table.history_table{border-collapse:collapse}
table.history_table tr td{border-bottom:1px solid #dfdfdf; padding-top:10px;border-top:1px solid #dfdfdf; }