* { padding:0; margin:0; } .clear { clear:both; } img {border: none;} a, a:active{ color: #c26b25; text-decoration: none;} a:hover { text-decoration: underline;} p { line-height: 15px; padding: 9px 0;} h1 { font-size: 20px; line-height: 22px; font-weight:normal; color: #c26b25;} h2 { font-size: 16px; line-height: 18px; font-weight:normal; color: #c26b25;} /*positions*/ h3 { font-size: 14px; font-weight:bold; color: #7c9c97;} h4 { font-size: 12px; font-weight: bold;} h5 { font-size: 12px; font-weight:bold; color: #7c9c97;} ol { padding: 0 0 0 36px;} ol li { padding: 0 0 18px 0;} html { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;} #container {width: 950px; margin: 0 auto;} /********* Global - Top Nav & Top Bar ***********/ #header{ position: relative; background: url(/images/mep_logo.gif) top left no-repeat; height: 71px; padding: 20px 0 0 0;} #header a.home { display: block; width: 151px; height: 91px; position: absolute; left: 0; top: 0; outline: none; text-indent: -999em;} #header a.home:hover, #header a.home:active { text-decoration: none; outline: none;} #callouts { margin: 0 0 0 628px; } #callouts a.friend{ display: block; float: left; width: 72px; height: 10px; background: url(/images/friend_mep.gif) no-repeat; outline:none; overflow: hidden; text-indent: -999em; } #callouts a.friend:hover { background-position: 0 -10px;} #callouts img.partner { float: right;} h1.headline { padding-bottom: 12px;} #header ul.nav {height:12px; margin: 0 0 0 190px; padding-top: 36px; float: left; } * html ul.nav {display: inline;} #header ul.nav li { float:left; list-style-type:none; background:url(/images/nav/nav_bullet.gif) top right no-repeat;} #header ul.nav li.selected a, #header ul.nav li.selected a:hover { background-position: 0 -12px; } #header ul.nav li a { display: block; height: 12px; text-indent: -999em; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; outline:none; margin-right: 20px;} #header ul.nav li a:hover,#header ul.nav li a .selected { background-position: 0 -12px; } #header ul.nav .about a { width:61px; background: url(/images/nav/nav_about.gif); } #header ul.nav .expertise a { width:89px; background: url(/images/nav/nav_expertise.gif);} #header ul.nav .careers a { width:49px; background: url(/images/nav/nav_careers.gif);} #header ul.nav .locations a { width:63px; background: url(/images/nav/nav_locations.gif);} #header ul.nav .news a { width:35px; background: url(/images/nav/nav_news.gif); } #header ul.nav .resources a { width:67px; background: url(/images/nav/nav_resources.gif); } #header ul.nav li.contact a {margin-right: 0;} #header ul.nav .contact a { width:71px; background: url(/images/nav/nav_contact.gif);} #header form.signup {float: right; color: #8f8d8c; padding-top: 14px;} #header form.signup label {display: block; padding: 0 0 2px 0;} #header form.signup input { width: 150px; height: 18px; background-color: #f2f3ee; border: 1px solid #cfd4c5; float: left; margin-top: 1px; padding: 0 3px; color: #474756;} #header form.signup button{ background:none; border: none; margin: 0; padding: 0; float: left; } #top-bar { background:url(/images/top_bar.jpg); height: 15px; overflow: hidden;} /************Global- Footer***************/ #footer { clear: both; padding: 0 0 20px 190px; height: 179px;} #footer #box { float: left; border-left: 1px solid #c7c6c5; border-bottom: 1px solid #c7c6c5; border-right: 1px solid #c7c6c5; width: 189px; height: 179px; } #footer #footer-right { float: left; margin: 90px 0 0 0;} #footer #footer-right #footer-content { padding: 0 0 0 20px; border-left: 2px solid #c26b25; height: 90px; color: #8f8d8c; font-size: 11px; line-height: 15px;} #footer-content ul#nav-foot{ font-size: 11px; width: 480px;} #footer-content ul#nav-foot li { float:left; list-style-type:none; background:url(/images/nav/bot_nav_bullet.gif) bottom right no-repeat;} #footer-content ul#nav-foot li.last-nav-item {background: none;} #footer-content ul#nav-foot li.last-nav-item a {margin-right: 0;} #footer-content ul#nav-foot li a { margin-right: 16px; color: #7e9c97; text-decoration: none;} #footer-content ul#nav-foot li a:hover { color: #c26b25; text-decoration: none;} #footer-content #address { clear: both; color: #8f8d8c; font-size: 11px; line-height: 15px; padding-top: 33px; } #footer-content #address p { margin: 0; padding: 0;} /************Global- Left Nav***************/ #left-nav { float: left; width: 190px; background-color: #c8ccb9; height: 351px; font-size: 13px; font-weight: bold;} #left-nav #main-nav { background-color: #7e9c97; padding-top: 31px; height: 139px; } #left-nav #main-nav a {color: #ffffff; text-decoration:none;} #left-nav #main-nav a:hover {text-decoration:underline;} #left-nav #main-nav .main-nav-item { background-color: #7e9c97; border-top: 1px solid #98b0ac; height: 22px;padding: 6px 0 0 29px; } #left-nav #main-nav .main-nav-itemOn { background-color: #7e9c97; border-top: 1px solid #98b0ac; height: 22px;padding: 6px 0 0 29px; background: url(/images/main_nav_bullet.gif) top left no-repeat #698c86; } #left-nav #main-nav .last { border-bottom: 1px solid #98b0ac;} #left-nav #main-nav .sub { border-top: 1px solid #98b0ac; background-color: #93aba7;} #left-nav #main-nav .sub-nav-item { height: 22px; padding: 6px 0 0 44px; } #left-nav #main-nav .sub-nav-itemOn { height: 22px; padding: 6px 0 0 44px; background:url(/images/sub_nav_bullet.gif) top left no-repeat #98b0ac;} /*****************Global- Main Content & Right Image Bar**********/ #main { float: left; width: 530px; min-height:670px; height:auto !important; height:670px; padding: 10px; border: #e3e5dc 10px solid; } #right-images { float: left; width: 190px; min-height:690px; height:auto !important; height:690px; } #right-images a:active { outline: none;} /*contact page and careers index top + shared styles*/ #right-images ul {list-style-type:none;} #right-images #own { position: relative; background:url(/images/right_sidebar/own.jpg); width: 190px; height: 350px; text-indent: -999em;} #right-images #lifestyle { position: relative; background:url(/images/right_sidebar/lifestyle.jpg); width: 190px; height: 180px; text-indent: -999em;} #right-images #lifestyle a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #lifestyle a:hover { text-decoration: none; background: url(/images/right_sidebar/lifestyle_over.gif) no-repeat;} #right-images #lifestyle a:active { outline: none;} #right-images #about-us { position: relative; background: url(/images/right_sidebar/about_us.gif); width: 190px; height: 180px; text-indent: -999em;} #right-images #about-us a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #about-us a:hover { text-decoration: none; background: url(/images/right_sidebar/about_us_over.gif) no-repeat;} #one-column { padding: 18px 0 18px 31px;} .divide-line { height: 20px; border-top: 1px solid #e5e5e5;} .divide-line-short { height: 18px; border-top: 1px solid #e5e5e5;} .divide-line-long { height: 22px; border-top: 1px solid #e5e5e5;} /*careers page*/ h1.careers-headline { padding-bottom: 17px;} #one-column #content-top { padding-right: 31px;} #one-column #content-left { float: left; width: 264px; padding-right: 32px;} #one-column #content-right { margin-top: 12px; float: left; border-top: 1px solid #e5e5e5; width: 203px; min-height: 203px; height:auto !important; height:203px; background:url(/images/careers/careers-callout.gif) top left no-repeat; text-indent: -999em; } #one-column #content-right ul {list-style-type: none;} /*careers-lifestyle page*/ #right-images #locations { position: relative; background:url(/images/right_sidebar/locations.jpg); width: 190px; height: 180px; text-indent: -999em;} #right-images #locations a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #locations a:hover { text-decoration: none; background: url(/images/right_sidebar/locations_over.gif) no-repeat;} /*careers' positions page*/ #right-images #patients { background:url(/images/right_sidebar/290000.jpg); width: 190px; height: 350px; text-indent: -999em;} #right-images #lifestyle-positions { position: relative; background:url(/images/right_sidebar/lifestyle_positions.jpg); width: 190px; height: 180px; text-indent: -999em;} #right-images #lifestyle-positions a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #lifestyle-positions a:hover { text-decoration: none; background: url(/images/right_sidebar/lifestyle_over.gif) no-repeat;} .positions-main {padding: 10px 20px 10px 10px;} .position { clear: both; width: 520px; padding: 10px 0 10px 0; min-height: 150px; height:auto !important; height:150px; border-bottom: 1px solid #e5e5e5;} .first-position { padding: 0 0 10px 0;} .position h2 { padding-bottom: 8px;} .position .left { float: left; padding-right: 10px; width: 160px;} .position .story { float: left; padding-left: 20px; width: 329px; border-left: 1px dotted #aaaaaa;} .position .story .content { margin-top: 9px; border-top: 1px solid #e5e5e5; padding-top: 3px;} a.show-more {display: block; width: 70px; outline: none;} a.show-more:hover, a.show-more:active {outline: none;} /*news page - right images*/ #right-images #connect{ position: relative; background:url(/images/right_sidebar/connect.gif); width: 190px; height: 170px; text-indent: -999em;} #right-images #connect a { text-indent: -999em; position: absolute; display: block; height: 42px; width: 113px; left: 20px; top: 61px; outline: none;} #right-images #connect a:hover { text-decoration: none; background: url(/images/right_sidebar/connect_over.gif) no-repeat;} #right-images #connect a:active { outline: none;} #right-images #improvement { background:url(/images/right_sidebar/100improvement.jpg); width: 190px; height: 340px; text-indent: -999em; } #right-images #improvement-long { background:url(/images/right_sidebar/100improvement.jpg) top left no-repeat #c9ccb9; width: 190px; height: 350px; text-indent: -999em; } #right-images #web-qi { background:url(/images/right_sidebar/web_qi.jpg); width: 190px; height: 310px; text-indent: -999em;} /*locations page*/ #right-images #facilities { background:url(/images/right_sidebar/5_facilities.jpg); width: 190px; height: 350px; text-indent: -999em;} #right-images #lifestyle-locations { position: relative; background:url(/images/right_sidebar/lifestyle_locations.jpg); width: 190px; height: 180px; text-indent: -999em;} #right-images #lifestyle-locations a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #lifestyle-locations a:hover { text-decoration: none; background: url(/images/right_sidebar/lifestyle_over.gif) no-repeat;} #main-locations { float: left; width: 740px; min-height:670px; height:auto !important; height:670px; padding: 10px 0 0 0px; border: #e3e5dc 10px solid; } .location { float: left; clear: both; width: 740px; padding: 10px 0 10px 0; min-height: 170px; height:auto !important; height:170px; border-bottom: 10px solid #e3e5dc;} .first-location { padding: 0 0 10px 0;} .last-location { border-bottom: none;} .location h1 { padding-bottom: 8px;} .location .left { float: left; padding: 0 10px 0 10px; width: 160px;} .location .right { float: left; width: 520px; border-left: 1px dotted #aaaaaa; padding: 0 20px 0 19px;} .location .location-header { border-bottom: 1px solid #e5e5e5;} .location .location-listing { float: left; width: 164px; padding-right: 6px;} .listing-copy { padding-top: 11px;} .location .description { float: left; border-left: 1px solid #e5e5e5; padding-left: 20px; width: 320px;} /*location-detail*/ #right-images #map {background:url(/images/right_sidebar/map.jpg); width: 190px; height: 170px;} #right-images #map-rockville {background:url(/images/right_sidebar/map_rockville.jpg); width: 190px; height: 170px;} #right-images #map-leonardtown {background:url(/images/right_sidebar/map_leonardtown.jpg); width: 190px; height: 170px;} #right-images #map-hagerstown {background:url(/images/right_sidebar/map_hagerstown.jpg); width: 190px; height: 170px;} #right-images #directions {height: 154px; width: 145px; background: #c8ccb9; padding: 16px 21px 10px 24px; font-size: 13px; font-weight: bold; color: #fff;} #right-images #directions a { color: #8e8d8b; text-decoration: none; outline: none;} #right-images #directions a:hover { color: #8e8d8b; text-decoration: underline;} #right-images #directions p {line-height: 16px; padding: 0 0 18px 0;} /*#right-images #directions a { text-indent: -999em; position: absolute; display: block; height: 31px; width: 113px; top: 13px; left: 20px; outline: none;} #right-images #directions a:hover { text-decoration: none; background: url(/images/right_sidebar/directions_over.gif) no-repeat;}*/ #detail-left { float: left; width: 160px; padding: 0 10px 40px 0; border-right: 1px dotted #aaaaaa; font-size: 11px; line-height: 15px;} #detail-left img { padding: 0 0 30px 0; border-bottom: 1px solid #e5e5e5;} #detail-left #info { padding: 10px 0 0 0;} #info h4 { padding: 18px 0 2px 0;} #info ul { } #info ul li { display: block; background: url(/images/detail-bullet.gif) top left no-repeat; padding: 0 0 0 8px; list-style: outside none none;} #detail-right { float: left; width: 320px; padding: 0 10px 0 20px;} #detail-right h2.location-name { padding-bottom: 6px;} #location-desc { padding: 10px 0 0 0; margin: 12px 0 0 0; border-top: 1px solid #e5e5e5;} #location-desc p { padding: 0 0 18px 0;} /*about us sub-pages, expertise pages, and news page*/ #page-content { padding: 18px 31px 18px 31px;} #page-content h1 { padding-bottom: 21px;} #page-content h3 { padding: 0 0 2px 0;} #page-content p { padding: 0 0 18px 0;} #page-content ul { padding: 18px 0;} #page-content ul li { display: block; background: url(/images/detail-bullet.gif) top left no-repeat; padding: 0 0 0 8px; margin: 0 0 0 35px; list-style: outside none none;} #page-content ul li ul { margin:0; padding:0;} #page-content ul.plain-list { padding: 0 0 18px 0;} #page-content ul.plain-list li{ display: block; background: none; padding: 0; margin: 0; list-style: outside none none;} /*expertise - our work page */ #right-images #patient { background:url(/images/right_sidebar/20patient.jpg); width: 190px; height: 350px; text-indent: -999em; } #page-content ul.testimonial { font-size: 11px; color: #7c9c97; padding: 0 0 16px 0; } /*news page*/ #news-main { float: left; width: 530px; min-height:780px; height:auto !important; height:820px; padding: 10px; border: #e3e5dc 10px solid; } .news-title { font-size: 10px; font-weight: bold; padding: 0 0 20px 0;} #page-content ul.news, #page-content ul.industry { padding: 0 0 20px 0;} #page-content ul.news li { display: block; background: url(/images/detail-bullet.gif) top left no-repeat; padding: 0 0 0 8px; margin: 0; list-style: outside none none;} ul h5 { display: inline;} .source { font-size: 11px;} /*industry-links*/ #right-images #news{ position: relative; background:url(/images/right_sidebar/news.gif); width: 190px; height: 170px; text-indent: -999em;} #right-images #news a { text-indent: -999em; position: absolute; display: block; height: 28px; width: 91px; left: 18px; top: 62px; outline: none;} #right-images #news a:hover { text-decoration: none; background: url(/images/right_sidebar/news_over.gif) no-repeat;} #right-images #news a:active { outline: none;} #right-images #improvement-links { background:url(/images/right_sidebar/100improvement.jpg) top left no-repeat #c9ccb9; width: 190px; height: 360px; text-indent: -999em; } /*team page only*/ #page-content ul.team { padding: 0 0 18px 0;} #page-content h3.team-type { padding: 0 0 12px 0;} .team-member { clear: both; width: 468px; padding: 14px 0 10px 0; min-height: 110px; height:auto !important; height:110px; border-bottom: 1px solid #e5e5e5;} .first { padding: 0 0 10px 0;} .last { margin: 0 0 20px 0;} .team-member .left { float: left; padding-right: 10px; width: 100px;} .team-member .description { float: left; padding-left: 20px; width: 329px; border-left: 1px dotted #aaaaaa; min-height: 110px; height:auto !important; height:110px;} #page-content .team-member ul.team { padding: 0;} /*expertise - landing*/ #page-content h1.expertise-headline { padding-bottom: 21px;} /*method page*/ #right-images #quality-care {background:url(/images/right_sidebar/15_qualitycare.jpg); width: 190px; height: 355px; text-indent: -999em;} #right-images #efficiency {background:url(/images/right_sidebar/13_efficiency.jpg); width: 190px; height: 355px; text-indent: -999em;} /******************Home Page*********/ #home-content{} #home-content #left { float: left; height: 360px; width: 569px; overflow: hidden;} /*#home-content #left { float: left; background:url(/images/home-left.jpg); height: 360px; width: 380px; text-indent: -999em; }*/ /*#home-content #mid { float: left; background:url(/images/home-mid.jpg); height: 360px; width: 189px; text-indent: -999em; }*/ #home-content #right { float: left; text-indent: -999em; } #home-content #right #top-right { background:url(/images/home_right_top.gif); height: 179px; width: 381px; position: relative;} #top-right a.partner-with-us { text-indent: -999em; position: absolute; display: block; height: 31px; width: 183px; left: 191px; top: 142px; outline: none;} #top-right a.partner-with-us:hover { text-decoration: none; background: url(/images/partner_over.gif) no-repeat; } #top-right a.partner-with-us:active { outline: none;} #home-content #right #bot-right { background:url(/images/home_right_bottom.jpg); height: 181px; width: 381px; position: relative;} #bot-right a.join-mep { text-indent: -999em; position: absolute; display: block; height: 31px; width: 183px; left: 266px; top: 151px; outline: none;} #bot-right a.join-mep:hover { text-decoration: none; background: url(/images/join_over.gif) no-repeat; } #bot-right a.join-mep:active { outline: none;} #home-content #right-blog { background:url(/images/read_blog_off.gif); height: 34px; width: 190px; position: relative; float:right;} #right-blog a.read-blog { text-indent: -999em; position: absolute; display: block; height: 34px; width: 190px; outline: none;} #right-blog a.read-blog:hover { text-decoration: none; background: url(/images/read_blog_over.gif) no-repeat; } #right-blog a.read-blog:active { outline: none;} #left-nav #blog { background:url(/images/read_blog_sub_off.gif);float:left; height: 34px; width: 190px; position: relative; top:180px;} #blog a.read-blog { text-indent: -999em; position: absolute; display: block; height: 34px; width: 190px; outline: none;} #blog a.read-blog:hover { text-decoration: none; background: url(/images/read_blog_sub_over.gif) no-repeat; } #blog a.read-blog:active { outline: none;} #home-content #bottom { clear: both;} #home-content #bottom .left { float: left; background:url(/images/core_values.gif); height: 87px; width: 190px; text-indent: -999em;} #home-content #bottom .left ul {list-style-type:none;} #home-content #bottom .mid { float: left; background:url(/images/heart.gif); height: 180px; width: 190px;} #home-content #bottom #map-rendering { float: left; width: 380px; height: 180px;} /*contact page & hagerstown*/ #right-images #lifestyle-bike { position: relative; background:url(/images/right_sidebar/lifestyle_contact.jpg); width: 190px; height: 180px; text-indent: -999em;} #right-images #lifestyle-bike a { text-indent: -999em; position: absolute; display: block; height: 20px; width: 110px; right: 0px; bottom: 0px; outline: none;} #right-images #lifestyle-bike a:hover { text-decoration: none; background: url(/images/right_sidebar/lifestyle_over.gif) no-repeat;} #right-images #lifestyle-bike a:active { outline: none;} /*contact page*/ #page-content ul.contact-list { padding: 0 0 22px 0;} .line-space {margin-top: 9px;} /*Form*/ #contact_form { padding: 0 0 15px 0; } #contact_form p { padding: 0 0 12px 0; margin:0;} #contact_form label { float: left; text-align: left; width: 112px; padding: 0 8px 0 0; } #contact_form label.zip { float: left; text-align: left; width: 26px; padding: 0 0 0 14px; } #contact_form label.state {width: 6px;} * html #contact_form label.city { width: 112px;} #contact_form label.method { float: none; text-align: right; width: 38px; padding: 0;} #contact_form label.error { float: none; text-align: left; color: #c00; font-weight: bold;padding:0; display: block; margin:0 0 0 120px; clear:left; width: 300px; } #contact_form p#zip-block label.error { width: 75px; clear:both; margin:0 0 0 40px;} #contact_form #zip label.error { float: none; text-align: left; color: #c00; font-weight: bold;padding:0; display: block; margin:0 0 0 56px; clear:left; width: 140px;} #contact_form input { width: 340px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact_form select { width: 231px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; height: 21px; } #contact_form select.type { width: 210px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact_form select.state { width: 70px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact_form input.city, #contact_form input.phone, #contact_form input.fax { width: 140px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact_form input.zip { width: 70px; margin: 0; background: #f3f3f0; border: 2px inset #ccc; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } * html #contact_form input.zip { width: 65px;} #contact_form textarea { width: 340px; border: 2px inset #ccc; height: 80px; background: #f3f3f0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; padding: 1px; } #contact_form input.checkbox {width: 14px; margin: 0; background: none; border: none; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact_form input.right {margin: 0 0 0 13px;} #contact_form .submit_button { padding: 5px; width: 100px; background: #DFDFDF; color: #000; border: none; } #contact_form #state-block, #contact_form #zip-block, #contact_form #city-block {float: left;} #contact_form button{ background:none; border: none; margin: 0 25px 15px 120px; overflow:visible; width: auto; padding: 0; float: left;} span.required{ color: #7e9c97; font-size: 11px;} div.clear-form { padding-top: 9px;} div.clear-form .required { color: #7e9c97; font-size: 11px; float: right; width: 100px; text-align: right;} div.clear-form a{ outline: none; display: block; width: 100px; float: left;} div.clear-form a:hover, div.clear-form a:active { outline: none;} /*pop-ups*/ #pop-up-container { width: 660px; background-color: #e3e5dc; min-height:500px; height:auto !important; height:500px;} #pop-up-header { background:url(/images/pop_up_header.gif) top left no-repeat; padding: 10px 30px 0 40px; height: 30px;} #pop-up-header h1 { color: #fff; font-size: 20px; float: left; width: 360px; font-weight: normal;} #close-window {float: right; text-align: right; font-size: 11px; width: 90px; margin-top: 8px;} #pop-up-content { padding: 30px 30px 20px 40px;} #pop-up-container #pop-up-content p {font-weight: bold;} #pop-up-container #pop-up-content p a { font-weight: normal;} /*video page*/ #video-page-flash {margin: 0 0 16px 0;} #now-playing { padding: 0 0 18px 0;} .thumb { width: 213px; padding: 0 10px 0 0; margin-right: 10px; height: 100px; float: left;} .dotted { border-right: 1px dotted #aaaaaa;} .thumb img { margin: 0 11px 38px 0; float: left; cursor: pointer; } .thumb .desc { float: left; width: 127px;} #page-content h3.video { padding: 0;line-height:14px;margin-bottom:2px} /* * Clearfix */ .clearfix:after { content: "."; display: block;clear:both;visibility: hidden;line-height: 0;height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block;} * html .clearfix {height: 1%;}