/*	--------------------------------------------------
					CLASSIC THEME
						WINE
	--------------------------------------------------
	
	Colors ---
	light tan:		#f3f2ef
	medium tan:		#e7e2da
	gray tan:		  #c2beb7 (border under menu and menu item dividers)
	gray 1:			  #a69e9d (divider lines in modules)
	gray 2:			  #a4a4a4 (background of notice)
	dark gray:		#474143 (text color)
	red:			    #9e383e
	gold:			    #ffc262
	
	------------------------------------------------- */
body { background: url('images/bg.gif') repeat #fff; color: #474143; }
header { background: url('images/sprite_vert.png') bottom left repeat-x transparent; }
header .masthead h1{font-size:26px;color:#9e383e;}
header .masthead h2{font-size:14px;color:#9e383e;}
header .address.horizontal li{ display: inline; color: #9e383e;}

a { color: #9e383e; }
a:hover{color:#ef9034;text-decoration:none;}
a.more { background: url('images/sprite_vert.png') right -90px no-repeat transparent; }

button,
.btn-submit { font-size: 15px; border: 0; background: url('images/sprite.png') -151px -118px no-repeat transparent; }

header h1,
header h2 { color: #35332e; }
header .nav ul { background-color: #f3f2ef; border-bottom: 6px solid #c2beb7; }
header .nav ul .selected a { color: #fff; background-color: #9e383e; }
header .nav a { border-right: 1px solid #9e383e; }
header .nav a:hover{color:#ef9034;}

header #main-nav .sub-nav{border-color:#ef9034;}
header #main-nav .sub-nav ul li a{color:#9e383e;}
header #main-nav .sub-nav ul li a:hover{color:#ef9034;}

#login { background-color: #9e383e; color: #fff; }
#login h2 { color: #fff; }
#login a { color: #ffc262; }

nav.box li.previous,
nav.box li.next { background: url('images/sprite_vert.png') no-repeat; }
nav.box li.previous { background-position: 5px -1px; }
nav.box li.next { background-position: 3px -32px; }

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

.box { background-color: #fff; -moz-box-shadow: 0 0 5px 5px rgba(180, 180, 180, 0.4); -webkit-box-shadow: 0 0 5px 5px rgba(180, 180, 180, 0.4); box-shadow: 0 0 5px 5px rgba(180, 180, 180, 0.4); }
.welcome a { color: #474143; }
.welcome a.more { background-position: right -306px; }
.welcome .contact { background-color: #9e383e; color: #fff; }
.welcome .contact a { color: #fff; }
.welcome .virtual-tour-btn a { background: url('images/sprite.png') 0 -118px no-repeat transparent; color: #9e383e; }
.welcome .notice { background: #a4a4a4; color: #fff; border: 3px solid #fff; max-height: 190px; overflow: hidden;}
.welcome .notice .welcome-notice-icon {background: url('images/sprite_vert.png') 3px -145px no-repeat #a4a4a4;border-radius: 5px;}
.welcome .appointment { background: url('images/sprite.png') 0 -2px no-repeat transparent; }
.appointment a { background: url('images/sprite.png') -331px -97px no-repeat transparent; color: #9e383e; }

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

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

.main-content { background-color: #fff; color: #35332E; }
.main-content h1 { color: #9e383e; border-color: #b5ac98; }
.main-content h2 { color: #9e383e; }
.main-content h3 { color: #3D393A; }
.main-content ul li { border-bottom: 1px dashed #b5ac98; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid .header { background: #f3f2ef; }
.mod-grid .header h2 { color: #9e383e; }
.mod-grid li { border-bottom: 1px solid #a69e9d; }
/*	----- Module Specific Styling ----- */
.mod-newsletter { background-color: #e7e2da; }
.mod-newsletter .module-body { background-color: #fff; color: #9e383e; }
.mod-newsletter form { border-top: 1px solid #a69e9d; }
.mod-newsletter input { border: 1px solid #a69e9d; }
.mod-newsletter button,
.mod-newsletter .btn-submit { color: #9e383e; }

.mod-clinic-forms .content { border-bottom: 1px solid #a69e9d; }

div.hproduct h3 .tag { background-color: #a4a4a4; color: #fff; }
div.hproduct a.button { color: #fff; background-color: #9e383e; }

.mod-pets .figure,
.mod-pets .figure .figcaption { background-color: #9e383e; color: #fff; }
.mod-pets .header a.more:before { background: url('images/sprite_vert.png') -3px -64px no-repeat transparent; }

.mod-grid .mod-offers .coupon { border: 1px dashed #9e383e;}
.mod-grid .mod-offers .coupon h3 { color: #9e383e; }
.mod-grid .mod-offers .coupon a { color: #474143; }

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


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

/* Slideshow */
#ss .ss #ss-counter { background-color: #C2BDB7; 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: #A0383F; } 
#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: #9e383e; color: #fff; }
footer a { color: #ffc262;}
footer .nav li { border-color: #fff; }
footer hr { border-bottom: 1px solid #fff; }