﻿* {margin:0;padding:0;}
a {text-decoration: none; color:Red;}
a img {border: 0;}

html 
{
	overflow-y: scroll; 
}
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	
}
p, li {font-size: 0.7em;margin:0 0 8px 0;}
ul, ol {margin: 0 0 0 30px;}
table.info li { list-style:none;}

h1, h2, h3 { font-family: "ITCOfficinaSans Black", Verdana, Arial, Helvetica, sans-serif;}

.left { float:left;}
.right { float:right;}
.lftmain {background: url(/friskiesgato/images/lft_main.gif) repeat-y;}
.rgtmain {background: url(/friskiesgato/images/rgt_main.gif) repeat-y;}

#divmain
{
	width:799px;
	margin:0 auto;
}
.content{text-align: left;}
/*
border: 1px solid red;
*/
.mainHdr {width:798px;height:125px;overflow:hidden;}
.mainHdr img {display:block;white-space: nowrap;}
.mainHdrNav {width:798px;height:26px;}
/*should probably be /images/nav_bg.gif as is generic*/
.kittennav, .puppynav, .mypetnav
{
	background-image:url(/friskiesgato/images/kitten/nav_bg.gif);
	background-repeat:repeat-x;
}
.mainHdrSubNav 
{
    height:10px;
    width:785px;	
    border-bottom: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}
.tdSubNav
{
	text-align: left;
}
.tableSubNav1 .tdSubNav
{
	color:#0b51c0;
}
.tableSubNav1 .aSubNav:link
{
	font-size:0.6em;
	font-weight:bold;
	text-decoration:none;	
	color:#0b51c0;
	text-align: left;
	padding: 5px;
	line-height: 20px;
}
.tableSubNav1 .aSubNav:hover
{
    font-size:0.6em;
	text-decoration:none;
	width: 100%;
	color:#0b51c0;
	padding: 5px;	
	font-weight:bold;
	line-height: 20px;	
}
.tableSubNav1 .aSubNav:visited
{
    text-decoration:none;
    font-size:0.6em;
	width: 100%;
	padding:10px;
	color:#0b51c0;
	padding: 5px;	
	font-weight:bold;
	line-height: 20px;	
}
.tableSubNav1 .aSubNav:active
{
    text-decoration:none;
    font-size:0.6em;
	width: 100%;
	padding:10px;
	color:#0b51c0;	
	padding: 5px;	
	font-weight:bold;
	line-height: 20px;	
}
.navon
{
	background: url(/friskiesgato/images/bg_subnav1_on.gif) repeat-x;
}
.tdSubNavSeperator 
{
    overflow: hidden;
    width: 1px;
    background: url(/friskiesgato/images/mypet/nav_sep.gif) no-repeat;
}
.tableSubNav2, .tableSubNav3, .tableSubNav4, .tableSubNav5, .tableSubNav6
{
	background: #f1bf00 url(/friskiesgato/images/menu_grad.gif) repeat-y;    
}
.tableSubNav2 .tdSubNav, .tableSubNav3 .tdSubNav, .tableSubNav4 .tdSubNav, .tableSubNav5 .tdSubNav 
{
	color:#000000;
}
.tableSubNav2 .aSubNav:link, .tableSubNav3 .aSubNav:link, .tableSubNav4 .aSubNav:link, .tableSubNav5 .aSubNav:link
{
	font-size: 0.6em;	
	color:#000000;
	text-align: left;
	padding: 5px 5px 3px 5px;
}

.tableSubNav2 .aSubNav:visited, .tableSubNav3 .aSubNav:visited, .tableSubNav4 .aSubNav:visited, .tableSubNav5 .aSubNav:visited
{
	font-size: 0.6em;	
	color:#000000;
	text-align: left;
	padding: 5px 5px 3px 5px;
}
.tableSubNav2 .aSubNav:active, .tableSubNav3 .aSubNav:active, .tableSubNav4 .aSubNav:active, .tableSubNav5 .aSubNav:active
{
	font-size: 0.6em;	
	text-align: left;
	padding: 5px 5px 3px 5px;
}
.tableSubNav2 .aSubNav:hover, .tableSubNav3 .aSubNav:hover, .tableSubNav4 .aSubNav:hover, .tableSubNav5 .aSubNav:hover
{	
	color:#FF0000;
}
.tableSubNav2 a.navon, .tableSubNav2 .aSubNav:visited a.navon
{
	background: transparent;
}

/* Common Button styles */
a:visited
{
	text-decoration:none;
}
.btnContainer
{
	float: left;
	background: url(/friskiesgato/images/btn_rhs.gif) right no-repeat;
	padding-right:13px;
	cursor:pointer;
	text-decoration:none;
}
.btnContainer .btnMain
{
	line-height:22px;
	font-size:9pt;
	font-weight:bold;	
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
.btnContainer .btnLhs
{
	background: url(/friskiesgato/images/btn_paw.gif) left no-repeat;
	padding-left:29px;
	float:left;
	text-decoration:none;
}
/* End button styles */

.mainContent
{
	margin: 0 20px 0 0;  
}
.mainContent_generic 
{
    margin: 0 20px;   
}
.mainContent_popup 
{
    width: 787px;
    background: #F9EEC1;
}
.mainContent td
{
    vertical-align:top; 
    text-align:left;
}
.mainContent td.leftcol
{
    width: 180px;
    height: 400px;
    position: relative;
}
.mainContent td.leftcol img.imgPack
{
    position: relative;
    top: 50px;
    left:108px;
    display: block;
}
.mainContent td.rightcol
{
    width: 595px;
    padding: 20px 0 20px 0; 
}
.mainButton
{
	padding-top:5px;
	padding-bottom:5px;
	/*background-color:#fed94c;*/
	text-align: right;
}
.popupContent
{
	text-align:left;
	width: 772px;
    background: #f1be01;
    padding-left:15px;
    padding-bottom:15px;
}
h1 {color: #147599; font-size: 1em; margin: 10px 0;}
h2 {color: #147599; font-size: 0.8em; margin: 10px 0;}
h3 {color: #147599; font-size: 0.7em; margin: 10px 0;}
div.box {width: 100%;}
div.box .lightbg {background: #f1b000;}
div.boxBody {position:relative;}
div.boxBody .boxcontent {padding:20px;position:relative;text-align:left;}
div.boxBody .boxtopright {position:absolute;top: 0;right:0; height: 26px; width:23px; } 
div.boxFooter {}
div.boxFooter span { display:block; padding:15px; margin:-1px 0 0 0;}

div.boxBody .banner1 .littlebutton {background: url(../images/btn_littlered.gif) bottom right no-repeat;float:left;width:76px;padding: 0 10px 0 0;}
div.boxBody .banner1 .littlebutton h1 {color: #FF0000;}
div.boxBody .banner1 .littlebutton p {padding:0;margin:0;}
div.boxBody .banner1 img {display:block;}

div.boxBody .prod {padding-left: 130px;}
/*PRODUCT section - will split into product.css*/
#feeding, #nutrition, #variety { display:none; }

.boxcontent ul#productlinks
{
    width:100%;
    margin: 0 0px 10px 0;
}
.boxcontent ul#productlinks li
{
    display:inline;
    font-size: 0.7em;
    font-weight: bold;
    padding: 10px 10px 10px 0;
    margin: 0 5px 0 0;
    list-style: none;
}
.boxcontent ul#productlinks li img 
{
    padding: 0 0 0 3px;
}
.boxcontent ul#productlinks li a:link
{
    color: red;
    text-decoration: none;
}
.boxcontent ul#productlinks li a:hover
{
    color: red;
}
.boxcontent ul#productlinks li a:visited, .boxcontent ul#productlinks li a:active
{
    color: red;
    text-decoration: none;
}
.boxcontent th { font-size: 0.7em; padding: 5px 0 0 0;}
.panel {
	clear: both;
	display: none;
	padding: 1em;
}
div.light_pop { width:220px; float:left;padding:10px;}

div#popupcont { margin: 0 0 0 40px;}

#variety {height:280px;}

/*end*/
table.info td { font-size: 0.7em; padding:3px; width:185px;}
table.info th { font-size: 0.7em; padding:3px;}
.orange { background-color: #f2d885;}
.mainFtr
{
	background-color:#000000;
	color:#ffffff;
	height:54px;
	white-space:nowrap;
}
.mainFtr a
{
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
.mainFtr a:hover
{
	text-decoration:underline;
}
.ftrBg
{
	background-color:#ffffff;	
}
.spacer3
{
	height:3px;
}
.spacer5
{
	height:5px;
}
.spacer10
{
	height:10px;
}
.error
{
	color:Red;
	font-size:9pt;
}

.ftrLhs {background: url(/friskiesgato/images/lft_main.gif) repeat-y;}
.ftrRhs {background: url(/friskiesgato/images/rgt_main.gif) repeat-y;}
.FullPagePad {padding-left:40px; padding-right:40px}
.FlashLeftPad {padding-left:5px;}