/*	SimpleGrid - a fork of CSSGrid by Crowd Favorite (https://github.com/crowdfavorite/css-grid)
 *	http://simplegrid.info
 *	by Conor Muirhead (http://conor.cc) of Early LLC (http://earlymade.com)	
 *  License: http://creativecommons.org/licenses/MIT/	*/

/* Containers */
body { font-size: 0.875em; padding: 0; }
.grid{ margin:0 auto; padding: 0 10px; width:700px; }
.row{ clear:left; }

/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6,.slot-7,.slot-8,.slot-9,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:inline; float:left; margin-left:20px; }

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:100px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:220px; } /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:460px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:580px; } /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:160px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:520px; } /* Three-Quarters */

/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:340px; } /* Halves */
.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 100%; } /* Full-Width */

/* Zeroing Out Leftmost Slot Margins */
.slot-0,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1 .slot-1,.slot-1-2 .slot-1,.slot-1-2 .slot-1-2,.slot-1-2-3 .slot-1,.slot-1-2-3 .slot-1-2,.slot-1-2-3 .slot-1-2-3,.slot-1-2-3-4 .slot-1,.slot-1-2-3-4 .slot-1-2,.slot-1-2-3-4 .slot-1-2-3,.slot-1-2-3-4 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1,.slot-1-2-3-4-5 .slot-1-2,.slot-1-2-3-4-5 .slot-1-2-3,.slot-1-2-3-4-5 .slot-1-2-3-4,.slot-1-2-3-4-5 .slot-1-2-3-4-5,.slot-2 .slot-2,.slot-2-3 .slot-2,.slot-2-3 .slot-2-3,.slot-2-3-4 .slot-2,.slot-2-3-4 .slot-2-3,.slot-2-3-4 .slot-2-3-4,.slot-2-3-4-5 .slot-2,.slot-2-3-4-5 .slot-2-3,.slot-2-3-4-5 .slot-2-3-4,.slot-2-3-4-5 .slot-2-3-4-5,.slot-3 .slot-3,.slot-3-4 .slot-3,.slot-3-4 .slot-3-4,.slot-3-4-5 .slot-3,.slot-3-4-5 .slot-3-4,.slot-3-4-5 .slot-3-4-5,.slot-4 .slot-4,.slot-4-5 .slot-4,.slot-4-5 .slot-4-5,.slot-5 .slot-5,.slot-7 .slot-7,.slot-7-8 .slot-7,.slot-7-8 .slot-7-8,.slot-7-8-9 .slot-7,.slot-7-8-9 .slot-7-8,.slot-7-8-9 .slot-7-8-9,.slot-8 .slot-8,.slot-8-9 .slot-8,.slot-8-9 .slot-8-9{ margin-left:0 !important; } /* Important is to avoid repeating this in larger screen css files */

/* Row Clearfix */
.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.row{ zoom:1; }

.grid {
	padding: 0 20px;
}
.socialContainer {
    padding: 0 0 0px 0;
}


#sidebar .testimonial, .questionOfWeek, #mainContent .feature {

    padding: 10px;

}
#logo {
    padding:25px 0 0 0;
    display:inline;
}
#redBox .redBox-trainer img {
    width: 60px;
    height: 60px;
}

#mobileHeader{
display:none;
}

#cookieLink{
right:345px;
}

.servicesView{
display:inline;
}

.media{
border-bottom:3px solid #076736;
margin-bottom:10px;
}

#sidebar{
height:100%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

#redBox{
display:inline;
font-size:0.9em;
border:none;
}

#redBox #inner{
margin:10px;
padding:0;
}

#redBox hr{
margin:3px 0;
height:1px;
background-color:#FFFFFF;
}
#redBox .redBox-text {
    padding: 5px;
float: left;
}
#redBox .redBox-find{
font-size:1.4em;
padding:4px 0;
border-bottom:1px solid #fff;
background:url('/images/white-paw.png');
background-repeat:no-repeat;background-position:top right;
}

#redBox span{
font-size:1.0em;
font-weight:bold;
}

#redBox img{

float:left;
    margin: 0;
}

#redBox .searchPostcode{
width:95px;
}

#redBox a{
color:#FFCC00;
text-decoration:underline;
}

#redBox a:hover{
color:#FFFFFF;
text-decoration:none;
background:none;
}

#redBox .redBox-landlines{
font-size:0.7em;
font-weight:normal;
}

#redBox .redBox-mobiles{
font-size:1.3em;
font-weight:bold;
}



#redBox .options{
font-size:0.8em;
font-weight:normal;
}


/* NAVIGATION */


#selectNavigation{
display:none;
}


#navigation{
display:block;
background-color:#000;
color:#fff;
margin:0;
padding:0;
border-bottom:1px solid #fff;
}

#navigation ul{
list-style:none;
padding:0;
margin:0;
border:0;
}

#navigation li{
float:left;
width:12.5%;
text-align:center;
box-sizing:border-box;
margin:0;
border-right:2px solid #000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation li:last-child,#navigation li.last-child{
border:0;
}

#navigation li a{
display:block;
color:#FFFFFF;
font-size:0.7em;
    padding:15px 0;
    letter-spacing: 0.5px;
text-decoration:none;


}



#navigation li a.selected{
color:#076736 !important;
background:#FFCC00 !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}

#navigation li a.green{
color:#FFCC00;
background:#076736;
}


#navigation li a.teght{
    padding:20px 0 15px 0;
    margin-top:-5px;
}

#navigation li a.highlight{
color:#FFCC00;
background: #076736;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#navigation li a.highlight:hover,#navigation li a.green:hover{
color:#076736;
background:#FFCC00;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#mainContent .item{
margin-bottom:0;
}

#mainContent .newsFront li{
margin-bottom:5px;
}

#topRow h2{
font-size:1em;

}

#bottomRow h2{

font-size:1em;

}

#mainContent #region{
margin-left:10%;
margin-top:10px;
}

#mainContent #regions{
margin-left:10%;
}

#mainContent .mediaRow{
margin:10px 0 25px 0;
}

#mainContent .mediaItem{
min-height:260px;
}

#mainContent #trainerServices{
margin-left:0;
}

#mainContent #category label,#mainContent #tipsearch label{
display:inline-block;
width:200px;
}

#mainContent #category select.tips{
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
width:200px;
}

#mainContent #tipsearch input.tips{
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
width:200px;
}

#sidebar{
padding-top:0;
padding-bottom:10px;
margin-top:0;
margin-bottom:20px;
border-radius: 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

#sidebar h2{
font-size:1.0em;
background-image: url('/images/bone20.png');
padding-right:22px;
}



#sidebar p{
margin:4px;
}

#sidebar h2.red{
color:#cc3333;
font-size:1.0em;
background-image: url('/images/bone-red20.png');
background-repeat:no-repeat;
background-position:right center;
}




#sidebar li{
font-size:1.0em;
background: url('/images/paw-list10.png') no-repeat 0px 5px;
padding-left: 15px;
padding-right: 4px;
margin-bottom:8px;
}

#greenBar p {
font-size:1.7em;
padding:5px 0;
}

.clearFlags{
clear:none;
}


#bbForm{
display: block;
overflow:hidden;
width: 400px;
margin: 5px auto 10px auto;
padding: 20px 15px;
background: rgba(0, 102, 51, 0.10);
border-radius: 6px 6px 6px 6px;
}

#bbForm #problems li{
font-size:1em;
}

#bbForm.bbFormWidth{
width:300px;
}

#bbForm.bbFormWidth input{
width:250px;
}

#bbForm p{
color: #666;
font-size: 1.0em;
margin:0 0 0 15px;
padding:0;
}

#bbForm .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 1.0em;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 45px;
padding-right:0px;
margin-right:15px;
width: 100%;
color: #666;
}

#bbForm .inputerror{
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
color: #cc3333;
border-color: rgba(255, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
margin-bottom: 15px;
font-size: 1.0em;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 45px;
padding-right:0px;
margin-right:15px;
width: 100%;
color: #cc3333;
}

#bbForm	label.placeholder {
cursor: text;
padding: 11px 25px;
padding-left: 55px;
color: #666;
}

#bbForm select.selmenu {
font-size: 17px;
color: #666;
padding: 9px !important;
border: 1px solid #dedede;
width: 50%;
margin-bottom: 15px;
}

#bbForm textarea {
font-size: 1em;
width:100%
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

#bbForm span.radiobadge { display: block; margin-bottom: 8px; }
#bbForm span.radiobadge label { color:#666; font-size: 1em; margin-left:10px; }

#bbForm input#firstname {
background: #fff url('/images/assets/contact-forms/name.png') 5px 4px no-repeat;
}
#bbForm input#surname {
background: #fff url('/images/assets/contact-forms/name.png') 5px 4px no-repeat;
}
#bbForm input#town {
background: #fff url('/images/assets/contact-forms/postcode.png') 5px 4px no-repeat;
}
#bbForm input#postcode {
background: #fff url('/images/assets/contact-forms/postcode.png') 5px 4px no-repeat;
}
#bbForm input#evening_telephone {
background: #fff url('/images/assets/contact-forms/phone.png') 5px 4px no-repeat;
}
#bbForm input#daytime_telephone {
background: #fff url('/images/assets/contact-forms/office.png') 5px 4px no-repeat;
}
#bbForm input#email {
background: #fff url('/images/assets/contact-forms/email.png') 5px 4px no-repeat;
}
#bbForm input#email2 {
background: #fff url('/images/assets/contact-forms/email.png') 5px 4px no-repeat;
}
#bbForm input#mobile_telephone {
background: #fff url('/images/assets/contact-forms/mobile.png') 5px 4px no-repeat;
}
#bbForm input#time_to_call {
background: #fff url('/images/assets/contact-forms/clock.png') 5px 4px no-repeat;
}
#bbForm textarea {
background: #fff url('/images/assets/contact-forms/message.png') 5px 4px no-repeat;
padding-left:45px;
}
#bbForm input#capital {
background: #fff url('/images/assets/contact-forms/currency.png') 5px 4px no-repeat;
}
#bbForm input#net_worth {
background: #fff url('/images/assets/contact-forms/currency.png') 5px 4px no-repeat;
}
#bbForm input#dog {
background: #fff url('/images/assets/contact-forms/dog.png') 5px 4px no-repeat;
}
#bbForm input#lessonDate {
background: #fff url('/images/assets/contact-forms/calendar.png') 5px 4px no-repeat;
}
#bbForm input#dogAge {
background: #fff url('/images/assets/contact-forms/calendar.png') 5px 4px no-repeat;
}
#bbForm input#dogBreed {
background: #fff url('/images/assets/contact-forms/dogBreed.png') 5px 4px no-repeat;
}
#bbForm input#invoice {
background: #fff url('/images/assets/contact-forms/invoice.png') 5px 4px no-repeat;
}
#bbForm input#vetName {
background: #fff url('/images/assets/contact-forms/vet.png') 5px 4px no-repeat;
}


/*
** QUIZ
*/

.cTable{min-width:80%;margin:auto;}
#quiz thead{background: #336633;color:#fff;}
#quiz td{padding:15px 10px;}
#quiz th{padding:5px 10px;}
#quiz tr.odd { background: none; }
#quiz tr.even { background: rgba(255, 255, 255, 0.42); }
#quiz td.center{text-align:center; }
#quiz th.fixed{width:15%; }


.fetch{
color:#FFFFFF;
background:#000000;
border:1px solid #FFFFFF;
}

/*
** Pagination
*/

#pagination {
	padding: 3px 0 10px 0;
	text-align: center;
}

#pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #005C27;
	text-decoration: none; /* no underline */
	color: #005C27;
	background: rgba(255, 255, 255, 0.42);
	border-radius: 5px;
}
#pagination a:hover, div.pagination a:active {
	color: #FFFFFF;
	background-color: #005C27;
	text-decoration: none; /* no underline */
}
#pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #005C27;
	font-weight: bold;
	background-color: #005C27;
	color: #ccc;
	border-radius: 5px;
}
#pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #996633;
	color: #996633;
	border-radius: 5px;
}

ul#accreditation{
list-style-type: none;
text-align:center;
margin:10px 0 0 0;
padding:0:
}

ul#accreditation li{
display:block;
margin:0 0 10px 0;
padding:0;
}

#behaviorIcons div{
font-size:0.8em;
overflow:auto;
margin:4px 4px;
font-weight:bold;
}


#behaviorIcons .left{
margin:0;
width:100%;
float:none;
}

#behaviorIcons .right{
margin:0;
width:100%;
float:none;
}

.iconAlign{
margin-right:4px;
vertical-align:middle;
}

.stuck {
position:fixed;
top:0;
background: #fed940;
border-radius: 0px 0 15px 15px;
width:160px;
}

#askQuestion a{
width:20%;
}

#socialContainer {
  white-space: nowrap;
  width: 100%;
  display: table;
}

.logo-image {
  vertical-align: middle;
  padding: 0px 0px 1px 1px;
  display: table-cell;
}

.logo-image img {
  width: 100%;
}