/*	--------------------------------------------------
				SIMPLE & CLINICAL THEME
	-------------------------------------------------- */

body { font: normal 13px/19px arial, sans-serif; }

a { font-weight: bold; }
a.more { padding-right: 10px; }

button,
.btn-submit { font-size: 15px; border: 0; }

header .nav ul { height: 49px; font-family: tahoma, sans-serif;  }
header .nav ul a { height: 45px; font-size: 18px; font-weight: normal; line-height: 45px; text-transform: capitalize; }

header .nav ul.links a.tab-link {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

header .nav li.tab {
  width: 16.66%;
}

header .nav ul.links li:first-child:nth-last-child(7),
header .nav ul.links li:first-child:nth-last-child(7) ~ li {
  width: 14.28%;
}

header .nav ul.links li:first-child:nth-last-child(8),
header .nav ul.links li:first-child:nth-last-child(8) ~ li {
  width: 12.50%;
}

header .nav ul.links li:first-child:nth-last-child(9),
header .nav ul.links li:first-child:nth-last-child(9) ~ li {
  width: 11.10%;
}

header .nav ul.links li:first-child:nth-last-child(10),
header .nav ul.links li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}

nav.box { display: block; margin: 15px 15px 15px 0; padding: 4px 0 3px; }
nav.box ol { float: right; }
nav.box li { float: left; padding: 0 4px; }
nav.box li.previous,
nav.box li.next { height: 22px; width: 22px; }
nav.box li.disabled { opacity: 0.5; }
nav.box li.previous a,
nav.box li.next a { display: block; height: 22px; width: 22px; }

header #main-nav .sub-nav { width: 361px; /* overflow: hidden; */ border-width: 6px; border-style: solid;background:#fff; }
header #main-nav .sub-nav ul {  width: 362px; padding: 13px 0;border-bottom:none; }
header #main-nav .sub-nav li { float: left; width: 150px; padding: 0 15px; text-align: left; border-right: 1px dashed #35332E; }
header #main-nav .sub-nav li a { line-height: 24px; font-weight: bold; background:none;text-transform:none;border:none; }

div.main { width: 966px; padding: 0 14px 0; }
.box { -moz-border-radius: 2px; border-radius: 2px;}
.welcome h1 { font-size: 26px; text-transform: capitalize; }
.welcome a { font-size: 11px; }
.welcome a.more { background-position: right -153px; }
.welcome .welcome-msg { display: block; margin-bottom: 4px; padding: 0 20px 10px 20px; }
.contact { padding: 10px 20px; font-size: 11px; }
.welcome .virtual-tour-btn a { width: 144px; height: 52px; }
.welcome .notice { padding-left: 20px; font-weight: bold; max-height: 30px; overflow: hidden; }
.welcome .notice .article { margin-left: 10px; }
.welcome .appointment { margin-top: 4px; padding-top: 4px; }
.welcome .appointment a { display: block; height: 52px; width: 336px; font: 18px/52px normal arial, sans-serif; text-align: center; }
.welcome #truncatedWelcomeMsg { height: 148px; overflow: hidden; }

.mod-grid.column-right { margin: 0; }
.column-right .appointment { margin-bottom: 16px; height:52px; width: 233px; }
.column-right .appointment a { display: block; height: 50px; width: 194px; padding: 0 10px 0 30px; font: 14px/52px normal arial, sans-serif; text-align: center; }

.main-content h1 { margin-bottom: 20px; font-size: 26px; line-height: 32px;}
.main-content h2 { font-size: 16px; }
.main-content h3 { font-size: 14px; }
.main-content p { margin-bottom: 1em; }
.main-content ul li { margin-bottom: 1em; }
.main-content ul li li, 
.main-content article li { border: 0; margin-bottom: auto; }
.main-content section { padding-bottom: 30px; }
.main-content nav ul li { margin-bottom: 0; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid { padding-top: 14px; }
.mod-grid .column-left .box { margin-right: 11px; }
.mod-grid .small .module-body { height: 126px; }
.mod-grid .header { position: relative; height: 31px; margin: 3px 3px 0; overflow: hidden; }
.mod-grid .header h2 { padding-left: 16px; font-size: 20px; font-weight: 200;  line-height: 31px; text-transform: capitalize; }
.mod-grid .header a.more { font-size: 11px; }
.mod-grid .module-body { margin: 5px; padding: 10px 14px 14px; overflow: hidden; }
.mod-grid li { padding: 3px 0; }

.mod-grid #module-c { height: 551px; }

/*	----- Module Specific Styling ----- */
.mod-grid .mod-newsletter .module-body { height: 129px; font-weight: bold; }
.mod-newsletter form { margin-top: 14px; padding-top: 9px; }
.mod-newsletter input { margin-right: 3px; height: 29px; }

.mod-clinic-forms li { padding: 0; /*border: 0; */}
.mod-clinic-forms .content { margin-bottom: 4px; padding-bottom: 4px; }

.mod-online-store .header q { font-size: 14px; line-height: 34px; font-style: italic; }
.mod-online-store .header q:before { content: '"' }
.mod-online-store .header q:after { content: '"'; }
.mod-online-store h3 .tag { padding: 2px 3px; font-weight: bold; }
.mod-online-store a.button { padding: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.mod-pets li { padding: 0; border: 0; }
.mod-pets blockquote { font-size: 18px; line-height: 24px; }
.mod-pets cite { font-style: italic; }
.mod-pets .header a.more:before { content: ""; float: left; height: 16px; width: 20px; }

.mod-offers .coupon { margin: 10px -10px; padding: 10px; }
.mod-offers .coupon h3 { font-size: 16px; line-height: 24px; font-weight: bold; }
.mod-offers .coupon a { font-weight: normal; }

.mod-our-staff .nav-background { height: 23px; padding-bottom: 10px; }
.mod-our-staff .carouselWrapper .carousel-arrow-left,
.mod-our-staff .carouselWrapper .carousel-arrow-right { top: -28px; }

/*	-------------------------------------
			Page Specific Styles
	------------------------------------ */
.care-guides nav.animal-types a span { background: url('images/animals_sprite.png') 100px 100px no-repeat #768c0f; }
.care-guides nav.animal-types a span.canine { background-position: 11px -7px; }
.care-guides nav.animal-types a span.feline { background-position: -37px -7px; }
.care-guides nav.animal-types a span.equine { background-position: -94px -7px; }
.care-guides nav.animal-types a span.small-animal { background-position: -152px -7px; }
.care-guides nav.animal-types a span.exotic { background-position: -206px -7px; }

.services ol li { float: left; width: 310px; padding: 5px 10px; }
article.service img { display: block; float: left; margin: 0 19px 10px 0; }

.our-staff .clinic-intro .intro { margin-right: 20px; width: 420px; }
.our-staff .staff .bio { margin-right: 16px; }
.our-staff .staff dl { padding-left: 21px; }
.our-staff .staff dd { font-weight: bold; }

footer a { font-weight: normal; }
footer hr { height: 1px; max-height: 1px; }