html, body, form { margin: 0px; padding: 0px; min-height: 100%; height: auto; }
body { font-family: Verdana, Sans-Serif; font-size: 9pt; background: #1a3a45 url(/images/backgrounds/pageback.gif) repeat-x; color: #915568; }
input, textarea, select { font-family: Verdana, Sans-Serif; font-size: 9pt; }
a { color: #99b9bf; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { color: #244e5f; font-family: Arial, Sans-Serif; margin: 0; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; color: #4489af; }
h3 { font-size: 11pt; color: #c23e14; }
img { border: none; behavior: url(/scripts/iepngfix.htc); }
li { list-style-image: url(/images/bullet.gif); }
.centered { margin: 0 auto 0 auto; }
div.leftContent { width: 280px; float: left; position: relative; left: -20px; }
div.rightContent { width: 700px; float: right; }
img.quotel, img.quoter { width: 40px; height: 38px; }
img.quotel { float: left; margin: 0 5px 0 0; }
img.quoter { float: right; margin: 0 0 0 5px; }
#seo { height: 0; overflow: hidden; }

/* main.master */
div.outerPageBackground { width: 1040px; }
div.innerPageBackground { width: 980px; background-color: #f3f3db; padding: 20px 20px 20px 0; margin-top: 10px; }
div.innerPageBackground a { color: #c23e14; }
#logoContainer { width: 1000px; padding: 20px 0 0 0; }
#topNav { color: white; float: right; margin: 20px 0 0 0; }
#topBar { width: 100%; }
#topBar td { width: 50%; color: White; }
#quickDocs { padding: 10px 0 0 20px; }
#quickContact { padding: 10px 20px 0 0; text-align: right; }
#copyright, #creator, #address { font-size: x-small; color: white; text-align: center; }
#creator { margin-bottom: 20px; }
#bottomNav { margin-top: 10px; text-align: center; font-size: 14pt; width: 1000px; }
#bottomNav a { color: White; }
#address { margin-top: 10px; }
img.bnav { width: 200px; height: 100px; }

img.navSep { width: 7px; height: 40px; }
img.topNav { height: 40px; }
#tHome { background: url(/images/nav/topnavoff.gif) no-repeat; width: 70px; }
#tAbout { background: url(/images/nav/topnavoff.gif) no-repeat 0 -40px; width: 75px; }
#tServices { background: url(/images/nav/topnavoff.gif) no-repeat 0 -80px; width: 95px; }
#tCare { background: url(/images/nav/topnavoff.gif) no-repeat 0 -120px; width: 95px; }
#tContact { background: url(/images/nav/topnavoff.gif) no-repeat 0 -160px; width: 90px; }

#tHome:hover { background: url(/images/nav/topnavon.gif) no-repeat; width: 70px; }
#tAbout:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -40px; width: 75px; }
#tServices:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -80px; width: 95px; }
#tCare:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -120px; width: 95px; }
#tContact:hover { background: url(/images/nav/topnavon.gif) no-repeat 0 -160px; width: 90px; }

#bHome { background: #0b1d1e url(/images/nav/home.gif) no-repeat; }
#bAbout { background: #0b1d1e url(/images/nav/about.gif) no-repeat; }
#bServices { background: #0b1d1e url(/images/nav/services.gif) no-repeat; }
#bCare{ background: #0b1d1e url(/images/nav/petcare.gif) no-repeat; }
#bContact { background: #0b1d1e url(/images/nav/contact.gif) no-repeat; }
#bHome:hover, #bAbout:hover, #bServices:hover, #bCare:hover, #bContact:hover { background-position: 0 -100px; }

#portal { width: 70px; height: 270px; background: url(/images/portal.png) no-repeat; }
#portal:hover { background: url(/images/portal.png) no-repeat -70px; }

/* default.aspx */
div.box1Header, div.box1Header2 { padding: 10px; width: 260px; }
div.box1Header { background: #e29943; border: solid 1px #e29943; }
div.box1Header2 { background: #a85b27; border: solid 1px #a85b27; }
div.box1Header h1, div.box1Header2 h1, div.box1Header a, div.box1Header2 a { color: White; }
div.box1 { background: #fefbc1; border: solid 1px #e3e2d1; padding: 10px; width: 260px; }
div.box1 h1 { color: #99b9bf; }

div.box2 { background: white; border: solid 1px #dfdfc9; padding: 10px;  }
div.box2 table td { vertical-align: top; border: solid 5px #f2f2d8; padding: 10px; }

div.box3 { background: #ebebc2 url(/images/backgrounds/pawprint.gif) no-repeat top right; border: solid 1px #dfdfc9; padding: 10px; color: #00323c; }
div.box3 h1 { color: #00323c; }

div.button1, div.button1:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png); padding: 30px 0 0 20px; font-size: 10pt; }
div.button1:hover { background: url(/images/backgrounds/button.png) no-repeat 0 -80px; }
div.button1 a, div.button1:hover a { color: White; }

div.button2, div.button2:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png) no-repeat 0 -240px; padding: 30px 0 0 20px; font-size: 10pt; }
div.button2:hover { background: url(/images/backgrounds/button.png) no-repeat 0 -160px; }
div.button2 a, div.button2:hover a { color: White; }

div.button3, div.button3:hover { width: 240px; height: 45px; background: url(/images/backgrounds/button.png) no-repeat 0 -80px; padding: 30px 0 0 20px; font-size: 10pt; }
div.button3:hover { background: url(/images/backgrounds/button.png); }
div.button3 a, div.button3:hover a { color: White; }

div.mypet { width: 280px; height: 280px; border: solid 1px #a85b27; background: #fefbc1; }
#sendpics { background: #f9f9d2 url(/images/sendpics.gif) no-repeat; height: 55px; padding: 10px 10px 10px 80px; margin: 10px 0 0 0; }
img.paragraphImage { float: left; margin-right: 10px; }

/* about.aspx */
#aaha { width: 80px; height: 100px; float: left; margin: 0 10px 0 0;  }
.modalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background: #fefbc1; border: solid 1px #e3e2d1; }
.modalPopupHeader h1 { color: White; }
.modalPopupHeader { cursor: move; padding: 10px; background: #244e5f; border: solid 1px #e29943; }
.modalBody { padding: 10px; background: url(/images/backgrounds/pawprint.gif) no-repeat top right; }
.modalBody a { font-size: 11pt; color: #c23e14; }
img.doc { width: 109px; height: 109px; float: left; margin: 0 10px 5px 0; }
#docTable { width: 100%; margin-bottom: 20px;}
#otherStaff {width: 100%; }
#otherStaff td { vertical-align: top; }
.closeButton { width: 43px; height: 18px; float: right; cursor: pointer; }

.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
}
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
background: white; border: solid 1px #dfdfc9; padding: 10px;
}

#mygallery {
width: 680px; /*Width of Carousel Viewer itself*/
height: 275px; /*Height should enough to fit largest content's height*/
}
#mygallery .panel {
width: 660px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 255px; 
}

/* services.aspx */
.tabs .ajax__tab_header { font-size: 12pt; background: #4489af; color: White; margin: 0 0 10px 0; }
.tabs .ajax__tab_tab { padding: 10px; }
.tabs .ajax__tab_hover .ajax__tab_tab, .ajax__tab_active .ajax__tab_tab { background: #0b1d1e; }
#advCare td { width: 50%; }
#groomingContainer { background: #ebebc2 url(/images/backgrounds/scissors.gif) no-repeat top right }
#download{ background: #f9f9d2 url(/images/download.gif) no-repeat; height: 55px; padding: 10px 10px 10px 80px; margin: 10px 0 0 0; }

/* contact.aspx */
#mapContainer { width: 280px; border: solid 1px #a85b27; background: #fefbc1; }
#mapContainer div { border: solid 5px #a85b27; text-align: center;  }
#mapContainer p { padding: 0 10px 0 10px; }
#emergencyContainer { background: white url(/images/backgrounds/emergency.gif) no-repeat top right; }