/*CORE STYLES - START*/
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:300,400,700);

html, * {-webkit-appearance: none;}
body{
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    background-color:#43525a;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h2{
    font-family: 'Roboto', serif;
    line-height: 38px;
    font-size: 36px;
    margin: 30px 0;
    padding: 0;
    font-weight: 800;
}

h3{
    font-family: 'Roboto Slab', serif;
    font-size: 21px;
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-weight:300;
    border-bottom:2px dotted #fff;
}

h4 {font-family: 'Roboto', serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 5px;
    font-weight:800;}
h5, h6{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

p {padding:0 0 14px;margin:0;}

a {color:#ec008c;font-weight:700;}
a:hover {color:#43525a;}
a img{
    border: none;
}
*, :focus, a:focus {
    outline: none;
}
b {font-weight: 700;}

ul {padding:0;margin:0 0 0 20px;}
ul li {padding:0;margin:0;}
ul ul li {list-style: disc;}

ol {margin: 0 0 15px;padding: 0 0 0 35px;}
ol li {padding:1px 0;}

img.right {float:right;}
img.left {float:left;}

header, nav, section, article, aside, footer, time, quote {display:block;}

input, select, textarea {font-family: 'Roboto', sans-serif;}
/*CORE STYLES - END*/

/*CUSTOM STYLES- START*/

div.banner {
    background-position:center 0;
    background-repeat:no-repeat;
    position:relative;
    height: 400px;
    max-height: 400px;
    width: 100%;}
div.bannerWrap {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */

    height:117px;position:absolute;bottom:0;width:100%;}
div.bannerText {
    box-sizing: border-box;
    height: 117px;
    margin:0 auto;
    padding: 0 17px;
    position: relative;
    width:100%;
    max-width:1339px;}

div.bannerCaption{ width: 60%}

div.bannerCaption h2 {
    width: 100% !important;
}

div.bannerText h2 {margin:0;width:60%;width:calc(100% - 460px);float:left;padding:20px 0;}
div.bannerText p {bottom: 21px;text-align: right;
    float: right;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 460px;}
div.bannerText p a {
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 0 45px 0 0;
    text-transform: uppercase;}
div.bannerText p a:after {
    background: url("/images/arrow.svg") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    float: right;
    font-weight: 700;
    height: 32px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: -7px;
    width: 32px;}

div.wrapContent {color:#001722;}
div.wrapContent h3 {color:#43525a;border-bottom:2px dotted #43525a;font-weight:700;}

div.col4A img, div.col4B img, div.col4C img, div.col4D img {margin-bottom:15px;width: 100%;}

div.col4A p.openTimes, div.col4B p.openTimes {text-align:right;}
div.col4A p.openTimes span, div.col4B p.openTimes span {display: inline-block;
    float: left;text-align:left;
    width: 110px;}
div.col4A p.priceTable span, div.col4B p.priceTable span {display: inline-block;
    float: right;text-align:right;
    width: 110px;}

blockquote {
    border-bottom: 2px dotted #43525a;
    float: left;
    height: 200px;
    margin: 17px;
    padding: 30px 0 0 40px;
    position: relative;
    overflow:hidden;
    width:22.4%;
    width: calc(25% - 74px);
}
blockquote:before {
    content:"\201C";
    display: block;
    font-family: georgia,serif;
    font-size: 88px;
    left: 0;
    position: absolute;
    top: -10px;
    color:#ec008c;
}
blockquote span {background-color: #fff;
    bottom: 0;
    color: #ec008c;
    display: block;
    float: right;
    padding: 6px 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;}

ul.myths {margin:0;padding:0;}
ul.myths li {
    position:relative;
    background-color:#ec008c;color:#fff;font-size:20px;
    margin:17px;padding:30px;list-style:none;float:left;display:block;
    max-width:75%;
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    behavior: url(PIE.htc);}
ul.myths li:after {
   content: "";
   position: absolute;
   bottom: -20px;
   left: 34px;
   border-top: 20px solid #ec008c;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent; }

ul.myths li:nth-child(2n-1) {font-size:18px;background-color:#ec008c;opacity:0.7;color:#fff;width:60%;}
ul.myths li:nth-child(2n) {float:left;}
ul.myths li:nth-child(3n-1) {font-size:20px;background-color:#ec008c;opacity:0.5;color:#fff;margin: 17px 0 17px 100px;}
ul.myths li:nth-child(3n) {float:right;}
ul.myths li:nth-child(3n):after {
   content: "";
   position: absolute;
   bottom: 100%;
   left:calc(100% - 80px);
   border-top: 0px solid #ec008c;
   border-bottom: 20px solid #ec008c;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent; }
ul.myths li:nth-child(4n-1) {
    font-size:24px;background-color:#ec008c;opacity:0.3;color:#fff;float:right;width:67%;font-weight:400;}

div.colFooterA ul, div.colFooterB ul {margin:0;}
div.colFooterA ul li, div.colFooterB ul li {list-style:none;}
div.colFooterA ul li a {font-weight:300;color:#fff;}
div.colFooterA ul li a:hover, div.colFooterB a:hover, div.colFooterD p a:hover {color:#ec008c !important;}

div.colFooterB ul {bottom: 0;
    float: right;
    position: absolute;
    right: 0;}
div.colFooterB ul li {float:left;display:block;}
div.colFooterB ul li a {float:left;display:block;width:32px;height:32px;text-indent: -9999px;}
div.colFooterB ul li.tw a {background:url('/images/social.png') 0 0 transparent;margin-right: 10px;}
div.colFooterB ul li.fb a {background:url('/images/social.png') -42px 0 transparent;}

div.colFooterC input {background-color:#69757b;border:none;color:#fff;padding:6px 5px 6px 10px;
    width:293px;width:calc(100% - 15px);margin-bottom:10px;font-weight: 300;}
div.colFooterC div.tooltipHolder span {color:#fff;}
div.colFooterC input.captcha {width:75px;float:right;}
div.colFooterC img.captchaImg {margin:0 0 0 10px;}
div.colFooterC input#submitBtn.submit {
    background-color: #a1a9ad;
    clear: both;
    display:block;
    color: #43525a;
    float: right;
    padding: 6px 5px;
    text-transform: uppercase;
    width: 90px;
}
div.colFooterC input#submitBtn.submit:hover {cursor: pointer;}

div.colFooterD p a {color:#fff;font-weight:300;}

/*CUSTOM STYLES- END*/

/*CORE WRAPPERS - START*/
div.wrapGlobal{
    background-color:#43525a;
    margin: 0px auto;
    padding: 0;
}

header{
    box-sizing: border-box;
    height: 160px;
    margin: 0 auto;
    max-width: 1339px;
    padding: 0 16px;
    position: relative;
    width: 100%;
}

nav {
    width:auto;
    position: absolute;
    float:right;
    margin: 0 auto;
    padding: 0;
    top: 125px;
    right:0;
}
nav ul {margin:0 7px 0 auto;}
nav ul li {list-style: none;padding:0;}
nav ul li a#button {display:none !important;}
nav ul ul {padding:0;width:100%;}
nav ul ul li {float: left;display: block;}
nav ul ul li a{
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    padding: 0 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
nav ul ul li:last-child a {border-right:none;padding-right: 2px;}
nav ul ul li a:hover, nav ul ul li a.active, nav ul ul li:hover a {color:#ec008c;}

nav ul ul ul{
    display: none;
    top:16px;
    padding-top: 20px;
    margin-left: 10px;
    position: absolute;
    width: 135px;
    z-index: 100;
}
nav ul ul li:hover ul {display:block;}
nav ul ul ul li {width:135px;}
nav ul ul ul li a{
    float: left;
    display: block;
    font-size: 1em;
    text-align: left;
    text-decoration: none;
    color: #fff;
    margin: 2px 0;
    padding: 7px 10px;
    background-color:#ec008c;
    border-right:0px;
}
nav ul ul ul li:last-child a {border-right:none;padding-right: 10px;}

nav ul ul ul li a:hover, nav ul ul ul li a.active {
    float: left;
    display: block;
    color:#fff;
    background-color:#43525a;
}
nav ul ul li:hover ul li a {color:#fff;}

/*LINKS & NAVIGATION - STARTS*/

a {
    text-decoration: none;
    color:#ec008c;
    outline: 0;
}

a:hover{
    text-decoration: none;
    cursor:pointer;
}

/*LINKS & NAVIGATION - ENDS*/

div.wrapHeader {
    background-color:#43525a;
    width:100%;
    }
div.wrapContent{
    background-color:#fff;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
div.wrapFooter {font-size: 14px;background-color:#43525a;overflow: hidden;}
div.wrapCredits {height: auto;clear: both;background-color:#ec008c;overflow: hidden;}
div.wrapCredits p {float:right;color: #fff;padding:8px 17px;width:90%;width: calc(100% - 34px);text-align:right;}
div.wrapCredits a {color:#fff;font-weight:normal;}

/*CORE WRAPPERS - END*/

/*CORE CONTAINERS - START*/
div.contCols, div.contFooter {margin: 28px auto;
    max-width: 1337px;
    overflow: hidden;
    position: relative;}

/*CORE CONTAINERS- END*/

/*SUB CONTAINERS - START*/

div.subCont2{
    
}

div.subCont1{
    
}

/*SUB CONTAINERS - END*/

/*CORE COLUMNS - START*/
div.col1A{
    float: left;
    margin: 17px;
    padding: 0;
    position: relative;
    width: 97.4%;
    width: calc(100% - 34px);
}

div.col2A{
    float: left;
    margin: 17px;
    padding: 0;
    position: relative;
    width: 72.4%;
    width: calc(75% - 34px);
}

div.col4A, div.col4B, div.col4C, div.col4D, div.col2B {
    box-sizing: border-box;
    float: left;
    padding: 17px;
    position: relative;
    width: 25%;
}

div.col3A{
    float: left;
    margin: 0 1.3% 30px;
    padding: 0;
    width: 30.7%;
}

div.col3B{
    float: left;
    width: 33%;
    margin: 0;
    min-height: 20px;
}

div.col3C{
    float: left;
    width: 33%;
    margin: 0;
    min-height: 20px;
}

div.colHeaderA{
    float:left;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 20px 0 0 0;
    width: 114px;
    height:119px;
}
div.colHeaderA a#logo{
    text-indent: -9999px;
    background: url("/images/teamworks-logo.svg") no-repeat 0 0 transparent;
    width: 100%;
    height:100%;
    display: block;
}
div.colHeaderB {
    float: right;
    font-weight: 700;
    padding: 0;
    text-align: center;
    text-transform: uppercase;

}

div.colHeaderB ul li {
    
    list-style:none;float:left;
    display:block;margin-left:10px;
    
}
div.colHeaderB ul li a.tel, div.colHeaderB ul li span  {
    background-color:#ec008c;
    position:relative;
    z-index: 100;
    float:left;display:block;color:#fff;
    padding: 14px 0 15px;
    position: relative;
    width: 210px;
    font-size:16px;line-height:16px;
    border-radius:0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    behavior: url(PIE.htc);
}
div.colHeaderB ul li span:hover {cursor:pointer;}
span#timesButton div#timesInfo p span {background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    font-size: 14px;
    padding: 0 10px 0 0;
    text-align: right;
    width: 75px;}

div.colHeaderB ul li a {color:#fff;}
#timesInfo p, #bookingInfo p {text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 13px 0;
    padding: 0 !important;
    text-transform: none;}

div.colHeaderC{
    clear: both;
    position: relative;
    width: 100%;
}

div.colFooterA, div.colFooterB, div.colFooterC, div.colFooterD {
    box-sizing: border-box;
    float: left;
    margin: 25px 0;
    padding:0 17px;
    min-height: 1px;
    width: 25%;
}
div.colFooterB {height:190px;position: relative;}
div.colFooterC {position: relative;}
div.colFooterD {margin-right:0;}

/*CORE COLUMNS- END*/

/* News */

article {}
article header {padding:0;}
article footer {padding:0;background-color:transparent;}
time {font-style:italic;font-size:0.8em;margin:5px 0;}

/* Contact */

form#ContactForm input[type=submit]:hover {cursor:pointer;}

form#ContactForm input, form#ContactForm textarea, form#ContactForm select {
    box-sizing:border-box;
    -webkit-appearance: none;
    background-color:#dfdfde;
    color: #5d6769;
    font-weight: 300;
    float:left;
    width:100%;
    margin-bottom:5px;
    font-size: 14px;
    -moz-appearance: none;
    appearance: none;
    padding:6px 5px 6px 10px;
    border: none;}
form#ContactForm select {
    border:none;font-weight: 300;
    padding:6px 5px 6px 11px;
  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;}
form#ContactForm div.selectWidth {width:100%;overflow: hidden;}
form#ContactForm textarea {resize: none;}

form#ContactForm label {position:relative;height:0;}

form#ContactForm select option {padding:0;}
form#ContactForm input.name, form#ContactForm input.email {clear:both;}
form#ContactForm input.captcha {float: right;
    padding: 6px 10px;
    width: 81px;}
form#ContactForm img.captchaImg {float: left;
    margin: 0 0 0 10px;
    width: 100px;}
form#ContactForm input.submit 
{clear: both;text-transform: uppercase;border:none;float:right;background-color:#afaead;
        color:#fff;width:81px;padding:6px 0;}

span.captcha {padding: 8px 0 0;display: block;float: left;}

div.tooltipHolder {
    display: block;float: left;
    width: 100%;
    position: relative;}
div.tooltipHolder span {color: #5d6769;
    left: 9px;
    line-height: normal;
    position: absolute;
    top: 5px;
}




/* Client side admin */

div#adminBar {position:fixed;}
#adminBottom{margin: 0 auto;width: 960px;}
.info_button{
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.info_button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;}
.slotinfo {display: none;}
.info_button:hover .slotinfo {display: block !important;
                              opacity: 1;
                              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                              filter: alpha(opacity=100);
                              -moz-opacity: 1;
                              -khtml-opacity: 1;}
div#adminCont {
    font-family: 'Roboto', sans-serif;
    background-color:#1b2026;
    position:relative;
    font-size:16px;
    z-index:1000;
}
span#adminButton {
    background-color: #1b2026;color: #00AEEF;font-size:15px;text-transform:uppercase;font-weight:bold;
    display: block; padding: 5px 10px;position: absolute;right: 100px;
    width:170px;text-align: center;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    behavior: url(PIE.htc);
}
span#adminButton:hover {cursor:pointer;color:#fff;}
#adminCont p, #adminCont a {color:#00AEEF;}
#adminCont a:hover {color:#fff;}
#adminMenu h3, aside h3 {font-weight: bold;font-family: 'Roboto', sans-serif;border:none;color: #FFFFFF;font-size: 12px;margin: 0 0 0 30px;padding: 6px 0 6px 3px;text-align: left;}
aside h3 {color:#000;text-transform:uppercase;border-bottom: 1px solid #DFDFDF;margin-bottom: 1px;}
#adminMenu ul, aside ul {margin:0;padding:0;}
#adminMenu ul li, aside ul li {font-size: 0.875em;font-weight: 400;list-style: none outside none;text-align: left;
                               text-transform: none;padding:0;}
#adminMenu ul li a, aside ul li a {font-weight:normal;display:block;padding:2px 0 2px 33px; transition: background-color 200ms, color 200ms;}
aside ul li:hover a {background-color:#e4e4e4;}
#adminMenu ul.modules, aside ul.modules, #adminMenu ul.bespoke, aside ul.bespoke, #adminMenu ul.settings, aside ul.settings, #adminMenu ul.logout, aside ul.logout {background-repeat:no-repeat;background-position: left 4px;}
#adminMenu ul.modules, aside ul.modules {background-image:url("/images/admin/modules2.png");}
#adminMenu ul.bespoke, aside ul.bespoke {background-image:url("/images/admin/bespoke2.png");}
#adminMenu ul.settings, aside ul.settings {background-image:url("/images/admin/settings.png");}
#adminMenu ul.logout, aside ul.logout {background-image:url("/images/admin/logout.png");}

.debug-box{
    position: absolute;
    top:30px;
    left: 200px;
    z-index: 500;
    color: #da4f49;
    background-color: #f8b9b7;
    padding: 5px;
    opacity: 0.8;
}

/* These styles are for the editor buttons E.g. "Edit", "Save" etc. They need to be imported on
every site */

.admin_start_editor_btn{
    z-index:8;height: 18px; position: absolute; right:0px; padding: 2px 4px;  
    border: 1px solid #fff; font-size: 10px; background-color: #ea008a; color: #fff;cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(PIE.htc);
}


.admin_cancel_editor_btn{
    z-index:100;cursor: pointer; height: 18px; position: absolute; right:35px; 
    padding: 2px 4px; border: 1px solid #fff; font-size: 10px; background-color: #ea008a; 
    color: #fff; display: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(PIE.htc);
}

.admin_stop_editor_btn{
    z-index:8;cursor: pointer;height: 18px; position: absolute; right:0px; padding: 2px 4px; 
    border: 1px solid #fff; font-size: 10px; background-color: #ea008a; color: #fff; display:none;
    border-radius: 3px;
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(PIE.htc);
}

.info_button{
    z-index:8;position: absolute; display:none; left:0px; padding: 2px 4px; border: 1px solid #fff; 
    font-size: 10px; background-color: #ea008a; color: #fff; cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(PIE.htc);
}

.cke_editable {
    height:auto;
    min-height: 40px;
}
.cke_widget_wrapper:hover .cke_widget_editable {overflow: hidden !important;}

.error{
    clear:both;
    color: #ec008c;
    display:inline-block;
}
/* Don't add anything under here */