/*GLOBAL-GENERAL STYLES*/ * {margin:0; padding:0;} html {overflow-y:scroll;} body {background:#FBF8E7; font-family: 'Trebuchet MS', Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:center;} h1 {font-family: 'Trebuchet MS', Times, serif; color:#000000; padding:10px 0 0px 0; font-weight:normal; } h2 {font-family: 'Trebuchet MS', Arial, Verdana, Geneva, Helvetica, sans-serif; } h5 {font-family: 'Tahoma', Times, serif; padding:0 0 10px 0; } p { font-size: 11px;} hr {margin:30px 0;} a:link, a:visited, a:active {color:#000000; text-decoration:underline;} a:hover {text-decoration:none;} a img {border:none;} .left {float:left;} label {font-size:0.8em;} .right {float:right;} .hidden {display:none;} .txterror {color:#CC0001; font-weight:600;} #container {margin:0 auto; width:770px; text-align:left;} #page {background:#FFFFFF url(/images/bg_page.gif) repeat-y left; float:left; padding:0px; width:770px;} .maincontainer {border-right: 1px solid #CACACA;} .goldenq label {font-size:12.5px;} /*home header*/ #header #logo {float:left; padding:0 0 0 0px;} #top {float:left;width:770px;background:#000000;} #header {padding:0px;float:left;} #header h5 {font-size:0.8em;font-weight:normal;text-align:right;padding:10px 0 25px 0px;margin:0 0px 0 0;} #header h4 {padding:0px 0 15px 0px;} #header span {float:left;width:100%;text-align:right;} /*top mini nav and search*/ #header #topmininav {float:right;margin:15px 20px 0 0;} * html #header #topmininav {float:right;margin:15px 10px 0 0;} #header #topmininav li {float:left;list-style:none;} #header #topmininav h1 {float:left;width:70px;text-indent:-999em;} #header #topmininav #search {float:left;height:17px;padding:0;margin:0px 0 0 0;border:0;} * html #header #topmininav #go {padding:0;margin:0 0 0 -2px;float:left;} #header #topmininav form label {float:left;color:#FFFFFF;text-indent:-999em;background: url(/images/search.gif) no-repeat;width:48px;} /* Left Nav bar*/ /* ***NOTE *** FOLLOWING TAG MUST HAVE z-index:1000; TO APPEAR ABOVE OTHER CONTENT */ #leftnav {width:205px;padding:7px 0 0 0;background-color:#DFDFDF;border-bottom:1px solid #FFFFFF;position:relative;z-index:1000;} #leftnavtop {background: url(/images/tinyarrow_red.gif) no-repeat 10px 9px; padding: 0 0 7px 0;border-bottom:1px solid #999999;} * html #leftnavtop {background: #DFDFDF url(/images/tinyarrow_red.gif) no-repeat 10px 9px; } #leftnavtop h3 {padding-left:25px; font-size:14px; } * html #leftnavtop h3 {width:180px;} #leftnav h1{font-size:0.7em;font-weight:bold;color:#000000;} #leftnav li {background-color:#DFDFDF;list-style:none;position:relative;border-top:1px solid #FFFFFF;border-bottom:1px solid #A7A7A7;float:left;} #leftnav li.lit {background-color:#CC0001;list-style:none;position:relative;border-bottom:1px solid #FFFFFF;} #leftnav li a:link {color:#000000;text-decoration:none;width:179px;padding:0px 0 10px 27px;display:block;} * html #leftnav li a:link {width:206px;} #leftnav li a:hover {padding:0px 0 10px 27px;color:#CB0101;background: url(/images/tinyarrow_red.gif) no-repeat 10px 5px;display:block;} #leftnav li a:visited {text-decoration:none;padding:0px 0 10px 27px;display:block;} #leftnav li a:active {text-decoration:none;padding:0px 0 10px 27px;display:block;} #leftnav li ul {position:absolute;left:-999em;top:0px;border:1px solid #FFFFFF; z-index: 100;} .LeftNavSelected {background-color:#C3C3C3;} #leftnav li:hover ul, #leftnav li.hover ul {left:205px;cursor: pointer;border:1px solid #FFFFFF;position:absolute; z-index: 100;} #leftnav li:hover ul ul, #leftnav li.hover ul ul {left: -999em;position:absolute;border:1px solid #FFFFFF;} #leftnav ul li:hover ul {left:160px;cursor:pointer;top:-1px;} * html #leftnav ul li.hover ul {left:145px;top:-1px;} #leftnav li ul li a:link {width:160px;w\idth:145px;display:block;position:relative;padding:5px 0 5px 15px;} #leftnav li ul li a:hover {width:160px;w\idth:145px;display:block;position:relative;padding:5px 0 5px 15px;} #leftnav li ul li a:visited {width:160px;w\idth:145px;display:block;position:relative;padding:5px 0 5px 15px;} #leftnav li ul li a:active {width:160px;w\idth:145px;display:block;position:relative;padding:5px 0 5px 15px;} #leftnav li:hover ul a:hover, #leftnav li.hover ul a:hover {background: #C3C3C3 url(/images/tinyarrow_red.gif) no-repeat 5px 10px;} #leftnav ul h2{font-size:0.7em;font-weight:bold;color:#000000;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} #leftnav ul ul h3{font-size:0.7em;font-weight:bold;color:#000000;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} /*Left Column*/ #left {float:left;width:205px;background:#DFDFDF url(/images/bg_leftgrad.gif) repeat-x bottom;border-left:1px solid #B6B6B6;padding:0 0 100px 0;} #home #left{padding:0;background-position:top;} #left #callout {background:#DFDFDF url(/images/left_0a_popularsearches.gif) no-repeat 0 0px;width:205px;padding:53px 0 30px 0; float:left;} #callout ol {width:200px;margin:0 0 0 0px;padding:0 0 0 10px;} #callout ol li {font-size:0.8em;padding:0 0 7px 0;list-style:none;float:left;} #callout ol ul#subnavlist {position:relative;text-align: left;padding:0 0 0px 0;} #callout ol ul#subnavlist li {display:inline;padding:0 0 0 0px;} #callout ol ul#subnavlist li.firstitem {background: url(/images/tinyarrow.gif) no-repeat right;width:120px;float:left;padding:0px 0 0 0;} #callout ol ul#subnavlist li.firstitem2 {width:120px;float:left;padding:0px 0 0 0;} #callout ol ul#subnavlist li a {padding:0 0 0 10px;} #callout ol ul#subnavlist li a:hover {text-decoration:none;} /*home banner/callout*/ #left #banner {padding:0 0 10px 0;} #left #banner img {margin:10px;} #left #banner h2 {padding:10px 10px 0px 10px; font-size: 15px; color:#CB0101;} * html #left #banner h2 {padding:10px 0 0 10px; } #left #banner p {padding: 5px 7px; line-height: 12px; font-size: 10px;} * html #left #banner p {padding: 0px 7px;} #relatedarticles ol {width:200px;margin:0 0 0 0px;padding:0 0 0 10px; } #left #relatedarticles {background: #FFFFFF url(/images/left_relatedarticles.gif) no-repeat 0 0px; float: left;width:205px;padding:53px 0 20px 0;border-bottom:5px solid #242424;} #left #relatedarticlesEDIT {overflow: scroll; background: #FFFFFF url(/images/left_relatedarticles.gif) no-repeat 0 0px;float:left;width:205px;padding:53px 0 20px 0;border-bottom:5px solid #242424;} #relatedarticles ol li {list-style:none;font-size:0.6em;padding:0 0 10px 15px;float:left;background: url(/images/tinyarrow.gif) no-repeat 0 4px;width:100%;} #relatedarticles ol li a, #relatedarticles ol li a:visited{/*color:#8F0100;*/ color:#000000;} #left #callout h3, #left #relatedarticles h3 {display:none;} /* Link styles (various arrows etc.)*/ .tinyarrowlink {background: url(/images/tinyarrow.gif) no-repeat 0 4px;padding:0 0 0 10px;} a:hover.tinyarrowlink {text-decoration:none;} .tinyarrowlink_red {background: url(/images/tinyarrow_red.gif) left center no-repeat;padding:0 0 0 10px;} a:link.tinyarrowlink_red { text-decoration:none } /*CONTENT*/ #content {padding:0px 0px;margin:0 0 0 206px; position: relative;} #breadcrumb {float:left;} * html #breadcrumb {float:left;width:563px;} #breadcrumb ul {width:558px;height:25px;padding:0 0 0 6px;background:#DFDFDF url(/images/bg_breadcrumbgrad.gif) repeat-x top;} * html #breadcrumb span {width:557px;height:25px;padding:0 0 0 6px;background:#DFDFDF url(/images/bg_breadcrumbgrad.gif) repeat-x top;} #breadcrumb li {float:left;list-style:none;font-size:0.7em;padding:5px 0px 0 0;} #breadcrumb li a {font-size:10px;color:#000000;padding:0 5px 0 0;} #breadcrumb li a.lit {color:#CB0101;text-decoration:none; font-weight: bold;} /*signposts*/ #content #signposts {float:left;} #content #signposts ul {margin:5px 0px 0 20px;} #content #signposts ul li {float:left;list-style:none;} /*banner*/ #banner_lrg {float:left; margin: 0 0 20px 0; } /*fix for safari:*/ /*#banner_lrg a {margin:0 0 0 -20px;}*/ #content #banner {float:left;margin:10px 0px 0 22px;} #content #banner #bannerinner {float:left;margin:13px 0 0 -1px;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;background:#FBF8E7;width:240px;height:124px;} * html #content #banner #bannerinner {margin:12px 0 0 -3px;width:233px;padding:0 5px 0 0;height:126px;} #content #banner .right {margin:8px 0 0 0;padding:0 0 0 0;float:left;} * html #content #banner .right {margin:7px 0 0 0;} #content #banner h2 {color:#CC0001;font-weight:normal;} #content #banner h3 {font-weight:normal;font-size:75%;margin:0px 0px 0 75px;padding:0;} /*welcome note*/ #content #welcome {float:left;margin:0px 0px 0 12px;} * html #content #welcome {width:510px;} #content #yourbookmarks {border-top:1px dotted #959595;border-bottom:1px dotted #959595;background-color:#e1dccb;padding:1px 20px;width:500px;height:20px;} #content #yourbookmarks h2{float:left;} #content #welcome #yourbookmarks p {margin:0 0 0 0;} #content #welcome #yourbookmarks a.tinyarrowlink {color:#000000;} #content #welcome h1 {font-size:1.1em;margin:0px 0px 0 20px;visibility:visible;} #content #welcome p {margin:10px 22px 10px 20px;} #content #welcome ul {float:left;} #content #welcome ul p {margin:0 12px 0 20px;} #content #welcome ul a.tinyarrowlink {font-size:0.6em;clear:both;margin:0 0 0 10px;text-transform:uppercase;color:#000000;font-weight:bold;} #content #welcome li {list-style:none;} /*poll*/ #content #pollcont {float:left;margin:0 0 0 3px;} #content #poll {width:540px;position:relative;float:left;background: url(/images/bg_poll.gif) repeat-y 10px 0;padding:0 0 0px 10px;margin:10px 0 10px 0px;} #content #poll img {float:left;} #content #polltop {background: url(/images/bg_polltop.gif) no-repeat;position:absolute;z-index:8;} #content #pollcontent {margin:0 14px 0 10px;float:left;background:#FBF8E7;padding:10px 0 5px 10px;width:506px;} * html #content #pollcontent {margin:0 14px 0 5px;padding:10px 0 5px 10px;width:516px;} #content #pollbottom {float:left;width:100%;height:10px;background: #FFFFFF url(/images/pollbottom.gif) no-repeat ;} #content #poll input {margin:1px 3px 0 0;} #content #poll label {font-size:0.7em;line-height:18px;width:100%;float:left;background:#FDFCF5;margin:0 0 2px 0;} #content #poll form {float:right;width:180px;padding:5px 40px 0 0;margin:0 10px 0 0;background: url(/images/bg_pollform.gif) no-repeat right 5px;} /*homepage list items*/ #content #articlemenu {margin:10px 0px 30px 22px;float:left; } * html #content #articlemenu {margin:10px 0px 30px 22px; float: none;} #content #articlemenu img {float:left;} #content #articleitem {border-bottom:1px dotted #DFDFDF;margin:0 0px 0 220px;padding:5px 0 5px 0;width:284px;} #content #articleitem p { font-size: 10px;} * html #content #banner, #content ul#signposts, #content #srticlemenu {float:none;} #content #bottombuttons {background:#7D7D7D;height:82px;width:564px;float:left;clear:both;} * html #content #bottombuttons {height:82px;width:564px;} #content #bottombuttons ul {margin:0 auto;padding:30px 0 30px 0px; } #content #bottombuttons li {float:left;padding:0 10px 0 0;list-style:none;height:40px;width:140px; line-height: 12px;} #content #bottombuttons li a {color:#FFFFFF;font-size:0.6em;} #content #bottombuttons li img {padding:0 10px 20px 0;float:left;} /*magazine list items*/ #content #featurelist {border-top:1px solid #959595;border-bottom:1px solid #959595;padding:20px 0 20px 22px;margin:20px 0px 10px 22px;float:left;width:496px;} * html #content #featurelist {margin:20px 0px 0 12px;width:518px;} #content #featurelist ul {float:left; width: 330px;} #content #featurelist img {padding:5px 0px 0 0;} #content #featurelist li {float:left;list-style:none;padding:0px 0 10px 0;margin:0 0 10px 0;width:100%;border-bottom:1px dotted #959595; } * html #content #featurelist li {width:auto;} #content #featurelist li img {float:left;margin:0 10px 0 0;padding:0px 0px 0 0;} #content #featurelist li a {} #content #featurelist li h2 {margin-left:110px; color: #CB0101; font-size:0.9em; } * html #content #featurelist li h2 {margin-left:0px;float:left; width: 220px;} #content #featurelist li p { float:left; width: 220px; font-size: 10px;} #sectionsummarytext { padding:0px 20px 0 20px; font-size: 11px; } #content #featurelistnoimage {border-top:1px solid #959595;border-bottom:1px solid #959595;margin:20px 20px 20px 22px;} #content #featurelistnoimage ul {float:left; padding:10px 0 0 20px; width: 535px;} #content #featurelistnoimage img {padding:5px 0px 0 0;} #content #featurelistnoimage li h2 {margin-left:110px; color: #CB0101; font-size:0.9em; } * html #content #featurelistnoimage li h2 {margin-left:0px;float:left; width:380px} #content #featurelistnoimage li {float:left;list-style:none;padding:0px 0 10px 0;margin:0 20px 10px 0;border-bottom:1px dotted #959595; } * html #content #featurelistnoimage li {width:auto;} #content #featurelistnoimage li img {float:left;margin:0 10px 0 0;padding:0px 0px 0 0;} #content #featurelist li p { float:left;} /*FOOTER*/ #footer {background: #000000;float:left;clear:both;width:770px;} ul#bottomnav {float:right;list-style:none;margin:10px 0 0 0px;} ul#bottomnav li {float:left;border-right:1px solid;margin:0px 0 8px 0;font-size:65%;height:15px;} ul#bottomnav li.end {border-right:0px;} ul#bottomnav li a {float:left;padding:0 10px;text-decoration:none;color:#FFFFFF;text-indent: -999em;width:100%;height:20px;} ul#bottomnav li#contact {background: url(/images/footerlink_contact.gif) no-repeat;width:67px;} ul#bottomnav li#sites {background: url(/images/footerlink_sites.gif) no-repeat;width:101px;} ul#bottomnav li#terms {background: url(/images/footerlink_terms.gif) no-repeat;width:117px;} ul#bottomnav li#accessibility {background: url(/images/footerlink_accessibility.gif) no-repeat;width:76px;} ul#bottomnav li#sitemap {background: url(/images/footerlink_sitemap.gif) no-repeat;width:67px;} ul#bottomnav li#yourbookmarks {background: url(/images/footerlink_yourbookmarks.gif) no-repeat;width:87px;} ul#bottomnav li#yourprofile {background: url(/images/footerlink_yourprofile.gif) no-repeat;width:92px;} ul#bottomnav a:focus {outline: none;} #footer p {float:left;padding:10px 10px 0px 10px;font-weight:normal;font-size:65%;color:#FFFFFF;} /*Top Nav bar*/ #topnav {float:left;background:url(/images/nav/top_bg.gif) repeat-x;width:562px;padding:0 0 0 208px;} * html #topnav{width:770px;} #topnav ul {float:left;list-style:none;position:relative;z-index:9999;} #topnav ul ul { z-index:9999; position:absolute;} #topnav ul li span {display:none;} #topnav li {float:left;} #topnav a:link {display:block;width:106px;float:left;height:30px;} #topnav a:hover {display:block;width:106px;float:left;height:30px;} #topnav a:visited {display:block;width:106px;float:left;height:30px;} #topnav a:active {display:block;width:106px;float:left;height:30px;} #topnav li ul {position:absolute;width:106px;left:-999em;top:30px;} #topnav li ul a:link {height:29px;} #topnav li:hover ul {left:auto;cursor: pointer; z-index:9999; position:absolute;} * html #topnav li.hover#allaboutdogs ul {left:0px;} * html #topnav li.hover#aboutcats ul {left:105px;} * html #topnav li.hover#brands ul {left:211px;} * html #topnav li.hover#about ul {left:316px;} * html #topnav li.hover#advice ul {left:423px;} /* fix for gaps between dropdown menu items... */ * html #topnav ul ul li {margin:0px;padding:0px;margin-bottom:-1px;} /* TRANSPARENCY EFFECT FOR MAIN NAV */ /* #topnav ul li */ /* { filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=90); */ /* IE */ /* opacity: 0.9; */ /* Moz + FF */ /* -moz-opacity:0.9; */ /* CSS 3 Browsers */ /* } */ #topnav ul li#allaboutdogs {background:url(/images/nav/top_4_allaboutdogs.gif) no-repeat;} #topnav ul li#aboutcats {background:url(/images/nav/top_5_allaboutcats.gif) no-repeat;} #topnav ul li#brands {background:url(/images/nav/top_2_ourbrands.gif) no-repeat;} #topnav ul li#about {background:url(/images/nav/top_1_aboutpurina.gif) no-repeat;} #topnav ul li#advice {background:url(/images/nav/top_3_adviceservices.gif) no-repeat;} #topnav ul li#advice a {height:29px;} #topnav ul li:hover#allaboutdogs, #topnav ul li.hover#allaboutdogs {background:url(/images/nav/top_4_allaboutdogs_on.gif) no-repeat;} #topnav ul li:hover#aboutcats, #topnav ul li.hover#aboutcats {background:url(/images/nav/top_5_allaboutcats_on.gif) no-repeat;} #topnav ul li:hover#brands, #topnav ul li.hover#brands {background:url(/images/nav/top_2_ourbrands_on.gif) no-repeat;} #topnav ul li:hover#about, #topnav ul li.hover#about {background:url(/images/nav/top_1_aboutpurina_on.gif) no-repeat;} #topnav ul li:hover#advice, #topnav ul li.hover#advice {background:url(/images/nav/top_3_adviceservices_on.gif) no-repeat;} /* All About Dogs */ #topnav ul ul li#yournewpet {background:url(/images/nav/top_4_1_yournewpet.gif) 0px 0px no-repeat;} #topnav ul ul li#foodnutrition {background:url(/images/nav/top_4_2_foodnutrition.gif) 0px 0px no-repeat;} #topnav ul ul li#healthwellbeing {background:url(/images/nav/top_4_3_healthwellbeing.gif) 0px 0px no-repeat;} #topnav ul ul li#healthwellbeing a {height:45px;} #topnav ul ul li#livingtogether {background:url(/images/nav/top_4_4_livingtogether.gif) 0px 0px no-repeat;} #topnav ul ul li#livingtogether a {height:29px;} #topnav ul ul li#dogcarequestions {background:url(/images/nav/top_4_5_dogcarequestions.gif) 0px 0px no-repeat;} #topnav ul ul li#dogcarequestions a {height:45px;} #topnav ul ul li:hover#yournewpet, #topnav ul ul li.hover#yournewpet {background:url(/images/nav/top_4_1_yournewpet_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#foodnutrition, #topnav ul ul li.hover#foodnutrition {background:url(/images/nav/top_4_2_foodnutrition_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#healthwellbeing, #topnav ul ul li.hover#healthwellbeing {background:url(/images/nav/top_4_3_healthwellbeing_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#livingtogether, #topnav ul ul li.hover#livingtogether {background:url(/images/nav/top_4_4_livingtogether_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#dogcarequestions, #topnav ul ul li.hover#dogcarequestions {background:url(/images/nav/top_4_5_dogcarequestions_on.gif) 0px 0px no-repeat;} /* All About Cats */ #topnav ul ul li#catyournewpet {background:url(/images/nav/top_5_1_yournewpet.gif) 0px 0px no-repeat;} #topnav ul ul li#catfoodnutrition {background:url(/images/nav/top_5_2_foodnutrition.gif) 0px 0px no-repeat;} #topnav ul ul li#cathealthwellbeing {background:url(/images/nav/top_5_3_healthwellbeing.gif) 0px 0px no-repeat;} #topnav ul ul li#cathealthwellbeing a {height:45px;} #topnav ul ul li#catlivingtogether {background:url(/images/nav/top_5_4_livingtogether.gif) 0px 0px no-repeat;} #topnav ul ul li#catlivingtogether a {height:29px;} #topnav ul ul li#catcarequestions {background:url(/images/nav/top_5_5_catcarequestions.gif) 0px 0px no-repeat;} #topnav ul ul li#catcarequestions a {height:45px;} #topnav ul ul li:hover#catyournewpet, #topnav ul ul li.hover#catyournewpet {background:url(/images/nav/top_5_1_yournewpet_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#catfoodnutrition, #topnav ul ul li.hover#catfoodnutrition {background:url(/images/nav/top_5_2_foodnutrition_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#cathealthwellbeing, #topnav ul ul li.hover#cathealthwellbeing {background:url(/images/nav/top_5_3_healthwellbeing_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#catlivingtogether, #topnav ul ul li.hover#catlivingtogether {background:url(/images/nav/top_5_4_livingtogether_on.gif) 0px 0px no-repeat;} #topnav ul ul li:hover#catcarequestions, #topnav ul ul li.hover#catcarequestions {background: url(/images/nav/top_5_5_catcarequestions_on.gif) 0px 0px no-repeat;} /* Our Brands */ #topnav ul ul li#ourbrands {background:url(/images/nav/top_2_1_ourbrands.gif) no-repeat;} #topnav ul ul li#ourbrands a {height:29px;} #topnav ul ul li#specialoffers {background:url(/images/nav/top_2_2_specialoffers.gif) no-repeat;} #topnav ul ul li#productnews {background:url(/images/nav/top_2_3_productnews.gif) no-repeat;} #topnav ul ul li#productnews a {height:29px;} #topnav ul ul li:hover#ourbrands, #topnav ul ul li.hover#ourbrands {background:url(/images/nav/top_2_1_ourbrands_on.gif) no-repeat;} #topnav ul ul li:hover#specialoffers, #topnav ul ul li.hover#specialoffers {background:url(/images/nav/top_2_2_specialoffers_on.gif) no-repeat;} #topnav ul ul li:hover#productnews, #topnav ul ul li.hover#productnews {background:url(/images/nav/top_2_3_productnews_on.gif) no-repeat;} /* About Purina */ #topnav ul ul li#ourcompany {background:url(/images/nav/top_1_1_ourcompany.gif) no-repeat;height:29px;} #topnav ul ul li#scienceatwork {background:url(/images/nav/top_1_2_scienceatwork.gif) no-repeat;height:29px;} #topnav ul ul li#purinacommunity {background:url(/images/nav/top_1_3_purinainthecommunity.gif) no-repeat;height:46px;} #topnav ul ul li#purinacommunity a {height:46px;} #topnav ul ul li#multimedialibrary {background:url(/images/nav/top_1_4_multimedialibrary.gif) no-repeat;height:46px;} #topnav ul ul li#multimedialibrary a {height:46px;} #topnav ul ul li:hover#ourcompany, #topnav ul ul li.hover#ourcompany {background:url(/images/nav/top_1_1_ourcompany_on.gif) no-repeat;} #topnav ul ul li:hover#scienceatwork, #topnav ul ul li.hover#scienceatwork {background:url(/images/nav/top_1_2_scienceatwork_on.gif) no-repeat;left:auto;} #topnav ul ul li:hover#purinacommunity, #topnav ul ul li.hover#purinacommunity {background:url(/images/nav/top_1_3_purinainthecommunity_on.gif) no-repeat;left:auto;} #topnav ul ul li:hover#multimedialibrary, #topnav ul ul li.hover#multimedialibrary {background:url(/images/nav/top_1_4_multimedialibrary_on.gif) no-repeat;left:auto;} /* Advice */ #topnav ul ul li#petcareteam {background:url(/images/nav/top_3_1_petcareteam.gif) no-repeat;height:29px;} #topnav ul ul li#contactus {background:url(/images/nav/top_3_2_contactus.gif) no-repeat;height:29px;} #topnav ul ul li#newsletter {background:url(/images/nav/top_3_3_newsletter.gif) no-repeat;height:29px;} #topnav ul ul li:hover#petcareteam, #topnav ul ul li.hover#petcareteam {background:url(/images/nav/top_3_1_petcareteam_on.gif) no-repeat;} #topnav ul ul li:hover#contactus, #topnav ul ul li.hover#contactus {background:url(/images/nav/top_3_2_contactus_on.gif) no-repeat;left:auto;} #topnav ul ul li:hover#newsletter, #topnav ul ul li.hover#newsletter {background:url(/images/nav/top_3_3_newsletter_on.gif) no-repeat;left:auto;} /* SIFR SETTINGS */ #content #article h2, #content #form h2 { display:inline; position:relative; max-width: 235px; } #content #article h3, #content #form h3 {display:inline; position:relative; width:100%;} * html #content #article h2, * html #content #form h2 { display: block; position: static; float: left; width: 235px;} * html #content #article h3, * html #content #form h3 { display: block; position: static; float: left;} #content #form h3#formsubhead, h3#formsubhead { display:inline; position:relative; max-width: 235px; } * html #content #form h3#formsubhead, * html h3#formsubhead { display: block; position: static; float: left; width: 235px;} #searchresults {float:left;} /*#content .articletitlenoimage {}*/ /*redundant?*/ * html strong { clear: left;} #content #article { margin:0; padding: 20px 0 0 20px;float: left;} #content #article p {padding:0px 22px 15px 0px; font-size: 11px;} #content #article a {font-size: 11px;} #content #article li {padding:0px 0px 5px 0px; font-size: 11px;} #content #article ul, #content #article ol {margin: 0 0 15px 7px; padding: 0 10px;} #content #article ul ul {font-size:12px; margin:0 0 0px 30px; padding: 0 10px; list-style-type:circle;} #content #article h2, #content #form h2 {margin:0px 0px 10px 0px;} * html #content #article h2, * html #content #form h2 {margin:0px 0px 0px 0px;} #content #quoteimage {padding:0; margin:0 0 0px 0px;float:right;width:313px; overflow: hidden;} #content #quoteimage img {overflow:hidden;margin: 0 0 0 0px;float:right;} #content #quoteimage2 {padding:0; margin:0 0 0px 0px;float:right;width:300px; overflow: hidden;} #content #quoteimage2 img {overflow:hidden;margin: 0 0 0 0px;float:right;} .textquote {float:left; text-align: center;width:240px;font-size:12px;font-weight:bold;color:#cc0000;} #flashcont {padding:0px 0 5px 0;width:100%;background: url(/images/bg_contentgrad.gif) repeat-x bottom; position:relative; } /*Flash object needs to be absolutely positioned so we can set z-index to be under menu - safari issue*/ /*#flashobj, #content h2.sifr-replaced embed { position: absolute; z-index: 10;} #content .sIFR-flash { position: relative; z-index: 0;}*/ * html #flashcont {padding:0 0 5px 0;} /* Get right quote properly aligned to strapline */ #rightquote {position:relative;top:-17px;} * html #rightquote {top:-10px;} /* ARTICLES WITH LINKS */ #article p a:link, #article p a:visited {color:#000000; font-weight:bold; text-decoration:underline; font-size:12px;} #article p a:hover {text-decoration:none;} /* PRINT ARTICLE */ .printarticletable {background-color: #FFFFFF;width:550px;} .printarticlecontent {font-size:14pt; color: #000000;padding-left:10px; padding-top:10px;padding-bottom:20px;} #printquoteimage h3 td {font-size:11px;float:left; text-align: center; width:303px;font-weight:bold;} * html #quoteimage h3 td {font-size:11px;float:left;} #printquoteimage {width:303px;} #printquoteimage span {display:inline;} .printarticle_footer {font-size:11px; color: #000000; font-weight: bold;} /* MISC */ #callout ol ul#subnavlist li.firstitem2 {background: url(/images/tinyarrow.gif) no-repeat right;width:180px;float:left;} #leftnav li h1 {width:205px;} #leftnav li a:visited {color:#000000;} .summaryright a img {float:right;} /* leftnav2 is used when no leftnav menu available to retain spacing/style */ #leftnav2 {width:205px;padding:16px 0 0 0;background-color:#A7A7A7;border-bottom:1px solid #FFFFFF;position:relative;} #leftnav ul ul ul h4{font-size:0.7em;font-weight:bold;color:#000000;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} #leftnav ul ul ul ul h5{font-size:0.7em;font-weight:bold;color:#000000;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} #leftnav ul ul ul ul ul h6{font-size:0.7em;font-weight:bold;color:#000000;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;} #leftnav li:hover ul li:hover ul ul, #leftnav li.hover ul li.hover ul ul {left: -999em;position:absolute;border:1px solid #FFFFFF;} #leftnav li:hover ul li:hover ul ul ul, #leftnav li.hover ul li.hover ul ul ul{left: -999em;position:absolute;border:1px solid #FFFFFF;} #leftnav ul li:hover ul li:hover ul {left:161px;cursor:pointer;top:-1px;} * html #leftnav ul li.hover ul li.hover ul {left:146px;top:-1px;} #leftnav ul li:hover ul li:hover ul li:hover ul {left:161px;cursor:pointer;top:-1px;} * html #leftnav ul li.hover ul li:hover ul li:hover ul {left:146px;top:-1px;} #content #articleitem h2 {color: #CB0101; font-size:14px; font-weight: bold;} /* your best friend rollover images*/ #content #yourbestfriend {float:left; overflow: hidden; padding: 0 0 0px 22px; } * html #content #yourbestfriend {padding: 0 0 20px 22px;} /* back to top link */ #backtotop { float:left;} #backtotop a, #backtotop a:visited {padding:10px; font-size:10px; color: #000000; float:left; clear:both;} /* NEWS PANEL ###### NB. widths for ie*/ #newspanel {font-size:10px; background: url(/images/panel_news.jpg) 0px 5px no-repeat; height: 135px; padding-left:10px; padding-top:10px; padding-right: 100px; clear: left; border-bottom: 3px solid #333333; border-top: 3px solid #333333; line-height: 12px; margin: 0 0 30px 0;} * html #newspanel {height: 150px;padding-top:15px;} #newspanel div {font-size:10px; color: #000000; width:90px; padding: 10px 0 0 0 ;} #newspanel a, #newspanel a:visited {font-size:10px; font-weight: bold; color: #cc0000;} /* PETCARE BOX */ #PetcareBox {float:left;width:155px; height: 120px; padding:5px; background-color: #FBF8E7; text-align: center; vertical-align: text-top; color: Black; font-size: 10px;} * html #PetcareBox {width:165px;} #PetcareBox span {color: #cc0000; font-size: 14px; font-weight: bold;} #PetcareBox a, #PetcareBox a:visited {color: Black; font-size:11px; font-weight: bold; height:10px; vertical-align:text-bottom;} #PetcareBoxGap {float:left;width:12px;} /* SEARCH RESULTS */ #searchresults {padding-left: 10px; padding-right: 10px;} #searchresults h2 {font-size:20px; font-weight:bold; padding-top:10px;} #searchresults h3 {font-size:15px; font-weight:bold; padding-top:10px;} .searchresultsgrid {margin-top: 20px; margin-bottom: 20px;} .searchresultsgrid td {padding: 6px;} #searchresultslink a, #searchresultslink a:visited {padding-left:5px;font-size:14px; color:#cc0000; font-weight:bold;} /* items styles - alternating */ .searchresultsitem {font-size:10px; background: url(/images/dottedline.gif) bottom center repeat-x; background-color: #FBF8E7; color: #000000;} .searchresultsalternatingitem {font-size:10px; background: url(/images/dottedline.gif) bottom center repeat-x; background-color: #FBF8E7; color: #000000;} .searchresultsitem td, .searchresultsalternatingitem td {padding-left:10px;padding-bottom:16px;} #searchresultsitemtext {padding:2px;padding-left:30px;padding-right:20px; font-weight: bold;} #searchresultssnippettext {padding:2px;padding-left:30px;padding-right:20px;} /* Highlighted text within snippet */ .searchresultssnippet {font-weight:bold; text-decoration: underline; color: Black;} /* Page numbers */ .searchresultspager td {font-size:12px;height: 20px; padding:6px; padding-left:15px;background-color: #E1DCCB; color: #000000; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} .searchresultspager span {background: url(/images/right_button_red.gif) no-repeat center left;padding-left:12px;padding-right:7px;font-weight:bold; color:Red;} .searchresultspager a, .searchresultspager a:visited {background: url(/images/right_button_black.gif) no-repeat center left;padding-left:12px;padding-right:7px;color: #000000; text-decoration:none;} .searchresultspager a:hover {text-decoration:underline;} /* MCMS CONSOLE STYLES */ .consoletable { border: 2px solid #AA3333; } .consoletable .consoleheader { font-family: arial; background-color: #CC0000; color: #FFFFFF; font-size: 9px; font-weight: bold; border-bottom: 2px solid #CC9999; } .consoletable td, .consoletable td font { font-family: arial; font-size: 11px; color: #33AA33; background-color: #000000; } .consoletable a, #ErrorConsole a, .consoletable a:visited, #ErrorConsole a:visited { font-family: arial; font-size: 11px; color: #FFAAAA; font-weight: bold; text-decoration: none; } .consoletable a:hover, #ErrorConsole a:hover { font-size: 11px; color: #FFFFFF; text-decoration: underline; } .consoletable hr, #ErrorConsole hr { color: #CC6666; margin:0px;} .statuspanel { background-color: #336699; width: 100%; height: 100%; } .statustxt { color: #00FF00; } .togglelink { color: #ffffff; font-family: arial; background-color: #000000; border: 2px solid #CC6666; font-weight: bold; font-size: 8pt; cursor:pointer; } #ErrorConsole {background-color: #000000;} #ErrorConsole .errorheader { font-family: arial; background-color: #FFCC00; color: #000000; font-size: 9px; font-weight: bold; border-bottom: 2px solid #99AA33; } /* MCMS USER CONTROLS [EDIT MODE] */ .mcms_control_hdr {border-bottom: 1px dotted #999999;border-top: 1px dotted #999999; margin-top: 15px; margin-bottom: 10px;color:#000000;font-size:16px;font-weight:bold;background-color:#FFAAAA;} .mcms_control_button {background-color: #FFCCCC; color: #000000; font-weight: bold; font-size: 12px;} .mcms_control_label {font-size: 11px;font-weight: bold;} .mcms_control_hr {height:10px; border: none; border-bottom: 1px dotted black; margin-bottom: 10px;} /* FAQ PRESENTATION CONTROL STYLES */ .FAQCatHeader {margin-right:10px;padding: 4px; margin-bottom:10px; font-size:12px; font-weight:bold; color: #CC0000; background-color: #E1DCCB; border: none; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} .FAQQuestion {margin-right:10px;padding: 4px; font-size:11px; font-weight:bold; text-decoration: underline; color: #000000; text-indent: 5px;} .FAQQuestion img {/*position:relative; top: -1px;*/ margin-right:5px;} .FAQAnswer { margin: 0 15px 0 25px;background-color: #EEEEEE; } .FAQAnswer p {font-size:11px; text-align:left; margin:0; padding:0;} .FAQAnswer ul {font-size:11px; text-align:left;} .FAQAnswer li { margin: 0 0 0 20px;} .FAQButtonDiv {margin-right:10px; float: right;} .FAQButtonDiv a, .FAQButtonDiv a:visited {font-size: 11px; font-weight: bold; color: #CC0000;} .FAQ_Seperator {margin-right:10px;font-size:1px; height: 10px;margin-top:6px;border-top: 1px dotted #959595;} .FAQ_toggleit {padding-right:5px;} .FAQ_toggleit img {vertical-align:middle; margin-bottom:10px; float: left;} /*.FAQButton {width: 30px; font-size: 10px; font-weight: bold;}*/ /* ENCYCLOPAEDIA CONTROL STYLES */ .Enc_Table {width:530px; height: 350px; margin: 0 0 10px 0;} .Enc_AlphaGroup {height: 24px; font-size:11px; padding:5px; line-height:24px; background-color: #E2DCCC; color: #000000; text-align: left; vertical-align: middle; font-weight:bold; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} .Enc_HeaderText {font-size:11px; color:#000000; font-weight: bold;} .Enc_AlphaGroup A, .Enc_AlphaGroup A:visited {color: #000000; font-size: 11px; text-decoration: none;font-weight:normal;} .Enc_HeaderLink A, .Enc_HeaderLink A:visited {color: #000000; font-size: 11px; text-decoration: none;font-weight:normal;} .Enc_HeaderLink2 A, .Enc_HeaderLink2 A:visited {color: #CC0000; font-size: 11px; text-decoration: none; font-weight:bold;} .Enc_AlphaGroupPrint {text-align: right; vertical-align:bottom;} .Enc_AlphaListTitle {padding-top:10px; width:122px; font-size: 14px; font-weight: bold; color: #D6332E; text-align: left;} .Enc_AlphaListResults {padding-top:10px; width:122px; font-size: 12px; font-weight: bold; color: #000000; text-align: right;} .Enc_ContentPanel {width:100%;height: 350px; overflow: auto; background-color: #FBF8E7;} .Enc_ContentTitle {font-size: 12px; font-weight: bold; color: #D6332E; padding: 10px; vertical-align: bottom;} .Enc_ContentContent {overflow:auto; font-size: 12px; color: #000000; text-align: left; padding-left: 10px; padding-right: 10px;} .Enc_ContentContent a, .Enc_ContentContent a:visited {margin:0px;padding:0 0 0 12px;color:#CB0101;background: url(/images/tinyarrow.gif) no-repeat 0px 5px;display:block;} .Enc_PhrasePanelTD {width: 270px;} .Enc_PhrasePanel {height: 350px; width: 270px; overflow:scroll; padding: 4px;} .Enc_PhrasePanelContent {font-size: 12px; color: #000000; padding-bottom:8px; padding-left: 30px;} .Enc_PhrasePanelContent a, .Enc_PhrasePanelContent a:visited {color: #000000; text-decoration: none;} .Enc_PhrasePanelContent a:hover {text-decoration: underline;} .Enc_PhraseLetter {font-size:14px; font-weight: bold; color: #000000; padding-left: 20px; padding-top:10px;} .Enc_PhrasePanelSeperator {height:8px; margin-bottom: 8px; border-bottom: 1px dashed #959595; font-size: 1px;} /* TOPIC CONTROL STYLES */ .Topic_Table {width:100%;} .Topic_Header {width:100%; margin-bottom: 20px; background-color: #EEEEEE;} .Topic_Link {border: 1px solid black; width:24.8%; height:40px; padding:5px; font-size:10px; font-weight: bold;background: url(/images/tinyarrows.gif) no-repeat bottom right;} .Topic_Link A, .Topic_Link A:visited {color: #000000; text-transform:capitalize} .Topic_Content {margin-top: 12px; padding: 5px;} .Topic_ContentTitle {font-size:14pt; font-weight: bold; color: #000000; text-transform: capitalize;} .Topic_ContentContent {font-size:10pt; color: #000000; margin-top: 10px; text-align:justify;} .Topic_Image {float: left; border: 2px dotted #AAAAAA; margin: 10px; margin-left:0px; padding: 4px;} /* PET POLL */ #petpollcontainer {float:left;padding-left:15px;} .petpolltable {width:529px; background: url(/images/bg_poll.gif) top left repeat-y;} .petpolltablebottom {width:529px; background: url(/images/bg_poll_bottom.gif) top left no-repeat;} .petpollspacertop {height:10px;font-size:1px;} .petpollspacerbottom {height:10px;font-size:1px;} #petpollquestion {width:190px; font-size:11px;padding-right:10px;} #petpollquestion h2 { font-size: 15px; } #petpollquestion p {font-size: 12px; color: #333331; font-weight: bold;} .petpollanswer {color: #ffffff; font-size: 12px; background-color:#999999; padding: 3px; padding-left: 6px;} .petpollanswertable {margin-bottom: 5px;} .petpollleftgap {width: 18px;} .petpollrightgap {width: 12px;} /* votebutton position only - style taken from FormButton class */ #votebutton {margin-left: 24px; } .petpollresultstable {border: solid 0px #000;} .petpollresultstable h2 { font-size: 15px; margin-top: -2px; } .petpollresultstable2 {margin-top:10px;} .petpollresultstable td p {font-size: 14px; color: #333331; font-weight: bold;} .petpollresultpercent {font-size: 10px; color: #333331; font-weight: normal;} .petpollresultanswer {font-size: 10px; color: #333331; font-weight: bold;} .petpollbar {background-color: #FF0000; height: 5px; font-size: 1px;padding:0px; margin:0px;} .petpollresultseperator {font-size: 1px; width: 100%; border-bottom: 1px dotted #959595; height:1px; margin-top:2px; margin-bottom: 2px;} /* BOOKMARKS */ #bookmarklist {padding:10px;} #bookmarklist P {font-size:12px;padding-bottom:15px;} #bookmarklist h2, #bookmarklist div {padding-top:10px;width:500px;float:left;} .delbookmark {font-size:10px; font-weight:bold; color: #000000;} #bookmarkstable {width: 530px;} #bookmarkstable a, #bookmarkstable a:visited {font-size:12px; font-weight:bold; color:#000000;} #bookmarklist a, #bookmarklist a:visited {font-size:12px; font-weight:bold; color:#000000;} .bookmarkL {width:480px; padding-right: 10px;} .bookmarkR {width:50px;} .bookmarkS {font-size:11px; font-weight:normal; color:#000000; padding-bottom: 20px; padding-right: 10px;} .bookmarkI {background: url(/images/redarrow.gif) no-repeat; background-position: left 6px;} #bookmarktitle {font-size: 11px; font-weight: bold; color: #CC0000;} /* GENERAL FORMS */ #formbottom { float:left; padding: 20px 20px 20px 0;} #formbottom p { padding: 10px 0px 0px 0;} #content #form { margin:0; padding: 20px 0 0 20px; float: left;} #form .formlabel {font-size:11px; font-weight: bold;} #form .formlink {font-size:10px; font-weight: normal; text-decoration: none; color: #000000;} #form .formlink:hover, #form .formlink.hover {text-decoration: underline;} .FormSectionHeader, #FormSectionHeader {line-height:24px; font-size:14px; font-weight: bold; color: #CC0000; padding-left: 10px; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595; clear: both;} .FormSectionHeaderSub {line-height:24px; font-size:12px; font-weight: bold; color: #CC0000; padding-left: 10px; clear:both;} .FormSeperator {font-size:1px; height: 10px; margin-top:6px; border-top: 1px dotted #959595;} .FormButton {background-color: #cc0000; color: #ffffff; font-size: 11px; border: 2px solid #DA4735;padding-left:5px;padding-right:5px; cursor:hand;} .FormButtonArrow {padding-left: 12px; background: url(/images/tinyarrow_white.gif) no-repeat; background-position:center left; background-color: #cc0000; color: #ffffff; font-size: 11px; border: 2px solid #DA4735; cursor:hand; font-style:italic} #FormTable {width:520px; font-size:14px; font-weight: bold; color: #000000; background-color: #FBF8E7; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595; clear:both; margin:10px 0 0 0; float: left;} #FormTable td {padding-top:5px;padding-bottom:5px;} input, select, textarea { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px;} /*fixes radio button alignment*/ .radiocont label, #PetType input { float:left;} .radiocont label { padding: 8px 0 0 5px;} * html .radiocont label { padding: 8px 0 0 5px;} /*not needed??*/ a.sublink:link, a.sublink:active, a.sublink:visited { background-image: url(/images/rightarrow.gif); background-position: left center; background-repeat: no-repeat; color: #000000; font-size:10px; padding-left: 15px; text-decoration: none; } /* SEND TO FRIEND */ #content #form #send2friend_email {font-size: 11px;} /* EVENTS CONTROL */ #maineventcontainer { width:518px; } #EventHeader {font-size:14px; font-weight: bold; color: #CC0000; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595; width: 100%; padding: 5px; float:left; margin: 0 22px 0 0; } #EventHeaderYear {float:left; color: #FFFFFF; font-family: 'Trebuchet MS', Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:28px; font-weight:bold;padding-bottom:5px;padding-top:5px;padding-left:40px;padding-right:30px;} #EventHeaderMonth {height:35px;color: #000000; font-size:11px;font-weight:normal; padding-top:10px;} * html #EventHeaderMonth {width:270px;color: #000000; font-size:11px;font-weight:normal; padding-top:10px; } .EventMonthLink, .EventMonthLink2 {float:left;width:85px;} .EventMonthLink a, .EventMonthLink a:visited {color: #000000; font-size:11px;font-weight:normal;text-decoration:none;} .EventMonthLink2 a, .EventMonthLink2 a:visited {color: #CC0000; font-size:11px;font-weight:bold;text-decoration:none;} #EventSectionYear {color:#cc0000; font-size:16px; font-weight:bold; padding-top:5px; margin-bottom:15px;padding-bottom:5px;border-bottom: 1px dotted #959595;} #EventContainer {padding:10px;background-color: #FBF8E7; width: 508px; float:left; margin: 0 0 0 0;} * html #EventContainer { width: 518px;} #EventImage img {float:right;margin:0 20px 20px 20px;} #EventItemTitle {font-size:14px; color:#cc0000;font-weight:bold;} .EventItem {float:left;border-bottom: 1px dotted #959595;padding-bottom:15px; margin-bottom:15px;} .EventItemImage {} .EventItemDates {padding-top:5px;padding-bottom:5px;font-size:12px; color:#000000; font-weight: bold;} .EventItemContent {font-size:11px; color:#000000; font-weight: normal;} #EventContainer a, #EventContainer a:visited {font-size:10px; color:#cc0000; font-weight:bold;} /* PARTNERSHIPS CONTROL */ #mainpartnershipcontainer { float:left; } .Partnership_Frame { margin-right: 20px; } .Partnership_Header {font-size:14px; color: #CC0000; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;width:100%; padding: 5px 10px; } * html .Partnership_Header { width: 523px } .Partnership_HeaderLink {/*width:180px; overflow:hidden;*/ padding:2px;} .Partnership_HeaderLink .Partnership_HeaderLinkS a, .Partnership_HeaderLink Partnership_HeaderLinkS a:visited {font-size:10px; color:Black; text-decoration: none;} .Partnership_HeaderLink .Partnership_HeaderLinkS2 a, .Partnership_HeaderLink Partnership_HeaderLinkS2 a:visited {font-size:10px; color:Red; text-decoration: none; font-weight: bold;} .Partnership_HeaderLink a:hover {text-decoration:underline;} .Partnerships_ContentTopGap {font-size:1px; height:1px;} .Partnership_MainContent { background: #FBF8E7; font-size: 10px; color: Black;} .Partnership_MainContent td {padding:10px;} .Partnership_MainContent td p {padding:0px;margin:0px 0 0 10px; line-height: 17px;} .Partnership_ContentTitle {font-size:11px; font-weight: bold; color: Black;} .Partnership_ContentContent {padding:10px;margin:0px;} .Partnership_ContentContent a, .Partnership_ContentContent a:visited {color:#D7322C; font-size:10px;} /* ARCHIVE */ .archivelist { font-size: 11px;clear:both;} .archivelist p { float: left; display: block;} .archivelist a, .archivelist a:visited {color: #000000; background: url(/images/tinyarrow_red.gif) left center no-repeat; padding-left: 10px;} /* NEWS CONTROL */ .News_Table {margin: 0 20px 0 0; line-height: 17px; width:520px;} .newsitem_header {width:520px;line-height:24px; font-size:14px; font-weight: bold; color: #CC0000; padding-left: 10px; padding-right:10px; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} .newsitem_image {padding-top:10px; padding-right:20px; float:left;} .newsitem_contentcontent {padding-top:15px;text-align:left; font-size:11px; color: #000000;font-family: 'Tahoma', Arial, Verdana, Geneva, Helvetica, sans-serif; } .newsitem_link {text-align: right; font-size:11px; font-weight:bold; color: #000000;font-family: 'Tahoma', Arial, Verdana, Geneva, Helvetica, sans-serif;} .newsitem_link a, .newsitem_link a:visited {background: url(/images/tinyarrow_red.gif) left center no-repeat;padding:0 0 0 10px; text-decoration:underline;} .newsitem_link a:hover {text-decoration:none;} .newsitem_spacer {font-size:1px; height:30px;} /* .newsitem {text-align:center; width:48%;} .newsitem_seperator {width:30px;} .newsitem_content {text-align:left; font-size:11px; color: #000000;font-family: 'Tahoma', Arial, Verdana, Geneva, Helvetica, sans-serif; padding-bottom:30px;} .newsitem_content a, .newsitem_content a:visited {font-size:11px; color: #000000; font-weight: bold;font-family: 'Tahoma', Arial, Verdana, Geneva, Helvetica, sans-serif;} .newsitem_seperator {font-size:1px; height: 35px;} */ /* SPECIAL OFFERS CONTROL */ .SpecialOffersHeader {width:510px;line-height:24px; font-size:14px; font-weight: bold; color: #CC0000; padding-left: 10px; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} .SpecialOffersLink a, .SpecialOffersLink a:visited {font-size: 10px; color: #000000; text-decoration:none;} .SpecialOffersLink2 a, .SpecialOffersLink2 a:visited {font-size: 10px; color: #CC0000; text-decoration:none;} .SpecialOfferContainer {padding-left: 10px; width: 210px; padding-right: 30px;} * html .SpecialOfferContainer {width:230px; padding-right:10px;} .SpecialOfferImage {text-align: left; } .SpecialOfferContent {font-size: 11px; font-weight: normal; color: #000000; padding-bottom: 20px; width:230px;} .SpecialOfferContent a, .SpecialOfferContent a:visited{color:#000000; font-size:12px;} /* I LOVE MY PET */ #ilovemydog {} /* RELATED PRODUCTS - BOTTOM OF ARTICLE PAGES */ #relatedproducts { width: 530px; float: left;} #relatedproducts label {color:Black; font-size: 10px;} #relatedproducts td {font-size: 11px; color: #000000; padding-right: 40px; text-align: center;} #relatedproductsedit td {font-size: 11px; color: #000000; padding-right: 20px;} #relatedproducts td a, #relatedproducts td a:visited {font-size: 11px; color: #000000; height: 85px; } #relatedproducts td img {margin-top:5px;margin-right: 2px;} #relatedproducts .relatedproductsheader {font-size: 11px; color: #000000; margin:0px; padding:0px; font-weight: bold;text-transform:uppercase; text-align: center; } .relatedproductstitle {font-size: 11px; font-weight: bold; color: #CC0000;padding-bottom:5px; } .relatedproductstext {font-size:11px; color: #000000;padding-bottom: 20px;} /* MEDIA ITEMS */ #MediaItemSummary {float:left;margin:0px; padding:0px;} #MediaItemSummary p {padding-bottom:10px;} .MediaItemContainer {float:left; background-color: #FBF8E7; padding-bottom:12px;} * html .MediaItemContainer {width:500px;} .MediaItemInnerContainer {padding-left:20px; padding-right:20px;} .MediaItemHeader {width:520px;line-height:24px; font-size:16px; font-weight: bold; color: #CC0000; padding-left: 10px; padding-right:10px; background-color: #E1DCCB; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595;} * html .MediaItemHeader {width:540px;} .MediaItemHeader h2 {font-size:14px;} .MediaItemIntro {width:500px; font-size:12px; color: #000000; padding-top:10px; } .MediaItemLeftImage {float:left; margin-right: 20px;} .MediaItemMoreLink a, .MediaItemMoreLink a:visited {background: url(/images/right_button_black.gif) no-repeat 0px 5px; padding-left:14px; font-size:12px; color: #000000; font-weight: bold; text-decoration: none;} .MediaItemTable {width:330px;} * html .MediaItemTable {width:370px;} .MediaItemTable td {padding-bottom:10px;} .MediaItemTable td img {margin-top:5px;} .MediaItemTable td h6 a, .MediaItemTable td h6 a:visited {font-size:14px; color: #CC0000; text-decoration: none;} #content .MediaFeatureList {padding:10px 0 0px 0px;margin:10px 0px 0px 0px;float:left;} * html #content .MediaFeatureList {margin:10px 0px 0px 0px;} .MediaFeatureList h2 {font-size:11px;} .MediaItemBottom {width:540px; height:10px;border-top: 1px dotted #959595;} /* RELATED MEDIA */ #relatedmedia ol {width:200px;margin:0 0 0 0px;padding:0 0 0 10px; } #left #relatedmedia {background: #FFFFFF url(/images/left_relatedmedia.gif) no-repeat 0 0px; float: left;width:205px;padding:53px 0 20px 0;border-bottom:5px solid #242424;} #left #relatedmediaEDIT {overflow: scroll; background: #FFFFFF url(/images/left_relatedmedia.gif) no-repeat 0 0px;float:left;width:205px;padding:53px 0 20px 0;border-bottom:5px solid #242424;} #relatedmedia ol li {list-style:none;font-size:0.6em;padding:0 0 10px 15px;float:left;background: url(/images/tinyarrow.gif) no-repeat 0 4px;width:100%;} #relatedmedia ol li a, #relatedmedia ol li a:visited{/*color:#8F0100;*/ color:#000000;} #left #callout h3, #left #relatedmedia h3 {display:none;} /* PRINT PREFERENCES (ARTICLE TEMPLATE SPECIFIC) */ @media print { body { background:#FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:left; font-size: 12pt; color: #000000; } #printcontainer { border: 1px solid #CCCCCC; padding: 25px; } #printcontainer h2 { padding-bottom: 20px; } #printcontainer #quoteimage { padding-bottom: 20px; } #printcontainer ul {font-size:10px; margin-left: 30px; padding-left:10px; padding-right: 10px; padding-top: 8px; list-style-type: disc;} #printcontainer ul ul {font-size:10px; margin-left: 30px; padding-left:10px; padding-right: 10px; padding-top: 8px; list-style-type:circle;} #printcontainer ol {font-size:10px; margin-left: 30px; padding-left:10px; padding-right: 10px; padding-top: 8px; list-style-type:decimal;} #printcontainer ol li {padding-bottom:15px;} #printcontainerfooter { font-size: 9pt; font-weight: bold; text-align: center; } .textquote {font-size:9pt; font-weight: bold;} }