/* Make CSS changes to this file or create new files ending in -fwr until the switchover to rails has replaced the CF site. Do NOT edit CSS files ported over from the live site. -Chad Harmon 2010.04.12 */ /* screen.css changes ====================================================================================== */ /* Slideshows landing page*/ a, a:link { text-decoration:none !important; color:#d10702; outline: none;} a:hover { color:#e83f00; text-decoration:underline !important;} /* Main Menu bar */ ul#nav{float:left;width:990px; height: 31px; background:#b13000;} /* Main Menu navigation list - Image replacement */ ul#nav li{height: 100%;float:left;position:relative;overflow:hidden;} /* set common '#nav li' styles */ #nav li#nav-recipes a, #nav li#nav-wine a, #nav li#nav-travel a, #nav li#nav-athome a, #nav li#nav-community a, #nav li#nav-blogs a, #nav li#nav-mag a {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-navbar2011.gif) no-repeat; cursor:pointer;} /* set unique background-positions for each '#nav li' ID */ #nav li#nav-recipes a {background-position: 0 0;} #nav li#nav-wine a {background-position: -156px 0;} #nav li#nav-travel a {background-position: -331px 0;} #nav li#nav-athome a {background-position: -545px 0;} #nav li#nav-community a {background-position: -747px 0;} #nav li#nav-blogs a {background-position: -748px 0;} #nav li#nav-mag a {background-position: -876px 0;} /* Main Menu - Rollovers and Site Section "On" States ** "On" state selector combines Site Section type ID selector (e.g. #ss-recipes for Recipes site section) on 'BODY' element with with appropriate main nav 'LI' item selector (e.g. li#nav-recipes) */ #nav li#nav-recipes a:hover, #nav li#nav-recipes.selected a {background-position: 0 -31px;} #nav li#nav-wine a:hover, #nav li#nav-wine.selected a {background-position: -156px -31px;} #nav li#nav-travel a:hover, #nav li#nav-travel.selected a {background-position: -331px -31px;} #nav li#nav-athome a:hover, #nav li#nav-athome.selected a {background-position: -545px -31px;} #nav li#nav-community a:hover, #nav li#nav-community.selected a {background-position: -747px -31px;} #nav li#nav-blogs a:hover, #nav li#nav-blogs.selected a {background-position: -748px -31px;} #nav li#nav-mag a:hover, #nav li#nav-mag.selected a {background-position: -876px -31px;} /* turn off pointer for "On' states */ body#ss-recipes #nav li#nav-recipes a, body#ss-wine #nav li#nav-recipes a, body#ss-travel #nav li#nav-recipes a, body#ss-athome #nav li#nav-recipes a, body#ss-shop #nav li#nav-recipes a, body#ss-mag #nav li#nav-recipes a {cursor:default;} /* Marketplace module */ #marketplace h3 em{position:absolute;top:4px;left:5px;width:100%;height:100%;background:url(/images/bg-marketplace-h.gif) 0 0 no-repeat;} /* Marketplace headline image replacement font-size:.92em;*/ #marketplace h3 em{position:absolute;top:4px;left:5px;width:100%;height:100%;background:url(/images/bg-marketplace-h.gif) 0 0 no-repeat;} .mod-small2 h1 a:active {color:#e83f00; margin: 5px 0 0 0; } /* Slideshows */ #recipe-blurb h2.alt-h2 { margin: 5px 0 0 10px; color: #000; font: bold 15px arial, sans-serif; text-transform: none; letter-spacing: normal; line-height: normal; } #menu-category #featured {margin:15px 0; padding:0 50px; width:555px; background:url(/images/bg-featured-menus.gif) top left no-repeat;overflow:hidden;} .cm-subscription a:link {color:#0000ff;} /* Deals */ #deals-ampersand { font: normal 12px arial,sans-serif; color: #666; line-height: 14px; } #deals-ampersand li { padding: 5px 0 0 0; } /*PUSHDOWN AD TAGS*/ #test-ad-space { background-color: #fff; width: 970px; text-align: center; margin:0 0 0 0px; padding:10px 10px 0 10px; } /*RAILS FLASH*/ #flash-notice { color: green } #flash-error { color: red } /*Search popup image*/ .popup-img{position: absolute; right: 430px; margin-top: 9px;} /*blog title*/ #blog-title {border-bottom: 2px dotted #777777; margin-bottom: 15px; padding: 10px 0 2px;} .recipe-intro-end{float:left; margin:5px 0 0; width:390px;font-family:Georgia,"Times New Roman",Times,serif; font-size:11pt; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} .recipe-intro-end ul{-x-system-font:none; color:#666666; font-family:arial,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin-bottom:5px; margin-top:5px; } .recipe-intro-end ul li{padding:0 0 0 20px;} #ad-btm-print {position:relative; bottom:0; left:3px;} /* vertical images */ .image-small {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin: 0 2px 2px 2px; width:100px; height:auto;} #feature-four-images-bottom-pad { float: left; margin: 0 0 -12px 0; padding: 8px 0 5px 2px; border-top: solid; border-width: thin; border-color: #ccc; } /* Recipe slide links*/ .recipe-slide h2 a:visited { font: bold 14px arial, sans-serif; color: #d82a22; padding: 0 2px 0 0; } .recipe-slide2 h2 a:visited { font: bold 14px arial, sans-serif; color: #d82a22; padding: 0 2px 0 0; } .recipe-slide h2 a:hover { text-decoration: none; color: #F93; } .recipe-slide2 h2 a:hover { text-decoration: none; color: #F93; } #related-content{ display: block; width:660px; float:left; } .recipe-intro-end{float:left; margin:5px 0 0; width:100%;} /* Recipe content print */ #recipe-content-print #directions-print ol { margin-bottom:8px; list-style:decimal; margin-left:8px; font: normal 18px arial,sans-serif; } #recipe-content-print #directions-print ol p { margin:0.2em 0 0.5em; list-style:decimal; font: normal 18px arial,sans-serif; } /* Recipe Carousel*/ /* #carousel-recipe {background:transparent url(/images/slideshows_redesign/slide.jpg) no-repeat scroll left top; float:left; height:259px !important; padding-top:14px; text-align:center; width:372px !important; margin:0 -6px 0px 6px;padding-bottom:14px;} */ /* #carousel-img{float: left; margin-top: -31px;} */ /* #carousel-recipe ul{left: 360px !important; position: static !important;margin:0; padding:0;} */ /* #carousel-recipe ul li a img {padding-left:12px;} */ /* #carousel-recipe ul li{padding: 0px; display: inline; float: left;} */ /* .carousel-recipe-title { background-color:#8B3A62; display:block; height:31px; margin:-5px 0 0 13px; width:352px; font: normal 14px arial,sans-serif; line-height: 14px; font-weight:bold; text-decoration:none; color:#FFFFFF; outline: none; text-align: center; text-transform:uppercase; font-size:11px; } */ /* .carousel-recipe-title span{display:inherit;padding-top: 8px;} */ /* .carousel-recipe-title span a {text-decoration: none; color: white;} */ #more-slideshows {padding-top: 15px; font: normal 0.8em "Trebuchet MS",Arial,Verdana,sans-serif; font-weight:bold;text-transform:uppercase;text-align:center;padding-bottom:14px;} #more-slideshows a {color: #8B3A62;} /* #slideshows-heading{padding-top:10px;position:relative;text-align:center;width:374px;font-weight:bold;font-size:15px;} */ /* #btn_rt0{top:234px !important;right:7px !important;} */ /* #btn_lt0{top:234px !important;left:14px !important;} */ /* Recipe Carousel*/ .textholder { background-color:#8B3A62; display:block; height:31px; margin:-5px 0 0 13px; width:346px; font: normal 14px arial,sans-serif; line-height: 14px; font-weight:bold; text-decoration:none; color:#FFFFFF; outline: none; text-align: center; text-transform:uppercase; font-size:11px; } .textholder a { text-decoration: none; padding-top: 7px; color: black; } ul.carousel { list-style-type: none; height: 260px; } .carousel_title { position:relative; text-align:center; font: normal 1.2em "Trebuchet MS",Arial,Verdana,sans-serif; font-weight:bold; width:346px; } #featured-potd-container { float: right; margin: 32px 5px 0 0; width:356px; } #snooth-pairings-button { position: relative; float: right; width: 354px; height:38px; margin:3px 10px 0 0; background:url(/images/snooth/snooth-tout-bg.gif) top left no-repeat; } #snooth-pairings-button img { padding: 10px 0 10px 10px; float:left; } #snooth-pairings-button a { display: block; position: absolute; padding:12px 135px 8px 35px; color:#000; font: normal 13px arial,sans-serif; } #snooth-pairings-button a:hover { color:#d10702; } /* wine show page - Snooth api styles */ #snooth-details{float:left;margin:15px 0 0 8px;border:2px solid;border-color: #ccc;padding:4px;width:214px;} #snooth-button{float:left;margin-top:3px;} #snooth-logo{float:right;} #snooth-details #price-info{float:left;width:100%;font-weight:bold;padding-top: 10px;} #price-info span{color:#E83F00;font-weight:normal;} /* Right-rail Redesign 2010-2011 */ #topnav { display: block; height: 42px; width: 990px;} #topLinkWrapper { display: block; float:right; height: 42px; width: 240px; padding-top:10px; margin-right:10px; } #navMenu li {float: left; font-size: 10px; line-height: 28px; position: relative; z-index: 2;} #navMenu ul li a {color: #242525; display: block; font-family: Arial,Helvetica,sans-serif; text-align: left; width: 119px;} #navMenu ul li:hover ul {visibility: visible;} #navMenu ul ul {left: 1px; position: absolute; top: 31px; width: 119px; visibility: hidden;} #tsubsc ul li.sub {background-color: #F5F0ED; border-bottom: 1px solid #FBB76A; border-left: 2px solid #990000; border-right: 2px solid #990000; ; text-indent: 6px; top: -1px; width: 119px;} #navMenu ul li:hover ul li a:hover {color: #BE2E1A; height: 28px;} #tsubsc {display: block; float:left !important; height: 30px; width: 130px; background:url("/images/top_nav_subscribe.gif") no-repeat;} #tsubsc .hide, #tnewsletters .hide, #tshop .hide, #tevents .hide {border: medium none;} #tsubsc .hide span, #tnewsletters .hide span, #tshop .hide span, #tevents .hide span {display: block; font-size: 0; text-indent: -9999px;} #tsubsc ul li.sub {background-color: #F5F0ED; border-bottom: 1px solid #FBB76A; border-left: 2px solid #990000; border-right: 2px solid #990000; position: relative; text-indent: 6px; top: -3px; width: 119px;} #tsubsc ul li.last {background-color: #F5F0ED; border-left: 2px solid #990000; border-right: 2px solid #990000; position: relative; text-indent: 6px; top: -1px; width: 119px;} #tsubsc ul li.curve {background-image: url("/images/dropfooter.png"); display: block; height: 10px; top: -1px; width: 124px;} #tnewsletters {display: none; height: 30px; width: 0px;} #tnewsletters ul li.news {background-color: #F5F0ED; border-bottom: 1px solid #FBB76A; border-left: 2px solid #990000; border-right: 2px solid #990000; left: 1px; text-indent: 10px; top: -1px; width: 137px;} #tnewsletters ul li.last {background-color: #F5F0ED; border-left: 2px solid #990000; border-right: 2px solid #990000; left: 1px; text-indent: 10px; top: -1px; width: 137px;} #tnewsletters ul li.curve {background-image: url("/images/dropfooter2.png"); display: block; height: 10px; left: 1px; top: -1px; width: 141px;} #tshop {display: block; height: 30px; width: 0px;} #tevents {display: block; float:left; height: 30px; width: 105px; background:url("/images/top_nav_events.gif") no-repeat;} #tevents ul li.events {background-color: #F5F0ED; border-bottom: 1px solid #FBB76A; border-left: 2px solid #990000; border-right: 2px solid #990000; left: 1px; position: relative; text-indent: 6px; top: -1px; width: 92px;} #tevents ul li.last {background-color: #F5F0ED; border-left: 2px solid #990000; border-right: 2px solid #990000; left: 1px; position: relative; text-indent: 6px; top: -1px; width: 92px;} #tevents ul li.curve {background-image: url("/images/dropfooter3.png"); display: block; height: 8px; left: 1px; position: relative; top: -1px; width: 96px;} /* #getMore { display: block; width: 300px;} #getMore img { padding: 12px 0 0 8px; } #subscModule a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-decoration: none; line-height: 36px; display: block; } #subscModule a:hover { text-decoration: underline; } #subscMag, #bookMag, #ipadMag, #clubMag { display: block; width: 75px; text-align: center;} #booksMod { display: block; width: 300px; height: 126px; } */ /* Start of footerSitemap.css */ #flinksMenu a { color:#797979; line-height:15px;} #flinksMenu a:hover { color:#333; text-decoration:underline;} #footerContainer {width:990px; display:block; background-color:#f5f5f6; margin-bottom:4px;padding-bottom: 5px;} #flinksMenu {display:block; width:670px; height:260px; background-color:#f5f5f6; float:left;} #flinksMenuText {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#797979; height:10px; display:block; text-decoration:none; float:left; padding:0 10px; margin:10px 0 0} #flinksMenuText a {color: #797979; text-decoration: none;} #flinksMenuText a:hover {color: #333; text-decoration: underline;} #flinksMenuText {padding:15px 0 0 86px; text-align:left;} #flinksMenu ul li a:hover {text-decoration:underline; color:#333;} #flinksMenu .categorystyle {list-style:none; float:left; color:#981153; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:11px; margin: 2px 6px 0 0; width:80px; text-align:right;} #flinksMenu .space {padding:0 5px 0 0;} #flinksMenu .indent {padding-left:86px;} #flinksMenu .cwcolor {color:#333;} #flinksMenu p.menusection {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #929191; text-align:left; margin:0;} #flinksMenu .horzSpace {margin: 0 6px;} #flinksMenu .flinksVspace {padding:5px 0;} .clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;} /* Start of events.css */ #eventscover .module-wrapper {clear:both; margin:0; padding:5px 0; width:660px; border:none;} h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%;} h2.eventssection {background-color:#A62D00; background-image:url("../images/eventscvrbg-section-h.gif"); background-position:left top; background-repeat:repeat-x; color:#FFFFFF; font:1.8em Arial,"Trebuchet MS",Verdana,sans-serif; height:30px; letter-spacing:1px; overflow:hidden; padding:8px 0 0 5px; position:relative; text-transform:uppercase; width:660px;} #eventscover {display:block; width:660px; background-color:#F5F5F5; padding:0 0 0 6px; height:234px;} #eventscover div {background-color:#F5F5F5; background-image:url(../images/eventscvrbg.jpg); background-repeat:no-repeat; background-position:top left; display:block; width:164px; height:200px; float:left; border-right: solid 1px #FFF; text-align:center;} #eventscover div img {padding:14px 0 6px 0;} #eventsfooter{background-image:url(../images/footergradient.jpg); background-repeat:repeat-x; display:block; width:660px; height:15px;top:273px; left:0; padding:0 0 0 5px;} #eventscover ul {background-color:#F5F5F5;border:0;margin:0px;padding:0px;} #eventscover ul li {list-style:none; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:30px; width:164px; text-align:center; padding:5px 0;border:0;background:none;} #eventscover ul li a { color:#222222; text-decoration:none; width:164px; display:block; padding:1px 0 0 0; border-right: solid 1px #FFF; background-image:url(../images/btnb.gif);} #eventscover ul li a:hover {background-image:url(../images/overbtn.jpg); background-repeat:no-repeat; color:#FFF;} #eventscover #mfree a {background-image:url(../images/overlrgbtng.gif);} #eventscover #mfree a:hover {background-image: url(../images/overlrgbtn.jpg)} /* start of emailcapture.css */ .enewstext {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;margin: 0;} .emailcontainer {display:block; width:300px; height:250px; border: solid 1px #CCC; background-color:#FFF;} .emailcontainer-bttm {float:left;} #foodcontainer div, #winecontainer div {float:left;} #foodcontainer, #winecontainer, .listcontainer {display:block; width:270px; height:56px; padding: 10px 0 0 30px; border-bottom: solid 1px #CCC;} .emailheader {display:block; width:300px; height:60px; background-image:url(../images/freeicon.gif); background-repeat:no-repeat; background-position: top left; border-bottom: solid 1px #CCC;} .newtitles {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:22px; font-weight:bold; padding:18px 0 0 60px;} .marketptitle {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:22px; font-weight:bold; padding:10px 0 10px 10px; border-bottom: solid 1px #CCC; list-style:none;} .radio {display:block; width:20px; padding-top:1px;} .textbox {display:block; width:250px;} .textbold{font-weight:bold;} .textboldlabel{color:#c40012;} .padaid {padding:10px 0 0;} .textfieldsize {display:block; width:165px; size:165px;height:24px; text-align:center; border:1px solid gray; background-color:#F5F5DC;margin:0px 3px 0px 0px;padding:0px;line-height:24px;vertical-align:center;font-size:12px;align:center;} #enewsformcontainer {display:block; width:300px; height:50px; text-align:center;} #enewsform {display:block; width:278px; height:36px; padding: 4px 0 0 0px;} #enewsformcontainer a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666;} #enewsform div {float:left;} .privacy-info-popup-holder {position:relative;} .privacy-info-popup-holder .privacy-info-popup {display:none; position:absolute; bottom:0; left:20px; width:260px; padding-bottom: 15px;} .privacy-info-popup-holder .privacy-info-popup .privacy-info-popup-text {color:white; background-color:#D10604; padding:5px 5px 8px; border-radius:5px; -moz-border-radius:5px;} .privacy-info-popup-holder .privacy-info-popup .privacy-info-popup-text a {color:blue !important;} #enewssignup {display:block; width:102px; height:26px; background-image:url(../images/signupbtn.gif)} #marketheadlines {display:block; width:300px;} #marketheadlines li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:10px 0 10px 10px; border-bottom: solid 1px #CCC; list-style:none;} #marketheadlines #noborder {border:none;} #marketheadlines a {text-decoration:none; color:#cd341e;} #marketheadlines a:hover {color:#000;} /* Custom social media button styles */ #social-media-buttons {float: right; margin:20px 18px 18px 186px;} #social-media-buttons #stay-connected {display:none; } #social-media-buttons #facebook-button {float: left;} #social-media-buttons #facebook-button img {float: left; margin-right:8px;} #social-media-buttons #twitter-button {float: left;} #social-media-buttons #twitter-button img {float: left; margin-right:8px;} #social-media-buttons #rss-button {float: left;} #social-media-buttons #rss-button img {float: left; margin-right:8px;} #social-media-buttons #foodspotting-button {float: left;} #social-media-buttons #foodspotting-button img {float: left; margin-right:8px;} #social-media-buttons #mobile-button {float: left;} #social-media-buttons #mobile-button img {float: left; margin-right:8px;} #social-media-buttons #tumblr-button {float: left;} #social-media-buttons #tumblr-button img {float: left; margin:0px;} .rr-ad{margin-bottom:10px;padding-bottom:5px;} .privacy-info-link {font-size:10px;} .privacy-info-popup-triangle img{margin-top:-2px;} /* People's Choice Best New Chefs */ #peoples-bnc-dek { float: left; padding-top: 5px; } #peoples-bnc-dek h2 { color: #1b639a; font: 13px trebuchet,verdana,georgia; margin: 0; padding: 5px 0 8px; text-align: center; text-transform: uppercase; } #peoples-bnc-dek h2 span { clear: both; display: block; font: 11.5px trebuchet,verdana,georgia; padding-top: 10px; text-transform: none; color:#666; } #peoples-bnc-dek p.sticker { border-bottom: 1px solid #CCCCCC; text-align:center; color:#666; font: normal 11px arial,sans-serif; padding-bottom: 13px; } #article-content .region { float:left; padding: 10px 0; } #article-content .region h3 { color: #000000; font: bold 13px trebuchet,verdana,georgia; color: #333; padding: 5px 0 8px; margin:0; } #article-content .region .region-content { padding-top: 10px; } #article-content .region .region-content .region-chef { float:left; } #article-content .region .region-content .region-chef #article-photo-credit { width:120px; margin-left:3px; font-size:10px; } #article-content .region .region-content .region-chef #article-photo-credit p { font-size:10px; } #article-content .region .region-content .region-chef img { width:125px; } #article-content .region .region-content .region-info { float:left; padding-left: 10px; width:290px; } #article-content .region .region-content .region-info h4 { border-bottom: 1px solid #CCCCCC; font: bold 20px arial,sans-serif; letter-spacing:0 !important; text-transform: none; padding-bottom: 1px; margin-bottom:9px; margin-top: 0; } #article-content .region .region-content .region-info ul li { background:none; margin:0; padding:0; text-transform:none; } #article-content .region .region-content .region-info ul li span { color: #1b639a; font: bold 11px arial,sans-serif; margin: 0; padding: 0 5px 0 0; text-transform:uppercase; } #article-content .region .region-content .vote-banner { float:left; padding:5px 0; } #other-regions { float:left; width: 430px; margin-bottom: 25px; } #other-regions h5 { color: #1B639A; font: bold 11px arial,sans-serif; padding: 0 0 5px 1px; text-transform: uppercase; } #other-regions ul { margin-top:5px; } #other-regions ul li { font: normal 11px arial,sans-serif; text-transform: capitalize; background: none repeat scroll 0 0 transparent; border-left: 1px solid #CCCCCC; float: left; list-style: none outside none; width: 85px; text-align: center; margin:0; padding: 0; } #other-regions ul li a { font: normal 11px arial,sans-serif; text-transform: capitalize; } /* Email Container */ #flash-error {color: red;} .emailcontainer {background: url(/images/eNewsletterBg.gif) no-repeat scroll 0 0 #fff; display: block; height: 250px; width: 300px;} .containertext {height: 120px; top: 75px; left: 5px; position: relative; width: 295px;} .content {margin:0px 10px 0px 5px; height: 120px;} .rowtext {height: 25px; padding-top: 3px; *padding-top: 0px; padding-bottom: 10px; *padding-bottom: 5px;} .checkbox {padding-top: 9px; float:left;} .textboldlabel {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; font-style:italic; text-transform:lowercase; color:#99c035; width:52px; *width:50px; padding: 0 3px 0 7px; *padding: 0 3px 0 2px; float:left;} .righttextdetails {width:205px; float:left; padding: 0 0 3px 0; font-family: Georgia, "Times New Roman", Times, serif; *font-family: none;} .textbold {font-size:9pt; font-weight:bold; text-transform:capitalize; color:#000;} .textdescription {font-size:9pt; color:#808184;} .hrline {clear:both; margin:0; color:#C0C0C0;} .enewsformcontainer {height: 15px; width: 295px; margin: 0; padding: 0;} .textfieldsize { background-color: #FFF; color:#808184; border: 1px solid #c0c0c0; display: block; font-size: 12px; height: 18px; line-height: 20px; margin: 2px 10px 0 0; padding: 0; size: 195px; text-align: center; width: 195px; float:left;} .signupbtn {padding-top:2px;} .privacy-info-popup-holder {position:relative; text-align: center; margin-top: 3px; *margin-top: 0px;} .privacy-info-popup-holder a {color:#808184 !important; text-decoration: underline !important; font-size: 8pt; font-family: Georgia, "Times New Roman", Times, serif;} .privacy-info-popup-holder .privacy-info-popup {display:none; position:absolute; bottom:0; left:10px; width:260px;} .privacy-info-popup-holder .privacy-info-popup .privacy-info-popup-text {color:white; background-color:#D10604; padding:5px 5px 8px; border-radius:5px; -moz-border-radius:5px;} .privacy-info-popup-holder .privacy-info-popup .privacy-info-popup-text a {color:blue;} .privacy-info-popup-triangle img{margin-top:-2px;} /* Right Rail - Get More Updated CSS */ #subscModule { display: block; width: 300px; height: 250px; background: #C00; background-image: url(../images/gModBg.jpg); background-repeat: no-repeat; margin-top:5px;} #subscModule div { float:left; padding: 0; } #getMore { display: block; width: 300px; text-align:center; margin: 25px 0 20px 0;} #booksMod { display: block; width: 300px; height: 75px; margin: 8px 0 8px 0; padding:0 20px 0px 16px;} #subscMag img {padding:0 15px 0 16px;} #bookMag img {padding:0 16px 0 0;} #ipadMag img {padding:0 13px 0 0;} #clubMag img {padding:0 20px 0 0;} #booksModBtn { display: block; width: 300px; height: 20px; margin: 0px 0 8px 0; padding:0 20px 8px 16px;} #subscMagBtn img {margin:0; padding:0px 8px 7px 14px;} #bookMagBtn img {padding:0 8px 7px 0;} #ipadMagBtn img {padding:0 8px 7px 0;} #clubMagBtn img {padding:0;} .thumbnail {position: relative; z-index: 0;} .thumbnail:hover{background-color: transparent; z-index: 50;} .thumbnail span{ position: absolute; left: 0; top:0; padding: 5px; visibility: hidden;} .thumbnail span img{border-width: 0;} .thumbnail:hover span{visibility: visible; position: absolute; top: -85px; *top: -25px; top: -95px\0/; left: -20px; z-index: 51;} .ruler { margin:0 14px;}