/* Font Updates */
@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;700&display=swap');
* {
    font-family: 'Cabin Condensed', sans-serif;
    letter-spacing: 1px;
}
html {
    font-size:100%;
}
h1,h2, legend {
    color:#0981C3;
}
legend {
    font-weight:bold;
    font-size:1.2em;
    letter-spacing:1px;
    border-bottom: 1px solid #E3E3E3;
    width: 100%;
    margin-bottom: 5px;
}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
html, button, input, select, textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
/* Background & Borders */
body, #page_wrapper {background:none!important;}
#content {
    border-top: 1px solid #E3E3E3;
    margin: auto;
    overflow: hidden;
    width: 100%;
}
#header {
    background:none;
}
.logo a img {
    display: block;
    float: left;
    margin: 0 10px;
}
.logo-text {
    clear: both;
    color: #93989B;
    float: left!important;
    font-style: italic;
    margin: 20px 0;
}
/* Hyperlinks */
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}

/* Buttons & Input */

button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}


#content table {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 30px 0;
    width: 100%;
}

tbody tr:nth-child(1) {
    padding-top: 30px;
    height: 60px;
    vertical-align: bottom; 
}
tbody tr:nth-child(1) th {
    background:white;
    color: black;;
    font-size: 0.85em;
}
tbody {
    font-size: 0.75em;
}

td, th {
    text-align: left;
}
tbody tr:nth-child(1) {
    border-bottom: solid 3px #0276b6;
    font-size: 1.2em;
    text-align: center;
}
tbody tr:nth-child(1) td {
    background:none;
}
th, td {
    padding: 0.5em 1%;
    vertical-align: top;
}

tbody tr td:first-child {
    font-weight: bold;
}

tbody td {
    padding: 20px;
    border-bottom: solid 2px #f4f4f4;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #333333;
}

table td:first-child {
    border-right: solid 2px #f4f4f4;
}

tbody tr:nth-child(1n) {
    background: #f9f9f9;
}
tbody tr:nth-child(2n) {
    background: white;
}
/* Public LTS Time table hidden elements */
.cw_td_payment, .cw_th_payment, .cw_td_info, .cw_th_info {display:none;}

/* Resizing LTS table columns */
.cw_th_vacancies, .cw_td_vacancies {
    width: 80px;
}

/* LTS Button Styling */



.class_booking_button a, .class_booking_button a:hover {
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50% #148ec9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3ODFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzJmYTRkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzgxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, -moz-linear-gradient(top,  #148ec9 0%, #31a7e0 48%, #148ec9 100%); /* FF3.6+ */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148ec9), color-stop(48%,#31a7e0), color-stop(100%,#148ec9)); /* Chrome,Safari4+ */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, -webkit-linear-gradient(top,  #148ec9 0%,#31a7e0 48%,#148ec9 100%); /* Chrome10+,Safari5.1+ */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, -o-linear-gradient(top,  #148ec9 0%,#31a7e0 48%,#148ec9 100%); /* Opera 11.10+ */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, -ms-linear-gradient(top,  #148ec9 0%,#31a7e0 48%,#148ec9 100%); /* IE10+ */
    background: url("/__data/assets/image/0005/221/arrow-right.png") no-repeat scroll 95% 50%, linear-gradient(to bottom,  #148ec9 0%,#31a7e0 48%,#148ec9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ec9', endColorstr='#148ec9',GradientType=0 ); /* IE6-8 */
	color:white;
	border-color:#148ec9;
}


/* Main-nav 
********************/
#top_nav img {
    display:none;
}
#top_nav {
    display: block;
    float: left;
    width: inherit;
}

#top_nav ul {
    margin: 0;
    padding: 0;
    display: block;
}

#top_nav li {
    display: block;
    float: left;
    padding: 18px 0;
    position: relative;
}

#top_nav a {
    display: block;
    font-weight: bold;
    margin-right: 80px;
    padding: 11px 0 11px 53px;
    text-decoration: none;
    text-transform: uppercase;
}

#top_nav #nav_home {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0012/219/aqua-logo.png") no-repeat scroll 0 50% transparent;
    color: #dc4037;
}

#top_nav #nav_bookonline {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0007/232/fitness-logo.png") no-repeat scroll 0 50% transparent;
    color: #38a53e;
}

#top_nav #nav_classes {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0009/243/swim-logo.png") no-repeat scroll 0 50% transparent;
    color: #3ab6f4;
}

#top_nav #nav_myprofile {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0012/228/faci-logo.png") no-repeat scroll 0 50% transparent;
    color: #f7a546;
}

#top_nav .join-us > a {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0009/234/join-logo.png") no-repeat scroll 0 50% transparent;
    color: #0093cc;
}

#main-nav .contact > a {
    background: url("https://www.cbaytimaru.co.nz/__data/assets/image/0009/225/contact-logo.png") no-repeat scroll 0 50% transparent;
    color: #646464;
}

#main-nav ul.sub-nav {
    margin: 0;
   /* opacity: 0.85; */
    padding: 18px 0 0 18px;
    position: absolute;
    width: 15.2em;
    z-index: 20;
    display: none;
}

#main-nav .sub-nav li {
    background: none repeat scroll 0 0 #F0ECEB;
    border-bottom: 1px solid #CACBCD;
    display: block;
    margin: 0;
    padding: 1px 0;
    text-align: left;
    width: 100%;
}

#main-nav .sub-nav a {
    color: #605C59;
    display: block;
    font-size: 0.82em;
    margin: 0;
    padding: 9px 20px 8px 13px;
    width: auto;
}

#main-nav .sub-nav a:hover {
    color: #FFFFFF;
    opacity: 1;
}

#main-nav .aquatics .sub-nav a:hover {
    background: none repeat scroll 0 0 #DC4037;
}

#main-nav .fitness .sub-nav a:hover {
    background: none repeat scroll 0 0 #39A540;
}

#main-nav .learn-to-swim .sub-nav a:hover {
    background: none repeat scroll 0 0 #3AB6F4;
}

#main-nav .facilities .sub-nav a:hover {
    background: none repeat scroll 0 0 #F7A546;
}

#main-nav .join-us .sub-nav a:hover {
    background: none repeat scroll 0 0 #0093CC;
}

#main-nav .contact .sub-nav a:hover {
    background: none repeat scroll 0 0 #646464;
}

#main-nav .contact .sub-nav {
    left: -132px;
}

#main-nav .contact .sub-nav a {
    text-align: right;
}
ul.dropdown li a {border-right:none;}