﻿/* nycEvents */
div.nycEvents { width:100%; background:white; }
.nycEvents div.head  { width:auto; height:30px; position:relative;
	background:#86a800;}
.nycEvents div.head div { background:url('/image/banner/events-tab-lines.gif') repeat-x 0 0; 
	width:456px; position:absolute; top:6px; left:4px; }
.nycEvents div.head div span { color:White; font-weight:bold; text-transform:uppercase; position:relative; top:2px; }
.nycEvents div.body { height:512px; position:relative; width:auto; border-bottom:1px solid #9C9C94; 
	border-left:1px solid #9C9C94; border-right:1px solid #9C9C94; }
.nycEvents div.body img.eventImg { border:0px; margin:4px;}
.nycEvents div.body div.copyright { text-align:right; font-size:8pt; margin-right:4px; }
.nycEvents div.body div.subtitle { border-bottom:1px solid #9C9C94; margin:20px 4px 4px 4px; }
.nycEvents div.body div.subtitle a { font-weight:bold; color:#86a800; text-decoration:none; margin-left:16px; }
.nycEvents div.body div.subtitle a:hover { text-decoration:underline; }
.nycEvents div.body div.text { font-size:10pt; margin:20px; }
.nycEvents div.body img.checkrate { border:0px; position:relative; top:100px; left:280px; }
 
/* Home Map */
div.homeMap { position:relative; margin-top:22px; height:119px; } 
div.homeMap div.main {
	border-top:1px solid #9C9C94; border-bottom:1px solid #9C9C94;
	border-left:1px solid #9C9C94; background:#ffffff; height:117px; 
}
div.homeMap div.main div.title { height:20px; background:#333333; color:White; font-weight:bold; font-size:10pt; }
div.homeMap div.main div.title span{ position:relative; top:2px; left:4px; }
div.homeMap div.main div.body { font-size:9pt; margin:10px; }
div.homeMap img { border:0px; position:absolute; top:0px; left:190px; }

/* Home Map 2.0 */
.topBrdr { border-top:1px solid #cbcbcb; margin-top:20px; }

.longBox { width:450px; position:relative; margin:20px 0 0 5px; cursor:pointer; }
.longBox .subTitle { font-weight:bold; font-size:15pt; padding:0 0 0 2px; }
.longBox .subBody { position:relative; padding:111px 0 0 2px; }
.longBox .subBody .text { font-weight:bold; width:370px; position:relative; line-height:120%; }
.longBox .subBody a { position:absolute; top:115px; left:410px; } 
.longBox .subBody a img { border:0px; }

/* What's Hot in NYC */
.whatsHot { position:relative; margin:20px 0 0 5px; clear:both; width:450px; } 
.whatsHot .title { font-weight:bolder;  font-size:15pt; padding:10px 0 5px 5px; }
.whatsHot .title .red { color:#b50000; font-style:italic; }
.whatsHot .body { overflow:hidden; position:relative; }
.whatsHot .body .item {  width:143px; float:left; }
.whatsHot .body .item .subText { padding-bottom:5px; }
.whatsHot .body .item .subText a,
.homeVacPlan .body .item .subText a{color:Black; text-decoration:none;}

.whatsHot .body .middle { border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; margin:0 4px 0 4px; padding: 0 4px 5px 4px; }
.whatsHot .body .right { margin-left: 13px; }
.whatsHot .body .clear { height:0px; }
/***************** Hottest Events *****************/
.hotEvents { position:relative; width:471px; text-align:left; padding-bottom:6px;
	background:url('/image/home/hotevents/bottom.jpg') no-repeat left bottom; }
.hotEvents .title { font-size:10pt; font-weight:bold; padding:0 0 3px 5px; }
.hotEvents .title .big { font-size:15pt; line-height:90%; }

/* tabs */
.hotEvents .tabs { position:relative; overflow:hidden; height:32px; cursor:pointer; }
.hotEvents .tabs .tab, .hotEvents .tabs .border { height:32px; }
.hotEvents .tabs .tab { text-align:center; font-weight:bold; font-size:11pt; position:relative; }
.hotEvents .tabs .tab a { position:relative; top:7px; text-decoration:none; }
.hotEvents .tabs .tab a:hover { text-decoration:underline; color:#ffffff; } 

.hotEvents .tabs .tab_b, .hotEvents .tabs .tab_c, .hotEvents .tabs .tab_s  
	{ background:url('/image/home/hotevents/bckgrdinactive.gif') repeat-x; }
.hotEventsB .tabs .tab_b, .hotEventsC .tabs .tab_c, .hotEventsS .tabs .tab_s  
	{ background:url('/image/home/hotevents/bckgrdactive.gif') repeat-x; }
.hotEvents .tabs .tab_b a, .hotEvents .tabs .tab_c a, .hotEvents .tabs .tab_s a { color:#cecece; }
.hotEventsB .tabs .tab_b a, .hotEventsC .tabs .tab_c a, .hotEventsS .tabs .tab_s a { color:#ffffff; } 
.hotEvents .tabs .tab_b { width:198px; float:left; }
.hotEvents .tabs .tab_c  { width:133px; float:left; }
.hotEvents .tabs .tab_s { width:134px; float:left; }
.hotEvents .tabs .tab_b .side { position:absolute; width:6px; height:32px; top:0px; left:0px; 
    background:url('/image/home/hotevents/leftinactive.gif') no-repeat top left; }
.hotEventsB .tabs .tab_b .side { position:absolute; width:6px; height:32px; top:0px; left:0px;
    background:url('/image/home/hotevents/leftactive.gif') no-repeat top left; }
.hotEvents .tabs .tab_s .side { position:absolute; width:6px; height:32px; top:0px; left:129px; 
    background:url('/image/home/hotevents/rightinactive.gif') no-repeat top right; }
.hotEventsS .tabs .tab_s .side { position:absolute; width:6px; height:32px; top:0px; left:129px;
    background:url('/image/home/hotevents/rightactive.gif') no-repeat top right; }
    
.hotEvents .tabs .border { float:left; width:1px; background:#ffffff; border-left: 1px solid #969696; border-right: 1px solid #969696; }

.hotEvents .body .arrow { position:absolute; background:url('/image/home/hotevents/active-tab-arrow.gif') no-repeat left top; 
    width:12px; height:6px; overflow:hidden; top:53px; }
.hotEventsB .body .arrow { left:90px; }
.hotEventsC .body .arrow { left:260px; }
.hotEventsS .body .arrow { left:400px; }
/* tabs */

.hotEvents .body {border-left: 1px solid #969696; border-right: 1px solid #969696; 
	background-color:#f2f2f2; padding:10px; }
.hotEvents .body .top2 {overflow:hidden;}
.hotEvents .body .top2 .item { width:215px; float:left; padding-bottom:10px; }
.hotEvents .body .top2 .right { border-left:1px solid #cbcbcb; width:215px; padding-left:9px; margin-left:9px; }
.hotEvents .body .top2 .item .subTitle { text-transform:uppercase; margin-top:10px; }
.hotEvents .body .top2 .item .book { background:url('/image/home/hotevents/greenarrow.gif') no-repeat 0 3px; 
    padding-left:8px; margin:5px 0 0 5px; }
.hotEvents .body .top2 .item .subText a,
.hotEvents .body .top2 .item .book a:hover,
.hotEvents .body .top2 .item .subText a:hover{color:black; text-decoration:none;}
.hotEvents .body .top2 .item .book a{ color:#03006D; text-decoration:none; font-weight:bold; }
.hotEvents .body .top10 { clear:both; position:relative; margin-top:5px; overflow:hidden; padding-left:5px; }
.hotEvents .body .top10 .subTitle { font-size:10pt; font-weight:bold; margin-bottom:10px;}
.hotEvents .body .top10 .boldSubTitle{ font-size:10pt; font-weight:bold; margin-bottom:10px; padding-top:10px; border-top:1px solid  #cbcbcb;}
.hotEvents .body .top10 .deck { overflow:hidden; padding-bottom:20px;margin-bottom:20px; border-bottom:1px solid #cbcbcb; }
.hotEvents .body .top10 .deck .item { width:82px; float:left; margin-right:5px; text-align:center; }
.hotEvents .body .top10 .deck .item .subTitle { font-size:9pt; margin-top:5px; height:30px; line-height:95%; }
.hotEvents .body .top10 .botLink { background:url('/image/home/hotevents/greenarrow.gif') no-repeat 0 3px; 
    padding-left:8px; margin:10px 0 15px 0; font-size:10pt; width:130px; text-align:left; }
.hotEvents .body .top10 .botLink a { color:#03006D; text-decoration:none; font-weight:bold; }
.hotEvents .body .top10 .botLink a:hover { text-decoration:underline; }    
    
.hotEvents .body .listB, .hotEvents .body .listC, .hotEvents .body .listS { display:none; }
.hotEventsB .body .listB, .hotEventsC .body .listC, .hotEventsS .body .listS { display:block; }
/***************** Hottest Events *****************/

/* Home Vacation */
div.homeVac { background:white; }
div.homeVac div.title { background:#333333; position:relative; height:30px; }
div.homeVac div.title div { width:942px; position:absolute; top:6px; left:4px; border-top:1px solid #ffffff; }
div.homeVac div.title div span { color:White; font-weight:bold; text-transform:uppercase; position:relative; top:2px; }
div.homeVac div.body { position:relative; height:240px; border-bottom:1px solid #9C9C94; 
	border-left:1px solid #9C9C94; border-right:1px solid #9C9C94; padding-left:5px; }
div.homeVac div.body div.vac { height:232px; top:4px; text-align:center; }
div.homeVac div.body div.vac img { width:233px; border:0px; }
div.homeVac div.body div.vac div { font-size:10pt; text-align:left; padding:15px; border-top:1px solid #9C9C94; }

/* Home Vacation 2.0 */
.homeVacPlan { border-top:1px solid #cbcbcb; margin-top:20px; clear:both; width:954px; } 
.homeVacPlan .title { font-weight:bolder; font-size:15pt; padding:10px 0 5px 5px; }
.homeVacPlan .body { overflow:hidden; position:static; }
.homeVacPlan .body .item { width:228px; float:left; }
.homeVacPlan .body .right { margin-left: 13px; }

/* Home Featured */
div.homeFtrd { position:relative; background:white; margin-top:22px; }
div.homeFtrd div.title { background:#333333; position:relative; height:30px; }
div.homeFtrd div.title div { width:456px; position:absolute; top:6px; left:4px; border-top:1px solid #ffffff; }
div.homeFtrd div.title div span { color:White; font-weight:bold; text-transform:uppercase; position:relative; top:2px; }
div.homeFtrd div.body { position:relative; border-bottom:1px solid #9C9C94; 
	border-left:1px solid #9C9C94; border-right:1px solid #9C9C94; padding:15px; font-size:12pt; }
div.homeFtrd div.body div.toprow { position:relative; margin-bottom:20px; }
div.homeFtrd div.body div.toprow div.r1 { font-weight:bold; position:relative; }
div.homeFtrd div.body div.toprow div.r2 { position:absolute; top:0px; left:300px; font-weight:bold; }
div.homeFtrd div.body div.row { position:relative; }
div.homeFtrd div.body div.row div.r1 { position:relative; left:10px; }
div.homeFtrd div.body div.row div.r2 { position:absolute; top:0px; left:300px; }
div.homeFtrd div.body div.row div a { color:#767676; text-decoration:underline; }
div.homeFtrd div.body div.row div a:hover { text-decoration:none; } 
div.homeFtrd div.body div.bottomTxt { text-align:center; font-weight:bold; }

/* Home Best sellers */
div.bestSell { position:relative; background:white; margin-top:22px; }
div.bestSell div.title { background:#333333; position:relative; height:30px; }
div.bestSell div.title div { width:456px; position:absolute; top:6px; left:4px; border-top:1px solid #ffffff; }
div.bestSell div.title div span { color:White; font-weight:bold; text-transform:uppercase; position:relative; top:2px; }
div.bestSell div.body { position:relative; border-bottom:1px solid #9C9C94; 
	border-left:1px solid #9C9C94; border-right:1px solid #9C9C94; padding:15px; font-size:12pt; }
div.bestSell div.body div.toprow { position:relative; margin-bottom:20px; }
div.bestSell div.body div.toprow div.r1 { font-weight:bold; position:relative; }
div.bestSell div.body div.toprow div.r2 { position:absolute; top:0px; left:300px; font-weight:bold; }
div.bestSell div.body div.row { position:relative; }
div.bestSell div.body div.row div.r1 { position:relative; left:10px; }
div.bestSell div.body div.row div.r2 { position:absolute; top:0px; left:300px; }
div.bestSell div.body div.row div a { color:#767676; text-decoration:underline; }
div.bestSell div.body div.row div a:hover { text-decoration:none; } 
div.bestSell div.body div.bottomTxt { text-align:center; font-weight:bold; }

/* Things To Do */
.things2do { position:relative; overflow:hidden; margin-top:22px; width:471px; }
.things2do a.lnk { background:transparent url(/image/home/hotevents/greenarrow.gif) no-repeat scroll 0 3px; padding-left:8px;
	color:#03006D; text-decoration:none; }
.things2do a.lnk:hover { text-decoration:underline; }
.things2do .title { padding:0 5px 5px 5px; background:url('/image/eventscal_top.gif') no-repeat left bottom; width:100%; }
.things2do .title h3 { display:inline; margin:0px; font-size:15pt; }
.things2do .title a { position:absolute; right:5px; top:5px; font-weight:bold; }
.things2do .body { padding:5px 0; clear:both; overflow:hidden; border-left:1px solid #a7a7a7; border-right:1px solid #a7a7a7; }
.things2do .body .cal { width:54px; float:left; margin:5px 0 10px 10px; text-align:center; font-size:11pt; font-weight:bold; 
    cursor:pointer; height:54px; padding-bottom:4px; background:url('/image/home/greybox.gif') no-repeat 0 0; color:#000000; }
.things2do .body .calA { background:url('/image/home/darkgreybox.gif') no-repeat 0 0; color:#ffffff; }
.things2do .body .cal div { font-size:15pt; margin-top:5px; }
.things2do .body a.more { float:right; font-weight:bold; margin-right:10px; }
.things2do .body .ttd .item { overflow:hidden; clear:both; margin:0 10px 10px 10px; width:447px; clear:both; }
.things2do .body .ttd .item img { border:0px; float:left; margin-right:10px; }
.things2do .body .ttd .item h5 { margin:0px; }
.things2do .body .ttd .item h5 a { color:#03006d; font-size:9.5pt; font-weight:bold; font-style:italic; text-decoration:none; }
.things2do .body .ttd .item h5 a:hover { text-decoration:underline; }
.things2do .body .ttd .item p { margin:5px 0; }
.things2do .body .ttd .item p a { color:#000000; text-decoration:none; }
.things2do .body .ttd .item a.checkitout { float:right; }
.things2do .bot { background:url('/image/eventscal_bot.gif') no-repeat left top; width:100%; height:6px; }

/************ Common Style ***************/
.hotEvents .body .top10 .deck .item img, 
.homeVacPlan .body .item img, 
.hotEvents .body .top2 .item img, 
.whatsHot .body .item img { border:0px; }

.homeVacPlan .body .item .subTitle, 
.hotEvents .body .top2 .item .subTitle, 
.whatsHot .body .item .subTitle { padding:5px 0 2px 5px; }

.hotEvents .body .top10 .deck .item .subTitle a,
.homeVacPlan .body .item .subTitle a, 
.hotEvents .body .top2 .item .subTitle a, 
.whatsHot .body .item .subTitle a { color:#03006D; text-decoration:none; font-weight:bold; font-style:italic; }

.hotEvents .body .top10 .deck .item .subTitle a:hover,
.homeVacPlan .body .item .subTitle a:hover, 
.hotEvents .body .top2 .item .subTitle a:hover, 
.whatsHot .body .item .subTitle a:hover { text-decoration:underline; }

.homeVacPlan .body .item .subText, 
.hotEvents .body .top2 .item .subText, 
.whatsHot .body .item .subText { padding-left:5px; line-height:120%; }
/************ Common Style ***************/

/* bottom SEO text */
.bottomInfoText { width:980px; position:relative; top:0px; left:0px; text-align:left; margin:40px 0 10px 0; }
.bottomInfoText .bitTitle { color:#ffffff; font-size:10pt; font-weight:bold; padding:0 0 5px 13px; }
.bottomInfoText .bitBody { position:relative; padding:20px 13px 20px 13px; }
.bottomInfoText .bitBody .item { color:#808080; margin:0 20px 20px 0; }
.bottomInfoText .bitBody .item .subTitle { font-weight:bold; font-size:10pt; margin-bottom:2px; text-transform:uppercase; }
.bottomInfoText .bitBody a { color:#808080; text-decoration:none; }
.bottomInfoText .bitBody a:hover { color:#000000; text-decoration:underline; }
.bottomInfoText .bitBody .item .subBody { font-size:8pt; line-height:130%; }
.bottomInfoText .bitBody .item .subBody li { position:relative; left:13px; }

.bottomInfoText .bitBody a.acities { color:#5096b9; font-size:8pt; text-decoration:none; }
.bottomInfoText .bitBody a.acities:hover { color:#5096b9; text-decoration:underline; }

/* Top Right Ad */
.topRightAd { margin-bottom:0px; }
.topRightAd img { position:relative; top:auto; right:auto; margin-bottom:10px; }