
/* scroll to top */
.scrollup { width:77px; height:77px; opacity:0.5; position:fixed; 
            bottom:50px; right:50px; display:none; text-indent:-9999px; 
            background: url('http://www.smartervegas.com/images/icons/scroll-top.png') no-repeat; }

/* COMMON */

body { font-family: arial, verdana; font-size: 14px; padding-top: 0px; }
@media (max-width: 767px) {
    body { padding-top: 52px }
} 

h1 { font-family: arial; font-size: 18px; font-weight: bold; color: green; padding: 0px; margin: 0px; }
.template-content { background-color: white; border: 1px solid lightgray; }
@media (max-width: 768px) {
    .template-content { border-bottom: 1px solid lightgray }
}

#overlayPanel { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; background-color: black; opacity: 0.70 }
#overlayHTML { display: none; position: fixed; top: 0px; left: 0px; z-index: 1000; background-color: white; border: 0px solid gray; border-radius: 0.3em }

.btn-3d { border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid gray; border-bottom: 1px solid gray; }

.odd { background-color: #f7f7f7; }
.even { background-color: #FFFFE5; }

/* USED TO SPACE TWO COLUMNS IN THE SAME ROW */
.leftRow { margin-right: 10px; }
.rightRow { margin-left: 10px; }
@media (max-width: 768px) {
    .leftRow { margin-right: 0px; }
    .rightRow { margin-left: 0px; }
}

.SmallTextBox { font-size: 11px; font-family: Verdana, Arial; }

.defLink { font-size: 10px; }
.defLink a { text-decoration: none; color: black; }
.defLink a:hover { text-decoration: underline; }

.greenLink { font-size: 10px; color: green;}
.greenLink a { color: green; }
.greenLink a:hover { }

.breadcrumb { font-family: Verdana; padding: 0px 0px 0px 0px; margin: 5px 0px 8px 0px; font-size: 11px; color: gray; background-color: white; }
.breadcrumb a { color: Gray; }
.breadcrumb a:hover { color: Gray; text-decoration:underline; }

/* PAGES */

/* FOOTER PAGES */
#PrivacyPolicyWrapper { padding: 1.2em; text-align: left; font-size: 1em; }
#TermConditionsWrapper { padding: 1.2em; text-align: left; font-size: 1em; }
#AboutUsWrapper { text-align: left; border: 2px solid green; font-size: 0.9em; border-radius: 0.5em; padding: 2em; margin: 3em; } 
#ContactUsWrapper { text-align: left; border: 2px solid green; font-size: 1em; border-radius: 0.5em; padding: 2em; margin: 3em; } 
@media (max-width: 768px) {
    #AboutUsWrapper { padding: 1.2em; margin: 0; border: 0; }
    #ContactUsWrapper { padding: 1.2em; margin: 0; border: 0; }
}

/* PRESS PAGE */
#PressWrapper { text-align: left; font-size: 1em; padding: 1.2em; }
#PressWrapper .seperator { padding: 13px 0px 0px 0px; background-color: darkgreen; border-top: 4px solid green; border-bottom: 4px solid green; }
#PressWrapper .article-wrapper { margin: 16px 60px 10px 60px; font-family: verdana; font-size: 0.8em; }
#PressWrapper .page-title { font-size: 2.5em; }
@media (max-width: 768px) {
    #PressWrapper .article-wrapper { margin: 16px 0px 10px 5px;  }
    #PressWrapper .page-title { font-size: 1.6em; }
}

/* GENERIC-PAGE-LIST */
.generic-row { border: 0px solid red; }
.generic-row a { text-decoration: none; color: black; }
.generic-col { height: 100%; border-bottom: 1px solid lightgray; padding: 5px 0px; }
.generic-col .rightIcon { float: right;  margin: 24px 10px 0px 0px; color: gray; }
.generic-col .catImg { float: left; margin: 2px 8px 2px 2px; width: 100%; height: 60px; }
.generic-col .content { padding-left: 0.7em }
.generic-col .title { font-size: 0.85em; font-weight: bold; }
.generic-col .description { font-size: 0.75em; font-family: verdana; }
.attractions-col .freeIcon { float: right; margin: 24px 10px 0px 0px } /* ATTRACTIONS */
.museums-col .catImg { width: 100%; height: 100%; } /* MUSEUMS */

.videoPage .playButton { float: none; position: absolute; margin: 13% 32%; font-size: 50px; opacity: 0.75; color: white }
.videoPage .previewThumbnail { width: 100% }
.videoPage .videoInfoBox { background-color: green; padding: 3px 2px 3px 2px; font-size: 14px; color: white; text-align: center }

#BlogItem { font-size: 11px; font-family: Verdana; }
#BlogItem .author { color: gray }
#BlogItem .title { }
#BlogItem .title a { font-weight: bold; font-size: 26px; font-family: Tahoma; color: black; text-decoration: none }
#BlogItem .title a:hover { font-weight: bold; font-size: 26px; font-family: Tahoma; color: blue; text-decoration: none }
#BlogItem .body { line-height: 135%; color: #000000; font-family: verdana; font-size: 13px; padding: 12px 0px 10px 3px }
#BlogItem .featuredPhoto { float: left; border: 1px solid gray; padding: 2px; margin: 2px 12px 5px 0px }
#BlogItem .dateBoxTD { width: 55px; font-size: 12px; font-family: verdana; font-weight: bold; background-color: green; color: white; text-align: center; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-bottom: 1px solid black; border-right: 1px solid black; padding: 4px 10px 4px 10px }
#BlogItem .titleBoxTD { padding: 0px 0px 0px 10px }

#GenericPage { font-size: 11px;	font-family: Verdana; }
#GenericPage .categoryimage img { float: left; margin: 0px 10px 3px 0px; border: 1px solid black}
#GenericPage .categoryshortdesc { font-size: 10px; padding-bottom: 5px }
#GenericPage .linksbox { margin: 0px 0px 3px 0px }
#GenericPage .link { font-size: 10px; color: blue; margin-right: 8px; font-weight: normal }
#GenericPage .addresstitle { font-size: 11px; color: Gray; padding: 0px 0px 0px 0px; }
#GenericPage .address { font-size: 10px; color: Gray; padding: 0px 0px 4px 0px; }
#GenericPage .officialsite { font-size: 11px; padding: 0px 0px 10px 3px; }
#GenericPage .purchase { padding: 0px 0px 8px 1px; font-size: 14px; }
#GenericPage .purchase .link { padding-left: 3px; font-size: 11px; font-family: Verdana; }
#GenericPage .purchase li { padding: 0px 0px 2px 0px; font-size: 12px; }
#GenericPage .title { color: navy;	font-style: italic;	font-size: 10px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 5px; }
#GenericPage .desctitle { padding: 3px 0px 3px 4px; margin-bottom: 5px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background-color: #FFFFCC;	font-size: 11px; font-family: Verdana; color: maroon; font-weight: bold; }
#GenericPage .desc { padding: 0px 0px 0px 0px }
#GenericPage .desctext { padding: 0px 0px 0px 4px }
#GenericPage .detail { padding: 0px 0px 5px 0px }
#GenericPage .detail a { font-weight: bold; }
#GenericPage .desc img { margin: 0px 6px 0px 3px; border: 1px solid black; text-align: left; }
#GenericPage .bodytexttitle { color: maroon; background-color: #ffffcc; padding: 3px 0px 3px 8px; margin: 8px 0px 10px 0px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; font-size: 11px; font-family: Verdana;	font-weight: bold; }
#GenericPage .bodytext { padding: 0px 0px 0px 4px; }
#GenericPage .mapcontent { margin: 0px 3px 0px 1px }
#GenericPage .google-map { margin: 2px 0px 0px 0px; width: 100%; height: 450px; }
@media (max-width: 768px) {
    #GenericPage .google-map { height: 300px; }
}

#PoolDetailsDiv { margin: -6px 10px 0px -20px}
#PoolDetails { font-size: 11px; font-family: Verdana }
#PoolDetails li { padding: 7px 0px 0px 0px }

.poolitem { font-size: 11px; padding: 0px 0px 3px 0px; }
.poolreview { font-size: 11px; padding: 8px 30px 20px 8px; }
.poolbullet { padding: 2px 3px 0px 1px; }

#PoolImagesBox { float: right; margin: 0px 0px 5px 18px; }
#PoolImagesBox .previewPaneImage { display: block; width: 252px; height:180px }
@media (max-width: 768px) {
    #PoolImagesBox { float: none; margin: 0px 0px 10px 0px; }
    #PoolImagesBox .previewPaneImage { display: none; width: 100%; }
}

#toolTipBox {display: none; padding: 5px; font-size: 10px; border: black solid 1px; font-family: verdana; position: absolute; background-color: #ffffcc; padding: 6px 8px 6px 8px; color: #000000; }

#VegasDef {}
#VegasDef li { padding: 6px 0px 0px 0px; }
#VegasDef .title { color: White; font-size: 13px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 5px; background-color: #1A3B81; }

.LeftCategoryMenuTableCell { width: 150px; padding: 0px 0px 0px 0px; vertical-align: top; }

#questions { vertical-align: top; font-family: verdana; border-bottom: 1px solid #d3d3d3; font-family: Verdana; padding: 10px 15px 18px 15px; }
#questions .title { color: navy; font-size: 14px; font-family: verdana; }
#questions .content { padding: 3px 0px 0px 0px; font-size: 11px; font-family: Verdana; color: black; }
#questions .toprightdate { border: 1px solid #d3d3d3; background-color: White; padding: 2px 5px 3px 5px; margin-left: 6px; margin-bottom: 5px; float: right; font-size: 10px; font-family: Verdana; }
#questions .date { padding-top: 7px; font-size: 9px; color: Gray; }
#questions .usernick { color: Gray; font-size: 9px; }
#questions .totalanswers { color: Gray; padding-top: 3px; font-size: 11px; }
#questions .totalanswers a { font-size: 10px; color: Maroon; text-decoration: none; }
#questions .totalanswers a:hover { text-decoration: underline; }

#TipsCategories {}
#TipsCategories .bodyelement { font-family: Verdana; font-size: 14px; padding: 12px 0px 0px 4px; }
#TipsCategories .bodyelement a { font-family: verdana; color: Purple; font-size: 13px; text-decoration: none; font-weight: bold; }
#TipsCategories .bodyelement a:hover { text-decoration: underline; }

#tip { padding: 0px 8px 0px 8px; font-family: Verdana; }
#tip .subject { color: black; padding: 0px 0px 4px 0px; font-weight: bold; font-size: 12px; }
#tip .body { font-size: 10px; }
#tip .comments { color: Gray; padding-left: 1px; padding-top: 8px; font-size: 10px; }
#tip .comments a { font-family: Verdana; color: Gray; font-size: 10px; }
#tip .comments img { width: 17px; vertical-align:middle; }
#tip .separatebar { padding: 0px 0px 0px 0px; border-top: 1px dotted #d3d3d3; margin: 10px 0px 7px 0px; }

#tipSideMenu { font-family: Verdana; }
#tipSideMenu .title { text-align: center; color: White; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 5px; background-color: #1A3B81; margin-bottom: 4px; }
#tipSideMenu .body { padding: 0px 0px 10px 0px; }
#tipSideMenu a { font-weight: bold; text-decoration: none; font-size: 11px; }
#tipSideMenu a:hover { text-decoration: underline; }

.logo { padding: 7px 0px 0px 2px; }
.logoimg { padding: 5px 3px 0px 7px; }
.logotext { padding: 0px 0px 0px 4px; }

.reviewsContentTitle { color: green; font-size: 0.8em; margin: 5px 0px 7px 0px; padding: 6px 5px 6px 5px; background-color: #FFFFCC; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.reviewFrame { line-height: 15px; border: 2px solid green; border-radius: 0.5em; padding: 5px 8px 5px 8px; margin: 7px 0px 18px 0px; }

#ReviewsSortingBar { color: brown; font-family: verdana; font-size: 11px; padding-top: 8px; }
#ReviewsPageNumbers { font-family: verdana; color: black; font-size: 11px; text-align: center; }
#ReviewsPageNumbers a { color: green; } 
#ReviewsPageNumbers a:hover { color: black; }

/* ADD-A-REVIEW */
.reviewPageWrapper { padding: 20px 0px 30px 0px; font-family: arial; font-size: 16px; }
.reviewCategoryName { text-align: center; font-size: 1em; margin-bottom: 25px; padding: 5px 0px 5px 0px; background-color: green; color: white; border-top: 1px solid black; border-bottom: 1px solid black; }
.reviewBoxWrapper {  border: 2px solid green; border-radius: 0.4em; padding: 15px 20px 0px 20px; max-width: 600px; }
@media (max-width: 768px) {
    .reviewCategoryName { margin-bottom: 0px; }
    .reviewBoxWrapper { border-bottom: 5px solid green; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; }
}

#ExitPage { font-family: Arial; font-size: 16px; font-weight: bold; }
#ExitPage .textbox { font-family: verdana; font-size: 11px; height: 12px; }
#ExitPage .signupbox { padding: 10px 0px 0px 0px; height: 120px; font-family: arial; font-size: 14px; }

#Maps {}
#Maps .title { color: White; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 5px; background-color: #1A3B81; }
#Maps .body {}
#Maps img { width: 300px; margin-left: 3px; margin-bottom: 5px; }
#Maps a { font-size: 11px; color: black; text-align: center; font-weight: bold; }

#MultiCategory { font-family: Verdana; }
#MultiCategory td { vertical-align: top; background-color: #FFFFFF; }
#MultiCategory .image { float: left; border: 1px solid black; padding: 2px 2px 2px 2px; margin: 2px 5px 0px 0px; }
#MultiCategory .title { text-align: center; color: White; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 5px; background-color: #3A8E1B; margin-bottom: 4px; }
#MultiCategory .nametitle { font-size: 11px; font-weight: bold; color: green; padding: 0px 0px 2px 0px; }
#MultiCategory .nametitle a { text-decoration: none; color: green; }
#MultiCategory .nametitle a:hover { text-decoration: underline; color:Teal; }
#MultiCategory .content { font-size: 10px; }
#MultiCategory .placeholder { border-top: 2px dotted #d3d3d3; background-color: white; padding: 12px 12px 12px 12px; }

#MultiCategoryMuseums { font-family: Verdana; }
#MultiCategoryMuseums td { vertical-align: top; background-color: #FFFFFF; }
#MultiCategoryMuseums .image { float: left; border: 1px solid black; padding: 2px 2px 2px 2px; margin: 2px 5px 0px 0px; }
#MultiCategoryMuseums .title { text-align: center; color: White; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 5px; background-color: #3A8E1B; margin-bottom: 4px; }
#MultiCategoryMuseums .nametitle { font-size: 18px; font-family: arial; font-weight: bold; padding: 0px 0px 2px 0px; }
#MultiCategoryMuseums .nametitle a { text-decoration: none; color: olive; }
#MultiCategoryMuseums .nametitle a:hover { color: DarkGreen; }
#MultiCategoryMuseums .content { font-size: 10px; }
#MultiCategoryMuseums .placeholder { border-top: 2px dotted #d3d3d3; background-color: white; padding: 11px 12px 12px 12px; }

#Implosions { padding: 10px; text-align: center; font-family: verdana; }
#Implosions .wrapper { width: 748px; margin: 0px 0px 0px 14px; border: 1px solid green; }
#Implosions .innerwrapper { width: 499px; font-size: 11px; text-align: center; }
#Implosions .title { padding: 4px 5px 4px 10px; text-align: left; font-size: 13px; font-weight: bold; background-color: green; color: white; }
#Implosions .text { text-align: left; font-size: 11px; padding: 8px 10px 0px 10px; }
#Implosions .menutopbox { width: 115px; border: 1px solid green; padding: 2px 2px 2px 2px; background-color: #FFFFE1; }
#Implosions .menubottombox { width: 115px; border: 1px solid green; padding: 2px 2px 2px 2px; background-color: #FFFFCC; }

#FoodPage { font-size: 10px; padding: 0px 0px 0px 0px; }
#FoodPage .address  { font-size: 10px; padding-bottom: 10px; }
#FoodPage .title { color: White; font-size: 13px; font-weight: bold; font-style: italic; padding: 5px 0px 5px 0px; margin-bottom: 7px; }
#FoodPage .SubTitle { color: Maroon; font-size: 11px; font-style: italic; font-weight: bold; padding: 0px 0px 1px 0px; }
#FoodPage .DetailsTitle { color: Maroon; font-size: 11px; font-style: italic; font-weight: bold; margin-bottom: 5px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #d3d3d3; }
#FoodPage .purchase { font-size: 11px; font-weight: bold; padding: 0px 0px 4px 0px; }

#GolfPage { font-size: 10px; padding: 0px 0px 0px 0px; }
#GolfPage .title { color: White; font-size: 13px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 7px; background-color: #1A3B81; }
#GolfPage .purchase { padding: 0px 0px 4px 0px; font-size: 11px; font-weight: bold; }

#NightLifePage { font-size: 11px; }
#NightLifePage .title { color: White; font-size: 13px; font-weight: bold; font-style: italic; padding: 5px 0px 5px 0px; margin-bottom: 7px; }
#NightLifePage .SubTitle { color: Maroon; font-size: 11px; font-style: italic; font-weight: bold; padding: 0px 0px 1px 0px; }
#NightLifePage .DetailsTitle { color: Maroon; font-size: 11px; font-style: italic; font-weight: bold; margin-bottom: 5px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #d3d3d3; }
#NightLifePage .address { font-size: 10px; padding-bottom: 10px; }
#NightLifePage .purchase { padding: 5px 0px 8px 19px; font-size: 14px; }
#NightLifePage .purchase li { font-size: 12px; }
#NightLifePage ul { padding: 0px 0px 0px 0px; margin: 5px 15px 6px 20px; }
#NightLifePage li { font-size: 12px; padding: 0px 0px 2px 0px; }
#NightLifePage .desc { font-size: 10px; }

#HotelPage { font-size: 10px; padding: 0px 0px 0px 0px; }
#HotelPage .address { font-size: 9px; padding: 0px 0px 0px 0px; }
#HotelPage .detail { padding: 5px 0px 0px 0px; font-size: 10px; }
#HotelPage .detail a { font-weight: bold; }
#HotelPage .desc { }
#HotelPage .hotelintro { padding: 5px 0px 0px 0px; }
#HotelPage .link { color: Red; }
#HotelPage .officialsite { font-size: 11px; font-weight: bold; padding: 0px 0px 5px 3px; }
#HotelPage .purchase { padding: 5px 0px 8px 19px; font-size: 14px; }
#HotelPage .purchase li { font-size: 12px; padding-bottom: 3px; }
#HotelPage .title { color: White; font-size: 13px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 7px; background-color: #1A3B81; }
#HotelPage .details_title { border-bottom: 1px solid #d3d3d3; font-style: italic; font-weight: bold; font-size: 13px; padding: 8px 0px 8px 0px; margin: 0px 0px 4px 0px; }

#ShowPage { font-size: 12px; font-family: Arial; }
#ShowPage ul { margin: 5px 15px 6px 20px; }
#ShowPage li { font-size: 11px; padding: 0px 0px 8px 0px; }
#ShowPage .addresstitle { font-size: 11px; color: Gray; padding: 0px 0px 0px 0px; }
#ShowPage .address { font-size: 10px; color: Gray; padding: 0px 0px 5px 0px; }
#ShowPage .officialsite { font-size: 11px; padding: 0px 0px 10px 3px; }
#ShowPage .purchase { padding: 0px 0px 8px 1px; font-size: 14px; }
#ShowPage .purchase .link { padding-left: 3px; font-size: 11px; font-family: Verdana; }
#ShowPage .purchase li { padding: 0px 0px 2px 0px; font-size: 12px; }
#ShowPage .title { color: Green; font-style: italic; font-size: 10px; font-weight: bold; padding: 5px 5px 5px 5px; margin-bottom: 5px; }
#ShowPage .desctitle { padding: 3px 0px 3px 4px; margin-bottom: 5px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background-color: #FFFFCC; font-size: 11px; font-family: Verdana; color: maroon; }
#ShowPage .desc { font-size: 11px; }
#ShowPage .detail { font-size: 11px; padding-bottom: 5px; }
#ShowPage .detail a { font-weight: bold; }
#ShowPage .desc img  { margin: 0px 6px 0px 3px; border: 1px solid black; text-align: left; }
#ShowPage .bodytexttitle { color: maroon; background-color: #ffffcc; padding: 3px 0px 3px 8px; margin: 8px 0px 10px 0px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; font-size: 11px; font-family: Verdana; }
#ShowPage .bodytext { padding: 0px 0px 0px 4px; font-size: 11px; }
#ShowPage .bodytext ul { }
#ShowPage .bodytext li { font-size: 11px; }

#PageHeader { font-size: 12px; font-family: Verdana; margin-bottom: 7px; }
#PageHeader a { color: green; font-family: Verdana; font-size: 11px; text-decoration: none; }
#PageHeader .link { cursor: pointer; color: green; font-family: Verdana; font-size: 11px; text-decoration: none; }
#PageHeader .linkImg { width: 15px; margin-top: -1px; }
#PageHeader .address { font-size: 10px; color: Gray; padding: 0px 0px 5px 0px; }
#PageHeader .content { padding: 0px 0px 6px 0px; font-size: 14px; }
#PageHeader .categoryImg { border: 1px solid black; width: 115px; height: 88px; }
#PageHeader .categoryImg-museums { border: 1px solid black; width: 150px; }
#PageHeader .feesHeaderWrapper { line-height: 17px; z-index: 2; display: none; width: 480px; font-size: 11px; font-family: verdana; margin: 26px 0px 0px -275px; border: 1px solid black; background-color: white; position: absolute }
#PageHeader .feesHeaderBorder { border: 4px solid gray }
#PageHeader .feesHeaderArrow { position: absolute; margin: -12px 0px 0px 241px; font-size: 15px; color: black; }
#PageHeader .feesHeaderContent { border: 1px solid black; background-color: #FFFFF1; padding: 12px; }
#PageHeader .feesCloseBtn { float: right; margin-left: 8px; padding: 7px 7px 9px 7px  }
#PageHeader .elementsBox { padding: 0 0 0 1em; }
#PageHeader .elements-box-btn { text-align: left; padding: 3px 5px 3px 5px; margin-bottom: 7px; margin-right: 5px; border-radius: 0.25em; }
/*#PageHeader .menu-btn { margin-right: 5px; margin-top: 5px; padding-bottom: 3px; }*/
#PageHeader .hiddenBtn { display: inline-block; }
#PageHeader .map-marker-icon { color: gray; font-size: 1em; }
#PageHeader .resort-fees-container { font-size: 0.8em; border: 1px solid gray; border-radius: 0.3em; padding: 10px; }
@media (max-width: 992px) {
    #PageHeader .elementsBox { padding: 0; }
    #PageHeader .categoryImg { float: left; width: 115px; height: 88px; margin-right: 8px }
    #PageHeader .resort-fees-container { font-size: 0.8em; border: 1px solid gray; border-radius: 0.3em; padding: 5px; }
}
@media (max-width: 768px) {
    #PageHeader .elementsBox { padding: 0; }
    #PageHeader .hiddenBtn { display: none; }
    #PageHeader .categoryImg { float: left; width: 115px; height: 88px; margin-right: 8px }
    #PageHeader .resort-fees-container { font-size: 0.8em; border: 1px solid gray; border-radius: 0.3em; padding: 5px; }
}




#DiscountCounter { line-height: 13px; background: url(/images/icons/green-seal.jpg) no-repeat top center; width: 84px; height: 84px; float: right; text-align: center; font-family: verdana; font-size: 11px; color: White; }
#DiscountCounter .title {}
#DiscountCounter .text { padding: 18px 0px 0px 0px; }
#DiscountCounter .text a { padding: 18px 0px 0px 0px; color: White; text-decoration: none; }
#DiscountCounter .number { font-weight: bold; font-size: 14px; font-family: arial; }
#DiscountCounter .viewlink { padding: 1px 0px 0px 1px; }
#DiscountCounter .viewlink a { color:Yellow; font-weight: bold; font-family: Arial; font-size: 9px; text-decoration: underline; }

#ContentPage { font-size: 1em; font-family: Verdana; }
#ContentPage .address { font-size: 0.72em; font-family: Arial; color: Gray; padding: 3px 0px 5px 0px; }
#ContentPage .content { padding: 0px 0px 6px 0px; min-height: 142px }
#ContentPage .content .link { padding-left: 5px; font-size: 0.8em; color: green; text-decoration: none; cursor: pointer }
#ContentPage .content .link:hover {  }
#ContentPage .desctitle { margin: 2px 0px 2px 0px; padding: 3px 0px 3px 4px;  border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background-color: #FFFFCC; font-size: 0.8em;  font-family: Verdana; color: maroon; }
#ContentPage .desctext { font-family: Verdana; font-size: 0.8em; padding-left: 3px; }
#ContentPage .detail { margin: 4px 0px 0px 0px }
#ContentPage .categoryImg { width: 120px; height: 90px; float: left; display: block; margin: 2px 6px 0px 2px; border: 1px solid black }
#ContentPage .cursorMagnifyGlass:hover { cursor: url("/images/cursors/magnifyingglass.ani"), url("/images/cursors/magnifyingglass.gif"), auto; }
#ContentPage .elements-box-btn { text-align: left; padding: 3px 5px 3px 5px; margin: 3px 5px 3px 0px; border-radius: 0.25em; }
#ContentPage .map-marker-icon { color: gray; font-size: 1em; }

.hotel-room-images .image-col { border: 0px solid red;  }
.hotel-room-images .desc-col { border: 0px solid red;  }
.hotel-room-images .desc-col-wrapper { border: 0px solid blue; padding-left: 0px }
.hotel-room-images .selected-room-image { width: 800px; height: 500px; border: 4px solid black; cursor: zoom-out; }
.hotel-room-images .selectedImage { width: 320px; height: 200px; border: 1px solid black; cursor: zoom-in }
.hotel-room-images .goLeft { position: absolute; display: none; margin: 80px 0px 0px 10px; cursor: pointer; opacity: 0.75 }
.hotel-room-images .goRight { position: absolute; display: none; margin: 80px 0px 0px 270px; cursor: pointer; opacity: 0.75 }
.hotel-room-images .thumb-circles { padding: 1px 0px 0px 0px }
.hotel-room-images .thumb-circles .showImage { width: 10px; padding: 3px; border: 2px solid black; border-radius: 0.5em; cursor: pointer }
.hotel-room-images .thumb-circles .playVideo { width: 10px; padding: 3px; border: 2px solid black; border-radius: 0.5em; cursor: pointer }
.hotel-room-images .seperator-bar { border-top: 1px dotted lightgray; width: 100%; margin: 20px 0px 20px 0px }

@media (max-width: 992px) { 
    .hotel-room-images .desc-col-wrapper { padding-left: 10px }
    .hotel-room-images .selected-room-image { width: 680px; height: 425px; }
    .hotel-room-images .selectedImage { width: 100%; }
    .hotel-room-images .goRight { margin: 80px 0px 0px 245px }
}
@media (max-width: 768px) {
    .hotel-room-images .desc-col { height: auto; }
    .hotel-room-images .desc-col-wrapper { padding-left: 0px }
    .hotel-room-images .selectedImage { width: 100%; max-width: 295px; height: 200px }
    .hotel-room-images .thumb-circles { padding: 5px 0px 0px 0px }
    .hotel-room-images .thumb-circles .showImage { padding: 4px }
    .hotel-room-images .thumb-circles .playVideo { padding: 4px }
    .hotel-room-images .goRight { margin: 80px 0px 0px 245px }
}
@media (max-width: 310px) {
    .hotel-room-images .goRight { margin: 80px 0px 0px 210px }
}

/* GUIDES */
#Guide { font-size: 11px; }
#Guide .btn-menu { background-color: darkgreen; color: #FFFFFF; padding: 3px 6px 3px 6px; border-radius: 0.4em; }
#Guide .btn-submenu { background-color: teal; color: #FFFFFF; padding: 3px 6px 3px 6px;	border-radius: 0.4em; }
#Guide .btn-link { color: White; text-decoration: none; }
#Guide .btn-link:hover { }
#Guide .guide-img { width: 200px; border-top: 1px solid teal; border-right: 1px solid teal;	border-left: 1px solid teal; border-radius: 0.3em 0.3em 0em 0em; }
#Guide .guide-img-txt { width: 100%; color: white; background-color: teal; padding: 5px 0px; font-size: 1.1em; font-family: arial; text-align: center; border-right: 1px solid teal; border-left: 1px solid teal; border-radius: 0em 0em 0.3em 0.3em; }
#Guide .guide-img-wrapper { width: 200px; }
#Guide .section-title { width: 100%; font-size: 17px; font-weight: bold; }
#Guide .section-title-wrapped {	width: 100%; font-size: 16px; font-weight: bold; background-color: #FFFFE1; border-bottom: 1px solid lightgray; border-top: 1px solid lightgray; margin: 0px 0px 5px 0px; padding: 3px 0px; }
#Guide .quick-link { color: teal }
@media (max-width: 768px) {
    #Guide .guide-img { width: 150px; }
    #Guide .guide-img-txt { font-size: 1em; }
    #Guide .guide-img-wrapper { width: 150px; }
}

/* TOURS */
.tours { font-size: 15px; }
.tours .btn-menu {  margin-bottom: 0px; }
.tours .photos-img { float: right; width: 150px; margin-left: 20px; margin-top: -20px; }
.tours .page-title { padding-top: 0px; padding-bottom: 3px; }
.tours .page-desc { font-family: verdana; font-size: 0.725em; padding: 3px 0px 0px 0px }
.tours .cat-img { padding: 10px 4px 0px 0px }
@media (max-width: 768px) {
    .tours .btn-menu {  margin-bottom: 3px; }
    .tours .photos-img { margin-top: 12px; }
    .tours .page-title { padding-top: 10px; }
}

/* HOTELS HOMEPAGE */
.hotelsHomePage { font-family: Verdana; font-size: 11px }

/* SHOWS HOMEPAGE */
.showsHomePage { font-size: 13px; }
.showsHomePage .pageTitle { padding: 10px 0px 3px 0px; text-align: center }
.showsHomePage .pageDescText { text-align: center; margin: 0px 20px 8px 20px; padding: 0px; font-family: Verdana; font-size: 11px; font-weight: normal }
.showsHomePage .discountWrapper {  }
.showsHomePage .discountSeperator { border-top: 1px dotted lightgray; margin: 8px 10px 8px 0px }
.showsHomePage .discountImgCol { }
.showsHomePage .discountImgCol img { border: 1px solid gray; max-height: 115px; width: 100%; }
.showsHomePage .discountDescCol { }
.showsHomePage .discountTitle { font-family: Arial; font-weight: bold; font-size: 1.3em; color: blue }
.showsHomePage .discountSubject { }
.showsHomePage .discountSubject img { width: 8px; margin: 0px 4px 0px 0px; }
.showsHomePage .discountSubject a { color: black }
.showsHomePage .discountDates { font-family: verdana; font-size: 0.85em; padding: 1px 0px 0px 0px; color: gray }

/* WEATHER PAGE */
.weatherPage { padding: 30px 40px 40px 40px; font-family: verdana; font-size: 11px; }
.weatherPage .colored { color: #A52A2A; background-color: #ffffe1 }
.weatherPage .temperatureAvgTitle { padding: 13px 0px 3px 0px; }
.weatherPage .temperatureAvgTbl { background-color: brown; text-align: center; width: 100%; font-size: 10px; }
.weatherPage .temperatureAvgTbl td { border: 1px solid gray; padding: 2px 0px }
.weatherPage .temperatureHighestTitle { padding: 0px 0px 5px 0px }
.weatherPage .temperatureHighestTbl { background-color: #A52A2A; text-align: center; width: 100%; font-size: 10px; }
.weatherPage .temperatureHighestTbl td { border: 1px solid gray; padding: 2px 0px }
.weatherPage .temperatureHighestTbl span { color: gray }


/* RESORT FEES */
.resort-fees { font-size: 0.8em; font-family: verdana; padding: 0 150px; }
.resort-fees a { color: blue; }
.resort-fees .hSeparator { border-right: 1px solid gray; margin: 0px 5px 0px 5px }
.resort-fees .title { text-align: center; padding: 12px 0px 3px 0px }
.resort-fees .descText { text-align: center }
.resort-fees .learnMore { text-align: center; padding: 4px 0px 10px 0px }
.resort-fees .tblTitle { background-color: darkgreen; color: white; font-weight: bold; font-size: 12px; padding: 3px 0px 3px 2px; border-top: 3px solid lightgreen; border-bottom: 3px solid lightgreen; margin-bottom: 1px }
.resort-fees .tblFeeRow { font-size: 1.1em; border-bottom: 1px solid lightgray; padding: 1px 0px 1px 0px }
.resort-fees .fee-details-box { display: none; padding: 8px 8px 8px 8px; margin: 1px 0px 0px 0px; border: 1px solid lightgray; background-color: #FFFFF1; }
.resort-fees .faqWrapper { border: 1px solid darkgreen; margin-top: 30px; font-size: 1.1em; }
.resort-fees .faqTitle { padding: 6px 0px 6px 10px; font-weight: bold; background-color: darkgreen; color: white }
.resort-fees .faqContent { padding: 10px 10px 12px 10px }
@media (max-width: 992px) {
    .resort-fees { padding: 0 6em; }
}
@media (max-width: 768px) {
    .resort-fees { padding: 0 1em; }
}

/* HOTELS MAIN PAGE COUPONS */
.hotelsMain {} 
.hotelsMain .couponRow { font-size: 1em; }
.hotelsMain .couponCol {}
.hotelsMain .couponWrapper { border: 1px dashed gray; margin-top: 15px; padding: 8px; min-height: 110px; border-radius: 0.3em }
.hotelsMain .couponCodeWrapper { font-size: 1.1em; position: absolute; margin: 70px 0px 0px 0px }
.hotelsMain .couponButtonsWrapper { position: absolute; margin: 70px 0px 0px 152px }
.hotelsMain .couponBtn { font-size: 0.9em; }
.hotelsMain .couponCategoryOwner { font-size: 1.5em }
.hotelsMain .couponCategoryOwner a { color: green; font-weight: bold; }
.hotelsMain .couponTitle { font-size: 1em; margin-top: 5px;  color: brown; width: 100%; }
.hotelsMain .couponExpirationDates { padding: 1px 0px 10px 0px; color: gray }

/* HOTEL INFO SIDE MENU (RIGHT) */
.HotelRightMenuContainer { line-height: 14px; background: url(/images/backgrounds/background-gray.jpg) no-repeat top center; float: right; width: 180px; border-right: 0px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 0px 8px 8px 10px; margin: 26px 0px 10px 13px }
.HotelRightMenuContainer a { color: Blue; text-decoration: none; }
.HotelRightMenuContainer a:hover { text-decoration: underline; }
.HotelRightMenuGroup { font-size: 0.9em; font-weight: bold; color: Maroon; margin-top: 6px; padding: 5px 0px 1px 0px; }
.HotelRightMenuItem { font-size: 0.8em; padding-bottom: 1px }
.HotelRightMenuItem .sideInfoLink { color: blue; cursor: pointer }
.HotelRightMenuItem .sideInfoLink:hover { text-decoration: underline }

/* VIDEO LIST (HOTELS) */
.videoItemBox { padding: 1.3em 0px 0.4em 2em }
.videoItemBox .videolnk { cursor: pointer }
.videoItemBox .videoTitleWrapper { position: absolute; height: 25px; width: 300px; background-color: black; opacity: 0.7 }
.videoItemBox .videoTitle { position: absolute; font-size: 1em; opacity: 1; width: 300px; padding: 4px 4px 4px 4px; color: white;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.videoItemBox .videoBottomBar { position: absolute; opacity: 0.65; height: 20px; width: 300px; margin-top: 160px; background-color: black; }
.videoItemBox .videoTime { position: absolute; margin: 162px 0px 0px 269px; color: white; font-size: 12px; font-family: arial }
.videoItemBox .videoDate { position: absolute; margin-top: 162px; color: white; font-size: 12px; font-family: arial }
.videoItemBox .videoThumb { height: 180px; width: 300px; border: 1px solid black }
.videoItemBox .videoPlayButton { font-size: 5em; margin: 85px 0px 0px 120px; opacity: 0.4; position: absolute; color: white; z-index: 1; cursor: pointer; }
@media (max-width: 992px) {
    .videoItemBox .videoTitleWrapper { width: 210px; }
    .videoItemBox .videoTitle { width: 210px; }
    .videoItemBox .videoBottomBar { width: 210px; margin-top: 100px; }
    .videoItemBox .videoTime { margin: 102px 0px 0px 180px }
    .videoItemBox .videoDate { margin-top: 102px }
    .videoItemBox .videoThumb { height: 120px; width: 210px; }
    .videoItemBox .videoPlayButton { margin: 50px 0px 0px 80px; }
}
@media (max-width: 768px) {
    .videoItemBox { padding: 0; margin-top: 15px; }
    .videoItemBox .videoTitleWrapper { width: 100% }
    .videoItemBox .videoTitle { width: 100% }
    .videoItemBox .videoBottomBar { width: 100%; margin-top: 160px }
    .videoItemBox .videoTime { margin: 162px 0px 0px calc(100% - 32px) }
    .videoItemBox .videoDate { margin-top: 162px }
    .videoItemBox .videoThumb { height: 180px; width: 100% }
    .videoItemBox .videoPlayButton { display: none; }
}

/* SEARCH-RESULTS.aspx FILTER BOX */
.searchFilterWrapper { font-family: Verdana; font-size: 0.8em; }
.searchFilterWrapper .radioButtons { font-size: 9px }
.searchFilterWrapper .getSearchResults { font-size: 1.5em; font-family: Verdana; margin-top: 10px; }
.searchFilterWrapper .bottomSeperator { border-top: 1px solid gray; margin-top: 8px }
.searchFilterWrapper .filterOptions { padding: 0; }
.loadingWindow { display: block; position: absolute; background-color: black; width: 260px; margin: 10px 0px 0px 260px; z-index: 9999; }
.slct_ResortsList { width: 510px; }
@media (max-width: 992px) {
    .searchFilterWrapper .getSearchResults { margin: 0.7em 2.5em 0 0.7em; padding: 0.35em 0 0.35em 0; font-size: 1.2em; }
    .slct_ResortsList { width: 380px;  }
}
@media (max-width: 768px) {
    .loadingWindow { margin: 0px; width: 100%; }
    .slct_ResortsList { width: 220px; }
    .searchFilterWrapper .getSearchResults { margin: 0.6em 0.7em 0.1em 0.7em; }
    .searchFilterWrapper .filterOptions { padding: 0 1em 0 1em; }
}

/* SEARCH-RESULTS HOMEPAGE SELECTOR */
.search-range-selector { font-family: Verdana; font-size: 0.9375em; padding-left: 10px; padding-top: 5px; }
.search-range-selector .ddl_month { width: 100px; }
@media (max-width: 992px) {
    .search-range-selector { font-size: 0.8em; padding-left: 5px; }
    .search-range-selector .ddl_month { width: 80px; }
}