/*--- tnvacation.com stylesheet ---*/ /*--- these are the styles for grouptours ---*/ /* ------------------------------ common styles ------------------------------ */ * { margin: 0px; padding: 0px; } a { text-decoration: none; } img, fieldset { border: 0px; } body { font: 11px/1.5em Arial, Helvetica, sans-serif; color: #000; background: #fffed6 url(/images/header1/header_bg.jpg) repeat-x center top; text-align: center; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } #wrapper { background: #fffed6; width: 760px; margin: 0px auto; position: relative; text-align: left; } #spring2006 { position: absolute; top: 0px; left: 12px; } /* ------------------------------ header--all pages ------------------------------ */ #header1 { } #tvlogo { width: 249px; height: 86px; background: url(/images/header1/tennessee.jpg) no-repeat; text-indent: -5000px; font-size: 1px; float: left; } #tvlogo a { display: block; width: 100%; height: 100%; overflow: hidden; } #tvnav { width: 212px; height: 86px; background: url(/images/header1/nav-bg.jpg) no-repeat; float: right; } #tvnav ul { list-style: none; margin: 31px 0 0 23px; } #tvnav li { float: left; } #tvnav a { display: block; width: 100%; height: 16px; text-indent: -1000em; overflow: hidden; } #n-stay, #n-road, #n-my, #n-edu { width: 100px; } #n-about, #n-press, #n-season, #n-tour { width: 85px; } #n-stay a { background: url(/images/header1/places-to-stay.gif); } #n-stay a:hover { background: url(/images/header1/places-to-stay_on.gif); } #n-road a { background: url(/images/header1/road-tools.gif); } #n-road a:hover { background: url(/images/header1/road-tools_on.gif); } #n-my a { background: url(/images/header1/my-tn-vacation.gif); } #n-my a:hover { background: url(/images/header1/my-tn-vacation_on.gif); } #n-about a { background: url(/images/header1/about-tn.gif); } #n-about a:hover { background: url(/images/header1/about-tn_on.gif); } #n-press a { background: url(/images/header1/press-room.gif); } #n-press a:hover { background: url(/images/header1/press-room_on.gif); } #n-season a { background: url(/images/header1/season-site.gif); } #n-season a:hover { background: url(/images/header1/season-site_on.gif); } #n-tour a { background: url(/images/header1/group-tours.gif); } #n-tour a:hover { background: url(/images/header1/group-tour-on.gif); } #n-edu a{ background: url(/images/header1/edu.gif); } #n-edu a:hover {background: url(/images/header1/edu-on.gif); } #choo { width: 299px; height: 86px; background: url(/images/header1/choochoo.jpg) no-repeat; float: right; } #choo legend { display: none; } #choo #search { width: 113px; margin-left: 49px; margin-top: 54px; float: left; } #choo #find { margin-left: 11px; margin-top: 49px; float: left; } /* ------------------------------ footer--all pages ------------------------------ */ #footer1 { clear: both; } #setforyou { background: url(/images/footer1/stars.jpg) no-repeat center top; padding-top: 75px; padding-bottom: 10px; text-align: center; font: bold 11px/0px "Times New Roman", Times, serif; color: #c00; text-transform: uppercase; letter-spacing: 1px; } #fnav { padding-top: 20px; } #fnav ul { width: 20%; float: left; list-style: none; } #fnav li { text-align: center; font-size: 11px; line-height: 1.8em; color: #666; } #footer1 a { color: #666; padding: 1px; } #footer1 a:hover { background: #fc3; } #footer1 p { clear: both; text-align: center; font-size: 11px; line-height: 1.8em; color: #666; padding: 15px 75px; } #footer1 hr { display: none; } #footer1 .hr { clear: both; border-bottom: 1px solid #666; margin: 0px 150px; } /* ------------------------------ interest nav--all pages ------------------------------ */ #interestnav ul { list-style: none; } #interestnav li { width: 163px; text-indent: -5000px; } #interestnav li a { display: block; width: 100%; height: 100%; } #n-music { height: 24px; } #n-sports { height: 26px; } #n-history { height: 27px; } #n-nature { height: 27px; } #n-attractions { height: 25px; } #n-music a { background: url(/images/interest/music.jpg) no-repeat left top; } #n-sports a { background: url(/images/interest/sports.jpg) no-repeat left top; } #n-history a { background: url(/images/interest/history.jpg) no-repeat left top; } #n-nature a { background: url(/images/interest/nature.jpg) no-repeat left top; } #n-attractions a { background: url(/images/interest/attractions.jpg) no-repeat left top; } #interestnav li a:hover { background-position: left bottom; } /* change inav to agnav */ #agnav { width: 163px; } #agnav ul { list-style: none; } #agnav li { width: 163px; text-indent: -5000px; height: 19px; } #agnav #ni-music { height: 21px; } #agnav #ni-shopping { height: 22px; } #agnav li a { display: block; width: 100%; height: 100%; } #ni-music a, #ni-attractions a, #ni-sports a, #ni-history a, #ni-nature a, #ni-agritourism a, #ni-shopping a { background: url(/images/interest/nav.gif); } #ni-music a:hover { background-position: 163px 0; } #ni-attractions a { background-position: 0 -21px; } #ni-attractions a:hover { background-position: 163px -21px; } #ni-sports a { background-position: 0 -40px; } #ni-sports a:hover { background-position: 163px -40px; } #ni-history a { background-position: 0 -59px; } #ni-history a:hover { background-position: 163px -59px; } #ni-agritourism a { background-position: 0 -78px; } #ni-agritourism a:hover { background-position: 163px -78px; } #ni-nature a { background-position: 0 -97px; } #ni-nature a:hover { background-position: 163px -97px; } #ni-shopping a { background-position: 0 -116px; } #ni-shopping a:hover { background-position: 163px -116px; } /* comment this part all out #agnav { width: 163px; } #agnav ul { list-style: none; } #agnav li { width: 163px; text-indent: -5000px; height: 23px; } #agnav li a { display: block; width: 100%; height: 100%; } #na-music a, #na-attractions a, #na-sports a, #na-history a, #na-nature a, #na-agritourism a { background: url(/images/interest/ag-nav.gif); } #na-music a:hover { background-position: 163px 0; } #na-attractions a { background-position: 0 -23px; } #na-attractions a:hover { background-position: 163px -23px; } #na-sports a { background-position: 0 -46px; } #na-sports a:hover { background-position: 163px -46px; } #na-history a { background-position: 0 -69px; } #na-history a:hover { background-position: 163px -69px; } #na-nature a { background-position: 0 -92px; } #na-nature a:hover { background-position: 163px -92px; } #na-agritourism a { background-position: 0 -115px; } #na-agritourism a:hover { background-position: 163px -115px; } */ /* ------------------------------ calendar--all pages ------------------------------ */ #calendar { border-collapse: collapse; width: 168px; } #calendart { width: 168px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; vertical-align: middle; text-transform: uppercase; /* here be some hacks */ margin-bottom: -4px; height: 24px; _height: 30px; padding-top: 6px; } #calendart a { color: #fff; } #calendart a:hover { color: #333; } #calendar th { text-align: center; font-weight: normal; font-size: 10px; color: #999; text-align: center; vertical-align: bottom; } #calendar tr { height: 19px; } #calendar td { text-align: center; vertical-align: middle; font-size: 10px; height: 19px; } #calendar td a { color: #099; font-weight: bold; } #calendar td a:hover { color: #333; } #calendar .today { background: url(/images/calendar/today.gif) no-repeat center center; color: #fff; } #calendar .today a { color: #fff; } /* ------------------------------ map - all pages ------------------------------ */ #themap { width: 300px; float: right; margin-right: 3px; margin-top: 14px; display: inline; } #imgmap { display: block; } #header2regions { width: 275px; float: right; margin-top: 4px; } #header2regions ul { list-style: none; width: 250px; } #header2regions li { display: block; float: left; width: 33%; text-align: center; font: bold 11px "Times New Roman", Times, serif; text-transform: uppercase; padding: 2px 0px; } #header2regions li a { color: #599; border-bottom: 1px solid #599; border-top: 1px solid #599; padding: 1px; background: #eee; } #header2regions li a:hover { color: #c00; border-bottom: 1px solid #c00; border-top: 1px solid #c00; } /* ------------------------------ sidebars - all pages ------------------------------ */ #upcomingevents { width: 180px; height: 31px; text-indent: -5000px; background: url(/images/main/upcomingevents.jpg) no-repeat left top; } .event { color: #c00; padding: 10px 15px; background: url(/images/main/arrow.jpg) no-repeat 0px 15px; } .event a { font-weight: bold; color: #666; } .event a:hover { text-decoration: underline; } .event em { color: #099; } #right1 select, #left1 select { margin: 10px; width: 160px; } #right1 .guide { width: 180px; } #right1 .guide p { padding: 0px 20px; text-align: center; } #right1 .guide p a { color: #c00; } #right1 .guide p a:hover { text-decoration: underline; } #generalinfo { width: 181px; height: 31px; text-indent: -5000px; background: url(/images/vendor/general_info.jpg) no-repeat left top; margin-top: 13px; } #left1 .infoitem { color: #c00; padding: 10px 15px; background: url(/images/vendor/star.jpg) no-repeat 0px 13px; } #left1 .infoitem strong { color: #663; } #left1 .infoitem a { color: #099; } #left1 .infoitem a:hover { text-decoration: underline; } /* CSS Document */ .anchor{ clear: both; } #wrapper { background: #fffed6 url(/images/grouptours/bg.jpg) no-repeat 0px 86px; } #welcomeText{ height: 150px; display: block; width: 514px; } #overviewNav{ height: 83px; list-style: none; margin-left: 1px; width: 514px; } #overviewNav li{ float: left; } #overviewNav a{ width: 242px; text-indent: -5000px; margin: 5px 0 0 5px; display: block; background: transparent url(/images/grouptours/toursNav.gif) no-repeat; } .navLeft{ clear: left; } #overviewNav .navLeft a{ width: 265px; margin-left: 2px;} #overviewNav #togt{ height: 26px; } #overviewNav #togt:hover { background-position: 0 -83px; } #overviewNav #meetConv{ height: 26px; background-position: -270px 0; } #overviewNav #meetConv:hover { background-position: -270px -83px; } #overviewNav #studentTours{ height: 24px; background-position: 0 -31px; } #overviewNav #studentTours:hover { background-position: 0 -114px; } #overviewNav #marketTool{ height: 24px; background-position: -270px -31px; } #overviewNav #marketTool:hover { background-position: -270px -114px; } #overviewNav #sportsAthletics{ height: 25px; background-position: 0 -59px; } #overviewNav #sportsAthletics:hover { background-position: 0 -143px; } #overviewNav #contactUs{ height: 25px; background-position: -270px -59px; } #overviewNav #contactUs:hover { background-position: -270px -143px; } #overview{ float: left; padding: 0px 0 0 25px; display: inline; margin-top: 158px; } #placardHolder{ margin: 10px 0 0 2px; width: 513px; padding-bottom: 20px; background: #F4EaB9 url(/images/grouptours/bg.jpg) no-repeat -27px -399px; } .groupSection{ float: left; display: inline; background-color: #FFFED6; width: 474px; margin: 15px 0 0 23px; padding: 10px 0;} .small{ margin-top: 3px; } .returnTop{ width: 474px; margin-left: 23px; } .groupSection *{font-family: Georgia, "Times New Roman", Times, serif; } .placardDyn{ width: 156px; float: left; background-color: #EEEDC8; margin: 9px; display: inline; } .placardDyn p{ margin: 14px; color: #333; } .placardDyn p a{ color: #09C; text-decoration: underline; } .subStatic{ width: 255px; float: right; margin: 15px 35px 0 0; display: inline; background: transparent url(/images/grouptours/subMap.gif) no-repeat left top; } #placardRoad{ background-image: url(/images/grouptours/subRoad.gif); } #placardItinerary{ background-image: url(/images/grouptours/subLib.gif); } #placardAthletics{ background-image: url(/images/grouptours/placardAthletics.jpg) } #placardEducational{ background-image: url(/images/grouptours/placardEducational.jpg) } #placardFacilities{ background-image: url(/images/grouptours/placardFacilities.jpg) } #placardNews{ background-image: url(/images/grouptours/placardNews.jpg) } #placardUpcomingSports{ background-image: url(/images/grouptours/placardUpcomingSports.jpg) } #placardVenues{ background-image: url(/images/grouptours/placardVenues.jpg) } .subStatic{ height: auto !important; height: 65px; min-height: 65px; } .placardStatic .subStatic h3{ color: #C30; font-size: 15px; font-style: italic; margin-left: 70px; } .placardStatic .subStatic h3 a{ color: #C30; font-size: 15px; font-style: italic; } .placardStatic .subStatic p{ margin-left: 70px; font-size: 10px; } .placardStatic .subStatic form{ margin-left: 70px; } .gtselect{ display: block; width: 145px; background-color: #e6e8e9; margin-top: 8px; color: #333; } .placardHeader{ width: 100%; height: 32px; display: block; text-indent: -5000px; background: transparent url(/images/grouptours/tourHeader.gif) no-repeat top left; } #tourHeader{ background-image: url(/images/grouptours/tourHeader.gif); } #studentHeader{ background-image: url(/images/grouptours/studentHeader.gif); } #sportsHeader{ background-image: url(/images/grouptours/sportsHeader.gif); } #conventionsHeader{ background-image: url(/images/grouptours/meetingsHeader.gif); } #tourHeaderSel{ background-image: url(/images/grouptours/tourHeader2.gif); } #studentHeaderSel{ background-image: url(/images/grouptours/studentHeader2.gif); } #sportsHeaderSel{ background-image: url(/images/grouptours/sportsHeader2.gif); } #conventionsHeaderSel{ background-image: url(/images/grouptours/meetingsHeader2.gif); } #toolHeader{ background-image: url(/images/grouptours/headerTools.jpg); } #contactUsHeader{ background-image: url(/images/grouptours/contactUs.jpg); } #agnav { margin-left: 15px; margin-top: 16px; } #right1 { width: 201px; float: right; display: inline; } #eventspad { margin: 0 0 0 11px; width: 180px; } #eNewsletter { width: 178px; height: 156px; margin: 26px 0 0 13px; } #eNewsletter p{ width: 100%; height: 100%; padding: 0; margin: 0; } #eNewsletter p a{ display: block; text-indent: -5000px; width: 100%; height: 100%; padding: 0; margin: 0; } p.overview{ margin: 11px 30px; font-size: 14px; text-align: center; } .contentLeft{ width: 291px; margin: 15px 0 0 23px; float: left; display: inline; padding-bottom: 90px; } .doublewide, .contentFull{ clear: both; margin-left: 23px; } .contentRight{ width: 122px; float: left; display: inline; margin-left: 14px; } .doublewide p{ width: 291px; } .contentFull p{ margin-right: 30px; margin-top: 10px; color: #333; } .contentFull a{ color: #1AB5B7; } .contentLeft p, .contentRight p{ color: #333; font-size: 10px; margin-top: 6px; line-height: 140%; } .contentLeft p.overview{ margin: 11px 0 0 0; font-size: 13px; text-align: left; } .contentLeft p.subpara{ margin-right: 35px; } .contentLeft h4{ margin-top: 25px; font-size: 30px; color: #C36; line-height: 35px;} .contentFull h3{ margin-top: 25px; font-size: 22px; color: #C36; line-height: 35px;} .contentFull h4{ margin-top: 5px; font-size: 18px; color: #666; line-height: 35px;} .contentFull h5{ margin-top: 15px; font-size: 18px; color: #C36; line-height: 35px;} .contentFull li{ margin: 5px 30px 0 15px; } .studentColors h4{ color: #1AB5B7; } .sportingColors h4{ color: #7BB71A; } .meetingColors h4{ color: #CF8002; } .contentFull.studentColors h3{ color: #1AB5B7; } .contentLeft ul{ margin-top: 15px; } .contentLeft li{ width: 140px; float: left; list-style: inside; color: #399; } .contentLeft a, .contentRight a{ font-family: Arial, Helvetica, sans-serif; color: #399; text-decoration: underline; } .freeLink, .secondLink{ float: left; display: inline; margin-top: 5px; } .secondLink{ margin-left: 10px; } .contentLeft li a, .contentRight li a{ font-size: 11px; text-decoration: underline; color: #399; font-family: Arial, Helvetica, sans-serif; } .contentRight .phone{ color: #399; } .contentRight li { width: 122px; color: #399; list-style: none; } .contentRight li a{ display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .contentRight #contentsList li{ padding: 7px 0; border-bottom: 1px solid #D4C78E; } .contentRight #contentsList li a{ padding-left: 20px; text-decoration: none; background: url(/images/grouptours/doublechev.gif) no-repeat center left; } .contentRight #mapsList li{ margin-top: 8px; } .contentRight #mapsList li a{ padding-left: 20px; background: url(/images/grouptours/acreader.gif) no-repeat center left; } .itinerary, .toolItem{ margin: 10px 0 0 0; padding-bottom: 4px; border-bottom: 1px dotted #968533; clear: left;} .itinerary p{ padding-left: 30px; } .itinerary p.noBuild{ padding-left: 0; } .toolItem{ padding-bottom: 10px; } .lastToolItem{ border: none; } .addItinerary{ display: inline; float: left; height: 26px; width: 30px; margin-top: 3px; text-indent: -5000px; overflow: hidden; background: url(/images/grouptours/itineraryButton.gif) no-repeat left -26px; } .addItinerary:hover{ background-position: left top; } .addCity{ display: inline; float: left; height: 45px; width: 30px; margin-top: 3px; text-indent: -5000px; background: url(/images/grouptours/cityPin.jpg) no-repeat left top; } .contentLeft .itinerary p{ margin: 0; color: #666; font-family: Arial, Helvetica, sans-serif; } .itinerary h4, .toolItem h4{ color: #399; font-size: 13px; margin: 0; padding: 0; line-height: 18px; } .itinerary h4 a, .toolItem h4 a{ color: #399; text-decoration: none; margin: 0; padding: 0; } .toolItem h4{ padding-top: 5px; font-family: Georgia, "Times New Roman", Times, serif; } .itinerary p a{ font-weight: bold; text-decoration: none; } .itinerary p{ padding-top: 3px; font-size: 11px; } .contentLeft h5, .doublewide h5{ margin-top: 40px; width: 290px; height: 13px; text-indent: -5000px; background: transparent url() no-repeat left top; } .contentLeft .subStatic{ width: 290px; margin: 15px 0 0 0;} .contentLeft .subStatic p{ margin-left: 60px; } .contentLeft .subStatic h3{ margin-left: 60px; } .toolItem h4, .toolItem h4 a{ font-size: 15px; } .toolItem h6{ font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; color: #666; } .toolItem .download{ width: 150px; height: 10px; text-indent: -5000px; display: inline; float: right; margin-right: 20px; margin-top: 10px; background: url(/images/grouptours/downloadfullsize.gif) no-repeat left top; } .halfColList{ width: 49%; float: left; margin-top: 30px; } .halfColList h6{ font-size: 15px; line-height: 17px; font-family: Georgia, "Times New Roman", Times, serif; color: #399; margin-right: 20px; } .halfColList p, .halfColList p strong{ margin: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666; margin-right: 20px; } .halfColList p strong{ margin: 0; } .imageHolder{ float: left; width: 121px; } .imageHolder img{ padding: 4px; border: 1px solid #B3B371; background-color: #DDDDBA; } #headerPreplannedItineraries{ background-image: url(/images/grouptours/headerPreplannedItineraries.gif); } #headerCVB{ background-image:url(/images/grouptours/headerCVB.gif); } #headerRegionalManager{ background-image:url(/images/grouptours/headerRegionalManager.gif); height: 16px; } #headerRegionalAssociation{ background-image:url(/images/grouptours/headerRegionalAssociation.gif); height: 16px; } #headerBrowseWhatsNew{ background-image: url(/images/grouptours/headerWhatsNew.gif); } #headerInteractiveMap{ background-image: url(/images/grouptours/headerInteractiveMap.gif); } #headerOperatorResources{ background-image: url(/images/grouptours/headerOperatorResources.gif); } #headerRoadTools{ width: 73px; height: 10px; text-indent: -5000px; margin-top: 5px; line-height: 10px; background-image: url(/images/grouptours/headerRoadTools.gif); background-repeat: no-repeat; } #headerDestinationsAttractions{ width: 209px; height: 15px; text-indent: -5000px; background-image: url(/images/grouptours/headerDestinationsandAttractions.gif); background-repeat: no-repeat; } #headerPhotography{ width: 120px; height: 20px; text-indent: -5000px; margin-top: 0; background: url(/images/grouptours/headerPhotoGallery.gif) no-repeat left top; } #headerVideo{ width: 120px; height: 15px; text-indent: -5000px; background: url(/images/grouptours/headerVideos.gif) no-repeat left top; } #headerPoster{ width: 120px; height: 15px; text-indent: -5000px; margin-top: 50px; background: url(/images/grouptours/headerPoster.gif) no-repeat left top; } #headerCategory{ width: 60px; height: 15px; text-indent: -5000px; margin-top: 50px; background: url(/images/grouptours/headerCategory.gif) no-repeat left top; } #headerMarketingProfileSheet{ width: 100%; height: 40px; text-indent: -5000px; margin-top: 15px; background: url(/images/grouptours/headerMarketingProfileSheet.gif) no-repeat left top; } #headerItinerary{ width: 89px; height: 13px; text-indent: -5000px; margin-top: 50px; background: url(/images/grouptours/headerItinerary.gif) no-repeat left top; } #upcomingevents{ background-image: url(/images/grouptours/upcomingevents.gif); margin-top: 50px; } .studentColors #headerPreplannedItineraries{ background-image: url(/images/grouptours/headerPreplannedItinerariesblue.gif); } .studentColors #headerCVB{ background-image:url(/images/grouptours/headerCVBblue.gif); } .studentColors #headerBrowseWhatsNew{ background-image: url(/images/grouptours/headerWhatsNewblue.gif); } .studentColors #headerOperatorResources{ background-image: url(/images/grouptours/headerOperatorResourcesblue.gif); } .studentColors #headerDestinationsAttractions{ background-image: url(/images/grouptours/headerDestinationsandAttractionsblue.gif); } .sportingColors #headerCVB{ background-image:url(/images/grouptours/headerCVBgreen.gif); } .sportingColors #headerDestinationsAttractions{ background-image: url(/images/grouptours/headerDestinationsandAttractionsgreen.gif); } .sportingColors #headerOperatorResources{ background-image: url(/images/grouptours/headerOperatorResourcesgreen.gif); } .contentLeft .groupSection .inactive{ padding-bottom: 11px; } .contentRight h3{ margin-top: 25px; width: 100%; text-indent: -5000px; } #headerSectionContents{ height: 19px; background: url(/images/grouptours/headerSectionContents.gif) no-repeat left top; } #headerReferenceMaps{ height: 13px; background: url(/images/grouptours/headerReferenceMaps.gif) no-repeat left top; } #headerSpotlightCity{ height: 13px; background: url(/images/grouptours/headerSpotlightCity.gif) no-repeat left top; } .contentRight h4{ color: #399; font-size: 13px; font-weight: bold; margin-top: 3px; } .contentRight .cityInfo{ color: #666; font-family: Arial, Helvetica, sans-serif; line-height: 120%; } .dest{ padding-top: 5px; } .label{ width: 110px; height: 15px; clear: left; float: left; text-indent: -5000px; background: url() no-repeat left bottom; } .select{ width: 160px; border: 2px solid #9CC; background-color: #EEE; } #labelInterest{ background-image: url(/images/grouptours/labelInterest.gif); } #labelRegion{ background-image: url(/images/grouptours/labelRegion.gif); } #labelCity{ background-image: url(/images/grouptours/labelCity.gif); } #labelNoNumType{ background-image: url(/images/grouptours/noNumType.gif) } #labelNoNumRegion{ background-image: url(/images/grouptours/noNumRegion.gif); } #labelNoNumCity{ background-image: url(/images/grouptours/noNumCity.gif); } #headerWhatsNew{ width: 180px; height: 31px; text-indent: -5000px; background: transparent url(/images/main/whatsnew.jpg) no-repeat left top; } .newItem h4{ font: italic 15px Georgia, "Times New Roman", Times, serif; color: #de511f; margin-top: 20px; } .newItem h4 a{ color: #de511f; } .newItem p{ font: normal 12px Georgia, "Times New Roman", Times, serif; color: #333; margin-top: 5px; } .newItem p a{ color: #099; } .guide{ margin-top: 40px; } #vendorPop{ position: absolute; visibility: hidden; margin: 0px 0 0 50px; width: 480px; } #vendorTop{ width: 100%; height: 60px; background-repeat: no-repeat; background-position: left top; background-image: url(/images/grouptours/vendorTop.png) !important; background-image: url(/images/grouptours/vendorTop.gif); } #vendorTop a{ float: right; height: 20px; width: 70px; margin: 35px 30px 0 0; display: inline; text-indent: -5000px; overflow: hidden;} #vendorBody{ clear: both; width: 100%; background-repeat: repeat-y; background-position: left top; height: auto !important; height: 250px; min-height: 250px; background-image: url(/images/grouptours/vendorBody.png) !important; background-image: url(/images/grouptours/vendorBody.gif); } #vendorBodyInfo{ margin: 0 60px 0 50px; padding-top: 10px; border-top: double #666; } #vendorBottom{ clear: both; width: 100%; height: 60px; background-repeat: no-repeat; background-position: left top; background-image: url(/images/grouptours/vendorBottom.png) !important; background-image: url(/images/grouptours/vendorBottom.gif); } #vendorNavigation{ margin-left: 45px; } #vendorNavigation li{ float: left; padding: 4px 0px; list-style: none; } #vendorNavigation li a{ display: block; padding: 0 5px; color: #399; text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif; border-right: thin solid #666; } #vendorNavigation li.last a{ border: none; } #vendorImage{ float: left; width: 134px; } #vendorImage p{ font-size: 10px; line-height: 140%; margin-top: 5px;} #vendorDesc{ float: left; width: 217px; margin-left: 18px; } #vendorDesc h3{ font: normal 18px Georgia, "Times New Roman", Times, serif; color: #c30; } #vendorDesc h4{ font: bold 11px Arial, Helvetica, sans-serif; color: #000; margin-top: 5px; } #vendorDesc p{ color: #333; margin-top: 5px; } .mapObject{ border: 1px solid #E3D48A; padding: 5px; background-color: #FFF; margin-top: 10px;} #keyCities{ text-indent: -5000px; display: block; width: 79px; height: 22px; margin-top: 2px; background: url(/images/grouptours/keyTitles.gif) no-repeat left top; } #keyActivities{ text-indent: -5000px; display: block; width: 108px; height: 22px; margin-top: 2px; background: url(/images/grouptours/keyTitles.gif) no-repeat left -48px; } #keyRoads{ text-indent: -5000px; display: block; width: 82px; height: 22px; margin-top: 2px; background: url(/images/grouptours/keyTitles.gif) no-repeat left -24px; } #keyCities:hover, #keyCities.selected{ background-position: left -70px; } #keyRoads:hover, #keyRoads.selected{ background-position: left -94px; } #keyActivities:hover, #keyActivities.selected{ background-position: left -118px } .interestList{ margin-top: 5px; } .interestNav{ padding-left: 9px; background: url(/images/grouptours/grayball.gif) no-repeat left 5px; line-height: 160%; margin-top: 3px; } #itList{ padding-left: 6px; border-left: 1px solid #666; } #itList p{ color: #666; font: normal 11px Arial, Helvetica, sans-serif; margin-top: 15px; line-height: 140%; } #itList p a{ text-decoration: none; } #itList p a:hover{ text-decoration: underline; } #mapHolder{ border: 1px solid #333; background-color: #F3F3F3; padding: 3px; margin-right: 23px; }