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


/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
   
   Darkest Green:		#17382D; or r23 G56 B45
   Mid Green:			#00923F; or	0, 146, 63,
   Light Green:			#85C226; or	133, 194, 38,
   
   .green-background{
	    background:#5fa573;
}

.lime-green-background{
	    background:#D1E068;
}

.light-green-background{
	    background:#D1E09A;
}

.dark-green-background{
	    background:#17382D;
}

.light-grey-background{
	background:#eee;
	}
	
.dark-grey-background{
	background:#333;
	}
---------------------------------------------------------------------*/

body{
font-family: Calibri, Arial, Helvetica, sans-serif;
line-height: 1.4;
}

a{
text-decoration:none;	
}

.clear {
clear: both;
}

.cleargap {
clear: both;
margin:50px;
padding:50px;
}

.clear20 {
clear: both;
margin:20px;
padding:20px;
}

.clear18{
clear: both;
margin:18px;
padding:18px;
}

.clear10{
clear: both;
margin:10px;
padding:10px;
}

#wrapper{
padding: 0px 0 0px;
margin: 0 auto;
width: 960px;
}

.border-bottom {
border-bottom: 5px solid #0066B3;
}

#toolbar {
    background: none repeat scroll 0 0 #0066B3;
    height: 40px;
    width: 100%;
}


.checkout {
text-align:right;
padding: 10px 0px 0px;
margin: 0 auto;
width: 960px;
color:#FFF;
font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:400;
font-style:italic;
line-height: 18px;
display:block;
}

.checkout a{
color:#FFF;
font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:400;
font-style:italic;
}

#header{
background: none repeat scroll 0 0 #fff;
display: block;
height: 110px;
width: 100%;
z-index: 999;
margin-top:40px;
}


/* logo*/

#logo {
text-indent:-5000px;
background: url(loo-hire-img/logo.png) no-repeat;
height: 200px;
width: 300px;
float:left;
}

#tel_no {
float:right;
padding: 5px 0px 0px;
margin: 0 auto;
color:#17382D;
font-family: 'ChunkFive-Roman','Raleway','OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
font-size: 52px;
font-weight:300;
line-height: 52px;
display:block;
}



/* navigation*/

nav[role="navigation"] {
margin: -80px 0 0 335px;
padding: 0;
list-style-type: none;
list-style-image: none;
width:630px;
float:left;
background:#47A447;
}

text-transform: uppercase;
letter-spacing:.1em;

nav[role="navigation"] li {

}

nav[role="navigation"] a {
text-decoration: none;
font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
text-decoration: none;
text-transform:uppercase;
padding: 0px 8px 3px;
color: #fff;
}

nav .startlist {
padding-left: 0px;
margin-left: 0px;
}

nav .endlist {
padding-right: 28px
}

a {
  color: #999;
  -webkit-transition: color .3s;
  transition: color .3s;
}
a:hover, a:focus {
  color: #85C226;
  text-decoration: none;
}

.navbar .navbar-nav li a:hover {
      color: #fff;
      background-color: #00923F;
    }


    .navbar .navbar-toggle:visited,
    .navbar .navbar-toggle:focus,
    .navbar .navbar-toggle:hover { background-color: #00923F; }

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #00923F;
}


/* Home Page Carousel */

.home-slide{
	width: 965px;
	height:400px;
	background-position: center;
  	background-size: cover;
	z-index:1;
	
	}

.loo-hire-north-east{
	background-image: url(loo-hire-img/loo-hire-north-east-england.jpg);
	width: 965px;
	height:400px;
	background-position: center;
  	background-size: cover;
	}

.loo-hire-durham{
	background-image:url(loo-hire-img/loo-hire-durham.jpg);
	width: 965px;
	height:400px;
	background-position: center;
  	background-size: cover;
	}
	
.loo-hire-newcastle{
	background-image:url(loo-hire-img/loo-hire-newcastle.jpg);
	width: 965px;
	height:400px;
	background-position: center;
  	background-size: cover;
	}

.loo-hire-sunderland {
	background-image:url(loo-hire-img/loo-hire-sunderland.jpg);
	width: 965px;
	height:400px;
	background-position: center;
  	background-size: cover;
	}
	

.home-slide h1 {
	font-family: 'Josefin Sans','ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, 		sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 45px;
	color:#FFF;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	padding-top:100px;
	padding-bottom:0px;
	padding-left:100px;
	padding-right: 100px;
	text-align:center;
	}

.home-slide p {
    color: #fff;
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight:400;
    line-height: 22px;
	text-align:center;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:100px;
	padding-right: 100px;
	margin-bottom:20px;
	}

/* About Page Carousel */

	
.about-slide{
	width: 450px;
	height:400px;
	padding:0;
	overflow: hidden; 
	display: block; 
	position: relative; 
	width: 100%;
	margin-bottom:0px;
	}

ul.slides {
	z-index:10;
		float:left;
	padding-left:0px;
	margin-right:0px;
	}	
	
.flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    padding:5px;
	background-color: #D1E068;

}

.flex-caption h1 {
    color:#FFF;

}

.single-loo{
	background-image:url(loo-hire-img/castlewood-loo.png);
	width: 360px;
	background-position: center;
	background-repeat:no-repeat;
  	
	}

.disabled-loo{
	background-image:url(loo-hire-img/disabled-loo.png);
	width: 360px;
	background-position: center;
	background-repeat:no-repeat;
  	
	}
	
.six-man-urinal{
	background-image:url(loo-hire-img/six-man-urinal.png);
	background-position: center;
	width: 360px;
	background-repeat:no-repeat;
  	
	}

.three-man-urinal {
	background-image:url(loo-hire-img/three-man-urinal.png);
	background-position: center;
	width: 360px;
	background-repeat:no-repeat;
  	
	}
	
.flex-caption h1 {
	font-family:"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:300;
	font-size: 25px;
	margin:0;
	padding:0;
	}

.flex-caption  p {
    color: #444;
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	text-transform:none;
    font-size: 14px;
	font-weight: lighter;
    line-height: 26px;
	margin:0;
	padding:0;
	}



.carousel-wrapper {
	width: 965px;
	float: center;
	height:400px;
	}

.carousel {
  height: 400px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.carousel-caption h1{
	font-family: 'Josefin Sans','ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 45px;
	}

.carousel-caption p{
    color: #fff;
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight:400;
    line-height: 22px;
	text-align:center;
	display:block;
	margin-bottom:20px;
}

.btn-success{
	background-color: #85C226;
	}

.carousel-wrapper-about {
	width: 450px;
	float: left;
	height:400px;
	}


.carousel-caption-about{
	position:absolute;
	padding:10px;
	bottom:0px;
	z-index:10;
	color:#fff;
}

.carousel-caption-about h1{
	font-family: "Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:300;
	font-size: 25px;
	margin-top: 0px;
	}
	
.carousel-caption-about p{
    color: #444;
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	text-transform:none;
    font-size: 14px;
	font-weight: lighter;
    line-height: 26px;
	text-align:left;
	display:block;
	margin-bottom:0px;
}

.carousel-control-about {position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:70px;color:#17382D;text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.6);
}

.carousel-control-about.left{}

.carousel-control-about.right{left:auto;right:0;}

.carousel-control-about:hover,.carousel-control-about:focus{outline:0;color:#17382D;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}

.carousel-control-about .icon-prev,.carousel-control-about .icon-next,.carousel-control-about .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:30%;z-index:5;display:inline-block}

.carousel-control-about .icon-prev,.carousel-control-about .glyphicon-chevron-left{left:50%}

.carousel-control-about .icon-next,.carousel-control-about .glyphicon-chevron-right{right:50%}

.carousel-control-about .icon-prev,.carousel-control-about .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}

.carousel-control-about .icon-prev:before{content:'\2039'}
.carousel-control-about .icon-next:before{content:'\203a'}


/* Main Content */

#main{
float: left;
margin-top:40px;
margin-bottom:40px;
padding: 0;
width:960px;
}

#main img{
padding-bottom: 10px;
}


.middleimage {
padding-left:25px;
padding-right:25px;
}

.headline{
margin-right: 0px;
margin-left: 0px;
margin-bottom:20px;
margin-top: 30px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align:center;
padding: 20px 20px 20px 20px;

}

.headline-nothome{
margin-right: 0px;
margin-left: 0px;
margin-bottom:20px;
margin-top: 30px;
font-family: Georgia, "Times New Roman", Times, serif;

}

.castlewood h1 {
	font-family: 'Josefin Sans','ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 45px;
	margin-top:0;
	padding-top:0;
}

.our-fleet h1 {
	font-family: 'Josefin Sans','ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 45px;
	margin-top:30px;
	padding-top:0;
}


.castlewood h2 {
	font-family: 'Josefin Sans','ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 35px;
	margin-bottom:20px;
	
}

.castlewood h3 {
	font-family:"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:none;
	font-weight:300;
	font-size: 22px;
	line-height:30px;
	margin-bottom:-60px;
	
}

.loo-right{
	padding-left:60px;
	}


	
.disabled-loo{
	padding-top:80px;
	}

h3 {
    color: rgb(80, 83, 90);
    font-family: Georgia, calibri, 'Open Sans',"Lucida Grande", Arial, Helvetica, sans-serif; 
    font-size: 16px;
	line-height: 30px;
	font-weight:300;
	text-align:left;
	display:block;
	padding: 20px 0px 20px 0px;
}

#thirds {
    margin-top: 50px;
	margin-left:10px;
	margin-bottom:20px;
	margin-right:10px;
}

#thirds ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#thirds ul li {
    float: left;
    margin-right: 38px;
    width: 288px;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	display: block;
	
}

#thirds ul li:last-child{
	margin-right:0px;
	padding-right:0px;
}

#thirds h2 {
    color:#000;
    font-family:'Open Sans',"Lucida Grande", Arial, Helvetica, sans-serif; 
    font-size: 32px;
	line-height: 30px;
	font-weight:300;
	float: center;
	padding-left:0px;
	padding-top:10px;
	
}

.centre{
	text-align:center;}

#thirds p {
	
}

/* Block display class */
.blocked {
display: block; 
}

i {
	float: center;
	text-align:center;
	padding-top: 40px;
	color:#17382D;
}

/* big icons */

.circled {
    display: block;
    float: center; 
	margin-left:60px;
    width: 150px;
    height: 150px;
    line-height: 2.2em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color:#47A447;
	}

#halves  {
    margin-top: 0px;
	margin-left:0px;
	margin-bottom:20px;
	margin-right:0px;
}

#halves  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#halves ul li {
    float: left;
    width: 470px;
	background-color:#FFF;
	float:left;
	padding-left:0px;
	margin-right:30px;
	display: block;
	
}

#halves ul li.endlist {
	padding-right:0;
	margin-right:-30px;
}

p{
    color: rgb(80, 83, 90);
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight:400;
    line-height: 22px;
	text-align:left;
	display:block;
	margin-bottom:20px;
}

a.ordinary-link{
    color:#099;
    font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight:normal;
    line-height: 18px;
	text-align:right;
	display:block;
	margin-bottom:10px;
	
}

a.in-text-link{
    color:#099;
    font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight:normal;
	
}

.center {
	max-width:930px;
	height:300px;
	overflow:hidden;
	text-align:center;
	margin-left:15px;
	}

.green-background{
	    background:#5fa573;
}

.lime-green-background{
	    background:#D1E068;
}

.light-green-background{
	    background:#D1E09A;
}

.dark-green-background{
	    background:#17382D;
}

.light-grey-background{
	background:#eee;
	}
	
.dark-grey-background{
	background:#333;
	}
	
.jumbotron {
	margin-top:50px;
	margin-bottom:0;
	}
	
.jumbotron p{
	font-size:16px;
	line-height:30px;
	font-weight:300;
	color:#FFF;
	}

.jumbotron h3{
	color:#FFF;
	margin-top:-35px;
	}

footer[role="contentinfo"] {
    width: 100%;
	color: #000 !important;
	display:block;
	height: 100%;
	margin-top:0px;
	padding-bottom:20px;
	padding-top:0px;
	overflow:visible;
}

blockquote {
	border-left:5px solid #fff;
	}
	
blockquote p{
	margin-bottom:0;font-size:16px;font-weight:300;line-height:25px;}


.list {
    border-bottom: 1px solid #333;
    color: #17382D;
    font-size: 16px;
    margin-bottom: 10px !important;
	color:#fff;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}

footer[role="contentinfo"] p{
    color:#17382D;
    font-family:'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight:400;
    line-height: 22px;
	display:block;
}

li.startrow{
	margin-left:0;
	padding-left:0;
	}

li.endrow{
	margin-right:0;
	padding-right:0;
	}


.copyright{
    margin-left:0px;
	padding-top:60px;
}

.contact{
	margin-top:30px;
}

.left{
	text-align:left;}

.contact img{
	margin-bottom:-10px;
	margin-right:15px;
	margin-left:0px;
}

footer[role="contentinfo"]  h3{
    color:#17382D;
    font-size: 14px;
    margin-bottom: 10px !important;
	margin-top:0px;
    font-family: 'OpenSansRegular',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	font-weight:300;
	font-style:normal;
}

footer[role="contentinfo"] h2{
	font-weight:300;
	font-style:normal;
	color:#17382D;
	font-family:'ChunkFive-Roman','Raleway','PT Sans',"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:1px;
}
	
footer[role="contentinfo"] a {
    font-size: 14px;
    margin-bottom: 5px !important;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
	font-weight:300;
	font-style:normal;
	color:inherit;
	padding-left:20px;

}

footer[role="contentinfo"] a:hover{
font-weight:400;
text-decoration:none;
}

footer[role="contentinfo"] a.active{
font-weight:400;
}

footer[role="contentinfo"] a.active:hover{
font-weight:400;
text-decoration:none;
}


.contact{
	margin-top:30px;
}

.contact p{
	color:#FFF;
    font-family: calibri, 'Open Sans',"Lucida Grande", Arial, Helvetica, sans-serif; 
    font-size: 18px;
	font-weight:normal;
	text-align:left;
	display:block;
	margin-left:40px;
	margin-top:-60px
}

.contact img{
	margin-bottom:-10px;
	margin-right:15px;
	margin-left:0px;
}

/* Table settings */

thead {
	border-bottom: 5px solid #444;
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	
	}

/* Collapsible */
.panel-group {
}
  .panel-group .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
    .panel .panel-heading {
      position: relative;
      line-height: 60px;
      background-color: #D1E068;
      border-left: none;
      border-right: none;
   
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      
      -webkit-transition: .3s;
      transition: .3s;
    }
      .panel .panel-heading.active { background-color: #5fa573; }
      .panel .panel-heading.active .panel-title { color: #444; }
      
      .panel .panel-heading i { 
        top: 0;
        right: 20px;
        font-size: 18px;
        line-height: 70px;
        position: absolute;
        color: #999;
      }
      .panel .panel-heading i.icon-minus { display: none; color: #444; }
      .panel .panel-heading.active i.icon-minus { display: block; }
      .panel .panel-heading.active i.icon-plus { display: none; }
      
      .panel .panel-heading .panel-title {
        font-size: 23px;
        color: #888;
        line-height: 50px;
		font-family:"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		text-transform:none;
		font-weight:300;

      }
        .panel .panel-heading .panel-title a:hover { color: #444; }
    .panel-group .panel-heading + .panel-collapse .panel-body {
      margin-top: 5px;
      border-top: 0;
      background-color: #eee;
      padding: 20px;
      color: #777;
      line-height: 26px;
    }

.progress-header{
    display: block;
    text-transform: uppercase;
    text-align: left;
	font-family:"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	font-weight:300;
	font-size: 16px;
}

.progress-bar-castlewood1{background-color:#D1E09A;}
.progress-striped .progress-bar-castlewood1{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}


.events a{
	color: inherit;
	text-decoration: none;
	font-size: inherit;
	}

.events a:hover{
	color:#5fa573; 
	-webkit-transition: .3s;
  	transition: .3s;}
	
.form-group {
	display: block;
    text-align: left;
	font-family:"Open Sans", 'Open Sans', "century gothic", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:300;
	font-size: 16px;
	}