/* CSS Document */ /* Bill Goff Golf Tours */ /* Created 18-03-09 */ /* Northgate Systems */ /*********** GENERAL PAGE ELEMENTS **********/ body { background-color:#FFFFFF; margin:0 auto; font-family:Arial, Helvetica, sans-serif; padding:1em 0 1em 0; } .clear { position:relative; width:0; height:0; padding:0; margin:0; clear:both; } h2 { position:relative; font-size:18px; font-weight:bold; color:#3F3F3F; margin:0; padding-bottom:14px; letter-spacing:-1px; margin-bottom:10px; border-bottom:1px dotted #CCCCCC } h3 { position:relative; font-size:18px; font-weight:bold; color:#FFFFFF; margin:0; padding:10px 10px 10px 15px; letter-spacing:-1px; margin-bottom:10px; } h4 { position:relative; font-size:14px; font-weight:bold; color:#000000; margin:0; margin-bottom:5px; left:0px } p { position:relative; font-size:12px; padding-bottom:10px; margin:0; color:#3F3F3F; line-height:14px; font-family:"Trebuchet MS" } p.quoteText { position:relative; float:right; border-top:1px solid #CCCCCC; width:150px; padding:15px; padding-bottom:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; text-align:center; font-weight:bold; color:#000000; margin:10px 0 10px 15px; background-image:url(/images/speechBubble.gif); background-repeat:no-repeat; background-position:bottom left; line-height:16px } .small { font-size:12px; } .bold { font-size:12px; font-weight:bold; color:#000000; } .blue { color:#0099ff; font-size:12px; margin:0; padding:0; font-weight:bold; font-family:Arial, Helvetica, sans-serif } #copyright { width:250px; overflow:hidden; } .hide { display:none; } .callBack { color:#3F3F3F; } a:focus { outline: none; } #container { position:relative; width:980px; margin:0 auto; background-image:url(/images/containerBG.gif); background-repeat:repeat-y; } #footer { position:relative; width:980px; clear:both; height:120px; margin:0 auto; margin-top:10px; background-image:url(/images/footerBG.gif); background-repeat:no-repeat; background-position:bottom; padding-top:10px} #topDestinations { position:relative; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:970px; height:15px; padding:10px 0 10px 10px; margin:0; } #topDestinations ul { position:relative; list-style-type:none; margin:0px 0 0 10px; padding:0; } #topDestinations ul li { position:relative; float:left;color:#3F3F3F; display:block; font-size:12px; } #topDestinations ul li a { color:#3F3F3F; font-weight:bold; text-decoration:none; padding:5px 15px 5px 15px; } #topDestinations ul li a:hover { color:#000000; text-decoration:underline; } #siteLinks { position:absolute; width:620px; margin:0; top:60px; left:325px; } #siteLinks ul { position:relative; list-style-type:none; margin:0px; padding:0; } #siteLinks ul li { position:relative; float:left;color:#3F3F3F; display:block; font-size:12px; } #siteLinks ul li a { color:#3F3F3F; font-weight:bold; text-decoration:none; padding:5px 10px 5px 10px; } #siteLinks ul li a:hover { color:#000000; text-decoration:underline; } .afflogos { position:absolute; left:25px; top:65px; margin:0 } .ngs a { position:absolute; width:36px; display:block; height:33px; left:935px; top:99px; margin:0; background-image:url(/images/northgate_systems_tag_up.gif); background-repeat:no-repeat; } .ngs a:hover { background-image:url(/images/northgate_systems_tag_over.gif); background-repeat:no-repeat; } #tooltip { position:absolute; font-family:Arial, Helvetica, sans-serif; border:1px solid #333333; font-size:12px; background:#F2F2F2; padding:8px; color:#333; display:none; } /* Grey Sliding Doors Button Elements */ a.button { background: transparent url('/images/buttons/button_grey_right.gif') no-repeat scroll top right; color: #3F3F3F; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height: 29px; margin-right: 6px; padding-right: 35px; /* sliding doors padding */ text-decoration: none; cursor:pointer } a.button span { background: transparent url('/images/buttons/button_grey_left.gif') no-repeat; display: block; line-height: 19px; padding: 5px 3px 5px 12px;} a.button:hover { background-position: bottom right; color:#000000; outline: none; } a.button:hover span { background-position: bottom left; padding: 5px 3px 5px 12px; } /********** HEADER ELEMENTS ***********/ #header { position:relative; width:980px; height:391px; margin:0 auto; background-image:url(/images/headerBG.gif); background-repeat:no-repeat; } #logo { position:relative; width:190px; height:90px; padding-top:20px; left:25px; margin:0; border:0 } #mag { position:absolute; left:907px; top:103px; width:54px; height:54px; margin:0; z-index:101 } #pageInfo { position:relative; width:960px; height:73px; left:10px; color:#FFFFFF; margin:-2px 0 0px 0; background-image:url(/images/pageTitleBG.gif); background-repeat:no-repeat; } /* Sits under header - contains information on hotel title/ratings etc */ #pageInfo h1 { position:relative; margin:0; font-size:18px; padding:22px 10px 5px 15px; width:300px; letter-spacing:-1px; color:#FFFFFF; float:left } #searchBox { position:absolute; width:280px; height:225px; top:150px; left:670px; padding:15px 0 0 20px; background-image:url(/images/search.png); background-repeat:no-repeat; background-color:#1B1B1B; background-position:right; margin:0; } #mainSearchTable { position:absolute; color:#FFFFFF; padding:2px; font-size:12px; font-weight:bold; z-index:1000 } #mainSearchTable td { padding:4px 0 4px 0; vertical-align:middle } #mainSearchTableDropDown { position:relative; font-size:12px; } #mainGolfSearchTable { position:relative; left:15px; top:40px; color:#000000 ; font-size:small; font-weight:bold } #mainGolfSearchTable td { padding:3px 0 3px 0; vertical-align:middle } /* main navigation*/ #mainNav { position:absolute; left:10px; top:110px; width:960px; height:40px; background-image:url(/images/mainNavBG.gif); background-repeat:repeat-x; margin:0; z-index:10 } #nav, #nav ul { position:relative; margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:40px; z-index:5000 } #nav a { display:block; padding:0px 17px 0px 17px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; background-image:url(/images/menuDivider.gif); background-position:right; background-repeat:repeat-y } #nav a:hover { background-color:#000000; color:#FFFFFF; } #nav li { float:left; position:relative; } #nav ul { position:absolute;display:none;width:7.8em;top:40px;} #nav li ul a { width:8.8em; float:left; background-color:#E5E5E5; color:#000000; background-image:none; font-size:11px; line-height:25px; border-bottom:1px solid #CCCCCC; padding-left:10px } #nav ul ul { top:auto; } #nav li ul ul { left:6.9em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; } /*********** HOMEPAGE ELEMENTS *************/ #offerWrapper { position:relative; width:660px; padding:0px; float:left; margin:0; padding-left:10px; } .offerBox { position:relative; float:left; width:320px; height:220px; background-image:url(/images/offerBoxBG.gif); background-repeat:no-repeat; background-position:bottom; } .offerBox img { position:relative; width:320px; height:151px; margin:0; margin-bottom:9px; } .offerBox h1 { position:relative; margin:0; font-size:18px; padding:0px 10px 0px 10px; letter-spacing:-1px; color:#FFFFFF} .offerBox p { position:relative; font-size:12px; color:#FFFFFF; margin:0; padding:2px 0 0px 10px;} .offerBox .button { position:absolute; top:165px; left:230px; } #newsColumn { position:relative; width:300px; height:580px; margin:0; padding:0px; float:left; background-image:url(/images/newsBoxShadow.gif); background-repeat:no-repeat; background-position:bottom; } #homepageInfo { position:relative; width:960px; height:112px; left:10px; margin:-1px 0 0px 0; background-image:url(/images/homepageTitleBG.gif); background-repeat:no-repeat;} /* Sits under header - contains information on hotel title/ratings etc */ #homepageInfo h1 { position:relative; margin:0; font-size:18px; padding:15px 10px 5px 15px; letter-spacing:-1px; color:#FFFFFF} #homepageInfo p { position:relative; margin:0; font-size:12px; width:780px; padding:0 20px 0 15px; color:#FFFFFF; line-height:13px; } #homepageInfo .button { position:absolute; left:810px; top:50px; } #homepageInfo p a { color:#0099ff; font-weight:bold } .opacityit img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; } .opacityit:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } #bggtQuote { position:relative; clear:both; width:500px; height:100px; background-image:url(/images/homepage/footer-tab.gif); background-repeat:no-repeat; margin:0 10px 0px 0px; padding:20px 30px 20px 120px; } #bggtQuote h1 { position:relative; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#303030; width:400px; border-bottom:1px dotted #cccccc; padding-bottom:10px; margin:0 ; padding-top: 10px; } #bggtQuote h2 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:normal; color:#3F3F3F; width:480px; margin:0; line-height:22px; border:0; letter-spacing:0px; padding-top:10px; } #newsletter { position:relative; width:300px; height:160px; margin:0; background-image:url(/images/homepage/newsletterG.gif); background-repeat:no-repeat; margin-bottom:0px; border-bottom:1px dotted #CCCCCC; } #newsletter h1 { position:absolute; font-size:18px; color:#3F3F3F; margin:0; padding: 15px; letter-spacing:-1px } #newsletter p { position:absolute; font-size:12px; color:#3F3F3F; margin:0; padding:40px 0 0 15px } #newsletter .input { position:absolute; left:15px; top:108px; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFFF } #newsletter .button { position:absolute; left:190px; top:108px; } #tta { position:relative; width:300px; height:137px; background-image:url(/images/homepage/teeTimes.gif); background-repeat:no-repeat;} #tta h1 { position:absolute; font-size:18px; color:#3F3F3F; margin:0; padding: 15px; letter-spacing:-1px } #tta p { position:absolute; font-size:12px; color:#3F3F3F; margin:0; padding:37px 0 0 15px } #tta p a { text-decoration:none; color:#3F3F3F; } #tta p a:hover { text-decoration:underline } /* news ticker */ #NewsTicker { border:solid 1px #CCCCCC; width:298px; height:270px; margin:0 auto; background-imagE:url(/images/homepage/tickerBG.gif); background-position:bottom; } #NewsTicker h1 { position:relative; padding:20px 0 15px 5px; width:190px; font-size:18px;letter-spacing:-1px ; border-bottom:1px dotted #CCCCCC; margin-bottom:15px; left:10px; color:#3F3F3F; } #scrollup { position: relative; overflow: hidden; border: 0px solid #000; height: 190px; width: 280px; margin-left:10px; } #scrollup p { margin:5px 0 0 0; padding:0 } .headline { position: absolute; top: 210px; left: 5px; height: 195px; width:270px; font-size:12px; color:#3F3F3F; margin:0 } .headline a { position:relative; font-weight:bold; color:#3F3F3F; margin:0 } .line { position:relative; border-bottom:1px dotted #CCCCCC; height:0px; margin:10px 0 10px 0 } /*********** HOTEL PAGE ELEMENTS *************/ #stars { position:absolute; width:200px; top:12px; left:325px; font-size:12px; padding:10px 15px 10px 0; vertical-align:middle; text-align:right; font-size:12px; font-weight:bold; color:#FFFFFF; border-right:1px solid #333333; border-left:1px solid #333333; } #stars img { position:relative; vertical-align:middle; border:0; padding-left:2px} #ticks { position:absolute; width:195px; top:12px; left:530px; font-size:12px; padding:10px 15px 10px 0; text-align:right; vertical-align:middle; font-size:12px; font-weight:bold; color:#FFFFFF; border-right:1px solid #333333} #ticks img { position:relative; vertical-align:middle; border:0; padding-left:2px} #reviews { position:absolute; left:760px; top:17px; margin:0 } #sortBy { position:absolute; left:360px; width:300px; top:20px; margin:0; } #sortBy p { position:relative; float:left; font-weight:bold; vertical-align:middle; padding:5px 5px 0 0; color:#FFFFFF } .breadcrumbs { color:#CCCCCC; display:block; font-size:12px; font-weight:bold; letter-spacing:0; padding:11px 0 2px 15px; position:absolute; } h1.hotelpagename, h1.golfpagename { padding-top: 30px !important; } /* Hotel Page Columns */ #offerColumn { position:relative; float:left; width:200px; margin:0 10px 0 10px; padding:10px 0 10px 15px; border:1px solid #ccc; background-image:url(/images/boxHeaderBG.gif); background-repeat:repeat-x; background-position:top; background-color:#ddddde } /* Thin column on left hand side */ #offerColumn ul { position:relative; font-size:12px; padding:10px 0px 10px 0px; margin:0; color:#3F3F3F; line-height:14px; font-family:"Trebuchet MS" } #offerColumn h2 { border-bottom:0px} #midColumn { position:relative; float:left; width:440px; margin:0; padding:0 10px 10px 0px; } /* middle column on hotel detail pages */ #searchResultsColumn { position:relative; float:left; width:600px; margin:0 18px 0 0px; padding:0 5px 10px 5px; } /* left column on search result page */ #staticContentColumn { position:relative; float:left; width:690px; margin:0 3px 0 10px; padding:10px 20px 10px 15px; } /* left column on search result page */ #staticContentColumn ul { position:relative; margin:10px 0 10px 15px; list-style-type:circle } #staticContentColumn ul li { position:relative; font-size:12px; color:#3f3f3f; margin:0; margin-bottom:5px; text-decoration:none} #searchResultsColumn p { position:relative; padding-left:15px; font-size:12px; } #rightSideColumn { position:relative; float:left; padding:0; background-image:url(/images/boxHeaderBG.gif); background-repeat:repeat-x; background-position:top; border:1px solid #CCCCCC; background-color:#DDDDDE; } /* column on right hand side */ #rightSideColumn h2 { padding:10px; padding-bottom:3px; border-bottom:0px ; margin:0;} #rightInfoColumn { position:relative; float:left; width:300px; margin:10px 0 ; padding:10px 10px 10px 10px; } /* middle column on tournamnent/cruise/tour pages */ .rightInfoColumnBox { position:relative; width:275px; padding:10px; border:1px solid #CCCCCC; clear:both; margin-bottom:10px } .rightInfoColumnBox h1 { position:relative; font-size:14px; font-weight:bold; color:#000000; margin:0; margin-bottom:10px;} .rightInfoColumnBox p { postition:relative; margin:0;} .rightInfoColumnBox a { position:relative; font-size:12px; color:#0099ff; text-decoration:none } .rightInfoColumnBox a:hover { text-decoration:underline } .rightInfoColumnBox img { position:relative; float:right; margin-left:10px; margin-bottom:5px } /*HOTEL REVIEW ELEMENTS*/ .reviewbox { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#EEEEEE; border:1px solid #CCCCCC; display:block; padding:0; margin-bottom: 12px; } .reviewheaderbox { border-bottom:1px solid #CCCCCC; display:block; padding:5px; } .reviewcaption { color:#000000; display:block; padding:0; } .reviewinfo { display:block; padding:0; } .reviewcontentbox { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; background-color:#FFFFFF; display:block; padding:5px; } .reviewcontent { display:block; padding:0; } /* STATIC PAGE ELEMENTS */ #staticPageSidebar { position:relative; float:left; margin:0 } #staticPageNav { position:relative; float:left; width:210px; margin:0; padding:10px; background-image:url(/images/resultsBoxHeaderBG.gif); background-repeat:repeat-x; background-position:top; border:1px solid #CCCCCC; margin-bottom:0px; background-color:#DDDDDE } #staticPageNav h2 { padding:10px; padding-top:0px; padding-bottom:3px; border-bottom:0px; color:#FFFFFF } #staticPageNav ul { position:relative; list-style-type:none; margin:15px 0 10px 0; padding:0; } #staticPageNav li { position: relative; display:block; border-bottom:1px dashed #CCCCCC } #staticPageNav li a { position:relative; font-size:12px; color:#3F3F3F; padding:10px; list-style-position:outside; margin:0; background-image:url(/images/bullet.png); background-position: left; background-repeat:no-repeat; padding-left:20px; font-weight:bold; text-decoration:none; display:block; } #staticPageNav li a:hover { color:#000000; text-decoration:underline; } #navShadow { position:relative; clear:both; background-image:url(/images/navShadow.gif); background-repeat:no-repeat; height:12px; width:230px; margin-bottom:10px} .staticDesc { position:relative; padding:5px ; margin:0} .staticDesc p { position:relative; padding:5px; left:5px; margin:0 } .staticDesc a { position:relative; color:#0099ff; font-weight:bold; margin:0} #destinationColumn { position:relative; float:left; width:180px; margin:10px 10px 0 10px; padding:10px 0 10px 15px; border-right:1px dotted #CCCCCC } /* Thin column on left hand side */ #destinationColumn ul { position:relative; margin:10px 0 10px } #destinationColumn ul li a { position:relative; font-size:14px; color:#000000; font-weight:bold; margin:0; margin-bottom:10px; text-decoration:none} #destinationColumn ul li a:hover { position:relative; font-size:14px; color:#00285b; margin:0; margin-bottom:10px; text-decoration:underline} #destinationColumn a { color:#0099FF } #midInfoColumn { position:relative; float:left; width:432px; margin:10px 0; padding:10px 10px 10px 0px; border-right:1px dotted #CCCCCC } /* middle column on tournamnet/cruise/tour pages */ #midInfoColumn ul { position:relative; margin:10px 0 10px } #midInfoColumn ul li { position:relative; font-size:12px; color:#3f3f3f; margin:0; margin-bottom:5px; text-decoration:none; font-family:trebuchet MS} #sortByRegion { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#000000; display:block; left:0; margin-bottom: 12px; padding-top:7px; position:relative; top:0; width:593px; } #sortByRegion p { color:#FFFFFF; float:left; font-weight:bold; padding:3px 11px; position:relative; vertical-align:middle; } .mainRegionSearchTableDropDown { font-family:Arial, Helvetica, Sans-Serif !important; font-size:12px !important; margin-bottom:7px; vertical-align:middle; } /* News Page */ #midNewsColumn { position:relative; float:left; width:443px; margin:10px 0; padding:10px 10px 10px 0px; border-right:1px dotted #CCCCCC } /* middle column on tournamnet/cruise/tour pages */ #midNewsColumn ul { position:relative; padding-left:15px; margin:10px 0 10px } #midNewsColumn ul li { list-style-type:disc; padding-left:10px; position:relative; font-size:12px; color:#3f3f3f; margin:0; margin-bottom:5px; text-decoration:none; font-family:trebuchet MS} .readmore { text-align:right; color:#000000; font-family:"Trebuchet MS"; font-size:12px; font-weight:normal; display:block; padding-bottom:10px; border-bottom:1px dotted #CCCCCC;} .newsheadline { padding-top:14px; font-size:1em; } #newspageInfo { position:relative; width:960px; height:62px; left:10px; margin:-1px 0 0px 0; background-image:url(/images/homepageTitleBG.gif); background-repeat:no-repeat;} /* Sits under header - contains information on hotel title/ratings etc */ #newspageInfo h1 { position:relative; padding:22px 0px 22px 22px; margin:0; font-size:18px; letter-spacing:-1px; color:#FFFFFF; height:62px; } /* Hotel Page tabs */ ul.list { position:relative; margin:10px 0 10px 20px; padding:0; list-style-type:none; } ul.list li { position:relative; font-size:12px; color:#3F3F3F; list-style-position:outside; margin:0; background-image:url(/images/ditheredArrow.png); background-position: left; background-repeat:no-repeat; padding-left:20px; line-height:18px } /* SEARCH RESULTS PAGE ELEMENTS */ .resultsBox { position:relative; width:593px;height:155px; background-color:#DCDDDE; background-image:url(/images/resultsBoxHeaderBG.gif); background-repeat:repeat-x; background-position:top; clear:both; margin:0; padding:0; } .searchRating { position:absolute; width:100px; height:20px; margin:0; left:480px; top:10px; z-index:600 } .hotelThumb { position:relative; width:130px; margin-bottom:8px; border-right:1px solid #CCCCCC; text-align:center; float:left} .hotelThumb img { position:relative; width:100px; height:75px; border:4px solid #FFFFFF; } .hotelDesc { position:relative; width:280px; height:80px; margin:5px 10px 0 0; padding:0 10px 0 0; border-right:1px solid #CCCCCC; float:left; float:left} .hotelPrice { position:relative; width:140px; float:left; padding:5px 0 0 10px; } .resultsBox p.bold { position:relative; font-weight:bold; font-size:12px; color:#000000; border-bottom:1px solid #CCCCCC; margin:0; padding-bottom:2px; } .resultsBox p { position:relative; font-size:12px; color:#3F3F3F; padding-top:5px } .resultsBox p.offer { position:relative; top:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000000; margin:0; padding-bottom:5px; }/* ROUNDS/NIGHTS */ .resultsBox h4 { position:relative; margin:0; font-size:20px; padding-bottom:5px; color:#0099ff } .shadow { position:relative; width:595px; height:13px; background-color:#FFFFFF; background-image:url(/images/searchShadow2.gif); background-repeat:no-repeat; margin:0; padding:0; clear:both } /* GOLF SEARCH ELEMENTS */ .golfResultsBox { position:relative; width:585px; height:155px; background-color:#DCDDDE; background-image:url(/images/resultsBoxHeaderBG.gif); background-repeat:repeat-x; background-position:top; clear:both; margin:0 0 0 0 } .golfResultsBox h3 { width:60%; } .golfDesc { position:relative; width:50%; padding:0 0 0 10px; float:left; } .golfDetailsBtn { position:absolute; margin:0; right:5px; top:5px; } .golfResultsBox p.bold { position:relative; font-weight:bold; font-size:12px; color:#000000; margin:0; padding-bottom:2px; } .golfResultsBox p { position:relative; font-size:12px; color:#3F3F3F; padding-top:5px } .golfResultsBox p.offer { position:relative; top:0px; left:2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000000; margin:0; padding-bottom:5px; }/* ROUNDS/NIGHTS */ .golfResultsBox h4 { position:absolute; font-size:18px; margin:0; padding-bottom:10px; right:15px; top:48px; left:auto; color:#0099FF } /* TOURNAMENT PAGE ELEMENTS */ #tournamentTable { position:relative; font-size:12px; font-family:trebuchet MS; padding:2px; margin:0 } #tournamentTable td { padding:3px 0 3px 0 } #tournamentTable td.price { color:#0099ff } /* HEADER USED ON TOURNAMENT/CRUISE/ESCORTED PAGES */ #staticPageHeader { position:absolute; width:900px; height:260px; margin:0; left:80px; top:140px; } /* ACCORDION MENU ELEMENTS */ ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 160px; } ul#menu a { display: block; text-decoration: none; border-bottom:1px dotted #CCCCCC; } ul#menu li { margin-top: 0px; } ul#menu li a { color: #000000; padding:0px 0 5px 0; font-size:12px} ul#menu li a:hover { color: #3F3F3F; font-size:12px } ul#menu li ul li a { color: #000; padding:0px; padding-left: 15px; font-size:12px; padding-bottom:2px; border-bottom:0px; font-weight:normal;font-family:trebuchet MS } ul#menu li ul li a:hover { font-size:12px; text-decoration:underline; } /* #wrapper { width: 160px; margin-left: auto; margin-right: auto; } .accordionButton { width: 160px; float: left; background: #FFFFFF; border-bottom:1px dotted #CCCCCC; cursor: pointer; } .accordionContent { width: 160px; float: left; background: #FFFFFF; display: none; } */ /* SLIDESHOW ELEMENTS */ #slideShow { position:absolute; width:660px; top:130px; height:260px; left:10px; background-color:#1b1b1b; margin:0; z-index:1 } /* Javascript Slideshow */ #slideShowWide { position:absolute; width:960px; height:260px; left:10px; top:140px; padding:0; margin:0; } #sliderWide { width: 895px; /* important to be same as image width */ height: 260px; /* important to be same as image height */ position: absolute; /* important */ overflow: hidden; /* important */ margin:0; padding:0; } #sliderContentWide { width: 895px; /* important to be same as image width or wider */ top: 20px; height:260px; margin-left: 0; } #slider { width: 660px; /* important to be same as image width */ height: 260px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #sliderContent { width: 660px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; } .sliderImage { float: left; position: relative; display: none; } .hotelPageImage{ /*Used in Hotel.aspx*/ float: left; position: relative; } .hotelPageImage span { /*Used in Hotel.aspx*/ position: absolute; font: 12px/20px trebuchet MS; padding: 10px 15px; top:220px; width: 665px; background-color: #0099ff; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; color: #fff; } .hotelPageImage span strong { /*Used in Hotel.aspx*/ font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .sliderImage span { position: absolute; font: 12px/20px trebuchet MS; padding: 10px 15px; width: 665px; background-color: #0099ff; filter: alpha(opacity=85); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.85; color: #fff; display: none; } .clear { clear: both; } .sliderImage span strong { font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .top { bottom: 0; left: 0; /* width: 120px !important; height: 240px; */ } .bottom { bottom: 0; left: 0; /* width: 120px !important; height: 225px; */ } ul { list-style-type: none;} lightblue { color: black; font-weight: bold; } subhead { color: #3b85e0; font-weight: normal; } #phone { position:absolute; right:32px; top:58px; font-size:28px; letter-spacing:-1px; color: #0099ff; } .numberRenderWidget { color: #0099ff; font-weight:bold; }