/* things like this are comments */
.paws{ /* An empty div with class="paws" will produce a line of paw prints */
width:100%;
background:url(../images/css/paws.png) repeat-x;
height:48px;
margin-top: 30px;
}
.pawprints{ /* smaller margins above and below */
width:100%;
background:url(../images/css/paws.png) repeat-x;
height:24px;
margin-top: 12px;
}
p{ /* paragraph text */
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#5b5b5b;
}
p span{ /* Grooming: Wildwash paragraph headings */
color:#720015;
}
span.amy{ /*Grooming: packages highlights */
font-family: 'girls_have_many_secretsRg';
font-size:16px;
color:#720015;
}
p.amy{ /*AboutUs-Testimonials: 3rd level non-underlined headings */
font-family: 'girls_have_many_secretsRg';
font-size:22px;
color:#720015;
}
.services{ /* Prices,T&Cs,Testimonials: lists in boxes */
/* background:#ededed; */
background: rgb(221,221,221); /* Old browsers */
background: linear-gradient(to bottom, rgba(221,221,221,1) 9%,rgba(237,237,237,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
padding:15px;
border:1px solid #ddddd4;
}
p.bigger{ /* Prices:hugs&kisses */
font-family: 'girls_have_many_secretsRg';
font-size:50px;
color:#720015;
text-align:center;
margin-bottom:0;
margin-top:45px;
padding:0;
}
.footer{ /* Footer: the background colour */
/* Converted to a gradient. The line below and others like it is the non-gradient version */
/* background:#5b5b5b; */
background: rgb(91,91,91); /* Old browsers */
background: linear-gradient(to bottom, rgba(91,91,91,1) 9%,rgba(124,124,124,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-9 */
padding:20px 0px 0px 0px;
}
p.footer-text{ /* Footer: bottom row words */
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#5b5b5b;
margin:0;
padding:0;
}
p.footer-text a{ /* Footer: bottom row links */
color:#720015;
}
h1{ /* All: top level headings */
font-family: 'girls_have_many_secretsRg';
font-size:40px;
color:#5b5b5b;
margin-top:40px;
}
h1 span{ /* Home: Pawsome Dogs in top level heading */
color:#720015;
}
h2{ /* All: 2nd level underlined headings */
font-family: 'girls_have_many_secretsRg';
font-size:30px;
color:#720015;
margin:0;
padding:0;
}
h3{ /* Home,Grooming: Contact us today */
font-family: 'girls_have_many_secretsRg';
font-size:25px;
color:#720015;
margin:0;
padding:0;
margin:20px 0;
}
.title1{
width:40%;
}
.title1 h2{ /* Header: Your Dog in Caring Hands */
color:#720015;
}
.title2{ /* Home: box in picture */
border-top:3px solid #720015;
border-left:3px solid #720015;
border-right:3px solid #720015;
border-bottom:3px solid #720015;
/* background:#333; */
background: rgb(51,51,51); /* Old browsers */
background: linear-gradient(to bottom, rgba(51,51,51,1) 9%,rgba(83,83,83,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
margin-top:22px;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
p.curlytext{ /* Home: text in box in picture */
font-family: 'girls_have_many_secretsRg';
font-size:20px;
color:#FFFFFF;
text-align:left;
line-height: 25px;
margin: 10px 0;
}
h2.titletext{ /* Footer: titles */
font-family: 'girls_have_many_secretsRg';
font-size:30px;
color:#FFFFFF;
margin-bottom:10px;
}
p.contact-text{ /* Footer: text */
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#FFFFFF;
}
.jiggle:hover  {
animation-name: jig;
animation-timing-function: linear;
animation-iteration-count: 20;
animation-duration: .2s;
z-index: 4;
}
@keyframes jig {
from {transform: translate(0, 0px);
z-index: 4;}
to   {transform: translate(0, -2px);
z-index: 4;}
}

.red {
color:#FF0000;
}
.wwbg { /* News,Leaflet,Teeth: A marbled background*/
background-image: url(/images/header/bg.png);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg { /* Header: the faint colour gradient (shading) that is the background on the top 10% of all pages */
background: rgb(255,255,255); /* Old browsers */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,225,225,1) 5%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100% ); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.navigation-menu{ /* Header: menu */
background: rgb(114,0,21); /* Old browsers */
background: linear-gradient(to bottom,  rgba(114,0,21,1) 9%,rgba(146,0,27,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720015', endColorstr='#92001b',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #f8f8f8;
}
#sidebar { /* Header: sidebar */
color: #ffffff;
}
#sidebar a { /* Header: sidebar */
color: #750015;
background-color: #ffffff;
}
.btn-danger { /* Footer: buttons */
color: #750015; /* the colour of the text on the button */
/* background-color: #7b7b7b; */
background: rgb(91,91,91); /* Old browsers */
background: linear-gradient(to bottom, rgba(91,91,91,1) 9%,rgba(224,224,224,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
border-color: #e4e4e4
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { /* Footer: buttons when hovered or active*/
color: #ffffff;
background-color: #d2322d;
border-color: #222222
}
/* Remainder are not used, but here to keep all buttony stuff together */
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff
}
.show {display: inline-block;}

/* dropdown stuff */
/* dropbtn is main menu label, dropdown is the sub-menu box, dropdown-content are the rows in the sub-menu*/
table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
}
table td{
  padding-top: 5px;
}
.menu tr {
height: 40px;
}
.menu td {
text-align: center;
border-right:1px solid #dddddd;
word-wrap:break-word;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
color: #ffffff;
}
.menu td:last-child {border-right:none;}
.menu td:hover{
height: 40px;
background:#88898b !important;
color: #FFF !important;
cursor:pointer;
}
.menu td.active{
height: 40px;
background:#393939 !important;
color: #FFF !important;
}
.hdropbtn {
  height: 25px;
  background-color: #750015;
  color: white;
  font-size: 1em;
  border: none;
}
.hdropbtn:hover {
  background-color: #88898b;
}
.hdropdown {
  height: 25px;
  position: relative;
  display: inline-block;
  background-color: #750015;
}
.hdropdown-content {
  display: none;
  margin:0px;
  padding: 0px;
  position: relative;
  background:#eeeeee !important;
  color: #FFF !important;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  font-size: 0.8em;
  text-align: left;
  z-index: 111
}
.hdropdown-content a {
  height: 25px;
  color: black;
  padding-left: 6px;
  text-decoration: none;
  display: block;
}
.hdropdown-content a:hover {
  background-color: #750015;
  color: #ffffff;
}
.hdropdown:hover .hdropdown-content {display: block;}
.hdropdown:hover .hdropbtn {color: #fff;}