* {
	padding: 0px;
	margin: 0px;
}

html, body{
	margin:0;
	padding:0;
	text-align:center;
	background: url(../_i/bg_page.png) repeat-x;
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585648;
} 
h1,h2,h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1 {
	color: #8E9C30;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 20px;
}
h2 {
	font-size: 16px;
	color: #92B615;
	margin: 0px 0px 5px;
}
h3 {
	font-size: 16px;
	color: #E06240;
	margin-bottom: 10px;
}

.clear {
	clear: both;
}


/* Page ---------------------------------------------------------------------------------------  */  

#pagewidth{ 
	top: 0px;
	left: 0px;
	position: relative;
	width:960px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
} 
#pagewidth a {
	color: #57C0DB;
	text-decoration: underline;
}
#pagewidth a:hover {
	color: #e06240;
	text-decoration: none;
}

#header{
	top: 0px;
	left: 0px;
	position:relative;
	height:150px;
	width:960px;
	background: url(../_i/logo.png) no-repeat;
	z-index: 1000;
} 

#header .home_link {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 230px;
	height: 150px;
	cursor: pointer;
	z-index: 2000;
}

#nav{
	height: 100px;
	width: auto;
	top: 0px;
	right: 0px;
	position: absolute;
}

#nav a{
	text-decoration: none;
}

#logbox{
	height: 60px;
	width: 300px;
	position: relative;
	margin-left: 600px;
	top: 90px;
} 
 
#maincontent{
	float: left;
	display: inline;
	position: relative;
	width: 600px;
}
#maincontent p {
	margin-bottom: 10px;
}
#maincontent li ul, li ol {
	margin: 0 10px 0px;
}
#maincontent li {
	margin-bottom: 10px;
	line-height: 15px;
}
#maincontent ul {list-style-type:disc;}
#maincontent ol {list-style-type:decimal;}

#maincontent .floatImageRight {
	float:right;
	padding: 5px 5px 10px 15px;
}

#maincontent .floatImageLeft {
	float:left;
	padding: 5px 15px 10px 5px;
}

#maincontent .floatImageCentre {
	float:left;
	padding: 15px 10px 10px 5px;
	margin-left:125px;
}

#maincontent #latestnews {
	float: left;
	height: auto;
	width: 365px;
	padding: 0px 0px 0px 15px;
}

#maincontent .post {
	color: #999999;
}
#maincontent #latestpets {
	float: left;
	height: auto;
	width: 570px;
	padding: 0px 0px 0px 10px;
}

#maincontent #latestpets img {
	margin: 0px 10px 20px 0px;
	float: left;
}

#maincontent #latestpets .showlatestpet {
	float: left;
	height: auto;
	width: 270px;
	margin: 0px 10px 0px 0px;
}
#maincontent #topten_frontpage {
	float: left;
	width: 200px;
	background: url(../_i/bg_topten_frontpage.png) no-repeat;
	height: 320px;
	padding-left: 20px;
	padding-top: 45px;
	font-size: 12px;
}
#maincontent #topten_frontpage a {
	display: block;
	height: 20px;
	width: 180px;
	border-bottom: 1px dashed #EBF283;
	padding-left: 5px;
	color: #585648;
	text-decoration: none;

}
#maincontent #topten_frontpage a:hover {
	color: #E06240;
	background: #EBF283;
}
#maincontent #topten_frontpage .full_list {
	height: 100px;
	border-style: none;
	display: block;
}

#maincontent #topten_frontpage .full_list:hover {
	background: none;
}

#maincontent #hero {
	float: left;
	height: 300px;
	width: 600px;
	background: url(../_i/bg_hero_large.png) repeat-x;
}

#maincontent #hero_short {
	float: left;
	height: 210px;
	width: 600px;
	background: url(../_i/bg_hero_large.png) repeat-x;
}

#maincontent #clear_hero_section{
	float: left;
	height: auto;
	min-height: 400px;
	width: 600px;
	background: url(../_i/bg_hero_large.png) no-repeat;
	padding-top: 15px;
}

#maincontent #clear_hero_section h1{
	margin-top: 15px;
	margin-bottom: 20px;

}

#maincontent #pet_section {
	padding: 0px 15px 0px 15px;
	float: left;
	width: 550px;
}

#maincontent #pet_section h1{
	padding: 5px 0px 10px 0px;
}

#maincontent #pet_section .pet_profile {
	top: 0px;
	left: 0px;
	position: relative;
	border-bottom: 1px dashed #999999;
	float: left;
	width: 550px;
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#maincontent #pet_section  img {
	float: left;
	margin: 0px 10px 0px 0px;
}
#maincontent #pet_section .description {
	float: left;
	width: 350px;
	padding-bottom:10px;
}
#maincontent #pet_section .description p{
	margin-top: 0px;
	margin-bottom: 0px;
}

#maincontent #pet_section .arrived {
	color: #92B615;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}
#maincontent #pet_section .price {
	bottom: 0px;
	right: 0px;
	position: absolute;
	color: #fff;
	font: 24px Georgia, "Times New Roman", Times, serif;
	background: url(../_i/bg_price.png) no-repeat;
	float: right;
	height: 35px;
	width: 155px;
	padding-left: 20px;
	padding-top: 0px;
}
#maincontent #pet_section .sold {
	bottom: 0px;
	right: 0px;
	position: absolute;
	color: #fff;
	font: 24px Georgia, "Times New Roman", Times, serif;
	background: url(../_i/bg_sold.png) no-repeat;
	float: right;
	height: 35px;
	width: 155px;
	text-align:right;
	padding-right: 20px;
	padding-top: 0px;
}

#maincontent #pet_section .price .gst {
	font-size: 11px;
}
#maincontent #generic_content {
	float: left;
	height: auto;
	width: 530px;
	padding: 15px 20px 0px 20px;
}

#maincontent #generic_content .boxContainer {
	height: auto;
	width: 540px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#maincontent #generic_content .news_article{
	float: left;
	height: auto;
	margin: 0px 0px 10px;
	min-width: 530px;
}

#maincontent #generic_content .news_article .specialImage{
	float: left;
	height: auto;
	width: 540px;
	margin: 5px 0px 10px 0px;
}

#maincontent #generic_content .news_article img {
	margin: 0px 10px 0px 0px;
	float: left;
}

#maincontent #spike_info {
	height: 65px;
	width: 450px;
	background: url(../_i/bg_spike_info.png) no-repeat left bottom;
	font: 14px/65px Georgia, "Times New Roman", Times, serif;
	padding-left: 80px;
}




#maincontent #generic_content li {
	margin-left: 25px;
	margin-bottom: 10px;
 	line-height: 15px;
}
#maincontent #generic_content ul {
	list-style-type:disc;
	margin-bottom: 30px;
	padding-top: 10px;
}

#maincontent #generic_content .getacrobat {
	padding: 15px 20px 10px 20px;
	float: right;
}

#maincontent #generic_content .top_ten {
	float: left;
	width: 250px;
	padding: 10px 15px 15px 10px;
	font-size: 12px;
}

#maincontent #generic_content .top_ten p{
	padding-left: 20px;
	padding-right: 5px;
}


/* Right Column ---------------------------------------------------------------------------------------  HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/  

#rightcol {
	width: 360px;
	_width: 360px;
	float: right;
	height: auto;
	background: url(../_i/bg_hero.png) repeat-x;
	padding-bottom: 20px;
}

#rightcol .pugs_products_small {
	display:block;
	height: 110px;
	width: 360px;
	float: right;
	position: relative;
	background: url(../_i/pugs_products_small.png) no-repeat;
	cursor: pointer;
}


#rightcol .spikes_specials_small {
	display:block;
	height: 110px;
	width: 360px;
	float: right;
	position: relative;
	background: url(../_i/spikes_deals_small.png) no-repeat;
	cursor: pointer;
}


#rightcol #spikes_specials {
	height: 210px;
	width: 225px;
	float: right;
	position: relative;
	background: url(../_i/bg_spikes_specials.jpg) no-repeat;
	font-size: 12px;
	line-height: 15px;
	padding: 90px 120px 0px 15px;
}

#rightcol #spikes_specials h3 {
	margin: 0px 0px 5px;
}
#rightcol #spikes_specials p {
	margin: 0px 0px 5px;
}
#rightcol #spikes_specials a {
	color: #585648;
	text-decoration: none;
}
#rightcol #spikes_specials a:hover {
	color: #78CDE2;
	text-decoration: none;
}

#rightcol .module {
	height: auto;
	float: right;
	width: 330px;
	margin: 0px 0px 15px;
	padding: 0px 15px;
}
#rightcol .module img {
	float: left;
	margin-right: 10px;
}
#rightcol .module .column {
	float: left;
	margin: 0px 0px 0px 15px;
}

/* Pet Navigation --------------------------------------------------------------------------------------- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */  

#rightcol #pet_navigation {
	background: url(../_i/bg_petcategoriesAll.png) no-repeat;
	width: 210px;
	float: left;
	font-size: 12px;
	padding: 50px 10px 10px 140px;
	line-height: 14px;
}
#rightcol #pet_navigation .pet_category {
	margin-bottom: 30px;
	height: 100px;
	width: auto;
}

#rightcol #pet_navigation .pet_category h2 a{
	text-decoration:none;
	font-size: 16px;
	color: #92B615;
	margin: 0px 0px 5px;
}

#rightcol #pet_navigation p {
	margin: 0px 0px 5px;
}

#rightcol #awards {
	top: 0px;
	left: 0px;
	position: relative;
	width: 300px;
	height: 92px;
	background: url(../_i/awards.jpg) no-repeat;
	margin-top: 10px;
	text-align: left;
}

#rightcol #awards #box1 {
	top: 0px;
	left: 0px;
	position: relative;
	height: 92px;
	width: 140px;
	cursor: pointer;
}

#rightcol #awards #box2 {
	top: 0px;
	left: 0px;
	position: relative;
	height: 92px;
	width: 140px;
	float: right;
	cursor: pointer;
}


#bottom {
	background: url(../_i/bg_footer.png) repeat;
	padding: 0px 0px 0px 0px;
	height: 250px;
	width: 100%;
	clear: both;
}

 
#footer{
	height: 180px;
	clear: both;
	background: url(../_i/bg_hours.png) no-repeat right;
	width: 940px;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
} 
#footer h1 {
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 0px;
}

#footer .copyright {
	float: left;
	height: 140px;
	width: 460px;
}
#footer .copyright  a {
	color: #e06240;
}
#footer .copyright  a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .hours {
	float: right;
	height: 140px;
	width: 265px;
}

#footer .btt {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 920px;
	height: 20px;
	text-align: right;
	float: left;
}

 
/* *** Hero Banners */
#hero_banner {
	top: 70px;
	left: 0px;
	position: absolute;
	height: 380px;
	width: 600px;
	z-index: 100;
}

#hero_banner_short {
	top: 70px;
	left: 0px;
	position: absolute;
	height: 290px;
	width: 600px;
	z-index: 100;
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*                       HERO IMAGE CLASS                                                                */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.hero_index_default {
	background: url(../_i/hero/index_default.jpg) no-repeat;
}

.hero_dog {
	background: url(../_i/hero/dogs.jpg) no-repeat;
}

.hero_cat {
	background: url(../_i/hero/cats.jpg) no-repeat;
}

.hero_bird {
	background: url(../_i/hero/birds.jpg) no-repeat;
}

.hero_reptile {
	background: url(../_i/hero/reptiles.jpg) no-repeat;
}

.hero_small {
	background: url(../_i/hero/smallanimals.jpg) no-repeat;
}

.hero_fish {
	background: url(../_i/hero/fish.jpg) no-repeat;
}

.hero_our_paradise {
	background: url(../_i/hero/ourParadise.jpg) no-repeat;
}

.hero_our_products {
	background: url(../_i/hero/ourProducts.jpg) no-repeat;
}

.hero_spike {
	background: url(../_i/hero/spike.jpg) no-repeat;
}

.hero_club_paradise {
	background: url(../_i/hero/clubParadise.jpg) no-repeat;
}

.hero_party {
	background: url(../_i/hero/parties.jpg) no-repeat;
}

.hero_faq {
	background: url(../_i/hero/faq.jpg) no-repeat;
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

#hero_banner .content {
	top: 0px;
	left: 20px;
	position: relative;
	width: 300px;
	margin-top: 185px;
	color: #585648;
	font-size: 13px;
	line-height: 16px;
}
#hero_banner .content p {
	margin: 0px 0px 10px;
}


#hero_banner h2 {
	font-weight: normal;
}

#hero_banner .banner {
	bottom: 6px;
	left: 15px;
	position: absolute;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#hero_banner .banner a {
	color: #6c4461;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
}

#hero_banner .banner a:hover {
	text-decoration: none;
}

/* short repeat */

#hero_banner_short .content {
	top: 0px;
	left: 20px;
	position: relative;
	width: 300px;
	margin-top: 145px;
	color: #585648;
	font-size: 13px;
	line-height: 16px;
}
#hero_banner_short .content p {
	margin: 0px 0px 10px;
}


#hero_banner_short h2 {
	font-weight: normal;
}

#hero_banner_short .banner {
	bottom: 14px;
	left: 15px;
	position: absolute;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#hero_banner_short .banner a {
	color: #6c4461;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
}

#hero_banner_short .banner a:hover {
	text-decoration: none;
}

#socialmedia {
	float: right;
	margin-top: 15px;
	margin-right: -20px;
	position: relative;
	width: 145px;
	height: 35px;
	background: url(../_i/socialmedia.png) no-repeat;
}

#facebook {
	top: 0px;
	left: 72px;
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#twitter {
	top: 0px;
	left: 108px;
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
}


table.productLogoTable td
{
height:auto;
vertical-align:middle;
padding: 10px 5px 25px 0px;
}

table.foodLogoTable td
{
height:auto;
vertical-align:middle;
padding: 10px 20px 5px 20px;
}

/* -----------------------------------------------------------------------------  */
 
 /* *** Float containers fix:  */ 
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincolumn{width:100%; float:none;}
}