/* --------------------------------------------------
					CITY THEME
						BIRCH
 --------------------------------------------------
	
	Colors ---
	light teal:		#3BA6AE
	dark teal: 		#399EA6
	tan:			    #EAE3DB
	
 ------------------------------------------------- */

html{background: url('images/birch-top.jpg') repeat-x #fff;}
body{background: url('images/birch-bottom.jpg') 0 bottom repeat-x;color: #333;}
header { background: url('images/city_birch_vert_sprite.png') bottom left repeat-x transparent; }
header .masthead h1{font-size:26px;color:#009999;}
header .masthead h2{font-size:14px;color:#4d4849;}
header .address.horizontal li{ display: inline; color: #009999; }

a { color: #009999; }
.truncatedWelcomeMsg a { color:#000; }
a:hover{color:#d3ae85;text-decoration:none;}
a.more {background: url('images/city_birch_vert_sprite.png') right -303px no-repeat transparent; }

button,
.btn-submit { background: url('images/city_birch_sprite.png') -343px -87px no-repeat transparent; }

header h1,
header h2 { color: #35332e; }
header .nav ul { background: url('images/city_birch_vert_sprite.png') -1px -450px repeat-x #000; }
header .nav ul a { color: #fff;font-weight:100; font-style: normal; }
header .nav ul a:hover { color: #e87e00; }
header .nav ul .selected a { color: #000; }

header a.tab-link {
  background: url('images/city_birch_vert_sprite.png') right -399px no-repeat transparent;
}

header #main-nav .sub-nav{border-color:#000;}
header #main-nav .sub-nav li a{color:#009999; border:0; }
header #main-nav .sub-nav li a:hover{color:#d3ae85;}

header li.selected a { background-color: #EAE3DB; border: 1px solid #EAE3DB; border-width: 1px 0 5px 0; background-image: none; }

#login { background: url('images/city_birch_sprite.png') 0 0 no-repeat #fff;color:#656565; }
#login h2 { color:#656565; }

nav.box li.previous,
nav.box li.next { background: url('images/city_birch_vert_sprite.png') no-repeat; }
nav.box li.previous { background-position: 5px -355px; }
nav.box li.next { background-position: 4px -377px; }

div.main { background-color: #f7f3ef; }

.box { background-color: #3BA6AE;}
.welcome{color:#fff;}
.welcome a.more { background-position: right -306px;color:#fff; }
.welcome .welcome-msg { border: 1px dashed #FEFEFE; border-width: 1px 0; }
.welcome .contact { background-color: #399EA6;border-bottom:1px dashed #FEFEFE;color:#EBE8E3; }
.welcome .contact a { color:#35332e; }
.welcome .virtual-tour-btn a { background: url('images/city_birch_sprite.png') -144px -195px no-repeat transparent; }
.welcome .notice { background-color: #399EA6;max-height: 200px; overflow: hidden;}
.welcome .appointment { background: url('images/city_birch_sprite.png') -1px -87px no-repeat transparent; }
.appointment a { background: url('images/city_birch_sprite.png') -382px -124px no-repeat transparent; color: #35332e; }
.column-right .appointment { background: url('images/city_birch_sprite.png') -1px -141px no-repeat transparent; }

.carouselWrapper .carousel-arrow-right,
.carouselWrapper .carousel-arrow-left { background: url('images/city_birch_vert_sprite.png') 0 -40px no-repeat; }
.carouselWrapper .carousel-arrow-left { background-position: -1px -355px; }
.carouselWrapper .carousel-arrow-right { background-position: -1px -378px; }

.main-content { background-color: #fff; color: #35332E; }
.main-content h1 { color: #63656f; border-color: #d1d2d6; }
.main-content h2 { color: #63656f; }
.main-content h3 { color: #63656f; }
.main-content ul li { border-bottom: 1px dashed #b5ac98; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid .box { background-color: #fff; }
.mod-grid .header { background: #EAE3DB; }
.mod-grid .header h2 { color: #666; }
.mod-grid li { border-bottom: 1px dashed #EAE3DB; }
.mod-grid li:last-child { border: 0; }
/*	----- Module Specific Styling ----- */
.mod-newsletter .module-body { color: #333; }
.mod-newsletter form { border-top: 1px dashed #009999; }
.mod-newsletter input { border: 1px solid #e5e1d8; }

.mod-grid .mod-clinic-forms .content { border-bottom: 1px dashed #EAE3DB; }

.mod-online-store .module-body { background-color: #fff; }
.mod-online-store h3 .tag { background-color: #00E6E4; color: #67656A; }
.mod-online-store a.button { color: #e7e2da; background-color: #009999; border: 1px solid #009999; }

.mod-pets .figure,
.mod-pets .figure .figcaption { background-color: #009999; color: #fff; }
.mod-pets .header a.more:before { background: url('images/city_birch_vert_sprite.png') 2px -329px no-repeat transparent; }

.mod-grid .mod-offers .coupon { background-color: #EAE3DB; }
.mod-grid .mod-offers .coupon h3 { color: #009999; }
.mod-grid .mod-offers .coupon a { color: #323433; }

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

/*	-------------------------------------
			Page Specific Styles
	------------------------------------ */
.care-guides nav.animal-types ul { border-right: 1px dashed #eae3db; }
.care-guides nav.animal-types li { border-bottom: 1px dashed #eae3db; }
.care-guides nav.animal-types a { border: 1px solid #fff; background-color: #f9f0e3; }
.care-guides nav.animal-types .selected a { background-color: #fff; }
.care-guides nav.animal-types a span{background-color:#d3ae85;}
.care-guides nav.animal-types .selected a span { background-color: #009999; }


.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/city_birch_sprite.png') -2px -136px no-repeat transparent; }
.pets .pets blockquote { background-color: #968a6e; }
.pets .btn-photo-upload{background:url('images/city_birch_sprite.png') -237px -141px no-repeat;}

/* Slideshow */
#ss .ss #ss-counter { background-color: #414342; 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: #D4AF85; } 
#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: #181617; }
footer .nav li { border-color: #61574D; }
footer .nav li a{color:#DFDFDF;}
footer .contact-info{color:#DFDFDF;}
footer .copyright{color:#DFDFDF;}
footer hr { border-bottom: 1px dashed #a69e9d; }