﻿@charset "utf-8";
/* CSS Document 
* Created by: Thomas Woroniak
* Created on: 12/01/09
* Created for: Hill's Pet Nutrition - Cat Care (Refresh), ul, li 
*/
/* GENERAL RESET 
html, body, h1, h2, h3, h4, h5, h6, div, form, fieldset, input, select {margin:0; padding:0;}*/
/* STYLE OVERRIDES */
#mainwrapper {width:990px;}
#content_2column { width:983px; margin-top:1px; background-image:none;}
#content_2column #column1 { float:left; width:165px; }
#content_2column #column1 #leftnav { min-height:500px; height:auto !important; height:500px; }
#content_2column #column2 { float:left; width:812px; margin:0 0 0 4px; }
#topnav {width:848px;}/* to position Facebook icon */
/* COMMON STYLES */
/*body {font-size:12px; font-family:Arial, Helvetica, sans-serif;}*/
sup { font-size:90%; vertical-align:top; text-decoration:none; } 
sup.small { font-size:70% !important; vertical-align:top; text-decoration:none; }
* {outline:none;}
a {color:#0000ff; text-decoration:none;}
a:hover {color:#39F; text-decoration:underline;}
ul {list-style:disc; margin:5px; padding:0 10px;}
li {margin:10px 0;}
/*
ul.catCare {list-style:none;}
ul.catCare li {background:url(/images/cssImages/blt_blkDot.gif) top left no-repeat; margin:5px 0;}
ul.catCare li div {margin-left:15px;}
*/
ul.checkmark {list-style:none; margin:0; padding:10px;}
ul.checkmark li {background:url(/images/cssImages/General-checkMark.gif) top left no-repeat; margin:8px 0;}
ul.checkmark li div {margin-left:22px;}

/* MAIN STYLES */
#catCareMainContainer {width:812px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; position:relative;}
#catCareMainContainer #topTaglineWrapper {margin:0 0 0 120px; padding-top:10px;}
#catCareMainContainer #topTaglineWrapper span.vetsChoice {color:white; font-size:16px; font-weight:600;}
#catCareMainContainer #topTaglineWrapper span.smallBrand {color:white; font-size:11px; margin-left:10px; }
#catCareMainContainer h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#C00; border-bottom:solid 1px #d1cac1; width:510px; padding-left:5px;}
#catCareMainContainer .headline {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#C00; background:transparent url(/images/cssImages/img_headerUnderline_510w.gif) no-repeat bottom left; width:510px; height:32px; padding-left:5px;}
#catCareMainContainer #flashContainer {width:812px; height:745px; margin:0; padding:0; text-align:center;}
/* LEFT COLUMN */
/*
#catCareMainContainer #leftColumn {width:560px; margin:0 25px; float:left; display:inline;}
#catCareMainContainer #leftColumn.articleWrapper {margin-top:100px;}
#catCareMainContainer #leftColumn.articleListWrapper {margin-top:190px;}
*/
#catCareMainContainer #leftColumn {width:560px; float:left; display:inline;}
.articleWrapper {margin:100px 0 0 25px;}
.articleListContainer {margin:190px 0 0 25px;}

/* RIGHT COLUMN */
#catCareMainContainer #rightColumn {width:177px; float:right; display:inline;}
.article {margin:50px 10px 0 0;}
.articleList {margin:215px 10px 0 0;}
#catCareMainContainer #rightColumn #relatedProducts {width:177px; margin:0; padding:0;}
#catCareMainContainer #rightColumn #relatedProducts #top {width:177px; height:69px; margin:0; padding:0;}
#catCareMainContainer #rightColumn #relatedProducts #middle {width:175px; *width:177px; background-color:#e5e0da; border-left:1px solid #999; border-right:1px solid #999;}
#catCareMainContainer #rightColumn #relatedProducts #middle .relatedProductContainer {width:163px; margin:0 auto; padding:10px 0; text-align:center;}
#catCareMainContainer #rightColumn #relatedProducts #bottom {width:177px; height:60px; margin:0; padding:0; background:#FFF url(/images/cssImages/bkg_catCare_rightColumn_bottom_en.gif) no-repeat top left;}
/* ARTICLES LIST PAGE STYLES */
.articleListKitten {background:#FFF url(/images/cssImages/bkg_catCare_articleList_Kitten_en.jpg) no-repeat top left;}
.articleListAdultCat {background:#FFF url(/images/cssImages/bkg_catCare_articleList_adultCat_en.jpg) no-repeat top left;}
.articleListMatureAdultCat {background:#FFF url(/images/cssImages/bkg_catCare_articleList_matureAdultCat_en.jpg) no-repeat top left;}
#catCareMainContainer #leftColumn .catCareArticleListContainer {width:560px; margin:10px 0 20px 0;}    
#catCareMainContainer #leftColumn .articleListIMG {width:279px; float:left; display:inline; margin:0 15px 0 0;}
#catCareMainContainer #leftColumn .articleListWrapper {width:250px; float:left; display:inline;}
#catCareMainContainer #leftColumn .articleListWrapper strong {color:#C00;}
#catCareMainContainer #leftColumn .articleListExtended {}
#catCareMainContainer #leftColumn .articleToggle {text-decoration:underline; color:#0000ff; font-weight:600; cursor:pointer; margin:15px 0; padding:0 0 0 15px; background: url(/images/cssImages/img_blackArrow_open.gif) no-repeat top left;}
#catCareMainContainer #leftColumn .articleToggle:hover {color:#39F;}
#catCareMainContainer #leftColumn .articleToggle_close {background: url(/images/cssImages/img_blackArrow_close.gif) no-repeat top left;}
ul.listArticles {list-style:none; margin:0; padding:0;}
ul.listArticles li {background:url(/images/cssImages/blt_blkDot.gif) top left no-repeat; margin:4px 0;} 
ul.listArticles li div {margin-left:15px;}

/* ARTICLES STYLES */
.articleHeader {background:url(/images/cssImages/bkg_catCare_articles_en.jpg) no-repeat top left;}
.articleHeader strong {color:#C00;}
#catNutrition {margin:0; padding:10px; width:550px;}
table.nutrition {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
table.nutrition tr.title { background-color:#C00; height:40px;}
table.nutrition tr.title td { font-weight:bold; color:#FFF;}
table.nutrition tr.element {color:#000; padding: 5px 0;}
table.nutrition td.underline {border-bottom:solid 1px #C00;}
.grad {background:url(/images/cssImages/bkg_gradTableRow.jpg) no-repeat top left;}
.borderBottom {border-bottom:#666 1px solid;}
.borderRight {border-right:#666 1px solid;}
.tipElement {padding:5px; color:#C00;}

/* BOTTOM POD STYLES */
#catCareMainContainer #bottomPodContainer {margin:20px 0; padding:0;}
#catCareMainContainer #bottomPodContainer #bottomPodLeft {width:390px; height:240px; margin: 0 0 0 9px; float:left; display:inline; background:url(/images/cssImages/bkg_catCare_bottomLeft_en.jpg) no-repeat top left;}
#catCareMainContainer #bottomPodContainer #bottomPodLeft #leftPodContent {margin:90px 0 0 30px;}
#catCareMainContainer #bottomPodContainer #bottomPodLeft #leftPodContent ul {list-style:none; margin:0; padding:0;}
#catCareMainContainer #bottomPodContainer #bottomPodLeft #leftPodContent li {background:url(/images/cssImages/blt_blkDot.gif) top left no-repeat; margin-bottom:20px; }
#catCareMainContainer #bottomPodContainer #bottomPodLeft #leftPodContent li div {margin-left:15px;}
#catCareMainContainer #bottomPodContainer #bottomPodLeft #leftPodContent #indoorCatLink {margin:25px 0 0 15px; }
#catCareMainContainer #bottomPodContainer #bottomPodRight {width:390px; height:240px; margin: 0 0 0 14px; float:left; display:inline; background:url(/images/cssImages/bkg_catCare_bottomRight_en.jpg) no-repeat top left;}
#catCareMainContainer #bottomPodContainer #bottomPodRight #dryButton {width:163px; height:44px; margin:98px 0 0 35px; padding:0;}
#catCareMainContainer #bottomPodContainer #bottomPodRight #cannedButton {width:194px; height:44px; margin:25px 0 0 35px; padding:0;}
/* COMMON CLASSES */
.clear {clear:both;}
.left {float:left;display:inline;}
.right {float:right;display:inline;}
.show {display:block;}
.hidden {display:none;}
.border {border:#666 1px solid;}
.articlePhoto_R {margin:15px 0 15px 15px;}
.articlePhoto_L {margin:15px 15px 15px 0;}
.smallText10 {font-size:10px;}
.gray {color:#666;}
.parchment {background: url(/images/cssImages/parchmentTexture.jpg) no-repeat top left;}
.fifty {width:40%;}