/* -------------------------------------------------------------- Project: Statesman Travel Author(s): Yaw Dako, Shahid Altaf Module: Global Created: 16/06/08 Last update: 14/07/08 -------------------------------------------------------------- */ /* -------------------------------------------------------------- YAHOO RESET -------------------------------------------------------------- */ @import url("/css/reset.css"); /* -------------------------------------------------------------- GENERAL -------------------------------------------------------------- */ html { background:#53626F url(/images/bg/statesman_bg_2000px.jpg) repeat-x; } body { color:#666; font-size:62.5%; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:1; margin:0; padding:0; overflow: -moz-scrollbars-vertical; } h1 { font-size:200%; font-weight:bold; line-height:1.1; } p { font-size:120%; padding-bottom:10px; line-height:1.3; } strong { font-weight:bold; } a { color: #315A7B } em { font-style:italic; } .logos { padding-left:10px; padding-top:5px; clear:both;} #content table { font-family:Arial, Helvetica, sans-serif; } /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */ #header, #nav { margin:0 auto; width:950px; text-align:left; } .wrapper { width:100%; text-align:center; } .contentContainer { text-align:center; background:#FFF; } .contentOuter { background:url(/images/bg/content_bg_bt.gif) bottom repeat-x; } .colX { float:left; margin-top:15px; width:652px; } .colY { float:left; margin-top:15px; width:293px; } #content { margin:0 auto 0 auto; width:950px; padding:0 5px; text-align:left; } #footer { margin:0 auto; height:498px; width:950px; } .borderLine { border-bottom:2px solid #e8e8e8; margin-bottom:20px; padding-bottom:10px; } h4 { font-size:1.4em; font-weight:bold; margin-bottom:15px; } /* -------------------------------------------------------------- NAVIGATION -------------------------------------------------------------- */ .navContainer { background:#B6D42D url(/images/bg/nav_bg.gif) bottom repeat-x; } #nav { min-height:3.7em; height:auto !important; height:3.7em; } #nav ul { float:left; font-size:120%; font-weight:bold; line-height:1.2; } #nav li { display:inline; } #nav li a { color:#315A7B; float:left; text-decoration:none; padding:0.8em 0 0.9em 0; margin-right:12px; } #nav li a:hover { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } /* Search */ #nav #search { float:right; padding-top:6px; width:300px; } #nav #search form { float:right; } #nav #search label { float:left; margin:2px 5px 0 0; color:#31597B; font-size:1.6em; font-weight:bold; } #nav #search .textfield { width:125px; float:left; padding:1px 2px; font-size:1.1em; border:2px inset; } #nav #search .button { height:20px; padding-right:15px; float:left; cursor:pointer; color:#B4D12A; font-size:1.6em; font-weight:bold; background:#2C3F4E url(/images/buttons/search_btn.gif) no-repeat 100% 2px; } .pageHome #nav li.navHome a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageAboutus #nav li.navAboutus a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageServices #nav li.navServices a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageNewsletter #nav li.navNewsletter a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageNews #nav li.navNews a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageInternational #nav li.navInternational a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageEvents #nav li.navEvents a { background:url(/images/bg/nav_bg_hlover.gif) repeat-x; } .pageLeisure #nav li.navLeisure a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageContact #nav li.navContact a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageManager #nav li.navServices a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } .pageOnlineServices #nav li.navAboutus a { background:url(/images/bg/nav_bg_hover.gif) repeat-x; } /* -------------------------------------------------------------- HEADER -------------------------------------------------------------- */ #header { background:url(/images/header/china_hd.jpg) right no-repeat; } #header a { background:url(/images/statesman_logo.gif) -5px 0; display:block; height:112px; overflow:hidden; text-indent:-9999px; width:354px; } .sydney #header { background:url(/images/header/sydney_hd.jpg) right no-repeat; } /* Modified about us header, by josh - 14/04/09 */ .pageAboutus #header { background:url(/images/header/taxis2_hd.jpg) right no-repeat; } .pageServices #header { background:url(/images/header/fireworks_hd.jpg) right no-repeat; } .pageNewsletter #header { background:url(/images/header/taxis_hd.jpg) right no-repeat; } .pageNews #header { background:url(/images/header/fence_hd.jpg) right no-repeat; } .pageInternational #header { background:url(/images/header/fireworks_hd.jpg) right no-repeat; } .pageEvents #header { background:url(/images/header/contact_hd.jpg) right no-repeat; } .pageLeisure #header { background:url(/images/header/tattoo_hd.jpg) right no-repeat; } .pageContact #header { background:url(/images/header/taxis2_hd.jpg) right no-repeat; } .pageManager #header { background:url(/images/header/fence_hd.jpg) right no-repeat; } .pageOnlineServices #header { background:url(/images/header/cow_hd.jpg) right no-repeat; } /* -------------------------------------------------------------- CONTENT -------------------------------------------------------------- */ #content { background:url(/images/bg/content_bg.gif) left repeat-y; padding-bottom:30px } .colX_left { float:left; width:366px; } .colX_right { float:left; width:281px; } #welcome { width:342px; background:url(/images/bg/welcome_bg.gif) repeat-y; margin:5px 0 0 12px; } #welcome ul { color:#3B607E; font-size:120%; line-height:1.2; padding:0 0 15px 10px; } #welcome li { list-style:disc; margin:0 0 5px 4px; } #welcome li a { text-decoration:underline; } .welcomeInner { background:url(/images/bg/welcome_bt.gif) left bottom no-repeat; padding:0 8px; min-height:397px; height:auto !important; height:397px; } .welcomeInner a { color:#3B607E; font-weight:bold; text-decoration:none; } .welcomeInner p { padding-bottom:20px; } #welcome h1 { background:#2F4A60 url(/images/bg/welcome_header.gif) no-repeat; color:#B4D22A; font-family:Arial, Geneva, sans-serif; margin-bottom:10px; padding:10px 0 5px 8px; } #welcome em { color:#3B607E; font-weight:bold; } #news { background:url(/images/bg/news_bg.gif) left repeat-y; width:280px; margin:5px 0 0 0; } #news h1 { background:url(/images/bg/news_header.gif) no-repeat; color:#FFF; font-family:Arial, Geneva, sans-serif; margin-bottom:10px; padding:10px 0 10px 8px; } .newsInner { height:300px; overflow:auto; padding:10px 8px 10px 10px;} .newsInner p { clear:both; padding-bottom:3px; } .newsInner em { color:#3B607E; display:block; font-weight:bold; } .newsInner img { float:left; padding-right:8px; } .newsletter { background:#C8C9CA url(/images/bg/news_bt.gif) left bottom no-repeat; padding:0px 8px 0 8px; height:95px; } .newsletter fieldset { padding-bottom:5px; } .newsletter .textField { padding:2px; width:180px; } .newsletter a { color:#3B607E; font-size:120%; } .newsletter p { padding:10px 5px 0 0; line-height:1.2; } #sm_roo_btn { position:absolute; margin-left:498px; margin-top:-32px; } .subscribe{ background:#C8C9CA; padding:2px; } .subscribe input{ margin:2px; } /* -------------------------------------------------------------- STATES MANAGER -------------------------------------------------------------- */ #manager { background:url(/images/bg/manager_bg.gif) repeat-y; } .managerInner { padding:18px 12px; background:url(/images/bg/manager_bt.gif) left bottom no-repeat; min-height:381px; height:auto !important; height:381px; } #manager h1 { background:url(/images/bg/manager_header.gif) left no-repeat; height:79px; overflow:hidden; text-indent:-9999px; } #manager p { padding-bottom:15px; } #manager #login a { color:#325a7b; } #manager #login fieldset { float:left; margin-right:10px; } #manager #login label { display:block; margin-bottom:3px; font-size:1.2em; color:#325A7B; } #manager #login input.textfield { width:86px; padding:1px 2px; font-size:1.1em; border:2px inset; } #manager #login input.button { cursor:pointer; float:left; margin-top:15px; font-size:1.6em; font-weight:bold; color:#325A7B; background:transparent; } #manager ul#tools { padding-bottom:20px; margin-bottom:10px; } #manager ul#tools li { width:133px; float:left; margin-bottom:11px;} #manager ul#tools li h3 { position:absolute; left:-9999px; } #manager ul#tools li p { padding:0; font-size:1.1em; line-height:1.1em; } #manager ul#tools li a { display:block; min-height:47px; height:auto !important; height:47px; padding:20px 0 0 48px; color:#666; text-decoration:none; } #manager ul#tools li a#tools_resman { background:transparent url(/images/buttons/tools_btn_resman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_resman { background:transparent url(/images/buttons/tools_btn_resman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_webman { background:transparent url(/images/buttons/tools_btn_webman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_webman { background:transparent url(/images/buttons/tools_btn_webman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_rooman { background:transparent url(/images/buttons/tools_btn_rooman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_rooman { background:transparent url(/images/buttons/tools_btn_rooman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_satman { background:transparent url(/images/buttons/tools_btn_satman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_satman { background:transparent url(/images/buttons/tools_btn_satman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_trakman { background:transparent url(/images/buttons/tools_btn_trakman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_trakman { background:transparent url(/images/buttons/tools_btn_trakman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_visaman { background:transparent url(/images/buttons/tools_btn_visaman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_visaman { background:transparent url(/images/buttons/tools_btn_visaman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_dataman { background:transparent url(/images/buttons/tools_btn_dataman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_dataman { background:transparent url(/images/buttons/tools_btn_dataman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_tripman { background:transparent url(/images/buttons/tools_btn_tripman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_tripman { background:transparent url(/images/buttons/tools_btn_tripman2.gif) no-repeat 0 0; } #manager ul#tools li a#tools_trainman { background:transparent url(/images/buttons/tools_btn_trainman1.gif) no-repeat 0 0; } #manager ul#tools li.active a#tools_trainman { background:transparent url(/images/buttons/tools_btn_trainman2.gif) no-repeat 0 0; } #tooltip { display:none; width:100px; padding:5px 8px; position:absolute; color:#666; border:1px solid #333; background:#e9f5ff; } .loginBtn { background:url(/images/buttons/login_btn.gif) 0 center no-repeat; display:block; height:38px; margin:0 auto 0 auto; padding-top:15px; overflow:hidden; text-indent:-9999px; width:138px; } /* Login Pages / Forgotten Passwords */ #loginPage #manager { margin:0 auto; width:300px; } #loginPage #manager #login fieldset { float:none; margin-right:10px; margin-bottom:20px; } #loginPage #login input.textfield { width:175px; } #loginPage #login #passwordTxt { float:left; } #loginPage #manager #login input.button { margin-top:0; } #loginPage .managerInner { min-height:270px; height:auto !important; height:270px; } #loginPage #manager h2 { color:#325A7B; font-size:200%; font-weight:bold; line-height:110%; margin-bottom:10px; } /* -------------------------------------------------------------- FOOTER -------------------------------------------------------------- */ #footer { background:url(/images/footer/china_footer.jpg) no-repeat; margin-bottom:25px; width:950px; } #footer ul { color:#FFF; font-size:110%; font-weight:bold; line-height:110%; padding-top:10px; text-align:center; } #footer li { display:inline; } #footer li a { color:#FFF; text-decoration:none; } #footer li a:hover { color:#FFF; text-decoration:underline; } .pageAboutus #footer { background:url(/images/footer/taxis2_footer.jpg) no-repeat; } .pageServices #footer { background:url(/images/footer/fireworks_footer.jpg) right no-repeat; } .pageNewsletter #footer { background:url(/images/footer/taxis_footer.jpg) right no-repeat; } .pageNews #footer { background:url(/images/footer/fence_footer.jpg) right no-repeat; } .pageInternational #footer { background:url(/images/footer/fireworks_footer.jpg) right no-repeat; } .pageContact #footer { background:url(/images/footer/taxis2_footer.jpg) right no-repeat; } .pageManager #footer { background:url(/images/footer/fence_footer.jpg) right no-repeat; } .pageOnlineServices #footer { background:url(/images/footer/cow_footer.jpg) right no-repeat; } /* Added by josh - 14/04/09 */ .pageEvents #footer { background:url(/images/footer/contact_footer.jpg) right no-repeat; } .pageLeisure #footer { background:url(/images/footer/tattoo_footer.jpg) right no-repeat; } /* -------------------------------------------------------------- GENRIC PAGE (e.g. ABOUT US) -------------------------------------------------------------- */ #generic { width:634px; margin:5px 0 0 12px; position:relative; } #generic h1 { padding:8px 8px 5px; color:#b4d22a; font-size:100%; font-size:2.2em; background:#385161 url(/images/bg/blue_title_bg.gif) no-repeat 0 0; } #generic h1.grey { background:#efefef url(/images/bg/lgrey_title_bg.gif) no-repeat 0 0; } #generic .generic-inner { padding:20px 8px 0; } #generic .generic-inner p { padding-bottom:22px; } #generic .generic-inner a { color:#3b607e; font-weight:bold; } #generic .generic-inner p.intro { font-weight:bold; font-size:100%; font-size:1.4em; } #generic .generic-inner img { float:right; padding:0 0 20px 20px; } #generic .generic-inner ul { padding:0 0 22px 17px; } #generic .generic-inner ul li { font-size:1.2em; line-height:1.3em; padding-bottom:10px; list-style:url(/images/buttons/statesman_btn.gif); } #generic .generic-inner ul li span { font-weight:bold; } #generic .generic-inner dl { width:420px; padding-bottom:22px; font-size:1.2em; } #generic .generic-inner dl dt, #generic .generic-inner dl dd { float:left; width:170px; line-height:1.3em; margin-bottom:5px; } #generic .generic-inner dl dd { width:250px; } #generic .generic-inner .login { padding:28px 0 30px; color:#fff; } #generic .generic-inner .login p { padding:13px 25px 14px; font-size:1.6em; font-weight:bold; background:#7b9db9 url(/images/bg/login-arrow.gif) no-repeat 0 0; } #generic .generic-inner .buttons { padding-top:20px; text-align:center; clear:both; } #generic .generic-inner .buttons img { float:none; padding:0; } #generic span.white { color:#fff; } #generic span.blue { color:#335b7c; } #generic span.green { color:#b4d22a; } #generic .generic-inner #baseNav ul { padding-top:20px; text-align:center; } #generic .generic-inner #baseNav ul li { padding:0 20px 0 10px; display:inline; color:#3B607E; background:transparent url(/images/bg/base-nav-bullet.gif) no-repeat 100% 5px; } #generic .generic-inner #baseNav ul li a { color:#3B607E; font-weight:bold; } #generic .generic-inner #baseNav ul li a:hover { color:#b4d22a; } #generic .generic-inner #baseNav ul li.last { background:none; } #generic .generic-inner .copy { float:right; width:285px; } /* contact page */ #generic .generic-inner iframe { border:2px solid #c0c0c0; } #generic .generic-inner #map { float:right; padding:0; text-align:right; } #generic .generic-inner #map a { display:block; font-size:120%; line-height:120%; padding-top:3px; } #generic .generic-inner .contactInfo { width:290px; float:left; margin-right:25px; } #generic .generic-inner dl.contact { width:290px; float:left; } #generic .generic-inner dl.contact .info { width:270px; padding-bottom:5px; } #generic .generic-inner dl.contact dt { width:100px; font-weight:bold; margin-bottom:4px; } #generic .generic-inner dl.contact dd { width:185px; margin-bottom:4px;} #generic .generic-inner .greyBox { background:#EBEBEB; padding:5px 6px; } #generic .generic-inner dl.greyBox dd { width:155px; } #generic .generic-inner .contactImg { padding:0; } #content .colX .search li a { display:block; } #generic .generic-inner .station { width:290px; float:left; font-size:120%; } #generic .generic-inner .station .info { width:270px; padding-bottom:7px; } #generic .generic-inner .station th { padding-bottom:15px; vertical-align:top } #generic .generic-inner .station td { padding-bottom:5px; vertical-align:top } #generic .generic-inner .station .colA { width:40%; font-weight:bold; } #generic .generic-inner .station .colB { width:60%; text-align:center; } /* Change password */ #generic .generic-inner .password fieldset { font-size:120%; } #generic .generic-inner .password fieldset div { margin-bottom:7px; } #generic .generic-inner .password label { display:block; margin-bottom:2px } #generic .generic-inner .password .textfield { border:2px inset; } #generic .generic-inner .eventsTable { font-size:110%; } #generic .generic-inner .eventsTable th { padding:10px; font-size:1.2em; font-weight:bold; } #generic .generic-inner .eventsTable td { padding:10px; } #generic .generic-inner .eventsTable li { font-size:1.2em; margin:0; padding:0 0 10px 0; } /* -------------------------------------------------------------- NEWS PAGE -------------------------------------------------------------- */ #content.newsPage { padding:0; background:none; } .newsPage .colX { padding:6px 0; } /* .newsPage p { font-size:100%; } */ .newsPage p.newsPageTitle { padding:14px 0 0; font-size:1.2em; color:#000; text-decoration:underline; } .newsPage .colX_left { float:left; width:116px; margin-right:11px; } .newsPage .colX_left h2 { padding:11px 6px; color:#b4d22a; font-size:1.9em; font-family:"arial black",arial; background:#335b7c url(/images/bg/newsPage_previous.gif) no-repeat 0 0; } .newsPage .colX_left p { width:110px; margin-top:10px; color:#959595; font-size:1.2em; text-align:center; } .newsPage .colX_left .months { padding-bottom:22px; background:transparent url(/images/bg/newsPage_previous_bt.gif) no-repeat 0 100%; } .newsPage .colX_left .months ul { padding-top:4px; background:transparent url(/images/bg/newsPage_previous_mid.gif) repeat-y 0 0; } .newsPage .colX_left .months ul li { width:94px; padding:0 5px; margin-bottom:4px; font-size:1.2em; line-height:1.2em; background:transparent url(/images/bg/newsPage_previous_list.gif) repeat-y 0 0; } .newsPage .colX_left .months ul li.last { margin:0; } .newsPage .colX_left .months ul li a { color:#000; text-decoration:none; } .newsPage .colX_right { float:left; width:503px; } .newsPage .colX_right h1 { display:none; } .newsPage .colX_right h2 { padding:11px; color:#b4d22a; font-size:1.9em; font-family:"arial black",arial; background:#385161 url(/images/bg/newsPage_h2.gif) no-repeat 0 0; } .newsPage .colX_right h3 { margin-bottom:3px; font-size:1.5em; font-weight:bold; font-style:italic; } .newsPage .colX_right h3 a { color:#000; } .newsPage .colX_right p { font-size:1.2em; } .newsPage .colX_right p a { color:#2c3f4e; text-decoration:none; } .newsPage .colX_right p a:hover { text-decoration:underline; } .newsPage .colX_right ul { margin-bottom:14px; width:100%; } .newsPage .colX_right ul li { padding:18px; clear:both; color:#000; } .newsPage .colX_right ul li.odd { background:#eee; } .newsPage .colX_right ul li.even { background:#f6f6f6; } .newsPage .colX_right ul li img { float:left; margin-right:18px; } /* -------------------------------------------------------------- OUR TEAM -------------------------------------------------------------- */ .bio { border-bottom:1px solid #e8e8e8; margin-bottom:20px; padding-bottom:20px; } .bio h3 { font-size:1.4em; color:#3b607e; font-weight:bold; line-height:1.3em; padding-bottom:15px; } .bio .bioImage { float:left; width:155px; } #generic .bio .bioImage img { float:left; padding:0; } .bio .bioDetail { float:left; width:455px; } /* -------------------------------------------------------------- NEW/MEDIA PAGE -------------------------------------------------------------- */ #news-media { width:634px; margin:5px 0 0 12px; } #news-media h1 { padding:8px 8px 5px; color:#fff; font-size:100%; font-size:2.2em; background:#c0c0c0 url(/images/bg/grey_title_bg.gif) no-repeat 0 0; } #news-media h2 { padding:5px 8px; color:#fff; font-size:2.2em; font-weight:bold; background:#c0c0c0; } #news-media ul li { padding:20px 0 20px 8px; border-bottom:2px solid #c0c0c0; } #news-media ul li.last { border:none; } #news-media ul li .wrap { width:340px; float:left; } #news-media ul li h3 { font-size:1.4em; color:#3b607e; font-weight:bold; line-height:1.3em; } #news-media ul li h3 a { color:#3b607e; text-decoration:none; } #news-media ul li p { padding-bottom:22px; } #news-media ul li p a { color:#3b607e; font-weight:bold;} #news-media ul li p.read { margin-top:-22px; padding:0; } #news-media ul li img { float:left; padding:0 24px 0 0; } #news-media .news-article { padding:20px 0 20px 8px; } #news-media .news-article h3 { font-size:1.4em; color:#3b607e; font-weight:bold; line-height:1.3em; } #news-media .news-article p { padding-bottom:22px; } #news-media .news-article p a { color:#3b607e; font-weight:bold;} #news-media .news-article img { float:left; padding:0 8px 0 8px; display:block; } #news-media .news-article ol { font-size:120%; line-height:1.2; margin:0 20px 20px 0; } #news-media .news-article ol li { padding:0 0 10px 0; list-style:decimal; margin-left:42px } /* -------------------------------------------------------------- CLEAR FLOATS -------------------------------------------------------------- */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display: inline-block; } /* hides from IE/Mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end hide from IE-Mac */ /*** end clearing hack ***/ .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } /* -------------------------------------------------------------- NEWS TICKER -------------------------------------------------------------- */ #newsTicker { position:relative; background:url(/images/bg/newsTicker_bg.gif) top repeat-x; padding:10px 0 0 0; top:-5px;list-style-type: none; } #newsTicker em { color:#FF0000; padding-left:10px; font-weight:bold; } #newsTicker li { color:#3B607E; font-weight:bold; font-size:120%; padding-bottom:10px; line-height:1.3;} #newsTicker a { color:#3B607E; text-decoration:none;} #newsTicker ul{ } /* --------------------------------------------------------------- PRODUCT PAGES --------------------------------------------------------------- */ #productrightcolumn{float:right;width:310px;}