/* -------------------------------------------- Layout Stylesheet for Loyaltybuild: SuperValu Version: 1.0 Author: Cormac Cullinan Company: Loyaltybuild Lmited This stylesheet is for the homepage rebuild May 2009 -------------------------------------------- */ #column1{position: relative; float: left; width: 605px; padding-right: 8px;} #column2{position: relative; float: right; width: 281px; padding-right: 8px;} #column3{position: relative; float: left; width: 220px; padding-right: 10px;} #column4{position: relative; float: left; width: 224px; padding-right: 10px;} #column5{position: relative; float: left; width: 218px; padding-right: 10px;} #column6{position: relative; float: left; width: 220px; padding-right: 8px;} #column1 a{padding-bottom: 8px;} #column2 a{padding-bottom: 3px;} #column3 a{padding-bottom: 8px;} #column4 a{padding-bottom: 8px;} #column5 a{padding-bottom: 8px;} #column6 a{padding-bottom: 8px;} /* Column 1 Hotle Image Main */ .hotelbreaks1{display: block; border:red; border:thick; padding-bottom: 8px; width: 605px; height: 325px; background: url(../images/homepage/main_hotel.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.hotelbreaks1a{display: block; width: 605px; height: 325px; background: url(../images/homepage/main_hotel.jpg) no-repeat; text-indent: -5000px;} a.hotelbreaks1a:hover{background: url(../images/homepage/main_hotel_ov.jpg) no-repeat;} /* Column 2 Market Section */ .marketsection1{display: block; padding-bottom: 8px; width: 281px; height: 132px; background: url(../images/homepage/market_section.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.marketsection1a{display: block; width: 281px; height: 132px; background: url(../images/homepage/market_section.jpg) no-repeat; text-indent: -5000px;} a.marketsection1a:hover{background: url(../images/homepage/market_section_ov.jpg) no-repeat;} /* Column 3 B&B Breaks */ .bb_breaks1{display:block; padding-bottom: 8px; width: 220px; height: 169px; background: url(../images/homepage/bb_hotel.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.bb_breaks1a{display:block; width: 220px; height: 169px; background: url(../images/homepage/bb_hotel.jpg) no-repeat; text-indent: -5000px;} a.bb_breaks1a:hover{background: url(../images/homepage/bb_hotel_ov.jpg) no-repeat;} /* Column 3 4 Night Family B&B Break */ .fournight_family{display:block; padding-bottom: 8px; width: 220px; height: 169px; background: url(../images/homepage/4night_family.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.fournight_familya{display:block; width: 220px; height: 169px; background: url(../images/homepage/4night_family.jpg) no-repeat; text-indent: -5000px;} a.fournight_familya:hover{background: url(../images/homepage/4night_family_ov.jpg) no-repeat;} /* Column 4 Four Star Breaks */ .fourstar_hotel1{display:block; padding-bottom: 8px; width: 224px; height: 169px; background: url(../images/homepage/4star_hotel.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.fourstar_hotel1a{display:block; width: 224px; height: 169px; background: url(../images/homepage/4star_hotel.jpg) no-repeat; text-indent: -5000px;} a.fourstar_hotel1a:hover{background: url(../images/homepage/4star_hotel_ov.jpg) no-repeat;} /* Column 5 Lux Spa Breaks */ .luxspa_breaks1{display:block; padding-bottom: 8px; width: 218px; height: 169px; background: url(../images/homepage/lux_spa_hotel.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.luxspa_breaks1a{display:block; width: 218px; height: 169px; background: url(../images/homepage/lux_spa_hotel.jpg) no-repeat; text-indent: -5000px;} a.luxspa_breaks1a:hover{background: url(../images/homepage/lux_spa_hotel_ov.jpg) no-repeat;} /* Column 6 Holiday Home Breaks */ .hh_breaks1{display:block; padding-bottom: 8px; width: 220px; height: 169px; background: url(../images/homepage/hh_breaks.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.hh_breaks1a{display:block; width: 220px; height: 169px; background: url(../images/homepage/hh_breaks.jpg) no-repeat; text-indent: -5000px;} a.hh_breaks1a:hover{background: url(../images/homepage/hh_breaks_ov.jpg) no-repeat;} /* Column 2 Accordion */ .arrowlistmenu{width: 281px; /*width of accordion menu*/} .arrowlistmenu .menuheader1{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: url(../images/homepage/all_hot.jpg) repeat-x center left; margin-bottom: 2px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 3px 0px 4px 3px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;} .arrowlistmenu .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: url(../images/homepage/act_breaks.jpg) repeat-x center left; margin-bottom: 2px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 3px 0px 4px 3px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;} .arrowlistmenu .menuheader3{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: url(../images/homepage/fam_breaks.jpg) repeat-x center left; margin-bottom: 2px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 3px 0px 4px 3px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;} .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(../images/homepage/titlebar-active.png);} .arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: none; margin: 0; padding: 0; margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/} .arrowlistmenu ul li{padding-bottom: 0px; background-color: #E8E7E7;/*bottom spacing between menu items*/} .arrowlistmenu ul li a{color: #000000; background: url(../images/homepage/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 5px 2px 2px 2px; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #FFFFFF; font-size: 80%;} .arrowlistmenu ul li a:visited{color: #000000;} .arrowlistmenu ul li a:hover{ /*hover state CSS*/color: #000000; background-color: #f1f1f1;} /* start of NI site */ #column1_ni{position: relative; float: left; width: 605px; padding-right: 8px;} #column2_ni{position: relative; float: right; width: 281px; padding-right: 8px;} #column3_ni{position: relative; float: left; width: 220px; padding-right: 10px;} #column4_ni{position: relative; float: left; width: 220px; padding-right: 10px;} #column5_ni{position: relative; float: left; width: 224px; padding-right: 10px;} #column6_ni{position: relative; float: left; width: 218px; padding-right: 6px;} #column1_ni a{padding-bottom: 8px;} #column2_ni a{padding-bottom: 8px;} #column3_ni a{padding-bottom: 8px;} #column4_ni a{padding-bottom: 8px;} #column5_ni a{padding-bottom: 8px;} #column6_ni a{padding-bottom: 8px;} /* Column 1 Hotle Image Main */ .hotelbreaks1_ni{display: block; padding-bottom: 8px; width: 605px; height: 352px; background: url(../images/homepage/main_hotel_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.hotelbreaks1a_ni{display: block; width: 605px; height: 352px; background: url(../images/homepage/main_hotel_ni.jpg) no-repeat; text-indent: -5000px;} a.hotelbreaks1a_ni:hover{background: url(../images/homepage/main_hotel_ni_ov.jpg) no-repeat;} /* Column 2 Market Section */ .marketsection1_ni{display: block; padding-bottom: 2px; width: 281px; height: 137px; background: url(../images/homepage/market_section_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.marketsection1a_ni{display: block; width: 281px; height: 137px; background: url(../images/homepage/market_section_ni.jpg) no-repeat; text-indent: -5000px;} a.marketsection1a_ni:hover{background: url(../images/homepage/market_section_ni_ov.jpg) no-repeat;} /* B&B Breaks */ .bb_breaks1_ni{display:block; padding-bottom: 8px; width: 220px; height: 233px; background: url(../images/homepage/bb_hotel_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.bb_breaks1a_ni{display:block; width: 220px; height: 233px; background: url(../images/homepage/bb_hotel_ni.jpg) no-repeat; text-indent: -5000px;} a.bb_breaks1a_ni:hover{background: url(../images/homepage/bb_hotel_ni_ov.jpg) no-repeat;} /* Column 4 Four Star Breaks */ .fourstar_hotel1_ni{display:block; padding-bottom: 8px; width: 224px; height: 233px; background: url(../images/homepage/4star_hotel_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.fourstar_hotel1a_ni{display:block; width: 224px; height: 233px; background: url(../images/homepage/4star_hotel_ni.jpg) no-repeat; text-indent: -5000px;} a.fourstar_hotel1a_ni:hover{background: url(../images/homepage/4star_hotel_ni_ov.jpg) no-repeat;} /* Column 5 Lux Spa Breaks */ .luxspa_breaks1_ni{display:block; padding-bottom: 8px; width: 218px; height: 233px; background: url(../images/homepage/lux_spa_hotel_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.luxspa_breaks1a_ni{display:block; width: 218px; height: 233px; background: url(../images/homepage/lux_spa_hotel_ni.jpg) no-repeat; text-indent: -5000px;} a.luxspa_breaks1a_ni:hover{background: url(../images/homepage/lux_spa_hotel_ni_ov.jpg) no-repeat;} /* Column 6 Holiday Home Breaks */ .hh_breaks1_ni{display:block; padding-bottom: 8px; width: 220px; height: 233px; background: url(../images/homepage/hh_breaks_ni.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.hh_breaks1a_ni{display:block; width: 220px; height: 233px; background: url(../images/homepage/hh_breaks_ni.jpg) no-repeat; text-indent: -5000px;} a.hh_breaks1a_ni:hover{background: url(../images/homepage/hh_breaks_ni_ov.jpg) no-repeat;} /* Column 2 Accordion */ .arrowlistmenu_ni{width: 281px; /*width of accordion menu*/} .arrowlistmenu_ni .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: url(../images/homepage/titlebar.png) repeat-x center left; margin-bottom: 2px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 20px 0px 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;} .arrowlistmenu_ni .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(../images/homepage/titlebar-active.png);} .arrowlistmenu_ni ul{ /*CSS for UL of each sub menu*/list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/} .arrowlistmenu_ni ul li{padding-bottom: 2px; /*bottom spacing between menu items*/} .arrowlistmenu_ni ul li a{color: #A70303; background: url(../images/homepage/arrowbullet.png) no-repeat center left; /*custom bullet list image*/display: block; padding: 6px 2px 1px 2px; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #a71930; font-size: 80%;} .arrowlistmenu_ni ul li a:visited{color: #A70303;} .arrowlistmenu_ni ul li a:hover{ /*hover state CSS*/color: #A70303; background-color: #f1f1f1;} /*********** Sign up banner */ /* .signup {display: block; margin: 3px 0px 10px 0px; width: 281px; height: 47px; background: url(../images/homepage/signup.png) no-repeat; z-index:10000; text-indent: -5000px;} a.signupa {display: block; width: 281px; height: 47px; background: url(..images/homepage/signup.png) no-repeat; z-index:10000; text-indent: -5000px;} */ .signup_ni {display: block; margin-bottom: 10px; width: 281px; height: 137px; background: url(../images/homepage/signup_ni.png) no-repeat; z-index:10000; text-indent: -5000px;} a.signupa_ni {display: block; width: 281px; height: 137px; background: url(../images/header/signup_ni.png) no-repeat; z-index:10000; text-indent: -5000px;} .nightoffer {display:block; margin-bottom: 12px; width: 281px; height: 170px; background: url(../images/homepage/SVNI_1nightoffer.jpg) no-repeat; z-index:10000; text-indent: -5000px;} a.nightoffera {display:block; width: 281px; height: 170px; background: url(../images/homepage/SVNI_1nightoffer.jpg) no-repeat; text-indent: -5000px;}