html { font-size: 100%: }
body {
	background: #E0D0C0 url(/!images/mp/hb_background_tile.jpg) repeat-x top center;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	margin: 0 0 15px;
	padding: 0;
}
form { margin: 0; padding: 0; }
.nav, .nav dd, .nav ul { margin: 0; padding: 0; }

a:link { color: #BF750C; }
a:visited { color: #5788AF; text-decoration: underline; }
a:focus, a:hover,  a:active {color: #95005B; text-decoration: none;}

img { border: 0 none; }
img[border=1], img.photo { border: 1px solid #ccc; padding: 1px; }
.icon { vertical-align: middle; }

#Wrapper{
	width: 932px;
	margin: 0 auto;
}

.form dl { margin: .5em 0; zoom: 1;}
.form dd { margin: 0; }
.layGrid dt { float: left; width: 120px; padding: 5px 0; text-align: right; clear: both; }
.layGrid dd { margin-left: 120px; padding: 5px; }

#TopNav {
	background: url(/!images/mp/hbc_main_header_b_new.gif) no-repeat;
	height: 117px;
	width: 932px;
}
#TopSearch 
{
	width: 700px;
	height:25px;
	font-weight: bold;
	font-family: Verdana; 
	font-size: 10px;
	margin-top: 15px; 
	margin-left: 230px;
	z-index: 20; 
	position: absolute;	
	float: right;
}

#topPromoArea
{
	height: 411px;
	width: 932px;
}
#topPromoArea .LeftArea
{
	height: 411px;
	width: 584px;
	float: left;
}
#FlashArea
{
	height: 338px;
	width: 584px;
}
#PromoLinks
{
	background: url(/!images/mp/hbc_main_plan_map_view_b.jpg) no-repeat;
	height: 73px;
	width: 584px;
}
#topPromoArea .RightArea
{
	width: 348px;
	height: 411px;
	float: right;

}
#TopPromo
{
	height: 169px;
	width: 348px;
}
#BottomPromo
{
	width: 328px;
	height: 230px;
	padding-top:8px;
	padding-right:20px;
	background:url(/!images/mp/hbc_main_travelocity_widget_bg.jpg) scroll no-repeat 0 0;
}
#BottomPromo ul {list-style: none; margin: 0; padding: 0;}
#BottomPromo li {display: inline; padding: 0; margin: 0; float: left;}

#travelocity {
	width:200px;
	height:178px;
	float:right;
	overflow:hidden;
	background:transparent;
}

#ContentArea
{
	background: #1E5C90 url(/!images/mp/hbc_main_content_background.gif) top center no-repeat;
	width: 930px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	clear: both;
	padding-bottom: 5px;
	float: left;
}

#ContentArea .LeftContent p {padding-bottom: 25px;}

#ContentArea .LeftContent
{
	background: url(/!images/mp/hbc_main_content_sub_surfcityusa.gif) top left no-repeat;	
	width: 579px;
	min-height: 400px;
	float: left;
	margin-top: 5px;

}

#ContentArea .RightContent 
{
	background: url(/!images/mp/hbc_main_content_sub_calendar.gif) top left no-repeat;
	width: 350px;
	min-height: 400px;
	float: right;
	border-left: 1px solid #FBE66A;
	margin-top: 5px;
}

#langTools {
	width:200px;
	font-size:.65em;
	padding:4px 10px;
	float:right;
	clear:right;
	text-align:right;
	white-space:nowrap;
}
#langTools a:link, #TopSearch a:visited {
	color: #fbe66a;
	text-decoration: none;
}

#langTools a:hover, #langTools a:active {
	color: #fbe66a;
	text-decoration: underline;
}
#ContentContain {padding: 70px 35px 35px 35px;}

#FooterCap
{
	background: url(/!images/mp/hbc_main_footer_cap.gif) no-repeat;
	height: 88px;
	width: 930px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	color: #000;
	font-weight: bold;
	font-family: Verdana; 
	font-size: 10px;		
}

#FooterCap .LeftSide
{
	float:left; 
	padding: 8px 0 0 5px; 
}

#FooterCap .RightSide
{
	float:right; 
	padding: 8px 5px 0 0; 
}

#FooterCap a:link, #FooterCap a:visited {color: #000; text-decoration: none;}
#FooterCap a:hover, #FooterCap a:active {color: #000; text-decoration: underline;}
/* Calendar of Events Styles */

.date 
{
	padding: 70px 0 10px 14px;
}
.CalText 
{
	font-size: .80em;
}
.CalBox 
{
	width: 327px; 
	background-color: #87B8D6; 
	margin-left: 5px; 
	padding: 10px 5px 10px 5px; 
	margin-bottom: 10px;
}
.CalLnk 
{
	padding-bottom: 5px;
}
a.Cal:link, a.Cal:visited 
{
	color: #fbe66a; 
	font-size: 14px; 
	text-decoration: underline; 
	font-weight: bold;
}
a.Cal:hover, a.Cal:Active 
{
	color: #145d87;
	font-size: 14px; 
	text-decoration: none; 
	font-weight: bold;
}

/* Interior Specific Styles */

#WrapperInt
{
	background: url(/!images/int/hbc_int_content_tile.gif) repeat-y;
	width: 932px;
	position: relative;
	margin: 0 auto;
}

#BodyArea
{
	background: url(/!images/int/hbc_int_header_bg.jpg) top center no-repeat;
	width: 932px;
	color: #05345E;
	font-size: 17px;
	min-height: 649px;
	float: left;
}

#BodyArea .LeftSide
{
	width: 238px;
	float: left;
	overflow: hidden;
}
#BodyArea .RightSide
{
	width: 694px;
	overflow: hidden;
	float: right;
	font-size: 15px;
	position: relative;
	z-index: 1;
}
* html #BodyArea .RightSide { position: static }

#BodyArea .RightSide p {padding: 0 0 10px 0; margin: 0 0 0 0; }

#BodyArea .ContentWrap
{
	padding: 25px 25px 25px 25px;
}

#BodyArea .ContentWrap h1 {font-size: 1.4em; color: #1e5c90; border-bottom: 1px solid #DFDFDF; }
#BodyArea .ContentWrap h2 {font-size: 1.2em; color: #1e5c90; border-bottom: 1px solid #DFDFDF;}

.FormCaps {font-size: 15px; font-family: Arial, Verdana; color: #F3F3F3; border-top: 1px solid #235C8F; margin-bottom: 10px; margin-top: 10px;}
.FormCapText {background-color: #235C8F; width: 140px; padding: 4px; font-weight: bold; text-align: center;}

.sitemap ul {padding-bottom: 20px;}
.sitemap {list-style: square;}


#IntSubNav 
{
	background: url(/!images/int/hbc_int_plan_map_view_b.gif) left no-repeat;
	height: 32px; 
	width: 314px;
	float: right;
}

#TopLinks 
{
	font-weight: bold;
	font-family: Verdana; 
	font-size: 10px;
	right: 0;
	margin-right: 20px; 
	margin-top: 20px; 
	z-index: 20; 
	position: absolute;	
}

#TopLinks a:link, #TopLinks a:visited
{
	color: #fbe66a;
	text-decoration: none;
}

#TopLinks a:hover, #TopLinks a:active
{
	color: #fbe66a;
	text-decoration: underline;
}

#BookIt
{
	width: 213px;
	min-height: 125px;
	padding-right: 23px;
	margin-top: 25px;
}

#Promos
{
	padding: 20px 10px 0 15px;
	width: 213px;
}
#Promos img {float: right; padding-bottom: 10px;}

#FooterCapInt
{
	background: url(/!images/int/hbc_int_footer_cap.gif) no-repeat;
	height: 88px;
	width: 924px;
	padding-left: 8px;
	clear: both;
	color: #000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
}

#FooterCapInt .LeftSide
{
	float:left;
	padding: 8px 0 0 2px;
	height: 19px;
}

#FooterCapInt .RightSide
{
	float:right;
	padding: 8px 10px 0 0;
	height: 19px;
}
#FooterCapInt a:link,#FooterCapInt  a:visited {color: #000; text-decoration: none;}
#FooterCapInt a:hover, #FooterCapInt a:active {color: #000; text-decoration: underline;}

#FooterCapInt .bottom
{
    height: 61px;
    line-height: 61px;
    vertical-align: middle;
    text-align: center;
    clear: both;
    color: #FFF;
}

#FooterCapInt .bottom a { color: #FBE66A; }

#local_events_link
{
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}
#local_events_link a { color: #5788AF; }

#CalendarIntro .bigDay {
	width: 50px;
	height: 40px;
	background-color: #145D88;
	font: 30px/40px Helvetica, trebuchet, "Trebuchet MS", Geneva, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	color: #fff;
}

#CalendarIntro .dayName {
	text-transform: uppercase;
	font: bold 10px "Trebuchet MS Narrow", "Helvetica Condensed", "Myriad Web Pro Condensed", Helvetica, trebuchet, "Trebuchet MS", Geneva, sans-serif;
	margin: 4px 0 0;
	padding: 0;
	width: 50px;
	text-align: center;
	float: left;
	clear: left;
	color: #747474;
}

#CalendarIntro .monthAbbrev {
	background-color: #145D88;
	text-transform: uppercase;
	font: bold 10px "Trebuchet MS Narrow", "Helvetica Condensed", "Myriad Web Pro Condensed", Helvetica, trebuchet, "Trebuchet MS", Geneva, sans-serif;
	margin: 4px 0 0;
	padding: 4px 0 0 0;
	width: 50px;
	text-align: center;
	/*float: left;*/
	/*clear: left;*/
	color: #fff;
}

#CalendarIntro .eventDay {
	border-top: 1px solid #145D88;
	padding: 0;
	margin: 0;
}

#CalendarIntro .eventListing {
	border-bottom: 1px dashed #949494;
	padding: 0;
	margin: 15px 15px 15px 70px;
	zoom: 1;
}

#CalendarIntro .eventListing a.header { font-weight: bold; font-size: 1.1em; }
#CalendarIntro .eventListing a.header:link { color: #5788AF; }

/*Modal Popup*/
.modal {
	background-color:#8AB6D8;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.window {
	background-color:#EFEFEF;
	color: #000;
	border: 1px solid #333;
	font-size: 12px;
	padding:2px;
	width:450px;
}
.window .content { overflow: auto; background: #fff; padding: 5px; border: 1px solid #62656A; }
.window .title {font-family: Helvetica, Verdana, Arial; font-weight: bold; font-size: 15px; color: #F3F3F3; background: #3F5E79; padding: 5px; margin: -2px -2px 2px; overflow: hidden; }

/* misc */
.itemGrid { Width:100%;}
.itemGridCell {background-color:White;border-color:#DEDEDE;border-width:1px;border-style:Ridge;padding:4px;text-align:center;}
.altItemGridCell {background-color:#DEDEDE;border-color:#DEDEDE;border-width:1px;border-style:Ridge;padding:4px; text-align:center;}

.form th {text-align:left}

/* Bread Crumbs Styles */
#BreadCrumbNav
{
    margin: -25px -25px 10px;
    padding: 2px 5px 5px;
    background-color: #F3F3F3;
    border-bottom: 1px solid #ccc;
    color: #AFAFAF;
    font-size: .75em;
    word-spacing: .25em;
}
* html #BreadCrumbNav { position: relative; z-index: 1; }
#BreadCrumbNav .pages { padding: 5px 10px; font-size: 1.1em; }
#BreadCrumbNav a:link, #BreadCrumbNav a:visited {color: #95005B; text-decoration: underline; white-space: nowrap; word-spacing: normal;}
#BreadCrumbNav a:hover, #BreadCrumbNav a:active {color: #5788AF; text-decoration: none;}
#BreadCrumbNav .at { font-weight: bold; padding-right: .5em;  margin-right: .5em; color: #05345E; word-spacing: normal; }
#BreadCrumbNav .bc {  }
#BreadCrumbNav .bc a { text-decoration: none; }
#BreadCrumbNav label { color: #05345E; font-weight: bold; padding-right: 5px;  }

.container, .layGrid { display: inline-block; }
.container:after, .layGrid:after { content: '.'; clear: both; visibility: hidden; height: 0; overflow: hidden; display: block; }


.thumbs { margin: 1em 0; padding: 0; overflow: auto; overflow-y: hidden; }
.thumbs li { display: table-cell; border-spacing:10px; display: inline-block;  zoom: 1; *display: inline; text-align: center; width: 110px; margin: .5em; }
.thumbs li a img { display: block; border: 1px solid #ccc !important; padding: 1px; margin: 0 auto; }

.mediaHiresItems li { border: 1px solid #aaa; background: #F3F3F3; width: 160px;font-size: .83em; padding: 5px; text-align: right; vertical-align: middle; margin-right: 15px; line-height: 16px; }
.mediaHiresItems li a { text-decoration: none; }
.mediaHiresItems li a img { margin-bottom: 5px; }
.mediaHiresItems .action { color: #333; padding: 2px 0 2px 20px; }
.mediaHiresItems .download { background: url(/!images/icons/icon_download.gif) no-repeat left center; }
.mediaHiresItems .detail { background: url(/!images/icons/icon_details.gif) no-repeat left center; }

.floatr { float:right; clear:right; margin:0 0 10px 10px; }
.floatl { float:left; clear:left; margin:0 10px 10px; }


#tp_listing { margin: 1.5em 0 1em; border: 0!important;} /* outer container for listings */
#tp_listing .pager {border: 0!important;}
#tp_listing .pager b {}
#tp_listing span {border: 0!important;}
#tp_listing a {background: none!important; border: 0!important; font-weight: normal; text-decoration: underline;}
#tp_listing a:hover {color: #95005B;}

#tp_listing .tpItem { border-left: 1px solid #DFDFDF; padding: 5px 0; margin: 1em 0 1em 260px; position: relative; z-index: 1;  }
#tp_listing h3 { margin: 0  0 5px; padding-left: 15px; }
#tp_listing .tpImg { float: left; width: 260px; text-align: center;  display: inline;  margin-left: -260px; height:200px; }
#tp_listing .tpInfo {  padding: 5px;  }
#tp_listing .tpToolbar { position: absolute; display: block; margin: 0; margin-top: -32px; padding: 2px 0 3px; left: -260px; text-align: right; font-size: .83em; width: 260px; border-bottom: 1px solid #DFDFDF; height: 16px;  }
#tp_listing .tpToolbar li { display: inline; padding-right: .5em; }
.tpToolbar a { text-decoration: none; } .tpToolbar a span { text-decoration: underline;  letter-spacing: -1px; font-family: Cantara, arial, sans-serif; }
#tp_listing div.alt {background-color:#EFEFEF; padding:1px 0; width:645px;}

#tp_detail {}
#tp_detail h2 { margin-bottom: 5px; }
#tp_detail .tpDesc { margin: 1em 0; }
#tp_detail .tpMedia { display: inline-block; float: left; text-align: center; margin: 0; padding: 0;  max-width: 250px; overflow: hidden; }
#tp_detail .tpMedia li { display: block; padding: 5px 10px 5px 0; list-style-image:url(/!images/blank.gif);}
#tp_detail .tpMedia img { max-width: 240px; overflow:hidden;  }
* html #tp_detail .tpMedia img { width: 240px; }
#tp_detail .tpInfo { float: left; width: 390px; overflow:hidden; }
#tp_detail .tpFeatures ul { margin: 0; padding: 0; }
#tp_detail .tpFeatures li { display: block; border-bottom: 1px solid #DFDFDF; padding: 2px 5px; margin: 0; }
#tp_detail .tpToolbar { display: block; margin: 0 0 5px; text-align: right; padding: 2px 0 3px; font-size: .83em; border-bottom: 1px solid #DFDFDF;  }
#tp_detail .tpToolbar li { display: inline; padding-right: .5em; padding-right: .5em; }

#tp_detail .tpMedia img,
#tp_listing .tpImg img { border: 1px solid #ccc!important; padding: 1px; }

/* =PRESS Release
******************/
#prList { margin: 1em 0 5px; padding: 0; list-style: none; }
#prList li { padding: 5px; border-bottom: 1px solid #ccc; }
#prList li a { padding-left: 150px; zoom: 1; display: block; text-decoration: none;  }
#prList li a .date { width: 130px; font-size: .83em; color: #aaa; float: left; padding: 0; margin-left: -140px }
#prList li a .title { text-decoration: underline; display: block; font-weight: bold; font-size: .9em; }
#prYears { text-align: right; margin: 5px 10px 1.5em; font-size: .9em; }



/* \*/
.container, .layGrid { display: block; }
* html .container, * html .layGrid { height: 1%; }
/* */

/* search box styles */
#SearchPnl { height:10px; }
#SearchPnl input.box {
	background-color: #6AA0CE;
	border: 1px solid #B7CFE3;
	color: #2F2F2F;
	padding:0;
	margin:2px 14px;
	height:15px;
}
#SearchPnl input.SearchBox { margin-right:22px; }
#SearchPnl input { float:left; }




#ShareThisBar
{
    display:inline;
	background: url(/!images/mp/hbc_social_networking_bar.gif) no-repeat;
	height: 26px;
	width: 243px;
}

#EnewsImage
{
    position:absolute;
    display:inline;
    margin-left:265px;
    margin-top:-10px;
}

/* Social Networking Top Toolbar */
#Facebook b {position: absolute; height: 16px; width: 16px; top: 4px; left: 70px; cursor: pointer; display: block;}
#Youtube b {position: absolute; height: 16px; width: 16px; top: 4px; left: 92px; cursor: pointer; display: block;}

    
/* Meetings Landing Page Styles */

/* Social Networking Toolbar */
#LinkedInMT b {position: absolute; height: 14px; width: 14px; top: 5px; left: 73px; cursor: pointer; display: block;}
#FacebookMT b {position: absolute; height: 14px; width: 14px; top: 5px; left: 96px; cursor: pointer; display: block;}
#ImeetMT b {position: absolute; height: 14px; width: 32px; top: 5px; left: 118px; cursor: pointer; display: block;}
#YoutubeMT b {position: absolute; height: 14px; width: 14px; top: 5px; left: 158px; cursor: pointer; display: block;}


#MeetingsTopNav
{
	background: url(/!images/meetings/hbc_header_nav_meetings_and_retreats_b.gif) no-repeat;
	width: 932px;
	height: 117px;
}
#LeftColCTA
{
	text-align: right; 
	padding-right: 10px;
}
#LeftColCTA img
{
	padding-bottom: 12px;
}

/*********************************************************/
/* HOT DEALS /lodging/ Value Dates / STYLES
/*********************************************************/
	#ListContain {width: 600px!important; }
	#frame1topcap1_tr { background: url(/!images/hotdeals/int/hbc_int_tab_right.gif) right top no-repeat; position: relative; width: 647px!important; }
	#frame1topcap1
	{
		background: url(/!images/hotdeals/int/hbc_int_tab_left.gif) 0 0 no-repeat;
		width: 647px;
		padding: 0 15px;
	}
	#frame1topcap1 table { background: url(/!images/hotdeals/int/hbc_int_tab_middle.gif) 0 0 repeat-x; }
	#frame1topcap2 {background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_top_tile.gif); height:19px; border-bottom:1px solid #9F8D67;}
	#frame1repeat {border-right: 1px solid #AF9A6D; background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_repeat.gif); height:19px; background-repeat: repeat;}
	#frame1repeat #more { padding: 0 10px; }
	#frame1botcap {width: 607px; float: left; background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_botcap.gif); height:5px; background-repeat: no-repeat; clear:both;}
	#RightFrame {float: right; width: 40px; height: 5px; background: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_botcap.gif) top right no-repeat;}
	.icon a img {text-decoration: none;}
	#frame2topcap { background:url(/!images/hotdeals/int/arhdp_int_frame2_topcap.gif); width:600px; height:8px; padding-top:5px;}
	#frame2heading_tr { background: url(/!images/hotdeals/int/hbc_int_tab_right.gif) right top no-repeat; position: relative; }
	
	#frame2heading
	{
		background: url(/!images/hotdeals/int/hbc_int_tab_left.gif) 0 0 no-repeat;
		width:100%;
		border-bottom:1px solid #9F8D67;
		padding: 0 15px;
	}
	
	#frame2heading table { background: url(/!images/hotdeals/int/hbc_int_tab_middle.gif) 0 0 repeat-x; width: 600px; }
	#frame2repeat {background-image:url(/!images/hotdeals/int/arhdp_int_frame2_ltblue_repeat.gif); width:450px; background-repeat:repeat-y; padding-left:20px; margin-left:-20px;}
	#frame2botcap {background-image:url(/!images/hotdeals/int/arhdp_int_frame1_botcap.gif); width:600px; height:5px; background-repeat: repeat;}

	.pkgtitle {color:#E0E6DC; font-weight:bold; font-size:10px; width:530px; text-align:left;} /**/
	.pkgdays {color: #E0E6DC; font-weight:bold; font-size:10px; width:95px; text-align:left;} /**/
	.pkgprice {color: #E0E6DC; font-weight:bold; font-size:10px; text-align:left;}

	.pkgtitle2 {color:#353128; font-weight:bold; font-size:10px; padding-left:15px; width:530px; text-align:left;} /**/
	.pkgdays2 {color:#353128; font-weight:bold; font-size:10px; width:95px; text-align:left;} /**/
	.pkgprice2 {border-right: 1px solid #AF9A6D; color:#5D5852; font-weight:bold; font-size:10px; text-align:left; padding-right:3px;}

	.pkgdetails {margin: 10px 10px 10px 10px; font-size: 13px; color:#565247;}
	#pkgdesc {margin: 0 10px 10px 120px;}
	.pkgdetailtitle {color:#E0E6DC; font-weight:bold; font-size:13px; padding-right:3px; text-align:left;}
	.pkgdetaildays {color:#E0E6DC; font-weight:bold; font-size:10px; text-align:left;}
	.pkgdetaildivider {background-image:url(/!images/hotdeals/int/arhdp_int_frame2_divider.gif) no-repeat; width:500px; height:1px;}

	.pkglist { font-size: 11px; color: #565247; padding-left: 125px; margin: 0 0 0 40px;}

	.ListImg {padding-left: 10px;}

	a.more { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
	a.more:link { color: #CC3D1F; font-size: 10px;}
	a.more:visited { color: #CC3D1F; font-size: 10px;}
	a.more:hover, a.more:active { color: #CC3D1F; font-size: 10px; text-decoration: none;}
	
	/* End Hot Deals Styles */
	
	#MTSubHeadImage {background: url(/!userfiles/subheadphotos/hbc_sub_meetings_retreats.gif) bottom center no-repeat; height: 94px; * height: 62px;  width: 694px;}
	.sub_value-dates #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_value_dates.gif) bottom center no-repeat;}
	.sub_supplier #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_supplier_directory.gif) bottom center no-repeat;}
	.sub_group-dining #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_group_dining.gif) bottom center no-repeat;}
	.sub_hotels #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_hotel_meeting_facilities.gif) bottom center no-repeat;}
	.sub_why-choose #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_why_choose_surf_city.gif) bottom center no-repeat;}
	.sub_services-tool-kit #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_services_and_online_toolkit.gif) bottom center no-repeat;}
	.sub_contact-us #MTSubHeadImage {background: url(/!images/meetings/subheads/hbc_sub_contact_us.gif) bottom center no-repeat;}