/* Imported from Core.css */
a,a img{text-decoration:none}a,abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:0 0;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{font-family:Arial,sans-serif;font-size:87.5%;line-height:1.429;margin:0;padding:0;text-align:left}h1{font-size:2.286em}h2,h3,h6{font-size:1em}h4{font-size:1.286em}h5{font-size:1.143em}b,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a{outline:0}a img{border:0}a:visited{color:#fff}p{margin-bottom:1.143em}em,i{font-style:italic}table{border-collapse:collapse}table td{border-style:none}ul{list-style:none}

/* Imported and Edited from CoreV2,3.css */
.Box .image { margin: 0 0 0 0; width: 35px; }
.Box .text { font-size:1.0em; width: 325px; }
.Calendar .Basecontrols .Last { height: 27px; }
.Content .Divisions li.Selected { border: solid #4b575f; border-width: 1px 1px 0; padding: 1px 4px 0; }
.Content.Box table { border-width: 1px; float: left; font-size:1.0em; margin: 0 0 10px; width: 100%; }
.Content.Box td { padding: 2px 5px; }

.Content.Box.CourseGallery .Middle, .Content.Box.CourseInfo, .Content.Box.CourseGallery, .Content.Box.HoleDescription, .Content.Box.CourseOverviewImage, .Content.Box.CourseOverviewImage .Top, .Content.Box.CourseOverviewImage .Bottom, .Content.Box.HoleDescription .Top, .Content.Box.HoleDescription .Bottom { width: 354px; }
.Content.Box.CourseInfo .Middle, .Content.Box.HoleDescription .Middle, .Content.Box.CourseOverviewImage .Middle { width: 304px; }
.Content.Box.CourseOverviewImage .Middle img, .Content.Box.HolePhoto .Middle .img, .Wide .Main, .Wide .Content.Standard { width: 100%; }
.Content.Box.HolePhoto img { max-width: 250px; }
.Content.Box.Scorecard .Middle, .Content.Box.HolePhoto .Middle { width: 248px; }
.Content.Box.Scorecard, .Content.Box.HolePhoto, .Content.Box.Scorecard .Top, .Content.Box.Scorecard .Bottom, .Content.Box.HolePhoto .Top, .Content.Box.HolePhoto .Bottom { width: 298px; }
.Content.Box.Small .Middle, .Content.Full .Middle .Progress.Five li { width: 150px; }
.Content.CourseGallery, .Content.Statistics, .Content.HoleDescription { float: right; width: 354px; }
.Content.Full .Box .Left { float: left; width: 220px; }
.Content.Full .Box .Right, .Content.Full .Upper .Right { float: right; width: 320px; }
.Content.Full .Middle .Progress { border-bottom: 5px solid #FFF; float: left; list-style: none; margin: 0 0 15px; width: 610px; }
.Content.Full .Middle .Progress li { float: left; height: 45px; line-height: 32px; text-align: center; vertical-align: top; }
.Content.Full .Middle .Progress li.Current { background: url('../Images/progress tracker/light/current.png') no-repeat center bottom; font-weight: 700; }
.Content.Full .Middle .Progress li.Done { color: grey; font-style: oblique; }
.Content.Full .Middle .Search .FindMyBill { margin-right: 40px; }
.Content.Full .Middle .Search .Textbox { border: none !important; float: right; width: 143px; }
.Content.Full .Middle .Search .Textbox.Ref { float: none; width: 65px; }
.Content.Full .Middle .Search .Textbox.Small { width: 75px; }
.Content.Full .Middle .Search input { float: right; margin-top: 10px; }
.Content.Full .Middle .Search label { float: left; margin-top: 10px; }
.Content.Full .Middle .SearchResults .result { display: block; margin-bottom: 10px; padding: 10px; }
.Content.Full .Middle .fc-button-prev, .Content.Full .Middle .fc-button-prev .fc-button-inner, .Content.Full .Middle .fc-button-next, .Content.Full .Middle .fc-button-next .fc-button-inner {
    background: transparent !important;
    border: none !important;
    border-color: transparent !important;
}
.Content.Full .Middle .hdipContainer { display: inline; float: right; width: 250px; }
.Content.Full .Upper .Left { float: left; width: 280px; }
.Content.Full .Upper .Left .Address { margin: 0 0 165px; }
.Main .Content .ContentPage table th.Content.Full .Upper { float: left; width: 610px; }
.Content.Full img { z-index: 1 !important; }
.Content.Full, .Content.OverviewChart, .Content.Full .Top, .Content.Full .Bottom, .Content.OverviewChart 
.Top, .Content.OverviewChart .Bottom, .Content.Message .Top, .Content.Message .Bottom, .Main .Content.Message .Top, 
.Main .Content.Message .Bottom { /*width: 660px;*/ width:100%; }

.Content.Full.LandscapeImg img { display: block; height: 200px; margin: 0 0 10px 10px; }
.Content.Results { float: right; width: 385px; }
.Content.Standard { /*clear: both; width: 465px;*/ width:100%; }
.Controls .Button { cursor: pointer; display: block; height: 12px; text-indent: -9999px; width: 12px; }
.Controls .Left { float: left !important; margin: 0 10px 0 0; }
.Controls .Right { float: right !important; margin: 0 0 0 10px; }
.Course .ui-slider { position: relative; text-align: left; top: 14px; }

.Dock .Bottom, .Content .Bottom { background-position: 0 -4px; }
.Dock .Calendar .Basecontrols { clear: both; height: 40px; margin: 0; }
.Dock .Calendar .Basecontrols .First { float: left; margin-left: 10px; }
.Dock .Calendar .Basecontrols .Last { float: right; margin-right: 10px; }
.Dock .Calendar .Basecontrols .Middle { float: left; margin-left: 7px; }
.Dock .Calendar .Basecontrols li { display: inline; }
.Dock .Calendar .CalendarButtons { margin:0 auto; width:65px; }
#calendarInfo .legend li { padding:5px 10px; margin: 10px 5px 10px 0; box-shadow:0 1px 3px #333; }
.fc-button-prev .fc-button-content, .fc-button-next .fc-button-content { margin-top:5px; }

.Dock .Calendar .Controls { float:right; margin-top:15px; }
.Dock .Calendar .other-month { text-indent: -9990px; }
.Dock .Calendar h2, .Dock .Booking h2 { clear:both; float:left; font-size:20px; padding:0; margin:10px 0; }
.Dock .Calendar table { line-height:20px; width:100%; }
.Dock .Calendar table td:hover, .Dock .News .bx-wrapper ul li:hover, .Main .Course div.bx-wrapper .Holes .Hole:hover, 
.Main .Competitions div.bx-wrapper li:hover, .Main .Content.Carousel .Middle .CourseOverview span:hover, .Main .Content .membersHub li:hover
.Dock .Course p { margin: 0; padding: 10px 15px; }
.Dock .News .Caption { background: url(../images/skins/shared/bkg_newscaption.png); height: 40px; padding-top: 5px; position: relative; text-align: center; top: -45px; }
.Dock .Content .Caption { background: url(../images/skins/shared/bkg_newscaption.png); height: 55px; padding-top: 5px; position: relative; text-align: center; top: -60px; }

.GallerySlider li { display: block !important; height: 450px; }
.GallerySlider .Caption {
    float:left; color:#fff;
    width:612px; height:80px; padding:10px;
    background: url(/images/skins/shared/bkg_newscaption.png);
    position:relative; bottom:80px; text-align:left;
}

.Dock .News .Controls, .Dock .Content .Controls { float: left; margin: 10px 15px; width: 220px; }
.Dock .News .Controls li, .Dock .Content .Controls li { clear: none; }
.Dock .News .Heading, .Dock .Content .Heading { height: 40px; }
.Dock .News .Image, .Dock .Content .Image { height: 150px; max-width: 200px; }
.Dock .News .bx-wrapper, .Dock .Content .bx-wrapper { float: left; margin: 5px 15px 0; width: 220px; }
.Dock .News .bx-wrapper li, .Dock .Content .bx-wrapper li { display: block !important; height: 180px; }
.Dock .News h2, .Dock .Content h2 { height: 0; left: 90px; position: relative; top: -25px; width: 100px; }
.Dock .News li, .Dock .Content li, .LinkButton span { display: none; }
.Dock .News ul li, .Dock .Content ul li { float: left; padding: 10px; text-align: center; width: 200px; }
.Dock .News ul li h3, .Dock .Content ul li h3 { font-size: 1.2em; height: 25px; text-align: center; }
.Dock .Search ul li { padding: 10px; }
.Dock .Twitter .Base { height: 19px; width: 250px; }
.Dock .Twitter .Follow { padding: 0 0 10px 10px; }
.Dock .Twitter .TwitterBird { background: url("../images/twitter-bird.png"); border: none; float: left; height: 18px; margin: 0 10px; width: 20px; }
.Dock .Twitter .Tweat { padding: 10px; width: 230px; }
.Dock .Weather ul li span { background: none; float: left; margin: 60px 0 0; text-align: center; width: 70px; }
.Dock .Widget .Middle { min-height: 10px; }
.Dock .Widget .Top, .Dock .Widget .Bottom, .Main .Content .Top, .Main .Content .Bottom { height: 4px; margin: 0; }

/* Used as a spacer if content is empty to move footer to bottom of page */
.Empty { height: 600px !important; }

/* Components : Link Button */
.LinkButton { float:left; background-repeat:no-repeat; border-width:0; cursor:pointer; text-align:center; box-shadow:0 1px 1px #333; text-decoration:none; padding:8px 20px; }
.LinkButton:hover, .LinkButton:focus, .LinkButton:active { box-shadow:0 1px 4px #000; text-decoration:none !important; }
.LinkButton:active { box-shadow:inset 0 1px 3px #000; text-decoration:none; }

.Main #mapcanvas { height:300px; width:100%; }
.Main .Black { color: #000; }.Main .Content.Carousel .Middle .CourseOverview 
.Main .Blue { color: #0A57A4; }
.Main .Breadcrumb ul { height: 38px; margin: 0 0 0 25px; }

.Main .Breadcrumb ul li { float: left; line-height: 38px; margin-right: 2px; }
.Main .Content .ContentPage table { border-width: 1px; left: -10px; }
.valign td { vertical-align: middle }

.Main .Content .ContentPage table.eclectic td { padding: 2px 5px; }
.Main .Content .Course { overflow:hidden !important; }
.Main .Content .Diary .bx-next { margin: 5px 0 0; }
.Main .Content .Diary .bx-prev { margin: 5px 10px 0 0; }
.Main .Content .Diary div { clear: both; display: block; float: left; }
.Main .Content .Diary h2 { clear: none !important; }
.Main .Content .Diary strong { clear: both !important; float: left; }
.Main .Content .Diary ul { clear: none; display: inline; float: left; padding-left: 10px; }
.Main .Content .Hole .Number { clear: right; float: left !important; font-size: 2.357em; font-weight: 700; text-align: right; width: 30px; }
.Main .Content .Hole .Red { color: #c03e31; }
.Main .Content .Hole .Yellow { color: #d1cb0c; }
.Main .Content .Hole li { float: right !important; line-height: 1em; text-align: left; width: 60px; }
.Main .Content .Hole span { line-height: 1em; }
.Main .Content .Hole span.White, .Main .Content .Hole span.Red { padding:0; }
.Main .Content .TabPage { display: none; float: left; margin: 0 0 25px; }
.Main .Content .Tabs { font-size:1.0em; margin: 10px 0 0; }
.Main .Content .Tabs .Tab { cursor: pointer; float: left; margin: 0 1px 0 0; padding: 1px 4px 0; }
.Main .Content .Tabs .Tab.Selected { border-width: 1px 1px 0; padding: 1px 4px 0; }
.Main .Content .FullList li { cursor: pointer; display: block; float: left; margin: 0 0 10px; min-height: 100px; padding: 10px; width: 98%; }

.Main .Content .membersHub li { cursor: pointer; display: block; float: left; font-size: 1.428em; font-weight: 700; height: 4em; margin: 0 10px 10px 0; padding: 10px; width: 120px; }
.Main .Content .membersHubHeader { margin-bottom: 10px; width: 100%; }
.Main .Content fieldset input[type=checkbox] { border: none; }
.Main .Content fieldset input[type=text], .Main .Content fieldset input[type=password] { border: solid 1px silver; clear: both; /*width: 275px;*/ } /* HH: Hard-coded widths interfere with responsive */
.Main .Content fieldset li { margin: 5px 0; }
.Main .Content.Carousel { float: left; font-size:1.0em; }
.Main .Content.Carousel .Competitions ul li { width:200px; float:none; text-align:left; display:block; }
.Main .Content.Carousel .Competitions { padding:10px; }
.Main .Content.Carousel .Middle { min-height: 1px; padding: 0; width: 660px; }
.Main .Content.Carousel ul li { float:left; }
.Main .Content.Carousel ul li ul li { float: none; padding: 0; }
.Main .Content.Message { float: Left; margin: 10px 0 0; }
.Main .Content.Message .Middle { min-height: 0; padding: 5px 15px; width: 630px; }
.Main .Content.OverviewChart .Middle { min-height: 0; }

.Main .Green { color: #72A898; }
.Main .HoleDescription .TabPage { border-width: 1px; padding: 5px; width: 290px; }
.Main .OverviewChart .TabPage { border-width: 1px; padding: 15px; }
.Main .Red { color: #f82c2c; }
.Main .Scorecard td.Black { background-color: #000; color: #FFF !important; }
.Main .Scorecard td.Blue { background-color: #0A57A4; color: #FFF !important; }
.Main .Scorecard td.Green { background-color: #72A898; color: #FFF !important; }
.Main .Scorecard td.Red { background-color: #f82c2c; color: #FFF !important; }
.Main .Scorecard td.White { background-color: #fff; color: #000 !important; }
.Main .Scorecard td.Yellow { background-color: #f8e72c; color: #000 !important; }
.Main .White { color: #fff; }
.Main .Yellow { color: #f8e72c; }
#blockImage { display: none; height: 371px; left: 0px; position: absolute; top: 0px; width: 660px; }

.MainImage #blockImage { display: inline; }
.MainImage .Page { z-index: -9999; }
.MainImage .Top .Header div { height: auto !important; }

.Menu { float: left; height: 27px; margin: 0 0 0 25px; width: 660px; }
.Menu ul li span, .Menu ul li ul li span { display: block; line-height: 27px; margin: 0 25px; }
.Menu ul li ul { position: absolute; visibility: hidden; }
.Menu ul li ul li span { min-width: 125px; }
.Menu ul li ul li { float: none; }
.Menu ul li:hover ul { display: block; visibility: visible; z-index: 9999; }
.Menu ul li:hover ul li:hover, .Menu ul li:hover { visibility: visible; }

.MenuTop .Menu { position: absolute; top: 0; vertical-align: top; }
.MenuTop .Top { margin: 0 25px; }
.MenuTop .Top .Header div { margin: 40px 0 0; }
.MenuTop .Top h1 { margin: 45px 0 0 25px; }
.Content.Full .Middle .fc-other-month { color: gray; }

.Dock .Calendar .selected, .Content.Box thead { background-color: #4B575F; color: #FFF; }
input { color: #000; }
.ui-slider .ui-slider-handle { background: #d3d3d3; border: 1px solid #4B575F; }
.Page { margin: auto; overflow: hidden; width: 980px; }

.Sitemap ul li { clear: none; float: left; width: 200px; }
.Sitemap div, .Sitemap ul li ul li { clear: both; float: left; }
.Sitemap ul li span { font-weight: 700; }
.Sitemap ul li ul li span { font-weight: 400 !important; }
.Sitemap div { margin-bottom: 20px; }

.TabPage { border-width: 1px !important; }

.Top { position: relative; }
.Top .Dock { margin: 0; }
.Top .Dock .Widget { float:right; height:27px; }
.Top .Dock .Widget .Middle, .Dock .Widget .Top, .Dock .Widget .Bottom, .Dock .Widget.Calendar .Middle, .Dock .Widget.Booking .Middle { width:100%; }
.Top .Dock .Widget ul { background: none; }
.Top .Dock .Widget ul li, .Main .Content .TabPage.Selected { display: block; }
.Top .Header { display: inline; height: 75px; width: 660px; }
.Top .Header H1 { float: left; line-height: 75px; margin: 0 0 25px 25px; }
.Top .Header div { float: left; height: 73px; overflow: hidden; width: 99px; }

.Top .Header div img { float: left; height: 75px; margin: -1px 0 0 -1px; }
.Top .Login .First { margin-left: 10px; }
.Top .Login .Last { float: right !important; margin-right: 5px; }
.Top .Login .LinkButton { float: left; font-weight: 700; margin-right: 5px; }
.Top .Login li { float: left; margin-top: 5px; padding-bottom: 5px; }
.Top .Login strong { float: left; font-size:1.0em; line-height: 32px; padding-left: 10px; width: 100%; }

.Top .Widget.Login h2, .Dock .Course h2 { padding: 8px 0 10px 15px; }
.Top .Widget.Login li span, .Top .Login li a { font-size: 1.0em; position: relative; }

.UnderConstruction { background-color: red; color: #FFF; left: 0; position: absolute; text-align: center; top: 0; width: 100%; }

.Wide .Breadcrumb, .Main .Breadcrumb, .Main .Content p, .Content h2, .Content h3, .Content.Full .Middle fieldset { clear: both; }
.Wide .Content.Full .Middle, .Content.Full .memberimage { width: auto; }
.Wide .Content.Standard .Top, .Wide .Content.Standard .Middle, .Wide .Content.Standard .Bottom { background-image: none !important; width: 100%; }

/* Full Page Width */
.Wide .Dock, .Main .DivisionTable .Hidden { display: none !important; }
.Wide .Content .Top, .Wide .Content .Bottom { width:100%; }
.Wide .Content.Full .Middle.ContentPage { width:100%; }
.Wide .Content.Message .Middle { width:100%; } 
.Wide .Content .Middle { Width: auto; }

.Content.Full p img { float: right; margin: 0px 0px 10px 10px; width: 265px; }
.bx-next, div.dp-popup div.dp-nav-next { float: right; height: 12px; margin: 10px 0; text-indent: -9999px; width: 12px; }
.bx-prev, div.dp-popup div.dp-nav-prev { float: left; height: 12px; margin: 10px 0; text-indent: -9999px; width: 12px; }
.bx-down { float: right; height: 12px; margin: 10px 0; text-indent: -9999px; width: 12px; }

.clickable { cursor: pointer !important; }

.fc-event-title { text-wrap: unrestricted; word-wrap: break-word; }
.fc-event-inner { width:auto !important; padding:2px 0; }
.legend li { float: left; margin-bottom: 2px; margin-left: 2px; padding: 0 5px; }
.legend ul { list-style: none; width: 100%; }
.selectDisable { -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; }
.selectEnable { -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; -webkit-user-select: text; user-select: text; }
.ui-slider { position: relative; text-align: left; top: 9px; }
.ui-slider .ui-slider-handle { cursor: pointer; height: 8px; margin-left: -15px; position: absolute; width: 25px; z-index: 2; }
.ui-slider-horizontal { height: 1px; }
.ui-slider-horizontal .ui-slider-handle { top: -4px; }
a { text-decoration: none; }
div.dp-popup div.dp-nav-prev, div.dp-popup div.dp-nav-next { cursor: pointer; margin: 0 10px 0 0 !important; text-decoration: none; }


/*PREVIEW SCREEN IN CMS*/
body.Preview { background-color:White; }

/*.Preview .ContentPage img {width:212px !important;}      */
.Preview .GalleryPictureMain img { margin: 10px !important; }
.Preview .GallerySlider img { margin: 0 !important; width: 100%; }
.Preview .ContentPage { padding: 0px 10px 0px 10px !important; width: 530px !important; }
.Preview .Page, .Preview .Full, .Preview .Main { width: 570px !important; }
.Preview .Main { margin: 0px; }
.Preview .Top, .Preview .Bottom { width: 550px !important; }
.Preview .Content h2, .Preview .Content h3 { margin: 0px 0px 20px 0px; }
.Preview .Content.Full { margin: 10px; }
.Preview .toolbar {
    background-color: white;
    border: solid 0px silver;
    clear: both;
    display: block;
    height: 20px;
    width: 530px;
}
.Preview .toolbar img {
    height: 16px !important;
    margin: 2px !important;
    padding: 0px;
    width: 16px !important;
}
.Preview .toolbar .green_link:link, .Preview .toolbar .green_link:visited {
    color: #338d40;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 10px;
}

.light .csBackground img, .light.csBackground img, .dark .csBackground img, .dark.csBackground img, .grayscale .csBackground img, .grayscale.csBackground img { display: none; }
.csBackground { background-color: inherit; }
.Page .csBackground img { display: block; }

/*Was missed out during transform.. */
.ArticleIndex li { float: left; padding-bottom: 8px; width: 420px; }
.ArticleIndex li a { display: block; height: 60px; width: 100%; }

/*.ArticleIndex li a:hover { text-decoration: underline;}*/
.ArticleIndex li img { clear: none; float: left; margin-right: 15px; width: 77px; }
.ArticleIndex li h2 { clear: none; }
.ArticleIndex li h2 span { font-weight: normal; }

/*Tweaks - Not optimised below this line*/
.TweakList { list-style: disc; margin-left: 25px; }
.TweakLink { font-weight: bold; }
.TweakLink:hover { text-decoration: underline; }
.isHidden { display: none; }

/* Component: Gallery Thumbnails */
.GalleryPictureMain { width:100%; float:left; }
.Content.Full img.GalleryPictureImg { 
    cursor:pointer; float:left !important; margin:10px 20px; width:115px; box-shadow:0 0 5px #333; border:2px solid #fff; } /* HH: Enlarged the photos to 115px, original 80px, might need a media query to resize these thumbnails */
.Content.Full img.GalleryPictureImg:hover { box-shadow:0 2px 15px #333; }
.GallerySlider img { float: left !important; margin: 0 0 0 0 !important; width: 611px !important; }

.bx-wrapper .pager { margin:0; padding:0; }
.bx-pager { text-align: center; }
.pager-link { padding: 0.35em; }
.pager-active { font-size: 1.3em; font-weight: bold; }

/*Gallery Styles like HDID*/
.GalleryMain { float: left; margin-top: 10px; width: 300px; }
.GalleryImgSpan { float: left; text-align: center; width: 70px; }
.GalleryRightSpan { float: right; width: 220px; }
.GalleryRightSpan a { text-decoration: underline; }
.GalleryRightSpan span { display: block; font-size: 0.8em; }
.GalleryPictureImg { cursor: pointer; float: left; margin: 15px; text-align: center; width: 80px; }
.Transactions .Condiment { text-align: left !important; text-indent: -9999px; }

html, body, #BodyColour { min-height: 100%; }
.BRS { text-align: center; }