/*	--------------------------------------------------
				SIMPLE & CLINICAL THEME
						TEAL
	--------------------------------------------------
	
	Colors ---
	teal:			#3A8E81 (header text)
	dark teal:		#253635 (module grid anchors)
	
	------------------------------------------------- */

body { background: url('images/teal.gif') repeat; color: #545454; }
header { background:url('images/top.png') 0 0 repeat-x; }
header .masthead h1,
header .masthead h1 a { color:#4b857d;}
header .masthead h2 { color:#b1b1b1;}
header .address.horizontal li{ display: inline; color: #4b857d;}

a { color: #388d81; }
a:hover{color:#253635;text-decoration:none;}
a.more { background: url('images/simple_teal_vert_sprite.png') right -150px no-repeat transparent; }
div.main{background-color:#fff;}

button,
.btn-submit { background: url('images/simple_teal_sprite.png') -2px -247px no-repeat transparent; color: #fff; }

header .nav ul { border-top: 2px solid #e3e3e3; background-color:#fff; }

header .nav ul.links {
  display: flex;
  align-items: center;
  justify-content: center;
}

header .nav ul.links li {
  max-width: 175px;
}

header .nav ul.links li a {
  overflow: visible;
  line-height: 1;
  height: auto;
  border-right: 1px dotted #B3B3B3;
}

header .nav ul.links li:last-child a {
  border-right: none;
}

header .nav ul a:hover{color:#6daba3}
header .nav ul a.tab6 { background: none; }
header .nav ul .selected a { color: #263635; }

header #main-nav .sub-nav{border-color:#4B857D;}
header #main-nav .sub-nav li a{color:#388d81;}
header #main-nav .sub-nav li a:hover{color:#253635;}

#login { background: url('images/simple_teal_sprite.png') 0 0 no-repeat; }
#login a{color:#545454;}

nav.box li.previous,
nav.box li.next { background: url('images/simple_teal_vert_sprite.png') no-repeat; }
nav.box li.previous { background-position: 5px -177px; }
nav.box li.next { background-position: 5px -209px; }

.box { background-color: #fff; border: 2px solid #e3e3e3; }
.welcome h1 { color: #3A8E81; }
.welcome a.more { background-position: right -153px;color:#545454; }
.welcome .welcome-msg { border-bottom: 1px dotted #BFBFBF; }
.contact { }
.welcome .virtual-tour-btn a { background: url('images/simple_teal_sprite.png') 0 -140px no-repeat transparent; color: #fff; }
.welcome .notice {background: #fff; color: #545454; max-height: 30px; overflow: hidden;}
.welcome .notice .welcome-notice-icon {background: url('images/simple_teal_vert_sprite.png') 6px -16px no-repeat #fff; border-radius: 5px;}
.welcome .appointment { background: url('images/simple_teal_sprite.png') -1px -82px no-repeat transparent; border-top: 1px dotted #BFBFBF; }
.appointment a { background: url('images/simple_teal_sprite.png') -382px -86px no-repeat transparent; color: #fff; }

.column-right .appointment { background: url('images/simple_teal_sprite.png') 1px -194px no-repeat transparent; }

.carouselWrapper .carousel-arrow-right,
.carouselWrapper .carousel-arrow-left { background: url('images/simple_teal_vert_sprite.png') no-repeat; }
.carouselWrapper .carousel-arrow-left { background-position: -1px -177px; }
.carouselWrapper .carousel-arrow-right { background-position: -1px -209px; }

.main-content { background-color: #fff; color: #35332E; }
.main-content h1 { color: #388d81; border-bottom:solid 1px #ebf2f1; }
.main-content h2 { color: #388d81; }
.main-content h3 { color: #535353; }
.main-content ul li { border-bottom: 1px dashed #b5ac98; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid { background-color: #fff; }
.mod-grid a{color:#253635;}
.mod-grid a.more{color:#388d81;}
.mod-grid .header { border-bottom: 1px dotted #bfbfbf; }
.mod-grid .header h2 { color: #3A8E81; }
.mod-grid li { border-bottom: 1px dotted #BFBFBF; }
.mod-grid li:last-child { border: 0; }

/*	----- Module Specific Styling ----- */
.mod-newsletter p{color:#253635;}
.mod-newsletter form { border-top: 1px dotted #BFBFBF; }
.mod-newsletter input { border: 1px solid #e3e3e3; background-color: #e3e3e3; }

.mod-clinic-forms .content { border-bottom: 1px dotted #bfbfbf; }

.mod-online-store .module-body { background-color: #fff; } 
.mod-online-store h3 .tag { background-color:#4CA093;color:#fff; }
.mod-online-store a.button { color: #545454; border: 1px solid #E4E1D8; }

.mod-pets .figure,
.mod-pets .figure .figcaption { background-color: #F3E5A6;color:#555553; }
.mod-pets .header a.more:before { background: url('images/simple_teal_vert_sprite.png') -3px -241px no-repeat transparent; }

.mod-offers .coupon { border: 1px dashed #BFBFBF; }
.mod-offers .coupon h3 { color: #3A8E81; }
.mod-offers .coupon a { color: #545454; }

.mod-our-staff .nav-background { border-bottom: 1px dotted #bfbfbf; }

/*	-------------------------------------
			Page Specific Styles
	------------------------------------ */
.care-guides nav.animal-types ul { border-right: 1px dashed #ebf2f1; }
.care-guides nav.animal-types li { border-bottom: 1px dashed #ebf2f1; }
.care-guides nav.animal-types a { border: 1px solid #fff; background-color: #ebf2f1; }
.care-guides nav.animal-types .selected a { background-color: #fff; }
.care-guides nav.animal-types a span{background-color:#6daba3;}
.care-guides nav.animal-types .selected a span { background-color: #4b857d; }

.our-staff .staff li { border-top: 1px dashed #b5ac98; }
.our-staff .staff dl {  border-left: 1px solid #dcdcdc; }
.our-staff .staff img { border-color: #dcdcdc; }

.pets .pets .quote { background: url('images/simple_teal_sprite.png') -2px -136px no-repeat transparent; }
.pets .pets blockquote { background-color: #968a6e; }
.pets .btn-photo-upload{background:url('images/simple_teal_sprite.png') -237px -197px no-repeat;top:-2px;}

/* Slideshow */
#ss .ss #ss-counter { background-color: #243636; color: #fff; }
#ss .ss .header .nav span { border-color: #b3b3b3; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#ss .ss-topic .header .nav #ss-back { border-style: solid; border-color: #b3b3b3; }
#ss #ss-next,
#ss #ss-back { background-color: #fff; }
#ss #ss-next a,
#ss #ss-back a { color: #ccc; }
#ss #ss-next a:hover,
#ss #ss-back a:hover { color: #fff; background-color: #4C857E; } 
#ss .ss-main-image { border-color: #000; }
#ss .ss-view-thumbs { background-color: #000; }
#ss .ss-view-thumbs button { color: #fff; background-color: #414141; border: 1px solid #5d5d5d;background-image:none; }
#ss .ss-thumbs { background: #000; background: rgba(0,0,0,0.85); }

footer { background-color: #fff; }
footer a { color:#545454; }
footer .nav li { border-color: #e3e3e3; }
footer hr { border-bottom: 1px dotted #fff; }