/* -------------------------------------------- Layout Stylesheet for Loyaltybuild: airmiles Version: 1.1 Author: Niamh O'Hora Company: Fluid Rock This stylesheet is for the main elements of every page throughout campaigns: *wrapper *banner *nagigation *main content *footer -------------------------------------------- */ html {height:100%; margin: 0% auto; text-align: center;} body {margin: 0% auto; padding: 0px; /*background-image: url(../images/background_wrapper.png); background-repeat:repeat-y;*/ font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #000000; width: 960px; text-align: left; background-color: #e9f3fb;} h1 {margin: 0px; padding: 0px;} h2 {margin: 0px 0px 5px 0px; padding: 0px; color: #4a7cb9; font-size: 150%; } h3 {margin: 5px 0px; padding: 0px; color: #0e1e7d; font-size: 130%;} h4 {margin: 10px 0px; padding: 0px; color: #1e5fad; font-size: 120%;} a {color: #4a7cb9;} a:hover {color: #4a7cb9;} .narrow_text {letter-spacing: -1px;} .print {display: none;} .center {margin: 0% auto; text-align: center;} .bgcolor_01 {background-color: #f1f1f1;} .bgcolor_02 {background-color: #f1f1f1;} a {color: #6699FF;} .textbig {font-size: 120%;} .textsmall {font-size: 80%;} .textcenter {text-align: center;} .textbold {font-weight: bold;} .anchor{clear: both; width: 100%;} div.feedback_button{float: left; margin-top: 10px;} div.feedback_button img{border: 2px solid #c5d5e2;} div.feedback_button img:hover{border: 2px solid #e6f3fe;} table.feedback{background: #84b3dd; border: 1px solid #dddddd; padding: 7px;} p {line-height: 18px; font-size: 100%;} .highlight {color: #4a7cb9; font-weight: bold;} /*lists*/ ul.bullet {list-style-type: none;} ul.bullet li {list-style-image:url(../images/bullet.gif);} /*********** wrapper*/ #wrapper {background-image: url(../images/background_wrapper.png); background-repeat: x; position: relative; width: 964px;} /*********** Banner : Utility Navigation*/ #nav_utilitiies {margin: 0px; padding: 72px 18px 0px 0px; font-size: 100%; color: #8f8f8f; float: right;} #nav_utilitiies ul {margin: 0px; padding: 0px; list-style-type: none;} #nav_utilitiies ul li {display: inline; padding: 0px 8px 0px 8px;} #nav_utilitiies ul li.default a {color: #8f8f8f; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; } /* default link */ #nav_utilitiies ul li.divider {border-right: solid 1px #8f8f8f;} /* dividing line */ #nav_utilitiies ul li.default a:hover {color: #000; text-decoration: underline;} /* default link hover*/ #nav_utilitiies ul li.current a {color: #8f8f8f; text-decoration: underline;} /* active link for current page*/ #nav_utilitiies ul li.current a:hover {color: #000; text-decoration: underline;} /* active link hover*/ #nav_utilitiies ul li.floatright {float: right;} /* move to the right */ /*********** Banner */ #banner {background-image: url(../images/header/banner.png); background-repeat:no-repeat; background-position:left top; height: 105px; margin: 0px 0px 0px 10px;} #banner img {border: none; margin: 28px 0px 0px 16px;} #banner .logo_2 {float: right; margin: 0px; padding: 0px;} #banner h1 {margin: 0px; padding: 0px;} /*********** Main Navigation*/ #nav_main {background-image: url(../images/header/main_nav_bg.png); background-repeat:no-repeat; height: 36px; margin: 0px 0px 0px 11px;} #nav_main ul {margin: 0px 0px 0px 2px; padding: 0px; list-style-type:none;} #nav_main ul li {display: inline;} #nav_main ul li a {padding: 7px 5.3px 10px 5.2px; float: left; font-weight: bold; font-size: 75%;} #nav_main ul li.divider a {background-image: url(../images/header/divider.png); background-repeat: no-repeat; background-position: right;} /* Main Navigation default link*/ #nav_main ul li.default a {color: #014b94; text-decoration: none;} /* Main Navigation default link hover*/ #nav_main ul li.default a:hover {background-image: url(../images/header/main_nav_bg_current.png); background-repeat: repeat-x; color: #fff; text-decoration: none;} /* Main Navigation current page link*/ #nav_main ul li.current a {background-image: url(../images/header/main_nav_bg_current.png); background-repeat: repeat-x; color: #fff; text-decoration: none;} /* Main Navigation current link hover*/ #nav_main ul li.current a:hover {background-image: url(../images/header/main_nav_bg_current.png); background-repeat: repeat-x; color: #fff; text-decoration: none;} /* started here for voucher */ /* started here for voucher */ /* started here for voucher */ /*********** Section Navigation*/ #section_nav {background-image: none; height:30px;margin: 20px 3px 20px 8px;} #section_nav ul {margin: 0px; padding: 0px; list-style-type:none; margin:5px; float: left;} #section_nav ul li {display: inline;} #section_nav ul li a {padding: 2px 40px 3px 27px; float: left; font-weight: bold; font-size: 85%;} #section_nav ul li.divider a {border-right: solid 1px #dddddd;} /* Main Navigation default link*/ #section_nav ul li.default a {background-image: url(../images/header/stage_nav_bg_default.gif); background-repeat:no-repeat; background-position: left top; color: #cccccc; text-decoration: none;} /* Main Navigation default link hover*/ /*#section_nav ul li.default a:hover {background-image: url(../images/header/stage_nav_bg_hover.gif); background-repeat:no-repeat; background-position: left top; color: #a71930; text-decoration: none;}*/ /* Main Navigation current page link*/ #section_nav ul li.current a { background-image: url(../images/header/stage_nav_bg_current.gif); background-repeat:no-repeat; background-position: left top; color: #339; text-decoration: none; } /* end here for voucher */ /* end here for voucher */ /* end here for voucher */ /*********** left wrapper conatining search*/ #leftwrapper{float: left; width: 285px; margin:0; padding: 0; position: relative;} /*********** page (the padding surrounding all content in each page)*/ #main_content {margin: 0% auto; padding: 5px 14px 10px 13px;} #main_content_portal {margin: 0% auto; padding: 5px 5px 5px 5px;} /************************** Page Title Area*/ /* Page View */ #page_view {float: right; margin: 0px; padding: 0px} #page_view span {float: left;} #page_view ul {margin: 0px; list-style-type:none;} #page_view ul li {margin: 0px; padding: 0px; display: inline;} #page_view span.corner {background-image: url(../images/pg_title_right.gif); background-repeat: no-repeat; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 16px;} /* Page View default link*/ #page_view ul li.default a {float: left; background-image: url(../images/buttons/view_btn_default.gif); padding: 12px 0px 20px 30px; background-repeat:no-repeat; width: 130px; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 90%; letter-spacing: -1px;} /*the libk has to be a specified width as the background image is a tab. If is is a rectangle it can be flexible - make text size smaller if the link is too long*/ #page_view ul li.default a:hover {text-decoration: underline; background-image: url(../images/buttons/view_btn_hover.gif);} /* Page View Current link*/ #page_view ul li.current a {float: left; background-image: url(../images/buttons/view_btn_current.gif); padding: 12px 0px 20px 30px; background-repeat:no-repeat; width: 130px; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 90%; letter-spacing: -1px;} /*the libk has to be a specified width as the background image is a tab. If is is a rectangle it can be flexible - make text size smaller if the link is too long*/ #page_view ul li.current a:hover {text-decoration: none; background-image: url(../images/buttons/view_btn_current.gif);} /* Page Titles */ .pagetitle_1 {border: solid 1px #211f8a; background-color: #0e1e7d; color: #ffffff; font-size: 120%; padding: 5px; width: 275px;} .pagetitle_2 {border: solid 1px #211f8a; background-color: #0e1e7d; color: #ffffff; font-size: 120%; padding: 5px; margin:0px; float: right; width: 615px;} .pagetitle_3 {border: solid 1px #211f8a; background-color: #0e1e7d; color: #ffffff; font-size: 120%; padding: 5px; margin:0px;} /*********** Footer*/ #footer2 {} #nav_footer {clear: both; width: 956px; height: 53px; margin: 0px 0px 0px 4px; background-image: url(../images/footer/footer.png); background-repeat: repeat-x;} #nav_footer img {border: 0px; margin: 0px 0px 0px 10px;} #nav_footer .logo_2 {float: right; margin: 0px; padding: 0px;} #nav_footer h1 {margin: 0px; padding: 0px;} /* Footer Navigation*/ #nav_footer ul {float: right; font-size: 75%; margin: 0px; padding: 10px 10px 0px 0px; list-style-type: none;} #nav_footer ul li {display: inline; color: #000; padding: 0px 8px 0px 8px;} #nav_footer ul li a {text-decoration: none; color: #000;} /* default link */ #nav_footer ul li a:hover {color: #666; text-decoration: underline;} /* default link hover*/ #nav_footer ul li.divider {border-right: solid 1px #8F8F8F;} /* dividing line */ /* Loyaltybuild Copywright */ #loyaltybuild {float: right; width: 207px; height: 15px; text-align: right; font-size: 75%; margin: 10px 12px 0px 0px; } #loyaltybuild a {color: #000; text-decoration: none;} #loyaltybuild a:hover {color: #666; text-decoration: underline;} #axalegend {float: right; width: 95%; text-align: right; margin-top: 5px; padding-right: 12px; font-size: 75%;} #footerimg {float: left; width: 960px; height: 64px; background-image: url(../images/footer/footerimg.jpg); background-repeat:no-repeat; background-position: 10px;} #bottompage {float: left; width: 966px; height: 16px; margin: 0px; background-image: url(../images/footer/bottompage.jpg); background-repeat: no-repeat;} /*********** positioning*/ .floatleft {float: left;} .floatright {float: right;} /*********** skiplink*/ .skiplink {display:none} /************************** Pages with no search componant */ #all_content {padding: 0px; margin: 5px 0px 5px 0px; float: right; font-size: 95%; width: 920px;} #all_content h2 {font-size: 150%; background-color: #e6f3fe; padding: 5px; color: #09356a; margin: 0px 0px 0px 0px;} #all_content h4 {font-size: 110%;} #all_content .btn_04 {margin: 10px 4px 10px 0px; padding: 0px; font-size: 90%;} #all_content .btn_04 a {float: none; font-size: 120%; background-color: #4a7cb9; color: #ffffff; font-weight: bold; padding: 6px 22px 6px 22px; text-decoration: none; margin: 0px;} #all_content .btn_04 a:hover {background-color: #09356a; text-decoration: underline;} #all_content .btn_04 a img {border: 0px;} /************************** Pages with search componant but with just general info*/ .infopage {font-size: 120%; margin: 10px;} .infopage p {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;} .border {border-top: dashed 1px #c5d5e2; margin: 0px; padding : 0px;} #poll {margin: 0px 0px; padding: 0px; font-size: 85%; color: #9fbee0; float: left;} /************************** BUTTON Not booking today, tell us why */ .notbooking_1 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_1.png) no-repeat;} a.notbooking_1 {margin: 0px; padding: 0px; background: none;} .notbooking_2 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_2.png) no-repeat;} a.notbooking_2 {margin: 0px; padding: 0px; background: none;} .notbooking_13 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_13.png) no-repeat;} a.notbooking_13 {margin: 0px; padding: 0px; background: none;} .notbooking_1 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_1.png) no-repeat;} a.notbooking_1 {margin: 0px; padding: 0px; background: none;} .notbooking_3 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_3.png) no-repeat;} a.notbooking_3 {margin: 0px; padding: 0px; background: none;} .notbooking_9 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_9.png) no-repeat;} a.notbooking_9 {margin: 0px; padding: 0px; background: none;} .notbooking_11 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_11.png) no-repeat;} a.notbooking_11 {margin: 0px; padding: 0px; background: none;} .notbooking_13 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_13.png) no-repeat;} a.notbooking_13 {margin: 0px; padding: 0px; background: none;} .notbooking_21 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_21.png) no-repeat;} a.notbooking_21 {margin: 0px; padding: 0px; background: none;} .notbooking_19 {display: block; position: relative; float: left; margin: 0px; padding-bottom: 5px; width: 284px; height: 50px; background: url(../images/notBookingNow_19.png) no-repeat;} a.notbooking_19 {margin: 0px; padding: 0px; background: none;} .ticker {float: left; position: relative;}