@charset "utf-8";
/*
	______ - ________
	http://www.thewebshop.ca
	by: AJ Batac
	---------------------------------------------
*/

html, body {
	font-family:		Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, serif, sans-serif;
	font-size:			12px;
	margin:					0px;
	background:			#fff url(../img/layout/bg-top.jpg) top center no-repeat;
	text-align:			left;
	color:					#333;
}
/* pre resets */
html, div, p, table, form, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, blockquote, input, textarea, iframe, span {
	margin:			0px;
	padding:		0px;
	line-height:	1.2em;
	font-size:		1em;
}
td {
	line-height:	1.2em;
	font-size:		1em;
}
a img {
	border:0px;
	outline:none !important;
}
ul, ol {
	margin-top:		1.8em;
	margin-left:	3.4em;
	margin-bottom:	1.8em;
}
ul ul {
	margin-top:		.8em;
	margin-left:	2.4em;
	margin-bottom:	.8em;
}
li {
	line-height:1.5em;
	padding-bottom:.3em
}
p {
	margin-top:		.2em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
}
blockquote {
	margin-top:		.5em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
	background:url(../img/quote.jpg) no-repeat;
	padding-left:2.5em;
	margin-left:.5em
}
h1, .cms-article span.cms-heading {
	margin-top:.1em;
	margin-bottom:.6em;
	color:#0c9fa3;
	font:26px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;
	font-weight:normal;
}
h2 {
	margin-top:.9em;
	margin-bottom:.7em;
	color:#949084;
	font:21px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;
	font-weight:normal;
}
h3 {
	margin-top:.9em;
	margin-bottom:.7em;
	color:#949084;
	font:17px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;/*text-transform:uppercase*/
}
a:link, a:visited, a:active, a:hover {
	color:#64678e;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#2b2d48;
}
input {
	padding:.23em;
}
hr {
	height:1px !important;
	overflow:hidden;
	color:white;
	background-color:white;
	border:0px;
	border-bottom:1px dotted #dbdbdb;
	clear:both;
	display:block;
	margin-top:1.3em;
	margin-bottom:1.3em;
}
/* 
*	LAYOUT 
*/
.featured-category{
	margin:0 0;
	/*border:dotted 1px #999;*/
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
	.featured-category h2{
		color:#0ca0a4;
	}
#show-category-items{
	margin:0;
	/*border:dotted 1px #999;*/
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
	#show-category-items h2{
		color:#000;
	}
#cms,#layout-container {
	margin:0 auto;
	overflow:hidden;
	width:960px;
}
#masthead {
	margin:10px 0 0 0;
	height:195px;
}
#masthead-i {
	margin:10px 0 0 0;
	height:145px;
}
	#whslogo{
		float:left;
	}

	
		#whslogo img{
			width: 172px;
		}
	#sitedescription{
		padding:5px 0 0 0;
		width:300px;
		text-align:center;
		font-size:12px;
		color:#824579;
		line-height:1.3em;
		float: left;
		clear: both;
	}
		#sitedescription a:link,
		#sitedescription a:visited,
		#sitedescription a:active {
			color:#0c9fa3;
			text-decoration:underline;
		}
	#adoptawhspet{
		float:left;
		width:312px;
		height:117px;
		margin:60px 0 0 10px;
		overflow:hidden;
	}
	#adoptawhspet-i{
		float:left;
		width:312px;
		height:117px;
		margin:15px 0 0 85px;
		overflow:hidden;
	}	
	
	#donatetoday{
		float:left;
		background:url(../img/layout/donate.jpg) no-repeat;
		width:312px;
		height:117px;
		margin:60px 0 0 15px;
		overflow:hidden;
	}
	#donatetoday-i{
		float:left;
		background:url(../img/layout/donate_i.gif) no-repeat;
		width:312px;
		height:117px;
		margin:15px 0 0 15px;
		overflow:hidden;
	}
		#donatetoday-wrapper{
			margin:22px auto 0 auto;
			width:275px;
			text-align:center;
			color:#cdcdcd;
			font-size:16px;
			height:90px;
			overflow:hidden;
		}
		#donatelinks a:link,
		#donatelinks a:visited,
		#donatelinks a:active{
			color:#0c9fa3;
			text-decoration:underline;
			padding:0 5px;
			font-size:12px;
		}
		#donatebutton{
			margin:0 0 10px 0;
		}

#subnav{
	background:url(../img/layout/nav-interior-bg.gif);
	width:960px;
	height:50px;
	overflow:hidden;
}
	#subnav-logos{
		float:left;
		width:400px;
		overflow:hidden;
		margin:0 0 0 95px;
	}
	#subnav-search{
		float:right;
		width:255px;
		margin:0;
		padding:12px 0 0 0;
		color:#ceafca;
		font-size:14px;
	}
	#subnav-search label{
		padding-right:4px;
	}
	#subnav-search input{
		font-size:11px;
	}

#cms-container {
}
#main {
}
#header {
}
/* under, not in, header */
#menu-container {
}
#body {
}
#footer {
	width:auto;
	background-color:#77336d;
	margin:30px 0 0 0;
}
	#footer-container{
		width:960px;
		margin:0 auto;
		padding:30px 0;
		color:#fff;
	}
#canadaswebshop {
	float:left;
	font-size:10px;
	color:#999999;
}
#canadaswebshop a:link, #canadaswebshop a:active, #canadaswebshop a:visited, #canadaswebshop a:hover {
	font-size:10px;
	color:#999999;
	text-decoration:underline
}
#canadaswebshop a:hover {
	color:black;
}

#carousel-logos{
	float:left;
	margin:0 0 0 10px;
	overflow:hidden;
}
#search-front{
	color:#ceafca;
	margin:12px 0 0 0;
	text-align:right;
}
#search-front label{
	padding-right:5px;
}
#search-front input{
	font-size:11px;
}
#btn-search{
	
}

/* FRONT */
#front-columns{
	float:left;
	margin:5px 0 0 0;
	padding:10px 0 0 0;
	overflow:hidden;
	background:url(../img/layout/home-grid.gif) no-repeat;
}
	#front-columns-1{
		float:left;
		width:320px;
		overflow:hidden;
	}
	#front-columns-2{
		float:left;
		width:320px;
		overflow:hidden;
	}
	#front-columns-3{
		float:left;
		width:320px;
		overflow:hidden;
	}
.newsitem{
	padding:10px 0 0 0;
	height:110px;
	overflow:hidden;
}
.image-col{
	float:left;
	width:80px;
	height:70px;
	overflow:hidden;
}
.text-col{
	float:left;
	width:210px;
	color:#606060;
	font-size:12px;
}
	.text-col a:link,
	.text-col a:visited,
	.text-col a:active
	{
		color:#0c9fa3;
		text-decoration:none;
	}
	.text-col a:hover{
		color:#000;
	}
	.readmore{
		text-decoration:underline !important;
	}
.text-col-override{
	width:230px;
}
#bday,#cws{
	text-align:right;
}
#kid-kitten{
	float:right;
	margin:15px 0;
}
#gift-shop{
	margin:15px 0 0 0;
	text-align:right;
}
#kid-kitten-image{
	float:left;
	width:170px;
	height:130px;
	overflow:hidden;
	padding:0;
	margin:0;
}
#kid-kitten-list{
	float:left;
	background:url(../img/layout/bg-kid-kitten.jpg) repeat-x;
	width:134px;
	height:130px;
	overflow:hidden;
}
	#kid-kitten-list ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#kid-kitten-list li{
		list-style:none;
		margin:0;
		padding:0;
		color:#fff;
		width:134px;
	}
	#kid-kitten-list li a:link,
	#kid-kitten-list li a:active,
	#kid-kitten-list li a:visited{
		color:#fff;
		text-decoration:none;
		padding:7px 0 7px 8px !important;
		border-bottom:solid 1px #3cacaf;
		display:block;
	}
	#kid-kitten-list li a:hover{
		color:#fff;
		background:#098D90;
		opacity:.90;
		filter: alpha(opacity=90);
	}



/* INTERIOR */
#interior{
	line-height:1.6em;
	margin:10px 0 20px 0;
}
	#interior h1{
		color:#6c2d63;
		font-size:24px;
		margin-top:15px;
		margin-bottom:20px;
		font-size:28px;
	}
#interior-left{
	float:left;
	width:610px;
	padding:0;
	margin:0;
	overflow:hidden;
	color:#343434;
	line-height:1.6em;
}
#interior-right{
	float:right;
	width:305px;
	padding:0;
	margin:0;
	overflow:hidden;
}
	#events-container{
		background:url(../img/layout/events-container.gif);
		width:305px;
		height:112px;
		overflow:hidden;
	}
		#events-container-wrapper{
			width:260px;
			margin:30px auto;
			color:#666;
			font-size:14px;
		}
			#events-container-wrapper a:link,
			#events-container-wrapper a:active,
			#events-container-wrapper a:visited{
				font-size:12px;
				color:#666;
				text-decoration:underline;
			}
			#events-container-wrapper a:hover{
				color:#000;
			}
			#events-container-wrapper img{
				border:solid 2px #eee;
			}
		#events-container-wrapper h2{
			padding:0;
			margin:1px 0;
			color:#6B2C61;
		}
	#petfinder-container{
		background:url(../img/layout/petfinder-container.gif);
		width:305px;
		height:113px;
		overflow:hidden;
	}
		#petfinder-container #mrwhiskers{
			margin:24px 0 0 20px;
			padding:0;
			width:260px;
			font-size:20px;
			color:#6B2C61;
		}
		#petfinder-container a:link,
		#petfinder-container a:visited,
		#petfinder-container a:active{
			font-size:12px;
			color:#666;
			text-decoration:underline;
		}
		#petfinder-container a:hover{
			color:#000;
		}

/*	MENU's
	*----------->*/
/* 	================================================================================ */		
#menu-wrapper{
	height:50px;
	/*background:url(../img/menu/bg-active.gif) repeat-x;*/
}
#menu-wrapper-contact{
	height:50px;
	background:url(../img/menu/bg-active.gif) repeat-x;
}
#left-round-filler-active{
	float:left;
	background:url(../img/menu/left-round-filler.gif) no-repeat;
	width:15px;
	height:50px;
	overflow:hidden;
}
#left-round-filler-inactive{
	float:left;
	background:url(../img/menu/left-round-filler-inactive.gif) no-repeat;
	width:15px;
	height:50px;
	overflow:hidden;
}
div#menu-panel {
	float:left;
	z-index:10000;
	width:930px;
	height:50px;
	background:url(../img/menu/bg-menu.gif) repeat-x;
}
#right-round-filler{
	float:left;
	background:url(../img/menu/right-round-filler.gif) no-repeat;
	width:15px;
	height:50px;
	overflow:hidden;
}
#right-round-filler-active{
	float:left;
	background:url(../img/menu/right-round-filler-active.gif) no-repeat;
	width:15px;
	height:50px;
	overflow:hidden;
}
#carousel{
	width:960px;
	height:360px;
	background:url(../img/layout/bg.gif) no-repeat;
}
	#left-column{
		float:left;
		width:650px;
		overflow:hidden;
	}
		#left-column ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		#carousel-nav-container{
			float:left;
			margin:0 0 0 30px;
		}
		#left-column li{
			background:#6a3462;
			margin:0 0 0 1px;
			padding:9px 0;
			float:left;
		}
		#left-column #active-nav{
			background:#a07d9b;
		}
		#carousel-nav-container a:active,
		#carousel-nav-container a:link,
		#carousel-nav-container a:visited{
			color:#fff;
			text-decoration:none;
			padding:11px;
		}
		#carousel-nav-container a:hover{
			color:#FCF;
			background-color:#A07C9A;
			text-decoration:none;
		}
		.carousel-nav-active{
			color:#FCF;
			background-color:#75386C;
			text-decoration:none;
			padding:0;
			margin:0;
		}
		#carousel-canvas{
			width:625px;
			height:295px;
			margin:13px 0 0 15px;
		}
	#right-column{
		float:left;
		width:280px;
		overflow:hidden;
		margin:13px 0 0 8px;
		height:340px;
		color:#fff;
	}
	.padding-left{
		padding-left:10px;
	}
		#upcoming-events{
			font-size:18px;
		}
		#right-column a:link,
		#right-column a:visited,
		#right-column a:active{
			color:#fff;
		}
		#right-column a:hover{
			color:#000;
		}
		#event-snippet{
			color:#fff;
			margin:25px 0 0 0;
			padding:0 0 17px 0;
			font-size:14px;
			border-bottom:solid 1px #996891;
		}
		#event-snippet h2{
			color:#fff;
			margin:0;
			padding:0;
			font-size:20px;
		}
		#pet-finder-wrapper{
			border-bottom:solid 1px #996891;
			padding:0 0 17px 0;
		}
		#pet-finder{
			margin:17px 0 0 0;
			font-size: 18px;
		}
		#mrwhiskers{
			width:280px;
			font-size:20px;
		}
div#menu-panel div {
	float:left !important;
}
div#menu-panel span {
	display: none;
}
div#menu-panel div a, div#menu-panel div a.hover, div#menu-panel div a.hover-hot, div#menu-panel div a.current-page {
	float:left;
	padding:17px 26px;
	color:#77316b;
	font:14px Arial,Helvetica,Verdana,serif,Tahoma,sans-serif;
	text-decoration:none;
	vertical-align:middle;
	z-index:1000000;
 	white-space:nowrap;
	background:url(../img/menu/bg-menu.gif) repeat-x;
}
div#menu-panel div a.current-page {
	color:#ecd3e8;
	background:url(../img/menu/bg-active.gif) repeat-x;
}
div#menu-panel div a.hover {
	color:#ecd3e8;
	background:url(../img/menu/bg-hover.gif) repeat-x;
}
div#menu-panel div a.hover-hot {
	color:#ecd3e8;
	background:url(../img/menu/bg-hover.gif) repeat-x;
}
div#menu-panel div #a {
	padding:0px !important;
	margin:0px !important;
}
.menufixmargin {
	margin-top:1px !important;
	margin-left:-1px !important;
}
.menu-splitter {
	width:1px;
	overflow:hidden;
	height:50px;
	background:#f7ebf6;
	float:left;
}
/* helpers ============================>>>=====================>>>================ */
	
	.padded {
	padding:8px;
	font-family:inherit;
	color:inherit;
	font-size:inherit;
}
.float-right {
	float:right;
}
.float {
	float:left
}
.smaller {
	font-size:11px;
}
.lighter {
	color:#9a9a9a
}
.site-map-page {
	margin-bottom:1em;
}
.indent {
	padding-left:0px !important;
	padding-bottom:3px !important;
	padding-right:0px !important;
	padding-top:3px !important;
	margin:0px 0px 0px 0px !important;
}
.child-indent {
	padding-left:15px !important;
	padding-bottom:5px !important;
	padding-right:0px !important;
	padding-top:5px !important;
	margin:0px 0px 0px 0px !important;
}
.child-indent .child-indent {
	padding-bottom:3px !important;
	padding-top:3px !important;
}
.solid {
	margin:0px 0px 0px 0px !important;
	background-color:#e8e8e8;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	padding:.5em
}
.solid div {
	padding:4px;
}
#toc {
	width:650px;
	overflow:hidden;
	padding:15px 5px 0px 0;
	margin:20px 0 0 0;
}
#toc a:link,  #toc a:active {
	color:#0c9fa3;
	font:12px Arial;
	text-decoration:underline
}
#toc a:visited {
	color:#0c9fa3;
	font:12px Arial;
	text-decoration:underline
}
#toc a:hover {
	color:#000;
}
h4.related-toc {
	font-weight:normal;
	color:#999;
	font:22px Arial;
}
.dm-panel {
	border-top:1px dotted #d4d4d4;
	border-bottom:1px dotted #d4d4d4;
}
.dm-panel .child-indent {
	padding:2px 0px 2px 15px;
}
/*	==========================================================================================
	*	CMS Editorials 3
	*/	
.cms-article {
	font:12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #999999;
	line-height:1.4em
}
.cms-article span.cms-heading {
	font-size:1.4em;
	text-decoration:none;
	margin-bottom: 1.2em;
}
.cms-article a.cms-heading {
	font-size:1.4em;
	text-decoration:none;
	margin-bottom: 1.2em;
}
.cms-article .cms-sub-heading {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom: 1.3em;
}
.cms-article .cms-date {
	font: 0.8em Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.2em;
}
.cms-last-article {
	border-bottom:0px;
}
a.cms-perma-link:link,  a.cms-perma-link:visited,  a.cms-perma-link:active,  a.cms-perma-link:hover {
	font: 0.8em Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.8em;
	border-left:1px solid #CCCCCC;
	margin-left:3px;
	padding-left:3px;
	color:#999999;
	text-decoration:underline;
}
a.cms-perma-link:hover {
	color:#666666;
}
img.cms-article-image-thumb {
	margin-left:10px !important;
	margin-bottom:10px !important;
}
img.cms-article-image {
	margin-left:10px !important;
	padding-right:10px !important;
	margin-bottom:10px !important;
}
/*
*	Documents, and CMS:Search-Document type
*/

.results-pane {
	border-left:1px solid #CCCCCC
}
.results {
	margin:0px;
	font-size:1.3em;
	font-weight:bold;
	margin-top:.2em;
	border-bottom:1px solid #EEEEEE;
	padding-bottom:4px;
}
.document {
	margin-top:.6em;
	margin-bottom:.4em;
}
.document .desc {
	font-size:.9em !important;
	padding-bottom:1px;
	border-bottom:1px dotted #E5E5E5
}
.document .small {
	font-size:.8em
}
.filename {
	font-weight:bold;
	margin-bottom:.2em;
	display:block
}
/* 
*	Sitemap
*/
	.site-map-page {
	margin-bottom:1em;
}
.site-map-page .solid {
	background-color:#F3F9FE;
	border-top:1px solid #a0c9e9;
	padding:4px;
	padding-top:6px;
}
.site-map-page .solid a {
	color:#003366 !important
}
.site-map-page .child-indent {
	background:url(../img/sitemap.gif) no-repeat scroll 0 10px;
}
.site-map-page .child-indent a:link,  .site-map-page .child-indent a:visited,  .site-map-page .child-indent a:hover,  .site-map-page .child-indent a:active {
	color:#0064AF;
	text-decoration:underline;
}
.site-map-page .child-indent a:hover {
	color:#4B94CB;
}
.site-map-page .child-indent strong {
	border-bottom:2px outset #666666
}
.child-indent .child-indent {
	padding-bottom:3px !important;
	padding-top:3px !important;
}
.solid {
	margin:0px 0px 0px 0px !important;
	background-color:#e8e8e8;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
}
.solid div {
	padding:4px;
}
.solid a {
	text-decoration:none
}

#footer-container hr{
		margin-top:45px;
		border:none;
		border-top:solid 1px #96628f;
	}
	#footer-container ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#footer-container li{
		float:left;
		width:135px;
		overflow:hidden;
	}
	.fc-head{
		color:#c4c4c4;
		height:35px;
		width:137px !important;
		font-weight:normal !important;
	}
	.fc-sublist li{
		float:none !important;
	}
	.fc-sublist a:link,
	.fc-sublist a:active,
	.fc-sublist a:visited{
		color:#fff !important;
		text-decoration:none;
	}
	.fc-sublist a:hover{
		color:#6CC !important;
	}
	#copyright{
		font-size:10px;
		color:#bfa4bb;
	}
	#charitable{
		margin:5px 0 0 0;
	}
	.copyright-padding{
		padding-left:20px;
	}
	
	#event-snippet td {
		font-size: 12px;
	}
	
.pet-header {
	color: grey;
	font-weight: bold;
}

.pager-pages {
	display: inline; 
}

#carousel-canvas {
	position: relative;
}

#carousel-canvas a:link,
#carousel-canvas a:hover,
#carousel-canvas a:active,
#carousel-canvas a:visited {
	text-decoration: none;
}

#carousel-nav-container {
	width: 180px;
}

.carousel-image,
.carousel-overlay {
	position: absolute;
}

.canvas-overlay-text {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.gsc-tabsArea {
	display: none;
}

.pager {
	font-weight: bold; 
	font-size: 12px; 
	padding: 30px 0 30px 0;
	color: grey;
}

.pager a {
	padding: 5px;
}

.pager a.page {
	border: solid 1px #999;
	margin: 0 2px;
	padding: 5px 9px;
}

.pager span.current {
	border: solid 1px #999;
	color: #6C2D63;
	margin: 0 2px;
	padding: 5px 9px;
}


.quick-quote {
	font-size: 10px;
}

.quick-quote input {
	padding: 2px;
}

.quick-quote label {
	font-weight: bold;
}

.quick-quote ul.checkbox_list {
	margin: 2px;
}

.quick-quote ul.checkbox_list li {
	float: left;
	width: 40%;
	line-height: 1em;
	padding: 0;
}

.quick-quote th {
	text-align: right;
	width: 200px;
}

.quick-quote input,
.quick-quote select,
.quick-quote textarea {
	margin: 2px;
}

.error_list {
	float: right;
	color: red;
	margin: 0;
}

.error_list li {
	list-style-type: none;
}