/* Generic Styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{font-family:Arial,verdana; font-size:11px; color:#6F6F6F;}
strong{font-weight:bold;}
.Clear{clear:both; font-size:0; height:0;}
p{ margin-bottom:10px;}
a{ color:#6F6F6F;}


.JQuery{}

body {background:#80D0ED url(../i/back.jpg) repeat-x;}

.Container1{width:990px; margin:auto; background:url(../i/shadowback3.gif) repeat-y;}
.Container2{width:990px; margin:auto; background:url(../i/shadowback1.jpg) no-repeat left top;}
.Container3{width:990px; margin:auto; background:url(../i/shadowback2.jpg) no-repeat right top;}
.MainContainer{width:940px; margin:auto; background:white; padding-bottom:25px;}

#Header{width:940px; height:92px; background:url(../i/Top1.jpg) no-repeat;}
#Logo{display:block; width:210px; height:60px; position:relative; top:15px; left:15px;}

#Columns{width:940px;}
#MenuColumn{width:202px; float:left;}
#ContentColumn{width:738px; float:right; padding-top:20px; background:url(../i/Top2.jpg) no-repeat right top;}

#MainMenu{width:188px; height:191px; margin:auto; margin-top:6px; margin-bottom:4px; background:url(../i/MainMenuBack.jpg) no-repeat;}
#CoursesMenu{width:188px; height:156px; margin:auto; margin-bottom:4px; background:url(../i/CoursesMenuBack.jpg) no-repeat;}

.Menu{position:relative; left:50px; top:12px;}
.Menu li {width:120px; font-size:0; line-height:16px;}
.Menu li a{display:block; color:White; font-size:11px; text-decoration:none; padding-left:14px; background:url(../i/MenuBullet.gif) no-repeat left 6px;}
.Menu li a:hover{text-decoration:underline;}

#PromoButtons{width:188px; margin:auto; margin-bottom:10px;}

#Footer{color:#595959; background:#EAEAEA; border-top:dotted 1px #CCCCCC; border-bottom:dotted 1px #CCCCCC; padding:10px 0; text-align:center; font-size:11px;}
#Footer a{color:#595959; text-decoration:underline;}


/* Styles common to many pages */

.WideBoxOuter{width:709px; margin-left:8px; margin-bottom:12px;}
.WideBoxTop{width:709px; background:url(../i/WideBoxTop.jpg) no-repeat;}
.WideBoxMiddle{width:709px; background:url(../i/WideBoxMiddle.jpg) repeat-y;}
.WideBoxBottom{width:709px; background:url(../i/WideBoxBottom.jpg) no-repeat center bottom;}
.WideBox{width:679px; margin:auto; padding-top:13px; padding-bottom:24px;}
.WideBox p{margin-bottom:10px;}

.Flag{padding:20px; padding-top:0; margin-top:5px; background:url(../i/RedFlag.gif) no-repeat left top;}
.FlagTitle{margin-left:4px; padding-bottom:5px; font-size:19px; font-family:Segoe UI, Calibri, Arial, Verdana; color:#6F6F6F; font-weight:bold;}
.FlagTitle a{font-size:19px; font-family:Segoe UI, Calibri, Arial, Verdana; color:#6F6F6F; font-weight:bold;}
.FlagTitle span{position:relative; top:-5px;}
.Flag h4{padding-bottom:10px;}

.Rule{padding:0; margin:0; margin-bottom:10px; border:0; color:White; background-color:White; height:0px; border-bottom:1px dotted #CCCCCC;}

#Trail{ margin:0 0 10px 10px;}

#CatMenu{width:188px; margin:auto; margin-top:6px; margin-bottom:4px;}
#CatMenu .Active a{ font-weight:bold;}
#CatMenu .Trail a{ margin-left:4px;}
#CatMenu .Sub a{ margin-left:8px;}
#CatMenuBack{width:188px; background:url(../i/CatMenuBack.jpg) repeat-y;}
#CatMenuTop{width:188px; padding-bottom:15px; background:url(../i/CatMenuTop.jpg) no-repeat;}
#CatMenuBottom{width:188px; height:11px; background:url(../i/CatMenuBottom.jpg) no-repeat;}

#LoginBox{width:188px; margin:auto; margin-top:6px; margin-bottom:4px;}
#LoginBox .EcomErrors{ margin-left:10px;}
#LoginBox .EcomErrors div{ color:White;}
#LoginBoxTop{width:188px; background:url(../i/LoginBoxTop.jpg) no-repeat;}
#LoginBoxBack{width:188px; background:url(../i/CatMenuBack.jpg) repeat-y;}
#LoginBoxInner{padding-top:14px;width:125px; margin-left:48px;}
#LoginMessage{font-size:11px; color:White; font-weight:bold; margin-bottom:5px;}
#LoginLinks a{font-size:10px; color:White; display:block; margin-bottom:5px;}
#LoginBoxRegister a{font-size:10px; color:White; margin-bottom:5px;}
#LoginControls{margin-top:12px;}
#LoginControls input{padding:2px; border:solid 1px #87BED8; color:#A6A6A6; margin-bottom:6px;}
.LoginBoxSubmit{display:block; width:188px; height:25px; background:url(../i/LoginBoxBottom.jpg) no-repeat;}

#AccountBox{width:188px; margin:auto; margin-top:6px; margin-bottom:4px;}
#AccountBox div, #AccountBox p, #AccountBox a{ color:White;}
#AccountBoxBack{width:188px; background:url(../i/CatMenuBack.jpg) repeat-y;}
#AccountBoxTop{width:188px; height:120px; padding-bottom:15px; background:url(../i/AccountBoxTop.jpg) no-repeat;}
#AccountBoxInner{padding-top:14px;width:125px; margin-left:48px;}
#AccountBoxBottom{width:188px; height:11px; background:url(../i/CatMenuBottom.jpg) no-repeat;}

#SearchBox{ width:187px; height:46px; background:url(../i/SearchBack.jpg) no-repeat; margin:auto; margin-bottom:4px;}
#SearchBox input{ border:1px solid #4A5839; padding:4px; display:block; width:120px; float:left; margin-top:11px; margin-left:12px;}
#SearchBox a{ display:block; width:25px; height:46px; float:right; }

/* List Pages */

.ListPage{ margin-top:10px;}
.ListPage .Article{color:#595959; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #ADADAD;}
.ListPage .Article img{ float:right; margin:0 0 10px 10px;}
.ListPage .Article h4{font-weight:bold; font-size:11px;}
.ListPage .Article a{color:#595959; font-size:11px}
.ListPage .Article .Images{ margin-top:10px;}
.ListPage .Article .Images img{ float:left; margin-right:10px;}

/* Home Page */

#HomeCourses{text-align:center;}

.NewsHeadlines{ margin-top:10px;}
.NewsHeadlines .Story{color:#595959; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #ADADAD;}
.NewsHeadlines .Story img{ float:right; margin:10px; margin-right:0;}
.NewsHeadlines .Story h4{font-weight:bold; font-size:11px;}
.NewsHeadlines .Story a{color:#595959; font-size:11px}
.NewsHeadlines .Story .Images{ margin-top:10px;}
.NewsHeadlines .Story .Images img{ float:left; margin-right:10px;}

/* Course Page */

#CourseIntro .IntroImage{ float:right; margin:0 0 10px 10px;}

#CourseTabs{width:683px; margin-left:21px; height:27px;}
#CourseTabs a{height:27px; display:block; float:left;}
#CourseTabs .Details{width:111px; background:url(../i/TabCourseDetailsOff.jpg)}
#CourseTabs .DetailsOn{background:url(../i/TabCourseDetailsOn.jpg)}
#CourseTabs .GreenFees{width:90px; background:url(../i/TabGreenFeesOff.jpg)}
#CourseTabs .GreenFeesOn{background:url(../i/TabGreenFeesOn.jpg)}
#CourseTabs .ProShop{width:78px; background:url(../i/TabProShopOff.jpg)}
#CourseTabs .ProShopOn{background:url(../i/TabProShopOn.jpg)}
#CourseTabs .GolfAcademy{width:106px; background:url(../i/TabGolfAcademyOff.jpg)}
#CourseTabs .GolfAcademyOn{background:url(../i/TabGolfAcademyOn.jpg)}
#CourseTabs .Gallery{width:71px; background:url(../i/TabGalleryOff.jpg)}
#CourseTabs .GalleryOn{background:url(../i/TabGalleryOn.jpg)}
#CourseTabs .Facilities{width:78px; background:url(../i/TabFacilitiesOff.jpg)}
#CourseTabs .FacilitiesOn{background:url(../i/TabFacilitiesOn.jpg)}
#CourseTabs .Events{width:62px; background:url(../i/TabEventsOff.jpg)}
#CourseTabs .EventsOn{background:url(../i/TabEventsOn.jpg)}
#CourseTabs .BookNow{width:87px; background:url(../i/TabBookNowOff.jpg)}
#CourseTabs .BookNowOn{background:url(../i/TabBookNowOn.jpg)}

#PanelCourseDetails .MapFrame{width:650px; height:400px; margin:12px; border:1px solid #EAEAEA;}
#PanelCourseDetails .CourseMap div{ color:White;}
#PanelCourseDetails .CoursePicture{display:block; float:right; width:220px; text-align:center; margin:0 0 10px 10px;}
#PanelCourseDetails .CoursePicture a{text-decoration:none;}
#PanelCourseDetails .CoursePicture a span{text-decoration:underline;}
#PanelCourseDetails .CoursePicture img{display:block; margin:auto; margin-bottom:10px;}
#PanelCourseDetails .Details{ width:180px; float:left; margin-right:10px;}
#PanelCourseDetails .Address{ width:150px; float:left;}

.Paging{ width:650px; margin-bottom:10px;}
.Paging .Left{ width:100px;}
.Paging .Title{ text-align:center;}
.Paging .Numbers{ text-align:center;}
.Paging .Right{ width:100px; text-align:right;}

/* Shop Home */

#Catalogue{ margin-top:10px;}
#Catalogue .Category{ margin-bottom:20px;}
#Catalogue .Category a{ display:block; margin-bottom:5px;}
#Catalogue .Category .Title{ font-size:12px; font-weight:bold; margin-bottom:10px; padding-bottom:4px; border-bottom:1px dotted #CCCCCC;}
#Catalogue .Category table td{ padding-right:20px;}


/* Shop Browse Page */

#SubCategories{}
.SubCategory{float:left; width:140px; height:20px;}

.ProductPaging{width:360px; padding:7px 0px; float:left;}
.ProductPaging a{text-decoration:none;}
.ProductPaging a:hover{text-decoration:underline;}
.ProductPaging .On{font-weight:bold;}

.ProductOptions{float:right; width:300px;}
.ProductOptions select{color:#666666; font-size:10px;}

.ProductOptions .Show{float:left; height:22px; padding:3px; margin-right:15px;}
.ProductOptions .Sort{float:left; height:22px; padding:3px;}

#Products{}
#Products .Empty{ text-align:center;}
#Products .ProductTable td{border:dotted 1px #CCCCCC; padding:8px 0 8px 0;}
#Products .Product{width:340px;}
#Products .Product .Pic{float:left; width:85px; text-align:center;}
#Products .Product .Details{float:left; width:240px;}
#Products .Product .Title{display:block; margin-bottom:5px; font-weight:bold; text-decoration:none;}
#Products .Product .Options{margin-bottom:5px;}
#Products .Product .Options select{background-color:#E5E5E5; font-size:10px; color:#666666; border-collapse:collapse; border:solid 1px #9B9B9B; width:150px;}
#Products .Product .Options select option{ margin:0; padding:0;}
#Products .Product .Prices{margin-bottom:5px;}
#Products .Product .Prices .Price{color:#990000; font-weight:bold;}
#Products .Product .Prices .Off{text-decoration:line-through;}
#Products .Product .MoreInfo{margin-bottom:5px;}
#Products .Product .AddToBasket td{border:0; padding-bottom:0; padding-top:0;}
#Products .Product .Quantity{padding-right:6px;}
#Products .Product .Quantity input{width:15px; background:#E5E5E5 url(../i/txt-x.gif) no-repeat 2px; padding:2px; padding-left:10px; border:solid 1px #666666; color:#666666; vertical-align:middle;}
#Products .Product .Add{padding-right:10px; vertical-align:middle;}
#Products .Product .Add img{ cursor:pointer;}
#Products .Product .Status{color:#469FD5; font-weight:bold; vertical-align:middle;}
#Products .Product .Status a{color:#469FD5; font-weight:bold;}

#Product{ margin-top:10px; margin-bottom:10px;}
#Product .Pic{float:left; width:165px; margin-right:10px; margin-bottom:10px; text-align:center;}
#Product .Pic .Rule{ margin-top:10px; margin-bottom:10px;}
#Product .Gallery img{ float:left; margin:2px;}
#Product .Details{float:left; width:455px;}
#Product .Options{margin-bottom:10px;}
#Product .Options select{background-color:#E5E5E5; font-size:10px; color:#666666; border-collapse:collapse; border:solid 1px #9B9B9B; width:150px;}
#Product .Options option{ margin:0; padding:0; border:0;}
#Product .Prices{margin-bottom:10px;}
#Product .Prices .Price{color:#990000; font-weight:bold; font-size:12px;}
#Product .Prices .Off{text-decoration:line-through; font-size:12px;}
#Product .AddToBasket{ margin-bottom:20px;}
#Product .AddToBasket td{border:0; padding-bottom:0; padding-top:0;}
#Product .Quantity{padding-right:6px;}
#Product .Quantity input{width:15px; background:#E5E5E5 url(../i/txt-x.gif) no-repeat 2px; padding:2px; padding-left:10px; border:solid 1px #666666; color:#666666; vertical-align:middle;}
#Product .Add{padding-right:10px; vertical-align:middle;}
#Product .Add img{ cursor:pointer;}
#Product .Status{color:#469FD5; font-weight:bold; vertical-align:middle;}
#Product .Status a{color:#469FD5; font-weight:bold;}
#Product .Desc{ margin-bottom:20px;}
#Product .Specs{ margin-bottom:10px;}
#Product .Specs .Name{ font-weight:bold; padding-right:20px;}

#Search a{ font-weight:bold;}
#Search .FlagTitle{ margin-bottom:10px;}
#Search .Courses{ margin-bottom:10px;}
#Search .Courses p{ margin-bottom:5px;}
#Search .Courses a{ margin-left:10px; display:block;}

#LinksPage .Group{ margin-top:20px;}
#LinksPage .Group h2{ font-size:14px; font-weight:bold; margin-bottom:10px; padding-bottom:4px; border-bottom:1px dotted #CCCCCC;}
#LinksPage .Group a{font-weight:bold;}
#LinksPage .Group p a{ display:block; margin-bottom:2px;}

.Subtitle{ font-weight:bold; margin-bottom:10px; padding-bottom:4px; border-bottom:1px dotted #CCCCCC;}


/* Content Pages */

.ContentImg{ margin:10px; margin-right:0; float:right;}

/* Booking Page */
#BookingFrame{ width:650px; height:800px; margin:12px; border:1px solid #EAEAEA;}



/*Ecommerce Styles*/

.EcomSB{background:#E8E8E8; border:solid 1px #CCCCCC; padding:5px; margin:10px;}
.EcomSB table{}
.EcomSB table td{font-size:10px; padding:2px;}
.EcomSB table .L{width:75px; font-weight:bold;}
.EcomSB table .R{}
.EcomSB table .R .Txt{background-color:White; border:solid 1px #CCCCCC; width:200px; padding-left:2px; font-size:10px;}
.EcomSB table .F{ padding-top:6px;}

.SbContainer{background:#F0F7FA; border:dotted 1px #5BB1ED; padding:5px; margin:10px;}
.SbContainer td{ font-size:10px; padding:2px;}
.SbContainer .SbFields{}
.SbContainer .SbLeft{ width:75px; font-weight:bold;}
.SbContainer .SbRight{}
.SbContainer .SbTextBox{background-color:White; border:dotted 1px #5BB1ED; width:200px; padding-left:2px; font-size:10px;}
.SbContainer .SbFooter{ padding-top:6px;}

.EcomCustomisationBox p{font-size:9px;}
.EcomCustomisationBox .CbContainer{background:#F0F7FA; border:dotted 1px #5BB1ED; padding:5px; margin-bottom:10px;}
.EcomCustomisationBox span{font-weight:bold;}
.EcomCustomisationBox input{background-color:White; border:dotted 1px #5BB1ED; width:200px; padding-left:2px; font-size:10px;}
.EcomCustomisationBox select, option{background-color:White; border:solid 1px #5BB1ED; font-size:10px;}

hr{ background-color:#EFF0F5; color:#CCCCCC; height:1px; border:1px solid #CCCCCC; border-collapse:collapse;}
.EcomForm{background:#EFF0F5; border:solid 1px #CCCCCC; padding:10px;}
.EcomForm a{color:#666666;}
.EcomForm td{ padding:2px; vertical-align:middle;}
.EcomForm .Button{ margin-top:10px;}
.EcomForm .Txt{background-color:White; border:solid 1px #CCCCCC; width:200px; padding:2px;}
.EcomFormMessages{border:solid 1px red;}
.EcomTxt{background-color:White; border:solid 1px #CCCCCC; width:200px; padding:2px;}
.EcomCheck label{ padding:0px 0px 2px 10px; display:inline-block; }
.EcomBasketItems{width:100%;border-collapse:collapse;text-align:left;margin:5px;}
.EcomBasketItems td{font-weight:bold;padding:5px;}
.EcomBasketItem table td{padding:0px; border:none;}
.EcomBasketItem .Quantity td{ vertical-align:middle; padding-right:5px;}
.EcomBasketItem .Quantity input{width:15px; background:#E5E5E5 url(../i/txt-x.gif) no-repeat 2px; padding:2px; padding-left:10px; border:solid 1px #666666; color:#666666; vertical-align:middle;}
.EcomBasketItemAlt td{border-top:1px dotted #CCCCCC;}
.EcomBasketItemImg{ vertical-align:top; width:70px;}
.EcomBasketItemRemove{ border-left:1px dotted #CCCCCC;text-align:center; width:100px; vertical-align:middle;}
.EcomBasketPromotion{ border-top:1px dotted #CCCCCC; margin-top:10px; margin-bottom:10px; padding:10px;}
.EcomBasketPromotion table td{ padding-right:5px; vertical-align:middle;}
.EcomBasketSummary{width:650px; margin:auto;}
.EcomBasketSummary table{border-collapse:collapse;width:100%;}
.EcomBasketSummary table td{background:white;padding:5px; border-bottom:1px dotted #CCCCCC; vertical-align:middle;}
.EcomBasketSummary .Postage select{ vertical-align:middle; margin-left:10px;}
.EcomBasketSummary .MakePayment{ border:0; padding-top:20px; text-align:right;}
.EcomCheckoutTrail{margin:10px;padding-bottom:10px;border-bottom:1px dotted #CCCCCC;}
.EcomCheckoutTrail span{margin:5px;}
.EcomCheckoutTrail span b{color:#990000;}
.EcomCheckoutCenter{}
.EcomFormBar{padding:5px;background:#EFF0F5;margin-bottom:5px;border:solid 1px #CCCCCC; }
.EcomFormBar a{color:#666666;}
.EcomFormBar td{vertical-align:middle;}
.EcomAddressBar{padding:5px;background:#EFF0F5;margin-bottom:5px; border:solid 1px #CCCCCC;}
.EcomAddressBar a{color:#666666;}
.EcomAddressBar input{vertical-align:middle;}
.EcomConfirmAddress{text-align:left;margin:10px;border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;}
.EcomConfirmAddress td{vertical-align:top;padding:10px;padding-right:50px;}
.EcomConfirmAddress a{color:#666666;}
.EcomOrderTracker{width:100%; border-collapse:collapse;}
.EcomOrderTracker td{ padding:5px;}
.EcomOrderTrackerHeader td{ border-bottom:1px solid #CCCCCC;}
.EcomErrors{ margin-bottom:10px;}
.EcomErrors div{ color:red;}