/* oooooooooooooooooooooooooooooooooooooooooooooooo */ /* Author -> www.mezmamedia.com -> Richie Grainger /* Date -> 23 September 2008 /* File -> style.css /* Contact -> www.mezmamedia.com -> richie@mezmamedia.com /* Copyright (c) -> Mezma Media /* oooooooooooooooooooooooooooooooooooooooooooooooo */ a:link { color: #0000ff; background-color: transparent; text-decoration: underline; } a:visited { color: #0000ff; background-color: transparent; text-decoration: underline; } a:hover { color: #424242; background-color: transparent; text-decoration: none; } a.red:link { color: #cc0000; background-color: transparent; text-decoration: underline; } a.red:visited { color: #cc0000; background-color: transparent; text-decoration: underline; } a.red:hover { color: #ff0000; background-color: transparent; text-decoration: none; } a.painlink:link { color: #000066; background-color: transparent; text-decoration: underline; } a.painlink:visited { color: #000066; background-color: transparent; text-decoration: underline; } a.painlink:hover { color: #0000ff; background-color: transparent; text-decoration: none; } a.catlinks:link { color: #3c3c3c; background-color: transparent; text-decoration: none; } a.catlinks:visited { color: #3c3c3c; background-color: transparent; text-decoration: none; } a.catlinks:hover { color: #707070; background-color: transparent; text-decoration: underline; } a.white:link { color: #ffffff; background-color: transparent; text-decoration: underline; } a.white:visited { color: #ffffff; background-color: transparent; text-decoration: underline; } a.white:hover { color: #dcdcdc; background-color: transparent; text-decoration: none; } a.black:link { color: #000000; background-color: transparent; text-decoration: underline; } a.black:visited { color: #000000; background-color: transparent; text-decoration: underline; } a.black:hover { color: #cc0000; background-color: transparent; text-decoration: none; } a.copylink:link { color: #707070; background-color: transparent; text-decoration: none; } a.copylink:visited { color: #707070; background-color: transparent; text-decoration: none; } a.copylink:hover { color: #a3a3a3; background-color: transparent; text-decoration: underline; } a.textlink:link { color: #424242; background-color: transparent; text-decoration: none; } a.textlink:visited { color: #424242; background-color: transparent; text-decoration: none; } a.textlink:hover { color: #424242; background-color: transparent; text-decoration: none; } a.buycats:link { color: #ffffff; background-color: transparent; text-decoration: none; } a.buycats:visited { color: #ffffff; background-color: transparent; text-decoration: none; } a.buycats:hover { color: #dcdcdc; background-color: transparent; text-decoration: underline; } body { background-image: url(background_images/background.jpg); background-repeat: repeat-x; background-position: top; height: 100%; background-color: #ffffff; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; text-align:center; /*Center the body ONLY for IE until big is fixed */ } /* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .text_main { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #424242; line-height: 18px; } .text_pain { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #424242; line-height: 16px; } .text_headers { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #cc0000; font-weight: bold; } .text_cattext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #424242; line-height: 20px; } .text_copy { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707070; line-height: 16px; } .text_websiteby { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707070; line-height: 16px; } .text_username { font-weight: bold; color: #cc0000; } .text_adtitle { font-weight: bold; color: #000000; font-size: 15px; } .text_large { font-weight: bold; color: #000000; font-size: 13px; line-height: 24px; } .text_largei { font-weight: bold; color: #000000; font-size: 13px; } .text_searcht { font-weight: bold; color: #ffffff; font-size: 13px; } .text_pain_select { font-weight: bold; color: #000000; font-size: 12px; } .text_nsize { font-size: 12px; font-weight: 100; } .text_blue { color: #0000ff; } .text_its { color: #0000cc; font-weight: bold; } .text_four { color: #cc0000; } .text_red { color: #ff0000; } .text_white { color: #dcdcdc; } /* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .body_text_area { text-align: left; vertical-align: top; } .left_center { text-align: left; vertical-align: middle; } .centered { text-align: center; vertical-align: middle; } .top_center { text-align: center; vertical-align: top; } .bottom_right { text-align: right; vertical-align: bottom; } td.space_h { height: 5px; } td.space_w { width: 5px; } #page_main_size { background-image: url(background_images/page_top.gif); background-repeat: repeat-x; vertical-align: top; background-position: top; width: 970px; margin: 0 auto; } td.page_top_left { background-image: url(background_images/page_top_left.gif); background-repeat: no-repeat; width: 5px; height: 30px; } td.page_top_right { background-image: url(background_images/page_top_right.gif); background-repeat: no-repeat; width: 5px; height: 30px; } td.banner { width: 215px; height: 92px; } td.banner_ad { text-align: right; vertical-align: middle; width: 310px; height: 92px; } td.menu_top { height: 65px; } td.menu_buttons { width: 88px; height: 27px; } td.menu_spacer { width: 1px; } td.menu_tile { background-image: url(background_images/menu_tile.jpg); background-repeat: repeat-x; vertical-align: top; height: 75px; } td.menu_left { background-image: url(background_images/menu_left.jpg); background-repeat: no-repeat; height: 75px; width: 5px; } td.menu_right { background-image: url(background_images/menu_right.jpg); background-repeat: no-repeat; height: 75px; width: 5px; } td.menut_main { text-align: left; vertical-align: middle; height: 46px; } td.menub_main { text-align: left; vertical-align: middle; height: 29px; } #left_images { width: 200px; margin-top: 10px; } td.main_left { vertical-align: top; width: 200px; } td.main_sm { vertical-align: top; width: 275px; } td.main_sml { vertical-align: top; width: 339px;} td.main_middle { vertical-align: top; width: 619px; } td.main_advert { vertical-align: top; text-align: center; width: 146px; } #tabs_small { height: 30px; width: 200px; display: block; } td.tabs_rm { height: 30px; width: 239px; vertical-align: top; } td.tabs_sm { height: 30px; width: 275px; vertical-align: top; } td.tabs_sml { height: 30px; width: 339px; vertical-align: top; } td.tabs_mid { height: 30px; width: 399px; vertical-align: top; } td.tabs_med { height: 30px; width: 375px; vertical-align: top; } td.tabs_large { height: 30px; width: 619px; vertical-align: top; } td.tabs_largeb { background-image: url(background_images/tabs/large_blank.gif); background-repeat: no-repeat; text-align: left; vertical-align: middle; padding-left: 7px; height: 30px; width: 619px; } td.body_top_small { vertical-align: top; width: 243px; } td.body_top_mid { vertical-align: top; width: 376px; } #body_small_bg { border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; background-image: url(background_images/cat_tile.jpg); background-repeat: repeat-x; background-position: top; background-color: #ffffff; vertical-align: top; text-align: left; margin-bottom: 5px; } td.body_large_bg { border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; background-color: #f6f7ff; } td.body_search_bg { border-left: 1px #e3e3e3 solid; border-right: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; background-color: #ffffff; } td.footer_tile { background-image: url(background_images/footer_tile.jpg); background-repeat: repeat-x; height: 29px; width: 765px; } td.footer_left { background-image: url(background_images/footer_left.jpg); background-repeat: no-repeat; width: 5px; height: 29px; } td.footer_right { background-image: url(background_images/footer_right.jpg); background-repeat: no-repeat; width: 5px; height: 29px;} td.footer_under { text-align: left; vertical-align: middle; height: 29px; } td.btm_tile { background-image: url(background_images/btm_tile.jpg); background-repeat: repeat-x; text-align: right; vertical-align: middle; height: 30px; } td.form_left { text-align: right; vertical-align: top; height: 22px; width: 150px; } td.form_lefts { text-align: right; vertical-align: top; height: 22px; width: 100px; } td.form_leftrs { text-align: right; vertical-align: top; height: 22px; width: 55px; } td.form_help { text-align: left; vertical-align: top; background-color: #ffffff; width: 220px; } td.form_spacer { height: 15px; } #form_error_box { margin-bottom: 10px; margin-top: 3px; padding: 3px; border: solid #ff0000 1px; text-align: left; vertical-align: top; } #form_error_top { font-weight: bold; color: #ffffff; font-size: 11px; margin-bottom: 4px; padding-left: 3px; background-color: #cc0000; } #side_spacers { padding-left: 8px; padding-right: 8px; } td.eleft { text-align: center; vertical-align: middle; width: 80px; height: 20px; } tr.a_head { background-color: #2020b3; } tr.a_one { background-color: #ffffff; } td.search { vertical-align: top; text-align: left; width: 50%; } #search_title { border: solid #0038ab 1px; background-image: url(background_images/search_title.gif); background-repeat: no-repeat; background-position: left; margin-bottom: 4px; padding: 3px; background-color: #0049de; display: block; } #search_box { background-image: url(background_images/search_tile.jpg); background-repeat: repeat-x; background-position: top; margin-top: 20px; margin-bottom: 10px; padding: 2px; border: solid #006bbd 1px; background-color: #ffffff; text-align: left; vertical-align: top; width: 100%; overflow: hidden; } #search_cats { margin-left: 5px; float: left; width: 270px; } #search_toplink { margin-right: 7px; margin-bottom: 4px; text-align: right; float: right; display: block; width: 200px; } #search_homer { display: block; float: left; } td.disp_original { text-align: left; vertical-align: top; border: 1px #ffffff solid; } td.disp_over { text-align: left; vertical-align: top; border: 1px #0000cc solid; } td.disp_overuserp { text-align: left; vertical-align: top; border: 1px #d7dafd solid; } td.disp_overuserpfp { background-image: url(background_images/fp_bg.gif); background-position: top left; background-repeat: no-repeat; background-color: #e9e9ff; text-align: left; vertical-align: top; border: 1px #d7dafd solid; } td.disp_overfp { background-image: url(background_images/fp_bg.gif); background-position: top left; background-repeat: no-repeat; background-color: #e9e9ff; text-align: left; vertical-align: top; border: 1px #9494b7 solid; } td.login_left_rego { border: solid #d0d0d0 1px; background-color: #ffffff; text-align: left; vertical-align: top; } td.acc_buttons { border-bottom: 2px #0073cc solid; text-align: left; height: 24px; } td.create_ad_right { text-align: left; vertical-align: top; width: 150px; } td.create_checkboxes { height: 22px; text-align: left; vertical-align: top; width: 33%; } td.userp_edit { text-align: center; vertical-align: top; width: 100px; } td.userp_image { text-align: center; vertical-align: top; height: 55px; width: 80px; } td.pdisp_title { text-align: left; background-color: #ecedff; height: 26px; } td.pdisp_titler { text-align: center; background-color: #e2e4ff; height: 26px; } td.pdisp_right { text-align: center; vertical-align: top; width: 150px; } td.pdisp_images { text-align: center; vertical-align: top; width: 106px; } td.pdisp_bimages { text-align: center; vertical-align: top; width: 150px; } td.pdisp_simages { text-align: center; vertical-align: top; width: 85px; } #pdisp_price { display: inline; text-align: right; } td.ad_images { width: 270px; vertical-align: top; } td.ad_imagess { width: 25%; text-align: center; vertical-align: top; } td.ad_ui_left { text-align: right; vertical-align: top; height: 22px; width: 70px; } td.ad_main { border: solid #ababff 1px; background-color: #ffffff; vertical-align: top; } #ad_ltext { padding: 6px; } #ad_toplink { margin-right: 5px; margin-top: 15px; margin-bottom: 10px; text-align: right; } #ad_title_extra { text-align: center; padding: 6px; margin-top: 9px; } #ad_te_images { margin-bottom: 10px; } td.ad_te_simages { text-align: center; width: 33%; } td.business_cats { width: 220px; vertical-align: top; } td.business_painleft { text-align: left; vertical-align: bottom; width: 155px; } #map { width: 254px; height: 258px; border: solid #d7dafd 1px; overflow: hidden; margin: -5px 0px 6px 7px; } td.pain_left { text-align: left; vertical-align: bottom; width: 300px; } #list_topbtm { border: solid #acacff 1px; background-image: url(background_images/list_topbtm.gif); background-repeat: no-repeat; background-position: left; background-color: #e2e2ff; padding: 5px; margin: 7px; } #table { border: solid #d0d0d0 1px; background-color: #ffffff; margin-left: 8px; margin-right: 8px; padding: 3px; } #text { text-align: left; margin: 5px; padding: 3px; } #ten_tb { margin: 10px 0px; } .hidden { display: none; } .visible { display: block; } #front_title { display: block; margin: 5px; padding: 3px; } #front_jl { float: left; text-align: center; vertical-align: top; margin-left: 5px; width: 170px; } #front_b { float: left; margin: 10px 5px 0px 5px; } #font_images { margin-bottom: 5px; width: 275px; } #jr_l { float: left; text-align: right; vertical-align: top; width: 75px; } #jr_r { float: left; text-align: left; vertical-align: top; margin-left: 7px; width: 70px; } #float_left { float: left; } #float_right { float: right; } #tell_friend { width: 450px; margin: 0 auto; } img.img_border { border: 1px #d7dafd solid; } img.mezlogo { margin-bottom: -9px; } img.icon_middle { vertical-align: middle; } br.cb { clear: both; } ul{ list-style-type: none; padding: 6; margin: 0; } li { background-image: url(background_images/ul.jpg); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.4em; } li.manage { background-image: url(background_images/ul_manage.jpg); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.4em; } li.other { background-image: url(background_images/ul_other.jpg); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.4em; } li.autodot { background-image: url(background_images/ul_other.jpg); background-repeat: no-repeat; background-position: 0.3em; padding-left: 2em; padding-bottom: 5px; } li.search { background-image: url(background_images/ul_other.jpg); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.4em; line-height: 20px; } /***** THIS IS FOR THE MENU MAP *****/ #map_shell { float: left; margin: 10px; padding: 0px;} ul#ausmap { background-image: url(images/aus_map.gif); position: relative; width: 250px; height: 226px; padding: 0px; margin: 0px; } ul#ausmap li { background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; } ul#ausmap li a { display: block; text-indent: -9999px; } li#act a:hover, li#nsw a:hover, li#nt a:hover, li#qld a:hover, li#sa a:hover, li#tas a:hover, li#vic a:hover, li#wa a:hover { background-image: url(images/aus_map.gif); } li#qld { left: 154px; top: 0px; width: 96px; height: 130px; } li#qld a { background-position: -154px 0px; left: 154px; width: 96px; height: 130px; } li#qld a:hover { background-position: -154px -226px; } li#vic { left: 168px; top: 156px; width: 50px; height: 39px; } li#vic a { background-position: -168px -156px; left: 171px; width: 50px; height: 39px; } li#vic a:hover { background-position: -168px -382px; } li#tas { left: 183px; top: 196px; width: 27px; height: 30px; } li#tas a { background-position: -183px -196px; left: 183px; width: 27px; height: 30px; } li#tas a:hover { background-position: -183px -422px; } li#wa { left: 0px; top: 20px; width: 101px; height: 151px; } li#wa a { background-position: 0px -20px; left: 0px; width: 101px; height: 151px; } li#wa a:hover { background-position: 0px -246px; } li#nt { left: 95px; top: 0px; width: 61px; height: 104px; } li#nt a { background-position: -95px 0px; left: 95px; width: 61px; height: 104px; } li#nt a:hover { background-position: -95px -452px; } li#sa { left: 98px; top: 103px; width: 74px; height: 83px; } li#sa a { background-position: -98px -103px; left: 98px; width: 74px; height: 83px; } li#sa a:hover { background-position: -98px -781px; } li#act { left: 196px; top: 164px; width: 22px; height: 10px; z-index: 99; } li#act a { background-position: -196px -164px; left: 196px; width: 22px; height: 10px; } li#act a:hover { background-position: -196px -842px; } li#nsw { left: 170px; top: 123px; width: 77px; height: 61px; } li#nsw a { background-position: -170px -123px; left: 170px; width: 77px; height: 61px; } li#nsw a:hover { background-position: -170px -575px; } /***** END THE MAP *****/ form { margin: 0; } .input_box { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #006ba9; background: #ffffff; color: #424242; } .input_box_fix { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #006ba9; background: #ffffff; color: #424242; width: 210px; } .input_box_fixs { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #006ba9; background: #ffffff; color: #424242; width: 170px; } .input_box_small { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; border: 1px solid #006ba9; background: #ffffff; color: #424242; } .submit_box { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #424242; background: #ffffff; color: #006ba9; }