@charset "utf-8";
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}

body  {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #0088C4;
}

/* GLOBAL */
a {text-decoration:none;}
a.arrowOrange {
	background: url(../images/arrow_orange.png) center right no-repeat;
	_background: url(../images/arrow_orange.gif) center right no-repeat;
	color:#999;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:inline-block;
	padding:0 30px 0 0;
	line-height:27px;
}
a.arrowBlue {
	background: url(../images/arrow_blue.png) center right no-repeat;
	color:#999;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px !important;
	font-weight:bold;
	display:inline-block;
	padding:0 30px 0 0;
	line-height:23px;
}
a.share {
	background: url(../images/icon_share.png) center right no-repeat;
	font-size:11px !important;
	font-weight:bold;
	display:inline-block;
	padding:0 30px 0 0;
	line-height:22px;
	margin-top:5px;
}
a.comment {
	background: url(../images/icon_comment.png) center right no-repeat;
	font-size:11px !important;
	font-weight:bold;
	display:inline-block;
	padding:0 30px 0 0;
	line-height:22px;
	margin-top:5px;
}
body {
	background:#046998 url(../images/bg.jpg) top left repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:center;
	color:#7b7878;
}
h1 {font-size:18px; font-weight:bold;}
h2 {font-size:14px; font-weight:bold;}
h3 {font-size:12px; font-weight:bold;}
p {margin-bottom:15px;}


/* CLASSES */
.center {text-align:center !important;}
.font12px {font-size:12px !important;}
.font14px {font-size:14px !important;}
.font16px {font-size:16px !important;}
.font18px {font-size:18px !important;}
.font36px {font-size:36px !important;}
.add3pxTop {margin-top:3px !important;}
.add5pxPadding {padding:5px !important;}
.add5pxTop {margin-top: 5px !important;}
.add5pxRight {margin-right:5px !important;}
.add5pxBottom {margin-bottom: 5px !important;}
.add5pxLeft {margin-left:5px !important;}
.add10pxPadding {padding:10px !important;}
.add10pxPaddingTop {padding-top: 10px !important;}
.add10pxPaddingRight {padding-right:10px !important;}
.add10pxPaddingBottom {padding-bottom: 10px !important;}
.add10pxPaddingLeft {padding-left:10px !important;}
.add10pxTop {margin-top: 10px !important;}
.add10pxRight {margin-right:10px !important;}
.add10pxBottom {margin-bottom: 10px !important;}
.add10pxLeft {margin-left:10px !important;}
.add15pxPadding {padding: 15px !important;}
.add15pxTop {margin-top: 15px !important;}
.add15pxRight {margin-right:15px !important;}
.add15pxBottom {margin-bottom: 15px !important;}
.add15pxLeft {margin-left:15px !important;}
.add20pxPadding {padding:20px !important;}
.add20pxTop {margin-top: 20px !important;}
.add20pxRight {margin-right:20px !important;}
.add20pxBottom {margin-bottom: 20px !important;}
.add20pxLeft {margin-left:20px !important;}
.altClear {overflow:hidden !important; width:100% !important;}
.smaller {font-size:10px!important; line-height:10px !important;}
.small {font-size:12px!important; line-height:14px !important;}
.large {font-size:12px!important;}
.big {font-size:16px!important; line-height:14px !important; font-weight:bold !important;}
.bigger {font-size: 18px !important; line-height: 16px !important; font-weight: bold !important;}
.black {color:#000 !important;}
.block {display: block !important;}
.bgWhite {background:#FFF !important;}
.black {color:#000 !important;}
.blue {color:#02374f !important;}
.darkBlue {color:#052f69 !important;}
.bold {font-weight:bold !important;}
.clear {clear:both !important; font-size:1px !important; height:1% !important; line-height:0 !important;}
.floatR {float:right !important;}
.floatL {float:left !important;}
.front {position:relative !important;z-index:99 !important;zoom:1 !important;}
.gray {color:#333 !important}
.inline {display: inline !important;}
.last {border:0 !important; margin:0 !important; padding:0 !important;}
.lightBlue {color:#0692d3 !important;}
.lightGray {color:#b0b2b3 !important;}
.lightOrange {color:#f79f44 !important;}
.hint {color: #900; !important;}
.noBorder {border:none !important; padding: 0 15px !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}
.hideMe { display: none; }
.showMe { display: block; }
.orange {color:#e06601 !important;}
.tahoma {font-family:Tahoma, Geneva, sans-serif !important;}
.uppercase {text-transform:uppercase !important;}
.white {color:#FFF !important}

/*.logoCont {
		background: url(../images/logo_tricities.png) top left no-repeat;
		_background: url(../images/logo_tricities.gif) top left no-repeat;
		width: 175px;
		height: 98px;
		display: block;
		overflow: hidden;
		margin: -30px 0 0 14px;
}*/

.logoCont {
		background: url(../images/logo_tricities.jpg) top left no-repeat;
		width: 175px;
		height: 98px;
		display: block;
		overflow: hidden;
		margin-top:4px;
		cursor: hand !important;
		cursor: pointer;
}

.threeColCont,.twoColCont {
	margin-top: -34px;
	width: 990px;
}

.leftColMain {
	width: 175px;
	margin-right: 10px;
	margin-left: 13px;
	_margin-left: 6px;
}

.midColMain {
	background-color: #FFF;
	width: 497px;
	margin-top: 34px;
	margin-left: 13px;
}
.twoColCont .midColMain {margin-top:4px;padding-top:10px;width:695px}
.rtColMain {
	width: 250px;
	margin-left: 14px;
}

/* LAYOUT */

#wrapper {
	background:#0693d5;
	width:990px;
	margin:-4px auto 0 auto;
	text-align:left;
	position:relative;
	z-index:1;
}
#topWrapper {
	background:url(../images/bg_top2.png) top left repeat-x;
	height:130px;
	position:relative;
	width:100%;
	z-index:100;
	zoom:1;
}
#top {
	background:url(../images/bg_top2.png) top left repeat-x;
	height:130px;
	width:990px;
	margin:0 auto;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -495px;
	zoom:1;
	z-index:100;
}
#slideshow { background:url(../images/slideshow01.jpg) top left no-repeat; height:550px; width:990px;overflow:hidden; position: relative; z-index: 1}
#slideshowInterior { background:url(../images/slideshow02.jpg) top left no-repeat; height:404px; width:990px;}
#travelHeader { background:url(../images/travel_header.jpg) top left no-repeat; height:404px; width:990px;}
.inputContainer { width:244px; height:65px; line-height: 65px; vertical-align: middle; background: url(../images/search_bg.png) no-repeat top left}
.inputText {
	border:0;
	margin: 25px 0 0 50px;
	width: 150px;
	background: none;
	color: #999;
}
.input_button_arrow { border: 0; width: 32px; height: 27px; }
.inputButton { height: 25px;width: 25px; }
.inputContainer112 { background:url(../images/input112.png) top left no-repeat; _background:url(../images/input112.gif) top left no-repeat; margin: 3px 0 0 0; width:112px;}
.inputContainer112Date { background:url(../images/input112Date.png) top left no-repeat; _background:url(../images/input112Date.gif) top left no-repeat; margin: 3px 0 0 0; width:142px;}
.inputText112 {
	border:0;
	margin: 3px 0 0 10px;
	width: 90px;
	background: none;
	height: 20px;
}

.inputContainer135 { background:url(../images/input135.png) top left no-repeat; _background:url(../images/input135.gif) top left no-repeat; margin: 3px 0 0 0; width:135px;}
.inputText135 {
	border:0;
	margin: 3px 0 0 10px;
	width: 120px;
	background: none;
	height: 20px;
}
.inputText135Select {

	width: 135px;

}
.inputText135Select option {
	background-color: #FFF;
}
#weatherContainer {
	height:84px;
	text-align:center;
	margin:48px 0 0 5px;
	position:absolute;
	width:142px;
}
#weatherContainer a{outline:none}
#weather {
	background:url(../images/weather_rollover.png) top left no-repeat;
	color:#666;
	height:78px;
	text-align:left;
	width:132px;
	padding:13px 5px 0;
	margin:-18px 0 0;
	outline:none;
}
#overlayContainer {
	background:url(../images/slideshow_overlay.png) top left no-repeat;
	float:left;
	height:107px;
	margin:68px 0 0 184px;
	display:inline;
	width:677px;
}
#overlay {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
}
#featuredSponsor {
	background:#FFF; 
	height:170px; 
	width:187px; 
	color:#666; 
	margin-top:18px;
}
#sponsorHolder {
	height:170px;
	width:218px;
	overflow:hidden;
}
#homeMain {
	background:url(../images/bg_home_gradient.png) top left no-repeat;
	_background:url(../images/bg_home_gradient.gif) top left no-repeat;
	width:980px;
	height:532px;
	margin:-121px auto 0 auto;	
	position: relative !important;
	z-index: 2 !important;
}
#allHolder {
	width:980px;
	height:532px;
	position: absolute;
	z-index: 99 !important;
	left: 0;
	top: 0;
}
#homeMainHeader {
	background:#080808;
	height:43px;
	width:100%;
	line-height:43px;
	margin-top:5px;	
	font-size:14px;
}
#interiorMain {
	background:url(../images/bg_interior_gradient.png) top left no-repeat;
	_background:none;
	width:980px;
	margin:-121px auto 0 auto;	
}

#cities {margin:13px 0px 0 13px; width:352px; display:inline;}
#tabCities a span, #tabCities span span a {padding-top:8px; display:block;}
#tabCities span span a { height:25px!important;}
#visitorGuide {
	background: #ffc133 url(../images/accordion_bg.jpg) top left no-repeat; 
	width:175px; 
	height:316px; 
	padding-top:3px;
	float:left;
}
#visitorGuide .home {
	margin:-34px 0 0 13px;
}
#visitorGuide a span {padding-left:6px; display:block;}
#hotels {width:234px; margin: 0}
#hotels .tabsHotel span {padding-top:8px; display:block;}
#wct {width:234px; margin: -34px 0 0 13px}
#eventCont {width:234px; font-size: 11px}
#wct .tabsHotel a span, #eventCont .tabsHotel span {padding-top:8px; display:block;}
#eventCont .eventText {font-size: 10px; width:60px; line-height:22px; }
#blog {width:234px;}
#blog span {padding-top:8px; display:block;}
#footer {
	background:url(../images/footer_bg.jpg) top left repeat-x;
	height:116px;
	width:100%;
	border-top:6px solid #0693d5;
	line-height:18px;
	text-align:center;
}
#interiorBG {background: url(../images/interior_bg.jpg) top left repeat-y; width:100%; _margin-left: 5px; _margin-right: -5px;}
#interiorBG #visitorGuide {height:auto !important; display:inline;}
#interiorBG #content {margin-left:13px; width:508px;}
.listing {
	border-right:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
	border-bottom:3px solid #f3f3f3;	
}
.listingBottom {background: url(../images/listing_bottom.jpg) top left no-repeat; width:100%; height:43px;}

/* BOXES */
.boxBlue225 {
	background: url(../images/box_blue_225.jpg) top left no-repeat;
	border-bottom:1px solid #0094d4;
	width:225px;
}
.boxBlue252 {
	background: url(../images/box_blue_252.jpg) top left no-repeat;
	border-bottom:1px solid #0094d4;
	width:252px;
	margin:13px 0 0 0px;
}

/* TABS */
.tabcontent{ display:none; background:url(../images/cities_bg.jpg) top left no-repeat; height:222px; width:352px;}
.tabcontentHotels{ display:none; background:url(../images/hotels_bg.jpg) top left no-repeat; height:282px; width:234px;}
.tabcontentWineries{ display:none; background:url(../images/wineries_bg.jpg) bottom left no-repeat; width:252px;}
.tabs {overflow:auto !important;}
.tabs ul li {float:left;}
.tabs ul li a{
	background:url(../images/tab_black.png) top left no-repeat;
	color:#FFF;
	display:block;
	height:33px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	width:70px;
	text-decoration:none;
	text-transform:uppercase;
	
}
.tabs ul li a.selected{ background:url(../images/tab_blue.png) top left no-repeat;  }
.tabsHotel ul li {float:left;}
.tabsHotel ul li a{
	background:url(../images/hotels_tab_off.jpg) top left no-repeat;
	color:#FFF;
	display:block;
	height:26px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	width:82px;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:8px;
}
.tabsHotel ul li a.selected{
	background:url(../images/hotels_tab_on.jpg) top left no-repeat;
	width:126px;
	font-size:14px;
	height:34px;
	margin-top:0 !important;
}

/* NAVIGATION */
#topNav {
	width: 798px;
	height:45px;
	margin:15px 0px 0 10px;	
	_margin:17px 0px 0 5px;
	text-align:center;
}
#topNav ul  {
	width:798px;
	margin:0 auto;
	text-align:center;
}
#topNav ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0 15px;
	font-size:13px;
/*	line-height:45px;
	height:45px;*/
}
#topNav ul li.end {
	display:block;
	float:left;
	text-align:center;
	padding:0 11px 21px 21px;
	font-size:13px;
	line-height:45px;
	height:45px;
	border: none;
}
#topNav ul li a{ font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration:none;  /*position:relative !important; z-index:999 !important;*/ color: #fff; display:block; line-height:11px;}

#topNav a:hover { color: #fdc031;}

#nav {
	background:url(../images/nav_bg2.png) top left no-repeat;
	_background:url(../images/nav_bg2.gif) top left no-repeat;
	width: 660px;
	height:45px;
	margin:25px 0px 0 14px;	
	_margin:27px 0px 0 5px;
	text-align:center;
}
#nav ul  {
	width:748px;
	margin:0 auto;
	text-align:center;
}
#nav ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0 30px;
	font-size:13px;
	line-height:45px;
	height:45px;
	border-right:1px solid #7bbad7;
}
#nav ul li.end {
	display:block;
	float:left;
	text-align:center;
	padding:0 11px 21px 21px;
	font-size:13px;
	line-height:45px;
	height:45px;
	border: none;
}
#nav ul li a{ font-size:14px; text-decoration:none; padding:10px 0; position:relative !important; z-index:999 !important;}

#nav ul li:hover { background:url(../images/nav_on.gif) top left repeat-x;}

/* ACCORDION */
div.accordionHead a{
	background:url(../images/accordion_button.jpg) top left no-repeat;
	display:block;
	height:34px;
	margin:0 0 1px 2px;
	position:relative;
	text-align:left;
	width:171px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	line-height:34px;
}
div.selected a { background:url(../images/accordion_button.jpg) top left no-repeat; }
div.accordionSub{
	background: #f7f7f5;
	margin:2px auto 3px auto;
	font-family:"Times New Roman", Times, serif;
	color:#999;
	overflow:hidden;
	width:163px;
	padding-bottom:3px;
}

/* Diamond Sponsors */

#diamondCont { float: left; width: 955px; height: 111px; margin: 10px 0 5px 13px; }
#diamondCont .diamondHeader { background: url(../images/diamond_title.jpg) top left no-repeat; width: 955px; height: 32px; line-height: 32px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; overflow: hidden }
#diamondCont .diamondBody { width: 955px; height: 71px; overflow: hidden; padding: 0; margin: 0; background:#FFF url(../images/diamond_whitebg_top.gif) repeat-x top; }
#diamondCont .diamondBtm { background: url(../images/diamond_btm.jpg) top left no-repeat; width: 955px; height: 8px; overflow: hidden;}
#diamondCont .diamondBody img { margin:0 2px; }

.ui-datepicker{z-index:100}
.ui-datepicker td span,.ui-datepicker td a{text-align:center}

.languagebar a {
	color:#FFF;
}
.languagebar div {
	width:960px;
	text-align:right;
	margin:0 auto;
}