@font-face {
    font-family: 'vonnesregular';
    src: url('../font/vonnes-light-webfont.eot');
    src: url('../font/vonnes-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vonnes-light-webfont.woff') format('woff'),
         url('../font/vonnes-light-webfont.ttf') format('truetype'),
         url('../font/vonnes-light-webfont.svg#vonnesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vonnesbold';
    src: url('../font/vonnes-bold-webfont.eot');
    src: url('../font/vonnes-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vonnes-bold-webfont.woff') format('woff'),
         url('../font/vonnes-bold-webfont.ttf') format('truetype'),
         url('vonnes-bold-webfont.svg#vonnesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*global link*/
.available-tactic p span a,.product-overviews p span a,.media-info a { color: #213c70; }
.head-left a,.markerter-agency p a,.landing a { color: #213c70; font-weight: bold;}
footer div.epaper {z-index: 0;}

.available-tactic p span a:hover,body #wrapper #main-Navigation .subCategories li a:hover,
.product-overviews p span a:hover,.head-left a:hover,.solution-content ul li h2 a:hover, .markerter-agency p a:hover,
.audience-insight ul li p a:hover,.landing a:hover { text-decoration: underline;}
#main-Navigation .subCategories .sub4.active:hover a {cursor: pointer!important;}
#main-Navigation .subCategories .sub4 .dropdown{ display: none;background: #fff; width: 100%;overflow: hidden; margin-top: 10px; box-shadow:0 2px 1px 1px #dcdcdc;}
#main-Navigation .subCategories .sub4:hover .dropdown {display: block;}
body #wrapper #main-Navigation .subCategories .sub4 .dropdown a{ display: block; color: #333; text-transform: uppercase; padding: 10px 20px; text-decoration:none; cursor: pointer;}
#main-Navigation .subCategories .sub4 > a:after {height:0px;width:0px; border:none;border-top:7px solid #fff;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);content:'';position: relative; top: 10px;right: -8px;}
#main-Navigation .subCategories .sub4.active {background: none; padding: 10px;}
body #wrapper #main-Navigation .subCategories .sub4.active > a{padding: 0;}
body #wrapper #main-Navigation .subCategories .sub4 .dropdown a:hover {background: #f4f4f4; color: #1b80d5; cursor: pointer;}

.vonnes-bold { font-family: vonnesbold; font-weight: lighter;}
.vonnes-light { font-family: vonnesregular;}

.media-info { width: 984px; clear: both; overflow: hidden; margin: 0 auto; background: #ffffff; padding: 0 0 10px;}

#main-Navigation { clear: both; width: 984px; background:#fff ;position:relative; z-index:2; height: 45px;border-bottom: 1px solid #e6e6e6;}
#main-Navigation li { float: left;  padding: 10px 0 15px;}
#main-Navigation li.active a.active,
#main-Navigation li.active a.active:hover{display: block; position:relative;z-index:4; height: 33px;background:#1b80d5; padding: 0 20px 11px;}
#main-Navigation li.active ul a {display: inline; position: static;}
#main-Navigation li a { font-size: 14px; font-weight: bold; color: #666666; padding: 12px 20px 17px; background: url("../img/Media-info/border-Navigation.gif") right center no-repeat; line-height: 20px; }
#main-Navigation .active { background: #1b80d5;}
#main-Navigation .active a { border: none; color: #ffffff; background: none;}
#main-Navigation li:hover { background: #1b80d5;}
#main-Navigation li:hover a { border: none; color: #ffffff; background: none;text-decoration: none;}
#nav {width: 984px; position:relative; height: 55px; }
#nav.active {height: 83px;}
#nav.float {position:relative;}
#nav.fix {position: fixed; margin: 0 0 0 -492px; left:50%;top:0; z-index: 3;}
#wrapper #main-Navigation .active .subCategories{display:block;}
#wrapper #main-Navigation .active .subCategories:after {content:''; position: absolute; display:block; width: 100%; left: 0 ;top:0; height: 40px;z-index:-1;background: #1b80d5; /* Old browsers */
background: -moz-linear-gradient(top, #1365a9 0%, #207cca 14%, #1b80d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1365a9), color-stop(23%,#207cca), color-stop(100%,#1b80d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1365a9 0%,#207cca 14%,#1b80d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1365a9 0%,#207cca 14%,#1b80d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1365a9 0%,#207cca 14%,#1b80d5 100%); /* IE10+ */
background: linear-gradient(to bottom, #1365a9 0%,#207cca 14%,#1b80d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1365a9', endColorstr='#1b80d5',GradientType=0 ); /* IE6-9 */}
#main-Navigation .subCategories { display: none;position:absolute;z-index:1; left:0; top:45px;clear: both; overflow: hidden; width: 982px;}
#main-Navigation .subCategories li:first-child {padding: 10px 10px 10px 25px;}
#main-Navigation .subCategories li { font-size: 12px; padding: 10px; background: none;}
#main-Navigation .subCategories .active a{text-decoration: underline;}
body #wrapper #main-Navigation .subCategories li a { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0 0 11px;}
#main-Navigation .subCategories li.active {border: none; margin: 0; padding: 0 10px;}
#main-Navigation .subCategories li:first-child.active {padding: 0 10px 0 25px;}
body #wrapper #main-Navigation .subCategories li.active a { text-decoration: underline; background: none;cursor: text; display:inline-block; padding: 10px 0 0;}

.group-header { width: 984px; overflow: hidden; clear: both; padding: 50px 0; text-align: center;}
.group-header h1 { font-weight: lighter; text-align: center; color: #005da1; font-size: 35px; margin-bottom: 15px;}
.group-header p { font-size: 14px; font-weight: bold; color: #333333;}

.main-content { width: 944px; clear: both; overflow: hidden; padding: 0 20px 50px; color: #333333;}
.main-content h2 { font-size: 14px; margin-bottom: 10px;}
.main-content h2 span { display: block;}
.main-content p { font-size: 14px;}
.main-content .content-left { width: 460px; float: left; margin: 0 20px 30px 0;}

.landing h1{font-size: 50px; }
.landing .group-header{padding: 40px 0 0;}
.landing .article {font-size: 14px; color: #333;text-align:center; width: 660px; margin: 0 auto;}
.landing .article p{padding: 0 0 20px;}
.landing .aside {font-size: 14px; color: #333;text-align:center;padding: 30px 0 100px; width: 984px; overflow: hidden;}
.landing .aside h2 {font-size: 25px; color: #005da1;font-weight: lighter; padding: 0 0 25px;}
.landing .aside ul {margin-left: 17px; width: 650px; margin: 0 auto;}
.landing .aside li {width:270px; margin: 0 15px 0 40px; float:left;text-align: left;}
.landing .aside li p {padding:10px 0 0; text-align: center; color: #666666; font-weight: bold;}
.landing .aside li p a { color: #666666;}
.landing .aside .last {margin:0;}

.content-mkt .group-header h1 { margin-bottom: 0;}
.available-tactic { clear: both; width: 460px; float: left; overflow: hidden;}
.available-tactic h2 { margin-bottom: 20px;}
.available-tactic p { font-size: 12px;}
.available-tactic ul { width: 460px; overflow: hidden; margin-bottom: 20px;}
.available-tactic ul li { margin-bottom: 10px; overflow: hidden; width: 460px; }
.available-tactic ul li img { float: left; width: 60px; height: 60px; padding: 0 10px;}
.available-tactic ul li .detail { float: left; overflow: hidden; width: 380px; font-size: 12px;}
.available-tactic ul li .detail  { margin-bottom: 3px;}
.available-tactic ul li .detail p { font-size: 12px; line-height: 18px;}
.available-tactic p span { font-weight: bold;}

.available-metric { width: 250px; overflow: hidden; float: right; margin-right: 5px; padding: 20px; background: #f3f3f3; border: 1px solid #d7d7d7; box-shadow: 0 0 2px 2px #d7d7d7;}
.available-metric h2 { font-size: 14px; margin-bottom: 5px;}
.available-metric ul li { line-height: 18px; font-size: 12px; overflow: hidden;}
.available-metric ul li span { color: #1b80d5; font-size: 18px; float: left; margin-right: 10px;}

.webdisplay,.mobiledisplay {padding: 0 0 100px;}
.mobiledisplay .table-detail h3 {width: 180px;}
.targets-metric { width: 405px; overflow: hidden; background: #f3f3f3; border: 1px solid #d7d7d7; box-shadow: 0 0 2px 2px #d7d7d7; padding: 15px 20px 13px; margin: 20px 0 0;}
.targets-metric h3 { font-size: 14px; margin-bottom: 3px;}
.targets-metric .targets { float: left;}
.webdisplay .electronic .large {  width: 110px;}

.targets { width: 190px; overflow: hidden; clear: both; float: left; border-right: 1px solid #dedede;}
.targets ul { width: 190px; overflow: hidden; clear: both; } 
.targets ul li { overflow: hidden; font-size: 12px; width: 190px; line-height: 18px;}
.targets ul li span { color: #1b80d5; font-size: 18px; float: left; margin-right: 10px;}

.metric { width: 190px; overflow: hidden; float: left; padding-left: 20px;}
.metric ul { width: 190px; overflow: hidden; clear: both; } 
.metric ul li { overflow: hidden; font-size: 12px; width: 190px; line-height: 18px;}
.metric ul li span { color: #1b80d5; font-size: 18px; float: left; margin-right: 10px;}

.product-overviews { width: 944px; overflow: hidden;}
.product-overviews h2 { font-size: 25px; text-align: left; clear: both; color: #005da1; font-weight: normal; margin-bottom: 20px;padding: 35px 0 25px;}
.product-overviews p { margin-left: 178px;}
.product-overviews p span { font-size: 12px; font-weight: bold;}

.table-detail { width: 944px; overflow: hidden; margin-bottom: 30px; padding: 5px 0 0;}
.table-detail h3 { width: 200px; padding-right: 10px; text-align: left; color: #005da1; font-size: 13px; float: left; margin: 0 0 10px;}
.table-detail h3 span { display: inline-block;}
.table-detail table { float: left; border-left: 10px solid #1b80d5; width: 934px; clear: both;}

.table-detail table th { background: #f3f3f3; font-size: 12px; padding: 10px 0 10px 10px; text-align: left; vertical-align: middle;}
.table-detail table td { font-size: 12px; padding: 10px 0 10px 10px; text-align: left; vertical-align: middle;}
.table-detail table td span { display: block;}
.table-detail table td ul { margin: 0; width: auto; float: none;}
.table-detail table td ul li { padding: 0 0 0 10px;}
.table-detail table .large { width: 140px;}
.table-detail table .normal { width: 120px;}
.table-detail table .small { width: 87px;}
.table-detail table th.icon-newHTML { padding: 10px 0 10px 5px; position: relative; width: 155px;}
.table-detail table th.icon-newHTML img { position: absolute; right: 0; top: -5px; padding: 0;}
.table-detail table th[colspan="4"] { text-align: center;}
.table-detail table th[colspan="3"] { text-align: center;}
.table-detail table th[colspan="2"] { text-align: center;}

.border-right { border-right: 1px solid #c5c5c5;}
.border-bottom { border-bottom: 1px solid #c5c5c5;}
.head-left { background: #f3f3f3; font-weight: bold;}

.table-detail ul { width: 750px; overflow: hidden; clear: both; margin: 20px 0 0 178px; float: left;}
.table-detail ul li { font-size: 12px; font-weight: bold;}
.table-detail ul li > span { display: block;}

.guideline { width: 620px; margin: 0 0 40px 178px; overflow: hidden;}
.guideline h3 { font-size: 14px; color: #005da1; margin-bottom: 5px;}
.guideline p { font-size: 12px; line-height: 18px; margin: 0;}
.guideline p span { font-weight: bold; font-size: 14px;}
.guideline ul { width: 560px; margin: 0 0 30px 75px;}
.guideline ul li { font-size: 12px; line-height: 18px;}

.solution .group-header {padding:50px 0 10px;}
.solution-content { width: 944px; overflow: hidden; clear: both;}
.solution-content p { font-weight: bold; text-align: center; margin-bottom: 5px;}
.solution-content p span { font-weight: normal; display: block;}
.solution-content ul { width: 944px; overflow: hidden; clear: both; float: left; margin: 30px 0 0;}
.solution-content ul li { width: 300px; overflow: hidden; float: left; height: 320px; margin: 0 20px 20px 0;}
.solution-content ul li.right { margin: 0;}
.solution-content ul li img { margin-bottom: 5px;}
.solution-content ul li h2 { margin-bottom: 3px;}
.solution-content ul li h2 a { color: #004e89; font-size: 12px;}
.solution-content ul li p { font-size: 12px; text-align: left; font-weight: normal;}

.classifieds-directory { width: 944px; overflow: hidden; clear: both;}
.classifieds-directory .detail { width: 310px; float: left; margin-right: 10px;}
.classifieds-directory .detail h2 { width: 300px; margin-bottom: 8px;}
.classifieds-directory .detail p { width: 310px;}
.classifieds-directory .targets-metric { width: 258px; margin: 15px 0 2px 2px; float: left; padding: 10px 20px 0;}
.classifieds-directory ul { width: 258px; overflow: hidden; clear: both; margin-bottom: 11px;}
.classifieds-directory ul li { font-size: 12px; padding: 0; clear: both; float: left; overflow: hidden; line-height: 20px;}
.classifieds-directory ul li span { color: #1b80d5; font-size: 18px; float: left; margin-right: 10px;}
.classifieds-directory p { font-size: 12px; font-weight: bold; color: #333333;}
.classifieds-directory p a { color: #213c70;}
.classifieds-directory p a:hover { text-decoration: underline;}

#billboard { width: 984px; overflow: hidden; clear: both; height: 383px;}
#billboard .figure { cursor: pointer; float: left; height: 383px; overflow: hidden; position: relative; width: 984px;}
#billboardd .img-slide { height: 383px; left: 0; position: absolute; top: 0; width: 985px;}
#billboardd .img-slide img { left: 0; position: absolute; top: 0;}

.markerter-agency { width: 984px; overflow: hidden; padding: 0 0 20px;}
.markerter-agency p { text-align: center; font-size: 12px; line-height: 20px;}
.markerter-agency form { width: 869px; overflow: hidden; padding: 0 0 20px 75px; clear: both; border-bottom: 1px solid #9ac9ec; margin: 0 auto 20px;}
.markerter-agency form h2 { font-size: 14px; font-weight: bold; color: #ce0000; margin-bottom: 10px;}
.markerter-agency form ul { width: 869px; overflow: hidden; clear: both;}
.markerter-agency form ul li { margin-bottom: 8px; width: 869px; overflow: hidden; clear: both;}
.markerter-agency form label { font-size: 12px; color: #333333; float: left; clear: both; font-weight: bold; margin-bottom: 5px;}
.markerter-agency form label span { color: #ce0000;}
.markerter-agency form .period label {float: none;}
.markerter-agency form .period .to {margin: 0 10px;}
.markerter-agency form p { text-align: left; font-size: 12px; float: left; line-height: 16px;}
.markerter-agency form p span { display: block; font-weight: normal;}
.markerter-agency form label input { margin-right: 5px; float: left;}
.markerter-agency form input.text { float: left; clear: both; width: 330px; border: 1px solid #96b5cc; padding: 5px 2px; background: #fcfcfc; font-size: 14px; margin-bottom: 3px;}
.markerter-agency form select { clear: both; float: left; width: 310px; margin-bottom: 3px;}
.markerter-agency form span.form-message { float: left; clear: both;}
.markerter-agency form span.form-message label { font-size: 12px; font-weight: bold; color: #ce0000;}
.markerter-agency .solution-interest { padding: 5px 0 10px;}
.markerter-agency .solution-interest li { margin: 0;}
.markerter-agency .solution-interest li label { font-weight: normal;}
.markerter-agency .validate_img { clear: both; float: left; margin: 0px 5px 10px 0px;}
.markerter-agency .changimg { float: left; cursor: pointer;}
.markerter-agency .validate { clear: both; float: left;}
.markerter-agency .submit { background: url("../img/Media-info/group-btn.png") 0 0 no-repeat; border: none; padding: 0; margin: 0 0 10px; width: 130px; height: 33px; cursor: pointer;}

.audience-insight { width: 984px; overflow: hidden;}
.audience-insight ul { width: 944px; overflow: hidden; padding: 0 20px;}
.audience-insight ul li { border-bottom: 1px solid #c5c5c5; padding: 0 0 20px; margin: 0 0 20px; overflow: hidden;}
.audience-insight ul li h2 { font-size: 14px; color: #004e89; margin-bottom: 10px;}
.audience-insight ul li h2 span { display: block;}
.audience-insight ul li p { font-size: 14px; color: #333333;}

.audience-insight .article-first .detail { float: left; width: 285px; padding: 0 10px 0 5px; overflow: hidden; margin-right: 20px;}
.audience-insight .content-detail p { font-size: 12px; color: #999999; margin-bottom: 3px;}
.audience-insight .article-last { border: none; margin: 0;}
.audience-insight .article-last .detail { float: right; width: 365px; padding: 0 10px 0 0; overflow: hidden; margin: 25px 0 0;}

/*slideshow*/
section#landing {width:100%; background: #24d058; height: 382px; overflow: hidden; float: left;}
.media-info.highlight{background:#24d058;}
.slideshow {width:984px; position:relative; height:382px;}
.slideshow .viewport {position: relative; overflow: hidden; height: 382px; width: 984px; z-index: 2;}
.slideshow .viewport .overview {position: absolute;}
.slideshow .viewport .overview li {float: left;width:984px;height: 382px;}
.slideshow a span {text-indent: -9999px; display:block;}
.slideshow .next,.slideshow .prev{position:absolute;  top: 161px;z-index:3;width:20px;height:45px;}
.slideshow .next{background:url(../img/Media-info/bg-slideshow.png) no-repeat 0 -62px;right: 20px;}
.slideshow .prev{background:url(../img/Media-info/bg-slideshow.png) no-repeat 0 -6px;left:20px;}
/*lightbox*/
.lightbox {background: #fff;}
.lightbox .article {width: 600px;text-align: center;}
.lightbox .inquiry-thank {padding: 90px 0 0; height: 210px;}
.lightbox h1 {color:#005DA1;font-size: 35px; font-weight: normal; margin-bottom: 15px;text-transform: uppercase;}
.lightbox p{font-size: 14px; color:#333; font-weight: bold;}

.classifieds-directory .product-overviews table { width: 760px;}
.classifieds-directory .product-overviews table tr th { border-bottom: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; font-size: 12px;}
.classifieds-directory .product-overviews table tr td.head-left { text-align: left; padding: 10px 0 10px 10px;}
.classifieds-directory .product-overviews table tr td { text-align: center; padding: 10px 0 0; vertical-align: top;}
.classifieds-directory .product-overviews table tr td p { margin: 0 0 15px 0; line-height: 16px;}
.classifieds-directory .product-overviews table tr td p a { font-size: 12px; display: block;}
.classifieds-directory .product-overviews table tr td span { display: block; text-align: left; font-size: 12px; color: #333333; font-weight: normal;}
.classifieds-directory .product-overviews table tr .no-border-right { border-right: none;}
.classifieds-directory .product-overviews table tr th.large,
.classifieds-directory .product-overviews table tr td.large { width: 250px;}
.classifieds-directory .product-overviews table tr td.large p { width: 230px;}
.classifieds-directory .product-overviews table tr th.small,
.classifieds-directory .product-overviews table tr td.small { width: 90px; padding: 10px 0 0; text-align: center;}
.classifieds-directory .product-overviews table tr th.normal,
.classifieds-directory .product-overviews table tr td.normal { padding: 10px 0 10px 10px; width: 173px;}

/*.jobs { width: 942px; overflow: hidden; clear: both; z-index: 0; position: relative;}
.jobs .detail { position: absolute; width: 520px; top: 20px; left: 0;}
.jobs .detail p { font-size: 14px; margin-bottom: 10px;}
.jobs .detail p a:hover { text-decoration: underline;}*/

.media-info-job .guideline { width: 700px;}
.media-info-job .guideline p span { font-size: 12px;}
.media-info-job .product-overviews p { font-size: 12px; line-height: 20px;}
.media-info-job .content-right { width: 460px; float: right; overflow: hidden; margin-left: 20px;}
.media-info-job .content-left { margin: 20px 0 30px;}
.media-info-job .content-left p { margin-bottom: 10px;}
.media-info-job .content-left img { margin-top: 10px;}
.media-info-job .targets-metric { width: 410px; margin: 10px 0 20px 3px; float: left;}
.media-info-job .targets-metric .targets { clear: both; width: 205px; border: none;}
.media-info-job .targets-metric .metric { width: 205px; padding-left: 0; }
.media-info-job .advertorial p { margin-left: 0; width: 257px;}
.media-info-job .advertorial p span { font-weight: normal; float: left; margin-right: 3px; clear: both;}
.media-info-job .advertorial p span.detail { margin-right: 0; float: left; width: 215px; clear: none;}
.media-info-job .advertorial table td { vertical-align: top;}
.media-info-job .advertorial table td a span { display: block;}
.media-info-job .job-ads .small { width: 142px;}
.media-info-job .job-listing .large { width: 108px;}
.media-info-job .job-listing .small { width: 200px;}
.media-info-job .job-listing td { letter-spacing: 0.001em;}

.media-info .group-header.fix { padding-top: 95px;}
.webdisplay .group-header.fix { padding-top: 133px;}
.mobiledisplay .group-header.fix { padding-top: 133px;}
.content-mkt .group-header.fix { padding-top: 133px;}
.media-info-job .group-header.fix { padding-top: 133px;} 
.ClassifiedsDirectory .group-header.fix { padding-top: 133px;}

.webdisplay .electronic .dimension { width: 100px;}
.webdisplay .electronic .target-group  { width: 101px;}
.webdisplay .block { display: block;}

.monthly-media { width: 610px; overflow: hidden; float: left;}
.audience-insight .monthly-media h2 { color: #333333; margin-bottom: 20px;}
.monthly-media table { width: 610px; overflow: hidden; margin: 0 0 10px;}
.monthly-media table th { width: 120px; text-align: center; padding: 0 0 10px; vertical-align: bottom; border-right: 1px solid #ffffff;}
.monthly-media table th h3 { color: #666666; font-size: 14px;}
.monthly-media table td { width: 120px; text-align: center; padding: 0; vertical-align: middle; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 18px; font-weight: bold;}
.monthly-media .users { background: #4096d2;}
.monthly-media .page-views { background: #044f89;}
.monthly-media table .icon { width: 38px; height: 38px;}
.audience-insight .monthly-media p { width: 400px; float: left;}
.audience-insight .monthly-media p a { margin-right: 10px; text-decoration: underline;}
.audience-insight .monthly-media p a:hover { text-decoration: none;}
.img-guideline { float: right;}

.markerter-agency .remark { margin-left: 20px; width: 500px; clear: both; float: left; padding: 5px 0;}
.markerter-agency .remark .first p { color: #ce0000;margin-bottom: 5px;font-weight: bold; }
.markerter-agency .remark .first p span { color: #333333; display: inline; font-weight: bold;}

/*search-directory*/
.main-content .search-directory figure{margin: 40px 0 50px;}
.main-content .search-directory h2.vonnes-light {text-transform: uppercase; font-size: 24px; color:#00528f; text-align: center; font-weight: lighter; padding: 30px 0 0;}
.main-content .search-directory h2.vonnes-light strong {font-weight: bold;}
.main-content .search-directory #info-nav {width: 928px; height: 568px; position: relative; background: url(../img/Media-info/info-nav-bp.png) no-repeat center center; top: 30px;}
.main-content .search-directory #info-nav p {position: absolute; width: 285px; height: 160px;background: url(../img/Media-info/info-nav.png) no-repeat 117px 4px; }
.main-content .search-directory #info-nav p a:after {content:''; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%;  opacity:0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out;opacity: 0;z-index:1; }
.main-content .search-directory #info-nav p:hover a:after {opacity: 1;z-index:2; cursor: pointer;}
.main-content .search-directory #info-nav p:first-child {left:165px; top:0; }
.main-content .search-directory #info-nav p:first-child a,
.main-content .search-directory #info-nav p:nth-child(6) a,
.main-content .search-directory #info-nav p:nth-child(5) a{padding: 50px 195px 0 0; height: 110px;text-align: right;}
.main-content .search-directory #info-nav p:first-child  a:after {background: url(../img/Media-info/info-nav.png) no-repeat 117px 4px;}
.main-content .search-directory #info-nav p:first-child:hover a:after{background-position:113px -195px; }
.main-content .search-directory #info-nav p:nth-child(2) {right:168px;top:-2px;background-position: 5px -399px; }
.main-content .search-directory #info-nav p:nth-child(2) a,
.main-content .search-directory #info-nav p:nth-child(3) a,
.main-content .search-directory #info-nav p:nth-child(4) a{padding: 50px 0 0 170px; height: 110px; text-align: left;}
.main-content .search-directory #info-nav p:nth-child(2):hover a:after {background: url(../img/Media-info/info-nav.png) no-repeat 0 -635px;}
.main-content .search-directory #info-nav p:nth-child(3) {right:35px;top: 208px; background-position: 5px -862px;}
.main-content .search-directory #info-nav p:nth-child(3):hover a:after{background: url(../img/Media-info/info-nav.png) no-repeat 0 -1072px;}
.main-content .search-directory #info-nav p:nth-child(4){right:160px;top:400px; background-position: 5px -1282px;}
.main-content .search-directory #info-nav p:nth-child(4):hover a:after{background: url(../img/Media-info/info-nav.png) no-repeat 2px -1511px;}
.main-content .search-directory #info-nav p:nth-child(5) {left:174px;top:400px; background-position: 110px -1715px;}
.main-content .search-directory #info-nav p:nth-child(5):hover a:after {background: url(../img/Media-info/info-nav.png) no-repeat 107px -1911px;}
.main-content .search-directory #info-nav p:nth-child(6) {left:50px;top:208px; background-position: 107px -2113px;}
.main-content .search-directory #info-nav p:nth-child(6):hover a:after{background: url(../img/Media-info/info-nav.png) no-repeat 102px -2305px;}
.main-content .search-directory #info-nav p a {display: block;  height: 100%; text-transform: uppercase; font-size: 15px;text-align: right; padding-right: 186px;}
.main-content .search-directory #info-nav p a strong{font-family:'arial_blackregular'; font-weight: normal; display: block; padding: 0 0 5px;}

/*search-section*/
.search-section {width: 980px; padding: 0;}
.search-section .intro {position: relative;}
.search-section figure{padding: 20px 0 5px; margin: 0 0 30px;}
.search-section h1.vonnes-light{position: absolute; bottom: 0px; width: 480px;}
.search-section .vonnes-light {text-transform: uppercase; color: #00528f; font-size: 25px; font-weight: lighter; }
.search-section .left-pane {width: 465px; float: left;}
.search-section .left-pane h2 {color:#333; font-size: 15px; font-weight: bold;}
.search-section .right-pane {float: right; width: 486px;}
.search-section .overview {padding: 30px 0 15px; overflow: hidden;}
.search-section .overview h2{text-transform: uppercase;}
.search-section .overview > div {box-shadow:0 0 2px 2px #dcdcdc; width: 96%; overflow: hidden; margin: 18px 5px 5px 3px;}
.search-section .overview ul {width: 36%; display: table-cell; background:#f3f3f3; padding: 3%;}
.search-section .overview ul:nth-of-type(1) li{border-right: 1px solid #ccc;}
.search-section .overview ul li {font-size: 14px; position:relative; padding: 0 0 0 15px; line-height: 20px;}
.search-section .overview ul li:first-child{padding: 0 0 5px;}
.search-section .overview ul li:first-child:before{display: none;}
.search-section .overview ul li:before {content:''; display: block; width: 5px; height: 5px; border-radius: 5px; background:#1b80d5; position: absolute; left:0; top: 8px;}
.search-section .overview h3 {font-family: Arial; font-size: 14px; font-weight: bold;}

table.plan {width: 100%;}
table.plan tr th,table.plan h2,table.plan tr .header{ background: #f3f3f3; color: #333; text-transform: uppercase; font-size: 12px; text-align: left; vertical-align: middle;}
table.plan tr .header{width: 151px; padding: 10px 5px 10px 10px}

table.plan tr .header em {font-weight: normal;}
table.plan tr .header a {font-weight:bold;}
table.plan tr .header a:hover {text-decoration : underline;}
table.plan tr th {padding: 10px; border-right: 1px solid #c5c5c5;}
table.plan tr th h2 {margin: 0;}
table.plan tr th:nth-child(3) {background: #f3f3f3 url(../img/Media-info/bg-search.png) no-repeat 5px 16px; padding: 10px 10px 10px 33px;}
table.plan tr th:nth-child(2) {background: #f3f3f3 url(../img/Media-info/bg-search.png) no-repeat 5px -55px; padding: 10px 10px 10px 33px;}
table.plan tr th:nth-child(4) {background: #f3f3f3 url(../img/Media-info/bg-search.png) no-repeat 5px -122px; padding: 10px 10px 10px 33px;}
table.plan tr .header { color: #333; text-align: left; font-weight: bold;}
table.plan tr td {color: #333; font-size: 12px;text-align:center; padding: 10px; border: 1px solid #c5c5c5; border-left: none; border-bottom: none; vertical-align: middle;}
table.plan tr td span,table.plan tr th span {display: block;}
table.plan tr td:last-child,table.plan tr th:last-child {border-right: none;}
table.plan tr:last-child td{border-bottom: 1px solid #c5c5c5;}
p.top {float: right; clear: both; padding: 50px 0 0;}
p.top:after {clear: both; display: block; content:''; }
p.top span{color: #000; font-size: 15px; background: url(../img/Media-info/bg-search.png) no-repeat 68px -186px; font-weight: bold; padding: 35px 40px 0 0; cursor: pointer; display: block; }
table.plan tr .more {text-align:left; border: none; font-size: 15px; padding: 20px 0;}
table.plan tr .more a{font-weight: bold;}
table.plan tr .more a:hover {text-decoration: underline;}

.search-section .demographic {clear: both; width: 100%; position: relative;top: -5px;}
.search-section .demographic ul li{float: left; width: 490px; padding: 40px 0 0;}
.search-section .demographic ul li:nth-of-type(2n+1) {clear: both; margin-left: 20px; width: 470px;}
.search-section .demographic ul li:first-child {margin: 0; width: 463px;}
.search-section .demographic ul li:nth-child(2) {width: 517px;}
.search-section .demographic h2{font-size: 18px;}

.statistic{background: #f6f7f8; width: 490px; padding: 10px 10px 30px; margin-top: 40px;box-shadow:0 0 2px 2px #dcdcdc;margin: 18px 5px 5px 3px;}
.statistic h3 span {font-size: 12px; display: block; padding: 0 0 5px;}
.statistic table{width:490px;}
.statistic table tr td{border:1px solid #fff;text-align: center; }
.statistic table tr th{border:1px solid #fff;text-align: center; border-bottom: 5px solid #fff; }
.statistic table th,.statistic td.header {background:#6096c8; color:#fff; font-size: 13px; padding: 5px 10px; vertical-align: top; font-weight: normal;}
.statistic table th:first-child,.statistic td.header {text-align: left;}
.statistic table tr td{font-size: 13px; padding: 0 10px 0; vertical-align: middle;}
.statistic table tr td.hl {background: #dae1ee;}

/*auto*/
.auto .intro {margin: -13px 0 0;}
.auto .right-pane .overview,.business .right-pane .overview,.learning .right-pane .overview,
.travel .right-pane .overview,.lifestyle .right-pane .overview {margin: -60px 0 0 20px;}
.auto .right-pane .overview figure,.business .right-pane .overview figure,
.learning .right-pane .overview figure,.travel .right-pane .overview figure,.lifestyle .right-pane .overview figure{margin: -10px 0 0 50px; padding: 0;}
.auto .left-pane p {line-height: 22px;}
.auto table.plan tr .header,.business table.plan tr .header,.learning table.plan tr .header {width: 435px;}
.auto table.plan tr th,.business table.plan tr th,.learning table.plan tr th,.travel table.plan tr th, .lifestyle table.plan tr th  {text-align: center;}
.auto table.plan tr th:nth-of-type(2),
.business table.plan tr th:nth-of-type(2),
.learning table.plan tr th:nth-of-type(2) {background:#f3f3f3 url(../img/Media-info/bg-search.png) no-repeat 75px -63px;}
.auto table.plan tr th:nth-of-type(3),
.business table.plan tr th:nth-of-type(3),
.learning table.plan tr th:nth-of-type(3) {background:#f3f3f3 url(../img/Media-info/bg-search.png) no-repeat 62px 8px;}
.auto table.plan tr .more a{font-size: 15px; }
.auto table.plan {margin: 0 0 -40px;}
.auto .statistic table th,.auto  .statistic td.header {background: #929292;}
.auto  .statistic td.header span {display:block;}

/*business*/
.business table.plan tr th:nth-of-type(2) {background-position: 65px -63px;}
.business table.plan tr th:nth-of-type(3) {background-position: 49px 8px;}

/*learning*/
.learning h1.vonnes-light {width: 506px;}
.learning table.plan tr th:nth-of-type(2) {background-position: 60px -63px;}
.learning table.plan tr th:nth-of-type(3) {background-position: 45px 8px;}
.learning .statistic table th,.learning .statistic td.header {background: #f7a65f;}

/*travel*/
.travel table.plan tr .header,.lifestyle table.plan tr .header {width: 420px;}
.travel table.plan tr th:nth-of-type(2){background-position: 75px -63px;}
.travel table.plan tr th:nth-of-type(3){background-position: 62px 8px;}
.travel table.plan tr th:nth-of-type(4){background-position: 15px -129px;}

/*Lifestyle*/
.lifestyle table.plan tr th:nth-of-type(2) {background-position: 70px -63px;}
.lifestyle table.plan tr th:nth-of-type(3) {background-position: 56px 8px;}
.lifestyle table.plan tr th:nth-of-type(4) {background-position: 5px -129px;}

/*demographic*/
.demographic p {font-size: 14px; padding: 0 20px 20px; line-height: 24px;}
.demographic figure {text-align: center;}

/*blog*/
#wrapper .blog .allStory,#wrapper .allStory ul li,.allStory nav{width: 100%;}
.allStory ul li .detail {width: 824px;}
#wrapper .blog .allStory {padding: 20px 0 0;}
/*article blog*/
section.articleContent {width: 100%;padding: 0; margin:0;}
.articlePhotoCenter img {width: 100%; height: auto;}
.articleContent .articlePhotoCenter p, .articleContent .articlePhotoLeft p, .articleContent .articlePhotoRight p {font-size: 12px!important; color: #666;margin: 5px 0 0; padding: 0 0 20px;}
.articleContent article header p.kicker, .articleContent article p, .articleContent article ul li, .relate-story ul li a, .article-tab .relate-story p {font-family: charis_silregular;}
.articleContent article {width: 100%;}
.articleContents div.text-ads {width: 944px;}

.table-detail.noHead table { float: right; margin: 0 14px 0px 0;}