@import "reset-fonts.css";
/* ------------------------------------------ */
/* General styles                             */
/* ------------------------------------------ */

/* self-clear floats */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clr {
	display: block;
	height: 1px;
	margin-top: -1px;
	line-height: 0;
	font-size: 0;
	clear: both;
}
.hide {
	display: none;
}
.error {
	font-weight: bold;
	color: #c00;
}
.success {
    font-weight: bold;
    color: #090;
}
.info {
    font-weight: bold;
    color: #009;
}
.msgbox-error {
    padding: 3px 6px;
    border: 1px solid #c00;
    background-color: #fff0f0;
	font-weight: bold;
	color: #c00;
}
.msgbox-success {
    padding: 3px 6px;
    border: 1px solid #090;
    background-color: #f0fff0;
	font-weight: bold;
	color: #090;
}
.msgbox-info {
    padding: 3px 6px;
    border: 1px solid #f90;
    background-color: #fff0d0;
	font-weight: bold;
	color: #f90;
}
.msgbox-error li, .msgbox-success li, .msgbox-info li {
    list-style: disc;
    margin-left: 16px;
    padding: 3px 0;
}
.copyright {
	padding: 8px 25px 0 10px;
	line-height: 1.2em;
}
.left {
	float: left;
}
.right {
	float: right;
}
html {
	background: #fef0a7;
}
body {
	background: url(../images/bg-gradient-bottom.gif) 0 100% repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 153.9%;
}
h2 {
	font-size: 138.5%;
}
h3 {
	font-size: 131%;
}
h4 {
	font-size: 123.1%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 93%;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
big {
    line-height: 1.5em;
}
a.more {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}
img {
	vertical-align: top; /* ensure no extra space below isolated images */
}
img.copy-end {
	vertical-align: middle;
}
img.link {
  vertical-align: baseline;
}
ul.text-list li {
    list-style-type: disc;
    margin-left: 16px;
    padding-bottom: 5px;
}
ol.text-list li {
    list-style-type: decimal;
    margin-left: 16px;
    padding-bottom: 5px;
}

/* Assume that scripting is not available for elements with this class assigned.
If scripting is available, then this class should be overridden with the class
rule in the file "script-only.css" which can be included in the page by putting
this line in the HEAD element after this style sheet is declared:
<script type="text/javascript" src="/lib/scripts/script-css.js"></script>
*/
.script-only {
	display: none;
}

#bg-top {
	background: url(../images/bg-gradient-top.jpg) repeat-x;
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
}
#wrapper {
	margin: 0 auto;
	padding: 70px 0 10px 0;
	width: 1000px;
	position: relative;
	background: url(../images/bg-wrapper.jpg) no-repeat;
}

.buttonbar {
    text-align: center;
}

.text-button {
    background: transparent;
    border: 0 none;
    font-size: 11px;
    cursor: pointer;
}

/* ------------------------------------------ */
/* Prevents artifacts from script-only markup */
/* ------------------------------------------ */
.scripts {
	display: none;
}

/* ------------------------------------------ */
/* Debugging styles                           */
/* ------------------------------------------ */
.debug {
	border: 1px solid red;
}
.opacity-50 {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

/* ------------------------------------------ */
/* Logo graphic (in upper left)               */
/* ------------------------------------------ */
#logo {
	position: absolute;
	left: 21px;
	top: 0px;
	z-index: 5;
	
}
#logo, #logo a, #logo span {
	width: 379px;
	height: 117px;
	display: block;
}
#logo a {
	width: 283px; /* so the link doesn't overlap the main content area */
}
#logo span {
	background: url(../images/logo-complete.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 10;
}
/* Set size/position of logo text to appear behind logo graphic */
#logo h1, #logo h2, #logo h3, #logo h4, #logo em {
	font-size: 10px;
	text-indent: 5px;
}

#logo em
{
    display: block;
    text-indent: 0;
    margin-left: 5px;
}

#logo a
{
    text-decoration: none;
}


/* Main Menu CSS - START */

.mainmenu-bar {
    width: 930px;
    height: 36px;
    background-image: url('../images/mainmenu-background-main.jpg');
    background-repeat: repeat-x;
    z-index: 3;
    position: absolute;
    top: 39px;
    left: 21px;
}
#mainmenu 
{
    background-image: none;
    z-index: 50;
    left: 354px;
    width: 597px;
}

#mainmenu a
{
    width: 100%;
}

#mainmenu ul#mainmenu-top
{
    float: left;
    width: 595px;
}

#mainmenu #menu-end
{
    float: left;
    width: 2px;
}

#mainmenu li
{
    position: relative;
    float: left;
}

#mainmenu ul#mainmenu-top li a
{
    display: block;
    float: left;
    height: 35px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
}


#mainmenu li.nav-ourproducts a.top-nav-image
{
    width: 131px;
    background: url('../images/mainmenu-item-ourproducts.jpg');
}

#mainmenu li.nav-ourproducts a.top-nav-image:hover
{
    background: url('../images/mainmenu-item-ourproducts.jpg') 0 35px;
}

#mainmenu li.nav-whoweare a.top-nav-image
{
    width: 110px;
    background: url('../images/mainmenu-item-whoweare.jpg');
}

#mainmenu li.nav-whoweare a.top-nav-image:hover
{
    background: url('../images/mainmenu-item-whoweare.jpg') 0 35px;
}

#mainmenu li.nav-litterselector a.top-nav-image
{
    width: 126px;
    background: url('../images/mainmenu-item-litterselector.jpg');
}

#mainmenu li.nav-litterselector a.top-nav-image:hover
{
    background: url('../images/mainmenu-item-litterselector.jpg') 0 35px;
}

#mainmenu li.nav-life a.top-nav-image
{
    width: 125px;
    background: url('../images/mainmenu-item-tidycatslife.jpg');
}

#mainmenu li.nav-life a.top-nav-image:hover
{
    background: url('../images/mainmenu-item-tidycatslife.jpg') 0 35px;
}

#mainmenu li.nav-community a.top-nav-image
{
    width: 103px;
    background: url('../images/mainmenu-item-community.jpg');
}

#mainmenu li.nav-community a.top-nav-image:hover
{
    background: url('../images/mainmenu-item-community.jpg') 0 35px;
}

#mainmenu .menu-sub
{
    position: absolute;
	display: none;
	top: 35px;
	padding: 15px 7px 5px 7px;
    background-color: #f7f7f7;
    border: solid 1px #b6b6b6;
}

#mainmenu li.nav-ourproducts .menu-sub
{
    width: 230px;
    left: 0px;
}

#mainmenu li.nav-life .menu-sub
{
    width: 160px;
    left: 0px;
}

#mainmenu .menu-sub ul
{
    margin-left: 0;
	padding-left: 0em;
	list-style: none;
}

#mainmenu .menu-sub li
{
    background: url('../images/mainmenu-arrow.jpg') no-repeat 0 3px;
    padding-left: 10px;
}

#mainmenu #mainmenu-top li:hover .menu-sub
{
	display: block;
}

#mainmenu #mainmenu-top div.menu-sub:hover
{
	display: block;
}

#mainmenu ul#mainmenu-top .menu-sub a
{
    text-indent: 5px;
    color: #565656;
    font-weight: bold;
    height: 25px;
}

#mainmenu ul#mainmenu-top .menu-sub a:hover
{
    color: #26bcd7;
}


/* ------------------------------------------ */
/* Site search                                */
/* ------------------------------------------ */
.blur {
	color: #ccc;
}
#search {
	height: 27px;
	text-align: right;
	padding: 12px 40px 0 0;
	float: right;
}
#search-box {
	position: relative;
	top: -6px;
	width: 139px;
	height: 18px;
	background: #fff url(../images/bg-textbox.gif) no-repeat;
	border: 0;
	padding: 2px 6px 0 6px;
	font-size: 85%;
}
#search-button {
	width: 61px;
	height: 20px;
	position: relative;
}

/* ------------------------------------------ */
/* Main content area                          */
/* ------------------------------------------ */
#main {
	position: relative;
	height: 567px;
}
#main {
	background: url(../images/bg-generic.jpg) no-repeat;
}
#main .content {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}
#main .content .buttons {
	padding-top: 20px;
}
#main .content em {
	font-weight: bold;
}
#main .content em.smaller {
	font-weight: normal;
	font-size: 11px;
}

/* ------------------------------------------ */
/* Left-hand navigation                       */
/* ------------------------------------------ */
#nav-left {
	position: absolute;
	top: 69px;
	left: 0;
	overflow: hidden;
	z-index: 60;
}
#nav-left.collapsed {
	width: 37px;
}
#nav-left-tabbed {
	position: relative;
	width: 283px;
	height: 434px;
	background: url(../images/bg-nav-left.jpg) 2px 0 no-repeat;
}
.collapsed #nav-left-tabbed {
	left: -246px;
}
/* Tabs on right */
#nav-left-tabs {
	float: right;
	width: 37px;
}
#nav-left-tabs .bottom {
	clear: both;
}
#nav-left-tabs li, #nav-left-tabs li img {
	float: left; /* ensure no surrounding space */
	display: block; /* for IMG tags in IE6, use display: block */
	clear: left;
}
#nav-left-tabs a {
	display: block;
	cursor: pointer;
}
/* Main content w/buttons */
#nav-left-main {
	float: left;
	width: 246px;
}
#nav-left-main h3 {
	padding: 16px 0 0 20px;
}
#nav-left-main h4 {
	padding: 2px 0 0 40px;
	font: normal 13px Arial;
}
#nav-left-main ul {
	padding: 5px 0 0 14px;
	float: left;
	position: relative;
	z-index: 5;
}
#nav-left-main li {
	padding: 0 0 6px 0;
}
#nav-left-main a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#nav-left-main p {
	font: 11px/16px Arial;
}

/* ------------------------------------------ */
/* Main navigation                            */
/* ------------------------------------------ */
/* A bit involved in order to support the transparent borders using PNG. */
/* Larger dimension PNG graphics end up being too large, file size-wise. */
.expanding-page #nav-main-wrap {
	position: absolute; /* fixes placement for IE6 */
}
#nav-main {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 940px;
	height: 51px;
	overflow: hidden;
	z-index: 60;
}
#nav-main ul, #nav-main li, #nav-main a {
	float: left;
}
#nav-main a {
	display: block;
}
/* Closed (default) */
#nav-main .nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 781px;
	height: 51px;
	margin: 0 0 0 54px;
	padding: 0 0 0 108px;
	text-align: center;
	z-index: 1;
}
/* Open */
#nav-main .open {
	display: none;
	bottom: 0;
	width: 888px;
	height: 196px;
	margin: 0 0 0 54px;
	padding: 0;
	z-index: 2;
}
#nav-main .open .top {
	position: relative;
	background: url(../images/nav-open-top.png) no-repeat;
	height: 150px;
	padding: 26px 0 0 23px;
}
#nav-main .open .left, #nav-main .open .right {
	position: absolute;
	top: 26px;
	width: 23px;
	height: 150px;
}
#nav-main .open .left {
	background: url(../images/nav-open-left.png) no-repeat;
	left: 0;
}
#nav-main .open .right {
	background: url(../images/nav-open-right.png) right top no-repeat;
	right: 0;
}
#nav-main .open .bottom {
	position: relative;
	background: url(../images/nav-open-bottom.png) no-repeat;
	height: 20px;
}

/* ------------------------------------------ */
/* Footer navigation                          */
/* ------------------------------------------ */
#footer {
    clear: both;
	font-family: Verdana;
	font-size: 77%;
	overflow: hidden; /* because of the positioning method used below */
}
#nav-purina {
	float: left;
	text-align: left;
	line-height: 100%;
	padding-top: 10px;
}
#nav-purina ul {
	float: left;
	margin: 3px 0;
}
#nav-purina li {
	float: left;
	position: relative; /* IE needs positioning set */
}
#nav-purina a {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #000;
	color: #000;
	text-decoration: none;
}
#nav-purina a:hover {
	text-decoration: underline;
}
#nav-purina li.first a {
	border-left: none;
}

/* ------------------------------------------ */
/* Flash container alignment settings         */
/* ------------------------------------------ */
#search, #main.flash, #flash-main, #nav-left, #footer {
	margin-left: 20px;
}
body #wrapper #main.flash {
	display: block;
	background: none; /* no background if the Flash object is loaded */
}
#main {
	background-position: 20px 0;
}
#nav-main {
	padding-left: 20px;
}
#flash-main {
	position: relative;
}
#flash-nav {
	display: block; /* fixes extra space after */
}
#nav-main object.flash {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 960px;
	height: 200px;
	margin: 0 0 -16px 20px;
	padding: 0;
}

/* ------------------------------------------ */
/* Popup Tips                                 */
/* ------------------------------------------ */
.tips {
    padding-bottom: 1em;
}
.tips .tip {
    line-height: 1.8em;
	padding-left: 23px;
	background: url(../images/bul-tip-arrow.gif) .5em .35em no-repeat;
}
.tips .inner {
    position: relative;
    padding: 45px 35px;
}
.tips .detail {
    position: absolute;
    top: 107px;
    left: 48px;
    width: 448px;
    height: 236px;
    background: url(../images/bg-tip-popup.png) no-repeat;
}
.tips p {
    padding-left: 30px;
}
.tips .title {
    font-size: 16px;
    padding-left: 0;
}
.tips .close {
    position: absolute;
    top: 25px;
    right: 30px;
    cursor: pointer;
    padding-right: 16px;
    background: url(../images/btn-x-yellow.gif) 100% 0 no-repeat;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}


/* ------------------------------------------ */
/* Bottombar content (callouts)               */
/* ------------------------------------------ */
.bottombar {
    position: absolute;
    bottom: -10px;
    left: 0;
}
.bottombar .callout {
    float: left;
    width: 297px;
    padding: 0 10px;
    background: url(../images/separator-bottombar.gif) no-repeat 0 14px;
}
.bottombar .first {
    background: none;
}
.bottombar .callout .icon {
    float: left;
}
.bottombar .callout-body {
    float: right;
    width: 181px;
    min-height: 110px;
    padding-top: 15px;
}
.bottombar .gallery-icon .callout-body {
    background: url(../images/ico-bottombar-gallery.gif) no-repeat;
}
.bottombar .purrfectpick-icon .callout-body {
    background: url(../images/ico-bottombar-purrfectpick.gif) no-repeat;
}
.bottombar h3 {
    font-size: 16px;
    font-weight: normal;
    color: #20a1b4;
    padding-bottom: 3px;
}
#main .bottombar h3 a {
    color: #20a1b4;
    text-decoration: none;
}
#main .bottombar h3 a:hover {
    text-decoration: underline;
}
.bottombar p {
    font-size: 11px;
    color: #636363;
}
.bottombar a {
    color: #636363;
    text-decoration: none;
}


/* ------------------------------------------ */
/* Litter Selector                            */
/* ------------------------------------------ */

#litterselector-default #flash-main-wrap
{
    padding: 0px 0px 0px 2px;
    margin-left:20px;
    background: transparent url(../images/bg-main-top.jpg) no-repeat scroll 0 0;
}

#litterselector-default #flash-main-wrap object
{
    margin: 0px;
}

/* ------------------------------------------ */
/* Generic pages                              */
/* ------------------------------------------ */
.generic-page #main .content {
	padding: 105px 0 0 160px;
}
.generic-page #main .content h1, .generic-page #main .content h3 {
	padding: 0 0 8px 0;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: normal;
}
.generic-page #main .content h4 {
	padding: 7px 0 12px 0;
	font-weight: normal;
	font-size: 24px;
	letter-spacing: -1px;
}
.generic-page #main .content p {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	margin: 0 40px 0 0;
	padding: 0 0 8px 0;
}

/* ------------------------------------------ */
/* Generic, but expanding (length) page       */
/* ------------------------------------------ */
.expanding-page #main {
	background: url(../images/bg-main-middle.jpg) 20px 0 repeat-y;
	height: auto;
	min-height: 567px;
}
.expanding-page #main .content {
	background: url(../images/bg-main-top.jpg) no-repeat;
	min-height: 460px;
	padding-bottom: 50px;
}
.expanding-page #main-bottom {
	background: url(../images/bg-main-bottom.png) 20px 0 no-repeat;
	height: 16px;
}
.expanding-page #nav-main, .expanding-page #nav-main object {
	margin-bottom: -16px; /* was -9px */
}

/* ------------------------------------------ */
/* General styling for product pages          */
/* ------------------------------------------ */
#products-nonclumping-instantaction #main .content h1,
#products-nonclumping-performance #main .content h1,
#products-nonclumping-breatheeasy #main .content h1
{
    padding:40px 0 8px 11px;
    position: static;
    margin-left: 0px;
}

.nonclumping #main h4
{
    font-weight: normal;
}

.nonclumping #main .content h1, .nonclumping #main .content h3
{
    margin-left: 324px;
}


.productCategory #main .content h1, .productDetail #main .content h1,
.productCategory #main .content h3, .productDetail #main .content h3 {
	position: absolute;
	top: 54px;
	padding-bottom: 15px;
	/*z-index: 20;*/
}
.productCategory #main .content h1 span, .productDetail #main .content h1 span,
.productCategory #main .content h3 span, .productDetail #main .content h3 span {
	position: absolute;
	top: 24px;
	left: 0;
	width: 254px;
	height: 20px;
}

/* ------------------------------------------ */
/* General styling for product category pages */
/* ------------------------------------------ */
.productCategory #main .content p {
	margin: 388px 0 0 324px;
	width: 205px;
	color: #231f20;
	position: relative;
	z-index: 10;
}

/* ------------------------------------------ */
/* General styling for product detail pages   */
/* ------------------------------------------ */
.productDetail #main .content {
	margin: 0 0 0 658px;
	color: #231f20;
	width: 303px;
	height: 550px;
	position: relative;
}
.productDetail #main .content h3 {
	position: static;
	margin: 0;
	padding: 0;
}
.productDetail #main .content h4 {
	padding-bottom: 10px;
}
.productDetail #main .content p {
	padding: 0 0 10px 10px;
}
.productDetail #main .content ul {
	padding: 0 0 0 8px;
}
.productDetail #main .content ul.features li {
	display: block;
	padding-left: 20px;
}
.productDetail #main .content .productImage {
	position: absolute;
}
.productDetail #main .content .productContainers {
	position: absolute;
}
.productDetail #main .content .productContainers h5 {
	font-size: 10px;
	padding-bottom: 5px;
}
.productDetail #main .content .productContainers li {
	float: left;
	margin-right: 7px;
}

/* ------------------------------------------ */
/* General styling for column layouts         */
/* ------------------------------------------ */
.columnLayout .colA, .columnLayout .colB, .columnLayout .colC {
	float: left;
}
.columnLayout p {
	padding-bottom: 8px;
}
.twoCol .colA {
	width: 402px;
}
.twoCol .colB {
	width: 300px;
}
.twoCol p {
}
.threeCol .colA, .threeCol .colB, .threeCol .colC {
	width: 225px;
	padding: 0 15px 0 0;
}
.threeCol p {
}

/* ------------------------------------------ */
/* Generic CSS-imagemap settings              */
/* ------------------------------------------ */
/* List items */
.css-imagemap { float: left; position: absolute; left: 303px; top: 36px; width: 655px; height: 522px; /* customize left, top, width, height to create the imagemap area */ }
.css-imagemap ul { list-style: none; }
.css-imagemap ul a { position: absolute; z-index: 40; font-size: 85%; text-indent: -1000em; color: #000; font-weight: normal; text-decoration: none; }
.css-imagemap:hover ul a { /*border: 1px solid #444;*/ }
.css-imagemap ul a:hover { /*border: 1px solid #d4d82d;*/ text-indent: 0; }
.css-imagemap ul a .note { position: absolute; left: -10000%; background-color: #ffc; border: 1px solid #999; text-align: center; font-size: 11px; font-weight: bold; line-height: normal; cursor: pointer; bottom: -4em; width: 12em; margin-left: -5em; padding: 0.2em 0.5em; /* customize bottom, width, margin, padding to position the tool tip */ }
.css-imagemap ul a:hover .note { left: 50%; }
/* Image map areas */
/* create positioned imagemap areas for your specific instance:
#myImageMap .myArea a { top: 175px; left: 103px; width: 47px; height: 70px; } */

/* Fixes for various browsers that do not render according to the W3C recommendations */
/* IE: Make sure we don't have 'invisible' list items below the image that might
cause unwanted scrollbars or content below the image to get pushed down.*/
.css-imagemap li { float: left; }
/* IE/Opera: The :hover event will not fire without some kind of content
in the anchor, whether that is an image in the markup or background pixels. */
.css-imagemap ul a { background: url(../images/trans.gif); }

/* ------------------------------------------ */
/* Did You Know popups                        */
/* ------------------------------------------ */
.didYouKnow { position: absolute; padding: 40px; z-index: 50; visibility: hidden; }
.didYouKnow a { cursor: pointer; }
.scoop .didYouKnow { top: 70px; left: 0; }
.nonclumping .didYouKnow { top: 70px; left: 0; }
.breeze .didYouKnow { top: 280px; left: 245px; }
.accessories .didYouKnow { top: 230px; left: 600px; }
#products-accessories-default .didYouKnow { top: 3px; left: 630px; }
#products-accessories-litterbox .didYouKnow { top: 230px; left: 20px; }
#products-accessories-litterboxdeodorizer .didYouKnow { top: 70px; left: 0; }
.littertips .didYouKnow { padding-top: 10px; top: -37px; left: 360px; }
.dyk-content { position: relative; float: left; }
.dyk-close { cursor: pointer; position: absolute; top: 8px; right: 8px; width: 13px; height: 13px; }

/* ==================================================================================== */
/* Section/page-specific style rules                                                    */
/* Written so that these rules could be broken out to separate files, if needed.        */
/* The home page is styled via "home.css".                                              */
/* ==================================================================================== */

/* ------------------------------------------ */
/* Products/Default                           */
/* ------------------------------------------ */
#products-default #main {
	background-image: url(../images/bg-products.jpg);
}
#products-default #flash-main-wrap {
  padding: 5px 0 0 3px;
}
/* Left nav */
#products-default #nav-left-tabbed {
	background-image: url(../images/bg-nav-left-catswalking.jpg);
}
#products-default #nav-left-main p {
	padding: 4px 10px 0 115px;
}
/* CSS-imagemap configuration */
#map-products { /* using defaults */ }
#map-products ul a .note { /* using defaults */ }
/* Image map areas */
#map-products .map-scoop-powerblend a { top: 173px; left: 71px; width: 62px; height: 83px; }
#map-products .map-scoop-smallspaces a { top: 163px; left: 133px; width: 73px; height: 106px; }
#map-products .map-scoop-breatheeasy a { top: 183px; left: 206px; width: 88px; height: 141px; }
#map-products .map-scoop-performance a { top: 202px; left: 294px; width: 85px; height: 190px; }
#map-products .map-scoop-instantaction a { top: 231px; left: 379px; width: 171px; height: 215px; }
#map-products .map-scoop-instantaction a .note { bottom: -1em; margin-left: -6em; }
#map-products .map-nonclumping-instant a { top: 0px; left: 460px; width: 132px; height: 223px; }
#map-products .map-nonclumping-instant a .note { width: 9em; margin-left: -5em; }
#map-products .map-nonclumping-performance a { top: 9px; left: 342px; width: 118px; height: 193px; }
#map-products .map-nonclumping-performance a .note { width: 9em; margin-left: -5em; }
#map-products .map-nonclumping-breathe a { top: 18px; left: 225px; width: 117px; height: 165px; }
#map-products .map-nonclumping-breathe a .note { width: 9em; margin-left: -5em; }
#map-products .map-breeze a { top: 324px; left: 11px; width: 207px; height: 107px; }
#map-products .map-breeze a .note { bottom: -2em; width: 14em; margin-left: -7em; }
#map-products .map-litterbox a { top: 105px; left: 9px; width: 116px; height: 68px; }
#map-products .map-deodorizer a { top: 299px; left: 572px; width: 51px; height: 156px; }
#map-products .map-boxliners a { top: 269px; left: 65px; width: 89px; height: 50px; }

/* ------------------------------------------ */
/* Products/Scoop/Default                     */
/* ------------------------------------------ */
#products-scoop-default #main {
	background-image: url(../images/bg-products-scoop.jpg);
}
#products-scoop-default #flash-main-wrap {
  padding: 5px 0 0 3px;
}
/* CSS-imagemap configuration */
#map-products-scoop { top: 54px; /* using defaults for the rest */ }
#map-products-scoop ul a .note { bottom: 2em; /* using defaults for the rest */ }
/* Image map areas */
#map-products-scoop .map-scoop-powerblend a { top: 92px; left: 32px; width: 80px; height: 222px; }
#map-products-scoop .map-scoop-smallspaces a { top: 97px; left: 116px; width: 74px; height: 222px; }
#map-products-scoop .map-scoop-breatheeasy a { top: 81px; left: 195px; width: 81px; height: 249px; }
#map-products-scoop .map-scoop-performance a { top: 75px; left: 280px; width: 103px; height: 269px; }
#map-products-scoop .map-scoop-instantaction a { top: 64px; left: 389px; width: 253px; height: 310px; }

#products-scoop-default #main h1
{
    left: 310px;
}

/* Generic to Scoop pages */
.productCategory.scoop #main .content p {
	margin: 408px 0 0 304px;
	width: 225px;
}
.productDetail.scoop #main .content h1 {
	position: static;
	padding: 40px 0 0 0;
}
.productDetail.scoop #main .content h4 {
	text-align: center;
}
.productDetail.scoop #main .content .productImage {
	top: 59px;
	left: -364px;
}
.productDetail.scoop #main .content .productContainers {
	bottom: 55px;
	left: 110px;
}
/* Left nav */
.scoop #nav-left-tabbed {
	background-image: url(../images/bg-nav-left-catrolling.jpg);
}

/* ------------------------------------------ */
/* Products/Scoop/SmallSpaces                 */
/* ------------------------------------------ */
#products-scoop-smallspaces #main {
	background-image: url(../images/bg-products-smallspaces.jpg);
}
#products-scoop-smallspaces #main .content h4 {
	margin: -15px 0 0 0;
}
#products-scoop-smallspaces #main .content ul.features li {
	background: url(../images/bul-orange.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/Scoop/BreatheEasy                 */
/* ------------------------------------------ */
#products-scoop-breatheeasy #main {
	background-image: url(../images/bg-products-breatheeasy.jpg);
}
#products-scoop-breatheeasy #main .content h4 {
	margin: -15px 0 0 -25px;
}
#products-scoop-breatheeasy #main .content ul.features li {
	background: url(../images/bul-green.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/Scoop/PowerBlend                  */
/* ------------------------------------------ */
#products-scoop-powerblend #main {
	background-image: url(../images/bg-products-powerblend.jpg);
}
#products-scoop-powerblend #main .content h4 {
	margin: -15px 0 0 0;
}
#products-scoop-powerblend #main .content ul.features li {
	background: url(../images/bul-blue.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/Scoop/Performance                 */
/* ------------------------------------------ */
#products-scoop-performance #main {
	background-image: url(../images/bg-products-performance.jpg);
}
#products-scoop-performance #main .content h4 {
	margin: -5px 0 0 0;
}
#products-scoop-performance #main .content ul.features li {
	background: url(../images/bul-red.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/Scoop/InstantAction               */
/* ------------------------------------------ */
#products-scoop-instantaction #main {
	background-image: url(../images/bg-products-instantaction.jpg);
}
#products-scoop-instantaction #main .content h4 {
}
#products-scoop-instantaction #main .content ul.features li {
	background: url(../images/bul-cyan.gif) 4px 4px no-repeat;
}
.gh-seal {
    position: absolute;
    top: 362px;
    left: -124px;
}

/* ------------------------------------------ */
/* Products/NonClumping/Default               */
/* ------------------------------------------ */
#products-nonclumping-default #main {
	background-image: url(../images/bg-products-nc.jpg);
}
#products-nonclumping-default #flash-main-wrap {
  padding: 5px 0 0 3px;
}
/* CSS-imagemap configuration */
#map-products-nonclumping { /* using defaults */ }
#map-products-nonclumping ul a .note { bottom: -2em; width: 9em; /* use defaults for the rest */ }
/* Image map areas */
#map-products-nonclumping .map-nonclumping-breathe a { top: 107px; left: 116px; width: 128px; height: 230px; }
#map-products-nonclumping .map-nonclumping-performance a { top: 102px; left: 244px; width: 147px; height: 248px; }
#map-products-nonclumping .map-nonclumping-instant a { top: 87px; left: 391px; width: 169px; height: 275px; }

/* Generic to NonClumping pages */
.productCategory.nonclumping #main .content p {
	margin: 425px 0 0 400px;
	width: 380px;
}
.productDetail.clay #main .content h3 {
	padding: 82px 0 34px 11px;
}
.productDetail.clay #main .content h4 {
	padding: 0 5px 10px 8px;
}
.productDetail.clay #main .content .productImage {
	top: 25px;
	left: -370px;
}
.productDetail.nonclumping #main .content .productContainers {
	position: static;
	padding-top: 15px;
}
.productDetail.nonclumping #main .content .productImage {
left:-370px;
top:25px;
}

/* Left nav */
.nonclumping #nav-left-tabbed {
	background-image: url(../images/bg-nav-left-twocatsplaying.jpg);
}

/* ------------------------------------------ */
/* Products/NonClumping/BreatheEasy           */
/* ------------------------------------------ */
#products-nonclumping-breatheeasy #main {
	background-image: url(../images/bg-products-nc-breathe.jpg);
}
#products-nonclumping-breatheeasy #main .content ul.features li {
	background: url(../images/bul-green.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/NonClumping/Performance           */
/* ------------------------------------------ */
#products-nonclumping-performance #main {
	background-image: url(../images/bg-products-nc-performance.jpg);
}
#products-nonclumping-performance #main .content ul.features li {
	background: url(../images/bul-red.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/NonClumping/InstantAction         */
/* ------------------------------------------ */
#products-nonclumping-instantaction #main {
	background-image: url(../images/bg-products-nc-instant.jpg);
}
#products-nonclumping-instantaction #main .content ul.features li {
	background: url(../images/bul-cyan.gif) 4px 4px no-repeat;
}

/* ------------------------------------------ */
/* Products/Breeze/Default                    */
/* ------------------------------------------ */
#products-breeze-default #main {
	background-image: url(../images/bg-products-breeze.jpg);
}
#products-breeze-default #flash-main-wrap {
  padding: 5px 0 0 3px;
}
#products-breeze-default #breeze-info {
	position: absolute;
	bottom: 55px;
	right: 38px;
	z-index: 50;
}
/* Generic to Breeze pages */
.productCategory.breeze #main .content {
	position: relative;
}
.productCategory.breeze #main .content p {
	margin: 215px 0 0 304px;
	width: 170px;
}
.productCategory.breeze #main .content .productImage {
	position: absolute;
	top: 120px;
	left: 492px;
}
.productCategory.breeze #main .content h1
{
    left:310px;
}

/* Left nav */
.breeze #nav-left-tabbed {
	background-image: url(../images/bg-nav-left-breezecat.jpg);
}

/* ------------------------------------------ */
/* Products/Accessories/Default               */
/* ------------------------------------------ */
#products-accessories-default #main {
	background-image: url(../images/bg-products-accessories.jpg);
}
#products-accessories-default #flash-main-wrap {
  padding: 5px 0 0 3px;
}
#products-accessories-default #main .content h1 {
	position: static;
	padding: 75px 0 0 0;
	margin-left: 305px;
}
#products-accessories-default #main .content p {
	margin: 250px 0 0 310px;
	width: 280px;
}
/* CSS-imagemap configuration */
#map-products-accessories { top: 54px; /* using defaults for the rest */ }
#map-products-accessories ul a .note { bottom: 2em; /* using defaults for the rest */ }
/* Image map areas */
#map-products-accessories .map-accessories-litterbox a { top: 68px; left: 306px; width: 306px; height: 304px; }
#map-products-accessories .map-accessories-deodorizer a { top: -15px; left: 196px; width: 66px; height: 147px; }
#map-products-accessories .map-accessories-deodorizer a .note { bottom: -3em; }
#map-products-accessories .map-accessories-boxliners a { top: 135px; left: 125px; width: 175px; height: 144px; }
#map-products-accessories .map-accessories-boxliners a .note { bottom: -2em; margin-left: -7em; }

/* Generic to Accessories pages */
.productDetail.accessories #main .content {
	margin: 0 0 0 637px;
}
.productDetail.accessories #main .content p {
	padding: 0 0 10px 0;
}
.productDetail.accessories #main .content h1 {
	position: static;
	padding: 57px 0 15px 0;
}
.productDetail.accessories #main .content h4 {
}
.productDetail.accessories #main .content ul {
	padding: 0;
}
.productDetail.accessories #main .content .productContainers {
	position: static;
	padding-top: 15px;
}
/* Left nav */
.accessories #nav-left-tabbed {
	background-image: url(../images/bg-nav-left-twocatsfront.jpg);
}

/* ------------------------------------------ */
/* Products/Accessories/LitterBox             */
/* ------------------------------------------ */
#products-accessories-litterbox #main {
	background-image: url(../images/bg-products-litterbox.jpg);
}
#products-accessories-litterbox #main .content ul.features li {
	background: url(../images/bul-blue.gif) 4px 4px no-repeat;
}
#products-accessories-litterbox #main .content .productImage {
	top: 90px;
	left: -436px;
}

/* ------------------------------------------ */
/* Products/Accessories/LitterBoxDeodorizer   */
/* ------------------------------------------ */
#products-accessories-litterboxdeodorizer #main {
	background-image: url(../images/bg-products-deodorizer.jpg);
}
#products-accessories-litterboxdeodorizer #main .content h3 {
	padding-bottom: 5px;
}
#products-accessories-litterboxdeodorizer #main .content ul.features li {
	background: url(../images/bul-blue.gif) 4px 4px no-repeat;
}
#products-accessories-litterboxdeodorizer #main .content .productImage {
	top: 14px;
	left: -261px;
}

/* ------------------------------------------ */
/* Products/Accessories/CatBoxLiners          */
/* ------------------------------------------ */
#products-accessories-catboxliners #main {
	background-image: url(../images/bg-products-boxliners.jpg);
}
#products-accessories-catboxliners #main .content ul.features li {
	background: url(../images/bul-green.gif) 4px 4px no-repeat;
}
#products-accessories-catboxliners #main .content .productImage {
	top: 120px;
	left: -441px;
}

/* ------------------------------------------ */
/* WhoWeAre/Default                           */
/* ------------------------------------------ */
#whoweare-default #main {
	background-image: url(../images/bg-whoweare.jpg);
	background-position: 21px 0;
}
#whoweare-default #main .content {
	padding: 97px 45px 0 24px;
	/*background: transparent url(../images/bg-main-top.jpg) no-repeat scroll 0 0;*/
}
#whoweare-default #main .content .col {
	float: left;
}
#whoweare-default #main .content .col1 {
	width: 330px;
	padding: 20px 10px 0 20px;
}
#whoweare-default #main .content .col2 {
	width: 540px;
	padding: 10px 0 0 5px;
}
#whoweare-default #main .content h3 {
	padding: 0 0 6px 0;
	font-size: 24px;
	letter-spacing: -1px;
}
#whoweare-default #main .content h3 img {
	display: block;
}
#whoweare-default #main .content h4 {
	padding: 0 0 10px 0;
	font-weight: normal;
	font-size: 24px;
	letter-spacing: -1px;
}
#whoweare-default #main .content h4 img {
	display: block;
}
#whoweare-default #main .content h5 {
	text-align: right;
	padding: 10px 0 0 0;
}
#whoweare-default #main .content h5 img {
	display: block;
}
#whoweare-default #main .content p {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}
#whoweare-default #main .content .thumb-list a img {
	margin: 1px 15px 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #999 #999 #ccc;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
#whoweare-default #main .content .thumb-list a.selected img {
	border-color: #c00 #900 #900 #c00;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#whoweare-default #main h1
{
    margin-bottom: 3px;
}

/* ------------------------------------------ */
/* Tidy Cats Life - Common styles             */
/* ------------------------------------------ */
.life
{
    color: #535353;
}

/* Left nav */
.life img.life-icon
{
    margin-left: 15px;
}

.life h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}
.life h4 a {
	color: #00bcc9;
	text-decoration: none;
}
.life #nav-left-main {
	padding-top: 15px;
	padding-left: 20px;
	width: 150px;
}
.life #nav-left h3 {
	margin-top: -15px;
	padding: 16px 0 5px 26px;
}
.life #nav-left h3 img {
	display: block;
}
.life #nav-left ul {
	padding: 2px 0 0;
}
.life #nav-left ul ul {
	padding-bottom: 5px;
}
.life #nav-left li {
	text-transform: uppercase;
	padding: 0;
}
.life #nav-left li li {
	line-height: 13px;
	text-transform: none;
	padding: 0 25px 5px 20px;
	background: url(../images/bul-cyan.gif) 6px 4px no-repeat;
}
.life #nav-left li li a {
	text-decoration: none;
	font-weight: normal;
}
.life #nav-left li li a:hover {
	text-decoration: underline;
}

.life #nav-left .menu-container li ul.list-menu li
{
    background: url(../images/bul-sm-dot.gif) 0 6px no-repeat;
    color: #A3A198;
    margin: 0 0 3px;
    padding: 0 0 0 7px;
}

.life #nav-left .menu-container li ul.list-menu li a
{
    font-size: 11px;
    color: #797979;
}
.life #nav-left .menu-container li ul.list-menu li a.active
{
    color: #20A1B4;
}


/* Main content area */
.life #main .content {
	padding: 45px 0 0 190px;
	min-height: 615px;
}
.life #mainImage {
	float: left;
	width: 563px;
}

.life #mainImage .contentbox-top
{
    height: 10px;
    background: url(../images/tclife-bg-main-top.png) no-repeat;
}

.life #nav-left
{
    top: 50px;
}

#life-default #mainImage .contentbox-top
{
    height: 256px;
    background: url(../images/tclife-bg-main-top-home.png) no-repeat;
}

#life-default #nav-left #nav-left-main p
{
    color: #645B5C;
}

#life-default dl
{
    width: 510px;
    height: 90px;
    margin-left: 20px;
    font-weight: bold;
    line-height: 1.5em;
}

#life-default dt
{
    color: #565656;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.6em;
}

#life-default #article-area dl dt a
{
    color: #565656;
}

#life-default dd
{
    font-size: 16px;
    line-height: 1.25em;
}

#life-default dd, #life-default dt
{
    float: right;
    width: 410px;
}

#life-default dd.image
{
    float: left;
    width: 100px;
}

#life-default dd.image img
{
    border: solid 1px #fff;
    float: none;
    margin: 0;
}

#life-default dd a img
{
    margin-top: 2px;
}


.life #mainImage .contentbox-middle
{
    background: url(../images/tclife-bg-main.png) repeat-y;
    padding: 0px 5px 2px 2px;
}

.life #mainImage .contentbox-middle .contentbox-content
{
    background-color: #fff;
    background: url(../images/tclife-bg-main-grade.png) repeat-x;
    min-height: 400px;
    padding: 15px;
}

.life #mainImage .contentbox-bottom
{
    background: url(../images/tclife-bg-main-bottom.png) no-repeat;
    height: 11px;
}

.life #sidebar a.blue
{
    font-weight: bold;
    color: #20a1b4;
    text-decoration: none;
}

.life #sidebar a.blue:hover
{
    text-decoration: underline;
}

.life #sidebar .sidebar-item
{
    padding-bottom: 20px;
}

.life #sidebar p, .life #sidebar h4 {
	  padding: 0 0 0 5px;
	  line-height: 18px;
}

.life #nav-left .menu-container
{
    margin-top: 10px;
    border-top: solid 3px #b6e0e6;
    border-bottom: solid 1px #b6e0e6;
    padding: 6px 0px 0px 1px;
}

.life #nav-left .menu-container h1
{
    margin-top: 10px;
    color: #565656;
    font-size: 14px;
    text-transform: uppercase;
}

.life #nav-left .menu-container ul
{
    float: none;
}

.life #nav-left .menu-container li
{
    text-transform: none;
    background: transparent url(../images/mainmenu-arrow.jpg) no-repeat scroll 0 4px;
    padding-left: 11px;
    margin-bottom: 5px;
}

.life #nav-left .menu-container a
{
    font-size: 13px;
    color: #20A1B4;
    text-decoration: none;
}

.life #nav-left .menu-container a:hover
{
    text-decoration: underline;
}

.life #mainImage .article-entry img
{
    border: 2px solid #c9c9c9;
    margin: 0px 0px 5px 5px;
    float: right;
}

.life #mainImage .article-entry ul
{
    padding-left: 15px;
    margin-bottom: 10px;
}

.life #mainImage .article-entry li
{
    list-style-type: disc;
    padding-left: 5px;
    margin-bottom: 3px;
}


/* ------------------------------------------ */
/* Life/Default                               */
/* ------------------------------------------ */
#life-default #main
{
    height: 775px;
}

/* Side bar */
#life-default #sidebar {
	float: right;
	width: 175px;
}
/* Left nav */
#life-default #nav-left-main {
	height: 311px;
}

.life .bottomLinksForArticles a
{
    color: #20A1B4;
    text-decoration: none;
}

.life .bottomLinksForArticles img
{
    margin: 2px 3px 0px 3px;
}

.life .bottomLinksForArticles .prevLink
{
    background: url(../images/bul-prev-small.gif) no-repeat 0 50%;
    padding-left: 13px;
}

.life .bottomLinksForArticles .nextLink
{
    background: url(../images/bul-next-small.gif) no-repeat 100% 50%;
    padding-right: 13px;
}


/* ------------------------------------------ */
/* Life/Health & Wellness                     */
/* ------------------------------------------ */
.wellness-nutrition #flash-main .contentbox-top
{
    background:transparent url(../images/tclife-bg-mail-top-healthnutrition.png) no-repeat;
    height: 71px;
}

.wellness-felinebehavior #flash-main .contentbox-top
{
    background:transparent url(../images/tclife-bg-mail-top-felinebehavior.png) no-repeat;
    height: 71px;
}

.wellness-lifewithcats #flash-main .contentbox-top
{
    background:transparent url(../images/tclife-bg-mail-top-lifewithcats.png) no-repeat;
    height: 71px;
}



/* ------------------------------------------ */
/* TIDY CATS Life - Landing page formatting   */
/* ------------------------------------------ */
.life .article-preview {
	padding: 0 5px;
}
.life h1 {
	color: #00bcc9;
	font: bold 24px Arial;
	letter-spacing: -1px;
	padding-bottom: 8px;
}
/* Feature with heading on top */
.life .imageLeft .image {
	float: left;
	width: 40%;
}
.life .imageLeft .image img {
	float: left;
}
.life .imageLeft .body {
	float: right;
	width: 58%;
}

/* ------------------------------------------ */
/* Life/CatCare                               */
/* ------------------------------------------ */
#life-catcare-default .feature {
	background: url(../images/tclife-catcare-main-allergies.jpg) no-repeat;
	height: 275px;
	padding: 27px 72px 0 18px;
	text-align: right;
	margin-bottom: 10px;
}
#life-catcare-default .article-preview {
    position: relative;
}
#life-catcare-default h1, #life-catcare-default .article-preview h4 {
    width: 190px;
}
#life-catcare-default h1 {
    padding: 10px 0 50px;
}
#life-catcare-default .article-preview .accent {
    position: absolute;
    right: 0;
    top: 35px;
}

/* ------------------------------------------ */
/* TIDY CATS Life - Article page formatting   */
/* ------------------------------------------ */
.life-article #main .content {
	padding-top: 85px;
}
.life-article #main .content h1, .life-article #main .content h3 {
	color: #00bcc9;
	font: bold 24px Arial;
	letter-spacing: -1px;
	padding-bottom: 8px;
}
.life-article #main .content h4 {
	font: normal 18px Arial;
	letter-spacing: -1px;
	padding-bottom: 8px;
}
.life-article #main .content a {
	color: #00bcc9;
}
.life-article #main .content .image-insert {
	text-align: center;
}
.life-article #main .content .image-insert span {
	display: block;
	padding: 8px;
	font: bold 14px Arial;
}
.life-article #main .content .indent {
	padding-left: 20px;
}
.life-article #main .content li {
	font-weight: normal;
	line-height: normal;
	padding: 0 0 8px 20px;
	background: url(../images/bul-cyan.gif) 6px 4px no-repeat;
}

/* ------------------------------------------ */
/* TIDY CATS Life - Tips                      */
/* ------------------------------------------ */
#life-littertips-default #mainImage .contentbox-top
{
    /*background:transparent url(../images/tclife-bg-main-top-tips.png) no-repeat scroll 0 0;
    height: 100px;*/
}

.life #mainImage img.page-header
{
    margin-top:20px;
    vertical-align: bottom;
}

#life-littertips-default #mainImage img.silly-cats
{
    float: right;
    position: relative;
    margin-top: -37px;
}

.life #mainImage .line
{
    height: 5px;
    background-color: #fff;
    margin: -20px 0px 30px 0px;
}

.life #mainImage h2.title
{
    margin-bottom: 15px;
}

#life-littertips-default #mainImage p
{
    margin-bottom: 10px;
}

#life-littertips-default #article-area li
{
    line-height: 1.6em;
}

#life-littertips-default #mainImage ul, 
#life-healthandnutrition-default #mainImage ul,
#life-felinebehavior-default #mainImage ul,
#life-lifewithcats-default #mainImage ul
{
    margin-left: 15px;
}

#life-littertips-default #mainImage li, 
#life-healthandnutrition-default #mainImage li, 
#life-felinebehavior-default #mainImage li, 
#life-lifewithcats-default #mainImage li
{
    list-style-type: disc;
    line-height:1.3em;
}

#life-littertips-default #mainImage li a, 
#life-healthandnutrition-default #mainImage li a, 
#life-felinebehavior-default #mainImage li a, 
#life-lifewithcats-default #mainImage li a
{
    color: #20a1b4;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.life #sidebar {
float:right;
padding:11px 40px 0 0;
width:175px;
}

.life #sidebar h3 a {
  background: url(../images/trans.gif); /* fix for IE6 */
}
.life #mainImage p
{
    margin-bottom: 15px;
}

.life #mainImage h2
{
    color: #20A1B4;
    font-size: 200%;
}

.life #mainImage h3
{
    margin-bottom: 3px;
}


/* ------------------------------------------ */
/* eCards common styles                       */
/* ------------------------------------------ */
.ecards #main {
	background-image: url(../images/bg-ecards-main.jpg);
}
.ecards #main .content {
	margin: 0 40px 0 0;
	padding: 66px 0 0 0;
}
.ecards #step-numbers {
	text-align: right;
	padding: 0 5px 0 0;
}
.ecards #work-area {
	float: left;
	width: 472px;
	height: 365px;
	padding-left: 22px;
	position: relative;
}
.ecards #main #work-area h1 {
	padding: 0;
	text-align: right;
}
.ecards #main #work-area p {
	float: right;
	width: 363px;
	margin: 0;
	font-size: 11px;
	text-align: center;
}
.ecards #step-nav {
	width: 390px;
	padding: 0 20px 0 62px;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.ecards .id-step-previous {
	float: left;
}
.ecards .id-step-next {
	float: right;
}
.ecards #preview-area {
	float: right;
	width: 460px;
	position: relative;
}
.ecards #preview-area .message {
	position: absolute;
	top: 127px;
	left: 20px;
	width: 220px;
	font-size: 11px;
	font-weight: normal;
}
.ecards #preview-area .smells-like {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.ecards #preview-area .wordlist {
	font-size: 15px;
}
.ecards #preview-area .message-body {
	font-size: 10px;
	line-height: normal;
	padding-top: 40px;
	height: 110px;
	overflow: auto;
}
.ecards #preview-area .main-image {
	position: absolute;
	top: 19px;
	left: 246px;
}
.ecards #preview-area img.selected {
	display: block;
}

/* ------------------------------------------ */
/* eCards/Default                             */
/* ------------------------------------------ */
#ecards-default #main {
	background-image: url(../images/bg-ecards.jpg);
}
#ecards-default #main .content {
	padding: 85px 0 0 215px;
	width: 320px;
}
#ecards-default #main .content h1 {
	color: #49b3b7;
}
#ecards-default #main .content p {
	font-size: 13px;
	line-height: 17px;
}

/* ------------------------------------------ */
/* eCards/ChooseImage                         */
/* ------------------------------------------ */
#ecards-chooseimage #image-choices {
	clear: both;
	padding: 20px 0 0 35px;
}
#ecards-chooseimage #image-choices ul {
	float: left;
}
#ecards-chooseimage #image-choices li {
	float: left;
	padding: 0 4px;
	position: relative;
	z-index: 5;
}
#ecards-chooseimage #image-choices li span {
	position: absolute;
	width: 92px;
	height: 139px;
	z-index: 10;
	background-color: #000;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
#ecards-chooseimage #image-choices li.selected img {
	border: 2px solid #ff0;
}
#ecards-chooseimage #image-choices li.selected span {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#ecards-chooseimage #image-choices li span:hover {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
#ecards-chooseimage #image-choices li img {
	border: 2px solid #a3aaad;
}

/* ------------------------------------------ */
/* eCards/AddText                             */
/* ------------------------------------------ */
#ecards-addtext #main #work-area p {
	width: 410px;
}
#wordlist-reset {
	display: block;
	position: absolute;
	top: 11px;
	right: 8px;
}
/* CSS-imagemap configuration */
#map-wordcloud { top: 0; left: 20px; width: 468px; height: 318px; background: url(../images/wordcloud.gif) 17px 64px no-repeat; /* defaults for the rest */ }
/* Image map areas */
/*#map-wordcloud a { border: 1px solid red; }*/
#map-wordcloud ul li a:hover, #map-wordcloud li.selected a {
	font-size: 0; line-height: 0; color: #ffe603; /* for IE 6/7 */
	text-indent: -10000%; background-color: #ffe603; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
#map-wordcloud .map-wordcloud-word01 a { left: 69px; top: 87px; width: 20px; height: 71px; }
#map-wordcloud .map-wordcloud-word02 a { left: 95px; top: 101px; width: 20px; height: 78px; }
#map-wordcloud .map-wordcloud-word03 a { left: 118px; top: 70px; width: 20px; height: 110px; }
#map-wordcloud .map-wordcloud-word04 a { left: 142px; top: 77px; width: 20px; height: 104px; }
#map-wordcloud .map-wordcloud-word05 a { left: 164px; top: 72px; width: 20px; height: 109px; }
#map-wordcloud .map-wordcloud-word06 a { left: 188px; top: 126px; width: 40px; height: 139px; }
#map-wordcloud .map-wordcloud-word07 a { left: 189px; top: 102px; width: 51px; height: 20px; }
#map-wordcloud .map-wordcloud-word08 a { left: 246px; top: 69px; width: 20px; height: 143px; }
#map-wordcloud .map-wordcloud-word09 a { left: 269px; top: 76px; width: 20px; height: 115px; }
#map-wordcloud .map-wordcloud-word10 a { left: 293px; top: 96px; width: 92px; height: 20px; }
#map-wordcloud .map-wordcloud-word11 a { left: 293px; top: 118px; width: 146px; height: 20px; }
#map-wordcloud .map-wordcloud-word12 a { left: 293px; top: 138px; width: 153px; height: 40px; }
#map-wordcloud .map-wordcloud-word13 a { left: 291px; top: 174px; width: 46px; height: 20px; }
#map-wordcloud .map-wordcloud-word14 a { left: 343px; top: 174px; width: 109px; height: 20px; }
#map-wordcloud .map-wordcloud-word15 a { left: 391px; top: 199px; width: 20px; height: 42px; }
#map-wordcloud .map-wordcloud-word16 a { left: 275px; top: 196px; width: 109px; height: 20px; }
#map-wordcloud .map-wordcloud-word17 a { left: 255px; top: 218px; width: 113px; height: 20px; }
#map-wordcloud .map-wordcloud-word18 a { left: 240px; top: 240px; width: 144px; height: 20px; }
#map-wordcloud .map-wordcloud-word19 a { left: 272px; top: 260px; width: 115px; height: 20px; }
#map-wordcloud .map-wordcloud-word20 a { left: 224px; top: 127px; width: 20px; height: 111px; }
#map-wordcloud .map-wordcloud-word21 a { left: 196px; top: 267px; width: 32px; height: 20px; }
#map-wordcloud .map-wordcloud-word22 a { left: 167px; top: 208px; width: 20px; height: 96px; }
#map-wordcloud .map-wordcloud-word23 a { left: 146px; top: 209px; width: 20px; height: 80px; }
#map-wordcloud .map-wordcloud-word24 a { left: 56px; top: 253px; width: 86px; height: 20px; }
#map-wordcloud .map-wordcloud-word25 a { left: 81px; top: 230px; width: 58px; height: 20px; }
#map-wordcloud .map-wordcloud-word26 a { left: 40px; top: 208px; width: 102px; height: 20px; }
#map-wordcloud .map-wordcloud-word27 a { left: 40px; top: 185px; width: 147px; height: 20px; }
#map-wordcloud .map-wordcloud-word28 a { left: 38px; top: 162px; width: 54px; height: 20px; }

/* ------------------------------------------ */
/* eCards/AddRecipients                       */
/* ------------------------------------------ */
#ecards-addrecipients #main {
}
#ecards-addrecipients #main .content {
	font-weight: normal;
}
#ecards-addrecipients #step-nav {
	bottom: 0;
}
#ecards-addrecipients #main .content .form-area {
	padding-left: 60px;
}
#ecards-addrecipients #main .content fieldset {
	float: left;
	width: 200px;
}
#ecards-addrecipients #main .content fieldset .caption {
	padding-left: 10px;
	line-height: normal;
}
#ecards-addrecipients #main .content fieldset.message-details {
	margin: 10px 0;
}
#ecards-addrecipients #main .content label {
	float: left;
	width: 10px;
}
#ecards-addrecipients #main .content input.text {
	float: left;
	width: 160px;
	height: 18px;
}
#ecards-addrecipients #main .content input.checkbox {
	float: left;
	width: 13px;
	height: 13px;
}
#ecards-addrecipients #main .content textarea {
	overflow: auto;
}
#ecards-addrecipients #main .content input.text, #ecards-addrecipients #main .content textarea {
	padding: 2px 2px 0 2px;
	margin-bottom: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #92a7a0 #c5d6cb #dae6e1 #92a7a0;
}
#ecards-addrecipients #main .content .id-toEmail {
	width: 180px;
}
#ecards-addrecipients #main .content .id-message {
	width: 393px;
	height: 78px;
}
#ecards-addrecipients #main .content #label-copyMe {
	width: 115px;
}
#ecards-addrecipients #main .content #label-copyMe span {
	float: left;
	padding-left: 5px;
	margin-top: -3px;
}

/* ------------------------------------------ */
/* eCards/ThankYou                            */
/* ------------------------------------------ */
#ecards-thankyou #main {
	background-image: url(../images/bg-ecards-thankyou.jpg);
}
#ecards-thankyou #main .content {
	padding: 85px 0 0 215px;
}
#ecards-thankyou #main .content .buttons {
	padding-top: 100px;
}

/* ------------------------------------------ */
/* Litter Tips                                */
/* ------------------------------------------ */
.littertips #main {
	background-image: url(../images/bg-littertips.jpg);
}
.littertips #nav-left {
	z-index: 10;
}
.littertips #nav-left-tabbed {
	width: 816px;
	height: 387px;
	background: none;
}
.littertips #nav-left-main {
	float: left;
	width: 786px;
}
.littertips #nav-left-main p {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}
.littertips #nav-left-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 192px;
	height: 387px;
	background: url(../images/bg-nav-left-tips-nav.jpg) 2px 0 no-repeat;
}
.littertips #nav-left-nav h1, .littertips #nav-left-nav h3 {
	padding: 29px 0 0 19px;
}
.littertips #nav-left-nav li {
	padding: 0 0 2px 0;
}
.littertips #nav-left-content {
	position: absolute;
	top: 0;
	left: 190px;
	width: 582px;
	height: 387px;
	padding: 10px 0 0 14px;
	background: url(../images/bg-nav-left-tips-generic.jpg) no-repeat;
}
.littertips #nav-left-content h1, .littertips #nav-left-content h2, .littertips #nav-left-content h3, .littertips #nav-left-content h4, .littertips #nav-left-content h5 {
	padding: 0;
}
.littertips #nav-left-content h5 {
	color: #49b3b7;
}
.littertips #nav-left-content a.external {
	color: #ef8200;
}
.littertips #nav-left-close {
	position: absolute;
	top: 11px;
	right: 35px;
	width: 13px;
	height: 13px;
}
.littertips .threeCol .colA, .littertips .threeCol .colB, .littertips .threeCol .colC {
	width: 185px;
	padding: 0 8px 0 0;
}

/* ------------------------------------------ */
/* LitterTips/Default                         */
/* ------------------------------------------ */
#littertips-default #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-landing.jpg);
}
#littertips-default #nav-left-content p {
	width: 300px;
}

/* ------------------------------------------ */
/* LitterTips/LitterBasics                    */
/* ------------------------------------------ */
#littertips-litterbasics #nav-left-content, #littertips-litterbasics2 #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-litterbasics.jpg);
}

/* ------------------------------------------ */
/* LitterTips/LitterTrainingYourKitten        */
/* ------------------------------------------ */
#littertips-littertrainingyourkitten #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-kittentraining.jpg);
}

/* ------------------------------------------ */
/* LitterTips/LitterMaintenanceTips           */
/* ------------------------------------------ */
#littertips-littermaintenancetips #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-maintenance.jpg);
}
#littertips-littermaintenancetips #nav-left-content .colB {
	width: 175px;
}
#littertips-littermaintenancetips #nav-left-content h5 {
	color: #000;
}

/* ------------------------------------------ */
/* LitterTips/PregnancyAndToxoplasmosis       */
/* ------------------------------------------ */
#littertips-pregnancyandtoxoplasmosis #nav-left-content, #littertips-pregnancyandtoxoplasmosis2 #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-toxoplasmosis.jpg);
}

/* ------------------------------------------ */
/* LitterTips/BadLitterBoxBehavior            */
/* ------------------------------------------ */
#littertips-badlitterboxbehavior #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-badbehavior.jpg);
}
#littertips-badlitterboxbehavior #nav-left-content h4 {
	font-weight: bold;
	padding-bottom: 8px;
}
#littertips-badlitterboxbehavior #nav-left-content h5 {
	color: #000;
}

/* ------------------------------------------ */
/* LitterTips/BuryingCatBusiness              */
/* ------------------------------------------ */
#littertips-buryingcatbusiness #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-burying.jpg);
}
#littertips-buryingcatbusiness #nav-left-content .colB {
	width: 175px;
}

/* ------------------------------------------ */
/* LitterTips/MaintainingScoopableLitter      */
/* ------------------------------------------ */
#littertips-maintainingscoopablelitter #nav-left-content {
	/* use default background */
	/*background-image: url(../images/bg-nav-left-tips-scoopablemaint.jpg);*/
}
#littertips-maintainingscoopablelitter #nav-left-content .colA {
	float: right;
	width: 375px;
}
#littertips-maintainingscoopablelitter #nav-left-content .colB {
	width: 185px;
}

/* ------------------------------------------ */
/* LitterTips/PlacingMultipleLitterBoxes      */
/* ------------------------------------------ */
#littertips-placingmultiplelitterboxes #nav-left-content {
	/* use default background */
	/*background-image: url(../images/bg-nav-left-tips-placingboxes.jpg);*/
}
#littertips-placingmultiplelitterboxes #nav-left-content .colA {
	width: 185px;
}
#littertips-placingmultiplelitterboxes #nav-left-content .colB {
	float: right;
	width: 375px;
}

/* ------------------------------------------ */
/* LitterTips/WhyCatsScratchInBox             */
/* ------------------------------------------ */
#littertips-whycatsscratchinbox #nav-left-content {
	/* use default background */
	/*background-image: url(../images/bg-nav-left-tips-scratchinbox.jpg);*/
}

/* ------------------------------------------ */
/* LitterTips/TrackingUrineOdor               */
/* ------------------------------------------ */
#littertips-trackingurineodor #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-urineodor.jpg);
}

/* ------------------------------------------ */
/* LitterTips/SleepingInCatBox                */
/* ------------------------------------------ */
#littertips-sleepingincatbox #nav-left-content {
	background-image: url(../images/bg-nav-left-tips-sleepinginbox.jpg);
}
#littertips-sleepingincatbox #nav-left-content h1 {
	margin-left: -9px;
	padding-bottom: 55px;
}

/* ------------------------------------------ */
/* OtherPurinaSites                          */
/* ------------------------------------------ */
#otherpurinasites #main {
	background-image: url(../images/bg-otherpurinasites.jpg);
}
#otherpurinasites #main .content {
	padding: 72px 0 0 330px;
	width: 480px;
}
#otherpurinasites #main .content p {
}
#otherpurinasites #main .content em {
	font-weight: normal;
}
#otherpurinasites #learnMore {
	position: relative;
}
#otherpurinasites #learnMore img {
	position: absolute;
	top: 0;
	right: 0;
}
#otherpurinasites #logos img {
	padding-right: 12px;
}
/* ------------------------------------------ */
/* Site Map                                   */
/* ------------------------------------------ */
#sitemap #main .content li {
	font-size: 15px;
	line-height: 1.5em;
}
#sitemap #main .content li li {
	font-size: 13px;
	padding-left: 20px;
	background: url(../images/bul-orange.gif) .5em .35em no-repeat;
}
#sitemap #main .content li li li {
	font-size: 11px;
	background: url(../images/copyend-cyan.gif) .5em .5em no-repeat;
}
#sitemap #main .content a {
	color: #000;
	text-decoration: none;
}
#sitemap #main .content a:hover {
	text-decoration: underline;
}

/* ------------------------------------------ */
/* Small page (login, etc.)                   */
/* ------------------------------------------ */
.small-page #main {
	background-image: url(../images/bg-smallpage.jpg);
}
.small-page #main .content {
	width: 280px;
}
.small-page .buttonbar {
    text-align: left;
    vertical-align: middle;
    padding-top: 2em;
    padding-bottom: .5em;
}
.small-page .buttonbar label {
    display: inline-block;
    width: 60px;
    font-size: 12px;
}
.small-page #main .content p.nolabel {
    padding-left: 60px;
}
.small-page .buttonbar input {
    vertical-align: middle;
}
.small-page .buttonbar input.text {
    margin-right: .6em;
}

/* ------------------------------------------ */
/* Error pages                                */
/* ------------------------------------------ */
.error-page #main .content {
	width: 315px;
}

#notfound #main .content h4 {
    padding-top: 6px;
}

/* ==================================================================================== */

/* ------------------------------------------ */
/* Browser-specific filters/hacks             */
/* ------------------------------------------ */
/* A full set of IE6-only filters appears in ie6.css */

/* Trigger 'hasLayout' */
* html .group {
  zoom: 1;
}

/* Adjust top of form text box in IE 6/7 */
* html #search-box {
	top: -3px;
}
*:first-child + html #search-box {
	top: -3px;
}

/* Slight adjustment to center the text boxes better inline, vertically */
* html input.inline-middle {
    position: relative;
    top: 2px;
}
*:first-child + html input.inline-middle {
    position: relative;
    top: 2px;
}

/* IE6 and 7 have more space on the left and right of buttons */
* html .small-page #main .content p.nolabel { /* IE6 */
    padding-left: 45px;
}
*:first-child + html .small-page #main .content p.nolabel { /* IE7 */
    padding-left: 45px;
}

/* hasLayout fixes for IE 6/7 */
* html #nav-left, 
* html ul.features li, 
* html #main .content, 
* html #main .content h1, 
* html #main .content h3, 
* html #main .content h4, 
* html #main .content p, 
* html #ecards-addrecipients #main .content fieldset .caption,
* html #footer .copyright {
	display: inline-block;
}
*:first-child + html #nav-left, 
*:first-child + html ul.features li, 
*:first-child + html #main .content, 
*:first-child + html #main .content h1, 
*:first-child + html #main .content h3, 
*:first-child + html #main .content h4, 
*:first-child + html #main .content p, 
*:first-child + html #ecards-addrecipients #main .content fieldset .caption,
*:first-child + html #footer .copyright {
	display: inline-block;
}

/* Trigger 'hasLayout' */
*:first-child + html .group {
  zoom: 1;
}

/***********************************/
/* New Addition - Life Section     */
/***********************************/

.life #article-area-wrap
{
    float: left;
    width: 563px; 
}

.life #article-area
{
    width: 100%;
  	min-height: 400px;
    padding-top: 85px;
}

.life #article-area-bottom
{
    width: 100%;
    background: transparent url(../images/tclife-bg-main-bottom.png) no-repeat scroll 0 0;
    height: 11px;
    width: 563px;
}

.life #article-area .headerWrap
{
    margin-bottom: 10px;
    margin-left: 10px;
    display: block;
}

.life #article-area img.header
{
    border: 0px;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
}

.life #article-area h2
{
    margin-bottom:15px;
    color:#20A1B4;
    font-size:200%;
    margin-left: 15px;
    line-height:1em;
}

.life #article-area img
{
    border: 2px solid #C9C9C9;
    float: right;
    margin: 0px 15px 5px 10px;
}

.life #article-area p
{
    margin-left: 15px;
    padding-bottom:15px;
    padding-right: 15px;
    line-height: 18px;
}

.life #article-area a {
    color: #20A1B4;
}

.life #article-area ul
{
    margin-left:30px;
    padding-bottom: 15px;
}

.life #article-area li
{
    line-height: 18px;
    list-style-type: disc;
    padding-right: 15px;
    margin-bottom: 2px;
}

.life #article-area li a
{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

.life #article-area li a:hover
{
    text-decoration:underline;
}

.life #article-area h3
{
    margin-bottom: 3px;
    font-size: 131%;
    margin-left: 15px;
    line-height: normal;
}

.wellness-felinebehavior #article-area
{
    background: url(../images/tc-life-main-wellness-feline.png) no-repeat 0 0;
}

.wellness-nutrition #article-area
{
    background: url(../images/tc-life-main-wellness-nutrition.png) no-repeat 0 0;
}

.wellness-lifewithcats #article-area
{
    background: url(../images/tc-life-main-wellness-cats.png) no-repeat 0 0;
}

.tip #article-area
{
    background: url(../images/tc-life-main-tips-nothome.png) no-repeat 0 0;
    padding: 120px 0px 0px 0px;
}

#life-littertips-default #article-area
{
    background: url(../images/tc-life-main-tips-home.png) no-repeat 0 0;
    padding: 150px 0px 0px 0px;
}

.life #article-area-bottom
{
    background-position: 1px 0;
}

#life-littertips-default #article-area-bottom
{
    background-position: -1px 0;
}

#life-default #article-area
{
    background: url(../images/tc-life-main.png) no-repeat 0 0;
    min-height: 0;
    height: 265px;
    padding-top: 278px;
    overflow: hidden;
}

#life-default dl.first
{
}

#life-default #article-area dl a
{
    color: #20A1B4;
    text-decoration: none;
}

#life-default #article-area dl a:hover
{
    text-decoration: underline;
}

#life-default #article-area dl img.link
{
    border: 0;
    float: none;
    margin: 0;
    vertical-align: middle;
}

#article-area #hidden-link-area a
{ position: absolute; }

#article-area #hidden-link-area img
{
    border: 0px;
    margin: 0;
}

#article-area #hidden-link-area .circle-link img
{
    height: 50px;
    width: 50px;
}

#article-area #hidden-link-area .circle-link { top: -85px; }

#article-area #hidden-link-area #circle-health { left: 378px; }
#article-area #hidden-link-area #circle-behavior { left: 435px; }
#article-area #hidden-link-area #circle-activities { left: 492px; }

#article-area #hidden-link-area .block-link img { height: 18px; width: 100%; }
#article-area #hidden-link-area .block-link { top: -41px; }

#article-area #hidden-link-area #block-health { left: 15px; width: 120px; }
#article-area #hidden-link-area #block-behavior { left: 145px; width: 98px; }
#article-area #hidden-link-area #block-activities { left: 251px; width: 87px; }