/* CLEARFIX */
#main #register,
#benefit2,
#appDesc1 {zoom: 1;}
#main #register:after,
#benefit2:after,
#appDesc1:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
.gender ul, #couponPresent, #somenews {zoom: 1;}
.gender ul:after,
#couponPresent:after,
#somenews:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

/* H1 */
h1 {height: 27px; margin: 20px 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
#main > h1 {background-image: url(/img/store/mailnews/title_index.png);}

#main > section h1 {background-image: none; text-indent: 0; margin: 0; height: auto; border-bottom: 0; padding-bottom: 0;}
#main > section > h1 {font-size: 18px;}

/* #main */
#main #register {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
#main .lead {float: left; margin-bottom: 0;}
#main #register .submit {float: right; margin: 0 20px 0 0; overflow: hidden;}
#main .submit a {padding: 10px; font-size: 14px;}
#main section {margin-bottom: 30px;}

#main #news {padding-bottom:30px;border-bottom: 1px solid #E6E6E6;}
#main #news h2 {margin-bottom: 15px;}
#main #news #somenews {margin-top:10px;}
#main #news #somenews img {float: left;}
#main #news #somenews ul {margin-left: 343px;}
#main #news #somenews li {margin-bottom: 10px;}
#main #benefit h1 {margin-bottom: 15px;}
#main #benefit #benefitPanel {margin-right: -18px; overflow: hidden;}
#main #benefit #benefitPanel li {float: left; width: 220px; margin: 0 18px 15px 0; _margin-right: 13px;}
#main #benefit #benefitPanel li img {border: 1px solid #999; vertical-align: bottom;}
#main #benefit #benefitPanel li a img {border: 1px solid #ccc;}
#main #benefit #benefitPanel li a:hover img {border: 1px solid #7f0019;}
#main #benefit #benefitPanel li span {margin-top: 5px;display: block; }
#main #benefit2 {clear: both;}
#main #benefit2 li h1 {border-bottom: 1px solid #666; padding-bottom: 5px; font-size: 14px; margin-bottom: 10px;}
#main #benefit2 .section img {margin: 10px 0 2px;}

#main #benefit #couponPresent {margin:10px 0 30px;}
#main #benefit #couponPresent p {margin: 0 0 10px 343px;}
#main #benefit #couponPresent ul {margin-left: 343px;}
#main #benefit #couponPresent img {float: left;}
#main #benefit .factoryoutlet img {margin-top: 19px;}

#main #benefit2 > h1 {margin-bottom: -15px;}
#main #benefit2 ul {margin-right: -20px; letter-spacing: -.40em;}
#main #benefit2 ul li.section {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 340px; margin: 15px 20px 0 0; padding-top: 15px; vertical-align: top; letter-spacing: normal;}

#main #benefit3 h1 {margin-bottom: 15px;}
#benefit3 #appDesc1 {overflow: visible;}
#benefit3 #appDesc1 img {float: left; margin-right: 18px;}
#benefit3 #appDesc1 p+p {margin-top: 0.5em;}
#benefit3 #appDesc2 {border: 5px solid #EFEFEF; padding: 15px; margin: 10px 0;}
#benefit3 #appDesc2 li+li {margin-top: 0.5em;}
#benefit3 .relatedLink {text-align: right;}

#main #function ol.storePriority {padding-left: 20px; margin-top: 10px;}
#main #function ol.storePriority li { list-style-type: disc;}

.viewSample {font-size: 11px;}