@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 24px;
	color: #666666;
	text-align:left;
	margin:36px 0px 0px 0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	color: #333333;
	text-align:left;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color: #000000;
	text-align:left;
}


.pageText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 14px;
	line-height:19px;
	color: #3A3A3A;
}

.smallText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	line-height:13px;
	color: #6A6A6A;
}

.listSpace {
	line-height:24px;
}


.required {
	color:#FF0000;
	font-weight:bold;
}

.hr {
	border-bottom:#CCCCCC 1px solid;
	height:1px;
	line-height:0px;
	margin:12px 0px 12px 0px;
}

.bgGrad {
	background-image:url(../images/spg_bg_grad.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #e2e2e2;
}

.bgHome {
	background-image:url(../images/spg_bg_home.jpg);
	background-attachment:scroll;
	background-position:50% -24px;
	background-repeat:no-repeat;
}

#wrapper {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index:1;
}

#demo {
	position:relative;
	margin:auto;
	top:0px;
	z-index:0;
}

#floatWrap {
	position:relative;
	margin:auto;
	top:0px;
	width:899px;
	height:auto;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	z-index:2;
}

	#topNav {
		clear:both;
		margin:auto;
		height:33px;
	}

	#contentWrap {
		position:relative;
		width:793px;
		margin:auto;
		z-index:2;
	}
	
		#headerWrap {
			position:relative;
			top:0px;
			width:793px;
			height:243px;
			text-align:left;
			z-index:1;
		}
		
			#logo {
				position:relative;
				top:0px;
				width:346px;
				height:125px;
				text-align:left;				
				z-index:3;
			}
			
			#ctaLook {
				position:relative;
				clear:left;
				float:left;
				width:523px;
				height:72px;
				margin:34px 0px 0px 0px;
				z-index:2;
			}
			
			#logoPet {
				position:absolute;
				top:-33px;
				left:0; /* For IE 6 and older */
				width:177px;
				height:276px;
				text-align:left;
				margin:0px 0px 0px 346px;
				z-index:1;
				
			}
		
		#divTable {
			clear:both;
			position:relative;
			top:0px;
			width:793px;
			height:auto;
			margin:0px 0px 0px 0px;
			text-align:left;
			z-index:2;
		}
			
/* Classes and IDs for rows and columns in "contentWrap" */
		.row {
			position:relative;
			top:0px;
			clear:both;
			width:793px;
			height:auto;
			padding:16px 0px 0px 0px;
			text-align:left;
			z-index:1;
		}
		
		.columnLeft {
			position:relative;
			float:left;
			top:0px;
			width:253px;
			height:auto;
			text-align:left;
			z-index:1;
		}
		
		.columnMiddle {
			position:relative;
			float:left;
			top:0px;
			width:253px;
			height:auto;
			margin:0px 0px 0px 16px;
			text-align:left;
			z-index:1;
		}
		
		.columnRight {
			position:relative;
			float:right;
			top:0px;
			width:253px;
			height:auto;
			/* margin:0px 0px 0px 16px; */  /* Not needed with "float:right;" */
			text-align:left;
			z-index:1;
		}
		
		.columnWideLeft { /* Replaces "columnLeft" and "columnMiddle" for text content pages and forms */
			position:relative;
			float:left;
			top:0px;
			width:522px;
			height:auto;
			text-align:left;
			z-index:1;
		}
		
/* End classes for rows and columns in "contentWrap" */
		
	#coverFlash {
		position:absolute;
		top:-223px;
		z-index:2;
	}
	
	#coverBaseLayer {
		position:absolute;
		top:-223px;
		z-index:1;
	}
	
	#infoRtColumn {
	position:absolute;
	top:194px;
	width:229px;
	height:auto;
	padding:12px;
	background-color:#E2E2E2;
	border:#c6c6c6 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#000000;
	z-index:0;
	}
	
	#salesRtColumn {
	position:absolute;
	top:190px;
	width:253px;
	z-index:0;
	}
	
	#rightColumnPhoto {
		position:absolute;
		z-index:2;
	}

	#edgeWrap {
		position:relative;
		top:0px;
		width:899px;
		height:1px;
		text-align:left;
		z-index:1;
	}
	
		#lEdge {
			position:absolute;
			bottom:0px;
			margin:0px 0px 0px 0px;
			width:1px;
			height:619px;
			background-image:url(../images/leftEdgeBg.png);
			background-position:bottom;
			background-repeat:no-repeat;
		}
		
		#rEdge {
			position:absolute;
			bottom:0px;
			margin:0px 0px 0px 898px;
			width:1px;
			height:619px;
			background-image:url(../images/rightEdgeBg.png);
			background-position:bottom;
			background-repeat:no-repeat;
		}
	
	#footer{
		position:relative;
		margin:-250px auto 0px auto;
		width:999px;
		height:410px; /* 156px alternate */
		top:0px;
		text-align:left;
		z-index:1;
	}
	
		#baseNav {
			position:absolute;
			top:262px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#6e6e6e;
			text-align:left;
			margin:0px 0px 0px 103px;
			z-index:1;
		}
		
			#aBaseNav:link {
				color: #6e6e6e;
				text-decoration: none;
			}

			#aBaseNav:visited {
				color: #6e6e6e;
				text-decoration: none;
			}
			
			#aBaseNav:hover {
				color: #4a4a4a;
				text-decoration: underline;
			}
			
			#aBaseNav:active {
				color: #6e6e6e;
				text-decoration: none;
			}
		
		#legal {
			position:absolute;
			top:292px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#a7a7a7;
			text-align:left;
			margin:0px 0px 0px 103px;
			z-index:1;
		}
		
		#footerBg {
			position:absolute;
			top:0px;
		}