@charset "UTF-8";
/*
Stylesheet Name: SmartPak Homepage Styles
Description: These styles define web objects that are rendered in the Homepage Templates.
Version: 1.0
Author: Steven Maguire
*/
.homeRow .c515				{width: 505px;}
.homeRow .c260				{float: right;}
.homeCon, .homeRow, .featureRow, .secondRow			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.secondRow			{height: 180px; overflow: hidden;}
.homeRow					{margin: 0px 0px 10px 0px;}
.featureRight				{margin: 0px 0px 0px 11px; padding: 0px; width: 239px; height: auto; float: left; clear: none;}
.featurette, .featuretteSwap				{margin: 0px 0px 0px 17px; padding: 0px; width: 180px; height: 180px; float: left; clear: none; position: relative; overflow: hidden;}
.secondRow img				{position: absolute; top: 0; left: 0;}
.secondRow img.pos1		{clip: rect(0 180px 180px 0); left: 0;}
.secondRow img.pos2		{clip: rect(0 360px 180px 180px); left: -180px;}
.secondRow img.pos3		{clip: rect(0 540px 180px 360px); left: -360px;}
.secondRow img.pos4		{clip: rect(0 720px 180px 540px); left: -540px;}
.secondRow img.pos5		{clip: rect(0 900px 180px 720px); left: -720px;}
.secondRow img.pos6		{clip: rect(0 1080px 180px 900px); left: -900px;}
.secondRow img.pos7		{clip: rect(0 1260px 180px 1080px); left: -1080px;}
.secondRow img.pos8		{clip: rect(0 1440px 180px 1260px); left: -1260px;}
.secondRow img.pos9		{clip: rect(0 1620px 180px 1440px); left: -1440px;}
.secondRow img.pos10		{clip: rect(0 1800px 180px 1620px); left: -1620px;}

.featureRight img, .featurette	img			{border: none;}
#featOne				{margin: 0px 0px 0px 0px;}
.secondRow				{margin: 5px 0px 10px 0px;}

ul.featuresColumn			{margin: 0px; padding: 0px; width: 100%; height: auto; list-style-type: none; background: none;}
ul.featuresColumn li		{margin: 0px 0px 10px 0px; padding: 0px; width: 100%; height: auto; display: block;}
ul.featuresColumn li.testimonial		{padding: 20px 10px 10px 10px; width: 237px; border: 1px solid #4183BD; background: #D8E4FE url(/images/05_Homepage/bkgd_testimonial.gif) no-repeat top center;}
ul.featuresColumn li.testimonial blockquote		{margin: 0px; padding: 10px; font: 18px/22px Georgia, "Times New Roman", Times, serif; color: #333;}
ul.featuresColumn li.testimonial span		{display: block; text-align: right;}
ul.featuresColumn li img		{margin: 0px; padding: 5px; background: #fff; border: 1px solid #ccc;}
ul.featuresColumn li.testimonialHome		{margin: 0px 0px 10px 0px; padding: 5px; width: 247px;  background: #fff; border: 1px solid #ccc;}
ul.featuresColumn li.testimonialHome blockquote		{margin: 0px; padding: 40px 10px 10px 10px; width: 227px; background: #D8E4FE url(/images/05_Homepage/bkgd_testimonial.gif) no-repeat top center; background-position: 15px 5px; font: 18px/22px Georgia, "Times New Roman", Times, serif; color: #333;}
ul.featuresColumn li.testimonialHome blockquote	a	{display: block; text-align: right; font-size: 16px;}

.homeNewsCon, .homeNews					{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.homeNewsCon					{margin: 0px; width: 504px; border-right: 1px solid #eee;}
.homeNews					{padding: 10px 0px 0px 0px; border-top: 1px solid #eee;}
.homeNewsImg				{margin: 0px; padding: 5px 5px 25px 5px; width: 80px; height: auto; float: left; clear: none; border: 1px solid #ccc; background-position: bottom center; background-repeat: no-repeat;}
.homeNews#PeekPak .homeNewsImg				{background-image: url(/images/05_Homepage/news_peek_bkgd.gif);}
.homeNews#AskVet .homeNewsImg				{background-image: url(/images/05_Homepage/news_vet_bkgd.gif);}
.homeNews#Stars .homeNewsImg				{background-image: url(/images/05_Homepage/news_starsearch_bkgd.gif);}

.homeNewsText				{margin: 0px 10px; padding: 0px; width: 392px; height: auto; float: left; clear: none; display: inline;}
.homeNewsText h3				{margin: 0px 0px 5px 0px; padding: 0px;}

.customerFavorites			{margin: 0px; padding: 45px 20px 10px 20px; width: 729px; height: 192px; float: right; clear: both; background: url(/images/05_Homepage/bkgd_customerFavorites.gif) no-repeat top center;}
ul.favoriteProducts			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; list-style-type: none;}
ul.favoriteProducts li			{margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; width: 180px; height: 87px; float: left; border: none; font-size: 12px; overflow: hidden;}
ul.favoriteProducts li img			{margin: 0px 5px 5px 5px; padding: 0px; float: left;}