@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,ul,li,pre,blockquote,hr{ margin:0; padding:0; border:0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
html{ background: #f1f1d3/*url('http://www.waccamawgolftrail.com/media/htmlbg.gif') repeat-y 50% 0*/; }
body{ font:11px/16px Arial, Helvetica, sans-serif; color:#000000; text-align:center; }
h1 { display: block; height: 45px; font: 18px/45px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; background-color: #fff; text-align: center; border-width: 1px 1px 1px 0; border-style: solid; border-color: #526b4b; }
h3 { font: 11px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
h3 img { padding-left: 5px; }
h5 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
#main p{padding: 5px;}
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{ width:942px; margin: 0 auto; text-align:left; }
#content{ float:right; padding:0; width:741px; /*border-left: 1px solid #000000; background-color:#1b3d1c;*/ }
#main { float:left; width: 560px; padding: 0; }
#packages { float:left; width:180px; padding:0; }
#sidebar{ float:left; padding:0; width:200px; border-right: 1px solid #000;border-bottom: 1px solid #000; /*background-color:#f1f1d3;*/ }
#footer { clear: both; float:left; width: 942px; background-color: #cccda6; margin-top: 10px; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
#sidebar ul { background-color: #ffffff; list-style: none; font: 11px Arial, Helvetica, sans-serif; color: #1b3d1c; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #000000; }
#sidebar ul li { height: 1.5em; line-height: 1.5em; }
#sidebar ul li a { display: block; height: 1.5em; padding-left: 10px; color: #1b3d1c; }
#sidebar ul li a.video { background: #fff url('http://www.waccamawgolftrail.com/media/videoIcon.png') no-repeat 175px 2px; }
#sidebar ul li a:hover { background-color: #cccda6; }
#sidebar ul li a.active { background-color: #cccda6; }

div.inset-left ul { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; padding: 15px 0 0 0; }
div.inset-left li { display: block; float: left; border-right: 2px solid #1b3d1c; padding-right: 10px; }
div.inset-left li.middle { padding-left: 10px; }
div.inset-left li.last { border: none; padding-left: 10px; }
div.inset-left li a { color: #1b3d1c; text-decoration: none; }
div.inset-left li a:hover { text-decoration: underline; }

div.inset-right-index ul { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; padding: 15px 0 0 0; }
div.inset-right-index li { display: block; float: left; border-right: 2px solid #1b3d1c; padding-right: 10px; }
div.inset-right-index li.middle { padding-left: 10px; }
div.inset-right-index li.last { border: none; padding-left: 10px; }
div.inset-right-index li a { color: #1b3d1c; text-decoration: none; }
div.inset-right-index li a:hover { text-decoration: underline; }

/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/

#homepageVideoLinks{font-size: 12px;}

#masthead { position: relative; height: 196px; overflow: hidden; }
#mastheadimg { position: absolute; top: 0; left: 0; z-index: 1; height: 196px; }
#media-buffer { position: absolute; top: 0; left: 0; z-index: 4; height: 196px; }

#fifthNightFree { float: right; padding: 10px; width: 260px; }
#fifthNightFree a { color: #1C3D1E; text-decoration: none; }
#fifthNightFree a:hover { text-decoration: underline; }
#fifthNightFreeImg { float: left; padding-left: 14px; }
a.fifthNightFree{color: #1C3D1E; text-decoration: none;}

#sidebar #logo { border-bottom: 10px solid #cccda6; }
#sidebar h3 { margin: 0; text-align: center; display: block; height: 2.5em; line-height: 2.5em; background-color: #cccda6; }
#sidebar h3.nonsemantic { background-color: #cccda6; display: block; height: 4em; line-height: 4em; border-bottom: 1px solid #000000; }
#sidebar h3.nonsemantic a { color: #1b3d1c; }
#sidebar h3#home { border-bottom: none; }
#sidebar h3#prices { border-bottom: 1px solid #000000; }
#sidebar h3.special { background-color: #1b3d1c; color: #cccda6; border-bottom: 1px solid #cccda6; }
#sidebar h3.special a { color: #cccda6; }
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#litchfieldLogo { display: block; text-align: center; width: 168px; margin: 9px; padding: 5px;  border: 1px solid #000; background-color: #cccda6; }

#main #headerimg { margin: 10px 0; }
#fifthNightH1 { height: auto; line-height: 28px; }

/*-- homepage right colum --*/
.packages {background-color: #cccda6;margin-top: 00px; padding:0px; width: 180px; float: right; clear: right;}
.packages h2 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 10px 0 10px 12px; }
.packages p { margin: 0 12px; color: #1b3d1c; }
.packages table { margin-left: 10px; }
.packages a { color: #1b3d1c; text-decoration: none; }
.packages a:hover { text-decoration: underline; }
.packages img{width: 150px;}
.packageBanner{padding: 10px 5px; width: 160px;float: right; font-size: 12px;}



div#flashpicbox{border:1px solid #000; width: 290px; height: 165px;}
div.content-section { background-color: #f1f1d3; padding: 15px; border-width: 0; border-style: solid; border-color: #526b4b; }
div.content-section-home { background-color: #f1f1d3; padding: 15px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #526b4b; }
div#course, div#dining, div#events, div#diversions, div#tips, div#eventsDos { position: relative; height: auto; }
div#diversions{height: auto;}
div#diversions h5{line-height: 1.5em; margin: 15px 0px -5px 0px; padding: 0px;}
div#dining p{width: 350px; }
div#course img, div#dining img { position: absolute; }
div#eventsDos img { clear: left; float: left; margin-right: 10px; }
/*div#eventsDos div {padding: 5px 0px;}*/
div#course div, div#dining div, div#events div { position: absolute; left: 200px; padding-right: 10px; }
div#course div p#designer, div#dining div p.restaurant, div#events p.event, div#diversions p.diversion, div#tips p.tip, div#eventsDos p.event { margin-top:10px; font-weight: bold; }
#course-info{display:block;}


#eventListings{padding-top: 15px;display: block;}
#eventListings div{padding: 3px 0px;}
div.eventListingsDate{width: 130px;float: left;}
div.eventListingsName{float: left;}


p.course a.video { padding: 5px 0 0 20px; background: url('http://www.waccamawgolftrail.com/media/videoIcon.png') no-repeat 0 5px; }
a.greenLink { display: block; margin-bottom: 10px; font-size: 12px;}
a.teeTime { float: left; display: block; width: 120px; }
div.double-content { margin-top: 3px; }

div.inset-left { width: 300px; float: left; }
div.inset-right { width: 210px; float: right; }

div.inset-right h2 { text-align: center; font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; }
div.inset-right img, div.inset-left img { border: 1px solid #000;}

div.inset-flipped-left { width: 180px; float: left; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px; }
div.inset-flipped-right { width: 270px; float: right; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px;  }
div.inset-flipped-full { clear: left; float: left; width: 497px; border: 1px solid #000; background-color: #cccda6; padding: 12px 15px 15px 15px; margin-top: 15px; }

div.inset-flipped-left p, div.inset-flipped-right p { padding-top: 10px; }
div.inset-flipped-left h2, div.inset-flipped-right h2, div.inset-flipped-full h2 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
div.inset-flipped-full h4 { font-size: 11px; font-weight: bold; }
#trailEvents h4 { padding-top: 6px; }
div#homepageTrailReport{float: left;width: 210px;font-size: 12px;}

div.logosLeft { background-color: #cccda6; padding-top: 10px; text-align: center; border-left: 1px solid #000; border-bottom: 1px solid #000; }
div.logosLeft h2 { font: 14px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
div.logosLeft img { margin-top: 5px;}

div#warningMessage { margin: 10px 0 10px 0; display: none; padding: 0; }
div#warningMessage.show { display: block; }
div#warningMessage img { float: left; }
div#warningMessage p { margin: 0; padding: 0; position: relative; top: 0px; left: 2px; }

#banner div { height: 10px; background-color: #1b3d1c; border-width: 0 1px 0 0; border-style: solid; border-color: #526b4b; }
#banner h1.clean { border: none; margin: 10px 0; }
#banner h1.quickQuote { height: auto; line-height: 21px; text-align: left; padding: 5px; }


.trailreportlogo{float: right; margin: 10px 50px 0 15px;}

img.fleft { float: left; margin: 10px 15px 0 0;}
img.fright { float: right; margin: 10px  0 0 15px;}
div.clear{ overflow:hidden; height:1px; clear:both; }



div.inset-left-index { width: 190px; float: left; }
div.inset-right-index { width: 320px; float: right; }


#coursefooterLinks{position: absolute; left: -160px;margin-top: 5px;}
#coursefooterLinks a{color: #1b3d1c; font-size: 11px;padding: 5px;}

form#quickQuote fieldset { border: none; margin: 10px 0; float: left; width:250px; }
form#quickQuote fieldset.firstcolumn { clear: both; padding:0 25px 0 0; }
form#quickQuote fieldset.submitter { clear:both; float:none; width:auto; }

form#quickQuote fieldset.submitter div input { width: auto;}
form#quickQuote legend { font-size: 14px; color: #000; }
form#quickQuote label { display: block; clear: left; }
form#quickQuote input { width: 230px; margin-bottom: 10px; }
form#quickQuote input#arrivalDate, form#quickQuote input#departureDate { width: 200px; }
form#quickQuote select { width: 235px; margin-bottom: 10px; }
form#quickQuote textarea { width: 235px; height: 100px; margin-bottom: 10px; }
form#quickQuote fieldset input.checkbox { width: auto; float: left; clear: none;  }
form#quickQuote fieldset label.checkbox { width: auto; float: left; clear: none; }
form#quickQuote #courseSelect input.checkbox { width: auto; float: left; clear: none; margin-bottom:0;}
form#quickQuote #courseSelect {line-height:1.8em;}


/*search*/
	#cse-search-results{width:500px;padding: 20px;}
	#searchbox{padding-left: 5px;}
	#searchbox input{border: 1px solid #003455; margin-right: 3px;font-size: 11px;}	
	#searchterm{width: 128px;}
	#searchbox #searchboxSubmit{background: #fff;font-size: 10px; padding: 2px; text-transform: uppercase;}
	
	#searchResults{width: 540px;overflow: hidden;float: left; padding: 10px;}

/* Arcitectural changes made post-live. */
div#changedMenu { font: 11px Arial, Helvetica, sans-serif; color:#1b3d1c; font-weight: bold; text-transform: uppercase; background: #CCCDA6; width: 200px; height: 2.5em; text-align: center; }  
div#changedMenu a { color: #1B3D1C; }
div#changedMenu span { display: block; float: left; line-height: 2.5em; }
div#changedMenu img {float: left; padding-top: .7em; padding-left: .4em; }




/*--- Courses Table:  be advised, this also exists in screen_splash.css  ---*/
	#courseInfo td, #courseInfo th { padding:3px 5px; font-size:12px; text-align:center; line-height:14px; }
	#courseInfo tbody td a { color: #1b3d1c; font-weight: lighter;}
	#courseInfo thead th {vertical-align: bottom; }
	#courseInfo .courseName{ text-align:left; width: 33%;}
	
	#courseInfo .courseHeaders, #courseInfo .courseFooters { background-color: #fefefe;border-bottom: 1px solid #777;color: #124d00;}
	#courseInfo .courseHeaders th { padding:10px 5px 5px; vertical-align: bottom; }
	#courseInfo .courseHeaders .courseName a{color: #124d00;}
	
	#courseInfo tbody td { padding-right:10px; }
	#courseInfo thead th, #courseInfo tbody td, #courseInfo tbody th { border-bottom:1px solid #777;}
	#courseInfo tbody tr.highlight { background-color:#f8f7e0; }
	
	#courseInfo .courseFooters th { padding:10px 5px 5px; vertical-align: top; }
	#courseInfo tfoot th a { color:#000; text-decoration:none; }

	div#course .coursePageWrapper{left: -155px; width: 500px; margin-top: 20px;}
	div#course .coursePageWrapper img{position: relative;}
	
	div#course div#coursetablelegend { position:inherit; left:0;}
	#coursetablelegend .legend{float: left; margin-right: 20px; width:120px;}
	#coursetablelegend .legend img{float: left;margin-right: 5px;}
/*
	----------------------------
	FORMS
	____________________________
*/
form#reportSignup { margin-top: 10px; }
form#reportSignup label { clear: left; float: left; width: 80px; line-height: 20px; margin-top: 2px; }
form#reportSignup label.errorText { color: #ff0000; }
form#reportSignup input { float: left; width: 115px; margin-top: 2px; }
form#reportSignup input.errorField { width: 113px; border: 1px solid #ff0000; }
form#reportSignup input.submit { margin-left: 60px; margin-top: 2px; }

form#tips { margin-top: 1px; }
form#tips input.submit { float: right; width: 115px; }

#contactUs label { float: left; clear: both; width: 100px; padding-right: 10px; margin-bottom: 8px; }
#contactUs label.error { color: #ff0000; }
#contactUs input { width: 170px; float: left; margin-bottom: 8px; }
#contactUs label#contactComments { float: left; width: 400px; clear: both; }
#contactUs textarea { width: 280px; float: left; clear: both; height: 100px; }
#contactUs input.submit { margin-left: 10px; margin-top: 4px; width: auto; }

/* golfgiveaway.cfm */
	form#golfgiveaway {padding: 20px; }
		form#golfgiveaway fieldset { border: none; color: #660000; }
		form#golfgiveaway ul { list-style: none; }
		form#golfgiveaway ul.ulMonths { float: left; padding-right: 24px; }
			form#golfgiveaway li { margin-bottom: 12px; }
			form#golfgiveaway ul.ulMonths li { width: 100px; }
				form#golfgiveaway ul.ulMonths li input { float: left; display: block; }
				form#golfgiveaway ul.ulMonths li label { float: left; display: block; }
		
		form#golfgiveaway label { width:100px; float: left; color: #333; }
		form#golfgiveaway label.bigLabel { float: none; width: auto; margin-bottom: 2px; }
		form#golfgiveaway label.monthLabel { width: 60px; float: left; margin-top: 3px; }
		
		form#golfgiveaway input { float: none; border: 1px solid #ccc; padding: 3px; }
		form#golfgiveaway input.noFloat { float: none; }
		form#golfgiveaway select {float: none; }
		
		form#golfgiveaway #submit {float: right; margin-right: 295px; }
		form#golfgiveaway p { clear: both; color: #333; }
		
		p.checkLabel { margin-bottom: 0; }
		
		ul#checks { list-style: none; }
			ul#checks li { float: left; width: auto; margin-right: 40px; }
				ul#checks li input {  }
				ul#checks li div { float: left; }
				ul#checks li div.text { margin-top: 3px; }
		
	#golfGiveawayBody {  }
		#golfGiveawayBody form#golfgiveaway select { float: none; }
		




/*
	----------------------------
	MAP STYLES
	____________________________
*/
p.mapInstructions { padding: 5px; }
div#map{
	width: 400px;
	height: 450px;
	border:1px solid #ccc;
	float:left;
	margin-left: 5px;
}
.infoWindow{
	width: 200px;
	text-align:left;
}
div#locations{
	width: 140px;
	float:right;
}
div#mapHotelList{
	margin-bottom: 3px;
	overflow:auto;
	height:450px;
	padding-right: 5px;
}
div#mapHotelList a{
	padding: 5px;
	display: block;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
div#mapHotelList a:hover{
	background-color: #f4f8e9;
}

/*--- Coupons Page - Dynamic version added March 09 ---*/
ul#couponCategories { padding: 5px 10px; list-style: none; background-color:#f8f7e0; }
ul#couponCategories li { padding: 0 10px; display: inline; }
#couponList h3 { padding:0 10px; }
#couponList ul { padding: 0; list-style: none; }
#couponList ul li { padding: 10px; border-bottom: 1px solid #999; }
#couponList ul li h4 { font-weight: bold; text-transform: none; margin: 0 0 5px; }
#couponList ul li p { margin: 0 0 10px; }
#couponList ul li .coupon { padding: 0 0 0 10px; float:right; width:225px;  }
#couponList ul li .guestcoupon { padding: 0 0 0 10px; float:right; width:280px;  }
#couponList ul li .coupon img, #couponList ul li .guestcoupon img { border: 1px solid #999; }
#couponList ul li .coupon span, #couponList ul li .guestcoupon span { display: block; padding:3px 0 3px 20px; background: url(/media/print.gif) no-repeat left 50%; }

/*--- Quick Quote ---*/
.quick-quote-wrap{padding: 20px;}
.quick-quote-wrap .formhalf{width:350px; float: left; margin-right: 20px;}
body#quick-quote fieldset { border:0; margin:10px 0; padding:0; }
body#quick-quote form#quickQuote label { width:100px; float:left; clear:both; text-align:right; padding-right:10px; }

#quickQuote .date-picker-holder{clear: none;}

#quickQuote{}
	#quickQuote fieldset{border: 1px solid #ccc;}
	#quickQuote label{display: block;margin: 5px 0px;}
	#quickQuote input, #quickQuote textarea{display: block; margin-bottom: 10px; border: 1px solid #ccc; padding: 3px; width: auto;}
		#quickQuote texarea#comments{width: 400px; height: 150px;}
	#quickQuote .visitedMB{float: left; border: 0px; width:30px;}
	
	#quickQuote .courses-column{width: 140px; float: left; border: 1px solid #ccc; margin: 0px 10px 0px 0px; padding: 10px;}
	#quickQuote ul li.check{float: left; clear: both;}
	#quickQuote ul li.check input, #quickQuote ul li.check label{float: left;}
	
	#quickQuote .button{font-size: 18px;float: right;margin-left: 20px;}
	#quickQuote #submit {background: #94b17a; }
    
.courses-list ul {margin:0; padding:0;}
.courses-list ul li {list-style:none;}
.courses-list ul li input {margin-right:5px;}
.courses-column {float:left; width:200px;}
#rightsideimages {float:right;}
#hiddenquickquote {display:none;}

/* Hide courses in quick quote page*/
#allCourses {}


.error { color: #ff0000; font-weight: bold; }
.alert { background: #b43737; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #451515; border-bottom: 2px solid #451515; }