/**********************************************************************************************************/ /*********************************************** GENERAL **************************************************/ /**********************************************************************************************************/ html {padding: 0; margin: 0; border: 0px solid #00F;} body { background:#eff0f0; background-image: url('../images/body-background.jpg'); background-position:center; font:normal 12px; font-family: 'Aviner-Heavy', Verdana, Arial; color:#FFFFFF; text-align:left; margin: 0; padding: 0; border: 0px solid #F00; } #wrapper{width:920px; height:auto; margin:auto; background:none; min-height:602px; border: 0px solid #F00; } #wrapper #header { display:block; width:920px; height:108px; background: #fff url('../images/header/header-bg.jpg'); padding: 0; } #wrapper #header img { float:left; margin-top: 38px; margin-left: 30px; } #wrapper #footer { display:block; width:920px; height:100px; background: #fff url('../images/footer/footer-bg.jpg'); margin:0; text-align:right;} #wrapper #footer a { color:#6d6e71; margin-left:40px; font-size:11px;} #wrapper #footer #copyright { margin:0; text-align:center; font-size: 11px; margin-top: 36px; _margin-top: 30px; } #wrapper #footer #footer-links {margin-right: 30px; padding-top: 30px;} .box { border:solid 2px #FFFF00; width:856px; text-align:left; color:#fff; padding-bottom: 10px; margin-bottom: 0px; margin-left: 30px; } .box-padding {margin: 10px;} img { border:0; } a { text-decoration:none; color:#fff; font-weight:bold; border:0;} p { margin: 10px 0 10px 0; line-height:18px;} ol { margin:0 0 0 20px; padding:0; } h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal; font-family: 'avenir-Heavy', Arial, verdana;} #default h2.subheader-instruction {margin: 0; padding: 0; font-size: 16px;} .clear{clear:both; line-height:1px; font:1em;} #errors { border:solid 2px #ed1782; padding:10px; width:90%; background:url(../images/box-bg.png); text-align:center; text-align:left; color:#231f20; margin-bottom:10px; color:#ed1782; font-size: 12px; } #popup { font-size: 12px; } #popup ul li {font-size: 12px;} #line-clear {height: 1px; width: 1px;} /* this is used for first block element fixing */ /**********************************************************************************************************/ /******************************************* DEFAULT PAGES **********************************************/ /**********************************************************************************************************/ #default{ display:block; width:920px; height:auto; border: 0px solid #F00; margin:0; margin-bottom: 0px; background-color: #fff; font-size:14px; padding-bottom: 10px; _background-color: none; text-align:center; background-image: url(../images/background.jpg); } #default h1{font-size:19px; color:#FFFF00; margin-bottom:0; padding-bottom:0; } #default h2{ font-size:22px; margin: 0 0 10px 0;} #default p { font-size:11px; line-height:13px; } #default #age { font-size:14px; } #default .box { _margin-left: 0; } #default table { width:773px; margin:0; padding:0; border:solid 0px red; } #default table td { vertical-align:top; border:solid 0px #fff; } #default #banner { display:block; width:888px; height:246px; background: url('../images/travelling/banner.jpg'); background-position: 0px 0px; margin-left: 15px; _margin-left: 0px; margin-top: 6px; _margin-top: -10px; } #default input.button { display:block; width:119px; height:37px; background: url('../images/default/submit.png'); border:0; float:right; cursor:pointer; _behavior: url(/pngfix/iepngfix.htc);} /*#default input.button:hover { background: url('../images/default/submit-on.png');}*/ #background-bottom{ background: #fff url('../images/background-bottom.jpg'); height: 8px; margin-bottom: 0px; background-repeat: no-repeat;} /**********************************************************************************************************/ /********************************************** HOME PAGE *************************************************/ /**********************************************************************************************************/ #home{ display:block; width:920px; height:600px; margin:0; background-color: #ffffff; _background-color: none; text-align:center; background-image: url(../images/background.jpg); } #home h1 { font-size:18px; text-transform:uppercase; font-family: "avenir-Heavy", Arial, verdana; color: #fff; margin-bottom: 0; padding-bottom: 0; } #home h2{ font-size:22px; margin: 0 0 0px 0; color: #fff; line-height: 20px; padding-top: 0; margin-top: -14px;} #home h2 p{line-height: 26px;} #home a, #home img { float:left; } #home #button-travelling { display:block; width:222px; height:52px; background:url("../images/home/button-travelling.jpg"); margin-left:214px; _margin-left:105px;} /*#home #button-travelling:hover { background:url("../images/home/button-travelling-on.jpg"); }*/ #home #button-nominate { display:block; width:263px; height:52px; background:url("../images/home/button-nominate.jpg"); margin-left:10px;} /*#home #button-nominate:hover { background:url("../images/home/button-nominate-on.jpg"); }*/ #feature-banner {margin-left: 15px; margin-top: 6px;} /**********************************************************************************************************/ /******************************************* TRAVELLING PAGE **********************************************/ /**********************************************************************************************************/ #travelling{ display:block; width:920px; height:624px; margin:0; background-color: #fff; font-size:14px; background-image: url(../images/background.jpg);} #travelling h1{font-size:19px; color:#ed1782; margin-bottom:0; padding-bottom:0; } #travelling h2{ font-size:22px; margin: 0 0 10px 0;} #travelling p { font-size:10px; line-height:18px; width: 690px; margin-left: 4px;} #travelling #age { font-size:14px; } #travelling p strong {font-weight: normal;} #travelling table { width:773px; margin:0; padding:0; border:solid 0px red; } #travelling table td { vertical-align:top; border:solid 0px #fff; } #travelling table td h1 { color: #FFFF00; } #travelling #banner { display:block; width:888px; height:246px; margin-left: 15px; margin-top: 6px; background: url('../images/travelling/banner.jpg'); _margin-top: -6px; } #travelling input.button { display:block; width:119px; height:37px; background: url('../images/travelling/submit.png'); border:0; float:right; cursor:pointer; _behavior: url(/pngfix/iepngfix.htc);} /*#travelling input.button:hover { background: url('../images/travelling/submit-on.png');}*/ /**********************************************************************************************************/ /******************************************* GIFT SELECTION ***********************************************/ /**********************************************************************************************************/ #gift-selection{ display:block; width:890px; margin:0; height: 650px; _height: 774px; background-color: #fff; background-image: url(../images/background.jpg); no-repeat; padding:8px 15px 0px 15px; } #gift-selection h1{font-size:24px; color:#ffff00; margin: 10px 0 10px 15px; } #gift-selection h2{ font-size:18px; color:#fff; margin: 0 0 10px 0; text-align:center;} #gift-selection #arrow { position:absolute; top:44px; right:194px; } #gift-selection #banner { display:block; width:890px; height:210px; background: url('../images/travelling/gift-banner.jpg'); margin-left:0px; background-position: 0px -2px; } #gift-selection #banner #brands { display:block; width:464px; height:44px; background: url('../images/giftSelection/brands.png'); _behavior: url(/pngfix/iepngfix.htc); float:right; margin-top:10px; margin-right: 80px; _behavior: url(/pngfix/iepngfix.htc); _margin-right: 40px;} /*#gift-selection #banner #brands:hover { background: url('../images/giftSelection/brands-on.png'); }*/ #gift-selection #box { border:solid 2px #FFFF00; padding:0px; width:885px; height: 410px; _background-image: none; text-align:left; position:absolute; /*_margin-left: -444px;*/ } #gift-selection #box #category { float:left; width:210px; padding:0; margin:0; } #gift-selection #box #category ul { margin:0; padding:0; list-style:none; } #gift-selection #box #category li { } #gift-selection #box #category li a{ display:block; width:181px; height:31px; margin:0; padding:0; line-height:31px; padding:0 0 0 25px; font-size:16px; font-weight:normal; color:#fff;} /*#gift-selection #box #category li a:hover{background:url(../images/giftSelection/category-hover.jpg); color:#fff; }*/ #gift-selection #box #category li a.on{background:url(../images/giftSelection/category-hover.png); color:#000; _behavior: url(/pngfix/iepngfix.htc); } .cantmove { opacity: 0.50; -moz-opacity: 0.50; /* older Gecko-based browsers */ filter:alpha(opacity=5); _filter:alpha(opacity=20); /* For IE6&7 */ } .cantmove2 { opacity: 0; -moz-opacity: 0; /* older Gecko-based browsers */ filter:alpha(opacity=0); /* For IE6&7 */ } #gift-selection #box #products { float:left; width:467px; } #gift-selection #box #products #offersbox { border:solid 2px #FFFF00; overflow-y:auto; overflow-x: none; height:270px; _height: 400px; } /* PRODUCT BOX */ #gift-selection #box #products #offersbox #gallery li{ position:relative; display:block; width:95px; height: 130px; _height: 140px; background:url('../images/giftSelection/product-box.png') no-repeat; _behavior: url(/pngfix/iepngfix.htc); float:left; padding: 8px 10px 10px 12px; color:#fff; z-index:20; font-size: 12px; } #gift-selection #box #products #offersbox #gallery li img { margin-bottom:20px; _margin-bottom: 35px; } #gift-selection #box #products #offersbox #gallery li p.discount { font-weight: bold; text-align:right; position:absolute; top:0; right:14px; font-size:16px; width:50px; text-transform:uppercase; border:solid 0px red; color: #333;} #gift-selection #box #print { float:left; margin-left:15px; } #gift-selection #box #print #wallet { display:block; width:179px; height:130px; background:url('../images/passport.png') no-repeat; _behavior: url(/pngfix/iepngfix.htc); margin-top: -20px; z-index:10;} #gift-selection #box #print #wallet a { position:absolute; bottom:0; left:50px; color:#fff; font-size: 12px; line-height:12px; text-align:center; } #gift-selection img#down-arrow { text-align:center; margin: 10px 0 0 80px; } #gift-selection #box #print #printer { display:block; width:184px; height:105px; background:url('../images/giftSelection/printer.png') no-repeat; _behavior: url(/pngfix/iepngfix.htc); background-position: 30px 0; position:relative;} #gift-selection #box #print #basket-details img, #gift-selection #box #print #basket-details .discount { display:none; } #gift-selection #box #print #basket-details li{ display:block; _width: 380px; background-color: #ffffff; color: #333; } #gift-selection #box #print #basket-details a { float:left; } #passport-heading {background-color: #CCCC00; color: #333;} #gift-selection #box #view-selections { position: absolute; top: 130px; _top: 150px; margin-left: 690px; height: 50px; width: 100px; } /**********************************************************************************************************/ /******************************************* VOUCHER PAGE **********************************************/ /**********************************************************************************************************/ #voucher{ display:block; width:920px; margin:0; background: url('../images/voucher/background.jpg') 1px 1px repeat-y; text-align:center; padding:0; } #voucher h1{font-size:24px; } #voucher h2{ font-size:22px; margin: 0 0 0 0;} #voucher #banner { display:block; width:590px; height:214px; background: url('../images/voucher/banner.jpg'); text-align:left; padding: 15px 20px 0px 310px; font-size:20px; color:#fff; font-family: "Avenir-Heavy", Arial, Verdana; } #voucher #banner h1 { font-size: 22px; color: #fff; text-align: left; font-family: "Avenir-Heavy", Arial, Verdana; margin-bottom: 0; padding-bottom: 0; font-weight: normal; } #voucher #banner p { font-size: 16px; line-height: 20px; color: #fff; text-align: left; margin-right: 40px; font-family: "Avenir-Heavy", Arial, Verdana; margin-top: 5px; font-weight: normal; } #voucher #button-holder { margin: 0 0 10px 165px; } #voucher a{ font-size:15px; text-align:left; margin-right:10px; float:left;} #voucher a#print { display:block; width:155px; height:34px; background: url('../images/voucher/button-print.jpg'); background-repeat: no-repeat; margin-top: 12px; padding:6px 0 0 10px; font-weight: normal;} /*#voucher a#print:hover {background: url('../images/voucher/button-print-on.jpg'); }*/ #voucher a#refer { display:block; width:137px; height:34px; background: url('../images/voucher/button-tellafriend.jpg'); background-repeat: no-repeat; margin-top: 12px; padding:6px 0 0 10px; font-weight: normal; } /*#voucher a#refer:hover {background: url('../images/voucher/button-tellafriend-on.jpg'); }*/ #voucher a#airport { font-size: 11px; display:block; width:207px; height:34px; background: url('../images/voucher/button-airport.jpg'); background-repeat: no-repeat; padding:4px 0 0 10px; } /*#voucher a#airport:hover {background: url('../images/voucher/button-airport-on.jpg'); }*/ #visit-airport-link {margin-top: 1px;} #voucher .voucher-template { display:block; width:500px; height: 270px; background:#fff; border:dashed 4px #389BFA !important; color:#000; padding:20px; text-align:left; margin-bottom:10px;} #voucher .voucher-template p.title { font-size:25px; line-height:28px; float:left; margin: 10px 0 20px 0; } #voucher .voucher-template #discount p { font-size:48px; float:left; } #voucher .voucher-template #discount img { float:right; } #voucher .voucher-template table td.title { font-size:16px; border:none; min-width:100px;} #voucher .voucher-template table td { border:solid 1px #389BFA; min-width:200px; } #voucher .voucher-template .visit { color: #000; font-size:14px; text-align:center; font-weight:normal; margin-top:10px;} #voucher .voucher-template #travller-details { float:left; } #voucher .voucher-template #barcode { float:right; margin: 0px 17px 0 0; _margin-top: 70px;} /**********************************************************************************************************/ /******************************************* Friends **********************************************/ /**********************************************************************************************************/ #friends{ display:block; width:920px; height:564px; margin:0; color: #ed1782; background: #fff url('../images/background.jpg');text-align:center; font-size:14px; } #friends h1{font-size:19px; color:#fff; margin-bottom:0; padding-bottom:0; } #friends h2{ font-size:20px; margin: 0 0 0 0; padding:0; color:#fff; font-weight:normal; _white-space: nowrap; } #friends p { font-size:11px; line-height:13px; } #friends #age { font-size:14px; } #friends table { width:800px; margin:0; padding:0; border:solid 0px red; margin-left: 10px; } #friends table td { vertical-align:top; border:solid 0px #fff; width:100px; } #friends table td.email { width:570px; border: solid 0px red; } #friends #banner { display:block; background: url('../images/friends/banner.jpg'); height: 260px; } #friends input.button { display:block; width:119px; height:37px; background: url('../images/friends/submit.png'); _behavior: url(/pngfix/iepngfix.htc); border:0; float:right; cursor:pointer; z-index: 50; } /*#friends input.button:hover { background: url('../images/friends/submit-on.png');}*/ #friends #refer-copy-heading {margin-left: 310px; color: #fff; text-align: left; padding-top: 40px; width: 600px;} #friends #refer-copy-main {font-size: 16px; line-height: 20px; color: #fff; text-align: left; margin-left: 310px; padding-top: 10px; margin-right: 40px;} #friends .box {position: relative; width: 830px; margin-left: 40px;} #friends #refer-friend-message { position: absolute; text-align: left; top: 10px; right: 0px; padding: 110px 0 0 30px; z-index: 30; font-size: 18px; color:#fff; background: url('../images/friends/cloud.jpg') no-repeat; width: 265px; } #friends td input { width: 200px; } /**********************************************************************************************************/ /******************************************* PAGE **********************************************/ /**********************************************************************************************************/ #wrapper #content input{border:0; color:#000; padding:5px; font-weight:bold;} #wrapper #content label{padding:5px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF;} #wrapper #content span{padding:2px;} #wrapper_gift{ width:935px; text-align:left; margin:auto; background:#650d00 url(../images/gift-top-bg.png) no-repeat; min-height:759px; height:auto; background-position:top center;} #wrapper_gift #header_gift{ width:935px; height:217px; float:left; background:url(../images/header_gift.png) no-repeat; background-position:left top;} #wrapper_gift #content{width:935px; height:auto; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;margin-top:80px; } #wrapper_gift #content h1{font:normal 26px Arial, Helvetica, sans-serif;} #wrapper_gift #content h2{font:normal 22px Arial, Helvetica, sans-serif;} #wrapper_gift #content h3{font:normal 16px Arial, Helvetica, sans-serif;} #wrapper_gift #content .box{background-position:top; padding-top:65px; width:258px;} #wrapper_gift #content .leftCornerTop{background:url(../images/travel_table_top_left.jpg) no-repeat bottom left; width:29px; height:27px;} #wrapper_gift #content .leftCornerBtn{background:url(../images/travel_table_btm_left.jpg) no-repeat; width:29px; height:27px;} #wrapper_gift #content .rightCornerTop{background:url(../images/travel_table_top_right.jpg) no-repeat bottom right; width:29px; height:27px;} #wrapper_gift #content .rightCornerBtm{background:url(../images/travel_table_btm_right.jpg) no-repeat; width:29px; height:27px;behavior: url("../iepngfix.htc");} #wrapper_gift #content .TopBg{background:url(../images/travel_table_top_bg.jpg) repeat-x bottom; height:27px;behavior: url("../iepngfix.htc");} #wrapper_gift #content .BtmBg{background:url(../images/travel_table_btm_bg.jpg) repeat-x; height:38px;behavior: url("../iepngfix.htc");} #wrapper_gift #content .SideBg{background:url(../images/travel_table_side_brdr.jpg) repeat-y; width:29px; margin:0; padding:0;} #wrapper_gift #content .RightSideBg{background:url(../images/travel_table_rightside_brdr.jpg) repeat-y; width:29px; margin:0; padding:0;} #wrapper_gift #content input{border:0; color:#000; padding:5px; font-weight:bold;} #wrapper_gift #content label{padding:5px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF;} #wrapper_gift #content select{border:0; color:#000; font-weight:normal; width:258px; height:88px; padding:2px; font-size: 11px;} #wrapper_gift #content option{font-size:11px; color:#000000; padding:2px 0;} #wrapper_gift #content option:onclick{border:0; color:#000; font-weight:normal; background-color:#666666; } #wrapper_gift #content span{padding:2px;} #wrapper_gift #footer{padding:20px; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;} #wrapper_gift #footer a{color:#f2f2f2; text-decoration:none; } #wrapper_gift #footer a:hover{color:#f2f2f2; text-decoration:} .container #wrapper_voucher{ width:935px; text-align:left; margin:auto; background:#650d00 url(../images/voucher_heading.jpg) no-repeat; min-height:759px; height:auto; background-position:top center; } #wrapper_voucher #header{ width:935px; height:auto; float:left;} #wrapper_voucher #header h2{font:normal 20px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 40px 0px 25px; margin:0;} #wrapper_voucher #header p{line-height:20px; color:#FFFFFF; padding:10px 40px 0px 25px; font:normal 12px Arial, Helvetica, sans-serif; width:70%;} #wrapper_voucher #content{width:895px; height:auto; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;margin-top:0px;padding:20px; margin-right:10px;} #wrapper_voucher #content h1{font:normal 26px Arial, Helvetica, sans-serif;} #wrapper_voucher #content h2{font:normal 22px Arial, Helvetica, sans-serif;} #wrapper_voucher #content p{line-height:20px; width:70%;} .whitebg{ margin-top:15px; color:#d2232a; float:left; width:100%; background-color:#FFFFFF;} .whitebg .heading{ font:normal 32px Arial, Helvetica, sans-serif; border-bottom:2px solid #df7c80;} .whitebg label{padding:0 10px; font:18px Arial, Helvetica, sans-serif;} .whitebg #row{background:url(../images/border_row.png) repeat-x; background-position:bottom; float:left; width:100%;height:187px; } #row .codebar{background-color:#d2232a; padding:10px; width:134px; color:#FFFFFF; font:normal 16px Arial, Helvetica, sans-serif; line-height:20px;} .whitebg input{border:1px solid #d2232a; padding:2px; color:#000000;} .logo_heading{background:url(../images/heading_star.png) no-repeat; background-position:bottom right; text-align:left;} #wrapper_voucher #content span{padding:2px;} #wrapper_voucher #footer{padding:20px; padding-bottom: 0; margin-bottom: 0; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;} #wrapper_voucher #footer a{color:#f2f2f2; text-decoration:none; } #wrapper_voucher #footer a:hover{color:#f2f2f2; text-decoration:} .WAB_logo{background:url(../images/WAB_logo.png) no-repeat; background-position:top right; min-height:180px; height:auto; } .wdf_logo{background:url(../images/wdf_logo.png) no-repeat; background-position:top right;} .bothSide_logo{background:url(../images/bothSide_logo.png) no-repeat; background-position:top center;} .hasDatePicker { width:500px; } .more-detail-button { text-decoration:none; border:0; display:block; width:484px; height:54px; background:url(../images/detail-brands.gif) no-repeat; text-align:center; margin: 20px 0 20px 200px; _margin: 0 0 0 0; } #thanksbox {font-family:'avenir-Heavy', Arial, verdana; margin: 20px;} #thanksbox h1 {color: #fff; text-align: left; padding-bottom: 0; font-weight: normal;} #thanksbox p {font-size: 16px; line-height: 20px; color: #fff; text-align: left; padding-top: 0px; margin-right: 40px;} .nominate-sub-text {margin-right: 200px; font-size: 10px; margin-left: 4px;} p#nominate-sub-text {font-size: 10px; line-height: 16px;} .nominate-sub-text strong {font-weight: normal;} p.nominate-sub-text {font-size: 10px;} p#other-nominate-sub-text{font-size: 10px; line-height: 16px;} #nominate-submit-button { font-size: 10px; display:block; width:119px; height:37px; background: url('../images/travelling/submit.png'); border:0; float:right; cursor:pointer; _behavior: url(/pngfix/iepngfix.htc);} #faqs-section a {color: #ffff00; line-height: 24px;} #faqs-section a:hover {color: #fff; line-height: 24px;} #thankyou-padding {min-height: 240px; _height: 240px;} #thankyou-padding h1 {font-family: arial; color: #ED1782} #thankyou-padding p {font-family: arial; color: #ED1782; font-size: 14px; line-height: 20px;} #thanksarea { height: 576px; position: relative; } #thanksarea #banner { background: url('../images/thanks.jpg'); background-repeat: no-repeat; height: 576px; width: 889px; position: absolute; z-index: 20; } #thanksarea .box { width: 576px; border: none; background: transparent; z-index: 30; position: absolute; top: 20px; left: 10px; width: 490px; } #other-padding {margin: 20px;} #other-padding p {color: #fff; font-size: 16px; line-height: 20px;}