/*
// Penbode Veterinary Group
// Dark Colour // Highlight Colour */



html{
min-height: 101%;
overflow-x: hidden;
}

*{
padding: 0;
margin: 0;
list-style-type: none;
border: 0;
font-size: 100%;
background: transparent;
}

body{
position: relative;
text-align: center;
font-family: Arial,Verdana,Tahoma,sans-serif;
background: #424443 url(../images/background.jpg) repeat-x top left;
color: #4b4b4b;
overflow-x: hidden;
}

a{
text-decoration: none;
color: #363636;
}



h1{
margin: 0 0 10px 0;
font: normal 1.4em Arial,Verdana,Tahoma,sans-serif;
}

h2{
margin: 20px 0 0 0;
font: normal 1em Arial,Verdana,Tahoma,sans-serif;
}

h1.blue,h2.blue, #contact span.blue{color: #0079BC;}
h1.purple,h2.purple,#contact span.purple{color:  #9C4590;}
h1.green,h2.green,#contact span.green{color:  #8EB410;}
h1.red,h2.red,#contact span.red{color:  #d70141;}



h3{
margin: 10px;
font: normal 1.1em Arial,Verdana,Tahoma,sans-serif;
color: #ffffff;
}

img{
border: none;
}



#container{
width: 900px;
text-align: left;
margin: 0px auto;
background-color: #ffffff;
overflow: hidden;
}

#container.horse{
background-image: url(../images/horse-background.png);
background-position: bottom right;
background-repeat: no-repeat;
}

#container.cow{
background-image: url(../images/cow-background.png);
background-position: bottom right;
background-repeat: no-repeat;
}

#container.dog{
background-image: url(../images/dog-background.png);
background-position: bottom right;
background-repeat: no-repeat;
}

#content-wrapper{
clear: both;
margin: 0 auto;
overflow: hidden;
}



#column-left{
float: left;
width: 200px;
overflow: hidden;
}

.navigation-left{
width: 200px;
background: url(../images/navigation-left.png) repeat-x bottom left;
padding-bottom: 50px;
overflow: hidden;
}

.navigation-left li{
float: left;
width: 200px;
position: relative;
overflow: hidden;
}


.navigation-left li a{
float: left;
width: 200px;
display: block;
overflow: hidden;
height: 200px;
}

.navigation-left li a.vets{background: url(../images/logo.png);}
.navigation-left li a.vets-current{background: url(../images/logo-hover.png);}
.navigation-left li a.pets{background: url(../images/logo-pets.png);}
.navigation-left li a.pets-current{background: url(../images/logo-pets-hover.png);}

.navigation-left li a.farm{
background: url(../images/logo-farm.png);
}

.navigation-left li a.farm-current{
background: url(../images/logo-farm-hover.png);
}

.navigation-left li a.equine{
background: url(../images/logo-equine.png);
}

.navigation-left li a.equine-current{
background: url(../images/logo-equine-hover.png);
}

#column-center{
float: left;
padding-top: 270px;
width: 490px;
height: auto;
overflow: hidden;
}

.blue-col{
border-left: 10px solid #0079BC;
}

.purple-col{
border-left: 10px solid #9C4590;
}

.green-col{
border-left: 10px solid #8EB410;
}

.red-col{
border-left: 10px solid #d70141;
}

#column-right{
padding-top: 270px;
float: left;
width: 200px;
height: auto;
color: #fff;
overflow: hidden;
}

#column-right p{
font-size: 0.8em;
margin: 0 10px;
}

#column-right a{
color:#fff;
text-decoration: underline;
}

.blue-colu{background: #0079BC;}
.purple-colu{background:  #9C4590;}
.green-colu{background:  #8EB410;}
.red-colu{background: #d70141;}

.sub-navigation-left{
width: 190px;
background: url(../images/navigation-left.png) no-repeat top left;
font-size: 0.65em;
padding: 5px;
}

.sub-navigation-left li{
padding: 0;
height: 30px;
margin: 0;
}

.sub-navigation-left li a{
padding: 10px 0;
margin: 0;
}

.sub-equine-current, .sub-equine:hover {
color: #D70141;
}

.sub-pets-current, .sub-pets:hover {
color: #9C4590;
}

.sub-farm-current, .sub-farm:hover {
color: #95BC0F;
}




#header-wrapper{
width: 100%;
height: 200px;
position: relative;
margin: 0 auto;
margin-top: 10px;
}

#header{
width: 900px;
position: relative;
height: 200px;
background: #007BBF;
position: relative;
margin: 0 auto;
}

#logo{
position: absolute;
top: 0;
left: 0;
}

#contact{
position: absolute;
bottom: 50px;
right: 10px;
color: #ffffff;
font-size: 1em;
}

#contact a{
color: #ffffff;
}

#contact a:hover{
color: #cccccc;
}

#contact span{
font-weight: bold;
color: #ffffff;
}

#newsletter{
position: absolute;
top: 70px;
right: 10px;
}


FORM INPUT.textbox-subscribe {
width:200px;
height:24px;
background: #fff;
border: 1px solid #fff;
color: #333;
line-height: 21px;
padding: 0 2px;
float: left;
}

FORM INPUT.submit-subscribe {
width: auto;
height: 26px;
background: #DF0041;
color:#FFF;
cursor :pointer;
overflow: visible;
border: 1px solid #DF0041;
}




#navigation{
position: absolute;
top:10px;
right: 10px;
}

#navigation li{
list-style-type: none;
float: left;
}

#navigation a{
display: inline-block;
padding: 6px 10px;
color: #ffffff;
text-decoration: none;
text-align: left;
font-size: 0.7em;
font-weight: bold;
float: left;
}

#navigation a.blue:hover,#navigation a.blue-current{color: #cccccc;}
#navigation a.red:hover,#navigation a.red-current{color: #ccccccc}
#navigation a.purple:hover,#navigation a.purple-current{color: #cccccc;}
#navigation a.green:hover,#navigation a.green-current{color: #cccccc;}


#slideshow{
position: absolute;
top: 200px;
background: #000;
display: block;
right: 10px;
z-index: 999999999999999999999999999999999999999999999999999999999999;
width: 680px;
height: 250px;
overflow: hidden;
}

.slide-red{
border-top: 10px solid #DF0041;
border-bottom: 10px solid #DF0041;
}

.slide-blue{
border-top: 10px solid #007BBF;
border-bottom: 10px solid #007BBF;
}

.slide-green{
border-top: 10px solid #94BC0D;
border-bottom: 10px solid #94BC0D;
}

.slide-purple{
border-top: 10px solid #9C4590;
border-bottom: 10px solid #9C4590;
}


#slideshow img{
width: 680px;
height: 250px;
float: left;
}

#map {width: 500px; height: 300px;}




#content{
margin: 20px;
text-align: justify;
font-size: 12px;
line-height: 150%;
color: #4b4b4b;
}

#content p{
margin: 5px 0px 15px 0px;
}

#content a{
text-decoration: underline;
}


#content ul.list{
margin: 10px;
}

#content ul.list li{
padding-left: 20px;
}

#content ul.list.purple li{
background: url(../images/bullet-purple.png) no-repeat center left;
}

#content ul.list.green li{
background: url(../images/bullet-green.png) no-repeat center left;
}

#content ul.links{
color: #ffffff;
margin: 10px 0;
}

#content ul.links li{
margin-bottom: 5px;
width: 250px;
position: relative;
padding: 10px;
}

#content ul.links li a{
text-decoration: none;
}

#content ul.links li img{
position: absolute;
top: 13px;
right: 10px;
}

#content ul.links li a{
color: #ffffff;
padding-left: 30px;
display: block;
}

#content ul.links li small{
font-size: 0.8em;
}

#content ul.links li.pets{
background: #98428B url(../images/dog.png) no-repeat 2% 50%;
}

#content ul.links li.farm{
background: #97BE0D url(../images/cow.png) no-repeat 2% 50%;
}

#content ul.links li.equine{
background: #DF0041 url(../images/horse.png) no-repeat 2% 50%;
}



#content div.contactdiv{
float: left;
width: 225px;

}


#content div#map{
width: 450px;
height: 300px;
}

.img {
border: 5px solid #cccccc;
margin: 0 0 10px 10px;
}

#content td{
background: #ccc;
vertical-align: top;
text-align: left;
}

#content td.hours{
background: transparent;
vertical-align: top;
text-align: left;
}

#content td.top{
background: #8EB410;
color: #fff;
text-align: center;
}



#logos-wrapper{
margin-top: 50px;
background: url(../images/logos.png) repeat-x top left;
width: 100%;
height: 100px;
}

#logos{
width: 900px;
margin: 0 auto;
height: 100px;
}

#logos img{
margin: 30px 10px 10px 0px;
float: left;
}

#footer-wrapper{
width: 100%;
height: 100px;
}

#footer-wrapper.purple{background: #9D4591;}
#footer-wrapper.green{background: #97BE0D;}
#footer-wrapper.blue{background: #0078BC;}
#footer-wrapper.red{background: #E10044;}

#footer{
clear: both;
width: 900px;
heigh: 100px;
margin: 0 auto;
overflow: hidden;
color: #cccccc;
font: normal 10px "Trebuchet MS", Tahoma, Verdana;
}

#footer a{
color: #cccccc;
font-size: 10px;
}

#footer a:hover{
color: #ffffff;
}

#footer-left{
float: left;
line-height: 110%;
text-align: left;
padding: 7px;
}

#footer-right{
float: right;
text-align: right;
padding: 7px;
}



#contact-left{
float: left;
width: 300px;
margin: 10px 0px 20px 40px;
text-align: center;
}

#contact-right{
float: right;
width: 300px;
margin: 10px 40px 20px 0px;
}




form.contact-form{

padding: 10px;
}


form.contact-form input,form.contact-form textarea, select {
width:98%;
height:19px;
font:normal 0.9em/19px arial;
padding:2px;
color:#111314;
background: #ffffff url(../images/form.jpg) repeat-x bottom left;
border: 1px solid #cccccc;
}

form.contact-form select{
height:25px;
width:100%;
font:normal 0.9em arial;
border: 0;
border: 1px solid #cccccc;
}

form.contact-form input.textbox-honey {
display: none;
}

form.contact-form label {
color: #ffffff;
font:normal 0.8em/25px arial;
margin: 3px 0;
cursor: pointer;
}

form.contact-form textarea {
height:50px;
overflow:auto;
}

form.contact-form input.contact-submit{
width:auto;
cursor:pointer;
float:right;
color:#ffffff;
margin-top: 10px;
height: 23px;
border: 0;
overflow: visible;
background: #111314;
}



#panel{
width: 1000px;
margin: 6px auto;
border: 1px solid #2ecc1e;
background-color: #b7e5b0;
color: #218416;
padding: 15px;
font-weight: bold;
}



#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}


.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
}

.left{ float: left; }
.right{ float: right; }

.validated-form label.error{
color: #fff;
font-size: 12px;

}

div.warningbox,div.infobox,div.confirmbox{
min-height: 40px;
padding: 4px 8px 4px 50px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-position: 6px center;
font-size: 0.9em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.warningbox{
background-color: #f1d7d7;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/warning.png);
border: 3px double #d4322a;
color: #d4322a;
}

div.infobox{
background-color: #cbd5eb;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/info.png);
border: 3px double #3960af;
color: #3960af;
}

div.confirmbox{
background-color: #c3e5bf;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/confirm.png);
border: 3px double #38972e;
color: #38972e;
}


a.news-download{
float: right;
display: block;
padding: 6px 8px;
width: 120px;
background-color: #e2e2e2;
background-repeat: no-repeat;
background-position: 6px center;
text-align: right;
}