/* Bearwood Vets Screen CSS */

html, body { height:62.5%; } /* font-size:62.5% means 1em = 10px */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5 ,h6, p, a, img, address,label,object, embed { margin:0; padding:0; border:none; }

body {color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:62.5%; background-color:#FFFFFF; }
body {position: relative; width: 760px; margin: 10px auto; }
img {display:block; }
#page {position:absolute; left:10px; top:5px; width:200px; height:1px;}
h1, h2, h3, h4, h5 ,h6 { color: #1875d6; background-color: transparent; margin-bottom: 0.5em; }
h1 { font-size:1.8em; line-height:1.2em;}
h2 { font-size:1.6em; line-height:1.3em;}
h3 { font-size:1.4em; line-height:1.3em;}
h4 { font-size:1.2em; line-height:1.3em;}
h5, h6 { font-size:1em; line-height:1.3em;}
h1.DontDisplay { display: none; }
ul { list-style-type: none; }
ul {padding-bottom: 1em; padding-left: 1.2em; }
ul li { padding-top: .45em; padding-bottom: .35em; padding-left: 2em; margin-right: 1em; background: transparent url(assets/images/bearwoodbullet.jpg) 0 30% no-repeat; }
hr {border: 0; color: #168739; background-color: #168739; height: 1px; width: 100%; }
p { font-size:1.1em; background-color: transparent; line-height: 1.5em; margin-bottom: 1em;}
p.topLink { margin-top: 2em; }
address { font-size:1.1em; font-weight: bold; color: #333; background-color: transparent; line-height: 1.5em; /*font-style: normal*/; margin-bottom: 1em;}
label { font-size:1.1em; color: #333; background-color: transparent; line-height: 2em; font-style: normal; display: block; }

/* HOVER AND LINKING STUFF */
a { text-decoration: none; }
.hidden { line-height:0; position:relative; left:-3000px; }
.green { color: #168739; }
.green12 {color: #168739; font-size:12px; text-align:center;}
.offers {color: #168739; font-size:14px;}
a:link, a:visited, a:hover {text-decoration:none; color:#168739; }
/* MAIN NAVIGATION */
div#header { width: 759px; height: 125px; }
div#mainNavBar { width: 759px;}
div#mainNavBar ul { padding-top: 1em; padding-bottom: 1.1em; padding-left: 1.2em; padding-right: .5em;}
div#mainNavBar li { display: inline; }
div#mainNavBar ul li { padding-left: 1.8em; margin-right: 1em; background: transparent url(assets/images/bearwoodbullet.jpg) 0 50% no-repeat; } 
div#mainNavBar ul li a { font-size: 1.1em; color: #000; background-color: transparent; text-decoration: none;} 
div#mainNavBar ul li a:hover { text-decoration: underline;} 

div#surgerynums { width: 759px;}
div#surgerynums ul { padding-top: 1em; padding-bottom: 1.1em; padding-left: 1.2em; padding-right: .5em;}
div#surgerynums li { display: inline; }
div#surgerynums ul li { padding-left: 1.8em; margin-right: 1em; background: transparent url(assets/images/bearwoodbullet.jpg) 0 50% no-repeat; } 
div#surgerynums ul li a { font-size: 1.1em; color: #000; background-color: transparent; text-decoration: none;} 
div#surgerynums ul li a:hover { text-decoration: underline;} 


/* MAIN PANELS */
div#scroller {width: 742px; height:11px; padding:0px; }
div#topbar {position: relative; width: 742px; height:11px; top: 20px; padding:0px; background:#fff url(assets/images/bearwoodtopmain.jpg) left top no-repeat; }
div#mainbar {position: relative; width: 742px; height:0px; background: url(assets/images/bearwoodmidmain.jpg) left top repeat-y ; }
div#botbar  {position: relative; width: 742px; height:10px; background:#fff url(assets/images/bearwoodbotmain.jpg) left top no-repeat; clear:both;}
/*div#content { position: relative; width: 758px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}*/

#surgerypic {position:absolute; left:518px; top:10px; width:110px; height:83px; z-index:4; background:url(assets/images/banner1.gif);}
#topofferlayer {position:absolute; left:210px; top:50px; width:400px; height:150px;}
#textlayer {position:relative; left:-1px; top:10px; width:580px; height:151px; z-index:5; }
#bearwoodphone {position:absolute; left:19px; top:84px; width:654px; height:0px; z-index:6; }
#copyright {position:relative; left:0px; top:0px; width:754px; height:30px; z-index:7; }
#rightlayer {position:absolute; left: 617px; top: 50px; width:124px; /*height:240px;*/ height:auto; }
#pedigreedoglogo {position:relative; left:8px; top:5px; width:110px; height:auto; z-index:3;}
#thewebvetlogo {position:absolute; left:632px; top:10px; width:110px; height:50px; z-index:1; background: url(assets/images/thewebvet_logo.jpg);}

#pedigreecatlogo {position:absolute; left:632px; top:117px; width:110px; height:49px; z-index:2; }

.style1 {font-weight: bold;font-size: 110%;}
.style2 {font-size: 11px;}
.style3 {font-size:9px;}
.style12vty {font-size:18px;}
.red {color:#FF0000; font-size:14px; }
.stylered {color:#FF0000; font-size:18px; margin-bottom:10px;}
.offer_red {color:#FF0000; font-weight:550;}
.styleredsmall {color:#FF0000; font-size:12px;}
.stylegreen {color:#168739; font-size:12px; margin-bottom:10px;}
.small {font-size:18px;}
.samelineheight {line-height:24px;}
/*p.offers {padding:10px; background-color:#FF0000; color:#fff; font-size:18px; font-weight:bold; }
p.offers a {float:right; color:#000;}*/
.pictext {font-size: 110%;}
div.specialoffer {border:1px solid #FF0000; padding:10px 20px;margin-bottom:10px; }
div.specialoffer img {float:right; display:block; margin-left:20px; margin-top:1px; }
div.clearboth {clear:both;}
/*POP UP TEXT LAYERS*/
#pop_peter {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_amy {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_joanne {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_sophie {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_rebecca {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_jane {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_liz {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
#pop_eileen {position:absolute; left:563px; top:167px; width:178px; height:91px;  visibility:hidden;}
/* POP PIcs for Puns */
#pophare {position:absolute; left:5px; top:251px !important; top:242px; width:218px; height:91px;  visibility:hidden;}
.popup {font-size:10px;}
/* MISC CLASSES */