@charset "utf-8";
/* CSS Document */

/* Which? Local - Custom promotions */

/* April 2009 - Customer Large Panels */
.panel-promotion { background: url(/images/promotions/thumbsup/promotion_thumbsup.gif) top left no-repeat; height: 166px; padding-top: 34px; width: 740px; }
.panel-promotion-cars { background: url(/images/promotions/cars/promotion_cars.jpg) top left no-repeat; height: 166px; padding-top: 34px; width: 740px; }

#imagereplacement-promotion { text-indent: -5000px; background: url(/images/promotions/thumbsup/thumbsup_text01.png); width: 425px; height: 80px; margin-top: 0; }
#imagereplacement-promotion-cars { text-indent: -5000px; background: url(/images/promotions/cars/cars_text01.png); width: 290px; height: 50px; margin-top: 0; }

.button-makerecommendation { width: 250px; margin: 0; padding: 0; }
.button-makerecommendation ul { margin: 0; padding: 0; list-style: none; }
.button-makerecommendation ul li { cursor: pointer; list-style-image: none; }
.button-makerecommendation ul li a { background: url(/images/articles/buttons/man_whichlocal-needsyourhelp_tiny.jpg) top left no-repeat; margin: 0; padding: 50px 0 20px 20px; width: 230px; display: block; color: white; }
.button-makerecommendation ul li a:hover { background: url(/images/articles/buttons/man_whichlocal-needsyourhelp_tiny_hover.jpg) top left no-repeat; }

.button-gotohomepage { width: 250px; margin: 0; padding: 0; }
.button-gotohomepage ul { margin: 0; padding: 0; list-style: none; }
.button-gotohomepage ul li { cursor: pointer; list-style-image: none; }
.button-gotohomepage ul li a { background: url(/images/landing_pages/man_gotohomepage_tiny.jpg) top left no-repeat; margin: 0; padding: 50px 0 20px 20px; width: 230px; display: block; color: white; }
.button-gotohomepage ul li a:hover { background: url(/images/landing_pages/man_gotohomepage_tiny_hover.jpg) top left no-repeat; }

.button-savehero { width: 195px; margin: 0; padding: 0; }
.button-savehero ul { margin: 0; padding: 0; list-style: none; }
.button-savehero ul li { cursor: pointer; list-style-image: none; margin: 0; padding: 0; }
.button-savehero ul li a { background: url(/images/promotions/save_heroes/man_savehero.jpg) top left no-repeat; margin: 0; padding: 44px 0 20px 20px; width: 170px; display: block; color: white; }
.button-savehero ul li a:hover { background: url(/images/promotions/save_heroes/man_savehero_hover.jpg) top left no-repeat; }



.button-mp_homepage, .button-mp_login, .button-mp_register { width: 280px; margin: 0; padding: 0; }
.button-mp_homepage ul, .button-mp_login ul, .button-mp_register ul { margin: 0; padding: 0; list-style: none; }
.button-mp_homepage ul li, .button-mp_login ul li, .button-mp_register ul li { cursor: pointer; list-style-image: none; margin: 0; padding: 0; }
.button-mp_register ul li a { background: url(/images/promotions/map_preview/bg_mp_register.jpg) top left no-repeat; margin: 0; padding: 22px 0 22px 10px; width: 270px; display: block; color: white; }
.button-mp_register ul li a:hover { background: url(/images/promotions/map_preview/bg_mp_register_hover.jpg) top left no-repeat; }
.button-mp_login ul li a { background: url(/images/promotions/map_preview/bg_mp_login.jpg) top left no-repeat; margin: 0; padding: 22px 0 22px 10px; width: 270px; display: block; color: white; }
.button-mp_login ul li a:hover { background: url(/images/promotions/map_preview/bg_mp_login_hover.jpg) top left no-repeat; }
.button-mp_homepage ul li a { background: url(/images/promotions/map_preview/bg_mp_homepage.jpg) top left no-repeat; margin: 0; padding: 22px 0 22px 10px; width: 270px; display: block; color: white; }
.button-mp_homepage ul li a:hover { background: url(/images/promotions/map_preview/bg_mp_homepage_hover.jpg) top left no-repeat; }



.teaser-panel-medium { margin: 0; float: left; margin-bottom: 10px; padding: 0; list-style: none; cursor: pointer; width: 500px; height: 170px; }




.showhide_header { padding: 10px 10px 10px 30px; cursor: pointer; position: relative; margin: 0; background: url(/images/icon_arrow_blue_circle.gif) top left no-repeat; font: normal 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #0081C6; }
.showhide_header_down { cursor: pointer; position: relative; margin: 0; background: url(/images/icon_arrow_blue_circle_down.gif) top left no-repeat; }
.showhide_body { }


/* This appears on the My Account page */
tr.headerRowBlack td { background: #333; color: #fff; font-weight:bold; }
table.alertlist { border-collapse: collapse; text-align: left; }
table.alertlist td { padding: 3px; }
table.alertlist tfoot td {  background: #333; color: #fff;  }
table.alertlist tbody td a:hover { color: #fff; }
table.alertlist tbody td { vertical-align: top; }
/*table.alertlist tbody tr:hover { background: #ED2732; }
table.alertlist tbody tr:hover td { color: #FFFFFF; }*/
table.alertlist .odd { background: #ddd; }
table.alertlist .even { background: #eee; }


/* October 2009 - Map Preview */

.map-preview-holder { float: left; }
.map-preview-scrollpane { width: 400px;	height: 365px; overflow: auto; background: #fff; float: left; margin: 0; padding: 5px;} 
.map-preview-table-traders  { padding-left: 10px; padding-right: 10px; }
.map-preview-table-traders td  { border-bottom:1px solid #bbb; padding-bottom: 10px; padding-top: 10px; }
.map-preview-table-key { width: 40px; }
.map-preview-table-review-details { width: 110px; }

/* October 2009 - Save our heroes */

#page-wrap						{ background: white; width: 740px; margin: 0 auto; 
								  padding: 0; }

#slider							{ background: #fff url(/images/promotions/save_heroes/2096_header_bg2.jpg) top left no-repeat; height: 220px; overflow: hidden; position: relative; margin: 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 90px 20px 0 80px; width: 640px; float: left; position: relative; }
.slide p						{  width: 370px; }
.slideimage						{ position: absolute; top: 20px; left: 505px; }
#slider-stopper					{ position: absolute; top: 200px; right: 0; background: #ed2732; color: white;
								  padding: 2px 8px; font-size: 11px; z-index: 1000; }