@charset "utf-8";
/* CSS Document */

/*Skeleton BASE*/

.container {
  position: relative;
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%;}
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

/*@font-face {
    font-family: Scribble;
    src: url(/welshcotts/page-elements/css/comesinhandy.ttf);
}*/


html {
  font-size: 62.5%; }
body {
  font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Muli', sans-serif;
  color: #222;
  background-color:#EEE;
  }

  
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

  
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
/*.button {
  margin-bottom: 1rem; }*/
input,
textarea,
select,
/*fieldset {
  margin-bottom: 1.5rem; }*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol {
  margin-bottom: 2.5rem; }
/*form {
  margin-bottom: 2.5rem; }*/
  
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/*So its all about mobile up here - lets start by hiding the section we don't want showing up on mobi phones*/
#company-nav {display:none;} /*We'll put this in the footer for mobi's*/

/*Style Elements*/
body {
	text-align:center;
	color:#E1F0FF;
	padding:0px;
	margin:0px;
}
.top-div { /*Purely an empty styling div*/
	height:50px;
	border-width:1px;
	border-style:solid;
	border-color:#666;
	margin-top:70px;
	background-color:#598ca2;
	border-left-width:0px;border-right-width:0px;
	z-index:9999;
}

.header {
	margin-top:-120px;
	z-index:1;
}
.container {width:100%;}
.row {margin-left:auto;margin-right:auto;}
ul {list-style-type:none;margin:0px;padding:0px;text-align:center;}
li {display:block;margin:0px;padding:0px;}

h1, h2, h3, .company-telephone {
	
}



/*NAV - Responsive topNav */
p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top:70px;
  z-index:1;
}

nav li {
	text-align:left;
}

nav ul li ul {
	margin-top:0px;
	background-color:#4a7c91;
	text-align:left;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #transparent;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  font-size:1.1em;
}

nav ul li ul li:hover { background: #000; }

nav a:hover { background-color: #transparent; }

nav ul ul {
  display: none;
  position: absolute;
  top: 50px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 270px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


#cycler{
	max-width:904px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	padding-bottom:136px;
	}
#cycler a img{
	position:absolute;
	z-index:1;
	/*background-color:white;*/
	max-width:904px;
	display:block;
	width:100%;
	border-radius:7px;
	/*box-shadow:0px 0px 3px #999;*/
	}
#cycler a img.active{z-index:3}


.notice {background-color:#F36;color:#fff;padding:20px;font-size:1.3em;width:80%;margin-left:auto;margin-right:auto;border-radius:7px;margin-top:20px;margin-bottom:-70px;
}


/* NAV Media Queries - Having to switch to max-width as impossible to achive using min-width
--------------------------------------------- */

/*@media all and (max-width : 768px) {*/

@media all and (max-width : 883px) { /*To incorporate 5 elements now*/
nav { margin: 0;
	}

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: none;
  margin-top:2px;
}


.toggle:hover { cursor:pointer;}

[id^=drop]:checked + ul { display: block; }

nav ul {
	margin-top:0px;
	text-align:center;
	width:100%;
}

nav ul li {
  display: block;
  width: 100%;
  background-color:#069;
  clear:both;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}

.notice {margin-bottom:20px;
}

}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
  
}

}

/*END Top NavBAR*/


.header .eight.columns li a{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	margin-right:10px;
	color:#E1F0FF;
	text-decoration:none;
	font-size:1.2em;
	background-color:#26779D;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:6px;
	border-radius:7px;
}

#company-nav a {
	text-decoration:none;
	color:#598ca2;
}

.company-telephone {
	font-size:1.2em;
	text-align:left;
	color:#fff;	
	background-color:#598ca2;
	padding:9px;
	padding-top:4px;
	margin-top:5px;
	border-radius:3px;
	margin-left:2px;
	display:none;
}

.quicksearch-form {
	font-size:.8em;
	color:#2980a9;
	background-color:#CCE9F7;
	padding:10px;
	padding-top:5px;
	padding-bottom:1px;
	text-align:center;
	box-shadow:0px 0px 1px #444;
	margin-bottom:10px;
}

.quicksearch h2 {
	color:#E1F0FF;
	/*background:rgba(56, 126, 159, 0.9);*/
	background:rgba(89, 140, 162, 0.9);
	margin-bottom:0px;
	padding:5px 10px;
	letter-spacing:.09em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#256685;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:none;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	
}

.quicksearch-form select {
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:3px;
	line-height:1em;
}

.quicksearch option {
	margin-bottom:14px;
}

select {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#searchSubmit button {
	display:block;
	color:#333;
	font-weight:normal;
	background-color:#FFDA8C;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	padding-right:35px;
	border-color:#FFE2A6;
	border-width:3px;
	border-style:solid;
	border-radius:5px;
	float:right;
	cursor: pointer;
}

.most-popular .column {
	background-color:#598ca2;
	padding-bottom:3px;
}
.most-popular h3 {
	padding:0px;
	margin:0px;
	line-height:1.1em;
}

.most-popular li {
	/*transition: all .2s ease-in-out;*/
}

.most-popular li:hover {
	/*transform: scale(1.05);*/
	box-shadow:0px 0px 15px #fff;
}

.counties ul, .counties li {
	text-align:center;
	margin:0px;
	padding:0px;
	
}

.area-search {
	clear:both;display:block;
}


.most-popular img {width:100%;max-width:323px;}
.counties li, .popular-searches li {display:block;margin-bottom:10px;}
.counties ul, .popular-searches ul, .most-popular li {margin-bottom:15px;}


.twitter {/*Hide Twitter for mobi's*/display:none;}

.blurb, .owners, .footer {
	background-color:#598ca2;
	color:#E1F0FF;
	padding:5px;
	margin-bottom: 1.0em;
}

.container {
	padding-bottom:70px;
}

.blurb a, .most-popular a, .owners a, .footer a {
	color:#E1F0FF;
}

.intro, .owners {
	background-color:transparent;
	border-style:solid;
	border-color:#598ca2;
	border-width:1px;
	padding:5px;
	margin-bottom: 1.0em;
}
.owners {
	background-image:url(../design-images/owners-bg.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;
}

#extra-blurb p {
	font-size:.85em;
}

.intro {
	text-align:left;
}


.intro {
	font-size:1.3em;color:#598ca2;
	border-radius:7px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:0px;
}
.intro p {
	text-align:left;
}
.intro a, .owners, .owners a {
	color:#598ca2;
}

#extra-blurb {
    display: none;
	margin-top:-15px;
	color:#598ca2;
}

.blurb h1, .owners h1 {
	line-height:1.2em;
	margin-top:-.05em;	
}
.blurb h1 {
	line-height:1em;
}
.blurb h2 {
	font-size:1.0em;
	line-height:1.2em;
	margin-top:-5px;
}
.blurb h2 a {
text-decoration:none;
}


.counties, .counties a, .popular-searches, .popular-searches a {
	color:#598ca2;
}

.counties h2, .popular-searches h2 {
	color:#598ca2;
	line-height:1.2em;
}

.counties .guides {
	display:block;
	padding-left:3px;
	padding-right:3px;
	color:#E1F0FF;
	background-color:#598ca2;
	border-radius:3px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.counties .guides a {
	color:#E1F0FF;
}

.guides {
	font-size:1.3em;
	padding:5px;
}
.guides p {
	padding-top:0px;
	padding-bottom:0px;
}
.guides img {
	display:block;
	width:100%;
	max-width:848px;
}

.popular-searches {
	display:none;
}

.owners, .footer {
	margin-top:.5em;
}
.footer {
	font-size:1.0em;
}

.owners h1, .owners h2 {
	line-height:1.2em;
}
.owners h2, .owners h3, .owners p {
	font-size:1.2em;
	color:#fff;
	padding:20px;
}
.owners a {
	color:#fff;
}

.footer-company-nav li {
	display:inline-block;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

.phone-number a {
	color:#fff;
}

.google_translate_element {
	display:block;
	margin-bottom:20px;
	height:20px;
}

.county-search {
	background:#C2D9E0;
	box-shadow:0px 0px 1px #000;
	border-style:solid;border-color:#598ca2;
	border-width:1px;
}

@media (min-width: 400px) {
/*Any specific inbetween mobile tablet size stuff here*/

#telnum {display:none;
}

.media {
		display:block;
		margin-top:9px;
	}

}


@media (min-width: 550px) {

    body {
        background-attachment: scroll;
		background-image: url(/welshcotts/page-elements/design-images/bg-31.jpg);
        background-repeat: no-repeat;
		background-position: -900px 115px;
		background-position: -900px 70px;
		width:100%;
    }

    
    /*Styling overides*/
    li {
        display: inline-block;
        margin: 0px;
        padding: 0px;
    }

    .column {
        margin-left: 1.29%;
        margin-bottom: 0px;
    }

    
    .header {
        position: relative;
        margin-top: -120px;
        z-index: 1;
    }

    .header img {
        float: right;
    }

    .toggle {
        float: left;
    }

    .header .eight.columns {
        margin-top: 81px;
        margin-left: -8px;
        z-index: 1;
        width: 70%;
    }

    .header .eight.columns li {
        text-align: left;
    }

    .header .eight.columns li a {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 3px;
        padding-right: 3px;
        margin-right: 1px;
        color: #E1F0FF;
        text-decoration: none;
        font-size: 1.0em;
        border-radius: 5px;
        background-color: transparent;
        display: inline-block;
        margin-top: -6px;
        margin-bottom: 0px;
    }

    .header .eight.columns li a:hover {
        background-color: #39C;
    }
	
	.row.quicksearch {
		margin-top:20px;
	}
	
	.most-popular {
		margin-left:1.5%;
	}

    .most-popular .column:first-child {
        margin-left: 2%;
    }


    .most-popular h3 {
        color: #033;
        font-size: 1.4em;
    }

    .most-popular a {
        color: #E1F0FF;
        text-decoration: none;
    }

    #popular-searches .column {
        margin-left: 2%;
    }

    .quicksearch {
        margin-bottom: 10px;
        border-width: 0px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }

    .row.quicksearch h2 {
        color: #E1F0FF;
        margin-bottom: 0px;
        font-size: 1.6em;
		line-height:1em;
        padding: 5px 10px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        width: 350px;
        margin-left: 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: #256685;
        text-align: left;
        letter-spacing: .05em;
    }

    .quicksearch-form {
        background-repeat: repeat;
        background-color:rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 1px #999;
        text-align: center;
        padding-bottom: 0px;
		border-radius:5px;
    }

    .quicksearch-form input {
        border-width: 0px;
        color: #FFF;
        font-size: 1.3em;
        float: right;
        width: 25%;
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
    }

    .quicksearch-form .two.columns {
        float: left;
        display: inline-block;
        padding: 0px;
        margin-right: 1.6%;
        margin-left: 1.6%;
        width: 29.5%;
    }

    .quicksearch-form .five.columns {
        margin-left: 0px;
    }

    .quicksearch-form select {
        display: block;
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    }

    #propref input {
        color: #000;
        border-color: #CCC;
        border-width: 1px;
        border-style: solid;
        width: 100%;
    }

    .company-telephone .five.columns {
        width: 90%;
        display: block;
    }

    .company-telephone {
        float: left;
        font-size: 1.2em;
        text-align: center;
        display: block;
        width: 60%;
    }

    fieldset #press-it {
        background-color: #FFDA8C;
        color: #333;
        border-color: #FFE2A6;
        border-width: 3px;
        border-style: solid;
        border-radius: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 1.4em;
        font-weight: normal;
        box-shadow: 0px 0px 1px #444;
    }

    .blurb, .owners {
        padding: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: left;
        margin-bottom: 20px;
        border-radius: 0px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
	
	.blurb {
		padding-top:13px;
		padding-bottom:0px;
	}

    .blurb p, .owners p {
        text-align: left;
    }

    .blurb h1, .owners h1 {
        font-size: 2.4em;
        letter-spacing: .05em;
    }

    .blurb h2, .owners h2 {
        font-size: 1.7em;
        letter-spacing: .04em;

    }

    .blurb h2 a, .owners h2 a {
        color: #E1F0FF;
        text-decoration: none;
    }

    .popular-searches {
        display: block;
    }

    .footer-company-nav li, .footer-company-nav, .footer-company-nav ul {
        /*display: none;*/
		text-align:left;
    }
	
	
	.footer-company-nav li a {
		text-decoration:none;
	}
	
	.footer-company-nav h4 {
		margin-top:0px;
		padding-top:0px;
		margin-bottom:7px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#EBEBEB;
	}
	.twitter {display:block;margin-top:20px;margin-bottom:15px;}
	
	.twelve.columns.address {
		margin-top:15px;
		padding-top:7px;
		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#3f7d96;
	}

}

@media (min-width: 758px) {
	
	body {
		background-position: 0px 115px;
		background-position: 0px 70px;
	}

    .quicksearch-form .two.columns {
        float: left;
        display: inline-block;
        padding: 0px;
        margin-left: .8%;
        margin-right: .8%;
        width: 15%;
    }
	
	.phone-number a {
	text-decoration:none;
	cursor:default;
	color:#fff;
}

}

@media (min-width: 900px) {
	body {
		background-position: 0px 115px;
		background-position: 0px 110px;
		background-size:100%;
		}
		
	.company-telephone {
		font-size:1.5em;
	}
	
	.telNo {
	text-align:left;
	margin-top:20px;
	margin-bottom:-55px;
	font-size:1.5em;
	max-width:1025px;
	margin-left:auto;
	margin-right:auto;
	color:#069;
	color:#598ca2;
	display:block;
	z-index:9999;
}
.telNo .phone-number a{
	color:#069;
	color:#598ca2;
}
	
}

@media (min-width: 1000px) {
	body {
		background-position: 0px 115px;
		background-position: 0px 110px;
		background-size:100%;
	}
}

@media (min-width: 1200px) {
	body {
		background-position: 0px 115px;
		background-position: 0px 110px;
		background-size:100%;
	}
		.footer-company-nav li {
		line-height:.5em;
	}
	
}

@media (min-width: 1600px) {
body {
        
		background-position: 0px 115px;
		background-position: 0px 110px;
		background-size:100%;
		
    }
}

@media (min-width: 1680px) {
body {
        
		background-position: center 115px;
		background-position: center 110px;
		background-size:100%;
		
    }
}

.owners {
	text-align:left;
}


nav ul li.special-offers:hover {
	color:#fff;
}

.post-footer {
	display:none;
}

@media (max-width: 500px) {
	.home-banner {
		display:none;
	}
}