/* Main Navigation */ #main-nav { height: 39px; width: 960px; background: url(../images/img/nav/nav_filler.jpg) repeat-x; } #main-nav dl { margin: 0; padding: 0; } /* IE5 Mac Hack \*/ #main-nav { padding-left: 0px; } #main-nav { padding-left: 0px; overflow: hidden; } /* End Hack */ #main-nav dt { float: left; } #main-nav dt a { display: block; height: 0px !important; height /**/:39px; /* IE 5/Win hack */ padding: 39px 0 0 0; overflow: hidden; background-repeat: no-repeat; } #main-nav dt a:hover { background-position: 0 -39px; } #main-nav dt#home, #main-nav dt#home a { width: 58px; background-image: url(../images/img/nav/home.jpg); } #main-nav dt#contact, #main-nav dt#contact a { width: 101px; background-image: url(../images/img/nav/contact_us.jpg); } #main-nav dt#logout, #main-nav dt#logout a { width: 81px; background-image: url(../images/img/nav/log_out_nav.jpg); } #main-nav dt#myaccount, #main-nav dt#myaccount a { width: 109px; background-image: url(../images/img/nav/my_account_nav.jpg); } #main-nav dt#referafriend, #main-nav dt#referafriend a { width: 110px; background-image: url(../images/img/nav/refer_a_friend_nav.jpg); } #main-nav dt#about, #main-nav dt#about a { width: 69px; background-image: url(../images/img/nav/about.jpg); } #main-nav dt#mytickets, #main-nav dt#mytickets a { width: 60px; background-image: url(../images/img/nav/help_centre.jpg); } #main-nav dt#corporate, #main-nav dt#corporate a { width: 154px; background-image: url(../images/img/nav/add_your_business.jpg); } #main-nav dt#aboutourdiscounts, #main-nav dt#aboutourdiscounts a { width: 112px; background-image: url(../images/img/nav/how_to_use.jpg); } #main-nav dt#oursupporters, #main-nav dt#oursupporters a { width: 131px; background-image: url(../images/img/nav/our_supporters_nav.jpg); } #main-nav dt#newuser, #main-nav dt#newuser a { width: 119px; background-image: url(../images/img/nav/register_now_nav.jpg); } #main-nav dt#privcard, #main-nav dt#privcard a { width: 122px; background-image: url(../images/img/nav/privilege_card_nav.jpg); } body.home dt#home, body.home dt#home a, body.home dt#home a:hover, body.contact dt#contact, body.contact dt#contact a, body.contact dt#contact a:hover, body.logout dt#logout, body.logout dt#logout a, body.logout dt#logout a:hover, body.myaccount dt#myaccount, body.myaccount dt#myaccount a, body.myaccount dt#myaccount a:hover, body.referafriend dt#referafriend, body.referafriend dt#referafriend a, body.referafriend dt#referafriend a:hover, body.about dt#about, body.about dt#about a, body.about dt#about a:hover, body.mytickets dt#mytickets, body.mytickets dt#mytickets a, body.mytickets dt#mytickets a:hover, body.corporate dt#corporate, body.corporate dt#corporate a, body.corporate dt#corporate a:hover, body.about-our-discounts dt#aboutourdiscounts, body.about-our-discounts dt#aboutourdiscounts a, body.about-our-discounts dt#aboutourdiscounts a:hover, body.supporters dt#oursupporters, body.supporters dt#oursupporters a, body.supporters dt#oursupporters a:hover, body.newuser dt#newuser, body.newuser dt#newuser a, body.newuser dt#newuser a:hover, body.privcard dt#privcard, body.privcard dt#privcard a, body.privcard dt#privcard a:hover { background-position: 0 -78px; } /* C Menu*/ #menuc { font-size:11px; } #menuc a {color: #ffffff;text-decoration: underline;} #menuc a:hover {color: #ffffff;font-weight: normal;text-decoration: underline;} #menuc a:visited {color:#ffffff;text-decoration:underline;} #cnav { height: 30px; width: 150px; } #cnav dl { margin: 0; padding: 0; } /* IE5 Mac Hack \*/ #cnav { padding-left: 0px; } #cnav { padding-left: 0px; overflow: hidden; } /* End Hack */ #cnav dt { float: left; } #cnav dt a { display: block; height: 0px !important; height /**/:30px; /* IE 5/Win hack */ padding: 30px 0 0 0; overflow: hidden; background-repeat: no-repeat; } #cnav dt a:hover { background-position: 0 -30px; } #cnav dt#reg, #cnav dt#reg a { width: 119px; background-image:url(../images/img/nav/register_now_button.gif); margin-top:-1px; } #cnav dt#logout, #cnav dt#logout a { width: 64px; background-image:url(../images/img/nav/logout.gif); margin-top:-3px;} .hidden { visibility: hidden; display: none;} .unhidden { visibility: visible; } /* New Offer Savings menu*/ #b-nav { height: 34px; margin-bottom: 20px; margin-left:10px; } #b-nav dl { margin: 0; padding: 0; } #b-nav dt { float: left; } #b-nav dt a { display: block; height: 0px !important; height /**/:34px; /* IE 5/Win hack */ padding: 34px 0 0 0; overflow: hidden; background-repeat: no-repeat; } #b-nav dt a:hover { background-position: 0 -34px; } #b-nav dt#online, #b-nav dt#online a { width: 152px; background-image: url(../images/img/nav/offernav/online_discounts_savings_nav.jpg); } #b-nav dt#cashback, #b-nav dt#cashback a { width: 152px; background-image:url(../images/img/nav/offernav/cashback_savings_nav.jpg); } #b-nav dt#giftcards, #b-nav dt#giftcards a { width: 142px; background-image:url(../images/img/nav/offernav/giftcards_savings_nav.jpg); } #b-nav dt#highstreet, #b-nav dt#highstreet a { width: 147px; background-image:url(../images/img/nav/offernav/membership_card_savings_nav.jpg); } #b-nav dt#other, #b-nav dt#other a { width: 126px; background-image:url(../images/img/nav/offernav/other_benefits_savings_nav.jpg); } #b-nav dt#cats, #b-nav dt#cats a { width: 199px; background-image:url(../images/img/nav/offernav/category_search_savings_nav.jpg); } #b-nav dt#deal, #b-nav dt#deal a { width: 134px; background-image:url(../images/img/nav/offernav/deal_of_the_week_nav.jpg); } #b-nav dt#popular, #b-nav dt#popular a { width: 134px; background-image:url(../images/img/nav/offernav/popular_offers_nav.jpg); } /* Flyouts */ ul.menu {padding:0; margin:0; list-style:none; position:relative; margin-right:2px; float:left; font-family:verdana, sans-serif; z-index:100; font-size:11px; height:32px;} ul.menu li {float:left; height:32px;} ul.menu li a {text-decoration:none; color:#fff; text-decoration:none; font-size:11px; font-weight:bold;} ul.menu li a.aTop {display:block; padding:0; line-height:30px; height:30px; float:left; transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; } ul.menu li a.aTop span {display:block; padding:0 5px 0 15px; background:url(delaydrop/tab-left.png); float:left; cursor:pointer;} ul.menu li a.aTop b {display:block; width:10px; height:30px; padding:0; background:url(delaydrop/tab-right.png); float:left;} ul.menu li div.drop {position:absolute; left:-9999px; top:34px; background:#fff url(delaydrop/divider.gif); border:5px solid #800; opacity:0; transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } ul.menu li div.col1 {width:150px; -webkit-border-radius:0 8px 8px 8px; -moz-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px; } ul.menu li div.col2 {width:300px; -webkit-border-radius:0 8px 8px 8px; -moz-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px; } ul.menu li div.col3 {width:510px; -webkit-border-radius:0 8px 8px 8px; -moz-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px; } ul.menu li div.drop dl {float:left; width:170px; padding:0 5px 10px 10px; margin:0;height:60px; } ul.menu li div.drop dl.twobars {float:left; width:255px; padding:0 5px 10px 10px; margin:0; } ul.menu li div.drop dl.cats {float:left; width:170px; padding:0 5px 10px 10px; margin:0;height:32px; } ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#800; line-height:12px;} ul.menu li div.drop dl dd {padding:0; margin:0;} ul.menu li div.drop dl dd a {display:block; color:#c60; font-weight:normal; line-height:12px; padding:3px 0;} ul.menu li div.drop dl dd a:hover {color:#800; text-decoration:underline;} ul.menu li div.bottomLine {clear:left; background:#800;} ul.menu li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fc6; text-decoration:none;} ul.menu li div.bottomLine p a:hover {text-decoration:underline;} ul.menu li a.aTop:hover {color:#fc6;} ul.menu li.sub:hover > a.aTop {border-bottom:2px solid #800; color:#fc6;} ul.menu li.sub:hover > a.aTop span {color:#fc6;} ul.menu li:hover div.drop {left:0; opacity:1; transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; } ul.menu li:hover div.left1 {left:-364px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } ul.menu li:hover div.left2 {left:-330px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } ul.menu li.close {position:absolute; right:0; top:0; opacity:0; z-index:-1; transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; } .clear {clear:both;} /* for IE6 */ ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0;} ul.menu li.sub a.aTop:hover {border-bottom:2px solid #800; direction:ltr;} ul.menu li.sub a.aTop:hover div.drop {left:0;} ul.menu li.sub a.aTop:hover div.left1 {left:-154px;} ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;} /* for iPhone, iPod Touch and iPad */ ul.menu li:hover + li.close {top:-40px; opacity:1; z-index:100;} /* hoverNavs */ #b-nav dt#other dl dt.deal a { width: 160px; background-image:url(../images/img/nav/plugins/deal_of_the_week_button_main.gif); } #b-nav dt#other dl dt.deal a:hover { width: 160px; background-image:url(../images/img/nav/plugins/deal_of_the_week_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.phones a { width: 160px; background-image:url(../images/img/nav/plugins/mobile_phone_button_main.gif); } #b-nav dt#other dl dt.phones a:hover { width: 160px; background-image:url(../images/img/nav/plugins/mobile_phone_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.staffhol a { width: 160px; background-image:url(../images/img/nav/plugins/staff_holiday_club_main.gif); } #b-nav dt#other dl dt.staffhol a:hover { width: 160px; background-image:url(../images/img/nav/plugins/staff_holiday_club_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.financial a { width: 160px; background-image:url(../images/img/nav/plugins/financial_scheme_button_main.gif); } #b-nav dt#other dl dt.financial a:hover { width: 160px; background-image:url(../images/img/nav/plugins/financial_scheme_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.savingscalc a { width: 160px; background-image:url(../images/img/nav/plugins/savings_calculator_button_main.gif); } #b-nav dt#other dl dt.savingscalc a:hover { width: 160px; background-image:url(../images/img/nav/plugins/savings_calculator_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.cars a { width: 160px; background-image:url(../images/img/nav/plugins/car_scheme_button_main.gif); } #b-nav dt#other dl dt.cars a:hover { width: 160px; background-image:url(../images/img/nav/plugins/car_scheme_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.cycle a { width: 160px; background-image:url(../images/img/nav/plugins/cycle_scheme_button_main.gif); } #b-nav dt#other dl dt.cycle a:hover { width: 160px; background-image:url(../images/img/nav/plugins/cycle_scheme_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.health a { width: 160px; background-image:url(../images/img/nav/plugins/health_scheme_button_main.gif); } #b-nav dt#other dl dt.health a:hover { width: 160px; background-image:url(../images/img/nav/plugins/health_scheme_button_main.gif);background-position: 0 0; } #b-nav dt#other dl dt.takeaway a { width: 160px; background-image:url(../images/img/nav/plugins/takeaway_search_button_main.gif); } #b-nav dt#other dl dt.takeaway a:hover { width: 160px; background-image:url(../images/img/nav/plugins/takeaway_search_button_main.gif);background-position: 0 0; } /* End */ #b-nav dt#cats dl dt.online a { margin-left:45px;width:180px;background-image:url(../images/img/nav/online_offers_popup.gif); } #b-nav dt#cats dl dt.online a:hover { margin-left:45px;width:180px;background-image:url(../images/img/nav/online_offers_popup.gif);background-position: 0 0; } #b-nav dt#cats dl dt.hs a { margin-left:30px;width:180px;background-image:url(../images/img/nav/instore_offers_popup.gif); } #b-nav dt#cats dl dt.hs a:hover { margin-left:30px;width:180px;background-image:url(../images/img/nav/instore_offers_popup.gif);background-position: 0 0; } /*Cats*/ #b-nav dt#cats dl.cats dt.childrens a { width: 107px; background-image:url(../images/img/nav/cats/children_toys.jpg);margin-left:10px;line-height:20px; } #b-nav dt#cats dl.cats dt.childrens a:hover { width: 107px; background-image:url(../images/img/nav/cats/children_toys_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.daysout a { width: 56px; background-image:url(../images/img/nav/cats/days_out.jpg);margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.daysout a:hover { width: 56px; background-image:url(../images/img/nav/cats/days_out_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.electrical a { width: 130px; background-image:url(../images/img/nav/cats/electrical.jpg);margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.electrical a:hover { width: 130px; background-image:url(../images/img/nav/cats/electrical_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.entertainment a { width: 83px; background-image:url(../images/img/nav/cats/entertainment.jpg);margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.entertainment a:hover { width: 83px; background-image:url(../images/img/nav/cats/entertainment_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.fashion a { width: 47px; background-image:url(../images/img/nav/cats/fashion.jpg);margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.fashion a:hover { width: 47px; background-image:url(../images/img/nav/cats/fashion_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.financial a { width: 138px; background-image:url(../images/img/nav/cats/financial_advice.jpg);margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.financial a:hover { width: 138px; background-image:url(../images/img/nav/cats/financial_advice_select.jpg);background-position: 0 0;margin:0 0 5px 10px;height:20px; } #b-nav dt#cats dl dt.foodanddrink a { width: 89px; background-image:url(../images/img/nav/cats/food_drink.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.foodanddrink a:hover { width: 89px; background-image:url(../images/img/nav/cats/food_drink_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.gifts a { width: 27px; background-image:url(../images/img/nav/cats/gifts.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.gifts a:hover { width: 27px; background-image:url(../images/img/nav/cats/gifts_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.healthandbeauty a { width: 107px; background-image:url(../images/img/nav/cats/health_beauty.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.healthandbeauty a:hover { width: 107px; background-image:url(../images/img/nav/cats/health_beauty_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.holidays a { width: 118px; background-image:url(../images/img/nav/cats/holidays_travel.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.holidays a:hover { width: 118px; background-image:url(../images/img/nav/cats/holidays_travel_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.home a { width: 107px; background-image:url(../images/img/nav/cats/home_garden.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.home a:hover { width: 107px; background-image:url(../images/img/nav/cats/home_garden_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.motoring a { width: 51px; background-image:url(../images/img/nav/cats/motoring.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.motoring a:hover { width: 51px; background-image:url(../images/img/nav/cats/motoring_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.shoes a { width: 139px; background-image:url(../images/img/nav/cats/shoes_accessories.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.shoes a:hover { width: 139px; background-image:url(../images/img/nav/cats/shoes_accessories_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.sports a { width: 107px; background-image:url(../images/img/nav/cats/sport_leisure.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.sports a:hover { width: 107px; background-image:url(../images/img/nav/cats/sport_leisure_select.jpg);background-position: 0 0;margin:0 0 5px 10px; } #b-nav dt#cats dl dt.phones a { width: 56px; background-image:url(../images/img/nav/cats/phones.jpg);margin:0 0 5px 10px; } #b-nav dt#cats dl dt.phones a:hover { width: 56px; background-image:url(../images/img/nav/cats/phones_select.jpg);background-position: 0 0;margin:0 0 5px 10px; }