/* -------------------------------------------------------- Results stylesheet Website: MontrealPlus.ca Created by: Guillaume - guillaume@falzhobel.ca Filename: css/results.css -------------------------------------------------------- */ /* -------------------------------------------------------- Section : Results -------------------------------------------------------- */ div#content h2.results_title { font-size: 115%; padding: 0px 0px 15px 15px; } div#content h3.local_listing_title { font-size: 115%; border-bottom: 3px solid #ccc; padding: 0px 0px 5px 15px; margin-top: 10px;} /* Results Tabs */ div#results_tabs ul li { float: left; margin-right: 2px; padding-left: 6px; } div#results_tabs ul li a { display: inline-block; padding: 9px 15px 8px 10px !important; text-decoration: none; } html>body div#results_tabs ul li a { display: block; } div#results_tabs ul li.results_tabs_off { background: url("../++resource++canadaplus.content.images/results_tabs_off_left.gif") no-repeat top left; } div#results_tabs ul li.results_tabs_off a { background: url("../++resource++canadaplus.content.images/results_tabs_off_right.gif") no-repeat top right; background-color: #f7f7f7; color: #919991; } div#results_tabs ul li.results_tabs_active { background: url("../++resource++canadaplus.content.images/results_tabs_active_left.gif") no-repeat top left; } div#results_tabs ul li.results_tabs_active a { background: url("../++resource++canadaplus.content.images/results_tabs_active_right.gif") no-repeat top right; background-color: #caeafb; color: #252525; } div#results_tabs ul li.results_tabs_on { background: url("../++resource++canadaplus.content.images/results_tabs_on_left.gif") no-repeat top left; } div#results_tabs ul li.results_tabs_on a { background: url("../++resource++canadaplus.content.images/results_tabs_on_right.gif") no-repeat top right; background-color: #fff200; color: #252525; } /* Results Options */ div#results_options { background-color: #fff200; margin-bottom: 11px; color: #252525; padding: 6px 15px; } div#results_options div#results_options_left { float: left; } div#results_options div#results_options_right { float: right; padding-top: 3px; } div#results_options div#results_options_left img { vertical-align: middle; padding-left: 3px; } div#results_options div#results_options_left span { font-weight: bold; } div#results_options div#results_options_left span a { color: #252525; } div#results_options div#results_options_left p.narrow, div#results_options div#results_options_left p.sort { float: left; padding-top: 3px; } div#results_options div#results_options_left ul { float: left; padding-left: 10px; z-index:1000 !important;} div#results_options div#results_options_left ul li { float: left; padding-right: 10px; } div#results_options div#results_options_left ul li a { display: block; background: url("../++resource++canadaplus.content.images/btn_pulldowns_bg.gif") no-repeat top right; background-color: #66676a; color: #fff; font-weight: bold; padding: 2px 31px 2px 10px; text-decoration: none; } div#results_options div#results_options_left ul li a:hover { color: #fff !important; } div#results_options div#results_options_left ul li ul li a:hover { color: #252525 !important; } div#results_options div#results_options_left ul li span { display: block; background-color: #66676a; color: #fff; font-weight: bold; padding: 2px 31px 2px 10px; text-decoration: none; } /* Pulldowns */ div#results_options div#results_options_left ul li ul { float: none; position: absolute; width: 350px; left: -999em; background-color: #d5d5d5; padding: 6px 0px 10px 0px; border: 1px solid #66676a; } div#results_options div#results_options_left ul li:hover ul, div#results_options div#results_options_left ul li.sfhover ul { left: auto; } div#results_options div#results_options_left ul li ul li { padding-left: 10px; padding-right: 0px; } div#results_options div#results_options_left ul li ul li a { background: #d5d5d5; font-weight: normal; color: #252525; padding: 3px; width: 154px; border-bottom: 2px solid #eaeaea; font-size: 95%; } div#results_options div#results_options_left ul li ul li a:hover { background-color: #f7f7f7; } div#results_options div#results_options_right p { font-weight: bold; } div#results_options div#results_options_right a { color: #252525; padding: 0px 1px; } div#results_options div#results_options_right span { font-weight: normal; padding: 0px 3px; } div#results_options div#results_extended { border-top: 1px solid #ffcd1e; margin-top: 5px; padding-top: 5px; } div#results_options div#results_extended p { text-align: right; } div#results_options div#results_extended p a { font-weight: bold; color: #252525; padding: 0px 1px; } /* Content Results - Left and Right */ div#content_results_left { float: left; width: 535px; padding-bottom: 10px; } div#content_results_right { float: right; width: 430px; padding-bottom: 10px; } /* Content Results - Map Extended - Left and Right */ div#content_results_extended_left { float: left; width: 223px; padding-bottom: 10px; } div#content_results_extended_right { float: right; width: 746px; padding-bottom: 10px; } /* Local Listing Leader */ div.local_online_inner { padding: 10px 15px; } div.local_online_leader { /*margin-bottom: 15px;*/ border: 1px solid #cccccc; background-color: #f0f0f0; } div.local_online_leader h3 { background-color: #cccccc; padding: 5px 15px; font-size: 115%; color: #252525; } /* Local Listing */ div.local_listing { border-bottom: 3px solid #ccc; } div.local_listing_info { border-bottom: 2px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; width: 100%; overflow: hidden; } div.local_listing_info div.listing_info_left { } div.local_listing_info div.listing_info_left h4 { font-size: 115%; padding-bottom: 7px; } div.local_listing_info div.listing_info_left h4 a { color: #252525; } div.local_listing_info div.listing_info_left h4 img { vertical-align: middle; padding-left: 3px; } div.local_listing_info div.listing_info_left div.listing_dart { float: left; background: url("../++resource++canadaplus.content.images/icon_local_listing.gif") no-repeat; width: 57px; height: 40px; } div.local_listing_info div.listing_info_left div.listing_dart p { padding: 6px 0px 0px 27px; font-size: 90%; } div.local_listing_info div.listing_info_left div.listing_info { margin-left: 57px; } div.local_listing_info div.listing_info_image { float: right; /*padding: 0px 0px 5px 10px; FIXME height and width screws up yp listing image here*/ width: 120px; height: 80px; position:relative;} div.local_listing_info div.yp_listing_info_image { float: right; position:relative;} /* Image in Extended Map */ div#content_results_extended_left div.local_listing_info div.listing_info_image { text-align: center; float: none; padding: 0px 0px 10px 0px; } div.local_listing_details p.listing_more { color: #66676a; padding-bottom: 7px; } div.local_listing_details p.listing_links a { color: #252525; } div.local_online_leader div.local_listing_info div.listing_info_left div.listing_dart { background: url("../++resource++canadaplus.content.images/icon_local_leader.gif") no-repeat; } p.listing_pagination { background-color: #f0f0f0; text-align: right; padding: 6px 10px; font-weight: bold; color: #252525; } p.listing_pagination a { color: #252525; padding: 0px 1px; } p.listing_pagination span { font-weight: normal; padding: 0px 3px; } /* Editor's pick styles */ div.listing_info_image div.pick { position:absolute;right:0px;} div.listing_info_image div.image { position:absolute;top:10px;}