/*=======================================================
 CSS Document for Midland Bullsbrook Vetirinary Sevices
=======================================================*/

@import url("global.css");
@import url("slimbox.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 970px; height: auto; display: block; background: transparent url('../images/core/bg-container.png') no-repeat 0 0; padding: 0; margin: 0 auto; clear: both; }
#container:after, #main-contents:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Header - logo + callus
=============================================================*/

#header { position: relative; z-index: 20; width: 705px; height: 100px; float: left; clear: both; padding: 50px 15px 0 250px;}
#logo-text a { background: url('../images/core/logo-text.gif') no-repeat 0 0; width: 280px; height: 75px; float: left; display: inline; margin-right: 25px; text-indent: -9999em; font-size: 0; line-height: 0; }
#callus { width: 380px; height: 75px; float: left; display: inline; }
#callus span { font-size: 0; line-height: 0; text-indent: -9999em; float: left; display: inline; width: 140px; height: 75px; margin: 0 0 0 50px; }
span#call-midland { background: url('../images/core/info-midland.gif') no-repeat 0 0; }
span#call-bullsbrook { background: url('../images/core/info-bullsbrook.gif') no-repeat 0 0; }

/*=============================================================
	Left Contents - logo + nav + search + contact details
=============================================================*/

#main-contents { position: relative; z-index: 25; width: 925px; padding: 0 30px 0 15px; height: auto; display: block; float: left; clear: both;  }
.left-contentsarea { position: relative; z-index: 25; margin-top: -150px; width: 235px; height: auto; float: left; display: inline; }
.right-contentsarea { width: 675px; float: right; height: auto; display: inline; }
#logo { width: 235px; height: 260px; display: block; background: url('../images/core/logo.gif') no-repeat 0 0; text-indent: -9999em; font-size: 0; line-height: 0; }
#banner { width: 675px; height: 180px; margin-bottom: 15px; display: block; float: left; clear: both; }
body#home-page #banner { height: 280px; }
#contents { display: block; float: left; clear: both; }
#contents .text { width: 640px; float: left; padding: 0 15px; }
body#contact-page #contents .text h2 { width: auto!important; }
#contents ul, #contents ol { list-style: none; padding-right: 20px; margin: 0 0 20px 20px; }
#contents ul li { background: url('../images/common/icon-bullet.gif') no-repeat 0 2px; padding-left: 25px;  font-size: 11px!important; line-height: 16px; margin-bottom: 4px; }
body.petinfo-page .cascade { width: 300px; margin-right: 20px; float: left; }
body.petinfo-page .text p, body.petinfo-page .text p span, body.petinfo-page .text li  { font-size: 11px!important; color: #5d6268!important; }
body.petinfo-page .text h2, body.petinfo-page .text h2 span { font-size: 16px!important; color: #1d5cb5!important; font-family: "Myriad Pro",Arial, Helvetica, sans-serif; font-weight: normal; }
body.whatsnew-page .right-contentsarea #contents .text p, body.whatsnew-page .right-contentsarea #contents .text span { color: #5d6268!important; font-size: 11px!important; font-family: "Verdana",Arial, Helvetica, sans-serif!important; font-weight: normal!important; }

/*navigation*/
ul#nav { list-style: none!important; background: url('../images/core/bg-nav.jpg') no-repeat 0 0; width: 156px; height: 320px; padding: 0 21px 0 79px; float: left; display: block; clear: both; }
ul#nav li { position: relative; z-index: 30; display: block; float: left; margin-bottom: 1px; }
li#join-mailing { height: 45px; width: 235px; display: block; background: url('../images/core/button-mailing.jpg') no-repeat 0 0; margin-left: -79px; padding-bottom: 37px; }
* ht\ml li#join-mailing { margin-left: -39px!important; }
li#join-mailing a { height: 45px; width: 235px!important; display: block; }
ul#nav a { height: 27px; width: 135px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover { background-position: -135px 0!important; }
ul#nav ul { clear: both; width: 215px; height: auto; display: block; position: absolute; z-index: 40; left: -9999em; top: 100%; padding: 50px 5px 5px 20px; background: transparent url('../images/core/bg-subnav.png') no-repeat 0 0; }
ul#nav ul { clear: both; width: 215px; height: auto; display: block; position: absolute; z-index: 40; left: -9999em; top: 100%; padding: 50px 5px 5px 20px; background: transparent url('../images/core/bg-subnav.png') no-repeat 0 0; }
* ht\ml ul#nav ul { background: transparent url('../images/core/bg-subnav.gif') no-repeat 0 0!important; }
ul#nav li li { margin: 0; font-size: 11px; position: relative; z-index: 50; }
ul#nav ul a { position: relative; z-index: 50; width: 195px; height: auto!important; padding: 5px 10px 4px 10px; color: #fff; background-color: #632e06; text-indent: 0; border-bottom: 1px solid #6e3911; }
ul#nav ul a:hover { background-color: #4e2507; color: #e3ba22; text-decoration: none; }
ul#nav li.over ul, ul#nav li:hover ul { top: -40px; left: 130px; }
ul#nav li.over a.onsection { background-position: -135px 0!important; }
a#navhome { background: url('../images/core/nav-home.gif') no-repeat 0 0; height: 28px!important; }
a#navabout { background: url('../images/core/nav-about.gif') no-repeat 0 0; }
a#navservices { background: url('../images/core/nav-services.gif') no-repeat 0 0; }
a#navpetinfo { background: url('../images/core/nav-pet-info.gif') no-repeat 0 0; }
a#navwhatsnew { background: url('../images/core/nav-whats-new.gif') no-repeat 0 0; }
a#navcontact { background: url('../images/core/nav-contact.gif') no-repeat 0 0; height: 28px!important; }
body#home-page a#navhome, body.about-page a#navabout, body.services-page a#navservices, body.petinfo-page a#navpetinfo, body.whatsnew-page a#navwhatsnew,
body#contact-page a#navcontact { background-position: -135px 0!important; }
body#midland-vets a#aboutsub1, body#bullsbrook-vets a#aboutsub2, body#meet-nurses a#aboutsub3, body#meet-receptionists a#aboutsub4, body#meet-management a#aboutsub5 ,
body#midland-hospital a#servicessub1, body#bullsbrook-hospital a#servicessub2, body#medical-equip a#servicessub3, 
body#whatsnew a#whatsnew1, body#pet-winner a#whatsnew2, body#monthly-promo a#whatsnew3, 
body#category-cat a.infocategory1, body#category-dog a.infocategory2, body#category-horse a.infocategory3, body#category-pocketpet a.infocategory4, body#categorywildlife a.infocategory5 
{ background-color: #4e2507!important; color: #e3ba22!important; text-decoration: none; }

/*sub navigation*/
ul#subnav { width: 675px; height: 30px; margin: 0 0 15px 0; display: block; float: left; padding: 0; background-color: #d6953a; }
ul#subnav li { font-size: 1em; display: inline; border-left: 1px solid #fff; margin: 0; float: left; }
ul#subnav a { background-color: #d6953a; display: block; float: left; height: 20px; padding: 5px 6px; text-decoration: none; color: #fff; text-align: center!important; }
ul#subnav a:hover { background-color: #632e06; color: #e3ba22; text-decoration: none; }
body#midland-vets a.navabout1, body#bullsbrook-vets a.navabout2, body#meet-nurses a.navabout3, body#meet-receptionists a.navabout4, body#meet-management a.navabout5, 
body#midland-hospital a#navservices1, body#bullsbrook-hospital a#navservices2, body#medical-equip a#navservices3,
body#whatsnew a#navnews1, body#pet-winner a#navnews2, body#monthly-promo a#navnews3,
body#category-cat a#infocategory1, body#category-dog a#infocategory2, body#category-horse a#infocategory3, body#category-pocketpet a#infocategoryt4, body#categorywildlife a#infocategory5
{ background-color: #632e06; color: #e3ba22; text-decoration: none; }

/*about-listings*/
ul#about-listings { list-style: none; width: 645px; height: auto; padding: 0; margin: 0; display: block; }
ul#about-listings li { background-image: none!important; width: 100px; height: 200px; overflow: hidden; float: left; display: inline; text-align: center; background-color: #cee0eb; padding: 6px; margin: 0 7px 15px 8px; }
ul#about-listings li:hover, ul#about-listings li.abouthover { background-color: #1f57aa; text-decoration: none; }
ul#about-listings li img { text-align: center; display: block; float: left; margin-bottom: 10px; width: 100px!important; height: 120px!important; clear: both; line-height: 0; }
ul#about-listings li h2 { font-size: 1.3em; margin: 0; padding: 0 0 10px 0; height: 60px; text-align: center!important; }
ul#about-listings li:hover h2, ul#about-listings li.abouthover h2 { color: #fff!important; }
.detail-photos { padding: 10px 0 10px 15px; background-color: #fff; display: block; line-height: 20px; }
ul#about-listings li.nolist { font-size: 1em; width: auto; height: auto; overflow: visible!important; float: left; display: block; text-align: left; background: none!important; padding: 0!important; margin: 0!important; }

/*services*/
ul#services-info { width: 640px; list-style: none!important; margin: 0; padding: 0; display: block; }
ul#services-info li { background-image: none; padding: 0; margin: 0 0 20px 0; display: block; }
ul#services-info ul { list-style: none; padding-right: 20px; margin: 0 0 20px 20px; }
ul#services-info li li { display: block; background: url('../images/common/icon-bullet.gif') no-repeat 0 2px!important; padding-left: 25px; line-height: 16px; margin-bottom: 4px; }
div.info-section { margin: -10px 0 0 0; border-bottom: 1px dotted #d8d8d8; }
ul#services-info h2 { color: #c56f09; border-bottom: 1px dotted #d8d8d8; padding-bottom: 5px; }
ul#services-info h2:hover { color: #732d0a; }

/*search*/
#search-area { width: 195px; height: 87px; display: inline; float: left; margin: 0 0 10px 20px; clear: both; background: url('../images/core/title-quicksearch.gif') no-repeat 0 0; }
#search-area h2 { font-size: 0; line-height: 0; text-indent: -9999em; margin: 0; height: 35px; }
#search-area form.cmxform fieldset { border-top: 1px solid #e3ebf2; border-bottom: 1px solid #e3ebf2; display: block; width: 195px; height: 26px; padding: 12px 0; }
#search-area form.cmxform ol { margin: 0; }
#search-area form.cmxform label { width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; display: none; text-indent: -9999em; }
#search-area form.cmxform li { float: left; display: inline; height: 26px; margin-left: 4px; }
#search-area form.cmxform input { background-color: #fff; width: 141px; height: 18px; border: 1px solid #e3ebf2; padding: 3px 6px; }
#search-area form.cmxform input.searchnow { width: 27px!important; height: 26px; border: 0; float: left; font-size: 0; line-height: 0; display: block; text-indent: -9999em; padding: 0; margin: 0; background: url('../images/core/button-go.gif') no-repeat 0 0!important; text-decoration: none; }
#search-area form.cmxform input.searchnow:hover, #search-area form.cmxform input.searchnow.searchover { background-position: -27px 0!important; }

/*contact details*/
#contact-details { line-height: 17px; color: #636363; width: 190px; height: auto; display: inline; float: left; clear: both; margin: 0 0 10px 25px; background: url('../images/core/title-contact.gif') no-repeat -5px 0; }
#contact-details h3 { font-size: 0; line-height: 0; text-indent: -9999em; margin: 0; height: 35px; }
#contact-details h2 { font-size: 1.5em; color: #1d5cb5; padding-top: 14px; margin: 0; margin-left: -5px; padding-left: 5px; border-top: 1px solid #e3ebf2; }
#contact-details strong { font-size: 14px; color: #000; font-weight: normal; display: block; padding: 4px 0; }
#contact-details span { font-size: 1.1em; width: 100px; display: inline-block; }
#contact-details p { display: block; padding: 0; margin: 0 0 10px 0; }
#contact-details em { font-style: normal; color: #1d5cb5!important; text-transform: uppercase; }

/*ctas*/
#cta-container { width: 675px; float: left; margin: 0; display: block; height: 185px; clear: both; }
#cta-pet { width: 140px; height: 120px; padding: 25px 55px 40px 140px; display: inline; background: url('../images/core/bg-pet.jpg') no-repeat 0 0; float: left; margin-right: 5px; }
#cta-whatsnew { width: 165px; height: 110px; font-size: 1em; display: inline; float: left; padding: 25px 35px 50px 135px; background: url('../images/core/bg-whatsnew.jpg') no-repeat 0 0; }
#cta-whatsnew h2, #cta-pet h2 { font-size: 0; line-height: 0; text-indent: -9999em; margin: 0; height: 40px; }
#cta-whatsnew p { margin: 0; height: 50px; overflow: hidden; color: #000; line-height: 15px; }
#cta-whatsnew a { text-align: right; float: right; padding-right: 10px; color: #15488e; text-decoration: underline; font-size: 1.1em; }
#cta-pet p { margin: 0; height: 80px; overflow: hidden; text-align: center; }

/*contact page*/
#main-contact { display: block; width: 625px; }
#main-contact strong { font-size: 14px; color: #000; font-weight: normal; display: block; padding: 4px 0; }
#main-contact span { width: 120px; display: inline-block; }
#main-contact p { font-size: 1.2em; margin: 0 0 10px 0; }
#main-contact em { font-style: normal; color: #1d5cb5!important; text-transform: uppercase; }

/*=============================================================
	Footer
=============================================================*/

#footer { width: 870px; height: 180px; padding: 0 65px 0 35px; margin: 0 auto; display: block; background: url('../images/core/bg-footer.jpg') no-repeat 50% 0; clear: both; }
#sponsors { width: 520px; float: left; display: block; margin-top: 40px; }
#sponsors a#drontal { width: 180px; margin: -40px 50px 0 0!important; display: inline; height: 130px; text-indent: -9999em; }
#sponsors a { display: block; float: left; text-decoration: none; line-height: 0; font-size: 0; margin-left: 10px;  }
#footer-nav { width: 325px; height: 47px; float: right; display: inline; margin-top: 50px; line-height: 14px; }
#footer-nav p { margin: 0; color: #1c4674; width: 215px; display: inline; float: left; }
#footer-nav img { float: right; display: inline; }
#footer a { color: #1c4674; text-decoration: none;}
#footer a:hover { color: #1c4674; text-decoration: underline;}


/*=======================================================
 End of CSS Document for 
=======================================================*/