/*
* Global elements common to ALL pages
*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.5%;
	background: #515150;
	color: #666666;
}

img
{
	border: none;
}

p
{
	white-space: normal;
	margin: 0px;
	font-size: 1.2em;
	padding: 0px 0px 10px 0px;
}

ul
{
	font-size: 1.2em;
}

/*
| link styles
*/
a, a:link, a:active
{
	text-decoration: none;
	color: #3D6066;
}

a:hover
{
	text-decoration: underline;
	color: #5A7836;
}

.javascriptlink, .javascriptlink:link, .javascriptlink:active
{
	text-decoration: none;
	color: #3D6066;
	cursor: pointer;
}
.javascriptlink:hover
{
	text-decoration: underline;
	color: #5A7836;
}

h1
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 2.0em;
	font-weight: normal;
	color: #6A7A3E;
}

h2
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.8em;
	font-weight: bold;
	color: #4A777C;
}

h3
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.6em;
}

h4
{
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.4em;
}

h5
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
}

h6
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.0em;
}

#wrapper
{
	margin: auto;
	padding: 0px;
	width: 978px;
	height: auto;
	background-color: #ffffff;
}

#header
{
   width: auto;
   height:144px;
   width: 978px;
   padding-top: 10px;
   background-color: #515150;
}

/* Stuff for members header */
#header #myspot-topbar
{
   height: 37px;
   width: 978px;
   position: relative;
   background: url(/images/headers/myspot_header_top.jpg) bottom;
}

#header #myspot-topbar #myspot-top-username
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #5A7836;
   position: absolute;
   left: 575px;
   top: 12px;
}

#header #myspot-topbar #myspot-top-menu
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #333333;
   float: right;
   width: auto;
   text-align: right;
   position: absolute;
   right: 25px;
   top: 12px;
}


#content
{
	width: 936px;
	height: auto;
	position: relative;
	background-image: url(/images/theme4/backgrounds/dropshadow.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 11px 21px;
	float: left;
}

/*
| footer page links and copyright
*/
#footer
{
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	background-image: url(/images/theme4/backgrounds/dropshadow.jpg);
	float: left;
}

#footer-wrapper
{
	background-color: #3578AF;
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
	width: 958px;
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: auto;
	float: none;
	overflow: auto;
}

#footer-bottom
{
	margin: 0px;
	padding: 0px;
	background-color: #003E63;
}

#footer .primary
{
	color: #ffffff;
	font-weight:bold;
}

#footer .primary a
{
	text-decoration: none;
	color: #ffffff;
}

#footer .primary a:hover
{
	text-decoration: none;
}

#footer .secondary
{
	color: #8baeca;
}

#footer .secondary a
{
	text-decoration: none;
	color: #ebebe9;
}

#footer .secondary a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

ul.footer-column
{
	width: 150px;
	list-style-type: none;
	margin-top: 0px;
	float: left;
}

#copyright
{
	font-size: 0.8em;
	color: #EBEBEB;
	clear: both;
	background-color: #515150;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 20px;
	padding-left: 45px;
	text-align: center;
}

div#mapLanding div#copyright
{
	background-color:transparent;
	padding:0px;
	
}

.header-text
{
	color: #FFFFFF;
	padding: 6px 6px 6px 9px;
}

.col-150
{
	padding: 0px 0px 10px 0px;
	width: 160px;
	float: left;
	font-size: 1.2em;
}

.dark-grey-background
{
	background-color: #444444;
}

.full-column
{
	padding: 0px;
	width: 936px;
}

.full-column-header
{
	padding: 3px;
}

.full-column-body
{
	padding: 9px;
	margin-top: 0px;
}

.full-column-with-border
{
	padding: 0px;
	width: 934px;
}

.full-column-header
{
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0px 6px 6px;
}

.third-column
{
	width: 308px;
}

.third-column-header
{
	padding: 3px;
}

.third-column-body
{
	padding: 9px;
	width: 290px;
	margin-top: 0px;
	float: left;
}

.third-column-body-no-padding
{
	margin-top: 0px;
	width: 308px;
}

.third-column-body-border
{
	padding: 9px;
	width: 288px;
}

.third-column-body-top
{
	background-image: url(/images/theme4/backgrounds/body_308_top.gif);
	font-size: 1px;
	width: 308px;
	height: 6px;
	margin-top: 0px;
	float: left;
}

.third-column-body-bottom
{
	background-image: url(/images/theme4/backgrounds/body_308_bottom.gif);
	font-size: 1px;
	width: 308px;
	height: 6px;
	float: left;
}

.third-column-body-side
{
   width: 284px;
   padding: 3px 9px;
   border-left: 3px solid #fef1d8;
   border-right: 3px solid #fef1d8;
   float: left;
   background: #ffffff;
}

.twothird-column
{
	width: 622px;
}

.twothird-column-header
{
	padding: 3px;
}

.twothird-column-body
{
	padding: 9px;
	width: 604px;
	margin-top: 0px;
}

.twothird-column-body-no-padding
{
	width: 622px;
	margin-top: 0px;
}

.twothird-column-body-border
{
	padding: 9px;
	width: 602px;
	margin-top: -1px;
}

.half-column
{
	width: 465px;
}

.half-column-header
{
	padding: 3px;
}

.half-column-body
{
	padding: 9px;
	width: 447px;
	margin-top: 0px;
}

.half-column-with-border
{
	padding: 0px;
	width: 463px;
}

.half-column-header h3
{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6em;
	padding: 5px 0px 6px 6px;
}

.half-column-body-with-border
{
	width: 465px;
}

.quarter-column
{
	width: 236px;
}

.quarter-column-header
{
	padding: 3px;
}

.quarter-column-body
{
	padding: 9px;
	width: 218px;
	margin-top: 0px;
}

.quarter-column-body-border
{
	padding: 9px;
	width: 212px;
	margin-top: 3px;
}

.quarter-column-body-top
{
	background-image: url(/images/theme4/backgrounds/body_236_top.gif);
	font-size: 1px;
	width: 236px;
	height: 6px;
	margin-top: 0px;
	float: left;
}

.quarter-column-body-bottom
{
	background-image: url(/images/theme4/backgrounds/body_236_bottom.gif);
	font-size: 1px;
	width: 236px;
	height: 6px;
	float: left;
}

.quarter-column-body-side
{
	width: 212px;
	padding: 3px 9px 3px 9px;
	border-left: 3px solid #fef1d8;
	border-right: 3px solid #fef1d8;
	float: left;
	background: #ffffff;
}

.listings-column
{
	width: 544px;
}

.listings-column-body
{
	padding: 9px;
	width: 526px;
	margin-top: 0px;
}

.listings-column-header
{
	padding: 3px;
}

.refine-column
{
	margin-top:22px;
	width: 144px;
	margin-right: 6px;
}

.three-quarter-column
{
	width: 694px;
}

.three-quarter-column-header
{
	padding: 3px;
}

.three-quarter-column-body
{
	padding: 9px;
	width: 676px;
	margin-top: 0px;
}

.margin-top-6px
{
	margin-top: 6px;
}

.margin-right-6px
{
	margin-right: 6px;
}

.margin-left-6px
{
	margin-left: 6px;
}

.margin-bottom-6px
{
	margin-bottom: 6px;
}

.no-margin-top
{
	margin-top: 0px;
}

.padding-0px
{
	padding: 0px;
}

.padding-9px
{
	padding: 9px;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.display-inline
{
	display: inline;
}

/*
| IE6 specific hack
*/
#core-box
{
	_display: inline;
	_margin-left: -3px;
}

.clear
{
	clear: both;
}

.clear-left
{
	clear: left;
}

.clear-right
{
	clear: right;
}

.random-image
{
	text-align: center;
}

.featured-header
{
	width: 694px;
	height: 46px;
	background: url(../../images/theme3/headers/hdr_694_FeaturedResorts.gif) no-repeat top center;
}

.featured-header h4
{
	padding: 15px 0px 0px 50px;
	font-weight: bold;
	color: #ffffff;
}

.address-info
{
	font-size: 1.0em;
}

.bold
{
	font-weight: bold;
}

a.grey-link, a.grey-link:link, a.grey-link:visited, a.grey-link:active
{
	color: #666666;
	text-decoration: none;
}

.link-color
{
	text-decoration: none;
	color: #003e63;
}

.hover-color
{
	text-decoration: underline;
	color: #d87f00;
}

#also-see-side
{
	margin-left: -4px;
}

#lodging-side p,
#attractions-side p,
#restaurants-side p,
#deals-side p,
#also-see-side p,
#articles-side p,
#events-side p
{
	font-size: 1.2em;
	margin: 0px;
	padding: 0px 0px 5px;
	white-space: normal;
}

#searchForm
{
	display: inline;
}

/*normal*/
b.r1
{
   margin: 0 3px;
   border-width: 0 2px
}

b.r2
{
   margin: 0 2px
}

b.r3
{
   margin: 0 1px
}

b.r4
{
   height: 2px
}

b.rb1
{
   margin: 0 8px;
   border-width:0 2px
}

b.rb2
{
   margin: 0 6px;
   border-width:0 2px
}

b.rb3
{
   margin: 0 5px
}

b.rb4
{
   margin: 0 4px
}

b.rb5
{
   margin: 0 3px
}

b.rb6
{
   margin: 0 2px
}

b.rb7
{
   margin: 0 1px;
   height:2px
}

b.rb8
{
   margin: 0;
   height:2px
}

b.rs1
{
   margin: 0 1px
}

/*transparent inside*/
b.t1
{
   border-width: 0 5px
}

b.t2
{
   border-width: 0 3px
}

b.t3
{
   border-width: 0 2px
}

b.t4
{
   height: 2px
}

b.tb1
{
   border-width: 0 10px
}

b.tb2
{
   border-width: 0 8px
}

b.tb3
{
   border-width: 0 6px
}

b.tb4
{
   border-width: 0 5px
}

b.tb5
{
   border-width: 0 4px
}

b.tb6
{
   border-width: 0 3px
}

b.tb7
{
   border-width: 0 2px;
   height:2px
}

b.tb8
{
   border-width: 0 1px;
   height:2px
}

b.ts1
{
   border-width: 0 2px
}

.see-also-header
{
	padding:3px 6px;
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
}

.see-also-body
{
	border: 3px solid #FEF1D8;
	width: auto;
	float:none;
	margin-top: 3px !important;
}

.meet-the-expert-body
{
	border: 3px solid #e5eccd;
	width: auto;
	float:none;
	margin-top: 3px;
}

.see-also-header
{
	padding:3px 6px;
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
}

.blue-dotted-line
{
	border-top:1.5px dashed #5A7836;
	clear:both;
	height:auto;
	margin:5px 0 0;
	width:100%;
}

.light-yellow-border
{
	border:3px solid #FEF1D8;
	margin-top:3px;
}

.light-green-border
{
	border:3px solid #E5ECCD;
	margin-top:3px;
}

.dark-grey-border
{
	border:1px solid #9E948A;
}

.basic-header
{
	padding: 5px;
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
}

.basic-body
{
	padding: 9px;
	width: auto;
	float:none;
}

.font-size-14
{
	font-size:1.4em;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center
{
	text-align: center;
}

.standard-button
{
   color: #FFFFFF !important;
   padding: 5px 6px;
   background: #5A7836;
   font-size: 1.2em;
   font-weight: bold;
   display: inline;
   text-align: center;
   margin: 5px 5px 5px 0px;
   cursor: pointer;
}

.clickable
{
	cursor: pointer;
}

.filter
{
	list-style: none outside none;
	margin:3px 0;
	overflow:hidden;
	padding: 0 2px;
	border-bottom: dashed 1px #999999;
}
.filter-last
{
	border-bottom:none;
}

.filter ul
{
	padding:0;
	margin:0;
	overflow:auto;
	max-height:200px;
	width: 140px;
}
.filter li
{
	font-size:13px;
	line-height:16px;
	list-style:none outside none;
	margin:2px 0;
	overflow:hidden;
	white-space:nowrap;
}

* html .filter li {
	width:140px;
}

.filter .count, .filter .undo
{
	background-color:#FFFFFF;
	padding-left:2px;
	position:absolute;
	right:0;
	top:0;
}
.filter-header
{
	font-weight:bold;
	padding:2px;
	font-size:13px;
	height:16px;
	overflow:hidden;
	white-space: nowrap;
}

.filter-header a
{
	color: #4A777C;
}

.refine-header
{
	background-color:#4A777C;
	color:#FFFFFF;
	padding:4px;
}
.refine-header a
{
	color: #FFFFFF !important;
	font-size: 11px;
	font-weight:normal;
	margin-top:1px;
}
.filter-header a:hover
{
	text-decoration:none;
}
.filter-header img	
{
	vertical-align:middle;
}

.filter input
{
	margin: 0;
	padding: 0;
}

.filter label
{
	vertical-align:top;
	font-size:11px;
}
/* New Index Styles */
.dark-yellow-border
{
	border: 1px solid #F3A509;	
}
.padding-box
{
	padding: 9px;	
}
.padding-box h4
{
	color: #A2C03B;
}
.deal-box
{
	border-bottom:1px dashed;
	font-size:11px;
	padding:6px 0;
}
.deal-by
{
	font-size:12px;
	margin-top:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:288px;
}
.newsletter-border
{
	border: 1px solid #D87F00;
	background-color: #FEF1D8;
	padding: 9px;
}
.newsletter-border h3
{
	color:#D87F00;
	font-size: 14px;
}
.index-button
{
	display:inline-block;
	background-color:#D87F00;	
}
.full-column-header h1 {
	color:#FFFFFF;
	font-size:2.2em;
	font-weight:700;
	padding:5px 0 6px 6px;
}
.featured,.top-video
{
	width: 305px;
	float: left;
	margin:0 6px 6px 0;
}
.featured h3,.top-video h3,.top-ten h3
{
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-size:14px;
	width:305px;
}
.top-video
{
	margin:10px 6px 0 0;
}
.top-video h3
{
	padding:0;
	margin:0;
	font-weight:normal;
	width:177px;
}
.top-video p,.top-ten p,.featured p
{
	padding:0;	
}
.featured img, .top-ten img, .top-video img
{
	float:left;
	margin-right: 8px;
}
.widget-box h2
{
	border-bottom:1px dashed;
	color:#5A7836;
	font-size:2em;
	font-weight:bold;
	margin:0 0 3px;
	padding:0 0 3px;
}
.featured-text
{
	height: 84px;
	overflow:hidden;
	line-height: 14px;
}
.top-ten
{
	height:86px;
	margin:10px 0;
}
.top-ten-text,.top-video-text
{
	overflow:hidden;
	height: 42px;
	line-height:14px;
}
.link-box
{
	font-size: 10px;
	padding: 10px;
}
.link-box h3
{
	font-size: 14px;
	color: #A2C03B;
}
.link-box h4
{
	font-size: 11px;
	padding: 0;
	color: #A2C03B;
}

.link-col
{
	width: 194px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.link-col ul
{
	padding: 0;
	margin: 0;
	list-style:none;
	font-size:11px;
}
.link-head
{
	font-weight:bold;
}
.search-widget
{
	border: 3px solid #4A777C;
	background: url(/images/plan_bg.gif);
	min-height: 380px;
	background-repeat: repeat-y;
}
.search-widget h3
{
	color: #FFF;
	background-color: #4A777C;
	padding: 5px 9px;
}
#plan-tabs
{
	padding-top: 30px;
}
*:first-child+html #plan-tabs
{
	padding-top: 33px;
}
.plan-tabs
{
	float:left;
	width:191px;
}

.plan-tabs ul,.search-tabs ul
{
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
}
.plan-tabs li,.search-tabs li
{
	padding: 5px;
	background-color: #E5F4F4;
	border: 1px solid #4A777C;
	font-size:12px;
	margin:3px;
	padding:7px;
	cursor:hand;
	cursor:pointer;
}
.plan-tabs li:hover,.search-tabs li:hover
{
	padding: 5px;
	background-color: #4A777C;
	border: 1px solid #4A777C;
	font-size:12px;
	margin:3px;
	padding:7px;
	cursor:hand;
	cursor:pointer;
	color:#FFF;
}
.plan-tabs li.active-tab
{
	border-right:medium none !important;
	margin:3px 0 3px 3px;
	background-color:#FFF;
	cursor:default;
}
.plan-tabs li.active-tab:hover
{
	color:#666666;
	background-color:#FFF;
	cursor:default;
}
#plan-content
{
	margin-left:191px;
}
.plan-links
{
	border-top:1px dashed #4A777C;
	padding-top:5px;
}
.search-content
{
	margin:5px;
}
.search-content button
{
	display:inline-block !important;
	float:none !important;
}
.search-tabs
{
	background-color: #ccc;
	border-bottom: 1px solid #4A777C;
	height: 33px;
}
.search-tabs li
{
	display:block;
	float:left;
	position: relative;
	padding: 6px 12px;
}
.search-tabs li:hover
{
	display:block;
	float:left;
	position: relative;
	padding: 6px 12px;
}

.search-tabs li.active-tab
{
	border-bottom:medium none !important;
	margin:3px 3px 0 3px;
	background-color:#FFF;
	cursor:default;
	height:18px;
}
.search-tabs li.active-tab:hover
{
	color:#666666;
	background-color:#FFF;
	cursor:default;
}
.search-content label
{
	font-size:12px;
	font-weight:bold;
	display:block;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#4A777C;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
 	text-decoration:none;
    font-weight:normal;
    color:#fff;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	font-size: 13px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 7px; /* IE6 */
}
.buttons button[type]{
    padding: 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 7px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
    background-color:#84AFB6;
    border:1px solid #4A777C;
	border:1px solid #eee;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
	color: #FFF;
	text-decoration:none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
.inquiry-copy
{
	font-size: 12px;
	line-height: 14px;
	height: 28px;
	overflow:hidden;
	padding: 0;
	text-overflow:ellipsis;
}

.top-ten-box
{
	color: #A2C03B;
}
.top-ten-box h4 a
{
	color: #5A7836;
}
.top-ten-box h4
{
	font-weight:normal;
	font-size: 14px;
}
.top-ten-box li
{
	padding:5px;
}
.top-ten-box li.li-alternate
{
	background-color: #ECF1C1;	
}
.top-ten-box ol
{
	padding:0;
	margin:0;
	margin-left:20px;
	font-size: 12px;
}
.search-bar
{
	font-size:12px;
	margin-bottom:6px;
	background-color: #EEF4F8;
}
.search-bar form
{
	margin: 0;
	border: 0;
}
.search-bar h2
{
	background-color:#4A777C;
	color:#FFFFFF;
	margin-right:6px;
	padding:24px 5px 7px;
	text-align:right;
	width:135px;
}
.search-bar label
{
	display:block;
	margin-bottom:3px;
}
.search-list ul
{
	font-size:14px;
	list-style:none outside none;
	margin:0 0 16px;
	padding:0;
}
.results
{
	padding: 4px 0;
}
.autocomplete
{
	background-color: #EEF4F8;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	position: absolute;
}
.autocomplete ul
{
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:14px;
	color: #000;	
}
.autocomplete .selected
{
	color: #FFF;
	background-color:#4A777C;
}

div.autocomplete ul li
{
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #CFCFCF;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	position: relative;
	z-index: 100000;
	white-space:nowrap;
}


