@charset "UTF-8";

/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6 { margin:15px 0; }
label,input,select { vertical-align: middle; }
/*
	----------------------------
	TYPOGRAPHY
	____________________________
*/
body { font:11px/18px Tahoma, Helvetica, Arial, sans-serif; color:#333; }
h1,h2,h3 { color:#000; font-weight:normal; }
h1 { font-size:24px; }
h1 span, h2 span { font-size:12px; padding:0 5px; }
h2 { font-size:18px; }
h3 { font-size:14px; font-weight:bold; }
h3 span { display:block; color:#333; font-size:.8em; }
.no-bold { font-weight: normal; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body { background-color:#2c2c2c; }
ul { padding-left:20px; }
a { color:#07486e; text-decoration:none; }
a:hover { text-decoration:underline; }
legend { display:none; }
label { display:block; float:left; width:100px; padding:3px 10px 0; text-align:right; clear:both; }
input,select { margin-bottom:2px; }
input { padding: 2px; font-weight: bold; }
textarea { width:300px; height:150px; }
form { position:relative; z-index:2; }
fieldset#submits { padding-left:224px; }
/*
	----------------------------
	LAYOUT
	____________________________
*/
#wrapper { width:960px; margin: 0 auto; }

#masthead { position:relative; height:80px; padding-top:20px; }
#masthead a { color:#ccc; }
#masthead a:hover { color:#fff; }
ul#secondary-nav, ul#secondary-nav li, ul#sub-nav, ul#sub-nav li { padding:0; list-style:none; }
ul#secondary-nav { position:absolute; top:10px; right:10px; }
ul#sub-nav { position:absolute; bottom:10px; right:10px; }
ul#secondary-nav li, ul#sub-nav li { display: inline; padding: 0 10px; border-right: 1px solid #444; }
ul#secondary-nav li.last, ul#sub-nav li.last { border: 0; padding-right:0; }
ul#sub-nav li a { font-size: 1.2em; padding-bottom: 5px; }
ul#sub-nav li { position: relative; }
ul#sub-nav li ul { width:150px; padding:0 0 0 10px; display:none; position:absolute; text-align:left; left:0; background-color:#2c2c2c; border-bottom: 1px solid #444; }
ul#sub-nav li ul li { text-align:left; padding:3px 0; display: block; margin:0; font-size: 0.8em; letter-spacing: 1px; }
ul#sub-nav li:hover ul { display:block; }

#nav { float:left; width:100%; }
#nav ul#regions, #nav ul#regions li { padding:0; list-style:none; }
#nav ul#regions li { width:300px; height:60px; float:left; padding:1px 10px; }
#nav ul#regions li#regionA { background-color:#d9e1c9; }
#nav ul#regions li#regionB { background-color:#a0b8ad; }
#nav ul#regions li#regionC { background-color:#4c7482; }
#nav ul#regions li h3 { font-weight:normal; }
#nav ul#regions li h3 a { color:#000; }
#nav ul#regions li ul { display:none; margin:2px 0; }
/* region navigation */
#nav ul#regions li ul { padding:0; }
#nav ul#regions li ul li { display:inline; padding:0 20px 0 0; width:auto; height:auto; }
#nav ul#regions li ul li a { color:#333; }
#nav ul#regions li ul li a:hover { color:#000; }
#nav ul#regions li#regionC ul li a { color:#000; }
#nav ul#regions li#regionC ul li a:hover { color:#fff; }

#main { padding:20px 0; background:#fff url("/media/main_bg_home.jpg") repeat-x; float:left; width:100%; }
#content { width:700px; float:left; padding:0 0 0 20px; }
#sideBar { width:200px; float:right; padding:0 20px 0 0; }

.content-3col-left { width: 227px; margin: 0 2px 0 4px; float: left; }
.content-3col-middle { width: 227px; margin: 0 2px 0 4px; float: left; }
.content-3col-right { width: 227px; margin: 0 4px 0 2px; float: left; }

#footer { clear:both; padding:15px 5px; margin:15px 0 0 0; border-top:1px solid #777; color:#999; }

/*
	----------------------------
	PAGE SPECIFIC
	____________________________
*/
body#home {}

body#hiltonhead #main { background-image: url("/media/main_bg_hiltonhead.jpg"); }
body#charleston #main { background-image: url("/media/main_bg_charleston.jpg"); }
body#myrtlebeach #main { background-image: url("/media/main_bg_myrtlebeach.jpg"); }

body#hiltonhead ul#regions h3 span, body#myrtlebeach ul#regions h3 span, body#charleston ul#regions h3 span { display:none; }
body#hiltonhead ul#regions h3, body#myrtlebeach ul#regions h3, body#charleston ul#regions h3 { margin-bottom:5px; }
body#hiltonhead ul#regions li#regionA ul, body#myrtlebeach ul#regions li#regionC ul, body#charleston ul#regions li#regionB ul { display:block; }

body#hiltonhead ul#regions li#regionA, body#myrtlebeach ul#regions li#regionC, body#charleston ul#regions li#regionB { width:700px; }
body#hiltonhead #nav ul#regions li#regionB, body#hiltonhead #nav ul#regions li#regionC,
body#charleston #nav ul#regions li#regionA, body#charleston #nav ul#regions li#regionC,
body#myrtlebeach #nav ul#regions li#regionB, body#myrtlebeach #nav ul#regions li#regionA { width:100px; }

/* Partners, Lisitings */
.partner { margin:10px 0; clear:both; }
.partner .thumbnail { width:60px; height:60px; float:left; margin:0 10px 10px 0; background-color: #eee; text-align:center; }
.partner h3 { margin:10px 0 2px; }
.partner p { margin-top: 2px; }

/* Details pages */
#photosColumn { width:300px; float:right; padding:0 0 20px 20px; border:1px solid #ccc; border-width: 0 0 1px 1px; margin: 0 0 20px 20px; }
#photos { width:300px; }

/* Video page */
#flags { margin: 2px 0 2px 10px; }
#flash-box-head { width: 180px; float: left; margin-left: 10px; padding: 2px; border: 2px solid #A0B8AD; background-color: #A0B8AD; color: #000; }
#flash-box { width: 180px; float: left; margin-left: 10px; padding: 2px; border: 2px solid #A0B8AD; background-color: #D9E1C9; line-height: normal; }
#flash-player { display: inline; float: left; } 
.flash-nav { width: 112px; min-height: 60px; float: left; padding-left: 4px; padding-right: 2px; }
.flash-nav:hover { background-color: #A0B8AD; }
.other-videos { width: 80px; float: left; text-align: center; line-height: normal; }

/*-- google map --*/
div#interactiveMap{width: 700px; padding-top: 1px; overflow: hidden;}
div#map{width: 700px;height: 500px;	border:1px solid #ccc;}
.infoWindow{width: auto;color: #333;}
div.mapLocations{ padding:5px; margin:10px; color: #333;float:left; }
div.mapLocations ul { border:1px solid #a0b8ad; list-style: none; margin:0; padding:0; width:300px; height:300px; overflow: auto; background-color: #eee; }
div.mapLocations ul li { border-bottom: 1px solid #a0b8ad; padding: 3px 5px; background-color: #ddd; }
div#mapaccom, div#mapcourses{margin: 5px 10px; padding: 4px;overflow:auto;border: 1px solid #ccc;height: 180px; width: 500px;}
div#mapaccom a, div#mapcourses a{display: block;padding: 2px 0px; text-decoration: none; color: #375970;}

.mapLocations h4{text-transform: capitalize;}

.map-header { width: 750px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#largeMap { clear: left; width: 700px; height: 500px; margin: 0 15px 10px -5px; }
#largeMapLegend { padding: 0 15px; margin-bottom: 13px; }
#largeMapLegend img { float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 8px; width: 160px; margin: 0; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0 0 3px 0; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; }

#partnerVideo { width:400px; margin: 10px auto; }
a.videoPopUp { font-weight: bold; padding-right:15px; background: url("/media/icon_video.gif") no-repeat right 50%; }

input#membersSubmit { margin: 10px 0 0 60px; }

/*
	----------------------------
	Trvel Agent Packages
	____________________________
*/

h1#travelagent-welcome { font-size: 14px; margin-bottom: 5px; }
input.button { margin-left: 120px; }
p#travelAgent-nav { border-bottom: 1px solid #555; padding: 5px 0; margin: 0 0 10px; }
p#travelAgent-nav a { font-size: 12px; font-weight: bold; padding: 0 10px; }
#preBuiltPackages h3, #preBuiltPackages h2 { margin: 10px 0 0; }
#preBuiltPackages .packageDetail { padding:0 0 5px; margin: 20px 0 10px; border-bottom: 1px solid #ccc; }
#preBuiltPackages .packageDetail h2 { color:#07486e; margin-bottom: 5px; }
#preBuiltPackages .packageDetail .packageDescription { margin: 5px 0 5px 25px; }
#preBuiltPackages .packageDetail p { margin: 5px 0; }
#preBuiltPackages .packageDetail h2 span { color:#000; }
#preBuiltPackages .packageDetail a.packageDetailToggle { padding:0 15px 0 25px; background: url(/media/arrow_down.gif) right center no-repeat; }
#preBuiltPackages .dailyDetail { padding:0 50px 10px; display: none; float: left; width: 220px; }
#preBuiltPackages .dailyDetail h3 { color:#333; margin: 5px 0 0; }
#preBuiltPackages .dailyDetail h2 { margin-left: -20px; font-size: 14px; font-weight: bold; }

form#search { padding-left: 50px; }
form#search label { display: block; float: none; text-align: left; font-weight: bold; padding: 10px 0 0; }

#tabNav, .tabNav { margin: 20px 0; width: 100%; padding: 3px 0; list-style: none; border-bottom: 1px solid #ccc; height: 25px; }
#tabNav li, .tabNav li { float: left; margin: 0 10px; padding: 3px 5px; border: 1px solid #ccc; background-color: #d7d6c1; height: 21px; }
#tabNav li a, .tabNav li a { font-weight: bold; font-size: 14px; line-height: 14px; cursor: cursor; }
#tabNav li#tab-accom, .tabNav li.tab-accom { background-color: #fff; }

#save #golf, #save #activity, #process .golf, #process .activity, #showItinerary #golf, #showItinerary #activity { display: none; }
#searchResults .partner, #process .partner, #save .partner, #showItinerary .partner { padding:0 0 5px 20px; border-bottom: 1px solid #ccc; }
#save #priceBreakdown table { width: 30%; float: left; border-collapse: collapse; }
#save #priceBreakdown td, #save #priceBreakdown th { padding: 2px 20px 2px 5px; color: #555; border: 1px solid #ccc; }

.roomTypes { padding-left: 20px; margin: 10px; }
.roomTypes span { padding-left: 20px; }

h2.package { padding-bottom: 5px; border-bottom: 1px solid #ccc; }

#printable {}
#printable .dailyDetail { padding:0 50px 10px; }
#printable .dailyDetail img { float:left; margin: 0 20px 20px 0; }

#rentalCars img {float:left; margin-right:20px; margin-bottom:10px;}
#rentalCol label { width:150px; clear: both; font-weight: bold;}
#rentalCol {float:none; width:auto;}
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{ overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft{ float:left; margin:0 15px 15px 0; }
.fl { float: left; }
.fr { float: right; }
.error { color: red; }
.success { color: green; }