* { margin: 0; padding: 0; }

html, body { height:100%; }

body 
{
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	font-size: small;
	background: #94C447 url(../img/bg-body.png) repeat-x top left;
	margin:0 0 10px 0;
}

/* -----[ Clearings ]--------------------------------------------------------------------- */

.clearLeft,
.clearRight,
.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	padding:0;
	margin:0;
}
.clearLeft 
{
	clear: left;
}
.clearRight 
{
	clear: right;
}
p 
{
	margin: 0 0 1.2em 0;
	line-height: 1.2em;
	padding:0;
}

p.note{
	color:#666;
	font-style:italic;
	font-size:90%;
}

table 
{
	border: 0;		
	border-collapse: collapse;
	font-size: 100%; /* IE hack */ 
}
sup 
{
	font-size: 90%;
	vertical-align: top;
}
img 
{
	border: 0;
}
img.left 
{
	float: left;
	margin: 0 15px 10px 0;
}
img.right 
{
	float: right;
	margin: 0 0 10px 15px;
}

.hide
{
	display: none;
}
a { color: #bc0103; }
a:hover { color: #660000; }
/*a:visited { color:#80a820; }
a:active { color: #999; }*/

h1, h2, h3, h4, h5, h6 
{
	padding: 0;
	margin: 0 0 0.5em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
	text-decoration: none;
}
h1 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c51134;
	font-size: 200%;
	margin-bottom: 0.6em;
	font-weight: bold;
	line-height:120%;
}
h1 span{
	font-size: 60%;
}
h2 
{
	color: #608c04;
	font-size: 140%;
	margin: 0.3em 0 0.4em 0;
}
h3 
{
	color: #783918;
	font-size: 125%;
	margin: 0.4em 0 0.3em 0;
}
h4 
{
	color: #C51134;
	font-size: 112%;
	margin: 0.4em 0 0.3em 0;
	font-weight: bold;
}
h5 
{
	color: #000;
	font-size: 100%;
	margin: 0.4em 0 0.3em 0;
	font-weight: bold;
}
h6 
{
	color: #000;
	font-size: 80%;
	margin: 0.3em 0 0.3em 0;
	font-weight: normal;
}
hr 
{
	background-color: #ccc;
	height:1px;
	border:0;
	margin:5px 0;
}
ul
{
	margin: 0 0 10px 10px;
}
ul li
{
	margin-left: 20px;
	padding-bottom: 0.4em;
	line-height: 120%; 
	list-style-image: url(../img/bullet.gif);
}
ol
{
	margin: 10px 5px 10px 10px;
}
ol li li       { list-style-type: upper-alpha; }
ol li li li    { list-style-type: upper-roman; }
ol li li li li { list-style-type: lower-roman; }

ol li
{
	margin-left: 20px;
	padding-bottom: 0.4em;
	line-height: 120%; 
}
blockquote 
{
	margin: 10px 30px;
}
/* ---- FORMS --- */

form 
{
	display: inline;
}
select option 
{
	padding: 0 0.4em;
}
input,
select
{
	/*font: 0.9em Arial, sans-serif;*/
	color: #4b4133;
}
textarea 
{ 
	/*overflow: auto; */
	font-size: 100%;
	font-family: Calibri, Arial, sans-serif;
	color: #4b4133;
}
.autosize input, .autosize textarea
{
	width: 99%;
}
/* ------Print Elements --------------------------- */

#printheader{
	display: none;	
}


/* ================================================================= */
/*   STRUCTURE   */
/* ================================================================= */
/*
html>body #outerWrapper{
	background: url(../img/bg-shadow.png) repeat;
}

* html #outerWrapper{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/bg-shadow.png");
	background:none;
}
*/

#outerWrapper /* shadow strip on each side */
{
	margin: 0 auto;
	width: 980px;
	width: 920px;
	position:relative;
	background: url(../img/bg-shadow.png) repeat-y top left;
}
* html #outerWrapper{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/bg-shadow.png");
	background:none;
}
#wrapper 
{
	margin: 0 auto;
	width: 960px;
	width: 900px;
	position:relative;
	background-color:#ffd51f;
}

/* === HEADER  ==================================================== */

#header 
{
	clear: both;
	height: 130px;
	text-align:right;
	background: #ffd51f url(../img/bg-header.jpg) no-repeat top left;
	position:relative;
	}
	#logo
	{
		width:221px;
		height:141px;
		position:absolute;
		top:7px;
		left:10px;
	}
	#starBurst
	{
		width:272px;
		height:396px;
		position:absolute;
		top:0px;
		left:-272px;
	}
	#topNav  /* small header nav */
	{
		height: 20px;
		text-align:right;
		/*float:right;*/
		position:absolute;
		top:0;
		right:0;
	}
		
div.mainNav 
{
	clear: both;
	height: 30px;
	background-color:#71a20c;
	padding-left:200px;
}
div.subNav
{
	background-color:#b4da00;
	clear:both;
	height: 20px;
}

/* === MAIN AREA   ==================================================== */

#mainOuterWrapper
{
	width: 100%;	
	background: #ffd51f url(../img/bg-mainside.gif) repeat-y top right;
}

#mainWrapper 
{
	width: 100%;
	background: transparent url(../img/bg-food-v2.jpg) no-repeat bottom left;
}



/* -----[ Main Template: 2 col - narrow side  ]----- */

#main 
{
	float: left;
	width:636px;
	position:relative;
	margin-bottom: 200px;
	background: transparent url(../img/bg-paw.gif) no-repeat top left;
}
#main.product
{
	background: none;
}
#main.nopaw
{
	background: none;
}


#main .panel
{
	padding:20px;
}

/* ---[ Side Column ]--- */
#mainSide
{
	float: right;
	width: 261px;
	padding:8px 0;
	margin-left: -100%;
}
* html #mainSide
{
	margin-left: -261px;
}
*:first-child+html #mainSide 
{
	margin-left: -261px;
}

/* === FOOTER   ==================================================== */

#footer
{
	clear:both;
	background-color: #000;
	height:50px;
	
	/*position:relative;*/
}
	#footerContent
	{
		color: #afafaf;
		
		width:500px;
		float:left;
	}
	/* --- [ copyright ] --- */
	#copyright
	{
		clear:both;
		padding-left:23px;
		font-size: 78%;
	}
		#copyright a {color: #afafaf;}
		#copyright a:hover {color: #CCC;}
		
	#footerLogo
	{
		text-align:right;
		margin: 0 23px 0 0x;
		width:182px;
		float:right;
		height:30px;
	}
	#footerShadow {
		width:920px;
		height:8px;
		position:absolute;
		bottom:-8px;
		left:-10px;
	}

/*====== SIDE COLUMN STYLES  ===================================================*/

#mainSide .snippet
{
	font-size:86%;
	color: #6F4D44;
	width:222px;
	padding: 12px;
	background:  url(../img/side-bg.png) no-repeat top left;
	margin:0 0 10px 8px;
}
#mainSide .snippet p.welcome 
{
	font-weight: bold;
	margin: 0 0 7px 13px;
}
#mainSide .snippet img.title
{
	margin:0 auto;
	display:block;
}
#mainSide .snippet .cotmPic 
{
	margin: 5px auto 0 auto;
	width: 175px;
	background-color:#FFF;
	padding: 5px;
}
#mainSide .snippet .pic
{
	background-color:#FFF;
	padding: 3px;
	margin-top:5px;
}

#mainSide .snippet p
{
	margin:0;
}
#mainSide .snippet a
{
	text-decoration:none;
	color:#D22201;
}
#mainSide .snippet a:hover
{
	color:#660000;
}
#mainSide .snippet a.readMore{
	height:15px;
	width:80px;
	float:right;
	text-align:right;
}
#mainSide .snippet ul li
{
	list-style-image: url(../img/side-bullet.gif);
}

/* -- PROMO register free sample --*/
#mainSide .promo
{
	margin:0 7px 15px 8px;
}
*html #mainSide .promo
{
	margin:12px 7px 15px 12px;
}
#mainSide .promo .btn
{
	
}
/* -- register your cat snippet --*/
#mainSide .register
{
	width:246px;
	margin:0 7px 15px 8px;
}
*html #mainSide .register{
	width:246px;
	margin:12px 7px 15px 12px;
}
#mainSide .register .btn
{
	margin:0 0 10px 0;
}
#mainSide .register p
{
	margin:0 5px 0 10px;
}

#mainSide .range
{
	padding-bottom:20px;
}

/*=========================================================*/
/* CONTENT AREAS */
/*=========================================================*/


/* ------GALLERY ---------------------------------- */

.galleryBarmainNav
{
	text-align: center;
	background-color:#dba100;
	height:20px;
	padding: 4px 0 0 0;
}
.galleryBarmainNav a.prev{
	text-align:left;
	background: url(../img/arrow-white-lt.gif) no-repeat center left;
	color:#FFF;
	padding: 0 5px 0 10px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin: 0;
}
.galleryBarmainNav a.prev:hover{
	color:#BD0003;
}
.galleryBarmainNav a.next{
	text-align:right;
	background: url(../img/arrow-white-rt.gif) no-repeat center right;
	color:#FFF;
	padding: 0 10px 0 5px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin:3px 5px 3px 0;
}
.galleryBarmainNav a.next:hover{
	color:#BD0003;
}
.galleryBarmainNav a.pagesLink{
	width:auto;
	color:#FFF;
	padding: 0 5px 0 5px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin: 0;
}
.galleryBarmainNav a.pagesLink:hover
{
	color:#BD0003;
}
.galleryBarmainNav a.selected, 
.galleryBarmainNav a.selected:link, 
.galleryBarmainNav a.selected:active, 
.galleryBarmainNav a.selected:hover, 
.galleryBarmainNav a.selected:visited
{
	height:15px;
	width:auto;
	color:#BD0003;
	padding: 0 5px 0 5px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin:3px 0 3px 0;
}

/* ------GALLERY DETAILS---------------------------------- */

#galleryDetails {
	background: url(../img/container1-bg.png) repeat-x top left;
	position:relative;
	padding: 10px;
	/*width: 100%;*/
	/*height: 1%;*/
}
.cnrLt
{
	display: block;
	background: url(../img/container1-cnr-lt.gif) no-repeat top left;
	width:7px;
	height:7px;
	position:absolute;
	top:0px;
	left:0px;
}
.cnrRt
{
	display: block;
	background: url(../img/container1-cnr-rt.gif) no-repeat top right;
	width:7px;
	height:7px;
	position:absolute;
	top:0px;
	right:0px;
}
.mainPicWrapper{
	width:260px;
	float:left;
	margin:0 13px 10px 0;
}
.mainPicWrapper a.prev{
	height:15px;
	width:80px;
	float:left;
	text-align:left;
	background: url(../img/arrow-red-lt.gif) no-repeat center left;
	color:#C51134;
	display:block;
	padding-left:12px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 3px 3px;
}
.mainPicWrapper a.next{
	height:15px;
	width:80px;
	float:right;
	text-align:right;
	background: url(../img/arrow-red-rt.gif) no-repeat center right;
	color:#C51134;
	display:block;
	padding-right:12px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin:0 3px 3px 0;
}
.mainPicWrapper a.next:hover,
.mainPicWrapper a.prev:hover{
	color:#330000;
}
.mainPic{
	padding:5px;
	background-color:#FFF;
	margin-bottom:10px;
}
#galleryDetails p.caption {
	font-style:italic;
	font-size:85%;
	text-align:center;
	margin:5px 3px 7px 3px;
}
#galleryDetails .content {
	width:297px;
	float:left;
}
#galleryDetails dl {
	margin:0 0 20px 0;
}
#galleryDetails dt {
	color:#578100;
	text-transform: uppercase;
	font-weight:bold;
	margin:0;
	padding:5px 0 2px 5px;
}
#galleryDetails {
	font-size:86%;
}

#galleryDetails dd {
	background: url(../img/tile-diagonal.gif) repeat top left;
	color:#404040;
	padding:5px;
}
.galleryBar {
	background:url(../img/container2-bg.gif) repeat top left;
	position:relative;
	padding: 0;
	margin: 0;
	/*padding:20px 0 15px 20px;
	height:100px;*/
}
.galleryBar .pic{
	float:left;
	width:80px;
	padding:0px;
	text-align:center;
	/*background-color:#FFF;*/
	/*margin:0 15px 0 0;*/
	margin: 17px 0 17px 17px;
}

.galleryBar .pic img{
	border: 3px solid #fff;
}
.galleryBar p.caption {
	text-align:center;
	margin: 2px 0;
	padding: 0;
	font-size:86%;
}
.galleryBar p.caption a {
	color:#232323;
	text-decoration: none;
}
.galleryBarNav {
	background-color:#dba100;
	height:20px;
}
.galleryBarNav a.next{
	height:15px;
	width:80px;
	float:right;
	text-align:right;
	background: url(../img/arrow-white-rt.gif) no-repeat center right;
	color:#FFF;
	display:block;
	padding-right:10px;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	margin:3px 5px 3px 0;
}
.galleryBarNav a.next:hover{
	color:#BD0003;
}

/* ---RATE BAR--- */
table.rate{
	width:98%;
}
table.rate th{
	color:#476803;
	text-transform: uppercase;
	font-size: 100%;
	font-weight:bold;
}
table.rate td table 
{
	width: 100%;
}
table.rate td table td label
{
	display: block;
	margin-top: 3px;
	font-size: 80%;
}
table.rate td{
	padding:2px;
	text-align:center;
}
table.rate td.key{
	font-weight:bold;
	font-size: 80%;
}
.rateIcon {
	width:96px;
	height:97px;
	padding: 15px 0 0 0;
	background: url(../img/rate-icon.png) no-repeat top right;
	overflow:hidden;
	position:absolute;
	top:-20px;
	right:-10px;
	text-align:center;
	color:#c51134;
	font-size:80%;
	z-index:1000;
}
.rateIcon .number {
	font-size:32px;
	font-weight:bold;
	line-height:100%;
}
.rateIcon .votes {
	font-weight:bold;
}



/* ------PRODUCTS ---------------------------------- */

.panelProduct{
	padding:20px 0 20px 20px;
}
.productTop {
	padding-right: 20px;
	padding-bottom: 30px;
}

.productBottom {
	margin: 0 0 18px 0;
}

.regMark{
	vertical-align: top;
	font-size: 70%;
}

/* ------PRODUCT DETAILS --------------------------- */

.panelProductDetails{
	padding:20px 0 20px 20px;
}

.productKitten {
	padding:20px 20px 0 280px;
	background: url(../img/products/product-kitten.jpg) no-repeat bottom left;
	height:320px;
	margin:0 0 18px 0;
}
.productAdult {
	padding:20px 20px 0 20px;
	background: url(../img/products/product-adult-range.jpg) no-repeat bottom left;
	height:640px;
	margin:0 0 18px 0;
}
/*.productAdult img{
	float:left;
	margin:0 20px 20px 0;
}*/
.productSenior {
	padding:20px 20px 0 280px;
	background: url(../img/products/product-senior.jpg) no-repeat bottom left;
	height:320px;
	margin:0 0 18px 0;
}
.productIndoor {
	padding:20px 20px 0 280px;
	background: url(../img/products/product-indoor.jpg) no-repeat bottom left;
	height:320px;
	margin:0 0 18px 0;
}
.productWeight {
	padding:20px 20px 0 280px;
	background: url(../img/products/product-weight.jpg) no-repeat bottom left;
	height:320px;
	margin:0 0 18px 0;
}
.productTreats {
	padding:20px 30px 15px 270px;
	background: url(../img/products/product-treats.v2.jpg) no-repeat bottom left;
	height:215px;
	margin:0 0 18px 0;
}
.productDriver{
	background: url(../img/products/product-driver-bg.gif) no-repeat top left;
	width:197px;
	margin:0 2px 0 0;
	float:left;
	min-height:185px;
}
.milkEssentials h3{
	background: url(../img/products/title-milk-essentials.gif) no-repeat top left;
	text-indent:-55000px;
	padding:0;
	margin:20px 0 22px 15px;
}
.marineBalance h3{
	background: url(../img/products/title-marine-balance.gif) no-repeat top left;
	text-indent:-55000px;
	padding:0;
	margin:20px 0 22px 15px;
}
.productDriver p {
	font-size:80%;
	margin:0 15px 10px 15px;

}
.productDriver .logo{
	float:right;
	margin:0 0 3px 3px;
}
.dentalIcious {
	margin-right:0;
	height:185px;
}
.dentalIcious .logo{
	margin:2px 0 0 7px;
	float:none;
}


/* ------CAT FORM --------------------------- */

.formContainer{
	width:285px;
	margin:0 13px 0 0;
	float:left;
	min-height:185px;
}
.stepTitle{
	background: url(../img/step-header.jpg) no-repeat top left;
	width: 215px;
	height: 35px;
	padding: 18px 0 0 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a2c04;
}
.stepTitle1{
	background: url(../img/registration/step-1-header.jpg) no-repeat top left;
	width: 215px;
	height: 35px;
	padding: 18px 0 0 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a2c04;
}
.formStep1 h3{
	text-indent:-55000px;
	padding:0;
	margin:17px 0 22px 15px;
}
.stepContent{
	background: url(../img/registration/step-bg.jpg) no-repeat top left;
	width: 255px;
	height: auto;
	padding: 10px 15px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formContainerRight {
	width:285px;
	margin:0 13px 0 0;
	float:right;
	
}
.formStep3 h3{
	text-indent:-55000px;
	padding:0;
	margin:17px 0 22px 15px;
}
.stepTitle3{
	background: url(../img/registration/step-3-header.jpg) no-repeat top left;
	width: 215px;
	height: 35px;
	padding: 18px 0 0 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a2c04;
}

.formStep2 h3{
	text-indent:-55000px;
	padding:0;
	margin:17px 0 22px 15px;
}
.stepTitle2{
	background: url(../img/registration/step-2-header.jpg) no-repeat top left;
	width: 215px;
	height: 35px;
	padding: 18px 0 0 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a2c04;
}

/* ------------Question Items------------ */

div.question 
{
	margin: 0 0 5px 0;
	padding: 0;
	clear: both;
}
div.label 
{
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	clear: both;
}
div.question .label span.labelText 
{
}
div.question .label span.validationText,
div.radioQuestion .label span.validationText
{
	font-weight: bold;
	color: #bd0003;
}
div.question .input 
{
	color: #000;
	font-weight:normal;
}
div.question .input input
{
	font-size: 11px;
	border: solid 1px #daa000;
	width: 248px;
	background: #FFF481;
	padding: 3px;
}
div.question .input textarea 
{
	overflow: auto;
	border: solid 1px #daa000;
	width: 254px;
	height: 50px;
	background: #FFF481;
}
div.question .telephoneInput 
{
	margin: 0;
	padding: 0;	
}
div.question .telephoneInput input 
{
	font-size: 11px;
	border: solid 1px #daa000;
	background: #FFF481;
	padding: 3px;
}
div.question .telephoneInput input.areaCode
{
	width: 25px;
}
div.question .telephoneInput input.telephone
{
	width: 204px;
	margin-left: 7px;
}
div.question .input input.disabled, div.question .telephoneInput input.disabled
{
	border: 0;
	background: url(../img/tile-diagonal.gif) repeat top left;
	color: #000000;
}
div.checkboxQuestion 
{
	padding: 0;
	margin: 3px 0 10px 0;
}
div.checkboxQuestion .validationText 
{
	font-weight: bold;
	color: #bd0003;
	margin: 3px 0 0 0;
}

div.buttonSet 
{
	margin: 15px 0 0 0;
	padding: 0;	
}
div.buttonSetTop 
{
	margin: 0 0 15px 0;
	padding: 0;	
}
div.buttonSet:after,
div.buttonSetTop:after
{
	clear: both;
	display: block;
	content: ".";
	visibility: hidden;
	font-size: 1px;
	height: 1px;
}
div.buttonSet input,
div.buttonSetTop input
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	float: right;
		display: block;
		width: 98px;
		height: 28px;
		color: #ffffff;
		font-size: 11px;
		font-weight: bold;
	background: url('../img/button-bg.jpg') no-repeat left top;
		text-align: left;
		padding-left: 15px;
		font-family: Arial, Verdana, Sans-Serif;
		cursor: pointer;
		margin-left: 10px;
}
div.selectQuestion 
{
	margin: 0 0 5px 0;
	padding: 0;
	clear: both;
}
div.selectQuestion .input select 
{
	border: solid 1px #daa000;
	background-color: #FFF481;
	width: 49%;
}
div.selectQuestion .input select.left 
{
	float: left;
}
div.selectQuestion .input select.right
{
	float: right;
}
div.radioQuestion 
{
	clear: both;
}
div.radioQuestion .label 
{
	display: block;
	margin: 0;
	padding-top: 4px;
	height: 16px;
	width: 60px;
	float: left;
}
div.radioQuestion table.input 
{
	display: block;
	height: 20px;
	float: left;
}
div.radioQuestion div.disabledDisplay 
{
	float: right;
	width: 194px;
	margin-right: 1px;
}
div.radioQuestion table.input td 
{
	padding: 0;
	padding-bottom: 5px;
}

.catInput{
	border: solid 1px #daa000;
	width: 250px;
	height: 19px;
	background: #FFF481;
}
.catInput1{
	border: solid 1px #daa000;
	width: 200px;
	height: 19px;
	background: #FFF481;
}
.catInput2{
	border: solid 1px #daa000;
	width: 250px;
	height: 50px;
	background: #FFF481;
}
.catInput3{
	border: solid 1px #daa000;
	width: 250px;
	height: 19px;
	background: #FFF481;
}
.catLabel{
	padding-bottom: 3px;
}
.redStar{
	color: #bd0003;
	font-size: 12px;
}
.catField{
	padding-bottom: 5px;
}
.catField1{
	padding-bottom: 8px;
}
.catSelect{
	border: solid 1px #daa000;
	width: 40px;
	height: 19px;
	background: #FFF481;
}
.catSelect1{
	border: solid 1px #daa000;
	width: 120px;
	height: 19px;
	background: #FFF481;
}
.5height{
	width: auto;
	height: 5px;
}
.catLine{
	border-top: 1px solid #FFF481;
}
.10width{
	width: 10px;
	height: auto;
}

hr 
{
	clear: both;
	display: block;
	border: 1px solid #FFF481;
	width: 100%;
}

.disabledDisplay 
{
	display: block;
	width: 254px;
	background: url(../img/tile-diagonal.gif) repeat top left;
	padding: 5px;
	/*	height:10px;*/
	min-height:5px;
}

div.photoView 
{
	margin: 10px 0 0 0;
	text-align: center;
}
div.photoView img 
{
	border: 1px solid #dda709;
	padding: 0;
}
div.photoSeries 
{
	padding: 0;
}
div.photoSeries div 
{
	margin: 8px 0 0 0;
	padding: 0;
	clear: both;
}
div.photoSeries div span
{
	display: block;
	width: 75px;
	float: left;
	margin: 0 8px 0 0;
}
div.photoSeries div span a 
{
	display: block;
	text-align: center;
}
div.photoSeries img 
{
	border: 1px solid #dda709;
}
div.photoSeries img.last 
{
	margin: 0;
}

div.cropperBackground 
{
	position: absolute;
	top: 7%;
	left: 20%;
	width: 100%;
}

div.cropperContainer 
{
	border: 1px solid #ddba1e;
	background-color: #FFD51F;
}
div.cropperContainer .buttonSet 
{
	margin: 0 25px 25px 0;
}
div.cropperContainer .buttonSetTop
{
	margin: 25px 25px 0 0;
}

.cropperFrame 
{
	margin: 0 auto;
	display: block;
	width: 570px;
	height: 500px;
}
.message 
{
	display: block;
	padding-bottom: 10px;
	color: #ff0000;	
}

table.approvals 
{
	width: 100%;
	border: 1px solid #FFF481;
	border-collapse: collapse;
}
table.approvals table 
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
table.approvals td 
{
	vertical-align: top;
	padding: 15px;
	font-size: 90%;
}
table.approvals td.images 
{
	background-color: #FFF481;
	width: 40%;
}
table.approvals td.images a 
{
	margin-right: 15px;
}
table.approvals td.images div.approveDecline 
{
	text-align: center;
	margin-bottom: 10px;
}
table.approvals td.images img 
{
	background-color: #fff;
	padding: 3px;
}
table.approvals td.info
{
	background-color: #FFF481;
	width: 60%;
}
table.approvals td .linkSet
{
	width: 200px;
	float: left;
}
table.approvals td .linkSet strong
{
	display: block;
	font-weight: bold;
	color: #C51134;
	font-size: 12px;
}
table.approvals td .linkSet a
{
	font-size: 11px;
}
table.approvals td .buttonSet 
{
	margin: 0;
	width: 340px;
	float: right;
}

.invisible 
{
	visibility: hidden;	
}

div.grdView 
{
	margin: 0;
	padding: 0;
}
div.grdView table
{
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
div.grdView table th 
{
	color: #fff;
	background-color: #71A20C;
	padding: 5px;
	text-align: left;
	border: 0;
	border-bottom: 1px solid #71A20C;
	font-size: 11px;
}
div.grdView table th a, div.grdView table th a:link, div.grdView table th a:visited, div.grdView table th a:active, div.grdView table th a:hover 
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
div.grdView table th a:hover
{
	text-decoration: underline;
}
div.grdView table tr.even td 
{
	background-color: #FFCF2E;
}
div.grdView table tr.odd td 
{
	background-color: #FFF481;
}
div.grdView table td 
{
	border: 0;
	padding: 5px;
	border-bottom: 1px solid #71A20C;
	font-size: 11px;
}
div.grdView table tr.pager td
{
	font-weight: bold;
	text-align: right;
	background-color: #A3C500;
}
div.grdView table tr.pager td a,
div.grdView table tr.pager td a:link,
div.grdView table tr.pager td a:active,
div.grdView table tr.pager td a:visited 
{
	color: #fff;
	text-decoration: none;	
}
div.grdView table tr.pager td a:hover 
{
	color: #fff;
	text-decoration: underline;	
} 
div.grdView table tr.pager td table
{
	border: 0;
	width: auto;
}
div.grdView table tr.pager td table td 
{
	border: 0;
}

.catOfTheMonth 
{
	margin: 0 0 10px 0;	
}

div.updating 
{
	display: block;
	padding: 75px 117px 75px 117px;
	position: absolute;
	background-color: #fff;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

.memberService 
{
	width: 285px;
	padding: 0;
	margin: 0;
	background: url(../img/basic-header-bg.jpg) no-repeat top left;
}
.left 
{
	float: left;
}
.right 
{
	float: right;
}
.memberService p 
{
	font-size: 80%;
	padding: 15px;
}
.memberService h2 
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a2c04;
	padding: 14px 0 0 70px;
	margin: 0 0 20px 0;
}
.memberService div.question 
{
	padding: 0 15px 0 15px;
}
.memberService div.question label
{
	font-size: 80%;
	font-weight: bold;
	color: #3a2c04;
}
.memberService div.checkboxQuestion 
{
	padding: 0 15px 0 15px;
}
.memberService div.checkboxQuestion label {
	font-size: 80%;
	color: #3a2c04;
}
.memberService .message 
{
	font-size: 80%;
	padding: 0 15px 10px 15px;
}

input.pawButton 
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	display: block;
		width: 98px;
		height: 28px;
		color: #ffffff;
		font-size: 11px;
		font-weight: bold;
	background: url('../img/button-bg.jpg') no-repeat left top;
		text-align: left;
		padding-left: 15px;
		font-family: Arial, Verdana, Sans-Serif;
		cursor: pointer;
}

div.myCats 
{
	padding: 0 0 0 17px;
}
div.myCats .pic 
{
	float: left;
	display: block;
	background-color: #fff;
	width: 75px;
	padding: 3px;	
	margin: 0 5px 0 5px;	
	text-align: center;
}
div.myCats .pic p 
{
	margin: 5px 0 0 0;
}
div.myCats .pic p .approved 
{
	color: #71A20C;
}
div.myCats .pic p .declined
{
	color: #bd0003;
}

/*-----------ASTROLOGY --------------------*/

.starSign {
	background: url(../img/bg-divider-back-to-top.jpg) no-repeat bottom left;
	width:565px;
	position: relative;
	padding: 0 20px 20px 20px;
	margin:20px 0 20px 0;
}
.starSign h3 {
	color:#8A0000;
	margin:0 0 0 100px;
	padding:0 0 5px 0;	
}
.starSign h3 span {
	color: #e56e00;
	font-size: 75%;
	text-transform:uppercase;
}
.starSign p {
	margin:0 0 15px 100px;
	font-size:90%;
}
.starSign img {
	float:left;
	margin:0px 10px 10px 0;
}

.starSign a.top {
	display:block;
	witdh:100px;
	position:absolute;
	bottom:9px;
	right:18px;
	text-decoration:none;
	text-transform:lowercase;
	font-size:10px;
	font-weight:bold;
}
.starSignLinks {
	background: url(../img/bg-curve-left.jpg) no-repeat bottom left;
	padding:0 20px 20px 20px;
}
.starSignLinks h2 {
	margin:20px 0 20px 10px;
}
.starIcon {
	width:70px;
	height:70px;
	margin:0 10px 10px 0;
}

/*-----------VIDEO --------------------*/

.videoAlign{
	text-align: center;
}


/* - - - - - - - - - - - - - - - - - - - - -
	NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */

/* === [ breadcrumb ] === */

p.breadcrumb
{
	top:-12px;
	position:relative;
	padding: 0;
	margin:0 5px 0 0;
	color:#888;
	/*font-size:100%;*/
	line-height:110%;
	text-transform: lowercase;
	padding-bottom: 2px;
	font-family: Calibri, Trebuchet MS, Arial, Sans-Serif;
}
p.breadcrumb a
{
	/*border-bottom:1px dotted #888;*/
	color:#3f7b88;
	text-decoration:none;
	color: #888;
}
p.breadcrumb a:hover
{
	border:0;
	color: #333;
	text-decoration: underline;
}
p.breadcrumb span
{
	padding: 0 2px 0 1px;
}




/* GENERAL STYLE FOR ALL NAV*/
ul.nav 
{
	margin: 0;
	list-style: none;
}
ul.nav li
{
	margin: 0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	line-height: inherit;
}
/* ============[ TOP NAVIGATION ]============ */
#topNav ul
{
	float: right;
	margin:7px 4px 0 0;
}
#topNav ul li
{
	display: inline;
	line-height: inherit;
	text-transform: lowercase;
	color: #c51134;
	
}
#topNav ul li a
{
	display: block;
	float: right;
	color: #c51134;
	text-decoration: none;
	font-size: 86%;
	line-height:100%;
	font-weight:bold;
	border-right:1px solid #c51134;
	padding: 0 5px 2px 5px;
}
#topNav ul li a:hover
{
	color:#660000;
}

#topNav ul li a.last
{
	border:none;
}

/* ============[ MAIN NAVIGATION ]============ */

div.mainNav ul
{
	
}
div.mainNav ul li
{
	display: inline;
	line-height: inherit;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.mainNav ul li a
{
	float: left;
	display: block;
	white-space:nowrap;
	height:23px;
	padding: 7px 10px 0 10px;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}
div.mainNav ul li a:hover
{
	color:#3b5505;
	background-color:#a3c500;
}
div.mainNav ul li a.selected
{
	color:#3b5505;
	background-color:#b4da00;
}
/* ============[ SUB NAVIGATION ]============ */

div.subNav 
{
	padding-left: 200px;
}
div.subNav ul
{
	display: inline;
}
div.subNav ul li
{
	display: inline;
	line-height: inherit;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
div.subNav ul li a
{
	float: left;
	display: block;
	white-space:nowrap;
	padding: 2px 5px 0 10px;
	color: #2d4300;
	text-decoration: none;
	font-size: 85%;
	font-weight:normal;
	background: url(../img/subNav-bullet.gif) no-repeat 0px 8px;
}
div.subNav ul li a:hover
{
	color:#3b5505;
}
div.subNav ul li a.selected
{
	color:#3b5505;
}
div.subNav ul li a.first
{
	background: none;
}



/* ============[ CONTENT NAVIGATION ]============ */


#contentNav
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	padding-bottom: 15px;
}
#contentNav a{
	color: #bc0103;
	text-decoration: none;
}
#contentNav a:hover
{
	color: #660000;
	text-decoration: underline;
}
#contentNav a.selected
{
	color: #660000;
}


/* ============[ FOOTER NAVIGATION ]============ */

#footer ul.nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform:lowercase;
	padding:10px 5px 2px 18px;
	float:left;
}
#footer ul.nav li
{
	display: inline;
	line-height: inherit;
	margin: 0;
	padding: 0;
}
#footer ul.nav li a
{
	display: block;
	float:left;
	padding: 0px 5px 0 5px;
	color: #afafaf;
	text-decoration: none;
	font-size: 78%;
	border-right:1px solid #6F4D44;
	line-height:110%;
}
#footer ul.nav li a:hover, 
#footer ul.nav li a.selected
{
	color:#ccc;
}

div.sharePicture 
{
	position: absolute;
	width: 278px;
	top: 18%;
	left: 30%;
	background:url(../img/container2-bg.gif) repeat top left;
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	padding-top: 10px;
	border: 1px solid #DBA100;
	border-top: 3px solid #DBA100;
}
div.sharePicture div.question,
div.sharePicture div.checkboxQuestion
{
	padding: 10px 10px 0 10px;
}
div.sharePicture div.question label
{
	color: #BD0003;
	font-weight: bold;
	text-transform: uppercase;
}
div.sharePicture div.question textarea 
{
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #000;
	padding: 3px;
	width: 248px;
}
div.sharePicture div.buttonSet 
{
	background-color: #DBA100;
	padding: 0;
	margin: 0;
	text-align: right;
	padding: 3px 5px;
}
div.sharePicture div.buttonSet a 
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px;
}
div.sharePicture div.buttonSet a.send
{
	background: url(../img/arrow-white-rt.gif) no-repeat center right;
}

.backtotop {
	margin:20px 0 0 0;
	border-top: 1px dotted #DE6D11;
	color:#DE6D11;
	padding:3px 0 5px 0;
	text-transform:lowercase;
	text-align:right;
	clear:both;
}
.backtotop a{
	color:#DE6D11;
	text-decoration:none;
}
.backtotop a:hover{
	color:#DE6D11;
	text-decoration:underline;
}

.FAQquestion
{
	font-weight:bold;
	margin:15px 0 5px 0;
}

.FAQquestion span,
.FAQanswer span
{
	color:#CC0000;
}

.attention1{
	color:#CC0000;
	font-size:120%;
}

.indentP{
	margin-left: 15px;
}