﻿* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'FranklinGothicFSBookBold';
	src: url('../fonts/FranklinGothic-Demi-webfont.eot');
	src: local('☺'), url('../fonts/FranklinGothic-Demi-webfont.woff') format('woff'), url('../fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-Demi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 100%;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0 0 50px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	position: relative;
}

.cufon,
.fancyFont
{
    font-family: 'FranklinGothicFSBookBold', Arial, Helvetica, sans-serif !important;
    font-weight:normal !important;
}
.whiteHeading{
    color: #FFFFFF;
    font-size: 34px;
    line-height: 0.8;
    text-transform: uppercase;    
}

p {
	margin: 0 0 10px 0;
}

a img {
	border: none;
}

a.outlink {
	padding-right: 12px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: right -52px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

.prehead {
	padding: 10px 0 0;
	height: 40px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.prehead .promo {
	position: absolute;
	bottom: -3px;
	left: 246px;
}

.prehead ul.nav {
	float: right;
	display: inline;
	padding: 10px 0 0;
}

.prehead ul.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}

.prehead ul.nav li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold
}

.prehead ul.nav li a:hover {
	text-decoration: underline;
}

.prehead div.search {
	float: right;
	display: inline;
	height: 22px;
	width: 170px;
	overflow: hidden;
	padding: 4px 0 0 0;
}

.prehead div.search input {
	float: left;
	display: inline;
}

.prehead div.search input.searchBox {
	color: #737373;
	padding: 2px 0 2px 10px;
	margin: 0;
	height: 18px;
	width: 137px;
	border: none;
	background-image:url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: -3px -52px;
    background-color:transparent
}

.prehead div.search input.doSearch {
	width: 23px;
	height: 22px;
}

.content {
	clear: both;
	background:  #fff;
	padding: 1px 0 0;
}

.content .header {
	margin: 0 1px;
	width: 958px;
	height: 80px;
	text-align: left;
	background-image:url(../images/global/global-tile-sprite.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}
.content .header[class] {
	height: auto;
	min-height: 80px;
}

.content .header h1 {
	margin: 16px 23px 4px 15px;
	float: left;
	display: inline;
}

.content .header .wizard {
	padding: 21px 0;
	width: 694px;
	float: left;
	display: inline;
}

.content .header .wizard .travelPlanner {
	border: 1px solid #ccc;
	background-image:url(../images/global/global-tile-sprite.gif);
    background-repeat: repeat-x;
    background-position: 0 -222px;
	height: 47px;
	width: 692px;
	font-size: 0.9em;
}

.content .header .wizard .travelPlanner .hdr,
.content .header .wizard .travelPlanner .items,
.content .header .wizard .travelPlanner .lists {
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: right -189px;
}

.content .header .wizard .travelPlanner .hdr {
	padding: 12px 0 0 10px;
	width: 126px;
	height: 35px;
	float: left;
	display: inline;
}
.content .header .wizard .travelPlanner .hdr a 
{
    background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: -142px 0;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    width:113px;
    height:22px
}

.content .header .wizard .travelPlanner .items {
	padding: 14px 15px 0;
	width: 188px;
	height: 33px;
	float: left;
	display: inline;
}

.content .header .wizard .travelPlanner .items p,
.content .header .wizard .travelPlanner .lists p {
	position: relative;
	top: -3px;
	float: left;
	display: inline;
}

.content .header .wizard .travelPlanner .items .count {
	float: left;
	display: inline;
	padding: 0 0 0 9px;
	margin: 0 10px 0 0;
	background: transparent url(../images/global/header-travel-planner/bg-hot-dog-left.gif) no-repeat top left;
}

.content .header .wizard .travelPlanner .items .count a {
	cursor: pointer;
	float: left;
	display: inline;
	font-weight: bold;
	padding: 4px 8px 0 0;
	height: 18px;
	background: transparent url(../images/global/header-travel-planner/bg-hot-dog-right.gif) no-repeat top right;
}

.content .header .wizard .travelPlanner .lists {
	padding: 14px 15px 0;
	width: 150px;
	height: 33px;
	float: left;
	display: inline;
	position: relative;
	z-index: 10; /* fixes IE6 bug where child lists will be behind content */
}

.content .header .wizard .travelPlanner .lists .count {
	float: left;
	display: inline;
	padding: 0 0 0 9px;
	margin: 0 10px 0 0;
	background: transparent url(../images/global/header-travel-planner/bg-hot-dog-left.gif) no-repeat top left;
}

.content .header .wizard .travelPlanner .lists .count a {
	cursor: pointer;
	float: left;
	display: inline;
	font-weight: bold;
	padding: 4px 18px 0 0;
	height: 18px;
	background: transparent url(../images/global/header-travel-planner/bg-hot-dog-arrow-right.gif) no-repeat top right;
}

.content .header .wizard .travelPlanner .lists .savedLists {
	z-index: 10;
	position: absolute;
	background: #fff url(../images/global/header-travel-planner/bg-saved-lists-bottom.gif) no-repeat left bottom;
	top: 40px;
	left: 15px;
}

.content .header .wizard .travelPlanner .lists .savedLists .inner {
	background: transparent url(../images/global/header-travel-planner/bg-saved-lists-top.gif) no-repeat left top;
	width: 238px;
	padding: 15px;
}

.content .header .wizard .travelPlanner .lists .savedLists .inner ul {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.content .header .wizard .travelPlanner .lists .savedLists .inner ul li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: transparent url(../images/wizard/bg-item-arrow-closed.gif) no-repeat left 2px;
}

.content .header .wizard .travelPlanner .account {
	padding: 10px 0 0 10px;
	width: 148px;
	height: 37px;
	float: left;
	display: inline;
}

.content .header .wizard .travelPlanner .account p {
	margin: 0 0 3px;
	padding: 0;
}

.content .header .wizard .travelPlanner .account li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	background: transparent url(../images/global/header-travel-planner/bullet.gif) no-repeat left center;
}

.content .header .wizard .travelPlanner .account li.first {
	margin: 0;
	padding: 0;
	background: none;
}

.content .header .wizard .travelPlanner .account li a {
	text-transform: uppercase;
}

.content .header .wizard .message {
	border: 1px solid #c69411;
	border-top: none;
	padding: 0 1px 1px;
	height: 29px;
	background-color:#fff;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: -3px -22px;
	color: #c69411;
	position: relative;
}

.content .header .wizard .message a {
	color: #c69411;
	text-decoration: none;
	padding-left: 8px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: -3px -385px;
	margin: 0 0 0 10px;
	position: absolute;
	top: 8px;
}

.content .header .wizard .message a em {
	text-decoration: underline;
	font-style: normal;
}

.content .header .wizard .message a.close {
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
	right: 10px;
	top: 8px;
}

.content .header .wizard .message a img {
	border: none;
}

.content .body {
	clear: both;
	border-top: 3px double #ccc;
	width: 100%;
	overflow: hidden;
}

.content .body #content {
	font-size: 1em;
	float: right;
	display: inline;
	width: 694px;
	margin: 0 20px 0 0;
	padding: 15px 0;
}

.content .body .mainNav {
	width: 210px;
	padding: 10px;
	text-align: left;
}

.mainNav .showHide {
	display: none;
}

.content .body .mainNav ul {
	margin: 0 0 25px 0;
}

.content .body .mainNav ul li a {
   display: inline-block;
}
.content .body .mainNav ul li a {
	display: block;
}

.content .body .mainNav ul li {
	list-style: none;
	border-bottom: 1px solid #efefef;
	padding: 0 5px;
}

.content .body .mainNav ul li ul li ul li.current a
{
	color:#899639;/*#007DA4;*/
}

.content .body .mainNav ul li ul {
	margin: 0;
}

.content .body .mainNav ul li.last {
	border: none;
}

.content .body .mainNav ul li a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 1.25em;
	padding: 5px 0;
}

.content .body .mainNav ul li a:hover {
	color: #333;
}

.content .body .mainNav ul li ul li {
	border: none;
}

.content .body .mainNav ul li ul li a {
	text-transform: none;
	font-size: 1em;
	padding: 2px 0 2px 10px;
}

.content .body .mainNav ul li ul li ul li a {
	font-weight: normal;
	padding: 2px 0 2px 17px;
}

.content .body .mainNav .travelTools h2 {
	padding: 0 5px;
	margin: 0 0 5px;
}
.content .body .mainNav .travelTools h2#travelToolsHdr 
{
    background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    width:130px;
    height:12px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    margin:0 0 5px 5px
}
.content .body .mainNav .travelTools ul li {
	border: none;
	padding-top: 9px;
	padding-bottom: 5px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -261px;
	color: #333;
}

.content .body .mainNav .travelTools ul li a {
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	padding: 0;
}

.content .body .mainNav .travelTools ul li a:hover {
	text-decoration:none;
}

.content .body .mainNav .travelTools ul li a:hover strong{
	text-decoration:underline;
}

.content .footer {
	clear: both;
	margin: 0;
	width: 960px;
	overflow: hidden;
	border-top: 3px double #ccc;
	text-align: left;
	background-image:url(../images/global/global-tile-sprite.gif);
    background-repeat: repeat-x;
    background-position: 0 -96px;
}

.content .footer .copyright {
	float: left;
	display: inline;
	text-align: center;
	width: 212px;
	padding: 20px 0 0;
	height: 104px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: right -63px;
}

.content .footer .copyright #footerLogo {
	display: block;
	padding: 0 0 0 0;
	margin: 0 auto 10px;
	width:134px;
	height:45px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -88px;
    text-indent:-9999px;
    overflow:hidden
}

.content .footer .nav {
	padding: 20px 10px 0 37px;
	width: 438px;
	overflow: hidden;
	float: left;
	display: inline;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: right -63px;
}

.content .footer .nav .menu {
	width: 136px;
	padding: 0 10px 0 0;
	float: left;
	overflow: hidden;
}

.content .footer .menu h3 {
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color:#666;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:75px;
	height:10px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: right 1000px;
    text-indent:-9999px;
    overflow:hidden
}
.content .footer .menu h3#planHdr
{
    background-position: -395px 0;
    }
.content .footer .menu h3#exploreHdr
{
    background-position: -470px 0;
    }
.content .footer .menu h3#aboutHdr
{
    background-position: -545px 0;
    }
.content .footer .menu h3#connectHdr
{
    background-position: right 0;
    }
.content .footer .menu ul {
	margin: 0;
	padding: 0;
}

.content .footer .menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.content .footer .menu ul li a {
	text-decoration: none;
}

.content .footer .menu ul li a.facebook {
	padding-left: 18px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -181px;
}

.content .footer .menu ul li a.twitter {
	padding-left: 18px;
	background-image: url(../images/global/global-sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -221px;
}

.content .footer .menu ul li a:hover {
	text-decoration: underline;
}

.content .footer .social {
	padding: 20px 0 0 37px;
	width: 226px;
	float: left;
	display: inline;
	overflow: hidden;
}

.header .wizard .travelPlanner .items a:hover
{
	text-decoration:none;
}

.header .wizard .travelPlanner .items a:hover strong
{
	text-decoration:underline;
}

.header .wizard .travelPlanner .lists a:hover
{
	text-decoration:none;
}

.header .wizard .travelPlanner .lists a:hover strong
{
	text-decoration:underline;
}

/* Email Updates */
.subscriptions_login
{
    display: block;
    background-image: url(../images/travel-lists/log_in.gif);
    width: 48px;
    height: 17px;
}

#accountMenu 
{
    overflow: hidden;
}

#accountMenu p
{
    width: 1000px;
}

/* new footer links */
.email_send
{
	padding: 12px 20px 12px 0;
	float:right;
}

.email_send ul {
    list-style: none;
    padding: 0;
}

.email_send li {
    background: url(../images/travel-planner/arrow_gray.gif) no-repeat scroll 0 4px;
    padding: 0 0 0 7px;
    display: inline;
    margin-left: 7px;   
}

.email_send #addthis-footer .addthis_toolbox 
{
	
	display:inline;
	float:left; 
}

.email_send ul #addthis-footer
{
	background-image:none;
}

/**
* iPhone app page
*/

.iphone-page .copy 
{
    float: left;
    display: inline;
    width: 363px;
    padding: 40px 20px 0 0;
}

.iphone-page .copy p 
{
    font-size: 13px;
    color: #666;
    line-height: 1.4em;
}

.iphone-page .copy-footer 
{
    border: 3px double #ccc;
    margin: 30px 0 0;
    padding: 10px 15px 0;
    background: transparent url(../images/iphone/bg-copy-footer.jpg) no-repeat left top;
}

.iphone-page .copy-footer p 
{
    font-size: 10px;
}

.iphone-page .images 
{
    float: left;
    display: inline;
    width: 310px;
    padding: 20px 0 0;
}

.iphone-page .images .app-store-logo 
{
    display: block;
    width: 233px;
    height: 78px;
    margin: 5px 0 0 20px;
}

.iphone-page .images .android-store-logo
{
    display: block;
    width: 233px;
    height: 78px;
    margin: 20px 0 0 20px;
}

.tg_nav 
{
    margin-left: 4px;
    background: transparent url(/images/shared/travel_green_leaf.gif) no-repeat left center;
}

.tg_text 
{
    color: #00A243;
    margin: 5px 0 0 18px;
    padding: 3px 0 0 !important;
}

.tg_nav a:hover 
{
    color: #00A243 !important;
}
.landing-media {margin:0 0 10px 0}
/* social login */
.socialFormBody {width:460px;max-width:460px;overflow:hidden;margin:0;padding:15px 0 0 15px}
.socialThumb {float:left; border: 1px solid #aaa; margin: 0 15px 15px 0 !important; padding: 2px; background: #ddd;max-width:50px;max-height:50px;width:50px;height:50px; }
.socialMessage {font-size: 14px;margin-top:10px;display:block;width:400px;}
.socialFormBody.bigbuttons a{background-color:#999; color:#fff; font-size: 20px; padding: 5px 15px; text-decoration:none}
.socialFormBody.bigbuttons a:hover {background-color:#666}

/* social sharing */
.eventUtilityPanel {margin-bottom:10px}
.gigyashare-container { display: block;}
.gigyashare-container-top {float: right;}
.gigyashare-container-topheader {float: right;margin: 20px 0 0 0;}

.gigyashare-container-left {display: block;}
.gigyashare-container-right { display: inline;float: right;}
.gigyashare-container-right-pad { display: inline;float: right;margin: 0 0 0 15px;}

.gigyashare-container-top-mapguides { float: right;margin: 0 58px 0 0;}
.gigyashare-container-top-destination { display: inline;float: right; margin: 10px 36px 5px 0;}
