/* --- START styles for homepage / citypage category listing --------------- */ #CategoryListingMain, #CategoryListingCity { margin: 0px 0px 35px 0px; padding: 0px; width: 565px; } #CategoryListingMain .CategoryItem, #CategoryListingCity .CategoryItem { margin-bottom: 20px; } #CategoryListingMain h2, #CategoryListingCity h2 { margin: 0px 0px 25px 0px; text-align: left; font-size: 24px; font-weight: bold; } #CategoryListingMain .CategoryItem .CategoryItemColumn1, #CategoryListingCity .CategoryItem .CategoryItemColumn1 { width: 280px; float: left; } #CategoryListingMain .CategoryItem .CategoryItemColumn2, #CategoryListingCity .CategoryItem .CategoryItemColumn2 { width: 280px; margin-left: 285px; } * html #CategoryListingMain .CategoryItem .CategoryItemColumn2, * html #CategoryListingCity .CategoryItem .CategoryItemColumn2 { margin-left: 280px; } /* Hack for IE margin bug */ #CategoryListingMain .CategoryIcon, #CategoryListingCity .CategoryIcon { width: 55px; float: left; text-align: left; } #CategoryListingMain .CategoryList, #CategoryListingCity .CategoryList { width: 220px; margin-left: 60px; text-align: left; } * html #CategoryListingMain .CategoryList, * html #CategoryListingCity .CategoryList { margin-left: 55px; } /* Hack for IE margin bug */ #CategoryListingMain .CategoryList h2, #CategoryListingCity .CategoryList h2 { display: inline; font-size: 16px; font-weight: bold; } #CategoryListingMain .CategoryList p, #CategoryListingCity .CategoryList p { margin: 7px 0px 2px; padding: 0px; } #CategoryListingMain .CategoryList ul, #CategoryListingCity .CategoryList ul { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 14px; text-indent: 0px; list-style-type: none; list-style-image: url('../../images/common/nav_dot.gif'); } #CategoryListingMain .CategoryList ul li, #CategoryListingCity .CategoryList ul li { margin-bottom: 3px; font-size: 12px; } #CategoryListingMain .CategoryList a:link.categoryHeadline, #CategoryListingCity .CategoryList a:link.categoryHeadline { text-decoration: none; } #CategoryListingMain .CategoryList a:visited.categoryHeadline, #CategoryListingCity .CategoryList a:visited.categoryHeadline { text-decoration: none; } #CategoryListingMain .CategoryList a:active.categoryHeadline, #CategoryListingCity .CategoryList a:active.categoryHeadline { text-decoration: none; } #CategoryListingMain .CategoryList a:hover.categoryHeadline, #CategoryListingCity .CategoryList a:hover.categoryHeadline { text-decoration: none; } #CategoryListingMain .CategoryList a:link, #CategoryListingCity .CategoryList a:link { text-decoration: none; } #CategoryListingMain .CategoryList a:visited, #CategoryListingCity .CategoryList a:visited { text-decoration: none; } #CategoryListingMain .CategoryList a:active, #CategoryListingCity .CategoryList a:active { text-decoration: none; } #CategoryListingMain .CategoryList a:hover, #CategoryListingCity .CategoryList a:hover { text-decoration: underline; } /* --- END styles for homepage / citypage category listing ----------------- */ /* --- START styles for section page category listing ---------------------- */ #CategoryListingSection { margin: 0px 0px 35px 0px; padding: 0px; width: 565px; text-align: left; vertical-align: top; } #CategoryListingSection .CategoryIcon { width: 55px; float: left; text-align: left; } #CategoryListingSection .CategoryList { width: 500px; margin-left: 60px; margin-bottom: 20px; } * html #CategoryListingSection .CategoryList { margin-left: 55px; } #CategoryListingSection .CategoryList h2 { margin-top: 0px; font-size: 16px; font-weight: bold; } #CategoryListingSection .CategoryList .CategoryListingColumn1 { width: 245px; float: left; } #CategoryListingSection .CategoryList .CategoryListingColumn2 { width: 245px; margin-left: 250px; } * html #CategoryListingSection .CategoryListingColumn2 { margin-left: 245px; overflow: hidden; } /* Hack for IE margin bug */ #CategoryListingSection .CategoryList ul { margin: 0px; padding: 0px 0px 0px 14px; text-indent: 0px; list-style-type: none; list-style-image: url('../../images/common/nav_dot.gif'); } #CategoryListingSection .CategoryList ul li { margin-bottom: 10px; padding: 0px; font-size: 12px; font-weight: bold; } #CategoryListingSection .CategoryList ul li .importantCategories { margin: 3px 0px 0px; padding: 0px; font-size: 12px; font-weight: normal; } #CategoryListingSection a.categoryHeadline { text-decoration: none; } #CategoryListingSection a.categoryHeadline:hover { text-decoration: none; } #CategoryListingSection .CategoryList ul a { text-decoration: none; } #CategoryListingSection .CategoryList ul a:hover { text-decoration: underline; } /* --- END styles for section page category listing ------------------------ */ /* --- START common styles for category listing ---------------------------- */ #CategoryListingMain .paletexttiny, #CategoryListingCity .paletexttiny, #CategoryListingSection .paletexttiny { font-size: 11px; font-weight: normal; color: #999; } /* --- END common styles for category listing ------------------------------ */ /* --- Start CSS Sprite category icons --------------------------------------*/ #CategoryListingCity .CategoryIcon div, #CategoryListingSection .CategoryIcon div, #CategoryListingMain .CategoryIcon div{ width: 51px; height: 51px; background: url('../../images/quoka/icons/icons_all_cat_sprite.png') no-repeat; } #CategoryListingCity .CategoryIcon div.icon_03, #CategoryListingSection .CategoryIcon div.icon_03, #CategoryListingMain .CategoryIcon div.icon_03{ background-position: -26px -26px; } #CategoryListingCity .CategoryIcon div.icon_06, #CategoryListingSection .CategoryIcon div.icon_06, #CategoryListingSection .CategoryIcon div.icon_06_0603, #CategoryListingSection .CategoryIcon div.icon_06_0606, #CategoryListingSection .CategoryIcon div.icon_06_0609{ background-position: -26px -128px; } #CategoryListingSection .CategoryIcon div.icon_09, #CategoryListingSection .CategoryIcon div.icon_09_0903, #CategoryListingSection .CategoryIcon div.icon_09_0906, #CategoryListingSection .CategoryIcon div.icon_09_0909, #CategoryListingMain .CategoryIcon div.icon_09, #CategoryListingCity .CategoryIcon div.icon_09{ background-position: -26px -230px; } #CategoryListingSection .CategoryIcon div.icon_12{ background-position: -26px -332px; } #CategoryListingSection .CategoryIcon div.icon_15, #CategoryListingSection .CategoryIcon div.icon_15_1503, #CategoryListingSection .CategoryIcon div.icon_15_1506, #CategoryListingSection .CategoryIcon div.icon_15_1509{ background-position: -26px -434px; } #CategoryListingSection .CategoryIcon div.icon_18{ background-position: -26px -536px; } #CategoryListingSection .CategoryIcon div.icon_21, #CategoryListingSection .CategoryIcon div.icon_21_2103{ background-position: -26px -638px; } #CategoryListingSection .CategoryIcon div.icon_24{ background-position: -26px -740px; } #CategoryListingSection .CategoryIcon div.icon_27, #CategoryListingSection .CategoryIcon div.icon_27_2703, #CategoryListingSection .CategoryIcon div.icon_27_2706, #CategoryListingSection .CategoryIcon div.icon_27_2709, #CategoryListingMain .CategoryIcon div.icon_27, #CategoryListingCity .CategoryIcon div.icon_27{ background-position: -26px -842px; } #CategoryListingSection .CategoryIcon div.icon_30{ background-position: -26px -944px; } #CategoryListingSection .CategoryIcon div.icon_33, #CategoryListingSection .CategoryIcon div.icon_33_3303, #CategoryListingSection .CategoryIcon div.icon_33_3306, #CategoryListingMain .CategoryIcon div.icon_33, #CategoryListingCity .CategoryIcon div.icon_33{ background-position: -26px -1046px; } #CategoryListingSection .CategoryIcon div.icon_36{ background-position: -26px -1148px; } #CategoryListingSection .CategoryIcon div.icon_39, #CategoryListingSection .CategoryIcon div.icon_39_3903{ background-position: -26px -1250px; } #CategoryListingSection .CategoryIcon div.icon_42, #CategoryListingMain .CategoryIcon div.icon_42, #CategoryListingCity .CategoryIcon div.icon_42{ background-position: -26px -1352px; } #CategoryListingSection .CategoryIcon div.icon_45{ background-position: -26px -1454px; } #CategoryListingSection .CategoryIcon div.icon_48, #CategoryListingMain .CategoryIcon div.icon_48, #CategoryListingCity .CategoryIcon div.icon_48{ background-position: -26px -1556px; } #CategoryListingSection .CategoryIcon div.icon_51, #CategoryListingSection .CategoryIcon div.icon_51_5103, #CategoryListingSection .CategoryIcon div.icon_51_5106, #CategoryListingSection .CategoryIcon div.icon_51_5109, #CategoryListingMain .CategoryIcon div.icon_51, #CategoryListingCity .CategoryIcon div.icon_51{ background-position: -26px -1658px; } #CategoryListingSection .CategoryIcon div.icon_51_5106_510603{ background-position: -26px -2882px; } #CategoryListingSection .CategoryIcon div.icon_53, #CategoryListingSection .CategoryIcon div.icon_53_5301, #CategoryListingSection .CategoryIcon div.icon_53_5304, #CategoryListingSection .CategoryIcon div.icon_53_5306, #CategoryListingMain .CategoryIcon div.icon_53, #CategoryListingCity .CategoryIcon div.icon_53{ background-position: -26px -1760px; } #CategoryListingSection .CategoryIcon div.icon_60, #CategoryListingSection .CategoryIcon div.icon_60_6003, #CategoryListingSection .CategoryIcon div.icon_60_6006, #CategoryListingSection .CategoryIcon div.icon_60_6006_600603{ background-position: -26px -1862px; } #CategoryListingSection .CategoryIcon div.icon_63{ background-position: -26px -1964px; } #CategoryListingSection .CategoryIcon div.icon_66, #CategoryListingMain .CategoryIcon div.icon_66, #CategoryListingCity .CategoryIcon div.icon_66{ background-position: -26px -2066px; } #CategoryListingSection .CategoryIcon div.icon_69{ background-position: -26px -2168px; } #CategoryListingSection .CategoryIcon div.icon_72, #CategoryListingSection .CategoryIcon div.icon_72_7203, #CategoryListingSection .CategoryIcon div.icon_72_7206, #CategoryListingSection .CategoryIcon div.icon_72_7209, #CategoryListingSection .CategoryIcon div.icon_72_7212{ background-position: -26px -2270px; } #CategoryListingSection .CategoryIcon div.icon_75{ background-position: -26px -2372px; } #CategoryListingSection .CategoryIcon div.icon_82, #CategoryListingSection .CategoryIcon div.icon_82_8203, #CategoryListingSection .CategoryIcon div.icon_82_8203_820303, #CategoryListingSection .CategoryIcon div.icon_82_8203_820306, #CategoryListingSection .CategoryIcon div.icon_82_8203_820309, #CategoryListingSection .CategoryIcon div.icon_82_8203_820312, #CategoryListingSection .CategoryIcon div.icon_82_8203_820315, #CategoryListingSection .CategoryIcon div.icon_82_8203_820321, #CategoryListingSection .CategoryIcon div.icon_82_8203_820324, #CategoryListingSection .CategoryIcon div.icon_82_8203_820330, #CategoryListingSection .CategoryIcon div.icon_82_8203_820333, #CategoryListingSection .CategoryIcon div.icon_82_8203_820336, #CategoryListingSection .CategoryIcon div.icon_82_8203_820339, #CategoryListingSection .CategoryIcon div.icon_82_8203_820342, #CategoryListingSection .CategoryIcon div.icon_82_8206, #CategoryListingSection .CategoryIcon div.icon_82_8209, #CategoryListingSection .CategoryIcon div.icon_82_8212, #CategoryListingSection .CategoryIcon div.icon_82_8215, #CategoryListingSection .CategoryIcon div.icon_82_8218, #CategoryListingSection .CategoryIcon div.icon_82_8221, #CategoryListingSection .CategoryIcon div.icon_82_8224, #CategoryListingMain .CategoryIcon div.icon_82, #CategoryListingCity .CategoryIcon div.icon_82{ background-position: -26px -2474px; } #CategoryListingSection .CategoryIcon div.icon_85_8503, #CategoryListingSection .CategoryIcon div.icon_85_8503_850303, #CategoryListingSection .CategoryIcon div.icon_85_8506, #CategoryListingSection .CategoryIcon div.icon_85_8506_850603, #CategoryListingSection .CategoryIcon div.icon_85_8506_850606, #CategoryListingSection .CategoryIcon div.icon_85_8506_850609, #CategoryListingSection .CategoryIcon div.icon_85_8506_850612, #CategoryListingSection .CategoryIcon div.icon_85_8509, #CategoryListingSection .CategoryIcon div.icon_85_8512, #CategoryListingSection .CategoryIcon div.icon_85_8512_851203, #CategoryListingSection .CategoryIcon div.icon_85{ background-position: -26px -2678px; } /* --- END CSS Sprite category icons ---------------------------------------*/ /* --- START styles for regional map --------------------------------------- */ #RegionalMapV, #RegionalMapH { margin: 0px; padding: 0px 10px; width: 180px; border: none; background: #E7E7E7 url('../../images/quoka/tabs/rcd_mid_200_bg_e7e7e7.gif') repeat-y; overflow: hidden; text-align: left; } #RegionalMapH { width: 545px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_mid_565_bg_e7e7e7.gif') repeat-y; } #RegionalMapVTop, #RegionalMapHTop { margin: 0px; padding: 0px; width: 200px; height: 15px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_200_bg_e7e7e7.gif') no-repeat; } #RegionalMapHTop { width: 565px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_top_565_bg_e7e7e7.gif') no-repeat; } #RegionalMapVBottom, #RegionalMapHBottom { margin: 0px 0px 10px 0px; padding: 0px; width: 200px; height: 15px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_200_bg_e7e7e7.gif') no-repeat; } #RegionalMapHBottom { width: 565px; background: #E7E7E7 url('../../images/quoka/tabs/rcd_btm_565_bg_e7e7e7.gif') no-repeat; } #RegionalMapV h3, #RegionalMapH h3 { margin: 0px 0px 15px; padding: 0px 5px 0px 10px; } #RegionalMapV .content, #RegionalMapH .content { padding: 0px; overflow: hidden; } #RegionalMapV .content #Map, #RegionalMapH .content #Map { margin: 0px auto; padding: 0px; width: 165px; height: 222px; background: url('../../images/common/regional_map/map.jpg') no-repeat; } #RegionalMapH .content #Map { float: left; } #RegionalMapV .rmState { margin: 15px 0px 0px; } #RegionalMapH .rmState { margin: 0px 0px 0px 175px; width: 370px; } * html #RegionalMapH .rmState { margin: 0px 0px 0px 170px; width: 370px; } #RegionalMapV table.cityListing, #RegionalMapH table.cityListing { margin-top: 5px; width: 100%; } #RegionalMapV table.cityListing td { width: 50%; font-size: 11px; } #RegionalMapH table.cityListing td { width: 33%; font-size: 11px; } /* Used in horizontal mode */ div#CityA2Z { padding-top: 15px; font-size: 11px; text-align: center; clear: both; } /* Used in vertical mode */ table#CityA2Z { margin-top: 15px; width: 180px; } table#CityA2Z .navLeft { width: 20px; text-align: left; font-size: 11px; } table#CityA2Z .navRight { width: 20px; text-align: right; font-size: 11px; } #CityA2ZContainer { width: 120px; margin: 0px auto; } #CityA2ZScroller { font-size: 11px; } /* --- END styles for regional map ----------------------------------------- */ /* --- START styles for themes pages listing ------------------------------- */ #ContentQuokaPressThemes, #ContentQuokaPressThemesCity { margin: 5px auto 15px auto; padding: 0px; border: 0px; font-size: 11px; color: black; text-align: left; } #ContentQuokaPressThemes h2.post, #ContentQuokaPressThemesCity h2.post { margin: 0px 0px 4px; padding: 0px; font-size: 14px; color: #666; } #ContentQuokaPressThemes h3, #ContentQuokaPressThemesCity h3 { margin: 0px; padding: 10px 0px 7px 0px; height: 18px; font-weight: bold; text-align: left; } #ContentQuokaPressThemes p, #ContentQuokaPressThemesCity p { margin: 0px 0px 6px; padding: 0px; color: #666; text-align: justify; } #ContentQuokaPressThemes table, #ContentQuokaPressThemesCity table { margin: 0px 0px 0px -20px; padding: 0px; width: 100%; } #ContentQuokaPressThemes table td, #ContentQuokaPressThemesCity table td { padding-left: 20px; width: 50%; vertical-align: top; color: #0063a9; font-size: 12px; font-weight: bold; } #ContentQuokaPressThemes table td p, #ContentQuokaPressThemesCity table td p { margin: 0px; padding: 0px; color: #0063a9; } #ContentQuokaPressThemes table table, #ContentQuokaPressThemesCity table table { margin: 3px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px dotted #0063a9; } #ContentQuokaPressThemes table table td, #ContentQuokaPressThemesCity table table td { padding-left: 0px; width: 50%; vertical-align: top; color: #666; font-size: 11px; font-weight: normal; } #ContentQuokaPressThemes table table td p, #ContentQuokaPressThemesCity table table td p { margin: 0px; padding: 0px; color: #666; } #ContentQuokaPressThemes a, #ContentQuokaPressThemesCity a { font-size: 11px; line-height: 17px; } #ContentQuokaPressThemes a:link, #ContentQuokaPressThemesCity a:link { color: #666; } #ContentQuokaPressThemes a:visited, #ContentQuokaPressThemesCity a:visited { color: #666; } #ContentQuokaPressThemes a:active, #ContentQuokaPressThemesCity a:active { color: #666; } #ContentQuokaPressThemes a:hover, #ContentQuokaPressThemesCity a:hover { color: #0063a9; } /* * Styles for "Top Searches" box coming from CMS (overwriting styles for "normal" themes pages where necessary) */ #ContentQuokaPressThemes table#ContentTopSearches, #ContentQuokaPressThemesCity table#ContentTopSearches { margin: 0px 0px 10px; padding: 0; } #ContentQuokaPressThemes table#ContentTopSearches h3, #ContentQuokaPressThemesCity table#ContentTopSearches h3 { padding: 7px 0px 0px 0px; } #ContentQuokaPressThemes table#ContentTopSearches td, #ContentQuokaPressThemesCity table#ContentTopSearches td { } #ContentQuokaPressThemes table#ContentTopSearches td p, #ContentQuokaPressThemesCity table#ContentTopSearches td p { margin: 0; padding: 0; } #ContentQuokaPressThemes table#ContentTopSearches table, #ContentQuokaPressThemesCity table#ContentTopSearches table { margin: 0px; padding: 0px; border-bottom: 0px; } #ContentQuokaPressThemes table#ContentTopSearches table td, #ContentQuokaPressThemesCity table#ContentTopSearches table td { width: 35%; font-size: 11px; font-weight: normal; } #ContentQuokaPressThemes table#ContentTopSearches table td p, #ContentQuokaPressThemesCity table#ContentTopSearches table td p { margin: 0px; padding: 0px; } #ContentQuokaPressThemes table#ContentTopSearches a, #ContentQuokaPressThemesCity table#ContentTopSearches a { font-size: 11px; line-height: 13px; } #ContentQuokaPressThemes table#ContentTopSearches a:link, #ContentQuokaPressThemesCity table#ContentTopSearches a:link { color: #000; } #ContentQuokaPressThemes table#ContentTopSearches a:visited, #ContentQuokaPressThemesCity table#ContentTopSearches a:visited { color: #000; } #ContentQuokaPressThemes table#ContentTopSearches a:active, #ContentQuokaPressThemesCity table#ContentTopSearches a:active { color: #000; } #ContentQuokaPressThemes table#ContentTopSearches a:hover, #ContentQuokaPressThemesCity table#ContentTopSearches a:hover { color: #0063a9; } /* --- END styles for themes pages listing --------------------------------- */