* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;} html, center {height: 100%; } body{background:#fff; height: 100%; } p {color:#666666; line-height:1.5em; margin-bottom:10px; text-align:justify; font-family:Arial, Helvetica, sans-serif;} li{list-style-type:none;} #maincontainer {text-align:left; position:relative;} .mid h3 {color:#666666; line-height:1.5em; margin-bottom:5px; text-align:left; font-family:Arial, Helvetica, sans-serif;} .partners li {list-style-type:disc !important; margin-left:30px; padding:5px;} a {text-decoration: none;} a:link {color: #659041;} a:visited {color: #659041;} a:hover {color: #97ca44;} a:active {color: #659041;} h5 {color:#5e8b3d; font-family:Trebuchet, Helvetica, sans-serif; font-size:30px; font-weight:bold;} /*********************************************************************************** ADS*/ #horzad {position:absolute; top:7px; right:0;} /**************************************************************************** COURSE DIR UPDATE - 7 JULY 09 */ #coursepreview .price1 {text-align:center; display:block; height:67px; width:97px; background: url(op_price1v2.gif) no-repeat; float:left; margin-right:15px; margin-left:15px; padding-top:40px;color:#fff; font-size:25px;font-weight:bold;} #coursepreview .price2 {text-align:center; display:block; height:67px; width:97px; background: url(op_price2v2.gif) no-repeat; float:left;padding-top:40px; color:#fff; font-size:25px; font-weight:bold;} #coursepreview .fourballtel {text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; padding:8px 5px 8px 5px; background: url(fourball_offer_bkg.jpg) bottom repeat-x #2e5199 !important; height:32px; margin-bottom:9px; margin-top:9px; margin-left:5px; margin-right:8px; text-indent:0 !important; padding-left:10px !important; font-family: Arial, Helvetica, sans-serif;} #courseinfo .restrictions {font-size:12px; font-weight:bold;} #courseinfo .midweek, #courseinfo .weekend {text-align:left; color:#ffffff !important; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px 5px 10px 5px; background: url(fourball_offer_bkg.jpg) bottom repeat-x #2e5199 !important; height:100%; width: 46%; float: left; margin-right: 1%; margin-bottom:9px; margin-top:9px; text-indent:0 !important; padding-left:10px !important; font-family: Arial, Helvetica, sans-serif;} .fourball {text-align:left; color:#ffffff !important; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px 5px 10px 5px; background: url(hotel_offer_bkg.jpg) bottom repeat-x #2e5199 !important; height:100%; width: 46%; float: left; margin-right: 1%; margin-bottom:9px; margin-top:9px; text-indent:0 !important; padding-left:10px !important; font-family: Arial, Helvetica, sans-serif;} /*********************************************************************************** HOMEPAGE */ .leftCol {float: left; width: 570px; margin-right: 20px;} .rightCol {float: left; width: 300px;} .tr { margin-left: 16px;} .bb {margin-top: 15px;} /*********************************************************************************** Hidden + Extras*/ #DateDiv {display:none;} #printpage {display:none;} #easilogo {display:none;} .clear {clear:both;} .SubMenuHeadingSpanWide {display: none;} .SubMenuHeadingSpanWide a {float:left;} .SubMenuHeadingSpan {display: none;} .SubMenuHeadingSpan a {float:left;} /*.mid h1 {text-align:left; font-size:25px; color:#1c3260; line-height:20px; padding-bottom:5px;}*/ .mid h4 a {line-height:20px; color:#999999; text-decoration:none; text-transform:uppercase; margin-top:10px; display:block; text-align:right;} .mid h4 a:hover {color:#5e8b3d;} .date {text-align:left; font-size:12px; color:#5e8b3d; padding-bottom:10px;} .intro {font-weight:bold;} #maincontent .mid {width:630px; float:right;} #asiabody {width:900px; margin:0 auto;} /**************************************************************************Top Menu***************************************************/ #TopMenu {float:left; height:25px; width:940px; background: url(horz_split_green.jpg) bottom no-repeat;} #TopMenuSpan a {float:left; line-height:15px; text-decoration: none; cursor:pointer; font-size:14px;} #TopMenuSpan li {float:left;} #TopMenuSpan li a span {visibility: hidden;} .menu_1 a {background: url(home.gif) no-repeat; background-position:bottom; height:16px; width:45px;} .menu_1 a:hover {background-position:top;} .menu_2 a {background: url(save.gif) no-repeat; background-position:bottom; height:16px; width:75px;} .menu_2 a:hover {background-position:top;} .menu_3 a {background: url(course.gif) no-repeat; background-position:bottom; height:16px; width:138px;} .menu_3 a:hover {background-position:top;} .menu_32 a {background: url(links.gif) no-repeat; background-position:bottom; height:16px; width:139px;} .menu_32 a:hover {background-position:top;} .menu_4 a {background: url(hotel.gif) no-repeat; background-position:bottom; height:16px; width:131px;} .menu_4 a:hover {background-position:top;} .menu_5 a {background: url(faq.gif) no-repeat; background-position:bottom; height:16px; width:48px;} .menu_5 a:hover {background-position:top;} .menu_6 a {background: url(feat.gif) no-repeat; background-position:bottom; height:16px; width:148px;} .menu_6 a:hover {background-position:top;} .menu_7 a {background: url(cont.gif) no-repeat; background-position:bottom; height:16px; width:100px;} .menu_7 a:hover {background-position:top;} .menu_8 a {background: url(join.gif) no-repeat; background-position:bottom; height:16px; width:72px;} .menu_8 a:hover {background-position:top;} #linkslefcol {float:left; padding-right:10px; width:430px;} #linksrigcol {float:left; padding-right:10px; width:430px;} #linkslefcol a {color:#666666; text-decoration:none; font-size:12pt; line-height:2em; font-weight:bold;} #linkslefcol a:hover {color:#5E8B3D;} #linksrigcol a {color:#666666; text-decoration:none; font-size:12pt; line-height:2em; font-weight:bold;} #linksrigcol a:hover {color:#5E8B3D;} .mid #flashbox { display:inline; width:940px; height:292px; margin-bottom:5px; _margin-bottom:10px !important; margin-top:12px; _margin-top:5px !important; } /*********************************************************************************** Courses Page*/ #courses {width:890px; height:100%; background:#f8f8f9; padding-top:8px;} #c_col1 {width:152px; border-right:1px solid #ececed; float:left; background:#f8f8f9; height:430px; overflow:auto;text-align:left; padding-left:10px;} #c_col1 a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none; cursor:pointer; } #c_col1 a:hover {color:#5e8b3d;} #c_col2 {width:152px; border-right:1px solid #ececed; float:left; background:#f8f8f9;height:430px; overflow:auto;text-align:left;padding-left:10px; cursor:pointer;} #c_col2 a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none; } #c_col2 a:hover {color:#5e8b3d;} #c_col3 {width:152px; border-right:1px solid #ececed; float:left; background:#f8f8f9;height:430px; overflow:auto;text-align:left;padding-left:10px; cursor:pointer;} #c_col3 a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none; } #c_col3 a:hover {color:#5e8b3d;} #c_col4 {width:385px; border-right:1px solid #ececed; float:left; background:#f8f8f9; height:430px; overflow:auto;text-align:left;padding-left:10px; cursor:pointer;} #c_col4 a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none; } #c_col4 a:hover {color:#5e8b3d;} #searchbox {position: absolute; top: 140px; right: 0px;height:50px; margin-top:20px;} #searchbox label {color:#666666;} .highlighted {color:#5f8a3d;} #c_col1 li a.highlighted {color:#5f8a3d !important;} #c_col2 li a.highlighted {color:#5f8a3d !important;} #c_col3 li a.highlighted {color:#5f8a3d !important;} #c_col4 li a.highlighted {color:#5f8a3d !important;} /******************************************************************* COURSE RESULTS PAGE ****/ #course_search {float:right;} #courseinfo {float:left; width:570px; height:100%;} #courseinfo p {color:#666666; line-height:1.5em; margin-bottom:10px;} #courseinfo h2 {height:40px;} #courseinfo h4 {text-align:left; color:#5e8d3f; text-transform:uppercase; font-weight:normal; font-size:12px;} #courseinfo .price1 {text-align:center; display:block; height:97px; width:97px; background: url(op_price1.gif) no-repeat; float:left; margin-right:15px; padding-top:40px;color:#fff; font-size:25px;font-weight:bold;} #courseinfo .price2 {text-align:center; display:block; height:97px; width:97px; background: url(op_price2.gif) no-repeat; float:left;padding-top:40px; color:#fff; font-size:25px; font-weight:bold;} #coursepreview {float:right; width:300px; height:600px; background:#fbfbfb; position:relative; margin-bottom:100px; margin-top:10px;} #coursepreview #coursegallery {margin-bottom:20px;} #coursepreview .c_details {float:left; width:130px; padding-left:10px; padding-right:10px; text-align:left;} #coursepreview .c_details h3 {display:inline; font-weight:bold; color:#5e8d3f;} #coursepreview .c_details p {display:inline; line-height:2em;} #coursepreview .c_extra a.link {float:left; color:#5e8d3f; width:280px; text-decoration:none; padding-bottom:10px;} #coursepreview .c_extra h3 {float:left; color:#5e8d3f;} #coursepreview .c_extra p {float:left; width:280px;} #coursepreview .c_extra p.num {display:inline; width:200px;} #coursepreview .c_extra {float:left; width:280px; padding-left:10px; padding-right:10px; text-align:left;} #coursepreview .c_add {float:left; width:130px; padding-left:10px; padding-right:10px;} #coursepreview .c_add p {text-align:right;} #coursepreview .joinnow img {float:right; text-indent:50px; position:absolute; bottom:-120px; right:-20px; } #coursegallery .h_add {width:130px; padding-right:10px; padding-left:10px;} #coursegallery .h_add h3 {color:#5e8d3f;} #coursegallery div {float:left; margin:5px;} #coursegallery .c_extra a.link {float:left; color:#5e8d3f; width:280px; text-decoration:none; padding-bottom:10px;} #coursegallery .c_extra a {float:left; color:#5e8d3f; width:280px; text-decoration:none; padding-bottom:10px;} #coursegallery .c_extra h3 {float:left; color:#5e8d3f;} #coursegallery .c_extra p {float:left; width:280px;} #coursegallery .c_extra p.num {display:inline; width:200px;} #coursegallery .c_extra {float:left; width:280px; padding-left:10px; padding-right:10px; text-align:left;} .fb-like {margin-left: 20px;} .socialFooter {margin-left: 250px;} .MembersOffers {text-align:left; color:#ffffff !important; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px 5px 10px 5px; background: url(hotel_offer_bkg.jpg) bottom repeat-x #96c844 !important; height:100%; width: 46%; float: left; margin-right: 1%; margin-bottom:9px; margin-top:9px; text-indent:0 !important; padding-left:10px !important; font-family: Arial, Helvetica, sans-serif;} /*********************************************************************************** FRAME ****/ #maincontainer {width:890px !important; } #topbanner {height:150px; position:relative;} #logo {margin-left:8px; margin-top: 10px; height:115px; width:310px; float:left;} #logoTOF {background: url(TOFlogo.gif) left no-repeat; padding-left:8px; height:115px; width:310px; float:left;} #flashbox img {margin-bottom:23px;} #buttons {float:right; padding-right:0;} #buttons li {display:inline; list-style-type:none;} #buttons img {float:left; padding-left:10px;} #spacer {height:25px; width:50px; clear:both; display:block;} /* #maincontentwide .SubMenuHeadingSpanWide {display:none;} */ .footer_info {display:block; margin-top:37px; text-align:center; color:#676767; text-decoration: none; font-size:12px; font-weight:bold;} .split {margin-bottom:37px; display:block;} /*Sub Menus */ #SubmenuHTML {width:230px; background:#f9f9f9; float:left; margin-right:10px; text-align:left; padding-right:10px; padding-left:10px; padding-bottom:20px;} #SubmenuHTML li a {line-height:15px; color:#1C3260; text-decoration:none; text-transform:uppercase; margin-bottom:20px; display:block;} #SubmenuHTML li a:hover {color:#5e8b3d;} #SubMenuUl a {line-height:15px; color:#999999; text-decoration:none; text-transform:uppercase; margin-top:10px; display:block;} #SubMenuUl a:hover {color:#5e8b3d;} #SubMenuUl li {display: block;} #contactus {margin:0 auto; width:700px;} /************************************************************************ News Sections on the homepage ***********/ .newsimg {float:right; padding: 0 10px 10px 10px; height:225px; width:300px;} #news {float:left; width:290px;background:url(news_bkg.jpg) top left repeat-x; margin-top: 15px; padding: 5px; } #news .newsstory {height:53px !important; padding:0px !important; margin:0 !important; padding-bottom:10px !important;} #news img {margin-left:-10px; margin-top:-50px;} .month h3 {cursor: pointer; font-size: 14px; margin-bottom: 5px;} .month h3:hover {color:#659041; } .month li.selected a {color:#659041 !important;} .month li {display: none;} .month li a {margin-bottom:5px !important; display:block; margin-left: 10px;} /*#news {float:left; width:340px; height:100%; padding:10px; background:url(news_bkg.jpg) top left repeat-x;} #news .newsstory {height:53px !important; float:left; padding:0 !important; margin:0 !important; padding-bottom:10px !important;}*/ .calendar {float:left; width:51px; height:51px; padding-right:10px; background: url(cal_bkg.jpg) no-repeat; padding-top:2px;} .story {float:left; width:140px !important;} .story h3 {float:left; width:240px; line-height:1.4em !important;} .story h3 a {text-decoration:none;} .story h3 a:link {color:#000;} .story h3 a:visited {color:#000;} .story h3 a:active {color:#000;} .story h3 a:hover {color:#b2c768;} .story p {float:left; width:240px; line-height:1em !important;} .calendar p.date {font-size:30px; color:#fff; text-transform:uppercase; line-height:1.0em !important; margin:0 !important; text-align:center;} .calendar p.mon {font-size:15px; color:#fff; text-transform:uppercase; line-height:0.1em !important; margin:0 !important; text-align:center; padding-bottom:10px;} /*****************************************************************************************SAVING PAGE *************/ .sav_left {float:left; padding-right:10px; width:430px;} .sav_left h3 {color:#5E8B3D;} .sav_right {float:left; padding-right:10px; width:430px;} .sav_right img {float:right; position:absolute; bottom: 0; right:800px; margin-top:-110px;} .sav_right h3 {color:#5E8B3D;} .sav_bottom {clear:both;} .sav_bottom h3 {color:#5E8B3D;} /*****************************************************************************************FOOTER *************/ #footer {clear:both; height:163px; display:block; width:100%; background: url(footer_bkg.jpg) top repeat-x;} #footer a {padding: 0 15px 0 15px; color:#676767; text-decoration: none; font-size:12px; font-weight:bold; border-left:1px solid #999999;} #footer a.first {border:none !important;} #footer a:hover {color:#5E8B3D;} #contactusform {float:left; width:450px;} #contactusform h3 {text-transform:uppercase; color:#666666; font-size:15px;} #contactusform b {color:#666666;} #contactusform form input {margin-bottom:5px;} #contactusinfo {float:left; width:250px; color:#666666;} #contactusinfo h3 {text-transform:uppercase; color:#666666; font-size:15px;} #contactusinfo p { color:#666666;} #contactusinfo a {color:#5E8B3D;} #contactus {width:890px; float:left; padding-top:20px;} /********************************************************************************************** FAQ PAGE ***/ .FAQ h3 {text-align:left; padding-bottom:5px;} .FAQ p {padding-bottom:15px;} /************************************************************************************** TERMS PAGE LISTS ***/ ul#savings {padding-left:15px;} #savings li {padding-bottom:0.5em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:5px; list-style-type:disc !important;} ul#num li {padding-bottom:0.5em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:25px; list-style-type:none !important;} #savings2 li {padding-bottom:0.5em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:5px; list-style-type:disc;} ul#saving2 {padding-left:0;} /************* LISTINGS PAGE****/ #areas {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase; margin-left: 10px; padding-top: 10px} #listings_col1 a, #listings_col2 a, #listings_col3 a { line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none;} #listings_col1 a:hover, #listings_col2 a:hover, #listings_col3 a:hover { line-height:20px; font-size:15px; color:#658f3d; text-transform:uppercase;text-decoration:none;} #listings_col1 li {font-weight: 400; margin-left: 20px;} #listings_col2 li {margin-left: 30px; font-weight: 200 !important;} #listings_col3 li {margin-left: 30px; font-weight: 100 !important;} #courselisting table td {padding: 5px; font-size: 15px; color: #999999;} #courselisting a {color: #999999; font-size: 15px; text-decoration: none; text-transform: uppercase;} .row1 { background-color: #eeeef0;} .row2 {} .offers {font-size: 14px !important; font-weight: 600; line-height: 160%;} /****************************/ /************************************************************************************** SAVINGS PAGE ***/ #savings2 li {list-style-type:disc !important; margin-left:25px;} /************************************************************************************** SEARCH RESULTS ***/ #resultsDiv {width:100%; overflow:hidden;} #clubResults {float:left; width: 445px; display:inline;} #clubResults li a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none;} #hotelResults {float:left; width: 440px; display:inline;} #hotelResults li a {line-height:20px; font-size:15px; color:#999999; text-transform:uppercase;text-decoration:none;} /************************************************************************************** sIFR TEXT CSS ***/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0;} .sIFR-replaced { visibility: visible !important;} span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; font-size:28px; text-transform: uppercase;} h1 {text-transform: uppercase !important; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 35px; margin-bottom:10px;} .sIFR-hasFlash h2 a { visibility: hidden; letter-spacing: -9px; font-size: 35px; margin-bottom:10px;} .sIFR-hasFlash ul #TopMenuSpan a { visibility: hidden; letter-spacing: -9px; font-size: 17px; margin-bottom:10px; padding:-5px !important; cursor:pointer; } a .sIFR-replaced {cursor:pointer;} .sifrsub {height: 57px !important; margin-bottom: 25px;} /* JOIN NOW */ #joinNow fieldset legend, #DirectDebit fieldset legend { padding:5px; font-size: 14px; color: #000000;} #joinNow fieldset, #DirectDebit fieldset {padding: 10px;} .error {color: red; display: block; clear: both;} #personaldetails, #recipientdetails, #country {position: relative;} #personaldetails p, #recipientdetails p, #country p {position: relative;} #personaldetails td, #recipientdetails td, #country td {position: relative;} #personaldetails input, #recipientdetails input {position: absolute; left: 120px; top: 0;} #DirectDebitFS input {position: absolute; left: 150px;} /* NEAREST COURSES */ .frameHeading {font-size: 24px; font-weight: bold;} .linksTable th, .linksTable td {padding: 5px; font-size: 14px;} .linksTable th {background-color: #dddddd;} .linksTable td.row1 {background-color: #ffffff;} .linksTable td.row2 {background-color: #eeeeee;}