/* ========================================================================== Author's custom styles: Urchin Design ========================================================================== */ body {color: #11546f;} article h1 {color: #008bc1;} #formContact label.error, #formContact select.error, #formContact input.error { font-weight: normal;color: red; padding: 5px; display: block; font-size: 11px;margin-left: 15px;} a.headerLinkBlue {color: #11546f;} .row-margin {margin-top: 15px;} address.contact,address.contact a, address.contact:hover {color:#fff;} p {text-align: justify;} .industry-services > li > a {color: #ffffff;} .industry-services > li > a:hover {color: #11546f;} /* Fixes errors in Twitter Bootstrap collapsible menu not working 100%. */ .dropdown-backdrop {position: static;} .speach-bubble {background: #ffffff;-webkit-border-radius: 5px;border-radius: 5px;background-clip: padding-box; padding: 10px; position: relative; overflow:visible} .speach-bubble-curve {background: transparent url(/img/speech-bubble.png) no-repeat right; position: absolute; bottom: -30px; right: 0px;height: 30px; width: 110px;} .speach-bubble-follow {background: #e0f1f7;-webkit-border-radius: 5px;border-radius: 5px;background-clip: padding-box; position: relative; overflow:visible;color: #299acc;color: #299acc;padding: 26px 20px;margin-left: 15px;} .speach-bubble-curve-follow {background: transparent url(/img/speech-bubble-follow.png) no-repeat right; position: absolute; bottom: -30px; right: 0px;height: 30px; width: 110px;} .industry-icons {float: left;margin-left: 5px;height: 60px;width: 55px;overflow:hidden;display:inline-block;} .industry-icons-related {float: left;margin-left: 15px;height: 45px;width: 42px;overflow:hidden;display:inline-block;} .industry-icons-text {float: left;padding-left: 5px; height: 60px;line-height: 60px; vertical-align: middle;font-weight:bold;color: #246a79;} .services-icons {float: left;margin-left: 5px;height: 60px;width: 55px;overflow:hidden;display:inline-block;} .services-icons-related {float: left;margin: 15px;height: 45px;width: 42px;overflow:hidden;display:inline-block;} .services-icons-text {float: left;padding-left: 5px; height: 60px;line-height: 60px; vertical-align: middle;font-weight:bold;color: #008bc1;} .icons-text-dbl {height: 47px;line-height: 18px;padding-top: 13px;} .icons-text-small {font-size: 13px;} .icons-text-dosing {font-size: 11px;} .icons-text-trpl {height: 55px;line-height: 18px;padding-top: 5px;} .icon-hotel {background: url(/img/home/industry-icons.png) no-repeat 0px 0px;} .icon-farm {background: url(/img/home/industry-icons.png) no-repeat -66px 0px;margin-left: 0;} .icon-restaurant {background: url(/img/home/industry-icons.png) no-repeat 0px -60px;} .icon-carwash {background: url(/img/home/industry-icons.png) no-repeat -66px -60px;margin-left: 0;} .icon-butchery {background: url(/img/home/industry-icons.png) no-repeat 0px -120px;} .icon-supermarket {background: url(/img/home/industry-icons.png) no-repeat -66px -120px;margin-left: 0;} .icon-foodprod {background: url(/img/home/industry-icons.png) no-repeat 0px -180px;} .icon-ccleaning {background: url(/img/home/industry-icons.png) no-repeat -66px -180px;margin-left: 0;} .icon-school {background: url(/img/home/industry-icons.png) no-repeat 0px -240px;} .icon-laundry {background: url(/img/home/industry-icons.png) no-repeat -66px -240px;margin-left: 0;} .icon-hotel-w {background: url(/img/industry-follow.png) no-repeat 0px 0px;margin-left: 15px;} .icon-farm-w {background: url(/img/industry-follow.png) no-repeat -66px 0px;} .icon-restaurant-w {background: url(/img/industry-follow.png) no-repeat 0px -60px;} .icon-carwash-w {background: url(/img/industry-follow.png) no-repeat -66px -60px;} .icon-butchery-w {background: url(/img/industry-follow.png) no-repeat 0px -120px;margin-left: 15px;} .icon-supermarket-w {background: url(/img/industry-follow.png) no-repeat -66px -120px;} .icon-foodprod-w {background: url(/img/industry-follow.png) no-repeat 0px -180px;} .icon-ccleaning-w {background: url(/img/industry-follow.png) no-repeat -66px -180px;} .icon-school-w {background: url(/img/industry-follow.png) no-repeat 0px -240px;margin-left: 15px;} .icon-laundry-w {background: url(/img/industry-follow.png) no-repeat -66px -240px;} .icon-protectivewear {background: url(/img/home/services-icons.png) no-repeat 0px 0px;} .icon-cleaning {background: url(/img/home/services-icons.png) no-repeat -66px 0px;margin-left: 0;} .icon-sabs {background: url(/img/home/services-icons.png) no-repeat 0px -60px;} .icon-laundryright {background: url(/img/home/services-icons.png) no-repeat -66px -60px;margin-left: 0;} .icon-floorcare {background: url(/img/home/services-icons.png) no-repeat 0px -120px;} .icon-greencleaning {background: url(/img/home/services-icons.png) no-repeat -66px -120px;margin-left: 0;} .icon-washrooms {background: url(/img/home/services-icons.png) no-repeat 0px -180px;} .icon-amenities {background: url(/img/home/services-icons.png) no-repeat -66px -180px;margin-left: 0;} .icon-flyproducts {background: url(/img/home/services-icons.png) no-repeat 0px -240px;} .icon-training {background: url(/img/home/services-icons.png) no-repeat -66px -240px;margin-left: 0;} .icon-dosing {background: url(/img/home/services-icons.png) no-repeat 0px -300px;} .icon-haccp {background: url(/img/home/services-icons.png) no-repeat -66px -300px;margin-left: 0;} .icon-protectivewear-w {background: url(/img/services-follow.png) no-repeat 0px 0px;margin-left: 15px;} .icon-cleaning-w {background: url(/img/services-follow.png) no-repeat -66px 0px;} .icon-sabs-w {background: url(/img/services-follow.png) no-repeat 0px -60px;} .icon-laundryright-w {background: url(/img/services-follow.png) no-repeat -66px -60px;} .icon-floorcare-w {background: url(/img/services-follow.png) no-repeat 0px -120px;margin-left: 15px;} .icon-greencleaning-w {background: url(/img/services-follow.png) no-repeat -66px -120px;} .icon-washrooms-w {background: url(/img/services-follow.png) no-repeat 0px -180px;} .icon-amenities-w {background: url(/img/services-follow.png) no-repeat -66px -180px;} .icon-flyproducts-w {background: url(/img/services-follow.png) no-repeat 0px -240px;margin-left: 15px;} .icon-training-w {background: url(/img/services-follow.png) no-repeat -66px -240px;} .icon-dosing-w {background: url(/img/services-follow.png) no-repeat 0px -300px;} .icon-haccp-w {background: url(/img/services-follow.png) no-repeat -66px -300px;} .icon-hotel-r {background: url(/img/icons/industry-small.png) no-repeat 0px 0px;margin-left: 15px;} .icon-farm-r {background: url(/img/icons/industry-small.png) no-repeat -50px 0px;} .icon-restaurant-r {background: url(/img/icons/industry-small.png) no-repeat 0px -45px;} .icon-carwash-r {background: url(/img/icons/industry-small.png) no-repeat -50px -45px;} .icon-butchery-r {background: url(/img/icons/industry-small.png) no-repeat 0px -90px;margin-left: 15px;} .icon-supermarket-r {background: url(/img/icons/industry-small.png) no-repeat -50px -90px;} .icon-foodprod-r {background: url(/img/icons/industry-small.png) no-repeat 0px -135px;} .icon-ccleaning-r {background: url(/img/icons/industry-small.png) no-repeat -50px -135px;} .icon-school-r {background: url(/img/icons/industry-small.png) no-repeat 0px -180px;margin-left: 15px;} .icon-laundry-r {background: url(/img/icons/industry-small.png) no-repeat -50px -180px;} .icon-protectivewear-r {background: url(/img/icons/service-small.png) no-repeat 0px 0px;margin-left: 15px;} .icon-cleaning-r {background: url(/img/icons/service-small.png) no-repeat -50px 0px;} .icon-sabs-r {background: url(/img/icons/service-small.png) no-repeat 0px -45px;} .icon-laundryright-r {background: url(/img/icons/service-small.png) no-repeat -50px -45px;} .icon-floorcare-r {background: url(/img/icons/service-small.png) no-repeat 0px -90px;margin-left: 15px;} .icon-greencleaning-r {background: url(/img/icons/service-small.png) no-repeat -50px -90px;} .icon-washrooms-r {background: url(/img/icons/service-small.png) no-repeat 0px -135px;} .icon-amenities-r {background: url(/img/icons/service-small.png) no-repeat -50px -135px;} .icon-flyproducts-r {background: url(/img/icons/service-small.png) no-repeat 0px -180px;margin-left: 15px;} .icon-training-r {background: url(/img/icons/service-small.png) no-repeat -50px -180px;} .icon-dosing-r {background: url(/img/icons/service-small.png) no-repeat 0px -225px;} .icon-haccp-r {background: url(/img/icons/service-small.png) no-repeat -50px -225px;} .header-blue {background-color: #135e7c;background-image: -moz-linear-gradient(top, #146585, #11546f);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#146585), to(#11546f)); background-image: -webkit-linear-gradient(top, #146585, #11546f);background-image: -o-linear-gradient(top, #146585, #11546f);background-image: linear-gradient(to bottom, #146585, #11546f); background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff146585', endColorstr='#ff11546f', GradientType=0);} .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #ffffff; font-weight:bold; background: #2999cc; } .navbar .nav > li > a {font-weight:bold;color: #ffffff;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #2999cc; } .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2690bf), to(#2999cc)); background-image: -webkit-linear-gradient(top, #2690bf 0%, #2999cc 100%); background-image: -moz-linear-gradient(top, #2690bf 0%, #2999cc 100%); background-image: linear-gradient(to bottom, #2690bf 0%, #2999cc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2690bf', endColorstr='#ff2999cc', GradientType=0); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .telephoneNum {color: #fd7405; font-weight: bold; font-size: 20px;} .telephoneNum a {color: #fd7405; } .EmailAdd {color: #299acc; font-weight: bold;font-size: 20px;} .EmailAdd a {color: #299acc;} .teleEmail {padding-top: 10px; padding-right: 23px; line-height: 22px;} h1, h2, h3 {line-height: 32px;} h1 {font-size: 29.5px;} h2 {font-size: 25.5px;} h3 {font-size: 18.5px;} h4 {font-size: 16.5px;} h5 { font-size: 14px;} h6 {font-size: 11.9px;} h1 small {font-size: 24.5px;} h2 small {font-size: 17.5px;} h3 small {font-size: 14px;} h4 small {font-size: 14px;} .img-responsive {margin: 5px auto;display: block;} .colHeight {min-height: 720px;} .colHeightFirst {min-height: 604px;} .leftCol {position: relative;text-align: justify;} .logo-image {background: #11546f;margin-top: -10px} .logo-image-contact {position: relative; bottom: 0; background: #11546f;margin-top: -10px} .leftColBlue, .homeMiddleCol, .homeRightCol {padding: 21px 34px 21px 34px;color: white; } .leftColBlue h1 {font-weight: normal;} .leftColBlue a {color: white;} .homeMiddleCol, .homeRightCol {color: #246a79;padding: 11px 12px 12px 12px;padding-top: 11px;} .homeMiddleCol h1, .homeRightCol h1, .followRightCol h1{font-weight: normal;} .productlinks a {color: #246a79;} .productlinks a {color: #246a79;} .homeRightCol {} .followRightCol{color: #246a79;padding: 0px 12px 12px 0px; text-align: justify;} .footerlinks {color: #fff;padding: 25px 0;font-weight:bold;} .footerlinks a, .footerlinks a:hover {color: white;} .ourclients {background: #ee6a00;} .getintouch {background: #70ba3f;} @media (min-width: 992px) and (max-width: 1199px) { .telephoneNum, .EmailAdd{font-size: 18px;} .colHeight {min-height: 1020px;} .colHeightFirst {min-height: 927px;} .icon-container {display:block; width: 100%;} .industry-icons {clear: both;width: 55px;display:block;margin-left:28%;margin-right:auto;} .industry-icons-text {clear: both;padding-left: 2px;font-size: 13px;clear: both;width: 100%; text-align:center;margin-top: -15px;} .services-icons {clear: both;width: 55px;display:block;margin-left:28%;margin-right:auto;} .services-icons-dosing {clear: both;width: 55px;display:block;margin-left:28%;margin-right:auto;} .services-icons-text {clear: both;padding-left: 2px;font-size: 13px;clear: both;width: 100%; text-align:center;margin-top: -15px;} .icons-text-small {font-size: 12px;} .icons-text-dosing {font-size: 12px;} .icons-text-trpl {font-size: 12px;} } @media (min-width: 768px) and (max-width: 991px) { .telephoneNum {font-weight: bold; font-size: 15px;} .EmailAdd {font-weight: bold;font-size: 15px;} .teleEmail {padding: 0px; padding-top: 10px; line-height: 22px;} .colHeight {min-height: inherit;} .colHeightFirst {min-height: inherit;} .row-margin {margin-top: 5px;} /*.industry-icons {float: left;margin-left: 5px;height: 60px;width: 55px;overflow:hidden;display:inline-block;} .industry-icons-related {float: left;margin-left: 15px;height: 45px;width: 42px;overflow:hidden;display:inline-block;} .industry-icons-text {float: left;padding-left: 5px; height: 60px;line-height: 60px; vertical-align: middle;font-weight:bold;color: #246a79;} .services-icons {float: left;margin-left: 5px;height: 60px;width: 55px;overflow:hidden;display:inline-block;} .services-icons-related {float: left;margin: 15px;height: 45px;width: 42px;overflow:hidden;display:inline-block;} .services-icons-text {float: left;padding-left: 5px; height: 60px;line-height: 60px; vertical-align: middle;font-weight:bold;color: #008bc1;} */ } @media (max-width: 767px) { .telephoneNum {font-weight: bold; font-size: 15px;} .EmailAdd {font-weight: bold;font-size: 15px;} .teleEmail {padding: 0px; line-height: 22px;} .colHeight {min-height: inherit;} .colHeightFirst {min-height: inherit;} } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:18px} }