body { margin: 0; background: #4d4c48 url(/images/bg.jpg); font: 8.5pt Verdana, Georgia, sans-serif; }
form { margin: 0; }

/* Basic *****************************************/

    p, ul, ol { text-align: justify; line-height: 16px; margin: 8px 0; }
    li { margin: 0 0 0 30px; padding: 0; }
    table { margin: 8px 0; }
    h1 { color: #2c4355; font: bold 15pt "Century Gothic", "Avant Garde", sans-serif; margin: 0; padding-bottom: 0; letter-spacing: -1px; }
    h2 { color: #2c4355; font: bold 13pt "Century Gothic", "Avant Garde", sans-serif; margin: 25px 0 10px 0; }
    h3 { color: #2c4355; font: bold 10.5pt "Century Gothic", "Avant Garde", sans-serif; }
    h4 { font: bold 8.5pt Verdana, Georiga, sans-serif; }
    
    hr { border: solid 1px #CCCCCC; margin: 5px 0; }

    a { color: #990000; }
    a:visited { color: #000099; }

    div.crumbtrail { font-size: 7.5pt; font-weight: bold; color: #999999; padding-bottom: 20px; }
    a.breadcrumb, a.breadcrumb:visited { font-weight: bold; color: #999999; text-decoration: underline; }
    a.breadcrumb:hover { color: #990000; text-decoration: none; }

    tr.th td, th, td.th { background: #CCCCCC; color: #000000; font-weight: bold; }
    tr.row1 td, td.row1, div.row1 { background: #e9ecee; }
    tr.row0 td, td.row0, div.row0 { background: #f4f5f6; }

    img.ui { display: block; }
	.center { display: block; margin: 0 auto; }
    .pagecenter { position: absolute; left: 0; right: 0; margin: 0 auto; }

	.form { overflow: hidden; }
		.form label { text-align: right; width: 110px; padding-right: 10px; margin-top: 2px; }
		    .form label.wide { width: 160px; }
		.form .input, .form label, .form input, .form textarea, .form select, .form .button { display: block; float: left; margin-bottom: 10px; margin-right: 3px; }
		.form input.submit { float: none; margin: 0; }
		.form input.center { display: block; margin: 0 auto; }
		.form br { clear: left; }

        input.button { background: #54a3ee url(/images/button.bg.png) repeat-x; border: solid 1px #1f54bc; font: bold 9pt Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #ffffff; height: 20px; }
        input.disabledbutton { background: #CCCCCC; border: solid 1px #666666; font: bold 9pt Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #999999; height: 20px; }

		.form .note { border: solid 1px #999999; background: #FFFFCC; padding: 5px; float: right; color: #666666; width: 350px; font: 7.5pt Verdana; }
		.form .block { float: none; width: auto; }
		.form .note h5 { margin: 0; font: bold 7.5pt Verdana; border-bottom: solid 1px #999999; }
		.form .note p { margin: 0; }

		.form .summary { border: solid 1px #999999; background: #FFFFCC; padding: 5px; color: #333333; }
		.form .summary h4 { margin: 0; font: bold 9.5pt Verdana; border-bottom: solid 1px #999999; }
		.form .summary p { margin: 0; }
		.form .summary th { font: bold 8.5pt Verdana; width: 130px; text-align: left; vertical-align: top; }
		.form .summary td { font: 8.5pt Verdana; vertical-align: top; }
		.form .summary .row1 td, .form .summary .row1 th { background: #FFFF99; }
		.form .summary .row0 td, .form .summary .row0 th { background: #FFFFAA; }

		.form .leftcol { float: left; width: 380px; }
		.form .rightcol { float: left; width: 300px; margin-left: 20px; }
		.form .leftcol table { width: 380px; }
		.form .rightcol table { width: 300px; }
		.form .rightcol th { width: 70px; }

		.form .rbl { float: left; display: block; margin-top: 2px; }
		    .form .rbl input { display: inline; margin: 1px 4px 2px 0;}
		    .form .rbl label { text-align: left; padding: 0; margin: 0; width: auto; }
		    .form .rbl br { clear: left; }
		    .form .rbl td { padding-right: 10px; }

    .error { border: solid 1px #990000; color: #660000; background: #FF9999; font-weight: bold; padding: 10px; }

/* Layout ****************************************/

    .right { float: right; margin: 0 0 10px 20px; }
    
    div#headerbg { background: url(/images/header.alpha.bg.png) center bottom no-repeat; height: 170px; overflow: hidden; }
    div#bodybg { background: url(/images/body.alpha.bg.png) center repeat-y; }
    div#footerbg { background: url(/images/footer.alpha.bg.png) bottom no-repeat; height: 45px; }

    div#headerbg.home { background-image: url(/images/header.home.alpha.bg.png); padding-right: 220px; }
    div#bodybg.home { margin-right: 220px; height: 455px; overflow: hidden; }
    div#footerbg.home { margin-right: 220px; height: 30px; }

    div#header { width: 774px; background: #96b2b4 url(/images/header.inner.bg.jpg) center bottom no-repeat; height: 152px; margin-top: 13px; padding-top: 5px; text-align: right; }
        div#header.home { width: 724px; background-image: url(/images/header.home.bg.jpg); padding-right: 50px; }
        div#header ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; color: #2c3434; font-size: 7.5pt; display: inline; width: 310px; float: right; height: 12px; line-height: 12px; }
        div#header li { float: left; display: inline; padding: 0 15px; margin: 0; overflow: hidden; border-left: solid 1px #2c3434; }
            div#header li a { color: #2c3434; font-weight: bold; text-decoration: none; }
            div#header li a:hover { text-decoration: underline; }
            div#header li.home { border: none; }
            div#header li.home a { padding-left: 15px; background: url(/images/nav/home.bg.gif) left center no-repeat; }
    div#nav { width: 780px; background: #2c4355 url(/images/nav.bg.png) no-repeat; height: 31px; overflow: hidden; }
        div#nav ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; }
        div#nav li { float: left; display: inline; padding: 0; margin: 0; height: 31px; line-height: 31px; overflow: hidden; }
            div#nav img { padding: 12px 15px; }
            div#nav li.btn:hover { background: url(/images/nav.left.png) left 4px no-repeat; }
                div#nav li.btn:hover img { background: url(/images/nav.right.png) right no-repeat; }
            div#nav li.tab { background: url(/images/tab.left.png) left 4px no-repeat; }
                div#nav li.tab img { background: url(/images/tab.right.png) right 4px no-repeat; }

    div#body { background: #FFFFFF; width: 780px; }
        .home div#body { background: #FFFFFF url(/images/home/content.bg.jpg) top right no-repeat; height: 430px; overflow: hidden; padding: 0; }
        div#pagetitle { width: 740px; height: 45px; overflow: hidden; padding: 35px 20px 0 20px; background: url(/images/title.bg.png) no-repeat; }
        div#content { width: 740px; padding: 20px 9px; margin: 0 10px; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }
            div#content > h2 { margin-top: 0; }
    div#footer { width: 760px; color: #2c4355; font-size: 7.5pt; background: #FFFFFF url(/images/footer.bg.png) top no-repeat; padding: 15px 10px 0 10px; margin-bottom: 10px; }
        .home div#footer { background: #FFFFFF; padding-top: 0; }
        div#footer a { color: #2c4355; font-weight: bold; }

/* Drop-down menus ********************************/

	div.dd { position: absolute; visibility: hidden; z-index: 1; width: 147px; }
	div.dd ul { list-style-type: none; padding: 0; margin: 0; background: #1d4b82; line-height: normal; }
	div.dd li { font: bold 7.5pt Verdana, Georgia, sans-serif; margin: 0; padding: 0; }
	div.dd li:hover { background: #2c4355; }

    div.dd a, div.dd a:visited { color: #FFFFFF; text-decoration: none; padding: 4px 10px; margin: 0; display: block; width: 127px; }

/* Site-specific *********************************/

    p.mission { background: #e9ecee; font-size: 12pt; font-weight: bold; border: solid 1px #CCCCCC; margin-left: 100px; margin-right: 100px; padding: 10px; text-align: center; line-height: 20px; }

    div.fleetcategory { padding: 10px 0 0 10px; height: 145px; width: 730px; overflow: hidden; }
        div.fleetcategory div.image { float: left; position: inline; width: 180px; height: 100px; background: url(/images/fleet/category.bg.png) no-repeat; text-align: center; padding-top: 25px; margin-right: 10px; }
        div.fleetcategory h2 { margin: 0; }
        div.fleetcategory h3 { margin: 0 0 12px 0; }
        div.fleetcategory h4 { border-bottom: solid 1px #CCCCCC; margin: 0 10px 5px 0; }
        div.fleetcategory div.transmissions { float: left; position: inline; width: 140px; overflow: hidden; }
        div.fleetcategory div.options { float: left; position: inline; width: 280px; overflow: hidden; }
        div.fleetcategory div.colors { float: left; position: inline; width: 120px; }
        div.fleetcategory ul { float: left; position: inline; width: 130px; margin: 0 10px 0 0; list-style-type: none; padding: 0 0 0 0; }
        div.fleetcategory li { padding: 0 0 0 10px; width: 120px; margin: 0; border-bottom: dashed 1px #CCCCCC; }
        div.fleetcategory li.all { background: url(/images/fleet/all.png) left top no-repeat; }
        div.fleetcategory li.some { background: url(/images/fleet/some.png) left top no-repeat; }
        div.fleetcategory img.color { margin: 0 10px 10px 0; }

    div.rescategory { padding: 10px 0 0 10px; height: 115px; width: 730px; overflow: hidden; }
        div.rescategory div.image { float: left; position: inline; width: 180px; height: 100px; background: url(/images/reservations/category.bg.png) no-repeat; text-align: center; padding-top: 15px; margin-right: 10px; }
        div.rescategory div.info { float: left; position: inline; width: 400px; overflow: hidden; }
            div.rescategory div.info h3 { margin: 0 0 12px 0; }
            div.rescategory div.info h4 { border-bottom: solid 1px #CCCCCC; margin: 0 10px 5px 0; }
            div.rescategory div.info p { text-align: left; }
        div.rescategory div.choose { float: left; position: inline; width: 130px; overflow: hidden; text-align: right; }
            div.rescategory div.radio { height: 20px; }
                div.rescategory div.radio input { margin-top: 2px; float: right; }
                div.rescategory div.radio label { margin: 0; float: right; }
            div.rescategory div.rate { width: 105px; overflow: hidden; font-size: 14pt; text-align: right; padding-right: 25px; margin: 0; }
                div.rescategory div.rate h4 { font-size: 20pt; padding: 0; margin: 0; }

    table.wizard { width: 730px; }
    iframe.regulations { display: block; width: 728px; height: 200px; border: solid 1px #CCCCCC; }
    
    div#map { width: 738px; height: 348px; margin-bottom: 10px; border: solid 1px #999999; }
    ul.mapplaces { list-style-type: none; display: block; padding: 0; margin: 0; height: 40px; }
        ul.mapplaces li { float: left; position: inline; width: 87px; height: 30px; padding: 5px 0; margin: 0 5px 0 0; background: #e9ecee; text-align: center; }

    div.safaricontent { width: 430px; float: left; }
    div.safarisidebar { width: 280px; float: right; margin-top: 57px; padding: 10px; background: #d0c4ae url(/images/services/sidebar.bg.jpg) top no-repeat; }
        
/* Home page content *****************************/

    .home div.reservation { width: 430px; height: 395px; float: left; display: inline; background: url(/images/home/reservation.bg.png) no-repeat; padding: 5px 10px 0 10px; margin: 20px 0 0 10px; }
        .home h1 { padding: 0; margin: 0 0 5px 0; }
        .home div.reservation .row0, .home div.reservation .row1 { margin-bottom: 2px; padding: 5px 10px 0 10px; }
    .home div.rightcol { width: 310px; float: left; display: inline; margin-top: 60px; }
    div.weather { width: 300px; height: 100px; background: url(/images/home/weather.bg.png) no-repeat; margin: 0 0 10px 10px; }
    div.hotline { width: 300px; height: 36px; text-align: center; background: #ea2803 url(/images/home/hotline.bg.png) no-repeat; padding-top: 14px; overflow: hidden; margin-left: 10px; }
        div.hotline h2 { font-size: 15pt; color: #FFFFFF; margin: 0; padding: 0; }
    div.photo { width: 300px; height: 200px; background: url(/images/home/photo.bg.png) no-repeat; padding-top: 14px; overflow: hidden; padding-left: 10px; }
        div.photo h3 { padding: 5px 0 0 60px; }
        div.photo p { padding-top: 50px; font-weight: bold; text-align: center; }
    div#safari { width: 220px; height: 534px; padding: 8px 0; top: 11px; position: absolute; display: none; background: url(/images/home/safari.bg.alpha.png) no-repeat; }