/*===================================================================== * * Filename: global.css * Website: http://www.readydeals.com.au * Author: Simon Thenie * Date Created: 28/05/2009 * Media: Screen * * Description * ----------- * General Styling for templates * * *=====================================================================*/ /* Browser Reset ****************************/ * { padding:0; margin:0; } /* Utility Classes ****************************/ .clear { clear:both; } .left { float:left; } .right { float:right; } .small { font-size:0.95em; } .bold { font-weight:bold; } .nopadding { padding:0; margin:0 } .nomargin { margin:0 } .hide { display:none; } .morepadding { clear:both; padding:10px; } .topmorepadding { padding:10px 0 0 0; } .topbottommorepadding { padding:10px 0 10px 0; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } h1 { width:290px; height:102px; float:left; padding:0 0 0 18px; } h1 img { border:0 none; } h1 a.blue-logo { background-image:url(../../red-img/readydeals/blue-logo.jpg); background-repeat:no-repeat; width:290px; height:102px; text-indent:-99999px; display:block; } h2 { padding:0; margin:0 } h3 { padding:0; margin:0 } h4 { padding:0; margin:0 } h5 { padding:0; margin:0 } p { font-size:1em; padding:10px 0 10px 0; margin:0; line-height:1.5em; } html, body { margin:0; padding:0; height:100%; background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; } /* *********************************************** ********* shared layout containers *********** *********************************************** */ #wrapper { width:990px; padding:0; margin:0 auto; background-color:#FFFFFF; } #header { height:124px; background-image:url(../../red-img/readydeals/bg_header_blue.jpg); background-position:left bottom; background-repeat:no-repeat; } #header #menu { position:relative; top:71px; right:50px; float:left } #header #menu ul { padding:0; margin:0; list-style:none; } #header #menu li { padding:0; margin:0; float:left; } #header #menu li.menu-search a { background-image:url(../../red-img/readydeals/menu_search.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; padding:0; } #header #menu li.menu-deals a { background-image:url(../../red-img/readydeals/menu_deals.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; } #header #menu li.menu-rooms a { background-image:url(../../red-img/readydeals/menu_rooms.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; } #header #menu li.menu-flights a { background-image:url(../../red-img/readydeals/menu_flights.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; } #header #menu li.menu-insurance a { background-image:url(../../red-img/readydeals/menu_insurance.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; } #header #menu li.menu-cars a { background-image:url(../../red-img/readydeals/menu_cars.jpg); background-repeat:no-repeat; height:35px; width:114px; display:block; text-indent:-99999px; } #header #menu li.menu-search a:hover { background-position:left bottom; } #header #menu li.menu-deals a:hover { background-position:left bottom; } #header #menu li.menu-rooms a:hover { background-position:left bottom; } #header #menu li.menu-flights a:hover { background-position:left bottom; } #header #menu li.menu-insurance a:hover { background-position:left bottom; } #header #menu li.menu-cars a:hover { background-position:left bottom; } #header #menu li.menu-search a.active { background-position:left bottom; } #header #menu li.menu-deals a.active { background-position:left bottom; } #header #menu li.menu-rooms a.active { background-position:left bottom; } #header #menu li.menu-flights a.active { background-position:left bottom; } #header #menu li.menu-insurance a.active { background-position:left bottom; } #header #menu li.menu-cars a.active { background-position:left bottom; } #header #hotdeal { width:300px; height:63px; float:right; padding:0 18px 0 0; } #header #hotdeal a.price-match-guarantee { background-imageX:url(../../red-img/readydeals/bg_price-match-guarantee_blue.jpg); background-repeat:no-repeat; width:196px; height:63px; display:block; text-indent:-99999px; margin:0 0 0 125px; } #header #firstnav { float:right; margin:24px 4px 0 0; position:relative; z-index:999; } #header #firstnav ul { padding:0; margin:0; list-style:none; } #header #firstnav li { padding:0 5px 0 0; margin:0 0 0 5px; float:left; } #header #firstnav li.separator { border-right:solid 1px #015FA9; } #header #firstnav li a { font-size:11px; color:#015FA9; text-decoration:none; } #header #firstnav li a:hover { text-decoration:none; } #header #firstnav li a:link { text-decoration:none; } #header #firstnav li a:visited { text-decoration:none; } .indexprefooter { clear:both; padding:0 0 0 30px; } .indexprefooter .col { float:left; width:25%; } .indexprefooter .col ul { list-style:none} .indexprefooter .col li a { font-size:11px; color:#b3b3b3;} #footer { padding:20px 00px 30px 00px} #footer ul { float:left; padding:0; margin:0; list-style:none; } #footer li { float:left; padding:0; margin:0; list-style:none; margin:0 10px 0 0; padding:0 0 0 10px; border-left: solid 1px #777777; height:12px; } #footer li a { font-size:11px; color:#777777; position:relative; top:-2px; text-decoration:underline } #footer li.first, #footer li.last { border:none; } #footer #copy { float:right; font-size:10px; color:#777777; } #content { background-image:url(../../red-img/readydeals/bg_content_home_blue.jpg); background-repeat:no-repeat; background-position:left bottom; min-height:492px; height:auto !important; height:492px; } #content #col-left { float:left; width:340px; } #content #col-left #search { background-image:url(../../red-img/readydeals/bg_home_search_blue.jpg); background-repeat:no-repeat; height:443px; width:302px; margin:2px 0 0 18px; padding:27px 0 0 20px } #content #col-left .search-flights-img-replacement { background-image:url(../../red-img/readydeals/text_search-flights.jpg); background-repeat:no-repeat; height:17px; width:149px; text-indent:-99999px; } #content #col-left .advanced-search-img-replacement { background-image:url(../../red-img/readydeals/text_advanced-search.jpg); background-repeat:no-repeat; height:17px; width:181px; text-indent:-99999px; } #content #col-left #search .search-form {} #content #right-left { float:left; width:650px; } #content #right-left #banner-flash { padding:0 0 0 18px; height:174px; width:612px; } #content #right-left #middle { margin:7px 0 0 18px !important; margin:7px 0 0 19px !important!; margin:7px 0 0 19px; padding:0; height:190px !important; height:190px !important!; height:190px; } #content #right-left #middle .col1 { width:364px; padding:15px 35px 0 12px; height:126px; float:left;} #content #right-left #middle .col1 p.title { font-weight:bold; padding:10px 0 10px } #content #right-left #middle .col1 p { padding:0 0 10px 0; font-size:11px; color:#FFFFFF} #content #right-left #middle .col1 ul.morelink { padding:0; margin:0; list-style:none; } #content #right-left #middle .col1 ul.morelink li { background-image:url(../../red-img/readydeals/bg_orange_arrow_blue_bg.jpg); background-position:right 3px; background-repeat:no-repeat; padding:0 12px 0 0; text-align:right } #content #right-left #middle .col1 ul.morelink li a { color:#b5d8f1; font-size:11px; text-decoration:underline } #content #right-left #middle .col2 { float:left; background-image:url(../../red-img/readydeals/bg_homeblue_col1.jpg); background-repeat:no-repeat; background-position:right; width:197px; padding:0; height:152px; margin:20px 0 0 0; } #content #right-left #middle .col2 ul { margin:0; padding:6px 6px 6px 8px; list-style:none } #content #right-left #middle .col2 ul li { float:left; margin:0; padding:14px 6px; border:0 } #content #right-left #middle .col2 ul li a img { border:0; } #content #right-left #middle .col1 .ready-lorem-img-replacement { color: white; font-weight: normal; } #content #right-left #middle .col .more-details { color:#99cccc; text-transform:uppercase; text-decoration:underline; font-size:11px; height:14px; margin:0 0 0 100px; } #content #right-left #middle .col p { font-size:11px; color:#FFFFFF } #content #right-left #bottom { padding:0 0 0 18px; float:left } #content #right-left #bottom .col1 h3.sign-up-for-deals-img-replacement { background-image:url(../../red-img/readydeals/heading_sign_up_for_deals_blue.jpg); background-repeat:no-repeat; height:14px; text-indent:-99999px; display:block; width:194px; height:14px; } #content #right-left #bottom .col1 #signup-button { background-image:url(../../red-img/readydeals/btn_sign-up_blue.jpg); background-repeat:no-repeat; display:block; width:85px; height:25px; text-indent:-99999px; } #content #right-left #bottom .col1 { background-image:url(../../red-img/readydeals/bg_homeblue_col2.jpg); background-repeat:no-repeat; background-position:0 0; float:left; width:387px; height:100px; padding:0 0 0 5px; margin:0; } #content #right-left #bottom .col1 .top { float:left; height:34px; padding:16px 0 0 6px; } #content #right-left #bottom .col1 .bottom { float:left; height:46px; padding:0 0 0 6px; } #content #right-left #bottom .col1 ul { padding:0; margin:0; list-style:none; float:left } #content #right-left #bottom .col1 li { padding:0; margin:0; float:left; } #content #right-left #bottom .col1 li.title { padding:6px 18px 0 0; } #content #right-left #bottom .col1 li.textinput { padding:0 3px 0 0; } #content #right-left #bottom .col1 li.signup { padding:0 0 0 64px; } #content #right-left #bottom .col1 li.para { width:218px; padding:0; margin:0; } #content #right-left #bottom .col1 li.para p { color:white; font-size:11px; width:168px; line-height:1.5em; margin:0; padding:0 0;} #content #right-left #bottom .col1 li.btn { padding:3px 0 0 0; } #content #right-left #bottom .col2 { background-image:url(../../red-img/readydeals/bg_homeflights_col2.jpg); background-repeat:no-repeat; background-position:0 0; float:left; height:67px; width:174px; margin:0 0 0 21px; padding:16px 12px} #content #right-left #bottom .col2 h3.looking-for-a-hotel-img-replacement { background-image:url(../../red-img/readydeals/heading_looking_for_a_hotel.jpg); background-repeat:no-repeat; height:14px; text-indent:-99999px; display:block; width:178px; height:14px; } #content #right-left #bottom .col2 p { font-size:11px; color:#FFFFFF; padding:21px 0 10px; } #content #right-left #bottom .col2 a { color:#ff7900; } #search-button { padding:6px 0 0 73px; clear:both; height:40px } #search-button a { background-image:url(../../red-img/readydeals/btn_search_flights.jpg); background-repeat:no-repeat; width:146px; height:44px; display:block; text-indent:-99999px; clear:both; } ul#advanced-glass-button { padding:10px 0 0 0; margin:0; list-style:none; float:left; width:120px; } ul#advanced-search-button { padding:10px 20px 0 0; margin:0; list-style:none; float:right; width:140px; text-align:right; } ul#advanced-glass-button li { background-image:url(../../red-img/readydeals/glass.gif); background-repeat:no-repeat; background-position:0 1px; padding:0 0 0 18px; } ul#advanced-search-button li { background-image:url(../../red-img/readydeals/bg_orange_arrow.gif); background-repeat:no-repeat; background-position:right 3px; padding:0 12px 0 0 } ul#advanced-glass-button a { color:#0568B7; font-size:11px; text-decoration:underline; } ul#advanced-search-button a { color:#0568B7; font-size:11px; text-decoration:underline; } #advanced-search-button { padding:15px 24px 0 0; float:right; font-size:11px; } #advanced-search-image { position:absolute; margin:18px 0 0 282px !important; margin:17px 0 0 282px !important!; margin:17px 0 0 282px; padding:0 } #newsletter-style input { padding:2px; font-size:11px; }