@import url('bpreplay-fontfacekit/stylesheet.css');

/* Text */
h1, h2, h3,h4, #navi a  {font-family: 'BPreplayBold';font-weight: 100;color: #940405;}
h1                      {line-height:normal; margin-bottom:.2em;}
h2                      {line-height:normal;margin-bottom:.2em;}
h3                      {line-height:normal;margin-bottom:.2em;}
h1.h1pagetitle          {}

/*Page Layout*/
body                    {background: #4f0000 url(images/bg-highlight.jpg) no-repeat 50% 0;font-family: Arial, Helvetica, sans-serif;color: #515151;text-align:center;}
.wrapper                {margin: 0 auto; text-align:left;}
.wrapper.container      {padding:0px;}
.content                { padding:0;background: #f8fdfe url(images/shad-bottom.jpg) repeat-x bottom left;}
.content .col1Full      {background: #f8fdfe url(images/shad-bottom.jpg) repeat-x bottom left;}
.content .col2Full      {float:left; width:100%;background: #d8f8fb url(images/shad-bottom-hours.jpg) repeat-x bottom left;}
.banner                 {width:100%;background: #4fefff;}
.belowbanner            {width:100%; }
.adverts                {width:100%; height:144px; background: #4feeff url(images/advert-bg.jpg) no-repeat 0 0; }
.adverts div.adblocks   { padding: 20px 55px}
.footer                 {width:100%; height:39px; background: #c30000 url(images/footer-bg.jpg) no-repeat 0 0;}
.pad30                  {padding:15px;overflow:hidden;}

/*Header*/
.header                                 {width:100%; min-height:155px; }
.imgLogo                                {max-width:100%; padding: 13px 0px 0 0px;}
.phone, .phone:hover                    {color:inherit;text-decoration:none;cursor:auto;}
.afterhourPhone, .afterhourPhone:hover  {color:inherit;text-decoration:none;cursor:auto; white-space: nowrap;}
.vetName                                {float: right;padding: 10px 5px 8px 5px;margin-top: 23px;line-height: 1.6em;}
.vetPhone                               {clear: right;float: right;    padding: 8px 5px 3px 5px;font-family: 'BPreplayRegular';font-weight: 100;font-size: 40px;color: #fff;line-height: 1em;}
.vetAfterhours                          {padding: 4px 5px 15px 5px;clear: right;float: right;color: #fff;font-size: 15px;line-height: 1em;}
.name, .clongVetTitle                   {font-family: 'BPreplayBold';font-size: 20px;color: #fff;font-weight: 100;}
.name 					{font-size: 27px;}
@media (max-width: 767px)               {.header {text-align:center; padding-bottom:15px;}.vetName,.vetPhone,.vetAfterhours{float:none;}.vetPhone {font-size:36px;}}

/*Sub page banners*/
.pageBanner, .pageBannerCat, .pageBannerDog, .pageBannerStaff, .pageBannerContact   {background-color: #fff;}
.pageBannerCat          {}
.pageBannerDog          {}
.pageBannerStaff        {}
.pageBannerContact      {}

/*menu*/
.menu                   {background: #5a0000 url(images/menu-bg.jpg) no-repeat 0 0;}
.menu #navi a                 {color: #fff;}
#Dynamic_Menu1_Menu1 li a:hover {color: #059ffb;}


/*Contact Us*/
.mapLoc                 {float: left;padding: 0 0 12px 12px;}
.mapLoc img             {border: 5px solid #fff;}
.contactInfo            {}
.dvContentwithoutimage  {width: 50%;float: left;}
.dvmap                  {float: right;}
.dvmap img              {max-width:100%;}
@media (max-width: 767px)       {.dvContentwithoutimage{width:100%; float:none;}.dvmap {float:none; text-align:center;}}

/*meettheteam*/
.motContainer                   {padding:15px;margin-bottom: 15px;border-bottom:1px dashed #666;}
.motPhoto                       {float: left;padding: 0px;margin-right
                                 : 15px;border:1px solid #506371;}
.motName                        {padding: 20px 0 0 0;display: block;font-family: 'BPreplayRegular';font-weight: 100;font-size: 24px;font-weight: 100;}
.motJobtitle                    {font-size: 10px;font-weight:700}
.motDesc                        {margin-top:10px;padding-left:100px}
.motQualification               {font-size: 12px;font-style: italic;font-weight: normal;display: block;line-height:normal}
@media (max-width: 767px)       {.motPhoto{float:right;}.motDesc{padding-left:0;}}


/*priacvy policy*/
ol                      {padding-left: 40px;font-style:italic;line-height: normal;}
.private h3             {padding: 10px 0;font-size: 22px;}
.private p              {padding-bottom: 10px;}
.inner span             {line-height: 1.6em;}

/*Adblocks*/
.adblock1H, .adblock2H {text-align:center;}


/*footer style*/
.footer                 {}
.footer p               {padding: 12px 24px 0 0;text-align: right;font-size: 10px;color: #fff;}
.footer p span          {margin: 0 3px 0 0;}
.footer p a             {margin: 0 9px 0 9px;text-decoration: none;color: #fff;}
.footer p a:hover       {text-decoration: underline;}

/*misc*/
.openHours h3           {color: #059ffb;}
.local2u  img              {max-width:100%;}
.frontbannerImg            {max-width:100%;}


/*======= bootstrap menu overrides =======*/
.navbar {min-height: 15px;}
.navbar-default { background:transparent; border:0px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
@media (max-width: 768px)   {.navbar-default {background: url(images/menu-bg.jpg) no-repeat 50% 0;}}
.navbar{ margin-bottom:0;}
.navbar-nav .open .dropdown-menu { background-color:#333;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#fff;}
.nav > li { }
.navbar-default .navbar-nav > li > a { color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#fff; background:#333;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#fff;Background:#333;}
.dropdown-menu, .highlighted {background:#333;}
.dropdown-menu > li > a {color:#fff;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#d61a19;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.responsiveNav, .level1.nav.navbar-nav.static { float:none !important;}/*Used to remove asp.net style*/


@media (min-width: 767px)   {.navbar-collapse {padding:0;}}
@media (min-width: 992px)   {.container {width: 960px;} .navbar-collapse {padding:0;}}
@media (min-width: 1200px)  {.container {width: 960px;} .navbar-collapse {padding:0;}}

/*justified nav fix */
@media (min-width: 767px) {
	.navbar .navbar-inner {padding: 0;}
	.navbar .nav {margin: 0;display: table;width: 100%;}
	.navbar .nav > li {display: table-cell;width: auto;float: none;}
	.navbar .nav > li > a {text-align: center;border-left: 1px solid #ce1313;border-right: 1px solid rgba(0,0,0,.1);}
	.navbar .nav > li:first-child a {border-left: 0;border-radius: 8px 0 0 0px;}
	.navbar .nav > li:last-child a {border-right: 0;border-radius: 0 8px 0px 0;}
}