/* Page properties */ * { padding: 0; margin: 0; } body { background: transparent url(/PrivateSafaris/ui/img/bg-page.gif) 0 0 repeat-x; } a { color: #333; } a:focus { outline: none; } /* IMG w/ block */ img { display: block; border: none; } .page-image { padding-bottom: 4px; display: block; } /* Headlines */ #main #maincontent .contentLarge h1 { position: relative; background: #8b8b85 url(/PrivateSafaris/ui/img/bg-rounded-corners-large-top.gif) no-repeat 0 0; color: #fff; font: normal 18px/24px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; margin-bottom: 5px; width: 667px; } #main #maincontent .contentLarge h1 a.cornerlink { position: absolute; top: 9px; right: 10px; font: normal 11px/15px arial,verdana; color: #fff; text-decoration: none; text-transform: none; } #main #maincontent .contentLarge h2 { position: relative; background: #dfd1b3 url(/PrivateSafaris/ui/img/bg-rounded-corners-large-top.gif) no-repeat 0 0; color: #fff; font: bold 12px/15px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; width: 667px; } #main #maincontent .contentLarge h3 { position: relative; background: #dfd1b3 url(/PrivateSafaris/ui/img/bg-rounded-corners-large-top.gif) no-repeat 0 0; color: #6A5B38; font: bold 12px/15px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; width: 667px; } #main #maincontent .contentMedium h1 { position: relative; background: #8b8b85 url(/PrivateSafaris/ui/img/bg-rounded-corners-medium-top.gif) no-repeat 0 0; color: #fff; font: normal 18px/24px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; margin-bottom: 5px; width: 440px; } #main #maincontent .contentMedium h1 a.cornerlink { position: absolute; top: 9px; right: 10px; font: normal 11px/15px arial,verdana; color: #fff; text-decoration: none; text-transform: none; } #main #maincontent .contentMedium h3 { position: relative; background: #dfd1b3 url(/PrivateSafaris/ui/img/bg-rounded-corners-medium-top.gif) no-repeat 0 0; color: #fff; font: bold 12px/15px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; width: 440px; } #main #maincontent .contentSmall h2 { position: relative; background: #8b8b85 url(/PrivateSafaris/ui/img/bg-rounded-corners-small-top.gif) no-repeat 0 0; color: #fff; font: normal 18px/24px arial,verdana; text-transform: uppercase; padding: 5px 0 5px 10px; margin-bottom: 5px; width: 213px; } #main #maincontent .contentSmall h2 a.cornerlink { position: absolute; top: 9px; right: 10px; font: normal 11px/15px arial,verdana; color: #fff; text-decoration: none; text-transform: none; } #main #maincontent h4 { font: bold 14px/18px arial,verdana; color: #666;} .headlinefunc { position: relative; border: none; } .headlinefunc select { position: absolute; bottom: 11px; right: 10px; } .headlinefunc a.print { position: absolute; top: -30px; right: 10px; color: #fff; } /* Text */ .textcontent { padding: 10px; font: normal 11px/15px arial, verdana; } .textcontent p { padding-bottom: 10px; } .textcontent h5 { text-decoration: underline; font: normal 14px/18px arial, verdana; padding-bottom: 8px; font-weight: 700; } /* dotted lines w/clear */ #main #maincontent .hr-dotted { clear: both; height: 7px; overflow: hidden; margin-right: 11px; background: #fff url(/PrivateSafaris/ui/img/hr-dotted.gif) repeat -1px 100%; } #main #maincontent .contentLarge .hr-dotted { margin-right: 0; background-position: 0 100%; } #main #maincontent .contentMedium .hr-dotted { margin-right: 0; background-position: 0 100%; } #main #maincontent .contentSmall .hr-dotted { margin-right: 0; background-position: 0 100%; } /* Page setup */ #page { } #wrapper { margin: 0 auto; width: 926px; } #main { padding-top: 7px; margin-top: 10px; } #main #maincontent { padding-left: 11px; background: transparent url(/PrivateSafaris/ui/img/bg-shadow-page.png) repeat-y 0 0; } /* Top Container */ #top { padding: 0 7px 7px; background: transparent url(/PrivateSafaris/ui/img/bg-shadow-top.png) 0 0 no-repeat; } #top #topcontent { position: relative; height: 90px; background: #ecece7 url(/PrivateSafaris/ui/img/bg-topcontent.gif) 0 100% no-repeat; } #top #topcontent #tools { float: right; width: 430px; background: transparent url(/PrivateSafaris/ui/img/bg-tools.gif) repeat-y 100% 0; } #top #topcontent #tools ul { font: normal 10px/15px arial,verdana; float: right; height: 23px; padding-top: 7px; } #top #topcontent #tools ul li { list-style: none; float: left; border-left: #000 solid 1px; } #top #topcontent #tools ul li:first-child { border-left: none; } #top #topcontent #tools ul li a { color: #333; text-decoration: none; margin: 0 10px; } #top #topcontent #tools ul li a:hover { text-decoration: underline; } #top #topcontent #phone { color: #fff; background: #8b8b85; float: right; height: 30px; width: 223px; text-align: center; } #top #topcontent #phone span { background: url(/PrivateSafaris/ui/img/bg-phone.gif) 0 2px no-repeat; padding: 0 20px; font: normal 18px/30px arial,verdana; } #top #topcontent #logo { float: left; position: relative; top: 13px; left: 25px; } #top #topcontent #logo img { border: none; } #top #topcontent #topnav { position: absolute; top: 91px; left: 0; font: bold 12px/26px arial,verdana; text-transform: uppercase; } #top #topcontent #topnav ul { width: 926px; height: 26px; text-align: center; padding-left: 10px; } #top #topcontent #topnav ul li { float: left; list-style: none; background: url(/PrivateSafaris/ui/img/bg-topnav.png) 0 0 no-repeat; } #top #topcontent #topnav ul li a { padding: 5px 10px 4px; margin-right: 1px; text-decoration: none; color: #000; } #top #topcontent #topnav ul li a.selected { color: #6a5b38; margin: 0 0 0 1px; background: url(/PrivateSafaris/ui/img/bg-topnav.png) 0 0 repeat-x; } #top #topcontent #topnav ul li a:hover { color: #6a5b38; } #top #topcontent #topnav ul li a.selected:hover { color: #6a5b38; } /* Breadcrumb */ #main #breadcrumb { width: 926px; height: 34px; overflow: hidden; background: transparent url(/PrivateSafaris/ui/img/bg-breadcrumb.png) no-repeat 0 0; } #main #breadcrumb ul { font: normal 9px/10px arial,verdana; padding: 11px 0 0 15px; } #main #breadcrumb ul li { float: left; list-style: none; padding: 5px 0 5px 5px; } #main #breadcrumb ul li a { position: relative; text-decoration: none; display: block; color: #333; } #main #breadcrumb ul li a:hover { text-decoration: underline; } #main #breadcrumb a.printpage { background: url(/PrivateSafaris/ui/img/bg-print.gif) 0 -18px no-repeat; float: right; margin: 1px 10px 0 0; padding: 1px 7px 2px 31px; font: normal 10px/15px arial,verdana; text-decoration: none; color: #666; } #main #breadcrumb a.printpage:hover { background: url(/PrivateSafaris/ui/img/bg-print.gif) 0 0px no-repeat; } /* Left Navigation */ #main #maincontent #leftnav { float: left; width: 223px; padding-right: 4px; overflow: hidden; } #main #maincontent #leftnav ul { margin-left: 10px; } #main #maincontent #leftnav ul li { list-style: none; } #main #maincontent #leftnav ul li a { color: #bfae8b; padding-left: 12px; text-decoration: none; font: bold 11px/19px arial,verdana; display: block; } #main #maincontent #leftnav ul li a:hover { color: #6a5b38; } #main #maincontent #leftnav ul li a.selected { color: #6a5b38; background: url(/PrivateSafaris/ui/img/bg-menu-arrow.gif) no-repeat 0 50%; } #main #maincontent #leftnav ul ul { margin-left: 10px; } /* Main/Content Placeholders */ #main #maincontent .contentXlarge { overflow: hidden; float: left; width: 908px; } #main #maincontent .contentLarge { overflow: hidden; float: left; width: 677px; clear: right; } #main #maincontent .contentMedium { overflow: hidden; float: left; width: 454px; } #main #maincontent .contentSmall { overflow: hidden; float: left; width: 227px; } /* Top Bottom */ #bottom #bottomcontent { width: 912px; padding: 0 7px; background: transparent url(/PrivateSafaris/ui/img/bg-shadow-page.png) repeat-y 0 0; } #bottom #bottomcontent p { background: #8b8b85; padding-top: 5px; text-align: center; font: normal 11px/20px arial,verdana; text-transform: uppercase; color: #fff; } #bottom #bottomcontent a { color: #ffcc66; text-decoration: none; } #bottom #bottomcontent a:hover { text-decoration: underline; } #bottom #bottomcorners { height: 15px; background: transparent url(/PrivateSafaris/ui/img/bg-shadow-bottom.png) 0 0 no-repeat } /* Spots */ #main #maincontent .spot { background-color: #ecece7; overflow: hidden; float: left; width: 223px; margin-right: 4px; margin-bottom: 4px; overflow: hidden; } #main #maincontent .spot img { border: none; margin-bottom: 6px; width: 223px; height: 124px; } #main #maincontent .spot .spotcontent { font: normal 11px/16px arial,verdana; } #main #maincontent .spot .spotcontent h3 { padding: 0 4px; color: #000; font: normal 14px/15px arial,verdana; } #main #maincontent .spot .spotcontent h4 { padding: 0 4px; color: #000; font: bold 14px/15px arial,verdana; } #main #maincontent .contentXlarge .spot .spottext { height: 105px ;} #main #maincontent .spot .spotcontent p { padding: 0 4px; color: #666; margin: 6px 0; } #main #maincontent .spot .spotcontent .spotlink { display: block; color: #666; background: #e0e0d7; text-transform: uppercase; text-decoration: none; font-weight: bold; text-align: right; padding: 6px 10px; } #main #maincontent .spot .spotcontent a span { background: transparent url(/PrivateSafaris/ui/img/readmore-arrow.gif) no-repeat 0 0; padding-left: 20px; } #main #maincontent .frontpageSpot { } #main #maincontent .frontpageSpot .contentSmall { background: #e6af5c url(/PrivateSafaris/ui/img/bg-spot.png) repeat-x 0 0; height: 251px; width: 223px; position: relative; } #main #maincontent .frontpageSpot h2 { font: bold 20px/24px arial,verdana; text-transform: uppercase; color: #fff; background: none; padding: 10px 10px 0; } #main #maincontent .frontpageSpot h3 { font: bold 16px/20px arial,verdana; text-transform: uppercase; color: #fff; background: none; padding: 0px 10px 0; } #main #maincontent .frontpageSpot p { font: normal 11px/15px arial,verdana; text-transform: uppercase; color: #fff; padding: 5px 10px 0; } #main #maincontent .frontpageSpot .PriceText { font: normal 11px/15px arial,verdana; text-transform: uppercase; color: #fff; position: absolute; top: 220px; right: 10px; } #main #maincontent .frontpageSpot .Price { font: normal 24px/28px arial,verdana; padding-left: 10px; } /* Summary List */ .summary-list { margin: 10px; font: normal 11px/13px arial,verdana; color: #666; } .summary-list li { margin-bottom: 10px; padding-left: 14px; background: transparent url(/PrivateSafaris/ui/img/summary-list-arrow.gif) 0 1px no-repeat; list-style: none; zoom: 1.0; } .summary-list li a { color: #666; } .summary-list li a:hover { } .summary-list .date { border-left: #666 solid 1px; margin-left: 5px; padding-left: 5px; } /* List with and without images */ .list-item { background-color: #ecece7; } .list-item h3 { position: relative; background: #dfd1b3 url(/PrivateSafaris/ui/img/bg-rounded-corners-large-top.gif) no-repeat 0 0; color: #fff; font: bold 12px/15px arial,verdana; text-transform: uppercase; padding: 5px; width: 667px; } .list-item h3 a.cornerlink { position: absolute; top: 5px; right: 10px; font: normal 11px/15px arial,verdana; color: #6A5B38; text-decoration: none; text-transform: none; } .list-item img { border: none; float: left; padding-right: 10px; } .list-item p { font: normal 11px/15px arial,verdana; color: #333; padding: 10px 0; height: 104px; } .list-item a { text-decoration: none; } .list-item a.readmore { background: #e0e0d7; display: block; clear: both; font: bold 11px/11px arial,verdana; text-decoration: none; text-transform: uppercase; text-align: right; color: #666; padding: 8px 0; } .list-item a.readmore span { background: transparent url(/rotunda/ui/img/arrow-readmore.gif) no-repeat 0 50%; padding: 0 10px 0 20px; } .list-item a.readmore:hover { background-color: #d1d1c8; } /* Table with facts */ .tablefact { font: normal 10px/15px arial,verdana; margin: 5px 10px; width: 660px; } .tablefact tbody th { background: #fff url(/PrivateSafaris/ui/img/hr-dotted.gif) repeat-x 0 90%; text-align: left; } .tablefact tbody td { background: #fff url(/PrivateSafaris/ui/img/hr-dotted.gif) repeat-x 0 90%; text-align: right !important; } .tablefact tbody th span { background-color: #fff; padding-right: 5px; } .tablefact tbody td span { background-color: #fff; padding-left: 5px; } .tablefact tfoot td { padding-top: 10px; } /* Destination List */ #destinationlist { padding: 5px; margin: 0; background: #efefeb; width: 894px; } #destinationlist ul { margin: 0; list-style: none; width: 222px; float: left; } #destinationlist ul li { list-style: none; } #destinationlist ul li a { background: url(/PrivateSafaris/ui/img/arrow-readmore.gif) 0 2px no-repeat; padding: 2px 20px; font: normal 11px/20px arial,verdana; color: #000; text-decoration: none; } #destinationlist ul li a:hover { color: #333; text-decoration: underline; } /* Forms */ .form { display: block; font: normal 11px/15px arial,verdana; color: #666; padding: 0 10px; border: none; margin: 0; } .form legend { margin-left: -10px; color: #666; font-weight: bold; } .form label { /* float: left; */ display: block; position: relative; width: 110px; left: 40px; margin-top: -10px; } .form label.first { margin-top: 5px; } .form input, .form select, .form textarea { position: relative; top: -15px; left: 110px; display: block; font: normal 11px/15px arial,verdana; } .form .input { width: 235px;} .form .select { width: 239px;} .form .textarea { width: 235px; height: 100px; } .form input.submit { top: 0; display: inline; } .form .section { border: none; padding-bottom: 15px; } .selectNavigation { position: absolute; top: 5px; right: 10px; font: normal 11px/15px arial,verdana; border: none; } .form fieldset.choices { border: none; width: 390px; } .form fieldset.choices legend { font-weight: normal; padding-left: 40px; } .form fieldset.choices label { top: -14px; display: inline; width: 200px; margin: 0 0 0 110px; font-weight: normal; float: left; } .form fieldset.choices input { position: static; clear: both; float: left; display: block; margin-right: 5px; } .required-field { color: #A51410; font-weight: bold; } .control { width: 400px; border: none; padding-right: 51px; text-align: right; } .control .button { margin: 0; font: normal 11px/15px arial,verdana; } /* Catalogue Filer */ .catalogue-filter { background: #666 url(/PrivateSafaris/ui/img/bg-rounded-corners-large-bt.gif) no-repeat 0 100%; font-family: arial,verdana; border: none; margin-top: -4px; padding: 5px 10px 15px; background-color: #efe8d9; } .catalogue-filter .one-column { border: none; float: left; margin-bottom: 5px; width: 100%; } .catalogue-filter .two-columns { border: none; float: left; margin-bottom: 5px; width: 50%; } .catalogue-filter .submit { border: none; position: relative; width: 99%; float: left; } .catalogue-filter .submit a { background-color:#F3F3F3; border: 1px solid #000000; color:#000000; font: normal 10px/15px verdana,arial; height: 15px; padding: 2px ; text-decoration:none; position: relative; left: 514px; bottom: -5px; } .catalogue-filter label { display: block; color: #666; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-top: 5px; } .catalogue-filter input { font-size: 11px; } .catalogue-filter select { display: block; font-size: 11px; width: 260px; color:#666; } /* sitemap */ #sitemap { font: normal 75%/1.5 arial,verdana; } #sitemap a { color: #666; text-decoration: none; } #sitemap a:hover { text-decoration: underline; } #sitemap .section-name { cursor: pointer; padding: 2px 12px; margin: 5px 5px 0 0; font-weight: bold; } #sitemap .on .section-name { background: #DFD1B3; cursor: default; border: 1px solid #DFD1B3; color: #fff; padding-top: 0; } #sitemap .off .section-name { background: #E5E5E0 url(/Corporate/UI/img/sitemap-arrow.gif) 427px 4px no-repeat; border: none; color: #8b8b85 } #sitemap .section-pages { background-color: #ffffff; padding: 0 5px 5px 5px; border:1px solid #DFD1B3; border-top: none; margin-right: 5px; } #sitemap ul { padding: 0 0 0 24px; margin: 0 0 0 -24px; background: url(/Corporate/UI/img/vline.gif) repeat-y 0% 0%; } #sitemap li { padding: 0 0 0 24px; margin: 0; list-style: none; background: url(/Corporate/UI/img/node.gif) no-repeat 0% 0%; } #sitemap ul.lastnode { background-image: none; } #sitemap li.lastnode { background: url(/Corporate/UI/img/lastnode.gif) no-repeat 0% 0%; } /* Administrration */ .loginpage { width: 300px; padding-left: 50px; font: normal 11px/18px verdana,arial; } .loginpage fieldset { border: none; padding-bottom: 5px; } .loginpage label { display: block; } .loginpage input { width: 99%; } .loginpage a { float: right; font: normal 11px/18px verdana,arial; text-decoration: none; } .loginpage a.loginbutton { color: #fff; border: #9b6b24 solid 2px; border-right: #00284d solid 2px; border-bottom: #00284d solid 2px; padding: 1px 10px 1px 10px; background: #c6892e; } .loginpage a.loginbutton:hover { color: #fff; border: #00284d solid 2px; border-right: #9b6b24 solid 2px; border-bottom: #9b6b24 solid 2px; padding: 2px 9px 0px 11px; } /* Search Box */ #searchbox { border: none; float: right; padding-top: 3px; } #searchbox input { border: #000 solid 1px; font: normal 10px/15px verdana,arial; color: #999; padding: 2px; } #searchbox a { border: #000 solid 1px; font: normal 10px/15px verdana,arial; color: #000; padding: 2px; background-color: #DFD1B3; margin-right: 10px; text-decoration: none; } /* Search Result */ #searchagain { border: solid 1px #8f9796; background: #dae5e4; padding: 5px; position: relative; } #searchagain a { color: #fff; border: #c49567 solid 2px; border-right: #7e4f1f solid 2px; border-bottom: #7e4f1f solid 2px; background: #996633; text-decoration: none; padding: 1px 5px; } #searchagain input { font: normal 11px/15px arial,verdana; padding: 1px; width: 200px; } #searchresult { padding: 0 12px 0 0; font: normal 11px/15px arial,verdana; position: relative; } #searchresult dl { color: #666; padding: 5px; } #searchresult dl dt { color: #666; } #searchresult dl dt a { font-size: 12px; color: #996633; font-weight: bold; } #searchresult dl dt .mime { font-size: 10px; color: #000; } #searchresult dl dd { color: #666; padding: 2px 5px 10px; } #searchresult #resulttext { text-align: right; padding: 5px; position: absolute; top: 10px; right: 12px; } #searchresult #resultbottom { border: solid 1px #8f9796; background: #dae5e4; padding: 5px; position: relative; font: normal 11px/15px arial,verdana; } #searchresult #resultbottom .srprev { position: absolute; top: 5px; left: 10px; text-decoration: none; color: #000; } #searchresult #resultbottom .srnext { position: absolute; top: 5px; right: 10px; text-decoration: none; color: #000; } #searchresult #resultbottom .pageing { text-align: center; } #searchresult #resultbottom .pageing a { padding: 0 3px; color: #000; } #searchresult .synonym { color: #2C5693; padding-bottom: 10px; } #searchresult .keymatch { background-color: #2C5693; margin-top: 5px; padding: 5px; } #searchresult .keymatch a { color: #fff; font-weight: bold; } #searchresult .keymatch p { color: #fff; top:5px; font-size: 12px; font-weight: bold; margin-bottom: 5px; } #searchresult .keymatch span { display: block; color: #fff; } /* Filter pageing */ #maincontent .contentLarge .pageing { text-align: center; padding: 0 12px 0 0; font: normal 11px/15px arial,verdana; position: relative; } #maincontent .contentLarge .pageing a { padding: 0 3px; color: #6A5B38; } /* Product template back link */ .contentLarge a.readmore { background: #e0e0d7; display: block; clear: both; font: bold 11px/11px arial,verdana; text-decoration: none; text-transform: uppercase; text-align: right; color: #666; padding: 8px 0; padding-right: 8px;} .contentLarge a.readmore span { background: transparent url(/PrivateSafaris/ui/img/readmore-arrow.gif) no-repeat 0 0; padding-left: 20px; } /* Edit mode */ .editorTopLeftSpot { float: left; width: 675px; font: normal 11px/15px arial,verdana; } .editorTopRightSpot { float: right; width: 225px; font: normal 11px/15px arial,verdana; } .editorSmallSpot { float: left; width: 225px; font: normal 11px/15px arial,verdana; }