charset "UTF-8"; /* -- RESET -- */ body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset {margin:0; padding:0; border:0;} input,select {vertical-align: middle;} img {border: 0px; padding: 0px; margin: 0px; display:block;} /* -- colors yellow -- #e8a713 gray/charcoal/text -- #262626 green -- #00653a light green -- #35c587 -- */ /* -- BASICS -- */ body {background: #fff; color:#262626; font-family:Calibri, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 13px; width:100%; margin:0; padding:0; min-height:800px;} h1{font-size: 24px; text-transform: capitalize; line-height: 1.2em; color:#e8a713; margin-bottom:6px;} h2{font-size: 20px; text-transform: capitalize; line-height: 1.2em; color:#e8a713; margin-bottom:6px;} h3{font-size: 18px; text-transform: uppercase; line-height: 1.2em; color:#00653a;} h3 span { font-size: 12px; color: black; text-transform: none; font-style: italic; } h4{font-size: 16px; text-transform: uppercase; line-height: 1.2em; color:#00653a;} h4 span { font-size: 13px; text-transform:none; color:#333; } h5{font-size: 12px; text-transform: uppercase; line-height: 1.2em; color:#454343;} #grelated_iframe_2, .grelated-iframe { display: none !important; } /* block google related toolbar */ p{margin-top: 4px;} b, strong{font-weight: bold;} i, em{font-style: italic;} a {color:#00653a; text-decoration:none;} a:hover {text-decoration:underline;} .green {color:#00653a;} .boldred {font-weight:bold; color:#ff0000;} hr {clear:both; border:0; width:100%; color:#d3d3d3; background-color:#d3d3d3; height:1px; margin:12px 0px;} #background {background:url(/media/layout/bg-bottom.jpg) center bottom no-repeat; height:auto; margin:0; padding:0;} /* -- MISC -- */ div.clear {overflow:hidden; height:0px; clear:both;} img.alignRight {float:right; margin:0 0 15px 15px;} img.alignLeft {float:left; margin:0 15px 15px 0;} .error {color: red;} #quick-quote-zdirect {margin-bottom:145px;} .btn {float:right; width:75px; height:25px; background-color:#054827; color:#fff;} /* -- LAYOUT -- */ #navbar {height:173px; width:100%; margin:0px; padding:0px; background:url(/media/layout/topbar-bg-new.jpg) repeat-x top center;} #navbar-wrapper {width:960px; margin:0 auto; position:relative;} #nav-upper {position:absolute; right:0; top:10px; z-index:2;} #nav-upper ul {margin:0; padding:0;} #nav-upper ul li {list-style:none; float:left; margin-left:20px;} #nav-upper ul li h3 {margin: 0;} #nav-upper img {float:left; display:inherit; position:relative; top:4px; right:3px;} #logo {padding-top:11px; float:left;} #content {margin-bottom:200px;} #navigation {font-size:16px; line-height:1.4em; text-align:center; padding-top:67px; float:right; position: relative; font-family:Arial, Helvetica, sans-serif;} #navigation ul { margin:0; float: left; } #navigation ul li {float:left; border-right:1px solid #fad98f; padding:4px 20px; list-style:none; position: relative;} #navigation ul li.last {border:0; padding-right:0px;} #navigation ul li.single {padding:12px 14px 17px;} #navigation ul li a {color:#fff; text-decoration:none; display:block;} #navigation ul li a:hover {color:#026338;} #navigation li ul {display: none; list-style: none; background-color:#70726f; position: absolute; top:44px; left:10px; width: 115px; margin: 0; padding: 0; z-index: 104; border:1px solid #fff; } #navigation li:hover ul { display: block; } #navigation li ul li { margin: 0; padding:0; float: none; border:0;} #navigation li ul li a { color: #fff; display:block; padding: 5px 5px 5px 10px; font-size: 12px; text-align: left; } #navigation li ul li a:hover { background-color:#575956;} #textSize {border:1px solid #35c587; text-align:center; padding:2px 5px; float:right; margin-right:-20px;} /* -- NEW SITE STUFF -- */ #promo-panel {width:713px; height:321px; position:relative;} #slideshow-new {margin-left:2px; margin-top:-9px;} #course-description { width: 70%; float: left;} #course-main-image img { width: 28%; float: right; padding-top: 20px;} #course-grid { width: 680px; font-size:12px; } #course-grid td, #course-grid th { padding: 10px 5px; border-bottom: 1px solid #ccc; } #course-grid th { font-size: 12px; color: #777; text-align: left; vertical-align: bottom; } #course-grid .center { text-align: center; width: 75px; } #course-grid td.center { font-size: 14px; background-color: #f6f6f6; } #course-grid .course-col { width: 180px; } #slideshow-new-nav { position: absolute; bottom: 10px; right:0px; z-index: 99; text-align:center; } #slideshow-new-nav a { display: block; float: left; width: 20px; height: 20px; background-color: #fff; margin-right: 5px; overflow: hidden; } #slideshow-new-nav a.activeSlide { background-color: #E8A712; } .promo-panel-caption {position:absolute; bottom:-20px; left:0px; color:#fff; font-weight:bold; background:url(../media/layout/caption-background.png) no-repeat; width:713px; height:38px; padding:10px;} .promo-panel-caption a {color:#fff;} .sidebar-img {display:inline; margin-left:5px;} .sidebar-small-text {font-size:12px; margin:0px;} /* -- FOOTER --*/ #footer{width:100%; margin:0px auto; clear:both; background:url(../media/layout/footer-bg.jpg) repeat-x; color:#fff; padding:10px 0;} #footernav{margin:0px auto;} #footernav ul{ width: 700px;text-align: center; margin: 0px auto; padding:0;} #footernav ul li{padding:0px 1px; text-align: center; display: inline; font-size: 11px; } #footernav ul li a{color:#fff; text-decoration:none;} #footernav ul li a:hover{color:#a1edcc;} #copyright{width: 700px; margin:0px auto; text-align:center; font-size:11px;} #bottom-two-columns {width:700px; margin-top:15px;} #bottom-two-left {width:680px;} #bottom-two-right {width:280px; float:right;} #below-nav-links {width:250px; float:right; padding-bottom:15px; margin-top:-15px;} /* -- CONTENT -- */ #wrapper {width:960px; margin:0 auto; clear:both;} *html #wrapper {width:962px; margin:0 auto; clear:both;} /* -- RIGHT COLUMN -- */ #right-side, #right-side-full {width:724px; float:right; background:url(/media/layout/content-bg-new.jpg) repeat-y bottom center; padding:0; margin:0;} #right-side-full { background-image: url(/media/layout/content-bg-full.jpg); } #right-content {width:430px; min-height: 500px; padding:0 0 20px 20px; float:left;} #right-content-full { min-height: 500px; padding:0 0 20px 20px;} #right-content-courses { min-height: 2000px; padding:0 0 20px 20px; width: 90%;} #right-content-courses img { display: inline;} #right-content a { font-weight: bold; } #right-content img { display: inline; } #sidebar {width:200px; padding-left:10px; float:left; margin:10px 0 0 52px; background-repeat:repeat-y; background: #fcf6ea; /* Old browsers */ background: -moz-linear-gradient(left, #fcf6ea 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcf6ea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fcf6ea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fcf6ea 0%,#ffffff 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #fcf6ea 0%,#ffffff 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6ea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #fcf6ea 0%,#ffffff 100%); /* W3C */ } #sidebar h4 {margin-bottom:3px;} .arrow {display:inline;} .adspace img {margin-bottom:20px;} #weather { } #videoScrollWidgetWrapper{overflow: none; text-align: center; position:relative; margin-top:20px;} #videoScrollWidget{text-align: center;overflow: none;height: 145px; width: 200px; margin: 0px auto;} #videoScrollWidgetNext{position:absolute; right:-10px; top:50px; z-index:9999;} #videoScrollWidgetPrev{position:absolute; left:-10px; top:50px; z-index:9999;} #videoScrollWidget img{height: 112px; width: 161px; padding: 0; margin: 0 auto; text-align: center;} .videoscroller{margin: 0px auto; text-align: center; width: 200px;} .videoscroller a{color: #000; font-size: 12px;} /* -- LEFT COLUMN -- */ #left-side {width:236px; margin-top:25px; float:left;} .sidebox-wrapper {background:url(/media/layout/sidebox-bg.jpg) repeat-y top center; width:236px;} .sidebox-top {background:url(/media/layout/sidebox-top.jpg) no-repeat top center; width:236px;} .sidebox {padding:5px 10px 0 20px;} .sidebox h3 {margin-bottom:4px;} .sidebox #buttons img {float:left; margin-right:3px;} #lastminprice {float:left;} #lastminprice h3 {margin:0 0 7px 0; padding:0; line-height:1.1em; font-size:15px;} #price {font-size:40px; line-height:40px; letter-spacing: -2px; font-weight:bold; color:#F98202; float:left; margin:-5px 0 0 5px;} #newestPeepsNew h3 {margin:0; padding:0; line-height:1.1em; font-size:15px;} /* -- SPECIFIC PAGES -- */ /* -- HOME --*/ /*-- CONTACT FORM ---*/ #search input.form-text, #bookform input.form-text {border:1px solid #a1a1a1; height:15px; color:#898989; padding:2px; float:left; margin-right:5px;} #bookform label {display:block; color:#00653a; font-size:13px; margin-top: 5px;} #bookform select#courseID { width:200px; } #bookform .formcell {float:left; margin-right:7px;} #searchbtn {margin-left:1px;} form {margin:0;} #formLeft {margin:0 auto;} #formLeft label {display:block;} #formLeft input, #formLeft textarea {width:200px; margin-bottom:10px; border:1px solid #35c587; padding: 3px 5px; font-size: 14px; } #formLeft textarea { width: 400px; height: 100px; } #formLeft .button {width:inherit; padding: 3px 10px; } /*-- COURSE --*/ #courseinfo {font-size:14px; font-weight:bold;} #courseinfo #rating {float:left; color:#00653a; margin-right:5px;} #starrating { margin-top:1px; } #starrating img { margin-right:1px; } #coursebuttons {float:right; margin-top:-6px;} #coursebuttons img {float:left; margin-left:3px;} #course-photos { margin: 5px 0; padding: 0; list-style: none; } #course-photos li { float: left; padding:0 10px 10px 0; } #course-photos li img { border:1px solid #b9b9b9; padding:5px; } #slideshow {border:1px solid #b9b9b9; padding:5px; margin:20px 0 10px; width:420px;} #slideshow #topimg { } #slideshow #controls { height: 20px; position: relative; } #slideshow .prevbtn { position: absolute; left:10px; top:2px; } #slideshow #photo-caption { position: absolute; text-align: center; top:2px; left:0; width: 100%; } #slideshow .nextbtn { position: absolute; right:10px; top:2px; } #slideshow a:hover {text-decoration:none;} #courseStats {background-color:#ebebeb; border:1px solid #b9b9b9; padding:5px 5px 5px 10px; width:90%; font-size:12px; font-weight:bold;} #stats {float:left; margin-right:30px; display:block; width:160px;} #otherCourses {width:190px; border:1px solid #b9b9b9; margin-bottom:20px; background-color:#00653a; color:#fff; padding:5px;} #otherCourses label {text-transform:uppercase;} #otherCourses select { width: 180px; } /*-- Hotels --*/ #hotellogo {float:right; margin:10px 0 20px 0;} #hotellogo img {width:150px;} #hotelinfo {font-size:14px; font-weight:bold;} #hotelbuttons img {float:left; margin:10px 3px 0 0;} #hotel-map_canvas { width: 440px; height: 300px; border: 1px solid #ccc; margin:20px 0;} /*-- MAP --*/ #map_canvas { width: 500px; height: 500px; border: 1px solid #ccc; } #map_canvas h4 { text-transform: none; margin: 1px 0 10px; } #map-courseList { width: 185px; height: 500px; margin-right: 10px; float:right; overflow: auto; border: 1px solid #ccc; } #map-courseList a { display: block; padding: 3px 5px; border-bottom: 1px solid #ccc; } #map-courseList a:hover { background-color: #e9ffe3; text-decoration: none; color: #000; } /*-- golf packages --*/ #golf-package { padding: 0px 10px; } #golf-package .pkgwrap { border: 1px solid #ccc; padding: 10px; margin: 10px 0; } #golf-package .pkgwrap h4 { margin: 0 0 10px; } #golf-package .pkgwrap .buttons a { color:#fff; display: block; text-align: center; font-weight: bold; padding: 3px 5px 3px; background: #1f945a url('/media/layout/button_bg.jpg') no-repeat top left; border: 1px solid #ccc; float: left; margin:0 3px 5px 0;} #golf-package .pkgwrap img{margin:10px;} .pkgwrap .package-description { display: none; } div#golf-package div.pkgwrap div.pkgheading a {color: #3C90CF; } div#golf-package div.pkgwrap div.pkgheading {color: #3C90CF; font-size: 14px; font-weight: bold;} div#golf-package div.pkgwrap div.pkgdate {padding: 2px 0 5px 0; color: #3C90CF; } #roundSelectors ul { margin: 10px 0; padding: 0; list-style: none; } #roundSelectors ul li {width: 80px; text-align: center; font-weight: bold; padding: 3px 5px 3px 0px; background: #1f945a url('/media/layout/button_bg.jpg') no-repeat top left; border: 1px solid #ccc; float: left; margin:0 3px 5px 0;} #roundSelectors ul li a{color: #fff; text-decoration: none;} .buttons {float:right;} /* COURSE GRID */ table#courseInfo {width: 680px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} table#courseInfo td, table#courseInfo th {font-size: 12px;line-height: 18px;padding: 5px 10px 5px 0;text-align: center;} table#courseInfo thead th {font-size: 12px;font-weight: normal;vertical-align: bottom;} table#courseInfo .courseName {text-align: left; padding-top:10px; padding-bottom:10px;} table#courseInfo td a {color: #00653A;text-decoration: none;} table#courseInfo .courseHeaders {background-color: #FEFEFE;color: #124D00;font-weight: bold;} table#courseInfo .courseHeaders th {border-bottom: 1px solid #777777;padding: 10px 5px 5px;vertical-align: bottom;} table#courseInfo .courseHeaders .courseName a {color: #124D00;} table#courseInfo thead th, table#courseInfo tbody td, table#courseInfo tbody th {border-bottom: 1px solid #777777;} table#courseInfo tbody tr.highlight {background-color: #F8F7E0;} table#courseInfo tbody tr.highlight td a.courseLink {font-weight: bold;} table#courseInfo tfoot th a {color: #000000;text-decoration: none;} .disclaimer {color: #333333;font-size: 11px;} h2 {color: #E8A713;font-size: 20px;line-height: 1.2em;margin-bottom: 6px;text-transform: capitalize;} #course-grid-homepage {margin-top:85px;} /*-- POP UP Survey Style -- */ #popup-modal { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ } #popup-modal {display:none;} #popPart2 label {width:150px; float:left; clear:both;} #popPart2 input {clear:both; float:left;margin-top:5px;} #popPart2 submit {} #pop-part2 {display:none;} .ui-helper-clearfix:after {content:none;} .ui-icon-closethick {top:0px;} #survey-wrapper {width:650px;} .survey-section {width:175px; float:left; margin:0 10px 0 10px;} #logo-survey {float:right; padding-left:5px;} /* GOLF GIFT */ #sponsors ul {list-style-type:none;} #sponsors li {float:left;} #golfgift-wrapper {height:900px;} /* Video */ .video-top { padding-bottom: 10px; border-bottom: 1px solid #ccc; } .video-list-tabs { margin: 10px 0 0; list-style: none; padding: 0; border-bottom: 1px solid #ccc; float: left; width: 90%; } .video-list-tabs li { border: 1px solid #ccc; border-bottom: 0; padding: 5px 10px; float: left; margin: 0 5px; } .video-list-tabs li a.selected { color:#000; } .video-list-tabs { float: left; padding-right: 20px; } .video-list { padding: 0; list-style: none; display: none; } .video-list li { padding: 0 10px 10px; float: left; width: 175px; } .video-list li a { padding: 5px; border: 1px solid #ccc; display: block; height: 145px; } .video-list li a b { padding: 2px 0 5px; line-height: 12px; display: block; text-align: center; } .current_tab { display: block; } .content-columns { float: left; width: 100%; } .col-a { float: left; width: 460px; } .col-b { float: right; width: 170px; border-left: 1px solid #ccc; padding: 0 15px 0 10px; } .col-b h2 { font-size: 16px; color: #000; margin: 0 0 15px; } .col-b ul.item-list { margin: 0 0 0 -10px; padding: 0 0 20px; list-style: none; } .col-b ul.item-list li a { display: block; padding: 3px 10px; text-decoration: none; font-weight: normal; } .col-b ul.item-list li a:hover { background-color: #f6f6f6; } .col-b ul.item-list li a.active { background-color: #0082c5; color: #fff; }