@charset "UTF-8";
/* CSS Document */


/* =resets
------------------------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
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,strong,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 {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}


/* =general
------------------------------------------------------- */
p {
	margin-bottom:1em;
	}
li {
	margin:0 0 .5em 0;
	}
th a {
	padding-right:12px;
	}
.table1 td,
.table1 th {
	padding:4px;
	}	
.center,
.center table td.center {
	text-align:center;	
	}	
.center table {
	margin-left:auto;
	margin-right:auto;	
	}	
.center table td,
.center table th {
	text-align:left;	
	}
.left {
	text-align:left;	
	}
.right {
	text-align:right;	
	}
.hide, hr {
	display:none;	
	}
.indent,
blockquote {
	margin-left:1em;
	}
.noborder {
	border:none;
	}
.last {
	border-right:none;
	}
.spacer,
.clear {
	clear:both;	
	}
.margintop1 {	
	margin-top:1em;	
	}
.marginbottom0 {
	margin-bottom:0;	
	}
.padded {
	padding: 3px 7px;
	}
.scrollbox {
	overflow:auto;	
	}
	
/* link to top of page */
.toplink {
	display:none;
	}
.toplink {
	text-align: right;
	padding: 3px 20px 5px 0;	
	font-size:90%; /* 9px */
	}
p.toplink {
	font-size:80%; /* 8px */
	}
.toplink a {
	padding-left:10px;
	}
.toplink a {
	background-image:url(../../images/arrow-up.gif);
	background-repeat:no-repeat;
	background-position: 0 50%;
	}
	
	
/* =floats
----------------------------- */
.float-l {
	float:left;
	margin:0 7px 0 0;	
	}
.float-r {
	float:right;
	margin:0 0 0 7px;	
	}      

/* =hidden
----------------------------- */
#skip a:link,
#skip a:hover,
#skip a:visited { 
  	position:absolute; 
  	left:0px; 
  	top:-500px; 
  	width:1px; 
  	height:1px; 
  	overflow:hidden;	
	}


/* =general: fonts
------------------------------------------------------- */
body{
	font-family:'Lucida Grande','Lucida Sans',Arial,sans; /* global font default */
	font-size:77%; /* 11 px */
	}
select, input, textarea{
	font-family:'Lucida Grande','Lucida Sans',Arial,sans; /* global font default */
	}	
select, input, textarea,
#localnav ul li,
#maincontent,
#maincontent2,
#maincontent3{
	font-size:90.9%; /* 10px */
	}
#maincontent .yuibutton button,
#maincontent2 .yuibutton button,
#maincontent3 .yuibutton button{
	font-size:105%;
	}
#globalnav ul li,
#localnav ul li{
	line-height:175%;
	} 
h1, h2, h3, h4, h5, h6, h7 {
	margin-bottom:0;	
	}
h3#sectionhed {
	font-size:180%; /* 18px */
	font-weight:bold;
	padding:0 0 0 10px;
	margin:.5em 0 .5em 0;
	}
h4 {
	font-size:110%; /* 11px */
	padding:6px 10px 6px 8px;
	margin-bottom:.5em;
	}
h5, h6 {
	margin-bottom:.25em;
	}
.header h4 {
	font-size:155%; /* 17px */
	}
#match h4 {
	font-size:164%; /* 18px */
	}
.active,
#interest-rank em,
strong {
	font-weight:bold;
	}
#maincontent select,
#maincontent input {
	font-size:100%;
	}	
.table1 th {
	font-weight:bold;
	}
.caption,
.small {
	font-size:90%; /* 9px */
	}
.large {
	font-size:125%;
	}
em.subhed {
	font-style:normal;
	}

/* =links
----------------------------- */
a.noborder:link,
a.noborder:visited {
	border:none;
	}

	
/* =layout
------------------------------------------------------- */

/* =basic
----------------------------- */
body{
	margin:0 0 1em 0;
	padding:0;
	text-align:center;
	}
#wrap{
	width: 880px; /* width of page (changing may necessitate changing column width and margins) */
	margin: 0 auto;
	text-align:left;
	}
#page {
	border-right:solid 1px #dbdbdb;
	border-bottom:solid 1px #dbdbdb;
	border-left:solid 1px #dbdbdb;	
	}
.col1,
.col2,
.col3,
.col4,
.subcol1,
.subcol2,
.subcol3,
.subcol4 {
	float:left;
	}
#maincontent .col1 { /* long pages may have stacked maincontent rows */
	width:217px;
	margin-left:10px;
	}
#maincontent .col2 {
	width:416px;
	margin-left:4px;
	}
#maincontent .col3 {
	width:217px;
	margin-left:4px;
	}
#maincontent2,
#maincontent3 {
	margin:0 10px;
	}
#maincontent2 .col1,
#maincontent2 .col2,
#maincontent3 .col1,
#maincontent3 .col2 {
	width:429px;
	}
#maincontent2 .col1 .col1,
#maincontent2 .col2 .col1,
#maincontent3 .col1 .col1,
#maincontent3 .col2 .col1, 
#maincontent2 .col1 .col2,
#maincontent2 .col2 .col2,
#maincontent3 .col1 .col2,
#maincontent3 .col2 .col2 {
	width:214px;
	}
#maincontent {
	margin:10px 0 15px 0;
	padding:0;
	}
.onecol #maincontent .col1,
.onecol #maincontent .col3 {
	display:none;
	}
.onecol #maincontent .col2 {
	width:850px;
	margin-left:10px;
	}	
.twocol #maincontent .col3 {
	display:none;
	}
.content{
	padding:7px 9px;
	}
p.alert,
p.instructions  {
	padding-left:17px;
	padding-right:17px;
	}

/* generic page */
#x #localnav form {
	display:none;
	}
#x #maincontent .col2 {
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:119%; /* 13px */
	}
#x #maincontent .col2 p {
	line-height:135%;
	}	


/* =buttons
----------------------------- */
.btnbox {
	clear:left;
	margin:3px 10px 0;
	text-align:center;
	padding:8px 10px 6px;
	}
#search-submit.yuibutton {
	margin:0;
	padding:0;
	}
.yuibutton.post button {
	background:url(../../images/icon_comment_add.gif) no-repeat 0 50%;
	}
	
	
/* =header
----------------------------- */
#header {
	margin:0;
	padding-bottom:0px;
	border-bottom:none;	
	}
#header #logo,
#header #banner01,
#header #banner02 {
	float:left;
	}
#header h1 { /* site name: moved out-of-view, replaced by image in separate CSS */
	margin:14px 0 0 17px;
	text-indent: -9999px;	
	width:204px;
	}
#header h1 a {
	height:73px;
  	display:block;	
	border-bottom:none;
	}
#header h2 { /* tagline: moved out-of-view, replaced by image in separate CSS */
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;	
	}
	
	/* =headerbanners
	----------------------------- */
	#banner01 {
		width:468px;
		height:75px;
		margin:19px 0 0 29px;
		text-align:center;
		font-size:9px;
		}
	#banner02 {
		width:132px;
		height:87px;
		margin:6px 0 7px 17px;
		overflow:hidden;
		}
	#banner01 img,
	#banner02 img {
		border:none;
		}

		
/* =nav menus
------------------------------------------------------- */

/* =global (tabs)
---------------- */
#globalnav {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
	border-right:solid 9px #fff;
	border-left:solid 9px #fff;
	}
#globalnav ul {	
	white-space:nowrap;
	margin: 0;
	padding:0;
	}
#globalnav ul li {
	font-size:100%; /* 12px */
	margin: 0;
	padding:0;
	width:182px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	float:left;
	}	
#globalnav ul li a {
	display:block;
	width:182px;
	}
#globalnav ul li.gnav01,
#globalnav ul li.gnav02,
#globalnav ul li.gnav03,
#globalnav ul li.gnav04,
#globalnav ul li.gnav05,
#globalnav ul li.gnav06{
	width:182px;
}
#globalnav ul li.gnav01 a,
#globalnav ul li.gnav02 a {
	width:182px;
}
#globalnav ul li a span {
	display:block;
	padding:4px 0 5px 0;
	}
#gnav01 #globalnav ul li.gnav01 a,/* discover destinations (home) */
#gnav02 #globalnav ul li.gnav02 a,/* discover destinations (destinations) */
#gnav02.personal #globalnav ul li.gnav02 a,/* destinations: personal home page */
#gnav03 #globalnav ul li.gnav03 a,/* guides */
#gnav03b #globalnav ul li.gnav03 a,/* guides level 3 */
#gnav04 #globalnav ul li.gnav04 a,/* deals */
#gnav05 #globalnav ul li.gnav05 a,/* video */
#gnav06 #globalnav ul li.gnav06 a,/* tools */
#gnav07 #globalnav ul li.gnav07 a {
	font-weight:bold;
	}
	
#globalnav a:link,
#globalnav a:visited {
	color:#000;
	}
#gnav01 #globalnav .gnav01 a:link,
#gnav01 #globalnav .gnav01 a:visited,
#gnav02 #globalnav .gnav02 a:link,
#gnav02 #globalnav .gnav02 a:visited,
#gnav03 #globalnav .gnav03 a:link,
#gnav03 #globalnav .gnav03 a:visited,
#gnav03b #globalnav .gnav03 a:link,
#gnav03b #globalnav .gnav03 a:visited,
#gnav04 #globalnav .gnav04 a:link,
#gnav04 #globalnav .gnav04 a:visited,
#gnav05 #globalnav .gnav05 a:link,
#gnav05 #globalnav .gnav05 a:visited,
#gnav06 #globalnav .gnav06 a:link,
#gnav06 #globalnav .gnav06 a:visited,
#gnav01 #globalnav .gnav01 a:hover,
#gnav02 #globalnav .gnav02 a:hover,
#gnav03 #globalnav .gnav03 a:hover,
#gnav04 #globalnav .gnav04 a:hover,
#gnav05 #globalnav .gnav05 a:hover,
#gnav06 #globalnav .gnav06 a:hover {
	color:#ffffff;  /* color of active section, set by body id */
	}
#globalnav a:hover {
	color:#ffffff;
	}

/* =local
---------------- */
#localnav {
	clear:both;
	margin:0;
	padding-top: 2px;
	padding-bottom: 8px;
	}	
#localnav ul{
	margin: 0;
	padding: 1px 20px;
	}
#localnav ul li {
	margin: 0;
	padding: 0 1.5em 0 1.25em;
	display:inline;
	border-right:solid 1px #666;
	}
#localnav ul li a{
	padding: 0 1px 1px 1px;
	}
#localnav ul li.last{
	margin-right: 0;
	padding-right:0;	
	border-right:none;
	}
#localnav .col1 {
	float:left;
	width:70%;
	}
#localnav .col2 {
	float:right;
	width:30%;
	text-align:right;
	}
#localnav form {
	margin:1px 15px 1px 0;
	}
#localnav table td {
	padding:2px 0 0 5px;
	}
#localnav a:link,
#localnav a:visited {
	color:#000;
	}
#localnav ul.lnav01 .lnav01 a:link,
#localnav ul.lnav01 .lnav01 a:visited,
#localnav ul.lnav02 .lnav02 a:link,
#localnav ul.lnav02 .lnav02 a:visited,
#localnav ul.lnav03 .lnav03 a:link,
#localnav ul.lnav03 .lnav03 a:visited,
#localnav ul.lnav04 .lnav04 a:link,
#localnav ul.lnav04 .lnav04 a:visited,
#localnav ul.lnav05 .lnav05 a:link,
#localnav ul.lnav05 .lnav05 a:visited,
#localnav ul.lnav06 .lnav06 a:link,
#localnav ul.lnav06 .lnav06 a:visited,
#localnav ul.lnav07 .lnav07 a:link,
#localnav ul.lnav07 .lnav07 a:visited {
	color:#ffffff; /* color of active section, set by ul class*/
	}
#localnav a:hover,
#localnav ul.lnav01 .lnav01 a:hover,
#localnav ul.lnav02 .lnav02 a:hover,
#localnav ul.lnav03 .lnav03 a:hover,
#localnav ul.lnav04 .lnav04 a:hover,
#localnav ul.lnav05 .lnav05 a:hover,
#localnav ul.lnav06 .lnav06 a:hover,
#localnav ul.lnav07 .lnav07 a:hover {
	color:#000000;
	/* background-color:#f1f1f1; */ /* background transition causes jump bug in Win IE 6 */
	}
	
	
/* Tabs ---------------------------- */
#globalnav,
#localnav {
	background:#dfe8f3; /* default tab color */
	}
#globalnav ul li{
	background:url(../../images/bg_tab.gif) repeat-x 0 100%;
	}
#globalnav ul li a{
	background:url(../../images/bg_tab-ur-sm.gif) no-repeat 100% 0;
	}
#globalnav ul li a span {
	background:url(../../images/bg_tab-ul.gif) no-repeat 0 0;
	}

/* Destination Discovery ------------------------- */
#globalnav ul li.gnav01 a:hover {
	background-color:#f8ba27;
}
#globalnav ul li.gnav02 a:hover {
	background-color:#f8ba27;
	}

/* Guides ---------------------------- */
#globalnav ul li.gnav03 a:hover,
#globalnav ul li.gnav03b a:hover {
	background-color:#ff881f;
	}

/* Deals ---------------------------- */
#globalnav ul li.gnav04 a:hover {
	background-color:#d3cd65;
	}

/* Videos ---------------------------- */
#globalnav ul li.gnav05 a:hover {
	background-color:#8ea5a1;
	}
	
/* Tools ---------------------------- */
#globalnav ul li.gnav06 a:hover {
	background-color:#798da1;
	}
	
/* nav shadow ---------------------------- */
#localnav {
	background-image:url(../../images/bg_shadow.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	}

/* other colors ---------------------------- */
.blue {
	/*background:#dee3e2;*/
	background:#E8EFF7;
	}
.mango-lassi,
textarea.invite {
	background:#fef1d4;	
	}

/* =sectionhead
----------------------------- */	
#gnav01 h3#sectionhed,
#gnav02 h3#sectionhed,
#gnav03 h3#sectionhed,
#gnav04 h3#sectionhed,
#gnav05 h3#sectionhed,
#gnav06 h3#sectionhed { /* hide the section header by default (but it should be there for completeness) */
  	position:absolute; 
  	left:0px; 
  	top:-500px; 
  	width:1px; 
  	height:1px; 
  	overflow:hidden;	
	}
	
/* colors and backgrounds
------------------------------------------------------- */
body {
}
#header h1 {
	background: url(../../images/spin_logo.png) no-repeat 0 0;
	}
#banner01 {
	color:#999;
	}
#banner02 {
	background-color:#ffac40;
	}
#page {	
	background-color:#fff;
	}
.note,
em.subhed,
.instructions {
	color:#666;
	}
input.search {
	color:#444444;
	text-indent: 5px;
	}


/* general link colors
------------------------------------------------------- */
a:link {
	/*color:#004276;*/
	color:#005D95;
	text-decoration:none;
	}
a:visited {
	color:#5d7083;
	text-decoration:none;
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}
h4 a {
	padding-right:6px;
	background-image:url(../../images/icon_arrow-rt-wt-sm.gif);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	}
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h6 a:link,
h6 a:visited {
	color:#000;
	}

	
/* =clearing
----------------------------- */	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Holly */
	/* Hide from IE-mac \*/
	* html #globalnav a {height:1%;}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */