/* ==========================================================================
 * Theme Name: Clearpond
 * Theme URI: http://clearpond.com.au
 * Author: Milan Savov
 * Author URI/Mail: milan.savov@gmail.com
 * Version: 1.0
 * 
   ========================================================================== */
/*
 * C O N T E N T
 * =====================================================================
 *
 * # CUSTOM RESETS
 * # LAYOUT
 * # HEADER
 *      - Main Navigation
 *  - Responsive Navigation
 *      - Logo
 *      - Search
 *  - Breadcrumb
 * # SLIDESHOW
 * # MAIN CONTENT
 *  - Pages Thumbnail/Featured image
 *  - Pages right content
 *      - Products
 *      - Catalog & Stockists
 *      - Brands
 * # FOOTER
 *  - Social icons
 *  - Copyright
 *  - Footer Navigation
 * # CUSTOM SLIDERS
 * # SIDEBAR MENU
 * # PRODUCTS PAGES
 *  - Product categories
 *  - Compare products
 *  - Product info 
 *  - Compare table
 * # STOCKISTS PAGES
 *  - Stockists search and map
 *  - Stockists single store 
 *  - Stockists stores list
 *  - Stockists categories list
 * # CONTACT & ASK US FOR HELP
 * # ABOUT US
 *  - Our Mission
 *  - Our Brands
 *  - Meet the Team
 *  - Become a stockist
 * # HOW TO
 *  - How to Build
 *      - Pond Construction Materials
 *      - Installing a pond liner
 *      - Installing a Preformed Pond
 *  - How to Maintain
 *      - Cleaning Water
 *      - Water Chemistry
 *      - Pond Aeration
 *      - Seasonal Pond Maintenance
 *  - Pump Performance Curves
 *      - Oase
 *      - Clearpond
 *      - Aquagarden
 *      - Eden
 *  - What is an IP Rating
 *  - Info & maintenance Video0
 *  - FAQ
 *  - Online Calculators
 * # MEDIA
 *  - Newsletter 
 *  - Competition 
 *  - Images
 * # REGISTER PURCHASE 
 * # Helper classes
 * # PRINT STYLES
 * # Flow Chart
 *
 * ======================================================================
 */

/* CUSTOM RESETS
================================================== */
a {
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

a:focus,
a:hover {
    outline: 0 none;
    text-decoration: none;
}

/* margin resets */
.buffer-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-buffer-30 {
        margin-top: 30px;
}

h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 10px;
}

select {    
    border: 1px solid #717171;
    color: #717171;
    font-size: 12px;
    xpadding: 6px 10px;
    padding: 3px 0 3px 5px;
}

/* LAYOUT
================================================== */
html, body {
    width: 100%;
    height: 100%; 
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
html {
    background: url(../img/groovepaper.png) repeat 0 0;
}
body.mbody  {
    background: url(../img/main-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 559px;
}
.no-backgroundsize body {
    background-image: url(../img/main-bg-ie8.png);
}
#pageTitle h1,
.section-title {
    font-size: 36px;
    color: #3d3d3d;
    text-align: center;
    margin: 0;
    padding: 30px 0;
    text-transform: uppercase;
    font-weight: 300;
}
#footer .section-title {
    color: #fff;
    text-align: left;
    padding-left: 15px;
    font-size: 36px;
    font-weight: 300;
}
p {
    color: #717171;
}
.color-txt{
    color: #0292b4;
    font-size: 16px;
}

/* HEADER
================================================== */
/* Main navigation */
#verdiSection32 ul {
    width: 100%;
    background: #46b0c8;
    float: left;
        margin: 0;
        list-style: none;
        padding: 0;
        border-radius: 0 0 5px 5px;
}
#verdiSection32 ul > li:first-child a {
    border-radius: 0 0 0 5px;
}
#verdiSection32 ul > li {
    display: block;
    position: relative;
    float: left;
}
#verdiSection32 ul > li a {
    height: 60px;
    line-height: 60px;
    display: block;
    position: relative;
    padding: 0 24px;
    
    transition: background 0.20s ease-in-out;
    -ms-transition: background 0.20s ease-in-out;
}
#verdiSection32 ul > li > a {
    color: #fff;
    text-transform: uppercase;    
}
#verdiSection32 ul > li > a:hover,
#verdiSection32 ul > li > a:focus {
    color: #017399;
    background: #eee;
}
#verdiSection32 ul > .currentLi > a,
#verdiSection32 ul > .currentLi > a:hover,
#verdiSection32 ul > .currentLi > a:focus {
    color: #fff;
    font-weight: bold;
}
#verdiSection32 ul > li:nth-last-child(2) {
    float: right !important;
}
#verdiSection32 ul > li:nth-last-child(2) a {
    color: #0292b4;
    background: #f3f3f3;
    border-radius: 0 0 5px 0;
}
#verdiSection32 ul > li.lastLi {
    float: right !important;    
}
#verdiSection32 ul > li.lastLi a {
    color: #fff;
    background: #717171;    
}
#verdiSection32 ul > li:nth-last-child(2) a:hover,
#verdiSection32 ul > li.lastLi a:hover {
    text-decoration: underline;
}

/* Responsive navigation */
@font-face {
    font-family: "responsivenav";
    src:url("/Clearpond/font/responsivenav.eot");
    src:url("/Clearpond/font/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("/Clearpond/font/responsivenav.ttf") format("truetype"),
    url("/Clearpond/font/responsivenav.woff") format("woff"),
    url("/Clearpond/font/responsivenav.svg#responsivenav") format("svg");
    font-weight: normal;
    font-style: normal;
}
.disable-pointer-events {
    pointer-events: none !important;
}
.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    
    border-radius: 0 0 5px 5px;
    display: block;
    padding: 15px 0;
    background: #46b0c8;
    text-indent: -9999px;
}
.left-sidebar .nav-toggle,
.nav-toggle.active {
    border-radius: 0;
}
.nav-toggle:before {
    color: #fff;
    content: "=";
    font-family: "responsivenav", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    line-height: 55px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    text-transform: none;
    top: 0;
    width: 100%;
}
.nav-toggle.active::before {
    font-size: 28px;
    content:"x";
}
.js .nav-collapse {
    clip: rect(0px, 0px, 0px, 0px);
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute;
}
.nav-collapse.opened {
        max-height: 9999px !important;
}

/* Logo */
.logo {
    float: left;
}
.logo h1 {
    height: 130px;
    line-height: 130px;
    margin: 0;
}
.logo a {
    display: block;
}

/* Search */
#BasicSearch {
    float: right;
    height: 50px;
    margin-top: 40px;
    min-width: 50px;
    position: relative;
}
#BasicSearch label {
    display: none;
}
#BasicSearch input.rcbInput {
    background-image: url(../img/search.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    
    border: 0 none;
    border-radius: 5px !important;
    color: transparent;
    font-size: 16px;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    outline: 0 none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    
    -webkit-backface-visibility: hidden;

    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -o-transition: width 0.25s;
    -ms-transition: width 0.25s;
    transition: width 0.25s;
}
#BasicSearch input.rcbInput:-moz-placeholder { 
    color: transparent;
}
#BasicSearch input.rcbInput::-webkit-input-placeholder { 
    color: transparent;
}
#BasicSearch input.rcbInput:hover,
#BasicSearch input.rcbInput:focus { 
    padding: 10px 20px;
    width: 380px;
    color: #535353;
    cursor: auto;
}
#BasicSearch input.rcbInput:-moz-placeholder:hover,
#BasicSearch input.rcbInput:-moz-placeholder:focus { 
    color: #535353;
}
#BasicSearch input.rcbInput::-webkit-input-placeholder:hover,
#BasicSearch input.rcbInput::-webkit-input-placeholder:focus { 
    color: #535353;
}
#BasicSearch button {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

/* autosuggest search */

.page72 #BasicSearch .rcbSlide {

}
/* Predictive search */
.page72 #verdiSection39 {
    color: #717171;
}

.page72 .simpleSearchPageTitle,
.page72 .advancedSearchPageTitle {
    color: #0292b4;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    display: none;
}

.pmSearchDefaultView .searchTitle {
    display: none;
}

.rcbScroll {
    background: #fff;
    border: 1px solid #d0d0d0;
    margin-top: 10px;
}

.rcbScroll ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rcbScroll ul li {
    line-height: 28px;
    cursor: pointer;
    padding: 2px 5px;
}

.rcbScroll ul li.rcbHovered {
    background: #46b0c8;
    color: #fff;
}

#srchControlContainer .formRow {
    margin-bottom: 10px;
}

#srchControlContainer .formRow label {
    color: #717171;
    font-weight: normal;
}

#srchControlContainer .formRow .rcbInput {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 14px;
    margin: 0 0 12px;
    padding: 5px 6px;
    width: 100%;
}

#srchControlContainer .formSubmitRow,
#srchControlContainer .searchOptions {
    float: left;
}

#srchControlContainer .formSubmitRow input,
#srchControlContainer .searchOptions input {
    background: #46b0c8;
    color: #fff;
    padding: 2px 15px;
    border: 0 none;
    
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
}

#srchControlContainer .formSubmitRow input:hover,
#srchControlContainer .searchOptions input:hover {
    background: #00769b;
}

#srchControlContainer .searchOptions input {
    margin-left: 10px;
}

.pmPublicSearch .instructionMessageText {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.page72 .pmSearchDefaultView {
    overflow: hidden;
    margin-bottom: 20px;
}

.page72 .button {
    background: #eee;
    border: 0 none;
    color: #717171;
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #d3d3d3;
    
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.page72 .button:hover {
    background: #717171;
    color: #fff;
}

.page72 .searchResultsMessageDiv .button {
    border: 0 none;
    background: none;
    color: #46b0c8; 
    padding: 5px;
}

.page72 .searchResultsMessageDiv .button:hover,
.page72 .searchResultsMessageDiv .button:focus {
    color: #00769b;
}

.page72 .resultsTable .button {
    margin-left: 0;
}

.pmSearchResultsView .resultsTable {
    margin-top: 30px;
}

td.searchHomepageRow {
    padding-left: 10px !important;
}

.resultRecordDark td,
.resultRecordLight td {
    text-align: center;
}

.resultRecordDark td:first-child,
.resultRecordLight td:first-child {
    text-align: left;
    padding-left: 10px;
}

.page72 td,
.page72 th {
    padding: 5px 0;
}

.searchResultsPageSelection {
    margin-top: 20px;
}

.searchResultsPageSelection input {
    border: 0 none;
    background: none;
    color: #46b0c8;
}

.searchResultsPageSelection .searchPageLinkSelected,
.searchResultsPageSelection input:hover,
.searchResultsPageSelection input:focus {
    color: #00769b;
}

.advancedSearchInstructions {
    margin-bottom: 10px;
}

.refineSearchLinkContainer {
    margin-top: 5px;
    float: left;
    clear: both;
}

.pmSearchAdvancedView label {
    font-weight: normal;
    margin-left: 4px;
}

.advancedSearchInstructions {
    margin-bottom: 10px;
}

/* Breadcrumb */
.breadcrumbNavigation {
    background-color: #f5f5f5;
    list-style: none;
    margin: 0;
    padding: 8px 30px;
}


/* ==========================================================================
   Gallery Style overwrite
   ========================================================================== */
.galleria-theme-classic {
    background: none repeat scroll 0 0 #fff !important;
}


/* SLIDESHOW
================================================== */
#verdiSection34 .outerLayer .inLineContentContainer {
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
#verdiSection34 .outerLayer .inLineContentContainer img {
    width: 100%;
    max-width: 100%;
}
#verdiSection34 .carousel-caption {
    background: rgba(2, 146, 180, 0.5);
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    text-transform: uppercase;
    padding: 15px 40px;
}
#verdiSection34 .carousel-caption h2 {
    font-size: 28px;
    margin: 0;
}



/* MAIN CONTENT
================================================== */
.shadow-box {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    background: url(../img/groovepaper.png) repeat 0 0;
    overflow: hidden;
}

.page32 .shadow-box {
    display: flex;
    height: 100%;
    overflow: visible;
}

.page32 .shadow-box > .col-md-12 {
    width: 100%;
}

.no-boxshadow .shadow-box {
    border-left: 1px solid #e3e2e2;
    border-right: 1px solid #e3e2e2;
    
}
/* Pages Thumbnail/Featured image */
.page-thumbnail {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.page-thumbnail img {
    width: 100%;
}
.pages-content {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px 0;
}
/* Pages right content */
.right-content {
      border-left: 1px solid #d3d3d3;
    float: left;
    padding: 0 40px;
    width: 83%;
    z-index: 900;    
}

/* Products */
#products-menu .navbar-toggle {
    display: none;
}

.products .thumbnail {
    text-align: center;
    padding: 30px 0 20px;
    background: url(../img/products-box-shadow.png) no-repeat 0 0 rgba(255, 255, 255, 0.6);
    margin-bottom: 0;
    border-right: 0 none;
}
.no-rgba .products .thumbnail {
    background-color: #fff;
    background-image: none !important;
}
.products .thumbnail h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0292b4;
    margin: 35px 0 20px;
}
.lt-ie9 .products .thumbnail h4 {
    font-size: 13px;
}
.products .thumbnail p {
    font-size: 13px;
}
.products .thumbnail .thumbnail-img {
    background-color: #0292b4;
    border-radius: 50px;
    width: 95px;
    height: 95px;
    position: relative;
    margin: auto;
}
.products .thumbnail .thumbnail-img img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

/* Catalog & Stockists */
.catalog .col-md-6 {
        padding-right: 1px;
}
.stockists .col-md-6 {
        padding-left: 1px;
}
.box {
        position: relative;
}
.box img {
    position: relative;
    z-index: 9;
}
h3.bg_title {
    background: rgba(2, 146, 180, 0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;    
    display: block;
    z-index: 99;
    margin: 0;
}
.no-rgba h3.bg_title {
    background: #46b0c8;
}
a.catalog,
a.stockists {
    background: url("../img/catalog.png") no-repeat scroll right center transparent;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 7px 0;
    text-transform: uppercase;
    text-align: center;
}
a.stockists{
    background: url("../img/stockists.png") no-repeat scroll right center transparent;
}
a.catalog:hover,
a.stockists:hover {
        text-decoration: underline;
}

/* Brands */
.page44 #verdiSection41 .outerLayer {
    padding: 30px 0;
    background-color: rgba(255, 255, 255, 0.6);
}
.no-rgba .page44 #verdiSection41 .outerLayer {
    background: #fff;
}
.brands .inLineContentContainer a img {
    opacity: 1.0;
    
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.brands .inLineContentContainer a:hover img {
        opacity: 1;
}
.brands .inLineContentContainer img {
    margin: 0 auto;
    width: auto;
}

/* FOOTER
================================================== */
#footer .footer-bg {
    background: none repeat scroll 0 0 #0292b4;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding: 20px;
}
#footer .section-title {
        padding: 10px 15px 20px;
        text-decoration: none;
}
#footer p {
    color: #fff;
    line-height: 22px;
}
#footer .border-right p {
    border-right: 1px solid #fff;
}

.footer-bg .col-md-2 {
        width: 19.6667%;
}
.footer-bg .col-md-7 {
        width: 55.3333%;
}
.footer-bg a {
        color: #fff;
}
.footer-bg a:hover { 
    text-decoration: underline;
}

/* Social icons */
.social-icons {
    float: right;
    padding-right: 60px;
    padding-left: 0;   
}
.social-icons li {
    display: inline-block;
    margin-left: 8px;
}
.social-icons li:first-child {
    margin-left: 0;
}
.social-icons a {
    display: block;
}

/* Copyright */
#footer p.copyright {
    padding: 15px 15px 15px 0;
    margin: 0;
    font-size: 14px;
    color: #929292;
    text-align: right;
}
#footer p.copyright a {
    color: #929292;    
}
#footer p.copyright a:hover {
    color: #0292b4;
    text-decoration: underline;
}

/* Footer Navigation */
#verdiSection45 ul {
    padding: 15px 0 15px 15px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    text-align: left;
    list-style: none;
}
#verdiSection45 ul li {
    display: inline-block;
    margin: 0 9px;
}
#verdiSection45 ul li:first-child {
        margin-left: 0;
}
#verdiSection45 ul li a {
    display: block;
    font-size: 14px;
    color: #929292;
    text-transform: uppercase;
}
#verdiSection45 ul li a:hover{
        text-decoration: underline;
}
#verdiSection45 ul li a.selected{
        font-weight: bold;
}


/* CUSTOM SLIDERS
================================================== */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../img/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, 
.slick-next { 
    position: absolute; 
    display: block; 
    height: 30px; 
    width: 30px; 
    line-height: 0; 
    font-size: 0; 
    cursor: pointer;
    color: transparent; 
    top: 50%; 
    margin-top: -15px; 
    padding: 0; 
    border: none; 
    outline: none; 
    opacity: 0;
    
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    transition: opacity 0.25s;
    
    background-color: transparent; 
    background-repeat: no-repeat;
    background-position: 0 0;
}  
.slick-prev{
    background-image: url("/Clearpond/img/carosel_arrow_left.png"); 
    left: 20px;
}
.slick-next{
    background-image: url("/Clearpond/img/carosel_arrow_right.png"); 
    right: 20px;
}
#verdiSection34 .slick-prev, 
#verdiSection34 .slick-next { 
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    background: #0089ac center center no-repeat;
    border-radius: 20px;
}
#verdiSection34 .slick-prev{
    background: url("/Clearpond/img/arrow-left.png") no-repeat scroll center center #0089ac; 
}
#verdiSection34 .slick-next{
    background: url("/Clearpond/img/arrow-right.png") no-repeat scroll center center #0089ac; 
}
.slick-prev:focus, 
.slick-next:focus { 
    outline: none; 
}
.slick-slider:hover button {
        opacity: 0.6;
}
.slick-slider button:hover {
        opacity: 1;
}


/* SIDEBAR MENU
================================================== */
.left-sidebar {
        padding-right: 0;
        border-right: 1px solid #d3d3d3;
        margin-right: -1px;
}
.franchise-navigiation .nav-toggle,
#verdiSection36 .nav-toggle {
    background: #ebe9e9;
    text-align: center;
    padding: 17px 0;
}
#verdiSection36 .nav-toggle:before {
    color: #717171;
}
#verdiSection36 ul {
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}
#verdiSection36 ul li {
    display: block;
    position: relative;
    float: none;
    margin-top: 0;
}
#verdiSection36 ul li a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    padding: 8px 2px 8px 15px;
    display: block;
    position: relative;
    color: #505050;
}
.side {
    padding-bottom: 15px
}

#verdiSection36 .side-nav1 li.active > a {
    background: #46b0c8;
    color: #ffffff;
    font-weight: 600;
}
#verdiSection36 .side-nav1 li a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    padding: 8px 2px;
    color: #0292b4;
}
.categorySecondLevel .panel-heading {
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0;
    font-size: 12px;
    margin-top: 15px;
    color: #505050;
}

#verdiSection36 ul.side-nav2 li:last-child a {
    border-bottom: 0;
}

#verdiSection36 a:hover,
#verdiSection36 li.currentLi li a:hover, 
#verdiSection36 li.currentParentLi li a:hover {
    background: #eee;
    color: #0292b4;
    text-decoration: underline;
}

#verdiSection36 li li {
    border-bottom: 1px solid #d3d3d3;   
}

#verdiSection36 li.currentLi li a, 
#verdiSection36 li.currentParentLi li a {
    color: #46b0c8;
    background: #f9f9f9;    
}


#verdiSection36 li.currentParentLi li.currentLi a:hover {
    background: #717171;
}

#verdiSection36 .stockist-country { color: #0292b4; }
#verdiSection36 .stockist-country:hover { background: inherit; text-decoration: none; }

#verdiSection36 .currentParentLi .stockist-country:hover { color: #fff; }

#verdiSection36 div > ul > .currentLi > a, 
#verdiSection36 div > ul > .currentParentLi > a {
    background: #46b0c8 !important; 
    color: #fff;
}

#verdiSection36 li.currentParentLi .currentLi > a {
    background: #717171;
    color: #fff;
}

#verdiSection36 li.currentParentLi .currentLi > a:hover {
    color: #fff;
}


/* PRODUCTS PAGES
================================================== */
.products-layout > .row {
        margin: 0;
        border-top: 1px solid #d0d0d0;
}

@media (min-width: 768px) {

    .products-layout .col-md-6 {
        display: table-cell;
        float: none;
    }
    .products-layout .row { display: table-row; }
    .products-layout { border-collapse:collapse; display: table; width: 100%; }
}


.products-layout > .row.last-product .product-cat-item,
.products-layout > .row.last-products-row {
    border-bottom: 1px solid #d0d0d0;
} 


/* Product categories */
.product-cat-item {
    border-right: 1px solid #d0d0d0;
    padding-top: 25px;
    padding-bottom: 25px; 
}

.product-general-img.product-main { width: auto; max-height: 300px; display: inline; }

.product-cat-item > div {
    padding: 17px 0 27px 12px;
}

.right-content .product-cat-item:nth-of-type(2n) {
    border-right: 0;
    border-left: 1px solid #d0d0d0;
    margin-left: -1px;
}
.product-cat-item h3 {
    font-size: 22px;
    margin-top: 0;
    text-transform: uppercase;
    max-height: 75px;
    overflow: hidden;
    padding: 0 10px;
}
.product-cat-item p {
    color: #717171;
    margin-bottom: 20px;
    padding: 0 10px;
}
.product-cat-item ul {
    padding-left: 15px;
    color: #717171;
}
.product-cat-item .enter-cat {
    background: #46b0c8;
    color: #fff;
    padding: 2px 15px;
    text-transform: uppercase;
    margin-left: 10px;
}
.product-cat-item .enter-cat:hover {
    background: #00769b;
}
.product-cat-item .cat-list-img {
    display: block;
    float: right;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 50%;
}
.product-cat-item .cat-list-img img {
    max-width: 100%;
    max-height: 200px;
}
.product-code {
    position: absolute;
    top: 10px;
    left: 27px;
    font-size: 10px;
    color: #2a2a2a;
}

/* Compare Products */
.compare-title {
    font-size: 22px; 
    color: #0292b4;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.compare-txt {
    font-size: 16px;
    color: #606060;
    line-height: 26px;
}

/* Compare Box */
.products-to-compare {
    background: #b9b9ba; 
    width: 94%; 
    display: block; 
    margin: 0 0 20px 0;
    padding: 10px;
    float: right;
}
.compare-top-part {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
}
.products-to-compare span {
    color: #ffffff;
    float: left;
    font-size: 18px;
    margin: 12px 0 12px 25px;
    text-transform: uppercase;
}

.compare-clear {
    background: #0292b4;
    color: #ffffff;
    display: block;
    border: none;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    float: right
}


.compare-clear:hover {
    background: #00769b;   
}

.products-to-compare a.compare-btn {
    background: #0292b4;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 18px;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    width: 140px;
}

.products-to-compare a.compare-btn:hover {
    background: #00769b;   
}
.compare-main-part {
    width: 100%;
    height: 160px;
    border: 1px solid #eaeaeb;
    overflow-y: scroll;
    margin-bottom: 10px;
}
.compare-listing {
    margin: 0;
    padding: 0; 
}
.compare-listing li {
    background: #ffffff;
    list-style: none; 
    border-bottom: 1px solid #d5d5d6;
    position: relative;
    height: 53px;
    line-height: 53px;
} 

.compare-img-con { 
    width: 50px;
    text-align: center;
    padding: 5px;
    height: 100%;
    margin-right: 5px;
    float: left;
}

.compare-listing li img.compare-img-list {  
    max-width: 40px;
    max-height: 100%;
    vertical-align: text-bottom;
} 
.compare-listing li .compare-close {
    background: url("../img/close-icon.png") no-repeat scroll center center #0093b5;
    width: 52px;
    height: 52px;
    display: block;
    float: right;
    border: none;
    border-left: 1px solid #c9c9ca;
}
.compare-listing li .compare-close:hover {
    background-color: #00769b;
}

/* Track */ 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } 
/* Handle */ 
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
::-webkit-scrollbar-thumb:window-inactive { background: #848487; }

/* Compare Checkbox inside Products */

.css-label { }
.css-checkbox {
    background: url(../img/checkbox-icon.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    bottom: 0;
    color: #c1c1c1;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    line-height: 26px;
    margin: 0;
    padding-right: 30px;
    position: absolute;
    right: -1px;
    text-transform: uppercase;
    vertical-align: middle;
    border: none;
}
.css-checkbox.checked {
    background-position: right -26px;
}

/* Product Info Page */
.product-title {
    font-size: 20px;
    color: #0292b4;
    text-transform: uppercase;
}
.product-main-code {
    color: #717171;
    display: block;
    font-size: 15px;
    margin-bottom: 40px;
}
.product-info > .row:last-child {
        padding-bottom: 20px;
}
.product-info,
.product-details-content {
    color: #717171;
    line-height: 28px;
}

.product-info h3 {
    font-size: 16px;
    color: #0292b4; 
    text-transform: uppercase;
    margin: 30px 0 20px;
}
.product-info .product-details-content h3 {
    margin-top: 0;
}
.product-details-content h4 {
    color: #717171;
    font-size: 14px; 
}
.product-details-content ul {
    padding-left: 15px;
    margin: 20px 0;
}
.product-details-content strong br {
    display: none;
}
.border-bottom {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 25px;
    overflow: hidden;
}

/* Table in product info */
.info-table {
        margin-top: 30px;
}
.info-table tr td {
        color: #0292b4;
}
.product-details-content {
    border-bottom: 1px solid #d6d6d6;
    height: auto;
    Xoverflow: hidden;
    padding-bottom: 20px;
}
/*bkel mangling display*/
.product-info-images-con {
    margin: -100px 0 20px 0;
    text-align: center;
}
.multiInstruction
{
    color:#717171;
    font-size:11px;
    position:relative;
    Xfloat:left;
    display: block;
    top:5px;
    width:100%;
    font-family:"Open Sans",sans-serif; 
}
.product-download-listing {
    margin: 0;
    padding: 0;
}
.product-download-listing li {
    background: url("../img/download_icon.png") no-repeat scroll left center transparent;
    list-style: none outside none;
    margin: 10px 0;
    padding: 7px 0 7px 45px;
}
.product-download-listing li span {
    color: #717171; 
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-right: 10px;
}
.product-download-link {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background: #0292b4;
    padding: 5px 10px;
}
.product-download-link:hover {
    background-color: #00769b;   
    color: #fff;
}
.product-general-img {
    padding-top: 20px;
    width: 100%;
}

/* Compare Table */
.compare-table-print-btn {
    background: #0292b4;
    display: block;
    float: right;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px;
    margin-bottom: 20px;
}
.compare-table-print-btn:hover {
    color: #fff;
    background: #00769b;
}
table.comparison-table {
    table-layout: fixed;   
    width: 100%;
    *margin-left: -185px;
    margin-bottom: 0;
}

table.comparison-table tr td {
    text-align: center;
    font-size: 14px;
    width: 171px;
    border-left: 1px solid #d3d3d3;
    line-height: 26px;
}
.comparison-table td, 
.comparison-table th {
    vertical-align: middle !important;
    border-top: 1px solid #ccc !important;
    padding: 10px;
}
.comparison-table td span {
    color: #0292b4;
}
table.comparison-table tr td:first-of-type {
    border-left: 0;
}
.comparison-table th {
    position:absolute;
    *position: relative; 
    left:0; 
    width:185px;
    margin-top: -1px;
    color: #0292b4;
    font-weight: normal;
    padding: 0 0 0 20px !important;  
    display: inline-block;         
}
.comparison-table th span{
    color: #0292b4;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 1005;
}
.comparison-table tr td img {
        width: 90px;
}
table.comparison-table tr:last-child {
    height: 65px;
}
.outer {
    position:relative;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin: 40px 0 20px;
}
.inner {
    overflow-x:auto;
    overflow-y:visible;
    width:auto; 
    margin-left:182px;
    border-left: 1px solid #d3d3d3;
}

.inner .scroller-track {
    background: #fff;
}

.inner .scroller-bar {
    border-top: 1px solid #d3d3d3;
}

.scroller-handle {
    background: #d3d3d3;
    border: 1px solid #aaa;
}

/* STOCKISTS PAGES
================================================== */
/* Stockists search and map */
#mapCanvas { 
    height: 450px; 
}  
.map-top-bar{
    background: #0292b4;
    width: 100%;
    min-height: 52px;
    margin-bottom: 2px;
}
.map-top-bar .row > div {
        margin: 15px 0;
}
.map-top-bar label{
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    padding: 0 15px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
}
.enter-postcode input{
    width: 90px;
    border-radius: 3px;
    padding: 2px 5px;
    float: left;
    color: #0292b4;
    font-size: 14px;
    border: 0;                     
}
.search-select-container{
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 88px;
}
.dist-to-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/select_arrow.png") no-repeat scroll 69px center #fff;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    color: #0292b4;
    width: 110px;
    text-indent: 4px;
    padding: 1px 5px;
}
.dist-to-search select option {
    text-align: left;
    border: 0 none;
}
.map-top-bar .btn_submit,
.stockists-map-search-btn {
    color: #0292b4;
    text-transform: uppercase;
    background: url("../img/search_map_icon.png") no-repeat scroll 6px center #fff;
    border-radius: 3px;
    padding: 2px 12px 2px 27px;
    float: right;
    margin-right: 15px;
    border: 0 none;
}
.stockists-map-frame {
    width: 100%;
    height: auto;
    position: relative;
}
/*
.map-frame-sidebar {
    position: relative;
    width: 100%;
    height: auto;
    right: auto;
    top: auto;
}
.map-frame-listing {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}
*/
.map-frame-sidebar {
    min-height: 377px;
    max-height: 450px;
    position: absolute;
    right: 0;
    top: 0;
}
.map-frame-listing {
    min-height: 377px;
    max-height: 450px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.map-frame-listing li {
    overflow: hidden; 
    position: relative;
    background: #fff;
    min-height: 105px;
    width: 100%;
    padding: 10px 10px 10px 65px;
    margin-bottom: 2px;
}
.map-frame-listing li:last-child {
    margin-bottom: 0;
}
.map-frame-listing li span.mainml {
    width: 100%;    
    display: block;
    font-size: 12px;
    color: #0292b4;
}
.map-frame-listing li a.mainml {
    width: 100%;    
    display: block;
    font-size: 11px;
    font-weight: bold;
}
.map-frame-listing .infoWindowShow {
    position: absolute; 
    width: 34px; 
    height: 41px; 
    left: 20px; 
    top: 25%;
}
.infoIconsShow {
    position: absolute;
    top: 11px;
    left: 283px;
    height: 16px;
    width: 16px;
    background: url('/Clearpond/img/more-info-icon.png') 0 0 no-repeat;
}
.infoIcons {
    display: none;
    position: absolute;
    top: 13px;
    left: 2px;
    padding: 10px 10px 13px;
    width: 300px;
    border: 1px solid #00789D;
    background: #fff;
}
.infoIcon-categories img {
    margin-right: 7px;
}
.infoIcon-brands a {
    display: inline-block;
    margin: 9px 7px 0 0;
}
.infoIcon-brands a:last-child {
    margin-right: 0;
}


/* Stockists Store Page */
.stockistst-single-store-title {
    font-size: 16px;
    margin-bottom: 10px;
    color: #0292b4;
    text-transform: uppercase;  
}
.stockists-sort-list-title {
    font-size: 21px;
    text-transform: uppercase;
    margin: 0 10px 20px;
}
.stockistst-cat-store-title {
    font-size: 16px;
    color: #0292b4;
    text-transform: uppercase;
    margin-top: 0;
    text-align: left;
    float: left;    
    line-height: 26px;
}
.stockistst-cat-store-title a {
    float: left;
    font-size: 16px;
}
.stockistst-store-categories {
        float: right;
}
.stockistst-store-categories span {
    float: left;   
    margin: 0 0 0 10px;
}
.stockistst-store-categories:first-child span {
     margin: 0;
}
.store-txt-content p {
        margin: 15px 0;
        line-height: 28px;
}
.store-info-list {
    margin: 10px 0 25px 0;
    padding: 0;
    width: 100%;
    clear: both;
}
.store-info-list li {
    list-style: none;
    color: #0292b4;
    padding: 2px 2px 2px 25px;
}
.store-info-list li.address {
        background: url("../img/store_address_icon.png") no-repeat scroll left center transparent;
}
.store-info-list li.phone {
        background: url("../img/store_phone_icon.png") no-repeat scroll left center transparent;
}
.store-info-list li.email {
        background: url("../img/store_email_icon.png") no-repeat scroll left center transparent;
}
.store-info-list li.web {
        background: url("../img/store_web_icon.png") no-repeat scroll left center transparent;
}

.stockist-store-image {
    float: right;
    clear: both;
    margin-bottom: 25px;
}

.stockist-store-image img {
    float: right;
}

/* Stockists categories list */
.stockists-cat-item {
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;   
    min-height: 250px;
}
.stockists-cat-item > div {
    padding: 17px 0 17px 12px;
    position: relative;
}
.right-content .stockists-cat-item:nth-child(even) {
    border-right: 0;
}
.stockists-cat-item p {
    color: #717171;
    margin-bottom: 20px;
}
.stockists-cat-item .enter-cat {
    background: #46b0c8;
    color: #fff;
    padding: 6px 15px;
    text-transform: uppercase; 
}
.stockists-cat-item .enter-cat:hover {
        background: #00769b;
}
.stockists-cat-item .cat-list-img {
    margin: 0 auto;
    display: block;
}
.filter-listing-stores a {
    color: #0292b4;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 5px 5px 35px;
    margin: -5px 10px 0 10px;
    float: left;
    display: block;
}
.sort-dealer {
        background: url(../img/dealer_icon.png) no-repeat scroll left center transparent;
}
.sort-landscaper {
        background: url(../img/landscaper_icon.png) no-repeat scroll left center transparent;
}
.sort-webstore {
    background: url(../img/webstore_icon.png) no-repeat scroll left center transparent; 
}
.stockists-cat-item .store-info-list li {
    color: #717171;
    font-size: 13px;
    padding: 2px 2px 2px 25px;
}
.stockists-cat-item .store-info-list {
        margin-bottom: 20px;
}
.store-brands {
    width: 100%;
    margin: 22px 0 0px 0;
    overflow: hidden;
}
.store-brands a {
    float: left;
    display: block;
    margin: 0 11px 0 0;
}
.store-brands a:last-child {
    margin: 0;
}
.stockists-pagination {
    width: 100%;
    margin: 10px 0 0;
    height: auto;
}
.stockists-pagination ul {
    float: right;
    padding: 10px;
    margin: 0;
}
.stockists-pagination li {
    float: left;
    list-style: none;
    color: #0292b4;
    margin: 0 3px;
}
.stockists-pagination li.active {
    color: #717171;
    font-weight: bold;
}
.details-stockistst-store-categories {
    margin: 17px 0;
}
.details-stockistst-store-categories img {
    margin-right: 7px;
}
.details-store-brands {
    margin: 17px 0;
}
.details-store-brands a {
    margin: 0 11px 0 0;
}

/* stockists sidebar */
#verdiSection36 .franchise-navigiation > ul,
#verdiSection36 .franchise-navigiation > ul > li:last-child ul {
    border-bottom: 0;
}

#verdiSection36 .franchise-navigiation > ul > li {
    padding-top: 20px;
}

#verdiSection36 .franchise-navigiation > ul > li:first-child {
    padding-top: 0px;
}

/* CONTACT
 * ASK US FOR HELP
================================================== */
.page7 #verdiSection39 { 
    width: 33.3333%;
    float: left;
}
.page7 #verdiSection40 { 
    /* width: 66.6667%; */
    float: right;
}

.page7 #verdiSection40 .inLineContentContainer p { 
    padding-right: 22px;
}

.page7 #verdiSection41 {
    float: right;
    margin-top: 30px;
}

.page7 .left-sidebar h4 {
    color: #0292b4;
    display: block;
    font-weight: bold;
    line-height: 16px;
    font-size: 12px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.page7 .left-sidebar .inLineContentContainer p {
    line-height: 18px;
}
.page7 #verdiSection40 .dynamicForms {
    float: right;
}
.page7 .inLineContentContainer > h3 {
    color: #0292b4;
    font-size: 35px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.page7 .inLineContentContainer > p {
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    color: #717171;
}

.page7 .dFormRequiredFieldInstruction {
    display: none;
}

.page7 table,
.page7 th, 
.page7 td,
.page32 table,
.page32 th, 
.page32 td {
    border: 0 none;
    padding: 0;
}

.page7 .dFormHeaderText,
.page32 .dFormHeaderText {
    display: none;
}

.page7 .dFormLabel label,
.page32 .dFormLabel label {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    width: 110px;
    cursor: pointer;
    line-height: 32px;
    margin: 0;
}

.page32 .dFormLabel label {
    width: auto;    
}

.page7 .dFormField input,
.page32 .dFormField input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 14px;
    margin: 0 0 12px;
    padding: 5px 6px;
    width: 282px;
}

.page7 .dFormFieldTextArea textarea,
.page32 .dFormFieldTextArea textarea {
    background: #fff;
    border: 1px solid #8e8e8e;
    border-radius: 0;
    color: #717171;
    font-size: 14px;
    margin: 0 0 12px;
    padding: 5px 6px;
    resize: none;
    width: 415px;
    height: 100px;
}

.page7 .dFormSubmit,
.page32 .dFormSubmit {
    background: none;
    border: 0 none;
    color: #0292b4;
    display: block;
    float: right;
    font-size: 14px;
    width: auto;
    padding: 0;
}

.page32 .dFormFieldSelect select {
    -moz-user-select: none;
    display: inline-block;
    width: 282px;
    background-color: #fff;
    border: 1px solid #717171;
    color: #717171;
    cursor: pointer;
    font-family: "helvetica neue",arial;
    font-weight: 400;
    padding: 3px 0 3px 5px;
    position: relative; 
}

.page32 .dFormFieldSelect .select_style {
    width: 282px;
    margin-bottom: 12px;
}

.page32 .dFormDescription {
    padding-bottom: 5px;
}

.niceselect .value_wrapper .values label {
    color: #0292b4;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    line-height: 31px;
    margin: 0;
}

.page32 .checkBoxContainer input[type="checkbox"] + label {
    background: url("../img/checkbox.png") no-repeat scroll 0 0 transparent;
    height: 26px;
    line-height: 26px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 12px;
}

.page32 .checkBoxContainer input[type=checkbox]:checked + label {
        background-position: 0 -26px;
}

.page32 .checkBoxContainer input[type="checkbox"] {
        display: none;
}

.page32 .dFormDescription,
.page32 .dFormRequiredFieldInstruction {
    color: #717171;
    line-height: 28px;
}

.page32 td.dFormField {
    padding-left: 10px;
}
/* ABOUT
================================================== */
.page2 p {
    line-height: 28px;
}
/* Our Mission http://clearpond.dev10.ibc.com.au/about-us/our-mission */
.page49 .right-image{
    float: right;
    max-width: 50%;
    position: relative;
}
.page49 .right-image img {
    max-width: 100%;
}
.page49 .left-desc{
    max-width: 50%;
    text-align: center;
    position: relative;
}
.page49 .left-desc img{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
}
.page49 .desc {
    position: absolute;
    max-width: 92%;
    color: #000000;
    padding-top: 10px;
}

/* Our Brands http://clearpond.dev10.ibc.com.au/about-us/our-brands */
.page50 p {
    line-height: 28px;
}


/* Meet the Team http://clearpond.dev10.ibc.com.au/about-us/meet-the-team */
.page51 .team {
    margin-bottom: 20px;
}
.page51 .team-photo img {
    width: 100%;
}
.page51 .team-desc h3 {
    margin-top: 0;
}

/* Become a stockist */
.page52 th {
    background-color: #46b0c8;
    color: #ffffff;
    text-align: center;
    padding: 5px;
}
.page52 td {
    text-align: center;
}


/* HOW TO
================================================== */
.page4 p {
    line-height: 28px;
}

.page4 .col-md-4 {
    margin-top: 20px;
    text-align: center;
}

/* How to Build http://clearpond.dev10.ibc.com.au/how-to/how-to-build */
.page25 h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.page25 .inLineContentContainer .row,
.page26 .inLineContentContainer .row,
.page61 .inLineContentContainer .row,
.page62 .inLineContentContainer .row,
.page63 .inLineContentContainer .row,
.page64 .inLineContentContainer .row,
.page82 .inLineContentContainer .row,
.page87 .inLineContentContainer .row,
.page50 .inLineContentContainer .row,
.page76 .inLineContentContainer .row,
.page6 .inLineContentContainer .row {
    margin-top: 30px;
}

.page76 .inLineContentContainer .row p {
    margin-top: 20px;
}


/* Pond Construction Materials http://clearpond.dev10.ibc.com.au/how-to/how-to-build/pond-construction-materials/ */
/* Installing a pond liner http://clearpond.dev10.ibc.com.au/how-to/how-to-build/installing-a-pond-liner/ */
.page54 .inLineContentContainer .row, .page55 .inLineContentContainer .row, .page56 .inLineContentContainer .row,
.page28 .inLineContentContainer .row, .page73 .inLineContentContainer .row, .page74 .inLineContentContainer .row,
.page75 .inLineContentContainer .row, .page89 .inLineContentContainer .row { 
        margin-bottom: 30px;
}
.page54 .inLineContentContainer .row p, .page55 .inLineContentContainer .row p, .page56 .inLineContentContainer .row p,
.page25 .inLineContentContainer .row p, .page26 .inLineContentContainer .row p, .page57 .inLineContentContainer p, 
.page58 .inLineContentContainer p, .page59 .inLineContentContainer p, .page60 .inLineContentContainer .row p, 
.page28 .inLineContentContainer .row p, .page48 .inLineContentContainer p, .page35 .inLineContentContainer .row p, 
.page82 .inLineContentContainer .row p, .page87 .inLineContentContainer .row p, .page90 .inLineContentContainer p,
.page91 .inLineContentContainer p, .page92 .inLineContentContainer p, .page50 .inLineContentContainer .row p,
.page6 .inLineContentContainer p {
    line-height: 28px;
}
.page54 .inLineContentContainer h3,
.page55 .inLineContentContainer h3,
.page56 .inLineContentContainer h3 {
    font-size: 16px;
    text-decoration: underline;
    font-weight: 700;
    margin-top: 0;
}
.page54 .inLineContentContainer h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.page91 .inLineContentContainer li {
    color: #717171;
    line-height: 28px;
}

.page50 .inLineContentContainer .row a {
    float: left;
    clear: both;
    margin: 10px;
}

/* Installing a Preformed Pond http://clearpond.dev10.ibc.com.au/how-to/how-to-build/installing-a-preformed-pond/ - page56 */
.page56 .inLineContentContainer .how-to-note {
    text-align: center;
    font-size: 13px;
}

/* How to Maintain http://clearpond.dev10.ibc.com.au/how-to/how-to-maintain/ - page26 */
.page26 .inLineContentContainer h3,
.page28 .inLineContentContainer h3,
.page33 .inLineContentContainer h3,
.page82 .inLineContentContainer h3,
.page87 .inLineContentContainer h3,
.page91 .inLineContentContainer h3,
.page92 .inLineContentContainer h3,
.page76 .inLineContentContainer h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.page91 .inLineContentContainer h3,
.page92 .inLineContentContainer h3 {
    margin-bottom: 15px;
}

.page26 li {
    line-height: 28px;
    color: #717171;
}

/* Cleaning Water http://clearpond.dev10.ibc.com.au/how-to/how-to-maintain/cleaning-water/ - page57 */

/* Water Chemistry http://clearpond.dev10.ibc.com.au/how-to/how-to-maintain/water-chemistry - page58 */

/* Pond Aeration http://clearpond.dev10.ibc.com.au/how-to/how-to-maintain/pond-aeration/ - page59 */

/* Seasonal Pond Maintenance http://clearpond.dev10.ibc.com.au/how-to/how-to-maintain/seasonal-pond-maintenance - page60 */

/* Pump Performance Curves http://clearpond.dev10.ibc.com.au/how-to/pump-performance-curves/ - page28 */
.page28 .inLineContentContainer .row img,
.page61 .inLineContentContainer .row img,
.page62 .inLineContentContainer .row img, 
.page63 .inLineContentContainer .row img,
.page64 .inLineContentContainer .row img,
.page35 .inLineContentContainer .row img,
.page82 .inLineContentContainer .row img,
.page87 .inLineContentContainer .row img,
.page76 .inLineContentContainer .row img {
    max-width: 100%;
}
.page6 .inLineContentContainer .row,
.page76 .inLineContentContainer .row {
    text-align: center;
}
.page28 .inLineContentContainer h3 {
    margin-bottom: 10px;
}

/* Oase http://clearpond.dev10.ibc.com.au/how-to/pump-performance-curves/oase - page61 */

/* Clearpond http://clearpond.dev10.ibc.com.au/how-to/pump-performance-curves/clearpond/ page62 */

/* Aquagarden http://clearpond.dev10.ibc.com.au/how-to/pump-performance-curves/aquagarden/ - page63  */

/* Eden http://clearpond.dev10.ibc.com.au/how-to/pump-performance-curves/eden/ - page64 */

/* What is an IP Rating http://clearpond.dev10.ibc.com.au/how-to/what-is-an-ip-rating */
.page33 .inLineContentContainer h3 {
    margin-bottom: 20px;
}
.page33 table, 
.page33 th,
.page33 td,
.page52 table,
.page52 th,
.page52 td {
    border: 1px #d0d0d0 solid !important;
}
.page33 th,
.page33 td {
    padding: 5px 5px 5px 10px;
}
.page33 th.centered, 
.page33 td.centered {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.page33 th {
    background-color: #46b0c8;
    color: #ffffff;
}
.page33 blockquote {
    padding: 0px;
    margin: 0px 0px 10px 15px;
    font-size: 14px;
    border: 0px none;
}
.page34 #verdiSection39 .inLineContentContainer {
    overflow: hidden;
}
.page34 #verdiSection39 .inLineContentContainer img {
    width: 25px;
    height: 27px;
}
.page34 #verdiSection39 .inLineContentContainer .rows .column.half{
    /* background: #ffffff url("/cproot/76/2/PDFimageb.jpg") no-repeat left top; */
    background: url("/Clearpond/img/pdfimageb.jpg") no-repeat left center; 
    background-size: 25px 27px;
    padding: 8px 0px 8px 30px;
}
.page34 #verdiSection39 .inLineContentContainer .rows .column.half.left {
    float: left;
}
.page34 #verdiSection39 .inLineContentContainer .rows .column.half.right {
    float: right;
}

.chart-link {
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

/* Video pages */
.maintenance-video-container p {
    text-align: center;
}
.maintenance-video-container p a.black-text {
    color: #000;
    font-size: 16px;
}


/* Info & maintenance Video http://clearpond.dev10.ibc.com.au/how-to/info-maintenance-videos - page35 */

/* FAQ */
.faqCategoryContainer > h2 {
    font-size: 18px;
    margin-top: 0;
    display: inline;
}
.faqQuestionsContainer {
    list-style: none outside none;
    margin: 20px 0 50px;
    padding: 0;
}
.faqQuestionsContainer a {
    background: #eee;
    color: #717171;
    display: block;
    padding: 10px 10px 10px 35px;
    position: relative;
}
.faqQuestionsContainer a:hover {
    background: #717171;
    color: #fff;
}
.faqQuestionsContainer a.active {
    background: #46b0c8;
    color: #fff;
}
.faqQuestionsContainer a:before {
    content: "+";
    font-size: 26px;
    left: 10px;
    position: absolute;
    top: 1px;
}
.faqQuestionsContainer a.active:before {
    content: "-";
    top: -1px;
    left: 12px;
}
.faqQuestionsContainer li {
    margin-bottom: 4px
}
.faqQuestionsContainer li span {
    display: none;
}
.faqQuestionsContainer li > div {
    background: #fff;
    border: 1px solid #46b0c8;
    padding: 10px;
    display: none;
    color: #717171;
    line-height: 28px;
}

.faqCategoryContainer .btt {
    float: right;   
}

.faq-quicklinks { overflow: auto; margin-bottom: 2em; display: none; }
.faq-quicklinks li { width: 50%; float: left; }

/* HOW TO CALCULATORS
================================================== */
/* Defaults */
.howto-sidebar{
    border-bottom: 0 none;
}
.howto-uppercase-title {
    margin: 0 0 40px 0;
    font-size: 20px;
    color: #0292b4;
    text-transform: uppercase;
    font-weight: normal;
}
.howto-title {
    margin: 0 0 50px 0;
    font-size: 20px;
    color: #0292b4;
    font-weight: normal;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.howto-container p {
    font-size: 12px;
    margin-bottom: 20px;
}
.howto-container p span {
    color: #0292b4;
    font-weight: 600;
}
.howto-container-running-cost p {
    font-size: 14px;
    margin-bottom: 20px;
}
.howto-container-running-cost span{
    font-weight: bold;
    color: #0292b4;
}
.howto-container-running-cost p span {
    color: #0292b4;
    font-weight: 600;
    font-weight: normal;
}
.howto-container-liner p {
    font-size: 14px;
    margin-bottom: 20px;
}

.howto-container-liner span{
    font-weight: bold;
    color: #0292b4;
}
.howto-container-liner p span {
    color: #0292b4;
    font-weight: 600;
    font-weight: normal;
}
.empty-landscape {
    display: none;
}

/* Head Height Calculators */
#height-calculator {
    width: 100%;
    display: block;
    overflow: hidden;
}
#height-calculator h3 {
    font-size: 14px;
    color: #0292b4;
    font-weight: bold;
    margin: 0 0 18px 0;
}
#height-calculator h3.inside {
    margin: 8px 0 7px 0;
}
#height-calculator label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0;
    width: 173px;
}
#height-calculator input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}
#height-calculator input:focus,
#height-calculator textarea:focus {
        border-color: #0292b4;
}

.page41 .inLineContentContainer ul {
    margin: 20px 0 0;
    color: #717171;
}

.page41 li,
.page41 p {
    line-height: 26px;
}

.page36 p,
.page37 p,
.page38 p,
.page39 p,
.page40 p {
    line-height: 26px;
}

.page40 p.disclaimer-text {
    margin: 15px;
}

/* Online Calculators */
#conversion-calculator h3 {
    font-size: 14px;
    color: #0292b4;
    font-weight: bold;
    margin: 0 0 18px 0;
}
#conversion-calculator h3.inside {
        margin: 8px 0 7px 0;
}
.margin-bottom-row {
        margin-bottom: 35px;
}
#conversion-calculator label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0;
    width: 90px;
}
#conversion-calculator input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}
#conversion-calculator input:focus,
#conversion-calculator textarea:focus {
        border-color: #0292b4;
}

/* How To form buttons */
#howto-calculate-btn,
.howto-calculate-btn {
    background: #0292b4 !important;
    border: 0 none !important;
    color: #fff !important;
    display: block;
    float: left;
    margin: 10px 5px 10px 0;
    padding: 4px 15px;
    width: 88px;
    font-size: 14px;
    
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
#howto-calculate-btn:hover,
.howto-calculate-btn:hover {
        background: #00769b !important;
}
.howto-reset-btn {
    background: #8e8e8e !important;
    border: 0 none !important;
    color: #fff !important;
    display: block;
    float: left;
    margin: 10px 5px 10px 0;
    padding: 4px 15px;
    width: 88px;
    font-size: 14px;
    
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}
.howto-reset-btn:hover {
    background: #373737 !important;
}

/* Weight Calculator */
.liner-calculator-title,
.weight-calculator-title {
        margin-bottom: 20px;
}
#weight-calculator {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 30px 0;
}
#weight-calculator span {
    color: #0292b4;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 0 5px;
}
#weight-calculator h3 {
    font-size: 14px;
    color: #0292b4;
    font-weight: bold;
    margin: 0 0 18px 0;
}
#weight-calculator h3.inside {
        margin: 8px 0 7px 0;
}
#weight-calculator label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0;
    width: 65px;
}
#weight-calculator input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}
#weight-calculator input:focus,
#weight-calculator textarea:focus {
        border-color: #0292b4;
}
#weight-calculator input.lf{
    margin: 0 0 30px;
    width: 30px;
}
#weight-calculator input[type=checkbox] {
        display:none;
}
#weight-calculator input[type=checkbox] + label {
    background: url("../img/checkbox.png") no-repeat scroll right top transparent;
    height: 26px;
    width: 94px;
    display:inline-block;
    line-height: 26px;
}
#weight-calculator input[type=checkbox]:checked + label {
        background-position: right -26px;
}

/* Running Cost */
.running-h3-tag {
    font-size: 14px;
    text-transform: uppercase;
    color: #0292b4;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.running-p-tag {
    color: #0292b4;
    font-size: 14px;
}
#running-cost {
    width: 100%;
    display: block;
    overflow: hidden;
}
#running-cost label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0;
    width: 197px;
}
#running-cost label.short-label{
        width: 105px;
}

#running-cost input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}

#running-cost input:focus,
#running-cost textarea:focus {
        border-color: #0292b4;
}


.double-line-label {
    display: inline-block;
    line-height: 10px !important;
    margin: 0 !important;
}
.double-line-label span { 
    color: #8e8e8e;
    display: inline-table;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    width: 100%;
}
.double-line-input{
        margin: 7px 0 0 0;
}

.running-cost-listing {
    padding: 0;
    margin: 20px 0;
}
.running-cost-listing li {
        list-style: none;
}
.running-cost-listing li p {
        margin: 0;
}
.running-cost-listing li p span {
    color: #0292b4;;
}

/* liner Calculator */
#liner-calculator {
    width: 100%;
    margin: 0;
}
#liner-calculator span {
    color: #0292b4;
    font-size: 14px;
    line-height: 30px;
    margin: 0 4px;
    font-weight: normal;
}

#liner-calculator h3 {
    font-size: 14px;
    color: #0292b4;
    font-weight: bold;
    margin: 30px 0 18px;
}
#liner-calculator label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0;
    width: 150px;
}

#liner-calculator input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}

#liner-calculator input:focus,
#liner-calculator textarea:focus {
        border-color: #0292b4;
}
#liner-calculator input.lf {
    margin: 0 0 30px;
    width: 30px;
}
.liner-btn {
    float: none;
    display: inline;
    margin-top: 1px;
    margin-bottom: 30px;
}
.container-liner-border-bottom {
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 30px;
}

/* liner calculator mobile form */
.liner-calculator-mobile-form {
        display: none;
}

/* Pond Volume Calculator */
#pond-calculator h3 {
    font-size: 14px;
    color: #0292b4;
    font-weight: bold;
    margin: 0 0 18px 0;
}
#pond-calculator span {
    color: #0292b4;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 0 5px;
}
#pond-calculator .liner-btn{
        margin-bottom: 5px;
}
#pond-calculator label {
    color: #0292b4;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer;
    margin: 0 0 4px;
    width: 65px;
}

#pond-calculator input {
    background: #fff;
    border: 1px solid #8e8e8e;
    color: #717171;
    font-size: 13px;
    padding: 4px 6px;
    width: 85px;
}

#pond-calculator input:focus,
#pond-calculator textarea:focus {
        border-color: #0292b4;
}

.pond-images-content p {
    color: #0292b4;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
}
.pond-images-content img {
    max-width: 112px;
    margin:0 auto;
}

/* MEDIA PAGES
================================================== */
/* Newsletter */
.newsletter-title {
    font-size: 15px;
    color: #3da0bd;
    font-weight: 600;
    margin: 10px 0 30px;
}

.newsletter-archive-title {
    font-size: 15px;
    color: #3da0bd;
    font-weight: 600;
    margin: 10px 0 30px;
}
.newsletter-info-txt p {
    font-size: 12px;
    margin-bottom: 25px;
    line-height: 18px;    
}

.page22 #verdiSection40 {
    background: url("../img/newsletter_form_bg.png") no-repeat scroll 0 0 transparent;
    margin: 10px 0 0 57px;
    min-height: 275px;
    overflow: hidden;
    padding: 18px 50px;
    float: left;
    width: 580px;
    margin-left: 0;
}
.page22 #verdiSection40 .frmHdeFld {
    display: none;
}
.page22 .dynamicForms .dFormHeader {
    padding-bottom: 20px;
}
.page22 .dynamicForms .dFormHeaderText {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px 0;
    font-weight: 300;
}
.page22 .dynamicForms label {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    width: 80px;
    float: left;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 28px;
}
.page22 .dynamicForms input {
    color: #717171;
    border: none;
    padding: 3px 8px;
    border: 1px solid #fff;
    width: 181px;
    float: left;
    margin-bottom: 5px;
}
.page22 .dynamicForms .dFormSubmit {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    width: 100px;
    padding: 2px 10px 4px;
    font-weight: 300;
    float: right;
    margin: 0;
}

.page22 #verdiSection41 {
    clear: both;
}
.archive-container {
    border-top: 1px solid #d1d1d1;
    padding-top: 30px;
}
.newsletter-archive-listing {
    margin: 0;
    padding: 0;
}
.newsletter-archive-listing li {
    list-style: none;
    line-height: 26px;
    width: 50%; 
    float: left;
}
.newsletter-archive-listing li:last-child {
        margin-bottom: 0;
}
.newsletter-archive-listing li a {
    display: block;
    font-size: 12px;
    color: #717171;
    font-weight: bold;
}
.newsletter-archive-listing li a:hover {
        text-decoration: underline;
}
.page22 .dFormRequiredFieldInstruction {
    color: #ddd;
    padding-bottom: 10px;
    font-size: 12px;
}

/* Competition http://clearpond.dev10.ibc.com.au/media/competitions - page23 */
.page23 .inLineContentContainer ol {
    padding: 0 0 0 15px;
    margin: 0;
    color: #717171;
}
.page23 .inLineContentContainer p {
    line-height: 28px;
}
.page23 .inLineContentContainer img{
    max-width: 347px;
    float: right;
    margin: 0 0 15px 15px;
}

/* Images */

#inPageNavigation { margin-bottom: 1em;}
#inPageNavigationColLeft,
#inPageNavigationColRight,
.inPageNavigationRow {
    float: left;
}

.inPageNavigationRow {
    xmargin-left: 10px; 
}

#inPageNavigationColLeft .inPageNavigationRow:first-child {
    margin-left: 0px; 
}

.inPageNavigationRow .inPageNavigationLink { 
    background: #fff;
    border: 1px solid #d3d3d3;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;        
}

.inPageNavigationRow.active .inPageNavigationLink {
    background: #46b0c8;
    border-color: #46b0c8;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
}

.inPageNavigationRow .inPageNavigationLink:hover {
    background: #eee;
}

.inPageNavigationRow.active .inPageNavigationLink:hover {
    background: #00769b;
    border-color: #00769b;
}

.inPageNavigationLink a {
    display: block;
    color: #717171;
    padding: 10px;  
}
    
.inPageNavigationRow.active .inPageNavigationLink a {
    color: #fff;    
}

.inPageNavigationDescription {
    background: #eee;
    color: #717171;
    padding: 5px 10px;
    display: none;
}

/* REGISTER PURCHASE 
================================================== */
#warranty-form {
    width: 70%;
}
.page8 #verdiSection40 > h4 {
    color: #0292b4;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 25px;
    margin-top: 0;
}
.page8 .form-description {
    color: #717171;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 20px 0 30px;
    width: 100%;
}
.page8 .frmHdeFld {
    display: none;
}
#warranty-form label{
    color: #0292b4;
    font-size: 13px;
    font-weight: normal;
    line-height: 31px;
    cursor: pointer;
    margin: 0;
}
#warranty-form .formRow > label{
        width: 50%;
}
#warranty-form select{
        font-size: 12px;
        min-width: 200px;
}
#warranty-form .select_style {
        width: 200px;
}
#warranty-form input,
#warranty-form textarea {
    background: #fff;
    border: 1px solid #717171;
    color: #717171;
    font-size: 12px;
    padding: 6px 10px;
    width: 200px;
}
#warranty-form input#defaultControl_ctl00_segment55_ctl00_place40_ctl00_WarrantyPurchaseCost {
    width: 188px;
}
#warranty-form textarea {
    position: relative;
    resize: none;
}
#warranty-form input:focus,
#warranty-form textarea:focus {
        border-color: #0292b4;
}
#warranty-form input[type=checkbox] {
        display: none;
}
#warranty-form input[type=checkbox] + label {
    background: url("../img/checkbox.png") no-repeat scroll 0 0 transparent;
    height: 26px;
    width: 100%;
    display:inline-block;
    padding: 0 0 0 40px;
    line-height: 26px;
}
#warranty-form input[type=checkbox]:checked + label {
        background-position: 0 -26px;
}
#warranty-form .formRow {
        margin-bottom: 10px;
}
#defaultControl_ctl00_segment55_ctl00_place40_ctl00_WarrantyEmailAddress {
    margin-bottom: 20px;
}
#warranty-form .formSubmitRow input {
    background: #46b0c8;
    border: 0 none;
    color: #fff;
    display: block;
    float: left;
    margin: 20px 0 0;
    padding: 5px 15px;
    width: 88px;
    
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
#warranty-form .formSubmitRow input:hover {
        background: #00769b;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.restrict-width { max-width: 600px; }
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.frmHdeFld{
    margin-left:-4000px;    
    position: relative;
    z-index: -1;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
        visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
        clear: both;
}
.clearfix {
        *zoom: 1;
}
.dFormField:focus {
    border-color: #0292b4;
}
.img-box-shadow {
    border: 1px solid #d3d3d3;
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
}
.img-box-noshadow {
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
}

.table-responsive {
    border: 0 none;
}

#defaultControl_ctl00_segment46_ctl00_place33_ctl00_predictiveKeywordBasicSearch_DropDown {
    width: 380px !important;
}

#BasicSearch .rcbSlide {
    top: 32px !important;
    right: 0px !important;
    left: auto !important;
    width: auto !important;
    position: absolute;
}

.rcbSlide {
    position: absolute;
}


p.disclaimer-text {
    font-size: 12px;
    line-height: 14px;
}





/* PRINT STYLES
================================================== */

.print-logo, .print-compare { display: none; }

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
     #verdiSection32, .copyright, #verdiSection45, .left-sidebar, .social-icons, #BasicSearch, .compare-table-print-btn, .page-thumbnail, .comparison-table { display: none; }
    .print-logo { margin: 20px !important; display: block; background: #007C9F; margin: 0; height: auto; }
    .logo { display: none; }
    .breadcrumbNavigation { padding: 0; margin-bottom: 1em; }
    
    /* compare table print styles */
     .print-compare {
        display: block;
     }
     
     #pageTitle h1 { padding: 10px 0 !important; }
     
    .directory.search-results {
        display: none;
    }   
        
    .print-compare a[href]:after {
            content: "";
        }
    
    .print-compare { font-size: 11px; }
    
    .right-content {
        padding: 0 !important;
    }

} 

#footer
{
    position:relative !important;
}
.productsNav
{
    width:70%;
}
.brandsNav, .productsNav
{    
    float:left;
    margin-right: 30px;
}
.brandsNav h3
{
    color:#fff;
}
.productsNav h3
{
    color:#fff;
}
.brandsNav ul
{
    padding-left:0px;
}
.brandsNav ul li
{
    list-style:none;
}
.brandsNav ul li a
{
    color:#fff;
}
.productsNav ul
{
    float: left;
    margin-right: 30px;
    padding-left: 0;
    xwidth: 45%;
}
.productsNav ul li
{
    list-style:none;
}
.footerNav
{
    float: left;
    width: 100%;
}
.productsNav ul li a
{
    color:#fff;
}

/* Compact Footer */
.footerNav .compact ul {
 display: none;
}
.footerNav .compact h3 span {
 display: inline-block; 
 margin-left: 20px;
 height: 24px;
 width: 24px;
 background: url("http://clearpond.dev10.ibc.com.au/Clearpond/img/closed.png") 0 0 no-repeat;
}
.footerNav .compact.togg ul {
 display: block;
}

.footerNav .compact.togg  h3 span {
 display: inline-block;
 background-image: url("http://clearpond.dev10.ibc.com.au/Clearpond/img/open.png"); 
}


#verdiSection43 {
    float: left;
    width: 55%  ; 
}
#verdiSection44 {
    float: left;
    width: 45% ;
}
#verdiSection44 .col-md-6
{
    width: 100% !important;
}
#verdiSection44 .col-md-3
{
    width: 50% !important;
}

#FeatureBar
{
    xwidth:100%;
    xfloat:left; 
}
#PostDescription
{    
    margin: 4px 0 0 0;
    text-align:justify !important;
    font-size: 13px;   
    color: #555; 
    xwidth:100%;
    xfloat:left; 
}
#PostDescription img
{
    margin:0px 0px 10px 0px;
}
#PostDescription a
{
     xbackground:none !important;
      xpadding:0px !important;
}
#PostDescription p
{
       float: left;
    font-size: 13px;
    line-height: 21px;
    position: relative;
    text-align: justify;
    top: -4px;
    width: 100%;
     font-family: 'Open Sans', sans-serif !important;
}
#PostDescription span
{
       float: left;
    font-size: 13px !important;
    line-height: 21px;

    position: relative;
    text-align: justify;
    top: -4px;
    width: 100%;
    font-family: 'Open Sans', sans-serif !important;
}
#PostDescription a img
{
    float:left;
    width:25%;
    padding:5px;
    background:#fff;
    border:1px #d3d3d3 solid;
}
.page124 .right-sidebar div a h2
{
   border-bottom: 1px dashed #ccc;
    font-size: 12px !important;
    margin-top: -10px;
    padding: 8px 5px;
    color:#505050;
 
    text-transform: uppercase;
}
.page124 .right-sidebar div a h2:hover
{
    transition:all 0.25s ease-in-out 0s;
    background:#eee;
    color:#0292b4;
}
#PostTags
{
    margin-left:20px;
}
.comments
{
    margin-top:25px;
    border-top:1px #ccc dashed;
}
#CommentFormContainer
{
    float:left;
    width:100%;
}
#CommentFormContainer h3
{
    text-align:left !important;
    font-size:24px;
}
#CommentForm div 
{
    float:left;
    width:100%;
    margin-bottom:15px;
}
 /* #CommentForm .RadButton_Default.RadButton.rbLinkButtonChecked, .RadButton_Default.RadButton.rbLinkButtonChecked:hover
{
   float:left;
  margin-left:340px;
   position:relative;
  top:10px;
}*/ 
#CommentForm .RadButton_Default.RadButton.rbLinkButton
{
    float:left;
   margin-left:340px; 
   position:relative;
  top:10px;
}
#CommentForm input[type="submit"]
{
   float:left;
   margin-left:150px; 
   background:#46b0c8;
   color:#fff;
    border-radius:5px;
    width:150px;
    padding:10px 5px;
    position:relative;
    top:-37px;
}
#CommentForm div label
{
    float:left;
    width:150px;
}
#CommentForm div input
{
    float:left;
    width:350px;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:10px 5px;
}
#CommentForm div textarea
{
    float:left;
    width:350px;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:10px 5px;
}
.comment
{
     background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    padding: 10px 15px;
    width: 100%;
    margin-bottom:10px;
    position:Relative;
    top:-12px;
}
.CommentMeta
{
    margin-bottom:10px;
    float:left;
    width:100%;
}
.CommentMeta #ComentUserDetails
{
    font-weight:bold;
    font-size:16px !important;
    float:left !important;
    color:#000;
}
.CommentMeta span
{
    float:right;
    font-size:12px;
    color:#adadad;
}
#CommentActionContainer a
{
     background:#e9e9e9;
    border-radius: 5px;
    float: left;
    font-size: 12px;
    margin: 10px 0;
    padding: 4px 15px;
    margin-right:10px;
}

 
#MainBlogPostArea div label
{
    float:left;
    width:150px;
}
#MainBlogPostArea div 
{
    float:left;
    width:100%;
    margin-bottom:15px;
    height:auto !important;
}
#MainBlogPostArea div input
{
    float:left;
    width:350px;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:2px 10px;
}
#MainBlogPostArea div textarea
{
    float:left;
    width:350px;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:10px 5px;
}
#upload
{
    margin-top:15px;
}
#drop
{
    border: 3px solid #eee !important;
    position: relative;
    top: 20px;
}
.comments-container
{
    display: none;
    margin-top:20px;
}
.racTokenList
{
    margin-top:10px;
    width:450px;
    padding:10px 5px;
}
#BlogPostControlRow
{
    margin-top:20px;
}
#BlogPostControlRow button 
{
   float:left;
   margin-right:10px; 
   background:#46b0c8;
   color:#fff;
    border-radius:5px;
    width:150px;
    padding:10px 5px;
    border:none;
   
}
#BlogPostControlRow button:hover
{
    background:#3D96AA; 
}
.infoText
{
color:#717171;
font-size:11px;
float:left;
margin-left:10px;
font-family:"Open Sans",sans-serif; 
}
.page72 .infoText
{
    display:none;
}
.BlogPostItem:first-child
{
    margin-top:45px;
}
.BlogPostItem
{
    padding:15px 0;
    position: relative;
    border-bottom:1px #ccc dashed;
    width:100%;
    clear:both;
    overflow: auto;
    min-height:170px;
}
.imageWrapperColumn1
{
    float:left;
    min-width:160px;
    xbackground: pink
}
.blgthumbcon{  
    padding:4px;
    border: 1px solid #dedede;
    max-width: 140px;
}
.blgthumbnail {
  position: relative;
  max-width: 130px;
  max-height: 130px;
  overflow: hidden;
}
.blgthumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.blogContentWrappeColumn2r
{
    float:left;
    xwidth:75%;
    xbackground: #efefef;
}     

 /* On small screens script alteres class and we use that to alter display */
.smsc .imageWrapperColumn1,
.smsc .blogContentWrappeColumn2r  {
    float:none;
    width:100%;
}
.smsc .blgthumbcon { 
    max-width: 100%;
    margin-bottom: 13px;
}
.smsc .blgthumbnail {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.smsc .blgthumbcon img {
  max-width: 100%;
}


/* We only want post control to be visible is user has admin access. Handled in script */
.postControlStatus
{
    z-index: 999;
    display:none;
    position: absolute;
    top:10px;
    right:1px;
}
.BlogPostItem:hover .postControlStatus
{
    display:block;
}
.page124 .left-sidebar
{
    border-right:0px;
}

.editLinkContainer
{
    margin-right:7px;
    float:right;    
}
.publishedStatusContainer
{
    float:right;
    padding:7px 15px;
    border-radius:5px;
    color:#fff;
    background:#717171;
    position: relative;
    top: -6px;  
    margin-right:10px; 
}
.editLinkContainer a
{
    padding:7px 15px;
    border-radius:5px;
    color:#fff;
    background:#46B0C8;
}
.editLinkContainer a:hover
{
    background:#01759A;
}
#BlogPostHeading
{
    margin-top: -9px;
    width:100%;
    float:left;
     margin-bottom:5px; 
}
#BlogPostHeading h2 
{
    margin:0px;
    position:relative;  
    
}
#BlogPostHeading h2 a
{
    background:none !important;
    color:#3d3d3d !important;
    padding:0px !important;
    xmargin-bottom:10px;
    font-size:22px;
}
#FeatureBar
{
    margin-bottom:5px; 
}
#FeatureBar  span
{
    margin-right:25px;
    color:#9B9B9B;
    font-size:11px;
}
#FeatureBar a
{
    background:none !important;
    color:#9B9B9B!important;
    padding:0px !important;
}
.blogImageContainer
{
    margin:20px 0px;
    position:relative;
    float: left;
    width:100%;
}
.blogImageContainer img
{
    float: left;
    width:100%;
}
.PostContent p img
{
     float: left;
     margin-right:10px;
      border: 1px solid #d3d3d3;
      padding:5px;
}
#PostContent p,
#PostContent
{
    color: #717171;
    text-align:justify;
    line-heigh:21px;
    font-family: 'Open Sans', sans-serif !important;    
}
#descriptionWig
{
    background:none !important;
}
.reModule
{
    height:0px !important;
    border-top:none !important;
}
.reSpinBox tr td input
{
    width:62px !important;
}
.reWrapper
{
    height:auto !important;
    width:100% !important;
}
/* ==========================================================================
   Flow Chart 
   ========================================================================== */
       /*Flowchart CSS*/
    .tree * {margin: 0; padding: 0;}
    .tree ul {
    padding-top: 20px; position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    }
    .tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    }
    /*We will use ::before and ::after to draw the connectors*/
    .tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #3ab0c8;
    width: 50%; height: 20px;
    }
    .tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #3ab0c8;
    }
    
/* Colour of the Parent account */
.tree li a.parent_nolink{
  color:#fff;
text-align:center;
font-size: 1.40em;
color: #0092b3;
background: white; 
box-shadow:1px 1px 2px #000
}
    /* Colour of the child accounts */
    .tree li a.child_nolink{
    color:#fff;
    text-align:center;
    font-size: 1.10em;
    background: #46b0c8; 
    background: linear-gradient(to bottom right,#007496, #0092b3,#3ab0c8); 
    box-shadow:1px 1px 2px #000
}
    /*We need to remove left-right connectors from elements without
    any siblings*/
    .tree li:only-child::after, .tree li:only-child::before {
    display: none;
    }
    /*Remove space from the top of single children*/
    .tree li:only-child{ padding-top: 0;}
    /*Remove left connector from first child and
    right connector from last child*/
    .tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
    }
    /*Adding back the vertical connector to the last nodes*/
    .tree li:last-child::before{
    border-right: 1px solid #3ab0c8;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    }
    .tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    }
    /*Time to add downward connectors from parents*/
    .tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #3ab0c8;
    width: 0; height: 20px;
    }
    .tree li a{
    background: White;
    border: 1px solid #0092b3;
    padding: 1em 0.75em;
    text-decoration: none;
    color: #0092b3;
    font-family: arial, verdana, tahoma;
    font-size: 0.85em;
    display: inline-block;
    /*
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    }
    /* -------------------------------- */
    /* Now starts the vertical elements */
    /* -------------------------------- */
    .tree ul.vertical, ul.vertical ul {
    padding-top: 0px;
    left: 50%;
    }
    /* Remove the downward connectors from parents */
    .tree ul ul.vertical::before {
    display: none;
    }
    .tree ul.vertical li {
    float: none;
    text-align: left;
    }
    .tree ul.vertical li::before {
    right: auto;
    border: none;
    }
    .tree ul.vertical li::after{
    display: none;
    }
    .tree ul.vertical li a{
    padding: 10px 0.75em;
    margin-left: 16px;
    }
    .tree ul.vertical li::before {
    top: -20px;
    left: 0px;
    border-bottom: 1px solid #3ab0c8f;
    border-left: 1px solid #3ab0c8;
    width: 20px; height: 60px;
    }
    .tree ul.vertical li:first-child::before {
    top: 0px;
    height: 40px;
    }
    /* Lets add some extra styles */
    div.tree > ul > li > ul > li > a {
    width: 11em;
    }
    div.tree > ul > li > a {
    font-size: 1em;
    font-weight: bold;
    }
    /* ------------------------------------------------------------------ */
    /* Time for some hover effects                                        */
    /* We will apply the hover effect the the lineage of the element also */
    /* ------------------------------------------------------------------ */
    .tree li a:hover, .tree li a:hover+ul li a {
    background: #3ab0c8;
    background: linear-gradient(to bottom right,#007496, #0092b3,#3ab0c8);
    color: White;
    /* border: 1px solid #aaa; */
    }
    /*Connector styles on hover*/
    .tree li a:hover+ul li::after,
    .tree li a:hover+ul li::before,
    .tree li a:hover+ul::before,
    .tree li a:hover+ul ul::before{
    border-color:  #aaa;
    }
     /* ----------------------End of Flowchart-------------------------------------------- */