/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
  font-family: 'Open Sans', sans-serif; padding-top:80px; background:#F3F2F4
}

.scriptwriting{font-family: 'Handlee', cursive;}




p {
    margin: 0px 0px 20px;
}

.general h1 {

    border-bottom: 1px  solid #D80C7F;
    color: #D80C7F;
    font-weight: 500;
	padding-bottom:10px;
	margin-bottom:30px;
	font-size: 26px;
}
.commercialpage .content h1 {

    border-bottom: 1px  solid #B0D8E9;
    color: #0085BD;
    font-weight: 500;
	padding-bottom:10px;
	margin-bottom:30px;
}


.commercialpage .content h2{color:#0085BD;}

.commercialpage .content h3{

    color:#0085BD;
    font-weight: 500;
	padding-bottom:10px;
	margin-bottom:30px;
}

.commercialpage .content h4{color:#0085BD;}
.commercialpage .sidebar{margin-top:35px;}

.general h3 {

    color: #D80C7F;

    font-weight: 500;
	margin-bottom:20px;
}

.general h2 { font-weight: 500;}


.general .content{margin-top:30px;}

.text-danger { color: #D00;}


img.dropshadow{-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);}

.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom60{margin-bottom:60px;}
.margintop20{margin-top:20px;}

p.text-info{color:rgb(1,83,141)}

.quotation{font-family: 'Handlee', cursive; font-size:16px;}

.blue{color:#0085BD;}

img.alignleft{ float:left; margin-right:10px; margin-bottom:10px;}
img.alignright{ float:right; margin-left:10px; margin-bottom:10px;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

  .navbar-default {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c6db2+59,01538d+100 */
background: rgb(12,109,178); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(12,109,178,1) 59%, rgba(1,83,141,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,rgba(12,109,178,1)), color-stop(100%,rgba(1,83,141,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(12,109,178,1) 59%,rgba(1,83,141,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(12,109,178,1) 59%,rgba(1,83,141,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(12,109,178,1) 59%,rgba(1,83,141,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(12,109,178,1) 59%,rgba(1,83,141,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6db2', endColorstr='#01538d',GradientType=0 ); /* IE6-9 */


}


.navbar {
    min-height: 80px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.navbar-brand {
    height: 70px;
	padding-top:0px;
}

.navbar-brand > img{height:60px;}


.navbar-toggle {

    margin-top: 20px;

    background-color: #FFFFFF;

}

.navbar-default .navbar-nav > li > a {color: #fff; font-size:12px; margin-left:15px;}


.dropdown:hover .dropdown-menu {display: block; background:#D10C7B}

.page-template-page-commercial-home  .dropdown:hover .dropdown-menu, .page-template-page-two-column-commercial  .dropdown:hover .dropdown-menu, .page-template-page-two-column-contact-commercial  .dropdown:hover .dropdown-menu {display: block;background: rgb(28,140,187);}


.dropdown-menu > li >   a{color:#fff; padding: 6px 20px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: transparent; font-weight:bold; color:#fff;
}

li.menuheader{color:#fff;}
.navbar-default .navbar-nav > li.menuheader > a { margin-left:0px; font-size:14px;}
li.menuheader i{margin-right:5px;}
li.menuheader.laundry {background: rgb(189,11,111);}
li.menuheader.commercial {background: rgb(28,140,187)}

.getintouch{color:#fff; font-size:16px; padding-top:5px; text-align:right; }
.getintouch p{margin:0px; padding:0px; letter-spacing:1px; line-height:1;}
.getintouch span{ font-size:16px; font-weight:bold; letter-spacing:normal; padding-top:0px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 350px;
  margin-bottom: 0px;  border-top:4px #3DB3D5 solid;  border-bottom:4px #3DB3D5 solid;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009ecc+0,008bbb+100 */
background: rgb(0,158,204); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,158,204,1) 0%, rgba(0,139,187,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,204,1)), color-stop(100%,rgba(0,139,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,158,204,1) 0%,rgba(0,139,187,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,158,204,1) 0%,rgba(0,139,187,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,158,204,1) 0%,rgba(0,139,187,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,158,204,1) 0%,rgba(0,139,187,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ecc', endColorstr='#008bbb',GradientType=0 ); /* IE6-9 */ font-size:22px; text-align:left; color:#fff;

}

.carousel .item p{font-size:16px; }
.carousel .item h1{font-size:26px; }


.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}

#myCarousel  .btn i{ color:#0082B9}
#myCarousel .strapline{text-align:center}
#myCarousel .strapline h1{ margin-bottom:30px; margin-top:60px; font-size:26px;}
#myCarousel .strapline h1 span{display:block; font-size:32px;}
#myCarousel .noticeboard{  background:url(../images/new/corkboard.png) no-repeat top left; background-size: auto 90%; margin:20px 0px; }
#myCarousel .person{ background:url(../images/new/washingbasket.png) no-repeat; background-position:80%;  background-size: auto 90%; height:280px;}

#myCarousel .noticeboard ul{font-size:16px;  font-family: 'Handlee', cursive; color:#C7006C; font-size:18px; margin:0px; padding:0px; padding-left:50px; padding-top:80px; padding-right:40%;}

#myCarousel .noticeboard ul li{margin-bottom:10px;}
#FeedbackCarousel.carousel {
  height: 200px;
  margin-bottom: 0px;  border-top: none;  border-bottom:none;
}

.page-template-page-commercial-home #FeedbackCarousel.carousel {
  height: 300px;
  margin-bottom: 0px;  border-top: none;  border-bottom:none;
}


#FeedbackCarousel.carousel .item { background:none; height:200px;}
.page-template-page-commercial-home #FeedbackCarousel.carousel .item { background:none; height:300px;}

#FeedbackCarousel .carousel-caption {
	left:0%;
    right: 0%;
    padding-bottom: 50px; font-size:16px; text-align:left
}



#FeedbackCarousel  .carousel-indicators {
    position: absolute;
    right: 0;
	left:auto;
    z-index: 15;
    width:auto;
    margin-left: 0%;
    padding-left: 0px;
    list-style: outside none none;
    text-align: right;
	top:0;
}

#FeedbackCarousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border: 0px solid #FFF;
    border-radius: 10px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.5);
}

#FeedbackCarousel .carousel-indicators .active {

    background-color: rgba(255,255,255,0.9);
}

/* LOGO SCROLL
-------------------------------------------------- */
#logo-slider{background:#F3F7F8; -webkit-box-shadow: 0px 7px 5px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 7px 5px 1px rgba(0,0,0,0.1);
box-shadow: 0px 7px 5px 1px rgba(0,0,0,0.1);}

/* Container DIV */
.simply-scroll {
	width: 100%;
	height: 90px;
	margin-bottom:60px;
	margin-top:0px; padding-top:10px;}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width: 100%;
	height: 60px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 200px;
	height: 60px;

}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
.marketing .homebuttons a:hover{text-decoration:none}
.marketing .homebutton{background:#C7006C; border:3px solid #F26FB9; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; padding:25px; color:#fff;  margin-bottom:30px; font-size:18px;}

.marketing a:hover .homebutton{background:#D90077;}


 .homebutton img{margin-top:-40px; margin-right:30px; margin-left:15px;}
 .homebutton  h2{margin-top:0px; font-family: 'Handlee', cursive; color:#fff;}


.sidebox, .greybox{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e9ee+80,ced3d9+100 */
background: rgb(232,233,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,233,238,1) 80%, rgba(206,211,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(232,233,238,1)), color-stop(100%,rgba(206,211,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ee', endColorstr='#ced3d9',GradientType=0 ); /* IE6-9 */
 border:5px solid #fff; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59); padding:20px; margin-bottom:30px;}

.sidebox h3, .greybox h3  {margin-top:0px; margin-bottom:15px;}

.commercialpage .sidebox h3 {margin-top:0px; margin-bottom:15px; border-bottom: 1px solid #B0D8E9;}

.sidebox .btn-default, .greybox .btn-default {
     color: #D80C7F;

background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=0 );

    border-color: #CCC; font-weight: bold
}


.greybox .btn-default.green {
    color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1c660+0,7b9d3f+100 */
background: rgb(161,198,96); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzY2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YjlkM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(161,198,96,1) 0%, rgba(123,157,63,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,198,96,1)), color-stop(100%,rgba(123,157,63,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,198,96,1) 0%,rgba(123,157,63,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,198,96,1) 0%,rgba(123,157,63,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,198,96,1) 0%,rgba(123,157,63,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(161,198,96,1) 0%,rgba(123,157,63,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c660', endColorstr='#7b9d3f',GradientType=0 ); /* IE6-8 */

    font-weight: bold;
}



.commercialpage .sidebox .btn-default, .commercialpage .greybox .btn-default {
     color: #0085BD;}




.sidebox .btn-default i, .greybox .btn-default i{margin-left:10px;}
.sidebox a, .greybox a{color: #D80C7F;}
.sidebox p.small, .greybox p.small{margin-top:10px;}
.greybox{margin-top:30px;}
.commercialhpboxes{margin-bottom:20px;}
.commercialhpboxes h4{font-size:18px; background: #0087C1; text-align:center; padding:5px 10px 5px 10px; margin-top:0px; font-family: 'Handlee', cursive;}
.commercialhpboxes h4 a{color: #fff; text-decoration:none}
.commercialhpboxes  img.img-responsive{width:100%;}


.commercial-help {
background: rgb(232,233,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,233,238,1) 80%, rgba(206,211,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(232,233,238,1)), color-stop(100%,rgba(206,211,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,233,238,1) 80%,rgba(206,211,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ee', endColorstr='#ced3d9',GradientType=0 ); /* IE6-9 */
 border:5px solid #fff; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
    padding: 3px 0px 0px 25px;
    margin-top: 40px;
}

.commercial-help h2{color: #565656; margin-bottom:15px;}

.commercial-help  span{font-size: 20px;}

.commercial-help  span.blue {
    color: #0085BD;
}

.commercial-help .btn-default {
    color: #0085BD;
    background: transparent linear-gradient(to bottom, #EDEDED 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0% 0%;
    border-color: #CCC;
    font-weight: bold;
}
.commercial-help .btn-default i{ color: #0085BD; margin-left: 10px;}

/* Forms
------------------------- */

form .btn-default {
     color: #7D7D7D;

background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(32%, rgba(254,254,254,1)), color-stop(100%, rgba(206,206,206,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecece', GradientType=0 );
 border-color: #CCC; font-weight: bold
}

 .btn-default.pink {
     color: #D80C7F;

background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(32%, rgba(254,254,254,1)), color-stop(100%, rgba(206,206,206,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecece', GradientType=0 );
 border-color: #CCC; font-weight: bold
}


form .btn-default i{margin-left:10px;}


form hr {border-color: #ccc ;}

/*.register .form-submit .updatebutton{background-image:url('../images/updatebutton.jpg');
  background-repeat:no-repeat; width:261px;}*/


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* Footer
------------------------- */

footer{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01538d+0,0c6db2+59 */
background: rgb(1,83,141); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,83,141,1) 0%, rgba(12,109,178,1) 59%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,83,141,1)), color-stop(59%,rgba(12,109,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(1,83,141,1) 0%,rgba(12,109,178,1) 59%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(1,83,141,1) 0%,rgba(12,109,178,1) 59%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(1,83,141,1) 0%,rgba(12,109,178,1) 59%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(1,83,141,1) 0%,rgba(12,109,178,1) 59%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01538d', endColorstr='#0c6db2',GradientType=0 ); /* IE6-9 */
 color:#fff; padding-bottom:30px; margin-top:40px;}

.quote-container {
  margin-top: 50px;
  position: relative; padding:0px 25px 15px 0px;
}

.general footer h3{color:#fff}

.note {
  color: #333;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
font-family: 'Handlee', cursive;
  font-size: 30px;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}

footer .note h3{ color: #333;}
footer .note h4{ font-size:14px;}

.yellow {
  background: #eae672;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 1;
}

.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';

  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}


footer .feedback{  font-family: 'Handlee', cursive;}
footer .feedback p{ font-size:22px; }

footer h3{font-family: 'Handlee', cursive;}


#bottom{padding:20px 0px 15px 0px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ced3d9+0,e8e9ee+20 */
background: rgb(206,211,217); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,211,217,1) 0%, rgba(232,233,238,1) 20%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,211,217,1)), color-stop(20%,rgba(232,233,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,211,217,1) 0%,rgba(232,233,238,1) 20%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,211,217,1) 0%,rgba(232,233,238,1) 20%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,211,217,1) 0%,rgba(232,233,238,1) 20%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(206,211,217,1) 0%,rgba(232,233,238,1) 20%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced3d9', endColorstr='#e8e9ee',GradientType=0 ); /* IE6-9 */ border-top:5px solid #E8E9EE; font-size:11px;
}
#bottom p{margin:0px; padding:0px;}

#bottom a{color:#5A5A5A}
#bottom li{list-style: none;}


#bottom  ul.sublinks{padding-left:0px; margin-left:0px; margin-top:20px}

#bottom  ul.sublinks li {
    display: block;
    margin: 0px 0px;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;

}

#bottom  ul.sublinks li:first-child {
    border-left: none;
    padding-left: 0px;
}


.content.general p.lead{color: #D80C7F; font-weight: 700;}

/* Laundry Help
-------------------------------------------------- */

.laundryhelp  .nav-tabs li.col-md-2 {width: 100%;}

.page-template-page-laundry-help .back-to-top {
  position: fixed;
  bottom: -5px;
  right: 200px;
  height: 50px;
  width: 200px;
  border: 4px solid rgb(242,89,173);
  border-radius: 5px;
  border-bottom: none;
  background-color: rgb(214,13,113);
  color: white;
  font: Arial;
  text-align: center;
  z-index: 100;
}

.page-template-page-laundry-help .back-to-top span {
  padding-top: 10px;
  height: 100%;
  display: inline-block;
}

.page-template-page-laundry-help .back-to-top .arrow {
  border-right: 1px solid white;
  top: 0px;
  padding-right: 10px;
}

.page-template-page-laundry-help .back-to-top .text {
  padding-left: 5px;
}

@media (max-width: 640px) {
  .page-template-page-laundry-help .back-to-top {
    height: 120px;
    width: 100px;
    right: 50px;
  }

  .page-template-page-laundry-help .back-to-top span {
    padding: 5px !important;
    padding-bottom: 0px;
  }
  .page-template-page-laundry-help .back-to-top .arrow {
    display: block;
    height: auto;
    border: none;
  }

  .page-template-page-laundry-help .back-to-top .text {
    display: block;
    height: auto;
  }

  .page-template-page-login .col-height {
    display: block;
  }
}

.tophelp{ background:#F0EEF1; }

.numbercircle{ color:#7A9C3E; display: block;
    height: 30px;
    width: 30px;
    line-height: 26px;
    -moz-border-radius: 25px; /* or 50% */
    border-radius: 25px; /* or 50% */
    text-align: center;
    font-size:20px;  border:2px solid #7A9C3E; font-weight:700; margin-bottom:20px;}

h2 .numbercircle, h3 .numbercircle{ margin-right:15px; }

.laundryhelp .laundrytabpanels{  -webkit-box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.2);  background:#F3F2F4}

.laundryhelp .tab-content{border:2px solid #fff; margin-top:30px;}

.laundryhelp .tab-content .questionwrap{
background: rgba(248,246,249,1);
background: -moz-linear-gradient(top, rgba(248,246,249,1) 0%, rgba(248,246,249,1) 78%, rgba(240,238,241,1) 92%, rgba(240,238,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,246,249,1)), color-stop(78%, rgba(248,246,249,1)), color-stop(92%, rgba(240,238,241,1)), color-stop(100%, rgba(240,238,241,1)));
background: -webkit-linear-gradient(top, rgba(248,246,249,1) 0%, rgba(248,246,249,1) 78%, rgba(240,238,241,1) 92%, rgba(240,238,241,1) 100%);
background: -o-linear-gradient(top, rgba(248,246,249,1) 0%, rgba(248,246,249,1) 78%, rgba(240,238,241,1) 92%, rgba(240,238,241,1) 100%);
background: -ms-linear-gradient(top, rgba(248,246,249,1) 0%, rgba(248,246,249,1) 78%, rgba(240,238,241,1) 92%, rgba(240,238,241,1) 100%);
background: linear-gradient(to bottom, rgba(248,246,249,1) 0%, rgba(248,246,249,1) 78%, rgba(240,238,241,1) 92%, rgba(240,238,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f9', endColorstr='#f0eef1', GradientType=0 );
padding:20px; text-align:center
}

.laundryhelp .tab-content .questionwrap:first-child{ padding-top:20px;}

.laundryhelp .tab-content h2, .laundryhelp .tab-content h3{margin-top:0px; padding-top:0px; font-size:18px}


.general.laundryhelp .nav.nav-tabs > li > a{text-align:center}
.laundryhelp .nav.nav-tabs > li > a > img {width: 100%; border:5px solid #fff;}

.general.laundryhelp .nav.nav-tabs > li > a > h3 {margin-bottom: 10px; font-size:18px; }
.general.laundryhelp .nav.nav-tabs > li > a > p {font-size:12px; margin:0px; padding:0px;}

.general.laundryhelp .nav-tabs > li > a { background-color: #FFF; margin-bottom:10px;}
.general.laundryhelp .nav-tabs > li.active > a {
	color: #555;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #fff transparent;

}

.general.laundryhelp .nav-tabs {
    border-bottom: 0px solid #DDD;
}

.general.laundryhelp .nav-tabs > li .triangle-down{display:none}
.general.laundryhelp .nav-tabs > li .triangle-down div{display:none}




.general.laundryhelp .btn-default.pink {
     color: #D80C7F;

background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(32%, rgba(254,254,254,1)), color-stop(100%, rgba(206,206,206,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecece', GradientType=0 );
 border-color: #CCC; font-weight: bold
}

.general.laundryhelp  span.or {

    color: #E60087;
    font-size: 18px;
    font-weight: 700;
}


#TopTips.modal{font-size:13px;}
h4.modal-title {color:#D80C7F; font-size:30px; font-weight:700;}
.modal-header {padding: 15px; border-bottom: 1px solid #D80C7F;}




/* Get in touch
-------------------------------------------------- */
.get-in-touch h2{font-weight:400; margin-bottom:20px; }


.get-in-touch  .btn-primary {
    color: #D80C7F;

background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(32%, rgba(254,254,254,1)), color-stop(100%, rgba(206,206,206,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 32%, rgba(206,206,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cecece', GradientType=0 );
 border-color: #CCC; font-weight: bold
}

.commercialpage .get-in-touch .btn-primary {
  color: #0085BD;

}

.get-in-touch  legend {font-size: inherit; color: inherit;}

.get-in-touch  p.text-info{ margin-bottom:20px; margin-top:0px; padding-top:0px;}

blockquote{font-family: 'Handlee', cursive; font-size:20px; color:#D80C7F}

blockquote.bubble
{
position: relative;

padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 44px;
-moz-border-radius: 44px;
border-radius: 44px; padding:20px;
}

blockquote.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 17px 13px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -17px;
left: 62px;
}




/* Profile
-------------------------------------------------- */

#card-types{margin-top:50px;}
.card-type{ background:#E8E6E9; border:5px solid #D9D7DC; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); padding:20px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  }
.card-type:hover{border:5px solid #D80C7F; }

legend {color: #5A5A5A; font-size:14px;}

.card-type h4{color: #D80C7F; font-weight:400; font-size:22px; margin:0px; padding:0px; margin-bottom:30px;}
.card-type h5{color: #D80C7F; font-weight:400; font-size:18px; margin:0px; padding:0px;  margin-top:30px;}

.card-type label{margin-top:20px;}


/* team
-------------------------------------------------- */
.team{text-align:center; margin-top:30px;}
.team h4 {font-size:13px; color:#0085BD; margin:0px; padding:0px; margin-bottom:5px;}
.team h5 {font-size:11px; color:#0085BD; margin:0px; padding:0px; margin-bottom:5px;}
.team p{font-size:10px; margin:0px; padding:0px;}
.team img{border: 5px solid #FFF;
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.59); margin-bottom:10px;}

/* Innovation and planning
-------------------------------------------------- */

ul.innovation li, ul.planning li{margin-bottom:20px}
ul.innovation li h4, ul.planning li h4{color:#0085BD; margin:0px; padding:0px; margin-bottom:5px; font-size:16px;}


/* Commercial banners
-------------------------------------------------- */
#commercial-header {width: 100%; height: 170px; margin: 20px 0px 10px;}
body.page-id-266 #commercial-header { background: #000 url("../images/commercial-banner-about.jpg") no-repeat scroll 50% 0px;}
body.page-id-271 #commercial-header {background: #000 url("../images/commercial-banner-meet-team.jpg") no-repeat scroll 50% 0px;}
body.page-id-262 #commercial-header {background: #000 url("../images/commercial-banner-innovation.jpg") no-repeat scroll 50% 0px;}
body.page-id-273 #commercial-header {background: #000 url("../images/commercial-banner-client-sectors.jpg") no-repeat scroll 50% 0px;}
body.page-id-275 #commercial-header {background: #000 url("../images/commercial-banner-laundry-planning.jpg") no-repeat scroll 50% 0px;}
body.page-id-268 #commercial-header {background: #000 url("../images/commercial-banner-news.jpg") no-repeat scroll 50% 0px;}

/* Commercial News
-------------------------------------------------- */

.page-template-page-news  .content h3{color:#0085BD; padding-bottom:10px; margin-bottom:20px;  border-bottom: 1px  solid #B0D8E9; font-size:20px;}

/* My Circuit
-------------------------------------------------- */

th span.small{font-weight:400;}

/* Sitemap
-------------------------------------------------- */




.tree,
.tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#369;
  position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.tree li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.tree li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.tree li:last-child:before {
  background:#F3F2F4; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (max-width: 468px) {
img.paypal{ width:35%}

.getintouch p{ font-size:12px; margin-bottom:10px;}
.getintouch span{ font-size:14px;}
}



@media (min-width: 768px) {

.general h1 {font-size: 36px;}


  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

  #myCarousel .strapline h1{ margin-bottom:30px; margin-top:60px; font-size:36px;}
#myCarousel .strapline h1 span{display:block; font-size:52px;}


#FeedbackCarousel .carousel-caption {padding-bottom: 50px; font-size:22px; text-align:left}
#FeedbackCarousel .carousel-indicators li {
    width: 16px;
    height: 16px;

}

.carousel .item p{font-size:20px; }
.carousel .item h1{font-size:30px; }


/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {width: 300px;}

footer .note h4{ font-size:16px;}
#bottom  ul.sublinks{margin-top:0px}
#bottom ul.sublinks {float: right;}
#bottom ul.sublinks li {
    display: inline;
    margin: 0px;
    padding: 0px 12px;
    text-transform: uppercase;
    border-left: 1px solid #766A63;
    border-right: 1px solid #C9C9CA;
    float: left;
}


.laundryhelp  .nav-tabs  { padding-left: 15px; padding-right: 15px;}

.laundryhelp  .nav-tabs li.col-md-2 {width: 14.2%; padding-left: 0px; padding-right: 0px;}
.general.laundryhelp .nav-tabs > li > a { background-color: transparent;  margin-bottom:0px; padding: 5px;}
.general.laundryhelp .nav-tabs > li.active .triangle-down{
    width: 99%;
    height: 0;
    padding-left:50%;
    padding-top: 50%;
    overflow: hidden; display:block;
}
.general.laundryhelp .nav-tabs > li.active .triangle-down div {
    width: 0;
    height: 0;
    margin-left:-500px;
    margin-top:-500px;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-top: 500px solid #fff;  display:block;
}
.general.laundryhelp .nav.nav-tabs > li > a > h3 {margin-bottom: 10px; font-size:14px; }
.general.laundryhelp .nav.nav-tabs > li > a > p {font-size:10px; margin:0px; padding:0px;}
.laundryhelp .laundrytabpanels{ margin-top:-10px; }
.laundryhelp .tab-content h2, .laundryhelp .tab-content h3{margin-top:0px; padding-top:0px; font-size:24px}
.laundryhelp .tab-content .questionwrap { text-align: left;}
}

@media (min-width: 992px) {


	body {
  padding-top: 122px;}

  .getintouch{color:#fff; font-size:15px; padding-top:25px; text-align:right; float:right}
.getintouch p{margin:0px; padding:0px; letter-spacing:1px; line-height:1;}
.getintouch span{ display:block; font-size:18px; font-weight:bold; padding-top:5px;}



  .featurette-heading {
    margin-top: 120px;
  }

  .homebutton{height:200px; }


.navbar {
    min-height: 80px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.navbar-brand {
    height: 80px;
	padding-top:25px; margin-right:30px;
}



.navbar-brand > img{height:60px;}

.navbar-nav.main {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d10c7b+95,bd0b6f+100 */
background: rgb(209,12,123); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(209,12,123,1) 95%, rgba(189,11,111,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(95%,rgba(209,12,123,1)), color-stop(100%,rgba(189,11,111,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(209,12,123,1) 95%,rgba(189,11,111,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(209,12,123,1) 95%,rgba(189,11,111,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(209,12,123,1) 95%,rgba(189,11,111,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(209,12,123,1) 95%,rgba(189,11,111,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10c7b', endColorstr='#bd0b6f',GradientType=0 ); /* IE6-9 */

border:2px solid #D84E9C; border-bottom:0px; -webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}

.page-template-page-commercial-home .navbar-nav.main, .page-template-page-two-column-commercial .navbar-nav.main, .page-template-page-news  .navbar-nav.main, .page-template-page-two-column-contact-commercial  .navbar-nav.main {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00709f+0,1c8cbb+100 */
background: rgb(0,112,159); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,112,159,1) 0%, rgba(28,140,187,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,112,159,1)), color-stop(100%,rgba(28,140,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,112,159,1) 0%,rgba(28,140,187,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,112,159,1) 0%,rgba(28,140,187,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,112,159,1) 0%,rgba(28,140,187,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,112,159,1) 0%,rgba(28,140,187,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00709f', endColorstr='#1c8cbb',GradientType=0 ); /* IE6-9 */


border:2px solid #2897C6; border-bottom:0px;  -webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
min-width:580px;
}



.toptab{ -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; margin-right:5px; color: #fff; float:left; display:inline-block; padding:13px 15px 7px 15px; text-align:center; margin-top:30px;font-size:13px; font-weight:bold; margin-right:20px; text-transform:uppercase; -webkit-box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.40);
box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.40); position:relative; bottom:-2px;}

.toptab a{color:#fff}

.toptab p{margin:0px; padding:0px;}

.laundry  {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd0b6f+0,d10c7b+100 */
background: rgb(189,11,111); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(189,11,111,1) 0%, rgba(209,12,123,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,11,111,1)), color-stop(100%,rgba(209,12,123,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(189,11,111,1) 0%,rgba(209,12,123,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(189,11,111,1) 0%,rgba(209,12,123,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(189,11,111,1) 0%,rgba(209,12,123,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(189,11,111,1) 0%,rgba(209,12,123,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0b6f', endColorstr='#d10c7b',GradientType=0 ); /* IE6-9 */ border:2px solid #D84E9C; border-bottom:0px;
}

 .commercial {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c8cbb+0,00709f+100 */
background: rgb(28,140,187); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,140,187,1) 0%, rgba(0,112,159,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,140,187,1)), color-stop(100%,rgba(0,112,159,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(28,140,187,1) 0%,rgba(0,112,159,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(28,140,187,1) 0%,rgba(0,112,159,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(28,140,187,1) 0%,rgba(0,112,159,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(28,140,187,1) 0%,rgba(0,112,159,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8cbb', endColorstr='#00709f',GradientType=0 ); /* IE6-9 */ border:2px solid #2897C6; border-bottom:0px;  bottom:0px;}




.page-template-page-commercial-home   .commercial.toptab, .page-template-page-two-column-commercial  .commercial.toptab,  .page-template-page-news .commercial.toptab, .page-template-page-two-column-contact-commercial  .commercial.toptab{ bottom:-2px;}
.page-template-page-commercial-home   .laundry, .page-template-page-two-column-commercial  .laundry,  .page-template-page-news  .laundry, .page-template-page-two-column-contact-commercial   .laundry{ bottom:0px;}


 .dropdown-menu {

    font-size: 14px;

    background-color: #BD0B6F;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}




 .navbar-default .navbar-nav > li > a { font-size:12px; padding-left:6px; padding-right:6px; margin-left:0px; }
.dropdown-menu > li >   a{font-size:12px;}



.carousel .item p{font-size:22px; }
.carousel .item h1{font-size:36px; }

#myCarousel .strapline{margin-left:20%; text-align:left}
#FeedbackCarousel {margin-left:220px;}
#FeedbackCarousel .carousel-caption {padding-bottom: 50px; font-size:22px; text-align:left}
.page-template-page-commercial-home #FeedbackCarousel .carousel-caption {font-size:14px; text-align:left}
#FeedbackCarousel .carousel-indicators li {
    width: 16px;
    height: 16px;

}

footer .feedback{ background:url(../images/hp-testimonial.png) no-repeat center left;  font-family: 'Handlee', cursive;min-height:171px; margin:15px; margin-top:30px; margin-right:0px;}
footer .feedback p{margin-left:200px; font-size:22px; }
.general.laundryhelp .nav.nav-tabs > li > a > h3 {margin-bottom: 10px; font-size:18px; }
.general.laundryhelp .nav.nav-tabs > li > a > p {font-size:12px; margin:0px; padding:0px;}
.numbercircle{ color:#7A9C3E; display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    -moz-border-radius: 25px; /* or 50% */
    border-radius: 25px; /* or 50% */
    text-align: center;
    font-size:32px;  border:2px solid #7A9C3E; font-weight:700; }

h2 .numbercircle, h3 .numbercircle{ margin-right:15px; }

}



@media (min-width: 1200px) {
	body {
  padding-top: 124px;}
.navbar-brand > img{height:70px;}

.page-template-page-commercial-home  .navbar-nav.main, .page-template-page-two-column-commercial .navbar-nav.main, .page-template-page-news   .navbar-nav.main, .page-template-page-two-column-contact-commercial .navbar-nav.main{min-width:690px;}

.toptab{ margin-top:30px; font-size:16px; }
 .navbar-default .navbar-nav > li > a { font-size:13px;  padding-left:7px; padding-right:12px;}
 .dropdown-menu > li >   a{font-size:14px;}

 .getintouch{font-size:19px; padding-top:25px; }

.getintouch span{ font-size:22px; }

.page-template-page-commercial-home #FeedbackCarousel .carousel-caption {font-size:18px; text-align:left}
}