/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }

/*	---------------------------
			GLOBAL
	--------------------------- */
html { background-color:#eee; }
header { display: block; }
section { display:block; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; }

button,
.btn-submit { display: inline-block; width: 87px; height: 33px; line-height: 33px; }

/* ----- Generic ----- */
.clear { *height: 1%; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.alt { display: none; }

/* ----- Form Errors ----- */
form .error { color: #c00; }
form .error input,
form .error textarea { margin: -1px; border: 2px solid #c00; }
form .error p.error { margin-left: 132px; margin-bottom: 0; font-size: 11px; }

/*	---------------------------
			LAYOUT
	--------------------------- */
div.content-wrap { position:relative; width:994px; margin:auto; }
div.main {  }

.column-left { float: left; width: 735px; }
.column-right { float: left; width: 230px; }
	
/* ----- header ----- */
header .hgroup.masthead { display: block; min-height: 110px; }
header .masthead h1, 
header .masthead h1 a { font-size:26px; font-weight: 400; line-height: 26px; }
header .masthead h2 { font-size:14px; }

/* ----- nav ----- */
#page-header { position: relative; z-index: 4250; }
header .nav li,
footer .nav li { position: relative; float: left; }
header li a { display: block; text-align: center; overflow: hidden; }
header li a.tab1 { width: 166px; }
header li a.tab2 { width: 157px; }
header li a.tab3 { width: 166px; }
header li a.tab4 { width: 183px; }
header li a.tab5 { width: 168px; }
header li a.tab6 { width: 154px; }
header #main-nav .sub-nav { position: absolute; display: none; top: 45px; left: 10px; z-index: 3000;}
header #main-nav .sub-nav ul { background: none; height: auto; width: auto; }
header #main-nav .sub-nav li { height: auto; width: auto; float: left;}
header #main-nav .sub-nav li a { height: auto; width: auto; font-size: 12px; line-height: 16px; text-align: left; }
header #main-nav .sub-nav .service-list {width: 50%; float: left;}
header #main-nav .sub-nav .service-list.right li {border-right: none;}


footer .nav { float: left; width: 630px; margin-top: 35px; margin-left: 6px; overflow: hidden; }
footer .nav ul { margin-left: -1px; }
footer .nav li { padding: 0 10px; border-left: 1px solid #fff; }

/* ----- login box ----- */
#login {
	position: absolute;
	display: block;
	height: 78px;
	width: 405px;
	top: 0;
	right: 10px;
	padding: 3px 12px 6px 12px;
}
#login h2 { margin-bottom: 2px; font-size: 12px; }
#login p { margin-top: 2px; font-size: 12px; text-align: right; width: 401px; }
#login strong { font-weight: bold; }
#login button { height: 32px; width: 87px; border: 0; } 
#login input { display: block; float: left; height: 24px; padding: 3px; border: 1px solid #ccc; border-width: 1px 0 0 1px; }
#login .email { width: 191px; margin-right: 8px; _margin-right: 6px; }
#login .psswd { width: 91px; margin-right: 8px; _margin-right: 6px; }


/*newer temp login button styles*/
#login.simple-login a#sign-in {display: block; float: right; margin: 20px 30px 0 0;}
#login.simple-login button {text-transform: uppercase;line-height: 28px;}
#login.simple-login .login-text {width: 60%; display: block; float: left; margin-left: 15px; margin-top: 9px;}
#login.simple-login .login-text h2, 
#login.simple-login .login-text p, 
#login.simple-login .login-text a {text-align: left; width: auto;}
#login.simple-login .login-text h2 {font-size: 18px; line-height: 1.3;}



.welcome { position: relative; width: 966px; height: 388px; }
.welcome section, 
.welcome .article,
#wlcm-1,
#wlcm-2,
.welcome img,
.welcome .virtual-tour-btn { position: absolute; }
.welcome-msg { overflow: hidden; text-overflow: elipses; }
.welcome .virtual-tour-btn a { display: block; }
.welcome .notice { position: absolute; width: 465px; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; }
.welcome .notice .article { display: block; position: relative; }
.contact .address { float: left; width: 155px; }
.contact .hours { float: left; margin-left: 5px; width: 135px; }
.contact .hours dt { float: left; width: 50px; padding-right: 5px; text-align: right; }

.main-content { position: relative; margin-right: 15px; padding: 23px 33px 17px 23px; }
.main-content nav.breadcrumbs { position: absolute; top: 0; font-size: 11px; }
.main-content nav.breadcrumbs a { font-weight: 400; }
.main-content header { background: none; }
.main-content .contact-info li { margin-bottom: auto; border-bottom: 0; }

/*	----- Module grid ---- */
.mod-grid { position: relative; }
.mod-grid .header { position: relative; }
.mod-grid .mod-container .box { float: left; }
.mod-grid .box { margin-bottom: 12px; overflow: hidden; }
.mod-grid .column-left .box { margin-right: 15px; }
.mod-grid .header a.more { position: absolute; bottom: 4px; right: 0; }

/* ----- Footer ----- */
footer { display: block; margin-top: 14px; }
footer .contact-info { float: right; width: 340px; margin-top: 35px; padding-right: 14px; font-size: 12px; overflow: hidden; }
footer .contact-info .address { float: right; width: 205px; }
footer .contact-info figure { float: right; width: 135px; }
footer .contact-info .address li { padding-right: 10px; text-align: right; }
footer .accrediation { float: left; margin-top: 27px; margin-left: 15px; }
footer .copyright { width: 964px; padding: 10px 15px; font-size: 11px; line-height: 12px; }
footer hr { display: block; position: relative; margin: 3px auto; padding: 0; width: 100%; height: 0; max-height: 0; clear: both; border: none; font-size: 1px; line-height: 0; overflow: visible; }


/* ----- TEMPORARY HIDE ----- */
.search { display: none; }

/* ----- RTE ----- */
.rte h1 { margin-bottom: 0; border: 0; }
.rte strong,
.rte b { font-weight: 900; }
.rte em,
.rte i { font-style: italic; }
.rte u { text-decoration: underline; }
.rte ol { margin-bottom: 1em; list-style-type: decimal; }
.rte ul { margin-bottom: 1em; list-style-type: disc; }
.main-content .rte ul li,
.main-content .rte ol li { margin-left: 50px; list-style: outside; border: none; min-height: 0; padding: 0; }
.main-content .rte ol li { list-style-type:decimal; vertical-align:top; }
.main-content .rte ul li { list-style-type:disc; vertical-align:top; }

/*	------------------------------
		Module Specific Styles
	------------------------------ */
/* ----- Generic ----- */
.module-body .carouselWrapper .carousel-arrow-right,
.module-body .carouselWrapper .carousel-arrow-left { position: absolute; display: block; width: 22px; height: 22px; }
.mod-rows-1 { height: 195px; }
.mod-rows-2 { height: 340px; }
.mod-rows-3 { height: 547px; }
.mod-cols-1 { width: 230px; }
.mod-cols-2 { width: 475px; }
.mod-cols-3 { width: 720px; }

/* ----- Online Store ----- */
.mod-online-store div.module-body { padding: 0; font-size: 12px; }
.mod-online-store header q { position: absolute; width: 100%; top: 0; left: 0; text-align: center; }
.mod-online-store.mod-cols-1 header q { display: none; }	
/* Products */
div.hproduct { position: relative; display: block; float: left; width: 196px; height: 126px; line-height: 16px; }
div.hproduct div.figure { position: absolute; top: 0; right: 0; height: 75px; width: 67px; overflow: hidden; }
div.hproduct div.figure img { display: block; }
div.hproduct .button { position: absolute; display: block; top: 75px; right: 0; width: 65px; text-align: center; }
div.hproduct .more { position: absolute; top: 108px; left: 0; }
div.hproduct .content { position: relative; width: 117px; height: 100px; overflow: hidden; }
div.hproduct .content p { text-overflow: ellipsis; }
.mod-cols-3 div.hproduct { margin-left: 20px; margin-right: 20px; }
.mod-cols-1 div.hproduct { margin-left: 11px; margin-right: 11px; }
.mod-rows-3 div.hproduct { margin-top: 20px; padding-bottom: 21px; }
.mod-rows-2 div.hproduct { margin-top: 11px; padding-bottom: 11px; }
.mod-rows-2.mod-cols-1 div.hproduct { padding-bottom: 10px; }
.mod-rows-1 div.hproduct { margin-top: 12px; padding-bottom: 13px; }

/* ----- Our Staff ----- */
.mod-our-staff div.module-body { padding: 0; }
.mod-our-staff .staff-mbr { position: relative; display: block; float: left; height: 80px; width: 200px; font-size: 12px; line-height: 16px; overflow: hidden; }
.mod-our-staff .figure { float: left; margin: 0 9px 5px 0; height: 78px; width: 78px; overflow: hidden; }
.mod-our-staff .nav-background { display: block; height: 26px; width: 100%; }
.mod-our-staff .carouselWrapper .carousel-arrow-left { left: 4px; top: -29px; }
.mod-our-staff .carouselWrapper .carousel-arrow-right { right: 3px; top: -29px; }
.mod-cols-3 .staff-mbr { margin-left: 18px; margin-right: 18px; }
.mod-cols-2 .staff-mbr { margin-left: 16px; margin-right: 16px; }
.mod-cols-1 .staff-mbr { margin-left: 10px; margin-right: 10px; }
.mod-rows-1 .staff-mbr { padding-top: 16px; padding-bottom: 16px; }
.mod-rows-3 .staff-mbr { padding-top: 7px; padding-bottom: 6px; }

/* ----- Featured Pets ----- */
div.pet { display: block; min-height: 125px; *height: 125px; }
.mod-cols-1 div.pet,
.mod-cols-2 div.pet { margin-left: 30px; margin-right: 30px; }
.mod-cols-3 div.pet { margin-left: 40px; margin-right: 40px; }
.mod-rows-1 div.pet { margin-top: 12px; margin-bottom: 12px; }
.mod-rows-3 div.pet { padding: 18px 0; }
.mod-pets div.module-body { padding: 0; }
.mod-pets .figure { float: left; width: 133px; margin: 0 14px 0 16px; }
.mod-pets .figure img { display: block; }
.mod-pets .figcaption { display: block; padding: 3px 0; text-align: center; }
.mod-pets .figcaption strong { font-weight: bold; }
.mod-pets blockquote { margin-right: 16px; }
.mod-pets.mod-cols-1 blockquote { display: none; }

.mod-pets .carouselWrapper .carousel-arrow-right { top: 51px; right: 0; }
.mod-pets .carouselWrapper .carousel-arrow-left { top: 51px; left: 0; }
.mod-pets.mod-rows-1 .carouselWrapper,
.mod-pets.mod-rows-1 .carouselWrapper .carousel,
.mod-pets.mod-rows-1 .carouselWrapper .carousel .carouselItem { height: 150px; }

/* ----- Adopt ----- */
.mod-adopt div.module-body { padding: 0; }
.mod-adopt.mod-cols-1 ul.adoptable { padding: 0 5px; }
.mod-adopt.mod-cols-2 ul.adoptable { padding: 0 10px; }
.mod-adopt ul li { float: left; border: 0; margin: 15px 4px 10px; text-align: center; text-transform: uppercase; }
.mod-adopt.mod-cols-2 ul.adoptable li { margin-right: 8px; margin-left: 7px; }
.mod-adopt figure { display: block; }
.mod-adopt figcaption { display: block; }

/* ----- Newsletter ----- */
.mod-newsletter form { text-align: center; }
.mod-newsletter input { float: left; width: 100px; }

/* ----- Blog Categories ----- */
.mod-blog-cats li { font-size: 18px; line-height: 36px; }


/*	------------------------------
		Page Specific Styles
	------------------------------ */

/* ----- Blogs ----- */


/* ----- Contact Us ----- */
.main-content .vcard ul li { border: 0; margin-bottom: 0; }

/* ----- Care Guides ----- */
.care-guides section { margin-left: 200px; }
.care-guides dd { margin-bottom: 1.3em; }
.care-guides nav.animal-types { position: absolute; top: 1px; left: 1px; }
.care-guides nav.animal-types ul { width: 196px; }
.care-guides nav.animal-types a { display: block; width: 194px; height: 47px; line-height: 47px; }
.care-guides nav.animal-types a span { display: block; float: left; width:54px; height: 47px; margin-right: 10px; }

/* ----- Conotact Us ----- */
.contact-us .vcard { float: left; width: 240px; } 
.contact-us .map { display: block; float: left; height: 200px; width: 400px; overflow: hidden; }
.contact-us .contact-form { clear: left; padding-top: 20px; }
.contact-us form label { display: inline-block; width: 70px; vertical-align: top; }
.contact-us form div.form { margin-bottom: 10px; }
.contact-us form input,
.contact-us form select { width: 200px; }
.contact-us form textarea { width: 560px; height: 250px; }
.contact-us form .buttons { width: 635px; text-align: right; }
.contact-us form .error p.error { margin-left: 75px; }
.contact-us form #captcha-container {position: relative; width: auto; margin-bottom: 15px; padding: 0 27px 0 74px;}
#captcha-error {display: none; font-weight: bold; color: red; margin-left: 7px;}


/* ----- Our Staff ----- */
.our-staff .clinic-intro .intro { float: left; width: 422px; margin-right: 23px; }
.our-staff .clinic-intro .addl-info { float: left; width: 218px; font-size: 12px; }
.our-staff .staff { font-size: 12px; line-height: auto; }
.our-staff .staff li { position: relative; padding-top: 25px; padding-bottom: 15px; border-bottom: 0; min-height: 130px; }
/*.our-staff .staff .figure { position: absolute; top: 25px; left: 0; margin-right: 13px; height: 78px; width: 78px; overflow: hidden; }*/
.our-staff .staff .bio {   float: left; margin-right: 18px; width: 403px; }
.our-staff .staff .no-facts .bio { float: none; width: auto; margin-right: 0; }
.our-staff .staff .bio h2 { font-size: 14px; }
.our-staff .staff dl { float: left; width: 218px; padding-left: 23px; }
.our-staff .staff dd { margin-bottom: 0.7em; }
.our-staff .staff .years,
.our-staff .staff .email { display: inline-block; }
.our-staff .staff img {
  border-color: #DCDCDC;
  float: left;
  margin-right: 13px;
  max-height: 130px;
  max-width: 130px;
}
/* ----- Pet Gallery ----- */	
.pets .pets li { position: relative; float: left; min-height: 151px; _height: 151px; padding: 14px; }
.pets .pets li .figure { position: relative; display: block; padding: 8px; background-color: #fff; border: 1px solid #ccc;  -moz-box-shadow: 2px 2px 5px #545454; -webkit-box-shadow: 2px 2px 5px #545454; box-shadow: 2px 2px 5px #545454; z-index: 41; }
.pets .pets li img { display: block; }
.pets .pets .quote { position: absolute; display: block; top: -6px; right: -6px; height: 30px; width: 30px; z-index: 56; }
.pets .pets .rotate3 .quote,
.pets .pets .rotate2 .quote,
.pets .pets .rotate1 .quote,
.pets .pets .rotate-1 .quote,
.pets .pets .rotate-2 .quote,
.pets .pets .rotate-3 .quote { top: -9px; right: -8px; }
.pets .pets blockquote { position: absolute; top: 10px; right: -200px; width: 200px; padding: 10px; background-color: #fff; z-index: 51; -moz-box-shadow: 2px 2px 5px #545454; -webkit-box-shadow: 2px 2px 5px #545454; box-shadow: 2px 2px 5px #545454; }

.pets .btn-photo-upload { position: absolute; display: block; top: 29px; left: 30px; width: 133px; height: 36px; }

.pets a.thumbnail img { max-height: 130px; max-width: 140px; }

/* todo: remove */
.pets .pets .quote { display: none; visibility: hidden; }
.pets .pets li .figcaption { display: none; visibility: hidden; }
.pets .pets li figcaption { display: none; visibility: hidden; }
.pets .pets li blockquote { display: none; visibility: hidden; }

/* Slideshow */
.slideshow { margin-right: 0; }
#ss .ss { height: 442px; width: 910px; }
#ss .ss .header { height: 32px; }
#ss .ss .header h2 { display: none; }
#ss .ss-main-image { margin-top: -45px; border-width: 6px; overflow: hidden; background-color: #000;}
#ss .ss-view-thumbs { height: 40px; padding: 0 2px; text-align: right; }
#ss .ss-view-thumbs button { margin-right: 4px; width: 145px; }
#ss .ss-caption { top: 70px; height: 390px; }
#ss .ss-thumbs { top: 0; width: 594px; height: 400px; } 

/* 	----------------------------------
				Overlays
	---------------------------------- */
section.upload-form { display: none; width: 475px; padding: 0; }
.upload-form h1 { padding: 10px 25px 0; border-bottom: 1px dashed #ccc; }
.upload-form form { padding: 0 25px 10px; }
.upload-form label { float: left; display: block; width: 120px; margin-right: 12px; line-height: 25px; font-weight: 700; }
.upload-form input { width: 201px; height: 25px; padding: 0 5px; border: 1px solid #ccc; }
.upload-form textarea { width: 201px; height: 130px; padding: 0 5px 10px; border: 1px solid #ccc; }
.upload-form .date input { width: 32px; text-align: center; }
.upload-form .note { margin-left: 132px; margin-bottom: 0; font-size: 11px; color: #999; }
.upload-form .error,
.upload-form .char-error { color: #c00; }
.upload-form .char-error span.num-char { font-weight: 900;} 
.upload-form p.error { display: none; }
.upload-form .error p.error { display: block; }
.upload-form .form-row { margin-bottom: 0.5em; }
.upload-form .buttons { margin-left: 132px; }
.upload-form .buttons a { font-weight: 500; }
.upload-form .button { width: auto; height: 30px; font-size: 12px; padding: 0 10px; text-decoration: none; border: 0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px #666; -moz-box-shadow: 0px 1px 3px #666; box-shadow: 0px 1px 3px #666; text-shadow: -1px -1px 2px #666;
	color: #ffffff; background: #869f12;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#869f12), to(#79900f));
	background: -moz-linear-gradient(top, #869f12, #79900f);
}
.win-close { position: absolute; top: 15px; right: 15px; font-weight: 400; color: #333; }
.win-close strong { font-weight: 800; } 

.gallery { display:none; width: 600px; height: 510px; padding: 10px; }
.gallery h1 { margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #333; }
.gallery figure { }
.gallery figure div.image { width: 600px; height: 400px; background-color: #ccc; overflow: hidden; }
.gallery figcaption { display: block; margin: 10px 0; color: #333; }
.gallery nav a { position: absolute; top: 230px; height: 35px; width: 38px; background: url('../images/gallery_btns.png') 0 0 no-repeat transparent; }
.gallery nav .next { right: 10px; background-position: 0 0; }
.gallery nav .previous { left: 10px; background-position: -36px 0 ; }
.gallery nav .disabled .next { background-position: -78px 0; }
.gallery nav .disabled .previous { background-position: -114px 0; }

.hidden { display:none; }

/* temporary workaround to prevent online store module from appearing in right column on sub-pages */
.main .column-right .mod-online-store { display: none; }


.rotate3 { -moz-transform: rotate(3deg);  /* FF3.5+ */  -o-transform: rotate(3deg);  /* Opera 10.5 */ -webkit-transform: rotate(3deg);  /* Saf3.1+, Chrome */  -ms-transform: rotate(3deg);  /* IE9 */ transform: rotate(3deg);   filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */  M11=0.9986295347545738, M12=-0.05233595624294383, M21=0.05233595624294383, M22=0.9986295347545738); zoom: 1; }
.rotate2 { -moz-transform: rotate(2deg);  /* FF3.5+ */ -o-transform: rotate(2deg);  /* Opera 10.5 */ -webkit-transform: rotate(2deg);  /* Saf3.1+, Chrome */ -ms-transform: rotate(2deg);  /* IE9 */ transform: rotate(2deg);   filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */  M11=0.9993908270190958, M12=-0.03489949670250097, M21=0.03489949670250097, M22=0.9993908270190958); zoom: 1; }
.rotate1 { -moz-transform: rotate(1deg);  /* FF3.5+ */ -o-transform: rotate(1deg);  /* Opera 10.5 */ -webkit-transform: rotate(1deg);  /* Saf3.1+, Chrome */ -ms-transform: rotate(1deg);  /* IE9 */ transform: rotate(1deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */  M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913); zoom: 1; }
.rotate0 { }
.rotate-1 { -moz-transform: rotate(-1deg);  /* FF3.5+ */ -o-transform: rotate(-1deg);  /* Opera 10.5 */ -webkit-transform: rotate(-1deg);  /* Saf3.1+, Chrome */ -ms-transform: rotate(-1deg);  /* IE9 */ transform: rotate(-1deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */  M11=0.9998476951563913, M12=0.01745240643728351, M21=-0.01745240643728351, M22=0.9998476951563913); zoom: 1;}
.rotate-2 { -moz-transform: rotate(-2deg);  /* FF3.5+ */ -o-transform: rotate(-2deg);  /* Opera 10.5 */  -webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */ -ms-transform: rotate(-2deg);  /* IE9 */ transform: rotate(-2deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */ M11=0.9993908270190958, M12=0.03489949670250097, M21=-0.03489949670250097, M22=0.9993908270190958); zoom: 1; }
.rotate-3 { -moz-transform: rotate(-3deg);  /* FF3.5+ */  -o-transform: rotate(-3deg);  /* Opera 10.5 */ -webkit-transform: rotate(-3deg);  /* Saf3.1+, Chrome */  -ms-transform: rotate(-3deg);  /* IE9 */ transform: rotate(-3deg);  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */ M11=0.9986295347545738, M12=0.05233595624294383, M21=-0.05233595624294383, M22=0.9986295347545738); zoom: 1; }

/* hacks to stop various cloned modules from showing up in places they don't belong */
footer .sub-nav { display:none !important;}
footer .url { display: none;}


section.services { margin-top:32px; }


nav.box li.disabled {
    opacity: 0.5;
    filter:alpha(opacity=50);
}

#truncatedWelcomeMsg * {
	position:relative !important;
}