@charset "utf-8";

/*Main Layout*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	background-color: #FFFFFF;
	color: #000000;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/bg_dots_bluegreen.png);
}
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}
#upper-body {
	height: 155px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom: 5px;
	width: 960px;
	padding-top: 7px;
	padding-bottom: 5px;
}
#main-body {
	width: 950px;
	padding-top: 2px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_tint-white.png);
	background-repeat: repeat;
}
#main-content {
	color: #000;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow: hidden;
}
.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.content {
	overflow: hidden;
	width: 960px;
}
.subcontainer {
	margin-left:40px;
	margin-right:40px;
	width: 850px;
}
#lower-body {
	width: 950px;
	height: 140px;
	padding-top: 15px;
	overflow: hidden;
	padding-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	background-image: url(../images/bg_tint-black.png);
	background-repeat: repeat;
}

/*Logo and Description*/
.logo {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	background-image: url(../images/ttw-header-blue-green.png);
	background-repeat: no-repeat;
	width: 410px;
}
.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	clear: both;
	font-weight: normal;
	padding-left: 8px;
}

/*Header*/
.header {
	height: 100px;
}
#travel-promotion-search { 
margin: 2px;

}
.topnav {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 500px;
	padding-top: 5px;
	height: 75px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.topnav ul {
	margin-left:10px;
	margin-right:10px;
	display: inline;
}
.topnav li {
	display:inline;
	font-weight: normal;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.topnav a {
	float: left;
	display: block;
	font-size: 14px;
	text-decoration: none;
	color:#FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right:10px;
}
.topnav a:visited {
	font-size: 14px;
}
#home {
	color:#0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	}
#home:hover {
	color:#00CC00;
}
#suitcase {
	color:#0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;	
}
#suitcase:hover {
	color:#00CC00;
}
#tickets {
	color:#0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
#tickets:hover {
	color:#00CC00;
}
#help {
	color:#0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
#help:hover {
	color:#00CC00;
}
#twitter {
	color:#0066CC;
}
#twitter:hover {
	color:#00CC00;
}
#share {
	color:#0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
#share:hover {
	color:#00CC00;
}

/*Footer*/
.footer {
	margin: 10px;
	font-size: 11px;
}
.footer a:link {
	color: #0066CC;
	font-size: 11px;
}
.footer a:hover {
	color: #0099FF;
	font-size: 11px;
}
.footer a:visited {
	color: #0066CC;
	font-size: 11px;
}
.linklist {
	width: 150px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*Color Scheme*/
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
	color: #00CC00;
}
a:active {
	text-decoration: none;
	color: #00CC00;
}

/*Fonts*/
.drkGreentext { color: #006600; }
.drkBlue {
	color: #003366;
}
.greentext { color: #00CC00; }
.limetext { color: #00FF00; }
.bluetext {
	color: #0066CC;
}
.whitetext { color: #FFF; }
.bigtext{
	font-size: 175%;
}
.bigboldtext{
	font-size: 275%;
	font-weight: bold;
	line-height: 23px;
}
.captext {
	text-transform: uppercase;
}

.medtext{
	font-size: 12px;
}
.smalltext {
	font-size: 65%;
	line-height: 12px;
}

/*Buttons*/
button.awesome {
	display: inline-block;
	padding: 3px 10px 3px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #333333;
	-webkit-box-shadow: 0 1px 3px #333333;
	position: relative;
	cursor: pointer;
	background-color: #222;
}
.awesome, .awesome:visited {
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #333333;
	-webkit-box-shadow: 0 1px 3px #333333;
	position: relative;
	cursor: pointer;
	background-color: #222;
}
 
.awesome:hover { 
	background-color: #111;
	color: #fff; 
}
.awesome:active	{ top: 1px; }

.small.awesome, .small.awesome:visited 	{ 
	font-size: 11px;
	padding: 5px;
	margin: 3px;
}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
 	font-size: 13px;
 	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.awesome, .large.awesome:visited { 
	font-size: 14px;
	padding: 8px 14px 9px; 
}
	
.green.awesome, .green.awesome:visited	{
	background-color: #00CC00;
}
.green.awesome:hover {
	background-color: #009900;
}
.blue.awesome, .blue.awesome:visited		{
	background-color: #0066CC;
}
.blue.awesome:hover	{
	background-color: #3366CC;
}

/*Marquee*/
.marquee {
	height: 152px;
	margin-left: 9px;
	margin-right: 9px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 0 1px 3px #333333;
	-webkit-box-shadow: 0 1px 3px #333333;
	overflow: hidden;
}
.caption a:link {
	color:#0066CC;
	font-size:14px;
}
.caption a:visited {
	color:#0066CC;
	font-size:14px;
}
.caption a:hover {
	color:#003399;
	font-size:14px;
}
.caption {
	background-image: url(../images/bg_tint-white.png);
	background-repeat: repeat;
	margin-top: 55px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	float: left;
	padding: 3px;
}
.caption div {
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.promo-100 {
	background-image: url(../images/feature_sandals_negril_beach00.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.promo-101 {
	background-image: url(../images/feature_vegas_luxor_pyramid.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.promo-102 {
	background-image: url(../images/feature_orlando_dolphins.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.promo-103 {
	background-image: url(../images/feature_flight_clouds.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.promo-104 {
	background-image: url(../images/southbeach_mia.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.promo-105 {
	background-image: url(../images/baggage-claim.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 152px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

/*Live Promotions*/
.live {
	margin-left: 5px;
	height: 320px;
	margin-bottom: 10px;
}
.section {
	float: left;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-image: url(../images/bg_container_180x300.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 4px;
	margin-top: 2px;
	margin-bottom: 3px;
	height: 315px;
}
.section a {
color:#FFFFFF;
}
.section-head {
	margin: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 190%;
	height: 90px;
}
.secbody {
	height: 160px;
	margin-right: 12px;
	margin-left: 12px;
}
#cruise div{
	margin-top: 3px;
	padding-bottom:1px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:32px;
	overflow:hidden;
}
#cruise a{ /*CSS specific to demo 3*/
color: #FFFFFF;
text-decoration: none;
	font-size: 11px;
}
#cruise a:hover{ /*CSS specific to demo 3*/
	color: #00FF00;
	text-decoration: none;
}
#car div{ /*CSS specific to demo 3*/
	margin-top: 3px;
	padding-bottom:1px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:32px;
	overflow:hidden;
}
#car a{ /*CSS specific to demo 3*/
color: #FFFFFF;
text-decoration: none;
	font-size: 11px;
}
#car a:hover{ /*CSS specific to demo 3*/
	color: #00FF00;
	text-decoration: none;
}
#air div{ /*CSS specific to demo 3*/
	margin-top: 3px;
	padding-bottom:1px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:32px;
	overflow:hidden;
}
#air a{ /*CSS specific to demo 3*/
color: #FFFFFF;
text-decoration: none;
	font-size: 11px;
}
#air a:hover{ /*CSS specific to demo 3*/
	color: #00FF00;
	text-decoration: none;
}
#packages a{ /*CSS specific to demo 3*/
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
}
#packages a:hover{ /*CSS specific to demo 3*/
	color: #00FF00;
	text-decoration: none;
}
#packages div{ /*CSS specific to demo 3*/
	margin-top: 3px;
	padding-bottom:1px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:32px;
	overflow:hidden;
}
#hotel a{ /*CSS specific to demo 3*/
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
#hotel a:hover{ /*CSS specific to demo 3*/
	color: #00FF00;
	text-decoration: none;
}
#hotel div{ /*CSS specific to demo 3*/
	margin-top: 3px;
	padding-bottom:1px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:32px;
	overflow:hidden;
}

/*Forms*/
form {
  display:inline;
}

/*Components and Widgets*/
.promo-head {
	font-size: 180%;
	font-family: Arial, Verdana, serif;
	font-weight: bolder;
	padding-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-right: 10px;
	margin-bottom: 4px;
}
#headliner-ad {
margin-left: 75px;
margin-right: 75px;
margin-top: 20px;
}

#adbox {
	margin-bottom:10px;
	margin-top: 10px;
	margin-top: 2px;
	height: 260px;
	overflow: hidden;
}
#info {
	width:305px;
	float:right;
	color: #333333;
	margin-bottom: 10px;
	margin-right: 7px;
}
.section-a {
	float: left;
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.section-b {
	float: left;
	width: 290px;
	margin-right: 5px;
	margin-left: 7px;
}

#feature {
	color:#333333;
	padding: 2px;
	margin-bottom: 15px;
}
#feature img {
	height: 40px;
	width: 51px;
}
#hotspot {
	float:left;
	margin-right: 7px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 3px;
	width: 60px;
}
#feature a:link, #feature a:visited {
color:#0066CC;
font-size:10px;
}
#feature a:hover {
color:#00CC00;
font-size:10px;
}
.glinks {
	background-color:transparent;
	height: 260px;
	margin-top: 5px;
}
.links {
	float:left;
	margin-left: 10px;
	width: 165px;
}
.links a , a:visited {
color:#0066CC;
font-size: 12px;
}
.links a:hover {
color:#00CC00;
font-size: 12px;
}
.links img {
	margin-right:10px;
} 
.resources {
	margin-top: 5px;
	margin-bottom: 15px;
	height: 130px;
}
.resources a , a:visited {
	color:#0066CC;
	font-size: 12px;
}
.resources a:hover {
color:#00CC00;
font-size: 12px;
}
.resources img {
}
.level {
	color: #000000;
	margin-left: 15px;
	margin-right: 15px;
	height: 575px;
	overflow: auto;
}
.level .promo-head {
	border:none;
	font-size: 180%;
	font-family: Arial, Verdana, serif;
	margin-left: 5px;
	color: #FFFFFF;
	margin-bottom: 5px;
	font-weight: bolder;
}
.level a:link {
	color: #0066CC;
	font-size: 12px;
}
.level a:hover {
	color: #00CC00;
	font-size: 12px;
}
.level a:visited {
	color: #00FF00;
	font-size: 12px;
}

/*Newsletter*/
.newsl {
	height: 150px;
	margin-bottom: 10px;
	color: #000000;
	padding: 2px;
}
.newsl .promo-head {
	font-size: 180%;
	font-family: Arial, Verdana, serif;
	font-weight: bolder;
	padding-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-right: 10px;
	margin-bottom: 4px;
}
.newsl #entry {
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	margin: 3px;
}
.newsl .field {
	background-color: 99CCFF;
}

/*Promotion Search*/
#search {
	color: #333333;
	padding: 2px;
}
#search #entry {
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	margin: 3px;
}
#search .field {
	background-color: #99CCFF;
}