html{background-color:#171820;margin:0;padding:0;height:100%;}
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.64em;height:100%;color:#555;}
#bg{background-position:50% 0;background-repeat:no-repeat;min-height:100%;background-color:#12161F; }
.test-notice { background: #FF9; padding: 10px; display:block; font-size: 20px; text-align: center; position: absolute;}
#header{max-width:900px;height:155px;margin:0 auto;position:relative; width: 100%;}
#logo{top:25px;left:18px;position:absolute;}
#logo img{border:none;}
a#logout{width:73px;height:30px;overflow:hidden;top:0;right:27px;position:absolute;}
a:hover#logout img{margin-top:-30px;}
a:hover {cursor: pointer;}
#container{width: 100%;max-width:900px;padding:0;margin:0 auto;background:url(../images/bg/shadow.png) 0 0 repeat-y; background-color:#fff; }
#imagearea{background:url(../images/bg/shadow-top.png) 0 0 no-repeat;max-width:900px;height:auto;padding:3px 3px 0 3px;margin:0 auto;position:relative; width: 100%;}
#imagearea h1{background:#2A5B93 url(../images/bg/heading.jpg) 0 0 repeat-y;width: 100%;max-width:872px;height:31px;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:20px;color:#fff;font-weight:normal;padding:13px 0 0 3%;margin:0 0 0 0;text-transform:uppercase;}
#imagearea #headerimage{background:url(../images/bg/image.gif) 0 0 repeat-x;max-width:900px; width:100%;height:auto;display:block;}
#imagearea #blockimage{width: 100%;max-width:900px;height:300px;position:absolute;top:47px;left:3px;z-index:100;}

#letterContainer{background-color: #fff; padding: 0 20px; min-height: calc(100vh - 18px - 18px - 30px);}
#clubLogo{margin-left: auto;}
@media print{
    #clubLogo{padding-top: 50px; width: 100%; text-align: right;}
    #clubAddress{width: 100%; text-align: right;}
}

#titlearea{background:url(../images/bg/shadow-top.png) 0 0 no-repeat;width: 100%;max-width:900px;height:44px;padding:3px 3px 0 3px;margin:0 auto; }
#titlearea h1 {background-color:#1B3D63;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#1B3D63, endColorstr=#2C609A);
 background-image:-moz-linear-gradient(left top, #1B3D63 0%, #2C609A 50%,#1B3D63 100%);
background-image:linear-gradient(left top, #1B3D63 0%, #2C609A 50%,#1B3D63 100%);
background-image:-webkit-linear-gradient(left top, #1B3D63 0%, #2C609A 50%,#1B3D63 100%);
background-image:-o-linear-gradient(left top, #1B3D63 0%, #2C609A 50%,#1B3D63 100%);
background-image:-ms-linear-gradient(left top, #1B3D63 0%, #2C609A 50%,#1B3D63 100%);
 background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#1B3D63), color-stop(50%,#2C609A),color-stop(100%,#1B3D63));
 
 width: 100%;max-width:872px;height:30px;padding:14px 0 0 28px;margin:0 auto;text-transform:uppercase; box-sizing: initial!important;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:20px;color:#fff;font-weight:normal;}
.cufon-active h1{/* for Cufon.replace('h1') */visibility: hidden !important;}
.cufon-loading h1{/* for Cufon.replace('h1') */visibility: hidden !important;}
.cufon-ready h1{/* for Cufon.replace('h1') */visibility: visible !important;}
#main{max-width:900px;overflow:hidden; width: 100%; margin: 0 auto;}
#contentarea{width: 63%;float:left;padding:39px 2.5%; background:#FDFDFD;}
#contentarea a{}
#rhs{width: 27%;float:right;margin:33px 0 44px 0;padding:0 2.5%;}
img#quote{margin:0 auto 30px auto;display:block;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#9A8B76;font-style:italic;line-height:1.4em;}

.static{}
.static table td{padding:5px;}
.static .toprow td{padding-top:10px;}
.static .links{padding:10px 0;text-align:center;}
.static .links a{font-size:10px;line-height:1.5em;}

#headerarea{background:url(../images/bg/shadow-top.png) 0 0 no-repeat;width:900px;height:50px;padding:3px 3px 0 3px;margin:0 auto}
#product {background:#fff;width: 94%;max-width:860px;padding:15px 3%;overflow:hidden; margin: 0 auto;}


#productareatop{background:url(../images/bg/productareatop.png) no-repeat;height:62px;width:910px;float:left;}
#productarea{background:url(../images/bg/productareamid.png) repeat-y;overflow:hidden;width:840px;padding:30px 37px 50px 33px;}
#productareabtm{background:url(../images/bg/productareabtm.png) no-repeat;height:9px;width:910px;margin-bottom:50px;}
h1#mainheading{background:#336FAA url(../images/bg/productheading.jpg) 0 0 no-repeat;width:871px;height:60px;line-height:60px;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:23px;color:#fff;font-weight:normal;padding:0 0 0 29px;margin:2px 0 0 3px;text-transform:uppercase;letter-spacing:1px;}

#footer{width: 100%; max-width:900px;margin:0 auto;overflow:hidden; background:#171820;}
#footer.home-footer {position: fixed; bottom: 0; width: 100%; background:#171820;max-width: 100%;}
#footer ul{width:96%;margin:40px auto;padding:20px 0;background:url(../images/nav-new/nswgc.png) no-repeat;}
#footer li{margin:0;padding:0;list-style-type:none;float:left;font-size:10px;color:#979797;margin-right:33px;line-height:1.6em;font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
#footer li.contact{}
#footer li.contact a{color:#eee;}
#footer li.contact a:hover{text-decoration:underline;}
#footer li.copyright{margin-right:0;float:right;}
#footer li.copyright a{color:#eee;}
#footer li.copyright a:hover{text-decoration:underline;}
#footer li #miclub{text-align:right;display:block;}


.formLeft{float:left;width:269px;margin:0 20px 0 0;}
.formRight{float:right;width:249px;margin:0;}
#formLeftGolf{float:left;width:300px;}
#formRightGolf{float:right;width:210px;}

.formArea{margin-bottom:30px;width:100%;display:inline-block;}
.formArea input, .formArea textarea, .formArea select, .formArea button{margin:1px;padding:3px;font-size:12px;color:#666;border:0;background:#fff!important;line-height:normal;font-family:Arial, Helvetica, sans-serif;border:1px solid #f6f6f6;border-left:1px solid #cdcdcd;border-top:1px solid #dedede;float:left;margin:0 0 15px 0;}
.formArea label{width:115px;padding:0;margin:9px 0 7px 0;font-weight:normal;color:#676767;font-size:12px;float:left;text-align:left;height:17px;line-height:17px;}
.formArea label.textbox{margin-bottom:7px;width:100%;}
.formArea input.inputText{display:block;width:140px;float:left;margin:6px 0;height:17px;}
.formArea select{padding:2px;margin:8px 0;}
.formArea textarea{width:538px;}
.formArea br{clear:both;height:0;font-size:0;}
.formArea p{margin-bottom:0;clear:both;}
.formArea h2{font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:15px;color:#425475;font-style:normal;margin:10px 0 21px 0;padding-top:5px;font-weight:normal;}
.formArea h3{font-family:"Century Gothic", Arial, Helvetica, sans-serif;color:#555;font-size:12px;line-height:1.6em;margin:0 0 10px 0;font-weight:bold;}
.formArea h4{font-family:"Century Gothic", Arial, Helvetica, sans-serif;color:#555;font-size:11px;line-height:1.6em;margin:20px 0 10px 0;font-weight:bold;}
.formArea hr{background:#ddd;color:#ddd;height:1px!important;border:none;margin:22px 0 12px 0;display:inline-block;clear:both;width:100%;}
#formRight label{width:90px;}
#formRight input.inputText{width:112px;}

.radioBtns{float:left;line-height:23px;margin:7px 0 6px 0;}
.radioBtns input{margin:6px 6px 0 6px;float:left;background:transparent!important;border:none;}

.checkBoxes{float:left;margin:7px 0 6px 0;}
.checkBoxes label{width:150px;height:13px;line-height:13px;float:left;}
.checkBoxes label.courseguide{width:140px;height:13px;line-height:13px;float:left;}
.checkBoxes input{margin:9px 6px 0 6px;float:left;background:transparent!important;border:none;}

.formArea #teetime{float:left;line-height:25px;}
.formArea #teetime input{float:left;float:left;}
.formArea #teetime span{float:left;margin:6px 12px 0 4px;float:left;}

.extralines{display:block;clear:both;height:70px;}
.extralines input{margin-top:41px}
.extralines label{}

#submitLeft{margin-top:10px;width:165px;float:left;}
#submitLeft img{border:1px solid #dedede;}
#submitRight{margin-top:10px;width:335px;float:left;}
#submitRight input{display:block;clear:both;margin-bottom:10px!important;width:125px;}
#submitRight p{clear:both;font-size:12px;margin:0 0 0 3px;}
#submitButtons{width:100%;text-align:center;clear:both;margin:15px 0;}
#submitButtons input{margin:0px 2px;padding:4px;border:1px solid #ccc;background-color:#454545!important;color:#fff;font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:11px;}

.formRight label{width:90px;}

/* Column Adjustment on Golf Form */
#formLeftGolf label{width:90px;}
#formLeftGolf input.inputText{width:190px;}
#formLeftGolf textarea{width:290px;}
#formRightGolf label{width:90px;}
#formRightGolf input.inputText{width:110px;}

#formsubmit{}
#formSubmitted table{margin:30px auto 10px auto;}
#formSubmitted td{font-size:11px;margin:0 auto;}
#formSubmitted td div{font-size:14px;font-weight:bold;}

#videos{width:543px;margin:0 0 30px 0;display:inline-block;}
#videos img{float:left;border:#E2DFDB 3px double;margin-right:5px;}

#map{clear:both;height:375px;width:534px;border:2px solid #E2DFDB;background:#fff;margin-top:5px;}
#map img{border:0;}
#map p{margin-top:7px;text-align:left;}
#mapU{margin-top:15px;padding-left:29px;background:url(../images/questionmark.gif) 6px 2px no-repeat;color:#777;}

#subnav a.current{color:#666;}
#subnav a:hover.current{color:#666;cursor:default;text-decoration:none;}

table.portal{border:1px solid #ddd;padding-bottom:10px;margin:0 auto;}
table.portal th{background:#4a4a4a;background:#28547E;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:15px;color:#fff;font-weight:normal;padding-top:10px;padding-bottom:10px;}
table.portal td{padding-top:10px;vertical-align:top;}
table.portal td input{border:#ccc solid 1px;}
table.portal td a{font-weight:bold;font-weight:normal;}
table.portal td td{vertical-align:top;}

#login-left{float:left;width:300px;padding:30px 0 30px 0;margin:0 0 0 75px;border:1px solid #e7e7e7;}
#login-left label{width:135px;float:left;text-align:right;padding:0 20px 0 0;margin:0 0 10px 0;font-size:12px;font-family:Arial, Helvetica, sans-serif;height:24px;line-height:24px;}
#login-left input{width:100px;float:left;margin:0 0 10px 0;border:1px solid #f6f6f6;border-left:1px solid #cdcdcd;border-top:1px solid #dedede;height:20px;line-height:20px;padding-left:3px;}
#login-left #submit{width:auto;margin:0 0 15px 155px;clear:both;float:left;border:1px solid #ccc;background:#fff;color:#444;padding:auto;height:auto;line-height:normal;}
#login-left p{margin:0;text-align:center;font-size:11px;clear:both;}
#login-right{float:right;width:350px;margin:0 75px 0 0;}
#login-right p.intro{margin-top:7px;}
#login-error table td{vertical-align:middle;color:#fff;}
#login-error{margin:0 0 30px 0;}

#password-reminder{width:600px;margin:0 auto;}
#password-reminder label{width:60%;float:left;text-align:right;padding:0 3% 0 0;margin:0;font-size:12px;font-weight:bold;height:23px;line-height:23px;}
#password-reminder input{width:130px;float:left;margin:0;border:1px solid #f6f6f6;border-left:1px solid #cdcdcd;border-top:1px solid #dedede;height:20px;line-height:20px;padding-left:3px;}
#password-reminder #submit{width:auto;margin:7px 0 15px 63%;clear:both;float:left;border:1px solid #ccc;background:#fff;color:#444;padding:auto;height:auto;line-height:normal;}
#password-reminder p{}

#flBody{background:none;}
#flBody h1{font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:20px;color:#425475;font-weight:normal;margin:0 0 21px 0;padding-top:5px;}
.flLeftName{font-weight:normal;font-style:normal!important;color:#425475;}

.flLeftAreaOE{border-color:#999;border-top:2px solid #999;}
.flLeftAreaCal{border-color:#999;border-top:2px solid #999;}
.flLeftAreaShorts{border-color:#999;border-top:2px solid #999;}
#flRightArea{border-color:#999;border-top:2px solid #999;}

#npBody{background:none;}

#error table{margin-bottom:20px;}
#error table td{vertical-align:middle;color:#fff;}

/* Hot Fix - course vid page #47728 Shaz 22/10/15 */

div#contentarea-fullwidth {
    background-color: #fff;
    padding: 50px 50px;
}

#imagearea-video {
 	    background: url(../images/bg/shadow-top.png) 0 0 no-repeat;
    width: 900px;
    padding: 3px 3px 0 3px;
    margin: 0 auto;
    position: relative;
}

#imagearea-video h1 {
    background: #2A5B93 url(../images/bg/heading.jpg) 0 0 repeat-y;
    width: 872px;
    height: 31px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    padding: 13px 0 0 28px;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

#imagearea-video .prev-next{color:#fff;position:absolute;top:16px;right:30px;z-index:999;}
#imagearea-video .prev-next a{color:#fff;font-weight:bold}
#imagearea-video .prev-next span{color:#94A9BE;}
#imagearea-video .prev-next .nolink{margin:0;font-weight:bold;color:#C5D5E2;}

.courseVideo {
    margin-left: -17px;
    width: 285px;
	    margin-top: 23px;
}


	/*PORTAL*/
	
#sidebar-content.side-content-mem  {width: 29%; float: left;}
.quick-links a {background: #224b77; color:  #fff!important; padding: 8px 2%; width: 96%; margin-bottom: 2px; display: block; font-size: 15px;font-family:"Century Gothic", Arial, Helvetica, sans-serif; border:  #c7c7c7 solid 1px;}
.quick-links a:hover { text-decoration: none; background: #2A6DBB; color: #fff!important;-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}
	
	#weather{margin:0 0 25px 0;}
#weatherFeed {position: relative;width: 100%; overflow: hidden;margin: 0; padding: 0;}
#weather p{ margin-bottom: 0px;}
.weatherTitle {display: none;position: absolute; top: 0; left: 0;}
.weatherCt {float: left; margin-right: 1%; color:#747474; width:14%; font-size:11px;}
.weatherDay, .weatherTempR, .weatherIcon {float: left;}
b.weatherDay {font-weight: bold;color:#747474; width: 45%;}
.weatherTempR {margin-top: 0;}
.port-col {width: 49%; float:left;  border: 3px;margin-right: 2%;}
.port-col:last-child {margin-right: 0;}
.port-col.details {margin-left: 2%; width: 68%;}

.portal-top {background:#F4F4F4;border-top: 3px solid #343924; padding: 10px 2%; width: 96%; overflow: hidden;}
.mc-portals {margin: 0 2%; margin-top: 15px; width: 96%;}
.portal-profilePic {float: right;}
.top-story-image img.wp-post-image {width: 100%; max-width:100%;border:1px solid #ccc;padding:3px;background:#fff;display:block!important;text-align:center;}
#top-story h1 {border: none;}
#newsContent {width: 65%; float: left; }
#right-sidebar {width: 30%; float: right; }
#right-sidebar p a, .member-button {color: #FFF;width:95%;height:auto;margin-bottom:8px;background:#343924;padding: 3%; float: right; clear: both; text-align: center; text-transform: uppercase;}
#sidebar-content li { list-style: none; clear: both;}
#whatsOn h3, #new-royalslider-2 h3  { text-transform: uppercase;  padding: 0; font-family:'open_sansbold', Helvetica, Arial, sans-serif; font-weight: normal;}
#whatsOn h4 {font-family:'open_sansbold', Helvetica, Arial, sans-serif; font-weight: normal;}
#whatsOn h3 a, #new-royalslider-2 h3 a {color:#1E3362;}
.rdMore a {color: #fff;background:#B3B3B3;display:inline-block;text-align:center;padding:2px 2%;font-size:.9em;  float: right; margin: 5px 0;}
#whatsOn .rdMore, #new-royalslider-2
.rdMore {border-bottom: 1px #CCC solid; overflow: hidden;}
#whatsOn p {margin-bottom: 10px;}
/* Portal Page Layout */
#welcome{border-top: none; }
#date {float:right;margin:5px 2% 0 1%;font-weight:400; font-size: 15px;}
/* columns */
#portal-col{width:48%;margin-right:2%;float:left;}
#portal-col+#portal-col+#portal-col{margin-right:0;}
/* boxes */
.portal-box{width:100%;padding:16px;background:#fff;-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1);box-shadow:2px 2px 3px rgba(0,0,0,0.1);margin:0 0 19px 0;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border:1px solid #ddd;}
.portal-links {padding-bottom:6px;}
.nsLink a {background: #EEF2F5; padding: 5px; display: inline-block; margin: 5px 5px 5px 0;font-size: 12px; }
.nsLink a:hover {background:#2A6DBB; color: #fff;}
.extraLinks.col-xs-12 {padding-left: 0; padding-right: 0; margin-top: 10px;}
/* header links */
a.portal-head-link {background:#224b77; color:  #fff!important; padding: 8px 3%; width: 94%; margin-bottom: 2px; display: block; font-size: 15px;font-family:"Century Gothic", Arial, Helvetica, sans-serif; border:  #c7c7c7 solid 1px;}
a.portal-head-link:hover { text-decoration: none; background: #2A6DBB; color: #fff!important;-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}



/* content */
h2.portal-head {margin: 5px 0;}
.portal-box table td{font-size:15px;}
.portal-box ul{margin:0;padding:0;}
.portal-box ul li{margin:0;padding:0;list-style-type:none;}
.portalLink a.{background:#343924;color:#fff;font-size:12px;padding:0 6px;display:inline-block;margin:17px 0;text-transform:capitalize;}
.bookNow {background:#343924;color:#fff;font-size:12px;padding:0 6px;display:inline-block;margin:17px 0;text-transform:capitalize;}
.portalLink a:hover, a:hover.bookNow  {background:#ccc;}
.portal-details .portalLink {display: none;}
/* specific */
.portal-bookings ul{border-bottom:1px solid #ccc;margin-bottom:8px;}
/* transitions */
a.portal-head-link{-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}
a.portal-head-link:hover{-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}
.portalLink a, .pwLink a, .detailsLink a {-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}
.portalLink a:hover{-webkit-transition:background 0.25s ease;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;transition:background 0.25s ease;}
#whatsOn img {width: 100%; height:auto;}
.read_more_link {display: none;}

/* Menu Toggle */
#menu-toggle {display:none;}

@media (max-width: 500px) {
	
/*portal*/

#sidebar-content.side-content-mem  {width: 98%!important; }
.content-wp{width:100%!important;}
.port-col {width: 100%;}


/* Menu */
#p7PMnav { height: auto!important; z-index: 200; top: 135px!important;left: 0!important;}
ul#p7PMnav{display:none;} 
ul#p7PMnav li {float:none;clear:both;border-bottom:1px dotted #ccc;}
ul#p7PMnav li:last-child{border-bottom:none;}
ul#p7PMnav > li:first-child{margin-left:0;}
ul#p7PMnav li a{padding:0 20px;font-size:12px!important; margin:0; }
ul#p7PMnav li a:hover{}
ul#p7PMnav li a span{background:none;}
#site-map {display: none;}
#subNav ul li a {font-size: 12px; padding: 4px 5px;}
#subNav ul li {margin: 0 5px;}


/* Menu Toggle */
#menu-toggle{ display: inline-block;text-align:right; width: 70px; margin: 50px auto; width: 95%}
#p7PMnav.toggled-on ul#p7PMnav {display:inline-block; padding:0; width: 96%; margin: 0 2%;background:#fff; border-bottom: 2px solid #48445E;  }
ul#p7PMnav li a {color: #333;}
#p7PMnav.toggled-on ul.sub-menu {display: none;}
ul#p7PMnav li a:hover, ul#p7PMnav li.current-menu-parent {color: #fff;}
ul#p7PMnav li.current-menu-ancestor.current-menu-parent  a {color: #fff!important;}
ul#p7PMnav.toggled-on {display:inline-block; padding:0; width: 96%; margin: 0 2%;background:#5281AE;  }
#p7PMnav ul, #p7PMnav ul li {width: 100%!important;}
#menu-toggle strong{background-color:#e6e6e6;background-image:-moz-linear-gradient(center top , #f4f4f4, #e6e6e6);background-repeat:repeat-x;border:1px solid #d2d2d2;border-radius:3px;box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);color:#7c7c7c;font-weight:normal;line-height:1.42857;padding:0.428571rem 0.714286rem;cursor:pointer;display:inline-block;margin-bottom:-10px; margin-top: 2px;}
#menu-toggle strong.toggled-on, .home #menu-toggle strong{margin-bottom:20px;}
#menu-toggle strong:hover{background-color:#ebebeb;background-image:-moz-linear-gradient(center top , #f9f9f9, #eBeBeB);background-repeat:repeat-x;color:#5e5e5e;}
#menu-toggle strong:active, #menu-toggle strong.toggled-on{background-color:#e1e1e1;background-image:-moz-linear-gradient(center top , #ebebeb, #e1e1e1);background-repeat:repeat-x;border:medium none;box-shadow:0 0 8px 2px #c6c6c6 inset, 0 1px 0 0 #f4f4f4;color:#777777;}

#contentarea{width: 93%;}
#contentarea a{}
#rhs{width: 93%;}
}

.panel-default #historyBtn {
    display: none;
}

/* Tom D Portal display fix 20.7.17 */
.portal-box ul li:last-of-type {
    margin-bottom: 10px;
}

.portal-box.portal-bookings .portGenBold {
    margin-top: 10px;
}