body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background:url(../images/bg_background.jpg) no-repeat center 94px #fff;background-attachment: fixed; margin:0pt; font-size:79%; padding:0pt; height:100%;} html {overflow-y: scroll; height:100%;} #page {width:940px; min-height:500px; background: #fff;} #page_outer_lft {padding-left:20px; margin:0pt auto; min-height:100%; text-align:left; vertical-align:middle; width:959px; vertical-align:bottom;} #page_outer_rgt {min-height:100%; width:940px;} /* Utilities */ .clear {clear:both;font-size:0pt;height:1px;margin:0pt;overflow:hidden;padding:0pt;} .clear10 {clear:both;font-size:0pt;height:10px;margin:0pt;overflow:hidden;padding:0pt;} .hidden {display:none;} .no_leftpad {} .no_pad_right {margin-right:0px; padding-right:0px;} .pad_top10 {padding-top:20px;} .pad_bot10 {padding-bottom:10px !important; float:left; width:685px;} .divider {clear:both;font-size:0pt;height:1px; background:#FFFFFF; margin:10px 0px 10px 0px;overflow:hidden; } .divider5 {clear:both;font-size:0pt;height:5px; background:#FFFFFF; margin:0px 0px 0px 0px;overflow:hidden;} .divider2 {clear:both;font-size:0pt;height:2px; background:#FFFFFF; margin:0px 0px 0px 0px;overflow:hidden; float:left; width:100%;} p.link a, div.right_col p.link a, p.link a:visited, div.right_col p.link a:visited {text-decoration:none; color:#00853f;} .bottom_spacer {height:20px;clear:both;font-size:0pt;margin:0pt;overflow:hidden;padding:0pt;} .text p a {text-decoration:underline; color:#00853f; } .text p a:hover, .text p a:focus, .text p a:active {text-decoration:none;} div.text p.link a {text-decoration:none; color:#00853f; width:100%;} div.text p.link a:hover {text-decoration:underline; color:#00853f; width:100%;} div.text a:visited {text-decoration:underline; color:#00853f; width:100%;} div.text p.link {background:url(../images/li_breadcrumb.png) no-repeat 15px 0.4em transparent; padding:0px; margin:0px; padding-left:30px; color:#00853f; font-weight:normal; padding-top:0px; margin-top:0px; width:100%;} div.text p.link2 {background:url(../images/li_breadcrumb.png) no-repeat 0px 0.4em transparent; padding:0px; margin:0px; padding-left:15px; color:#00853f; font-weight:normal; width:100%;} div.text p.link2 a {text-decoration:none; color:#00853f; width:100%;} div.text p.link2 a:hover {text-decoration:underline; color:#00853f; width:100%;} div.text p.link2 a:visited {text-decoration:underline; color:#00853f; width:100%;} /* Dividers */ .divider_grey_long {width:100%; height:15px; background:url(../images/divider.png) repeat-x top left transparent; float:left;} .divider_grey_line {width:100%; height:6px; background:url(../images/bg_divider_grey.gif) repeat-x top left transparent; float:left;} .divider_grey_plain {width:100%; height:6px; background:url(../images/bg_divider_grey_plain.gif) repeat-x top left transparent; float:left; } /* Skip Navigation */ .skip {position: absolute; left: -999em;} a.skip:active, a.skip:focus {top: 0; left: 0; color:#fff; background:#FFA02F; font-size:0.9em; display:block; padding:0.5em; border:0.1em solid; white-space:nowrap; width:15em; text-align:center; font-weight:bold;} /* Content at the Top */ #contenttop {min-height:20px; width:940px; float:left;} /* Content at the Top - Left */ #contenttop_left {width:394px; float:left; padding-top:26px;} #contenttop_left img {border:none;} /* Content at the Top - Right */ #contenttop_right {width:546px; float:left;} /* Toplinks */ div.toplinks {float:right; padding-bottom:15px; padding-top:3px; } div.toplinks ul {margin:0px; padding:0px; color: #00853f;} div.toplinks ul li{display:block; float:left; padding:0px 10px 0px 10px; background:url(../images/li_footer.png) 100% 50% transparent no-repeat; list-style:none; list-style-position:outside; color: #00853f;} div.toplinks a, div.toplinks a:visited {text-decoration:none; font-size:0.9em; color: #00853f;} div.toplinks a:hover, div.toplinks a:focus, div.toplinks a:active {text-decoration:underline; color: #00853f;} div.toplinks ul li.selected a {text-decoration:underline!important; color: #00853f;} div.toplinks ul li.last {background:none;} /* Search functionality */ div.search {float:right; font-size:0.9em; border: 1px solid #959595; padding:5px;} div.search form {min-height:21px; padding:0px; float:right;} div.search input {padding:2px; margin-left:10px; border: 1px solid #fff;} div.search input.search_but {vertical-align:top; padding:0px; margin-left:4px;} div.search label {display:inline; color:#959595; padding-bottom:3px;} div.search input#search {width:170px; color:#959595;} /* Apply button div.apply {float:right; font-size:0.9em; background:url(../images/apply_background.png) bottom left repeat-x transparent; border: 1px solid #959595; height:30px; padding:0px 8px 2px 8px; margin:0px 3px 0px 3px;}*/ div.apply {float:right; font-size:0.9em; margin:0px 3px 0px 3px;} div.apply a, div.apply a:visited {text-decoration:none; color: #00853f; vertical-align:middle;} div.apply a:hover, div.apply a:focus, div.apply a:active {text-decoration:underline; color: #00853f;} /* contact button */ div.contact_us {float:right; font-size:0.9em; background:url(../images/contactus_background.png) bottom left repeat-x transparent; border: 1px solid #959595; height:30px; margin:0px 6px 0px 3px; padding:0px 8px 2px 8px} div.contact_us a, div.contact_us a:visited {text-decoration:none; color: #00853f; vertical-align:middle;} div.contact_us a:hover, div.contact_us a:focus, div.contact_us a:active {text-decoration:underline; color: #00853f;} /* nav */ div.nav {float:left; width:220px; border-left: 1px solid #959595; border-top: 1px solid #959595; border-bottom: 1px solid #959595;} div.nav a {text-decoration:none;} div.nav div.primary_nav {float:left; height:60px; background:url(../images/nav_bg.png) bottom left repeat-x transparent; width:220px;} div.nav div.primary_nav img {float:right; margin:0px; padding:3px 3px 0px 3px; border:none;} #first img {float:right; padding:8px 3px 0px 3px; border:none; } #third img {float:right; padding:8px 10px 0px 3px; border:none; margin:0px;} #fourth img {float:right; padding:6px 10px 0px 3px; border:none; margin:0px;} #fifth img {float:right; padding:8px 12px 0px 3px; border:none; margin:0px;} #sixth img {float:right; padding:8px 3px 0px 3px; border:none; margin:0px;} #seventh img {float:right; padding:8px 3px 0px 3px; border:none; margin:0px;} #tenth img {float:right; padding:4px 10px 0px 3px; border:none; } #logout img {float:right; padding:8px 15px 0px 3px; border:none; } #fourth {border-right: 1px solid #959595;} #fifth {border-right: 1px solid #959595;} #sixth {border-right: 1px solid #959595;} #seventh {border-right: 1px solid #959595;} div.nav div.primary_nav a {float:left; margin:0px 0px 0px 10px; padding:20px 0px 0px 0px; color:#575757; display: block;} div.nav div.primary_nav a:hover, div.nav div.primary_nav a:active, div.nav div.primary_nav a:focus {padding:20px 0px 0px 0px; text-decoration:underline;} #first {background:url(../images/nav_bg1.png) bottom left repeat-x transparent;} #tenth {background:url(../images/nav_bg1.png) bottom left repeat-x transparent;} /* nav a.selected */ div.nav div.primary_nav a.selected {float:left; margin:0px 0px 0px 10px; padding:20px 0px 0px 0px; color:#575757; font-weight:bold;} div.nav ul {float:left; width:220px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:0.9em; border-right: 1px solid #959595;} div.nav ul ul {float:left; width:220px; margin:6px 0px 6px -10px; padding: 0px 0px 0px 0px; border-right: 1px solid #959595; font-size:1em;} div.nav ul ul ul {float:left; width:220px; margin:0px 0px 6px -20px; padding: 5px 0px 0px 0px; border-right: 1px solid #959595; font-size:1em;} div.nav ul ul ul ul {float:left; width:220px; margin:0px 0px 0px -20px; padding: 5px 0px 0px 0px; border-right: 1px solid #959595; font-size:1em;} div.nav ul li {padding-bottom:5px; padding-right:5px; background:url(../images/nav_bg2.png) bottom left repeat-x transparent;} div.nav ul li ul li {padding-bottom:5px; padding-right:5px; background:url(../images/nav_bg3.png) bottom left repeat-x transparent;} div.nav ul li ul li ul li {padding-bottom:5px; padding-right:5px; background:#fff; border-top: 1px solid #959595;} div.nav ul li ul li ul li ul li {padding-bottom:5px; padding-right:5px; background:#fff; border-top: 1px solid #959595;} div.nav ul li {list-style:none;margin:0px; padding: 6px 10px 6px 10px;} div.nav ul li ul li {list-style:none;margin:0px; padding: 6px 20px 6px 20px;} div.nav ul li ul li ul li{list-style:none;margin:0px; padding: 6px 10px 6px 25px;} div.nav ul li ul li ul li ul li {list-style:none;margin:0px; padding: 6px 10px 6px 10px;} div.nav ul li a, div.nav ul li a:visited {text-decoration:none; color:#00853f; font-weight:normal; padding-left: 5px;} div.nav ul ul li a, div.nav ul ul li a:visited {text-transform:none;} div.nav ul li a:hover, div.nav ul li a:focus, div.nav ul li a:active{color:#00853f} div.nav ul li a.selected {color:#00853f !important; font-weight:bold;} div.nav ul li {list-style:none; margin:0px;} div.nav ul ul li {list-style:none; margin:0px;} div.nav ul ul ul li {list-style:none; margin:0px;} div.nav ul ul ul ul li {list-style:none; margin:0px; padding:0px;} /* Home content */ .home_title {width:718px; height:214px; background:url(../images/home.png) bottom right repeat-x transparent;} .home_title h1 {color:#00853f; font:2.4em Arial, Helvetica, sans-serif !important; padding-top:3px; padding-left:20px !important; margin:0px; font-weight:bold;} .home_title ul{width:400px; margin:2px 20px 0px 20px; padding: 0px 0px 0px 0px; list-style: none; font-size:0.9em;} .home_title ul li {color:#575757; font-size:1em; padding:0px 5px 3px 25px; margin:0px; background:url(../images/tick.png) 0px 2px no-repeat transparent;} .home_content {width:718px; float:left;} .home_content .panel1 {width:228px; float:left; margin:5px 5px 0px 7px; padding:0px;} .home_content .panel2 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .home_content .panel3 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .infobox_top {width:228px; background:url(../images/infobox_top.png) no-repeat 0 0; min-height:12px; float:left;} .infobox {width:228px; background:url(../images/infobox.png) bottom left repeat-y transparent; float:left; min-height:168px;} .infobox_bg {background:url(../images/ad_bg.png) bottom left repeat-x transparent; min-height:174px;} .infobox h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px 0px 0px 0px; font-weight:normal;} .infobox h3 {font-size:1em; color:#00853f; margin:0px; padding-top: 5px !important; font-weight:normal;} .infobox p {padding:0px 0px 0px 0px; margin:0px; font-size:0.85em !important; color:#575757;} .infobox p a {text-decoration:none; color:#00853f; font-weight:normal;} .infobox p a:hover, .infobox p a:focus, .infobox p a:active {text-decoration:underline;} .infobox p a.home_link {text-decoration:none; color:#00853f; font-weight:normal; padding-left:10px; background:url(../images/li_breadcrumb.png) no-repeat 0em 0.5em transparent;} .infobox p a.home_link:hover, .infobox p a.home_link:focus, .infobox p a.home_link:active {text-decoration:underline;} .festive {width:220px; background:url(../images/festive.png) no-repeat bottom right; min-height:168px; float:left;} .spring {width:220px; background:url(../images/spring.png) no-repeat bottom right; min-height:168px; float:left;} .portable_home {width:220px; background:url(../images/portable_home.png) no-repeat bottom right; min-height:168px; float:left;} .infobox_bottom {width:228px; background:url(../images/infobox_bottom.png) no-repeat 0 0; min-height:13px; float:left;} /*.homecontent {float:left; width:940px; background:#DBE6E0; min-height:22.9em; margin-bottom:-2px;}*/ .homeleft {width:643px; float:left; background:#DBE6E0; min-height:20px;margin:0px; } .homeright {width:297px;min-height:20px; float:left; background:#b7cec4; padding:10px 0px 0px 0px; margin:0px; } /* Home bottom */ /* Home Promotional banner */ div.home_promo_flash {margin:10px;} .home_promo1 {width:643px; background:url(../images/bg_home_onepager1.jpg) top left no-repeat #DDE8E2; min-height:350px;} .home_promo2 {width:643px; background:url(../images/bg_home_onepager2.jpg) top left no-repeat #DDE8E2; min-height:350px;} .home_promo3 {width:643px; background:url(../images/bg_home_onepager3.jpg) top left no-repeat #DDE8E2; min-height:380px;} .home_promo4 {width:643px; background:url(../images/bg_home_onepager4.jpg) top left no-repeat #DDE8E2; min-height:350px;} .home_promo {width:920px; background:url(../images/welcome.jpg) top left no-repeat #fff; min-height:209px; } .home_promo_title {font-size:2.2em; font-weight:bold; padding-top:25px; padding-left:28px; color:#00853f; line-height:0.9em;} .home_promo_intro {width:300px; padding-left:28px; padding-top:8px;} .home_promo_intro p {font-size:0.95em; color:#00853f;padding:0px 0px 3px 0px; margin:0px;} .home_promo1 h2, .home_promo2 h2, .home_promo3 h2, .home_promo4 h2, .home_promo h2 {width:323px; color:#009fda; font-size:1em; font-weight:bold; padding-top:5px;padding-left:28px; margin:0px;} .home_promo_set {width:323px; padding-left:28px; padding-top:8px;} .home_promobox {background:url(../images/bg_promo_quest_mid3.gif) no-repeat top left #008bcf; padding-left:12px; width:221px;} .home_promobox div.question {width:215px;} .home_promobox div.question div.link { width:197px; float:left;} .home_promobox div.question div.image {width:12px; float:right;padding-top:0.2em; } .home_promobox div.question div.image img {border:none;} .home_promobox a {font-size:1em; color:#ffffff; text-decoration:none; font-weight:bold;} .home_promobox_top {background:url(../images/bg_promo_quest_top3.gif) no-repeat top left; padding-top:6px; } .home_promobox_bot {background:url(../images/bg_promo_quest_bot3.gif) no-repeat bottom left;padding-bottom:4px;padding-right:6px; margin-bottom:2px;} /* Home page amends */ .homecontent {border-top: 10px solid #fff; background: url(../images/bg_homecontent.gif) 0 100% repeat-x #fff;} div.countrypanel { background: url(../images/bg_countrypanel.gif) 0 0 repeat-x #b7cdc3; float: left;width: 920px; border-left: 10px solid #fff; border-bottom: 1px solid #fff;} div.countrypanel .tl {background: url(../images/bg_countrypanel_tl.gif) 0 0 no-repeat transparent; float: left; } div.countrypanel .tr {background: url(../images/bg_countrypanel_tr.gif) 100% 0 no-repeat transparent; padding-left: 27px; padding-right:5px;width:888px; float: left; } div.countrypanel div.left {width: 700px; float: left;} div.countrypanel div.right {width: 180px; float: left; } div.countryselect {background: url(../images/bg_countryselect.gif) 0 0 repeat-x #cfe5db;float: left; } div.countryselect div.l {background: url(../images/bg_countryselect_l.gif) 0 0 no-repeat transparent;float: left; } div.countryselect div.r {background: url(../images/bg_countryselect_r.gif) 100% 0 no-repeat transparent; padding-left: 27px; padding-right: 136px; float: left;} div.countryselect form {padding: 0 0 8px 0; margin:9px 0 0 0;} div.countryselect label, div.countryselect span {font-weight: bold; color: #00853f; font-size: 1em; padding-right: 5px;display: block; float: left; padding-top: 0.25em;} div.countryselect label.hidden {position: absolute; left: -9999px;} div.countryselect span {padding-right: 20px;} div.countryselect select {font-size:0.9em; color: #333333; margin-right: 5px;display: block; float: left;margin-top: 2px;} div.countryselect input {margin-top: 1px;} div.countrylink {float: left;} div.countrylink p {padding: 0; margin:10px 0 0 0;font-weight: bold; font-size: 1em; padding-top: 0.25em; background: url(../images/bg_countrypanel_link.gif) 0 0.5em no-repeat transparent; padding-left: 16px;} div.countrylink p a, div.countrylink p a:visited {text-decoration: none; color: #00853f; font-weight: bold;} div.countrylink p a:hover, div.countrylink p a:active, div.countrylink p a:focus {text-decoration: underline;} /* Flash on the homepage */ div.homeflash {padding-left: 10px;} div.homeflash a img {border: none;} /* Question boxes */ div.questbox {width:277px;} .marginleft10 {margin-left:10px;} div.questboxes {width:277px; margin-top:4px; float:left; margin-bottom:2px;padding-left:10px;} div.questbox_top{background:url(../images/bg_qbox_top.gif) top left no-repeat; padding-top:4px; float:left; margin-bottom:3px; } div.questbox_bot {background:url(../images/bg_qbox_bot.gif) bottom left no-repeat; padding-bottom:4px; float:left} div.questbox_text {width:277px; background:url(../images/bg_qbox.gif) repeat-y top left transparent; float:left; vertical-align:middle; padding-bottom:5px; padding-top:5px;} div.questbox_title {float:left; padding-left:10px; width:266px;} div.questbox_title div.image {float:right; padding-right:0px; width:12px !important;margin-right:8px; padding-top:3px;} div.questbox_title div.image a {width:12px;} div.questbox_title div.image img {border:none;} div.questbox_title span {font-size:0.95em; color:#464646; padding:0px; margin:0px;width:230px; display:block;} div.questbox_title a {color:#00853f; text-decoration:none; width:200px; display:block; font-size:1.1em; } div.questbox_title a.quote, div.questbox_title a.quote:visited {font-size:1.2em; font-weight:bolder; padding-top:2px; } div.questbox_title a.quote:hover, div.questbox_title a.quote:focus, div.questbox_title a.quote:active {text-decoration:underline;} div.questbox_title h2 {margin:0px; font-size:1.2em; font-weight:normal;} /* Home bottom */ div.homebottom {/*background:url(../images/bg_home_bot.gif) repeat-x bottom left #ffffff; */width:920px; min-height:179px; float:left; padding:10px;} /* Country page amends */ div.infobox_last ul {padding-top: 0px;} div.infobox_last ul li {padding-bottom: 10px;} div.infobox_last ul li a, div.infobox_last ul li a:visited {color: #00853f; text-decoration: none; font-weight: bold; font-size: 0.95em;} div.infobox_last ul li a:hover, div.infobox_last ul li a:active, div.infobox_last ul li a:focus {text-decoration: underline;} /*div.infobox_last p {float: left; width: 225px;}*/ div.infobox div.link, div.infobox_last div.link {background:url(../images/arrow_infobox_link.gif) 0px 3px no-repeat transparent; padding-left:15px; margin-top:0px; } div.infobox div.link a, div.infobox div.link a:visited, div.infobox_last div.link a, div.infobox_last div.link a:visited {text-decoration:none;color:#00853f; font-weight:bold; font-size:1em;} div.infobox div.link a:hover, div.infobox div.link a:focus, div.infobox div.link a:active, div.infobox_last div.link a:hover, div.infobox_last div.link a:focus, div.infobox_last div.link a:active {text-decoration:underline;} /*infobox*/ .home_content {width:718px; float:left;} .text .panel1 {width:228px; float:left; margin:5px 5px 0px 7px; padding:0px;} .text .panel2 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .text .panel3 {width:228px; float:left; margin:5px 5px 0px 7px; padding:0px;} .text .panel4 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .infobox_top3 {width:228px; background:url(../images/infobox_top.png) no-repeat 0 0; min-height:12px; float:left;} .infobox3 {width:228px; background:url(../images/infobox.png) bottom left repeat-y transparent; float:left; min-height:71px!important;} .infobox3 a, .infobox3 a:visited {text-decoration:none!important;;} .infobox3 a:hover, .infobox3 a:focus, .infobox3 a:active {text-decoration:none!important;;} .infobox_bg3 {background:url(../images/ad_bg.png) bottom left repeat-x transparent; min-height:71px!important;} .infobox3 h2 {color:#00853f; margin:0px; padding:0px 0px 0px 0px; font-weight:normal;} .infobox3 h3 {font-size:1em; color:#00853f; margin:0px; padding-top: 5px !important; font-weight:normal;} .infobox3 p {padding:0px 0px 0px 0px; margin:0px; font-size:0.85em !important; color:#575757;} .infobox3 p a {text-decoration:none; color:#00853f; font-weight:normal;} .infobox3 p a:hover, .infobox3 p a:focus, .infobox3 p a:active {text-decoration:underline;} .infobox3 p a.home_link {text-decoration:none; color:#00853f; font-weight:normal; padding-left:10px; background:url(../images/li_breadcrumb.png) no-repeat 0em 0.5em transparent;} .infobox3 p a.home_link:hover, .infobox3 p a.home_link:focus, .infobox3 p a.home_link:active {text-decoration:underline;} .infobox_bottom3 {width:228px; background:url(../images/infobox_bottom.png) no-repeat 0 0; min-height:13px;; float:left;} /* International page amends */ div#inter div.infobox_set { width: 918px;} div#inter div.infobox_set div.infobox, div#inter div.infobox_set div.infobox_last {width: 222px; background-image: url(../images/bg_infobox_bot_inter.gif);} div#inter div.infobox_set div.infobox div.top, div#inter div.infobox_set div.infobox_last div.top {width: 210px;background-image: url(../images/bg_infobox_inter.gif); padding-right:2px;} div#inter div.infobox_set div.infobox_text {width: 202px;} div#inter div.infobox_set div.infobox_text h3 {font-size: 1em; padding: 0; margin:0; color: #00853f; padding-bottom: 7px;} div#inter div.infobox_set div.infobox_text ul {width: 202px;} div#inter div.infobox_set div.infobox_text ul li h3 {font-size: 1em; padding-bottom: 0;} div#inter div.infobox_set div.infobox_text ul li p {padding-bottom: 5px;} /* Dark blue panels */ div#inter div.infobox_set div.blue div.top {background: url(../images/bg_infobox_blue_top.gif) 0 0 no-repeat #00256a;} div#inter div.infobox_set div.blue div.top h2 {color: #fff;} /* promo panel */ div#inter div.infobox_set div.promo {background: url(../images/bg_infobox_promo.gif) 0 100% no-repeat #fff; padding-bottom: 78px; min-height:131px;} div#inter div.infobox_set div.promo h3 {font-size: 1.4em; padding: 0; margin:0; color: #00853f; padding-bottom: 5px;} div#inter div.infobox_set div.promo p {padding-bottom: 7px;} div#inter div.infobox_set div.promo2 {margin-right:0px; background: url(../images/bg_infobox_promo2.gif) 0 100% no-repeat #fff; padding-bottom: 78px; min-height:131px;} div#inter div.infobox_set div.promo2 h3 {font-size: 1.4em; padding: 0; margin:0; color: #00853f; padding-bottom: 5px;} div#inter div.infobox_set div.promo2 p {padding-bottom: 7px;} div#inter div.infobox_set div.promopp {margin-right:0px; background: url(../images/bg_infobox_promopp.gif) 0 100% no-repeat #fff; padding-bottom: 67px; min-height:131px;} div#inter div.infobox_set div.promopp h3 {font-size: 1.4em; padding: 0; margin:0; color: #00853f; padding-bottom: 5px;} div#inter div.infobox_set div.promopp p {padding-bottom: 7px;} div#inter div.infobox_set div.promocl {margin-right:0px; background: url(../images/bg_infobox_promocl.gif) 0 100% no-repeat #fff; padding-bottom: 75px; min-height:131px;} div#inter div.infobox_set div.promocl h3 {font-size: 1.4em; padding: 0; margin:0; color: #00853f; padding-bottom: 5px;} div#inter div.infobox_set div.promocl p {padding-bottom: 7px;} div.infopanel_set {width:410px; float:left;} div.infopanel_mid {background:url(../images/bg_infopanel1_mid.gif) top left repeat-x #00256a; min-height:1.25em;width:399px; padding-left:11px; } div.infopanel_mid {font-size:1em; color:#ffffff; font-weight:bold; } div.infopanel_bot {background:url(../images/bg_infopanel1_bot.gif) bottom left transparent no-repeat; padding-bottom:6px; margin-bottom:1px;} div.infopanel_top {background:url(../images/bg_infopanel1_top.gif) top left transparent no-repeat; padding-top:5px;} div#infopanel_2 div.infopanel_mid {background:url(../images/bg_infopanel2_mid.gif) top left repeat-x #0087cd;} div#infopanel_2 div.infopanel_bot {background:url(../images/bg_infopanel2_bot_closed.gif) bottom left transparent no-repeat; padding-bottom: 14px;} div#infopanel_2 div.infopanel_top {background:url(../images/bg_infopanel2_top.gif) top left transparent no-repeat;} div#infopanel_2.active div.infopanel_bot {background-image:url(../images/bg_infopanel2_bot.gif); padding-bottom: 6px;} .infopanel_mid div.link {width:300px;} .infopanel_mid div.link h2 {font-weight:normal;font-size:1.2em;padding:0;margin:0;} div.infopanel_mid div.image {float:right; padding-right:0px; width:15px !important; margin-right:8px; text-align:right; /*padding-top:3px; */} div.infopanel_mid div.image a {width:15px;} div.infopanel_mid div.image img {border:none;} div.infopanel_window {background:#ffffff; min-height:100px;} div#infopanel_2 div.infopanel_window {background:url(../images/bg_infopanel_window.gif) 0 100% no-repeat #ffffff; min-height:100px;} div.infopanel_window div.left {background:url(../images/bg_infopanel_map.gif) bottom left no-repeat transparent; padding-left:140px;} div.infopanel_window div.left1 {background:url(../images/bg_infopanel_nbd.gif) bottom left no-repeat transparent; padding-left:150px;} div.infopanel_window div.left2 {background:url(../images/bg_infopanel_pronto.gif) bottom left no-repeat transparent; padding-left:150px;} div.infopanel_window div.left3 {background:url(../images/bg_infopanel_contactless.gif) bottom left no-repeat transparent; padding-left:150px;} div.infopanel_window div.left4 {background:url(../images/bg_infopanel_card.gif) bottom left no-repeat transparent; padding-left:106px;} div.infopanel_window div.left5 {background: url(../images/bg_infopanel_mouse.gif) bottom right no-repeat transparent; padding-left: 20px; padding-bottom: 14px;} div.infopanel_window div.left6 {background: url(../images/bg_infopanel_window_jigsaw2.gif) 50% 100% no-repeat transparent; padding-left: 20px;} div#infopanel_2 div.infopanel_window div.right {background:url(../images/bg_window_botright.gif) bottom right no-repeat transparent;padding-bottom:16px;} div.infopanel_window div.right {background:url(../images/bg_window_botright.gif) bottom right no-repeat transparent;padding-bottom:16px;} div.infopanel_window div.mid {min-height:135px; padding-top:28px; padding-left:10px;} div.infopanel_window div.mid div.title {font-size:1.8em; font-weight:bold; color:#00853f; padding-right:12px; line-height:normal; margin-top:-3px;} div.infopanel_window div.mid div.txt {width:240px; font-size:0.95em; color:#464646; line-height:normal; display:block;} div.infopanel_window div.mid div.txt p{margin:0px; /*font-size:0.95em;*/} div.infopanel_window div.mid div.txt div.link {margin-top:10px; white-space:nowrap;} div.infopanel_window div.mid div.txt div.link a, div.infopanel_window div.mid div.txt div.link a:visited, div.infopanel_window div.mid div.txt div.link a:focus, div.infopanel_window div.mid div.txt div.link a:active {background:url(../images/arrow_infobox_link.gif) 0% 70% no-repeat transparent; padding-left:15px; text-decoration:none; color:#00853f; font-weight:bold; line-height:normal; } div.infopanel_window div.mid div.txt div.link a:hover {text-decoration:underline;} /* Amends for panel with mouse background (.left5) */ div.infopanel_window div.left5 div.mid {padding-top: 20px;} div.infopanel_window div.mid div.title {padding-bottom: 5px;} div.infopanel_window div.left5 div.mid div.txt {width: 270px;} /* Amends for panel with jigsaw background (.left6) */ div.infopanel_window div.left6 {padding-bottom: 16px; min-height: 136px; } div#infopanel_2 div.infopanel_window div.left6 div.right {width: 100%; padding-bottom: 0; background:none;} div.infopanel_window div.left6 div.mid {padding-top: 20px;} div.infopanel_window div.left6 div.mid div.title {padding-bottom: 5px; color: #66cc33; padding-left: 85px; font-size:1.5em; line-height: 1em;} div.infopanel_window div.left6 div.mid div.txt {padding-left: 85px; width: 180px;} div.infopanel_window div.left6 div.mid div.txt p {font-size: 0.9em;} div.infopanel_window div.left6 div.mid div.txt div.link {white-space: normal; font-size: 0.9em;} div.infopanel_window div.left6 div.mid div.txt div.link a {display: block;} div.infopanel_window div.left6 div.mid div.txt div.link a, div.infopanel_window div.left6 div.mid div.txt div.link a:visited, div.infopanel_window div.left6 div.mid div.txt div.link a:focus, div.infopanel_window div.left6 div.mid div.txt div.link a:active { background-position: 0 0.3em;} /* Footer */ div.footer {background:#ffffff; width:940px; min-height:5px; float:left; padding-top:20px; } div.footer_bot {padding-bottom:9px; width:940px; float:left; margin-bottom:10px;} div.footer_logo {float:left; padding:0px 0px 0px 0px; color:#00853f; padding-left:10px; padding-top:10px; } div.footer_logo p {padding:0px 0px 0px 0px; color:#00853f; margin:0px; font-size:0.8em} div.footer_copyright {float:right; padding:0px 0px 0px 0px; color:#00853f; margin-bottom:10px;} div.footer_copyright p {padding:0px 5px 0px 0px; color:#00853f; margin:0px; font-size:0.8em} div.footer_copyright a {color:#00853f; text-decoration:none;} div.footer_copyright a:hover, div.footer_copyright a:focus, div.footer_copyright a:active {text-decoration:underline;} div.footer_right{width:180px; float:left; padding:0px 0px 0px 0px; min-height:15px;} div.footer_links {width:940px; float:left; padding:0px; text-align:center;} div.footer_links a {font-size:0.8em; color:#00853f; text-decoration:none;} div.footer_links a:hover, div.footer_links a:focus, div.footer_links a:active {text-decoration:underline;} div.footer_links ul {margin:0px; padding:0px 0px 0px 0px;} div.footer_links ul li {display:block; float:left; background:url(../images/li_footer.png) 100% 50% transparent no-repeat; padding:0px 10px 0px 10px; list-style:none; list-style-position:outside;} div.footer_links ul li.last {background:none;} /* Content Page */ .content_area {width:940px; min-height:100%; float:left; } .redirect_area {width:500px; min-height:100%; margin: 5em auto 1em auto; } .main_content {width:717px; min-height:415px; float:right; background:#fff; padding-bottom:5px; border-bottom: 1px solid #959595; border: 1px solid #959595;} .main_content_long {width:917px; padding-left:10px; padding-right:10px; min-height:600px; float:left;} .long {width:920px;} /* Callback */ .callback_area {width:494px; min-height:100%; margin: 0 auto 0 auto;} .callback_area p {font-size:0.95em; color:#464646; padding:0px; margin:0px;} .callback_area h1 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; padding-bottom:5px; margin:0px; font-weight:bold;} /* left col long - i.e glossary */ .left_col_long {width:690px;float:left; background:#ffffff} .left_col_long_bot {background:url(../images/bg_left_col_long_bot.gif) no-repeat bottom left; padding-bottom:13px; float:left; margin-bottom:20px;} .head_banner {width:100%; min-height:23px; background:url(../images/bg_showcase_head_top.gif) repeat-x bottom left #ffffff; padding:10px 0px 0px 0px; float:left;} .left_col_long_bot .left_col_long .text {padding-left:23px; padding-right:10px; padding-bottom:0px; padding-top:0px; float:left;} .left_col_long h1 {color:#00853f; font-size:1.4em; padding:0px; padding-left:23px; padding-right:10px; margin:0px; font-weight:bold; padding-bottom:12px;} .left_col_long_bot .left_col_long .text p {font-size:0.95em; color:#333333; padding:0px; margin:0px;} .left_col_long_bot .left_col_long .text p.letter {font-size:1em; color:#00853f; font-weight:bold; padding:0px; margin:0px; margin-top:11px;} .left_col_long_bot .left_col_long .text p.word {font-size:0.9em; color:#00853f; font-weight:bold; margin-bottom:8px; margin-top:16px;} .left_col_long_bot .left_col_long .text p.backtotop {text-align:right; float:left; width:650px; margin-bottom:11px; margin-top:13px;} .left_col_long_bot .left_col_long .text p.backtotop a, .left_col_long_bot .left_col_long .text p.backtotop a:visited {font-weight:normal; color:#00853f; text-decoration:none; } .left_col_long_bot .left_col_long .text p.backtotop a:hover, .left_col_long_bot .left_col_long .text p.backtotop a:focus, .left_col_long_bot .left_col_long .text p.backtotop a:active {font-weight:normal; color:#00853f; text-decoration:underline; } .glossary_banner {width:100%; min-height:23px; background:url(../images/bg_showcase_head_top.gif) repeat-x bottom left #ffffff; padding:10px 0px 0px 0px; float:left;} /*left col long - i.e search results */ .whole_col_bot .whole_col .text p {font-size:0.95em; color:#333333; padding:0px; margin:0px;} .whole_col_bot .whole_col .text p.result {font-size:1em; margin-bottom:8px; margin-top:16px;} .whole_col_bot .whole_col .text p.result a {color:#00853f; font-weight:bold; text-decoration:none;} .whole_col_bot .whole_col .text p.result a:hover {color:#00853f; font-weight:bold; text-decoration:underline;} .whole_col_bot .whole_col .text p.url {font-size:0.95em; margin-bottom:8px; margin-top:4px;} .whole_col_bot .whole_col .text p.url a {color:#00853f; font-weight:normal; text-decoration:none;} .whole_col_bot .whole_col .text p.url a:hover {color:#00853f; font-weight:normal; text-decoration:underline;} .whole_col_bot .whole_col .text p.date {padding-bottom:4px; float:left;} .whole_col_bot .whole_col .text p.date span {color:#464646; margin-bottom:8px; margin-top:10px; float:left; } .whole_col_bot .whole_col .text p.date span.bread {color:#00853f; padding-left:10px; float:left;} .search_top {padding-top:11px;} .whole_col_bot .whole_col .text div.search_intro {font-size:1em;} .whole_col_bot .whole_col .text div.search_intro ul{float:left; margin:0px; padding:0px;} .whole_col_bot .whole_col .text div.search_intro ul li {display:block; float:left; background:url(../images/li_footer.png) 0% 50% no-repeat transparent; padding-left:8px; padding-right:5px;color:#464646;} .whole_col_bot .whole_col .text div.search_intro ul li.first {display:block; float:left; background:none; padding-left:8px; padding-right:5px;color:#464646;} .whole_col_bot .whole_col .text div.search_intro ul li.selected a, .whole_col_bot .whole_col .text div.search_intro ul li.selected a:active {text-decoration:none !important; font-weight:bold;} .whole_col_bot .whole_col .text div.search_intro ul li.selected a:hover {text-decoration:underline !important; font-weight:bold;} .whole_col_bot .whole_col .text div.search_intro, .whole_col_bot .whole_col .text div.search_intro a {color:#00853f!important; text-align:left;} .whole_col_bot .whole_col .text div.search_intro span {float:left;} .whole_col_bot .whole_col .text div.search_intro span.red {color:#cc0000 !important; float:left; padding-left:4px; padding-right:4px; font-weight:bold;} .whole_col_bot .whole_col .text div.search_intro span.page_no {float:right; margin-right:30px;} .whole_col_bot .whole_col .text div.search_intro ul {float:right;} .whole_col_bot .whole_col .text div.search_intro span.nav {float:right; margin-left:10px;} .whole_col_bot .whole_col .text div.search_intro span.nav a {text-decoration:none; } .whole_col_bot .whole_col .text div.search_intro span.nav a:hover, .whole_col_bot .whole_col .text p span.nav a:focus, .whole_col_bot .whole_col .text p span.nav a:active {text-decoration:underline;} .whole_col_bot .whole_col .text div.search_intro ul li a {color:#00853f; text-decoration:none;} .whole_col_bot .whole_col .text div.search_intro ul li a:hover, .whole_col_bot .whole_col .text div.search_intro ul li a:focus, .whole_col_bot .whole_col .text div.search_intro ul li a:active {text-decoration:underline;} .search_bot {margin-top:10px !important;} /* whole_col - i.e Sitemap */ .whole_col {width:717px; float:left; background:#ffffff} .whole_col_bot {background:url(../images/bg_whole_col_bot.gif) no-repeat bottom left; padding-bottom:17px; float:left;} .head_banner {width:100%; min-height:28px; background:url(../images/bg_showcase_head_top.gif) repeat-x bottom left #ffffff; padding:10px 0px 0px 0px; float:left;} .whole_col .head_banner h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px; padding-top:0px; font-weight:normal; padding-left:23px;} .whole_col_bot .whole_col .text {padding-left:23px; padding-right:10px; padding-bottom:0px; padding-top:0px; float:left;} .whole_col h1 {color:#00853f; font-size:1.4em; padding:0px; padding-left:23px; padding-right:10px; margin:0px; font-weight:bold; padding-bottom:12px;} .whole_col_bot .whole_col .text p {font-size:0.95em; color:#333333; padding:0px; margin:0px;} /* Sitemap cols */ .whole_col_row {width:920px;float:left;padding-left:23px; } .whole_col_column {float:left; margin-right:5px; width:240px; padding-bottom:0px; padding-top:20px;} .whole_col_column a, .whole_col_column a:visited {font-size:0.95em; color:#464646; padding:0px; margin:0px; font-weight:bold; text-decoration:none; width:240px; display:block; padding-bottom:4px;} .whole_col_column a.section, .whole_col_column a.section:visited {color:#00853f; padding-bottom:17px; text-transform:uppercase;} .whole_col_column a.section_last, .whole_col_column a.section_last:visited {color:#00853f; padding-bottom:4px; text-transform:uppercase;} .whole_col_column a.main, .whole_col_column a.main:visited {color:#00853f; padding-bottom:6px; text-transform:uppercase;} .whole_col_column a.main_sub, .whole_col_column a.main_sub:visited {color:#00853f; padding-bottom:6px; padding-top:10px; text-transform:uppercase;} .whole_col_column a:hover, .whole_col_column a:focus, .whole_col_column a:active {text-decoration:underline} .whole_col p.backtotop_up {text-align:right; float:left; width:905px; margin-bottom:11px; font-size:0.9em;} .whole_col p.backtotop_up a, .whole_col p.backtotop_up a:visited {font-weight:normal; color:#00853f; text-decoration:none; } .whole_col p.backtotop_up a:hover, .whole_col p.backtotop_up a:focus, .whole_col p.backtotop_up a:active {font-weight:normal; color:#00853f; text-decoration:underline; } /* whole col - small - i.e. contact us */ .small {width:600px!Important;} .whole_col p {font-size:0.95em; color:#464646; padding:0px; margin:0px; padding-bottom:8px;} .whole_col p.tel {padding:0px; margin:0px; color:#00853f;} .whole_col p.add a, .whole_col p.add a:visited {color:#00853f; text-decoration:underline;} .whole_col p.add a:hover, .whole_col p.add a:focus, .whole_col p.add a:active {color:#00853f; text-decoration:none;} .whole_col h3.strong {font-size:1em; font-weight:normal; color:#00853f;} .whole_col p a, .whole_col p.add a:visited {color:#00853f; text-decoration:underline;} .whole_col p a:hover {color:#00853f; text-decoration:none !Important;} .whole_col p a:focus, .whole_col p.add a:active {color:#00853f; text-decoration:none !Important;} .contactus h3.strong {padding-bottom:8px; margin-bottom:0px;} .contactus .whole_col_row {padding-top:6px; margin-top:0px; padding-bottom:11px;} .whole_col p.backtotop_up2 {text-align:right; float:left; margin-left:850px; margin-bottom:0px; margin-top:-25px; font-size:0.9em; } .whole_col p.backtotop_up2 a, .whole_col p.backtotop_up2 a:visited {font-weight:normal; color:#00853f; text-decoration:none; } .whole_col p.backtotop_up2 a:hover, .whole_col p.backtotop_up2 a:focus, .whole_col p.backtotop_up2 a:active {font-weight:normal; color:#00853f; text-decoration:underline !important;} .pricing_list {border: 1px solid #959595; background:url(../images/pricing_bg.png) bottom left repeat-x transparent; padding:5px; margin-left:15px; } /* Breadcrumb */ .breadcrumb {padding-top:10px; padding-bottom:13px; width:750px; float:left;} .breadcrumb ul{margin:0px; padding:0px;} .breadcrumb li{list-style:none; display:block; float:left;font-size:0.8em; background:url(../images/li_breadcrumb.png) no-repeat 0% 50%; padding-left:10px; padding-right:5px; color:#999; font-weight:bold;} .breadcrumb li a, .breadcrumb li a:visited {text-decoration:none; color:#999; font-weight:normal;} .breadcrumb li a:hover, .breadcrumb li a:focus, .breadcrumb li a:active {text-decoration:underline; color:#00853f;} .breadcrumb li.first {background:none;} /* advert space */ .ads {width:719px; float:right; background:#fff; color:#575757;} .adverts {width:718px; float:right;} .adverts .panel1 {width:228px; float:left; margin:5px 5px 0px 7px; padding:0px;} .adverts .panel2 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .adverts .panel3 {width:228px; float:left; margin:5px 5px 0px 5px; padding:0px;} .infobox2_top {width:228px; background:url(../images/infobox_top.png) no-repeat 0 0; min-height:12px; float:left;} .infobox2 {width:228px; background:url(../images/infobox.png) bottom left repeat-y transparent; float:left; min-height:110px;} .infobox2 img {float:left; padding:0px 5px 5px 8px;} .infobox2 h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px 10px 0px 15px; font-weight:normal;} .infobox2 h3 {font-size:1em; color:#00853f; margin:0px; padding:5px 10px 0px 15px; font-weight:normal;} .infobox2 p {padding:0px 10px 0px 15px; margin:0px; font-size:0.85em !important; color:#575757;} .infobox2 p a {text-decoration:none; color:#00853f; font-weight:normal;} .infobox2 p a:hover, .infobox p a:focus, .infobox p a:active {text-decoration:underline;} .infobox2 p a.home_link {text-decoration:none; color:#00853f; font-weight:normal; padding-left:10px; background:url(../images/li_breadcrumb.png) no-repeat 0em 0.5em transparent;} .infobox2 p a.home_link:hover, .infobox2 p a.home_link:focus, .infobox2 p a.home_link:active {text-decoration:underline;} .infobox2_bottom {width:228px; background:url(../images/infobox_bottom.png) no-repeat 0 0; min-height:13px;; float:left;} .telephone {width:348px; height:70px; float:left; background:url(../images/ad_bg.png) bottom left repeat-x transparent; padding-bottom:20px; border-bottom: 1px solid #959595; border-right: 1px solid #959595; border-left: 1px solid #959595; padding: 5px 0px 5px 10px; } .telephone img {float:right; padding: 5px 5px 5px 10px;} .telephone a, .telephone a:visited {text-decoration:none; color:#00853f; font-weight:normal;} .telephone a:hover, .telephone a:focus, .telephone a:active {text-decoration:underline; color:#00853f;} .email {width:338px; height:70px; float:right; background:url(../images/ad_bg.png) bottom left repeat-x transparent; padding-bottom:20px; border-bottom: 1px solid #959595; border-right: 1px solid #959595; padding: 5px 10px 5px 10px;} .email img {float:left; padding: 5px;} .email a, .email a:visited {text-decoration:none; color:#00853f; font-weight:normal;} .email a:hover, .email a:focus, .email a:active {text-decoration:underline; color:#00853f;} .news_home {width:717px; float:right; background:#fff; color:#575757; background:url(../images/ad_bg.png) bottom left repeat-x transparent; border-bottom: 1px solid #959595; border-right: 1px solid #959595; border-left: 1px solid #959595;} .news_home h2 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-left:10px; padding-right:0px; margin:0px; font-weight:bold; padding-top:6px; padding-bottom:0px;} .news_home p {color:#575757; font-family:Arial, Helvetica, sans-serif; padding-left:10px; margin-top:5px; margin-bottom:10px;} .news_home a, .news_home a:visited {text-decoration:none; color:#00853f; font-weight:normal;} .news_home a:hover, .news_home a:focus, .news_home a:active {text-decoration:underline; color:#00853f;} .scheme_home {width:210px; float:left; background:#fff; color:#575757; margin-left:5px; margin-right:5px; margin-top:5px;} .scheme_home p {font-size: 0.8em} /* Mid col - 2 columns */ .mid_col {width:490px; float:left; background:#ffffff; padding-bottom:0px; padding:0px; margin:0px;} .bg {background:url(../images/mid_line_single.gif) left top transparent repeat-y;} .mid_col_bot {padding-bottom:0px; float:left; margin-bottom:0px;} .mid_col_bot_line {background:url(../images/bg_mid_col_bot_line.gif) no-repeat bottom left; margin:0px; padding-bottom:13px; float:left;} .mid_col_figure {float:right; margin-left:10px; margin-bottom:10px; padding-top:2px;} .mid_col_banner {float:left; width:455px; min-height:100px; background:#b7cec4;} .mid_col h1 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; padding-left:15px; padding-right:10px; padding-bottom:5px; margin:0px; font-weight:bold;} .mid_col h2 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-left:15px; padding-right:0px; margin:0px; font-weight:bold; padding-top:2px; padding-bottom:4px;} .mid_col h3 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-left:15px; padding-right:0px; margin:0px; font-weight:normal; padding-top:0px; padding-bottom:0px;} .mid_col p {font-size:0.95em; color:#464646; padding-left: 15px; padding-right: 10px;} .mid_col p.intro {color:#00853f; font-size:1.1em;} .mid_col p.intro_short {width:680px;} .mid_col_long p {font-size:0.95em; color:#464646;} .mid_col_long p.intro {color:#00853f; margin:0px; font-size:1.1em;} .mid_col_long p.intro_short {color:#00853f; width:454px; font-size:1.1em; font-weight:bold;} .mid_col .text {padding-left:0px; padding-right:10px; padding-top:0px; padding-bottom:0px; width:479px;float:left;} /* Mid col long - 1 column */ .mid_col_long {width:700px; float:left; background:#ffffff;} .mid_col_bot_long { padding-bottom:0px; float:left; margin-bottom:0px;} .mid_col_bot_long2 { padding-bottom:0px; float:left; margin-bottom:0px;} .mid_col_long .mid_col_figure {float:right; margin-left:10px; margin-bottom:10px; padding-top:2px;} .mid_col_long .mid_col_banner {float:left; width:455px; min-height:100px; background:#b7cec4;} .mid_col_long h1 {color:#00853f; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:10px; font-weight:bold; padding-bottom:10px; margin:0px;} .mid_col_long .text {padding-left:15px; padding-right:10px; padding-bottom:0px; float:left; width:600px;} .mid_col_long h2 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-left:0px; padding-right:0px; margin:0px; font-weight:normal; padding-top:2px; padding-bottom:4px; font-weight:bold;} .mid_col_long h3 {color:#00853f; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-left:0px; padding-right:0px; margin:0px; font-weight:normal; padding-top:0px; padding-bottom:0px;} /* Intro col + request col */ .intro_col {width:454px; float:left; background:#ffffff; margin-bottom:-15px;} .intro_col h1 {color:#00853f; font-size:1.4em; padding:0px; padding-left:15px; padding-right:10px; margin:0px; font-weight:bold;} .request_col {width:238px; float:right; background:#ffffff; padding:0px 0px 10px 0px; margin-top:-30px; margin-right:4px;} .request_col_box {margin-left:10px; margin-right:0px; width:238px; } .request_col_top {background:url(../images/bg_qbox_top_white.gif) no-repeat top left; padding-top:10px;} .request_col_mid {background:url(../images/bg_qbox_mid_white.gif) repeat-y top left; min-height:24px; width:238px;} .request_col_bot {background:url(../images/bg_qbox_bot_white.gif) no-repeat bottom left; padding-bottom:10px;} .request_col_mid .txt {width:170px; padding:4px 10px 0px 10px; float:left; min-height:20px;} .request_col_mid .txt a.request {color:#00853f; font-size:1.1em; font-weight:bold; margin:0px; padding:0px; text-decoration:none;} .request_col_mid .txt a:hover {text-decoration:underline;} .request_col_mid .arrow {width:19px; float:right; text-align:left; padding:4px 5px 0px 0px; } .request_col_mid .arrow img {border:none; } /* Ordered Lists */ .mid_col ol {margin:0px; padding:0px; padding:10px 10px 10px 25px; } .mid_col_long ol {margin:0px; padding:0px; padding:5px 10px 10px 25px; } .mid_col_long ol.faqs {margin:0px; padding:0px; padding:22px 10px 10px 25px; } .mid_col ol li, .mid_col_long ol li { margin:0px; padding:0px 0px 10px 0px; color:#464646; text-indent:0px; color:#00853f; font-weight:bold; vertical-align:top;font-size:1em;} .mid_col ol li a, .mid_col_long ol li a:visited, .mid_col_long ol li a, .mid_col_long ol li a:visited{text-decoration:none; color:#00853f; } .mid_col_long ol li a:hover, .mid_col_long ol li a:focus, .mid_col_long ol li a:active, .mid_col ol li a:hover, .mid_col ol li a:focus, .mid_col ol li a:active {text-decoration:underline;} .mid_col ol li p, .mid_col_long ol li p {padding:0px; margin:0px; padding:0px 0px 0px 0px; color:#333333; font-weight:normal; width:560px; font-size:1em !important; } .mid_col_long ol li p.backtotop {text-align:right; width:660px; font-size:1em; padding:0px; margin:0px;} .mid_col_long ol li a.heading {width:560px; display:block;} /* Right Col - content */ .right_col {width:215px; float:right; min-height:100%; padding:10px 0px 10px 0px; border-left: 1px solid #959595;} .right_col_ad {width:215px; float:right; min-height:100%; padding:50px 0px 10px 10px;} .right_col2 {width:215px; float:right; min-height:100%; height:485px; padding:10px 0px 10px 0px; border-left: 1px solid #959595;} .right_col3 {width:215px; float:right; min-height:100%; height:465px; padding:10px 0px 10px 0px; border-left: 1px solid #959595;} .right_col_video {width:226px; float:right; height:450px; z-index:999; padding:10px 0px 10px 0px;} .right_col_box2 {margin-left:10px; margin-right:10px; width:210px;} .right_col_box {margin-left:0px; margin-right:0px; width:210px;} .right_col_mid {min-height:50px; width:210px;} .right_col_mid .txt {width:130px; padding:0px 10px 0px 10px; min-height:55px; float:left; font-size:0.8em; color:#959595; margin-bottom:5px;} .right_col_mid .txt a, .right_col_mid .txt a:visited {color:#959595; font-size:1.4em; font-weight:bold; margin:0px; padding:0px; text-decoration:none;} .right_col_mid .txt a:hover, .right_col_mid .txt a:focus, .right_col_mid .txt a:active {text-decoration:underline;} .right_col_mid .txt2 {width:195px; padding:0px 10px 0px 10px; min-height:55px; float:left; font-size:0.8em; color:#959595; margin-bottom:5px;} .right_col_mid .txt2 a, .right_col_mid .txt2 a:visited {color:#00853f; font-size:1.1em; margin:0px; padding:0px; text-decoration:none;} .right_col_mid .rhc_link {width:200px; padding:0px 10px 0px 10px; float:left; font-size:0.9em; color:#00853f; margin-bottom:5px;} .right_col_mid .rhc_link a, .right_col_mid .rhc_link a:visited {color:#00853f; font-size:1em; margin:0px; padding:0px; text-decoration:none;} .right_col_mid .rhc_link a:hover, .right_col_mid .rhc_link a:focus, .right_col_mid .rhc_link a:active {text-decoration:underline;} .right_col_mid .rhc_link h2 {color:#959595; font-size:1.4em; font-weight:bold; margin:0px; padding:0px;} .rightcol_panel_mid .txt p {font-size:0.95em; color:#666; margin:0px; padding-bottom:5px;} .rightcol_panel_mid .txt ul {font-size:0.95em; color:#666666; margin:0px; padding-bottom:5px;} .right_col_mid .right_icon {width:50px; min-height:50px; float:right; text-align:left; padding:0px 0px 5px 0px;} .right_col_mid .right_icon img {border: 0px none;} /* middle expandable boxes */ .panel { position: absolute; bottom: 0px; right: 4px; width: 154px; height: 24px; background: url(../images/open_close_panel.png) no-repeat; cursor: pointer; } /*.panel span { color: #ffa02f; font-size: 12px; font-weight: bold; background: url(../images/arrow_down.png) right no-repeat; display: block; width: 120px; margin: 5px 0 0 10px; }*/ .panel span { color: #ffa02f; font-size: 12px; font-weight: bold; display: block; width: 120px; } .panel span a { color: #ffa02f; } .panel span.active { background: url(../images/arrow_up.png) right no-repeat; } .middle { width: 492px; float: left; margin: 0px 0px 0px 5px; padding-bottom: 10px; } .middle .cnt01 { width: 471px; float: left; margin-left: 11px; } .slider { width: 471px; background: url(../images/grey_big_box_top.png) top no-repeat; padding-top: 3px; padding-bottom: 10px; } .slider .cell { background: url(../images/grey_big_box.png) bottom no-repeat; } .slider .cell .inner { height: 40px; width: 465px; margin-left: 4px; color: #FFF; position: relative; } .slider .cell .inner h2 { padding: 3px 0px 0px 10px; font-weight: normal; color: #454545; } .slider .cell .inner p { padding: 0px 20px 0px 10px; font-size: 1em; } .slider .cell .inner a {text-decoration:underline; color:#00853f; } .slider .cell .inner a:hover, .slider .cell .inner a:focus, .slider .cell .inner a:active {text-decoration:none;} .slider .cell .inner a:visited {text-decoration:underline; color:#00853f; width:100%;} .slider .cell .sf1 { background: url(../images/icons/icon_sf01.png) left top no-repeat; } .slider .cell .sf2 { background: url(../images/icons/icon_sf02.png) left top no-repeat; } .slider .cell .sf3 { background: url(../images/icons/icon_sf03.png) left top no-repeat; } .slider .cell .sf4 { background: url(../images/icons/icon_sf04.png) left top no-repeat; } .slider .cell .sf5 { background: url(../images/icons/icon_sf05.png) left top no-repeat; } .slider .cell .sf6 { background: url(../images/icons/icon_os01.png) left top no-repeat; } .slider .cell .sf7 { background: url(../images/icons/icon_os02.png) left top no-repeat; } .slider .cell .sf8 { background: url(../images/icons/icon_os03.png) left top no-repeat; } .slider .cell .sf9 { background: url(../images/icons/icon_os04.png) left top no-repeat; } .slider .cell .slide_wt { width: 459px; background: url(../images/slider_white_top.png) top no-repeat; padding: 10px 0px; margin-left: 5px; display: none; } .slider .cell .slide_wt .int { background: #FFF url(../images/slider_white_bottom.png) bottom no-repeat; padding: 1px 5px 10px 5px; height: 100%; } .slider .cell .slide_wt .int ul.payment { width: 100%; float: left; padding-bottom: 10px; margin-bottom: 10px; } .slider .cell .slide_wt .int ul.payment li { width: 210px; float: left; font-weight: bold; padding-top: 5px; } .slider .cell .slide_wt .int h3 { font-weight: bold; padding-bottom: 10px; } .slider .cell .slide_wt .int ul.pay { padding: 0px 0px 10px 20px; } .slider .cell .slide_wt .int p { font-size: 1em; } .slider .cell .slide_wt .int a {text-decoration:underline; color:#00853f; } .slider .cell .slide_wt .int a:hover, .slider .cell .slide_wt .int a:focus, .slider .cell .slide_wt .int a:active {text-decoration:none;} .slider .cell .slide_wt .int a:visited {text-decoration:underline; color:#00853f; width:100%;} .slider .cell .slide_wt .cards { text-align: center; } /* Showcases */ p.link, div.right_col p.link {background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; padding:0px; margin:0px; padding-left:15px; color:#00853f; font-weight:bold; padding-top:0px; margin-top:0px; float:left;} p.link a, div.right_col p.link a, p.link a:visited, div.right_col p.link a:visited {text-decoration:none; color:#00853f;} p.link a:hover, p.link a:focus, p.link a:active, div.right_col p.link a:hover, div.right_col p.link a:focus, div.right_col p.link a:active {text-decoration:underline;} .mid_line {background:url(../images/mid_line_single.gif) left top transparent repeat-y; float:left; min-height:40px;} .mid_line_long {background:url(../images/mid_line3.gif) center top transparent repeat-y; float:left;} .mid_line_long1 {background:url(../images/mid_line1.gif) center top transparent repeat-y; float:left;} .brdr_right {border-right:2px solid #c3c8c6; float:left;} .showcase .img {float:left;} /* Showcase 2 */ .showcase_set_2 {width:717px; background:url(../images/bg_mid_col_bot_line_long.gif) no-repeat bottom left; padding-bottom:13px; float:left;} .showcase_2 {width:241px; float:left;} .showcase_2_head_top {width:226px; min-height:27px; padding:8px 0px 0px 15px;} .showcase_2_head_top h2, .showcase_2_last_head_top h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px; padding-top:3px;} .showcase_2_head_top h2 a, .showcase_2_head_top h2 a:visited {color:#00853f; text-decoration:none;} .showcase_2_head_top h2 a:hover, .showcase_2_head_top h2 a:focus, .showcase_2_head_top h2 a:active {color:#00853f; text-decoration:underline;} .showcase_2_body {min-height:45px; padding:17px 10px 0px 15px;} .showcase_2_body p {margin:0px; padding-bottom:5px;} .showcase_2_body a {text-decoration:none; color:#00853f; font-weight:normal;} .showcase_2_body a:hover {text-decoration:underline; color:#00853f;} .showcase_2_body p.link a {text-decoration:none; color:#00853f; width:100%; margin-top:5px; font-weight:normal;} .showcase_2_body p.link a:hover {text-decoration:underline; color:#00853f; width:100%;} .showcase_2_body p.link {background:url(../images/li_breadcrumb.png) no-repeat 0px 0.4em transparent; padding:0px; margin:0px; padding-left:10px; color:#00853f; font-weight:normal; padding-top:0px; margin-top:0px; width:100%;} .showcase_2_last {width:230px; float:left;} .showcase_2_last .showcase_2_head_top {width:216px} /* Showcase 4 */ .showcase_set_4{} .showcase_4 {margin-left:15px; width:600px; float:left; border: 1px solid #959595;} .showcase_4_head_top {width:585px; min-height:30px; background:url(../images/contactus_background.png) repeat-x bottom left #ffffff; padding:8px 0px 0px 15px; border-bottom: 1px solid #959595;} .showcase_4_head_top h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px; padding-top:3px; font-weight:bold;} .showcase_4_head_top h2 a, .showcase_4_head_top h2 a:visited {color:#00853f; text-decoration:none;} .showcase_4_head_top h2 a:hover, .showcase_4_head_top h2 a:focus, .showcase_4_head_top h2 a:active {color:#00853f; text-decoration:underline;} .showcase_4_body {min-height:10px; padding:8px 15px 0px 15px; float:left; width:550px;} .showcase_4_body img {float:right; margin-right:8px; margin-bottom:5px; padding-top:2px;} .showcase_4_body p.link {background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; padding-left:15px; color:#00853f; font-weight:bold; padding-top:0px; margin-top:10px;} .showcase_4_body p {padding:0px; margin:0px; padding-bottom:5px; padding-top:5px;} .showcase_4_body h3 {font-size:1em; color:#00853f; margin:0px; margin-top:5px; padding:0px; padding-top:5px; font-weight:bold; margin-bottom:-3px;} .showcase_4_body a, .showcase_4_body a:visited {color:#00853f; padding-top:0px; margin-top:0px; font-size:1em; text-decoration:none;} .showcase_4_body a:hover, .showcase_24_body a:focus, .showcase_4_body a:active {text-decoration:underline;} /* Showcase 3 */ .showcase_set_3{} .showcase_3 {margin-left:15px; width:465px; float:left; border: 1px solid #959595;} .showcase_3_head_top {width:450px; min-height:30px; background:url(../images/contactus_background.png) repeat-x bottom left #ffffff; padding:8px 0px 0px 15px; border-bottom: 1px solid #959595;} .showcase_3_head_top h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px; padding-top:3px; font-weight:bold;} .showcase_3_head_top h2 a, .showcase_3_head_top h2 a:visited {color:#00853f; text-decoration:none;} .showcase_3_head_top h2 a:hover, .showcase_3_head_top h2 a:focus, .showcase_3_head_top h2 a:active {color:#00853f; text-decoration:underline;} .showcase_3_body {min-height:10px; padding:8px 15px 0px 15px; float:left; width:450px;} .showcase_3_body img {float:right; margin-right:8px; margin-bottom:5px; padding-top:2px;} .showcase_3_body p.link {background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; padding-left:15px; color:#00853f; font-weight:bold; padding-top:0px; margin-top:10px; width:419px;} .showcase_3_body p {padding:0px; margin:0px; padding-bottom:5px; padding-top:5px; width:380px; float:left;} .showcase_3_body h3 {font-size:0.9em; color:#00853f; margin:0px; padding:0px; padding-top:5px; font-weight:bold; margin-bottom:-3px; width:100%;} .showcase_3_body a, .showcase_3_body a:visited {color:#00853f; padding-top:0px; margin-top:0px; font-size:1em; text-decoration:none;} .showcase_3_body a:hover, .showcase_3_body a:focus, .showcase_3_body a:active {text-decoration:underline;} /* Clear boxes */ .clearbox {padding-left:15px;} .clearbox_top {background:url(../images/bg_clearbox_top.gif) top left no-repeat transparent; padding-top:9px;} .clearbox_mid {background:url(../images/bg_clearbox_mid.gif) repeat-y top left transparent; min-height:20px; width:464px; float:left;} .clearbox_bot {background:url(../images/bg_clearbox_bottom.gif) bottom left no-repeat transparent;padding-bottom:9px; float:left; margin-top:10px;} .clearbox_mid p {width:320px; padding-left:20px; margin:0px; padding-bottom:10px;} .clearbox_mid p.link {margin-top:5px; padding-bottom:5px; /*margin-left:20px !important;*/ margin-bottom:10px !important; width:360px; padding-left:35px !important; background-position: 20px 0.25em !important;} .clearbox_mid p.link a {text-decoration:underline; color:#00853f; width:300px;} .clearbox_mid p.link a:active {text-decoration:underline; color:#00853f; width:300px;} .clearbox_mid p.link a:hover {text-decoration:none; color:#00853f; width:300px;} .clearbox_mid p.link a:visited {text-decoration:underline; color:#00853f; width:300px;} .clearbox_mid h2 a, .clearbox_mid h2 a:visited {color:#00853f; text-decoration:none;} .clearbox_mid h2 a:hover, .clearbox_mid h2 a:focus, .showcase_2_head_top h2 a:active {color:#00853f; text-decoration:underline;} .clearbox_content {width:360px; float:left;} .icon {width:66px; height:66px; padding-right:10px; float:right;} #start {background:url(../images/1_Getting-Started.gif) top left no-repeat transparent; position:relative;} #dev {background:url(../images/2_Dev_Support-Centre.gif) top left no-repeat transparent; position:relative;} #self {background:url(../images/3_Self-Service.gif) top left no-repeat transparent; position:relative;} #self2 {background:url(../images/4_Self-Service2.gif) top left no-repeat transparent; position:relative;} #account {background:url(../images/5_Manage-Your-Account.gif) top left no-repeat transparent; position:relative;} #contact {background:url(../images/6_Contact-Us.gif) top left no-repeat transparent; position:relative;} #important {background:url(../images/7_Important-Information.gif) top left no-repeat transparent; position:relative;} #action {background:url(../images/8_Action-Rquired.gif) top left no-repeat transparent; position:relative;} #info {background:url(../images/9_General-Information.gif) top left no-repeat transparent; position:relative;} #left {background:url(../images/10_Arrow-Left.gif) top left no-repeat transparent; position:relative;} #right {background:url(../images/11_Arrow-Right.gif) top left no-repeat transparent; position:relative;} #enquire {background:url(../images/12_Enquire-Now.gif) top left no-repeat transparent; position:relative;} #online {background:url(../images/13_RBS-WordPay-Online.gif) top left no-repeat transparent; position:relative;} #online2 {background:url(../images/14_RBS-WordPay-Online2.gif) top left no-repeat transparent; position:relative;} #f2f {background:url(../images/15_RBS-WordPay-Face-to-Face.gif) top left no-repeat transparent; position:relative;} #moto {background:url(../images/16_RBS-WordPay-Moto.gif) top left no-repeat transparent; position:relative;} #fraud {background:url(../images/17_Fraud.gif) top left no-repeat transparent; position:relative;} #account2 {background:url(../images/18_Merchant-Account.gif) top left no-repeat transparent; position:relative;} #recurring {background:url(../images/19_Recurring-Payments.gif) top left no-repeat transparent; position:relative;} #global {background:url(../images/20_International.gif) top left no-repeat transparent; position:relative;} #news {background:url(../images/21_News_Media.gif) top left no-repeat transparent; position:relative;} #features {background:url(../images/22_Features_Benefits.gif) top left no-repeat transparent; position:relative;} #promo {background:url(../images/23_Special-Offer_-Promotion.gif) top left no-repeat transparent; position:relative;} #paypal {background:url(../images/paypal_icon.gif) top left no-repeat transparent; position:relative;} #login {background:url(../images/login.gif) top left no-repeat transparent; position:relative;} #testlogin {background:url(../images/test-login.gif) top left no-repeat transparent; position:relative;} #icon {background:url(../images/icon.gif) top left no-repeat transparent; position:relative;} #icon1 {background:url(../images/icon1.gif) top left no-repeat transparent; position:relative;} #icon2 {background:url(../images/icon2.gif) top left no-repeat transparent; position:relative;} #icon3 {background:url(../images/icon3.gif) top left no-repeat transparent; position:relative;} #icon4 {background:url(../images/icon4.gif) top left no-repeat transparent; position:relative;} #icon5 {background:url(../images/icon5.gif) top left no-repeat transparent; position:relative;} #icon6 {background:url(../images/icon6.gif) top left no-repeat transparent; position:relative;} /* Media images */ .news_media {padding-top:22px; padding-bottom:0px; padding-left:10px; color:#333333; float:left;} .news_img {width:82px; height:89px; float:left; padding-right:18px;} .news_txt {width:313px; float:left; padding:5px 10px 20px 0px;} .news_media h2 {font-size:1.1em; color:#00853f; margin:0px; padding:0px; float:left; font-weight:bold;} .news_media a, .news_media a:visited {float:left; color:#00853f; font-weight:bold; padding-top:0px; margin-top:0px; font-size:1em; text-decoration:none;} .news_media a:hover, .news_media a:focus, .news_media a:active {text-decoration:underline;} .news_media p {padding:0px; margin:0px; padding-bottom:5px; padding-top:0px; color:#00853f; float:left;} .news_media p.date {color:#464646; margin-bottom:5px;} .news_media p.link {background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; padding-left:15px; color:#00853f; font-weight:bold; padding-top:0px; margin-top:10px; margin-bottom: 10px;} /* fadecontent index */ .fadecontent_wrap {width:680px; float:left; margin-top:23px; margin-left:15px; padding-bottom:0px;;} .fadecontentwrapper{position: relative; width: 455px; min-height: 440px; float:left; overflow:hidden /*border:1px solid red;*/ } .fadecontenttoggler{width: 223px; min-height:260px; overflow: hidden; border-bottom: 1px solid #c3c8c6; border-top: 1px solid #c3c8c6; border-right: 1px solid #c3c8c6;} .fadecontenttoggler ul {margin:0px; padding:0px;} .fadecontenttoggler ul li {list-style:none; display:block; width:225px; background:none;} .fadecontenttoggler a{text-decoration: none; padding: 0 5px; display: block; font-weight: bold; color: #00853f; min-height:8px; padding-left:16px; padding-top:8px; padding-bottom:8px; font-size:0.9em;} .fadecontenttoggler a:hover, .fadecontenttoggler a:focus, .fadecontenttoggler a:active{background:url(../images/fader_bg.png) bottom left repeat-x #959595; min-height:8px; color: white; padding-left:16px; padding-top:8px; padding-bottom:8px;} .fadecontenttoggler a.selected{background: #00853f; color: white;} .fadecontent{ /*position: absolute;*/ min-height:400px; background: white; padding: 20px 10px 10px 10px; /*visibility:hidden;*/ width: 433px; border: 1px solid #c3c8c6;} .fadecontent h2 {margin:0px; padding:0px; color: #00853f;} .fadecontent a {text-decoration:underline; color:#00853f; } .fadecontent a:hover, p.client a:focus, p.client a:active{text-decoration:none; } .fadecontent p {padding:5px 0px 5px 0px; margin:0px;} .fadecontent p.intro {font-size:1.2em; color:#00853f; font-weight:normal;} .fadecontent p.signature {color:#00853f;} .fade_backtotop {text-align:right; font-size:0.9em;} /* glossary */ ul.glossary {width:630px; float:left; margin:0px; padding:0px; display:block; padding-left:23px;} ul.glossary li {display:block; float:left; background:url(../images/li_glossary.gif) 0% 50% no-repeat transparent; padding-left:8px; padding-right:5px;color:#464646;} ul.glossary li.first {background:none; padding-left:0px;} ul.glossary li a {color:#00853f; text-decoration:none; font-weight:bold;} ul.glossary li a:hover, ul.glossary li a:focus, ul.glossary li a:active {text-decoration:underline;} /* Table styling */ table {font-size:1em; margin-bottom:10px;} table th { font-weight:normal; padding-top:10px; padding-bottom:10px;} table td {color:#464646;} th.left_head {width:70px; padding-left:15px;} table td {width:83px; padding-right:10px; text-align:left;} table td {padding-top:6px; padding-bottom:6px; vertical-align:top;} table tr.green {background:#e5ffd1;} table a {color:#00853f; text-decoration:none; font-weight:normal;} table a:hover, table a:focus, table a:active {text-decoration:underline;} /* Table styling */ table.faqs {font-size:0.9em; margin-bottom:10px; border: 1px solid #959595;} table.faqs th { font-weight:bold; color:#fff; padding-top:5px; padding-bottom:5px; background:#7ac143;} table.faqs td {color:#464646; border: 1px solid #959595;} th.faqs {padding-left:15px;} table.faqs td {padding-right:10px; text-align:left;} table.faqs td {padding-top:6px; padding-bottom:6px;} table.faqs a {color:#00853f; text-decoration:none; font-weight:normal;} table.faqs a:hover, table.faqs a:focus, table.faqs a:active {text-decoration:underline;} /* Search - Country */ .search_country_form input.country_but {margin-bottom:-1px; vertical-align: bottom;} .search_country_form input#country {border: 1px solid #7f9db9; width:181px; font-size:0.9em; padding:2px; margin-bottom:5px; margin-right:3px; color:#464646;} .search_country_form label {color:#00853f; font-size:0.9em; font-weight:bold; float:left; margin-top:-0.2em;} .search_country_form .leftside {float:left; min-width:60px; padding-top:5px; padding-right:10px } .search_country_form .rightside {float:left; width:343px; padding-bottom:20px;} form.country_search_form {display:block; float:left;} .search_country_form {float:left; padding:0px; width:400px; margin:0px; padding-top:5px;} .search_country_form p {padding:0px; margin:0px; padding-bottom:5px; padding-top:5px;} form.country_search_form {display:block; float:left; width:690px;} .country_links {float:left; width:343px} .country_links p {float:left; padding-right:20px; padding-left:15px; padding-top:5px;} .search_country_form a, .search_country_form a:visited {float:left; padding-right:20px; padding-left:15px; background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; color:#00853f; font-weight:bold; padding-top:0px; margin-top:0px; font-size:0.9em; text-decoration:none;} .search_country_form a:hover, .search_country_form a:focus, .search_country_form a:active {text-decoration:underline;} /* Products and services */ .map {background:url(../images/bg_map.gif) bottom right no-repeat transparent; width:479px; float:right; margin-bottom:-5px;} /* Products and services - Search */ .prod_form {width:444px; margin-left:15px; float:left;} .prod_form input.country_but {vertical-align:top; padding:0px 0px 0px 0px; margin-left:3px;} .prod_form select#country {width:181px; font-size:0.95em; margin-right:3px; color:#464646; margin-top:2px; margin-bottom:3px;} .prod_form label {color:#00853f; font-size:0.9em; font-weight:bold; float:left;display:inline; padding-bottom:3px; } .prod_form .leftside {float:left; min-width:60px; padding-top:5px; padding-right:10px } .prod_form .rightside {float:left; width:343px; padding-bottom:20px;} form.country_search_form {display:block; float:left;} .prod_form p {padding:0px; margin:0px; padding-bottom:5px; padding-top:5px;} form.country_search_form {display:block; float:left; width:690px;} .country_links {float:left; width:343px} .country_links p {float:left; padding-right:20px; padding-left:15px; padding-top:5px;} .prod_form a, .prod_form a:visited {float:left; padding-right:20px; padding-left:15px; background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; color:#00853f; font-weight:bold; padding-top:0px; margin-top:0px; font-size:0.9em; text-decoration:none;} .prod_form a:hover, .prod_form a:focus, .prod_form a:active {text-decoration:underline;} /* home selector */ .prod_form1 {margin-left:10px; float:left;} .prod_form1 input.country_but {vertical-align:top; padding:0px 0px 0px 0px; margin-left:3px;} .prod_form1 select#country {width:181px; font-size:0.95em; margin-right:3px; color:#464646; margin-top:2px; margin-bottom:3px;} .prod_form1 label {color:#00853f; font-size:0.9em; font-weight:bold; float:left;display:inline; padding-bottom:3px; } .prod_form1 .leftside {float:left; padding-top:5px; padding-right:10px } .prod_form1 .rightside {float:left; padding-bottom:20px;} form.country_search_form {display:block; float:left;} .prod_form1 p {padding:0px; margin:0px; padding-bottom:5px; padding-top:5px;} form.country_search_form {display:block; float:left; width:690px;} .country_links {float:left;} .country_links p {float:left; padding-right:20px; padding-left:15px; padding-top:5px;} .prod_form1 a, .prod_form a:visited {float:left; padding-right:20px; padding-left:15px; background:url(../images/link_arrow.gif) no-repeat 0em 0.25em transparent; color:#00853f; font-weight:bold; padding-top:0px; margin-top:0px; font-size:0.9em; text-decoration:none;} .prod_form1 a:hover, .prod_form a:focus, .prod_form a:active {text-decoration:underline;} /* Form styling */ .content_form {float:left; width:490px; padding-left:5px;} .content_form2 {float:left; width:480px; padding-left:15px;} .content_form, {width:490px; padding-left:15px;} .content_form form {color:#575757; float:left;} .content_form2 form {color:#575757; padding-left:5px; float:left; width:460px; border: 1px solid #959595; margin-bottom:10px;} .content_form3 form {color:#575757; padding-left:5px; margin-left:25px; width:460px; border: 1px solid #959595;} .content_form form div.textarea{width:480px;} .content_form2 form div.textarea, .content_form3 form div.textarea {width:460px;} .content_form form div.left, .content_form2 form div.left, .content_form3 form div.left {width:200px; float:left;} .content_form form div.right, .content_form2 form div.right, .content_form3 form div.right {width:260px; float:left;} .content_form form div.leftside, .content_form2 form div.leftside, .content_form3 form div.leftside {width:200px; float:left; margin-bottom:8px; padding-right:5px;} .content_form form div.rightside, .content_form2 form div.rightside, .content_form3 form div.rightside {width:250px; float:left; margin-bottom:8px;} .content_form form select, .content_form2 form select, .content_form3 form select {border:1px solid #00853f; width:auto; color:#464646; font-size:1em;} .content_form form input, .content_form2 form input, .content_form3 form input {border:1px solid #00853f; width:190px; color:#464646; padding:2px; font-size:1em;} .content_form form textarea, .content_form2 form textarea, .content_form3 form textarea {border:1px solid #00853f; width:395px; color:#464646; padding:2px; font-size:1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} .content_form form input.rad, .content_form2 form input.rad, .content_form3 form input.rad {width:auto; border:none; margin-left:0px !important;} .content_form form input.chk, .content_form2 form input.chk, .content_form3 form input.chk {width:auto; border:none; margin-left:0px !important;} .content_form form input.button, .content_form2 form input.button, .content_form3 form input.button {float:right; border:none; padding-right:10px; padding-bottom:5px;width:auto;} .content_form form div.leftside label, .content_form form div.rightside label {float:left; margin:0px; padding:0px; padding-bottom:5px; color:#575757; font-size:1em;} .content_form2 form div.leftside label, .content_form2 form div.rightside label {float:left; margin:0px; padding:0px; padding-bottom:5px; color:#575757; font-size:1em;} .content_form3 form div.leftside label, .content_form3 form div.rightside label {margin:0px; padding:0px; padding-bottom:5px; color:#575757; font-size:1em;} .content_form form div.leftside label, .content_form2 form div.leftside label {padding-left:7px; float:left; width:190px; margin-top:1px;margin-bottom:0px;} .content_form form div.leftside label.req, .content_form2 form div.leftside label.req {float:left; padding-left:0px;} .content_form form div.rightside p, .content_form2 form div.rightside p {margin:0px; padding:0px; padding-bottom:5px; font-size:1em; color:#00853f;} .content_form form a, .content_form form a:visited {margin:0px; padding:0px; padding-bottom:5px; font-size:1em; color:#00853f; text-decoration:none;} .content_form2 form a, .content_form2 form a:visited {margin:0px; padding:0px; padding-bottom:5px; font-size:1em; color:#00853f; text-decoration:none;} .content_form form a:hover, .content_form form a:focus, .content_form form a:active {text-decoration:underline;} .content_form2 form a:hover, .content_form2 form a:focus, .content_form2 form a:active {text-decoration:underline;} .content_form3 form a, .content_form3 form a:visited {margin:0px; padding:0px; padding-bottom:5px; font-size:1em; color:#00853f; text-decoration:none;} .content_form3 form a:hover, .content_form3 form a:focus, .content_form3 form a:active {text-decoration:underline;} .content_form form p.validation, .content_form2 form p.validation, .content_form3 form p.validation {margin:0px; padding:0px; padding-bottom:0px; font-size:1em; color:#ff0000;} .content_form_small {border: 1px solid #959595; margin:5px;} .content_form_small .head_banner { margin:0px; min-height:25px; width:164px; background:url(../images/head_banner.png) repeat-x bottom left transparent;} fieldset {border:none; padding:0px; margin:0px; margin-bottom:0px;} fieldset .divider_grey_plain {margin-left:-15px; padding-right:34px; width:460px; } fieldset .head_banner {min-height:25px; margin-left:-5px; width:465px; background:url(../images/head_banner.png) repeat-x bottom left transparent;} fieldset .head_banner h2 {font-size:1.2em; color:#00853f; margin:0px; padding:0px; padding-top:0px; font-weight:normal; padding-left:15px; float:left;} .content_form form fieldset input.button {float:right; border:none; padding-right:10px; padding-bottom:5px; width:auto;} .content_form form fieldset input.download {float:right; border:none; padding-right:10px; padding-bottom:5px;width:auto; background:url(../images/butt_submit.gif) no-repeat 0em 0em transparent; color:#00853f; cursor: pointer;} .content_form form fieldset input.download2 {float:right; border:none; padding-right:10px; padding-bottom:5px;width:auto; background:url(../images/butt_absenden.gif) no-repeat 0em 0em transparent; color:#00853f; cursor: pointer;} .head_banner span {float:left; padding-top:2px; padding-left:10px; white-space:nowrap;} /* Content ul li styling */ ul.content {padding:0px; margin:0px; margin-left:30px; padding-bottom:5px; padding-top:5px;} ul.content li {color:#464646; font-size:1em; padding-bottom:5px;} ul.content li li{color:#464646; font-size:1em; padding-bottom:5px;} ul.content li li li{color:#464646; font-size:1em; padding-bottom:5px;} ul.content li a, ul.content li a:visited {color:#00853f; text-decoration:none;} ul.content li a:hover, ul.content li a:focus, ul.content li a:active {color:#00853f; text-decoration:underline;} ul.content2 {padding:0px; margin:0px; margin-left:10px; margin-bottom:10px;} ul.content2 li {color:#464646; font-size:1em; list-style-type:none; padding-bottom:5px; background:url(../images/li_breadcrumb.png) no-repeat 0px 0.4em transparent; padding:0px; margin:0px; padding-left:15px; color:#00853f;} ul.content2 li li{color:#464646; font-size:1em;} ul.content2 li li li{color:#464646; font-size:1em; padding-bottom:5px;} ul.content2 li a, ul.content2 li a:visited {color:#00853f; text-decoration:none;} ul.content2 li a:hover, ul.content2 li a:focus, ul.content2 li a:active {color:#00853f; text-decoration:underline;} ul.content3 {padding:0px; margin:0px; margin-left:30px; margin-bottom:5px; padding-top:0px;} ul.content3 li {color:#464646; font-size:1em; list-style-type:none; padding-bottom:5px; background:url(../images/li_breadcrumb.png) no-repeat 0px 0.4em transparent; padding:0px; margin:0px; padding-left:15px; color:#00853f;} ul.content3 li li{color:#464646; font-size:1em;} ul.content3 li li li{color:#464646; font-size:1em; padding-bottom:5px;} ul.content3 li a, ul.content3 li a:visited {color:#00853f; text-decoration:none;} ul.content3 li a:hover, ul.content3 li a:focus, ul.content3 li a:active {color:#00853f; text-decoration:underline;} /* Content ol li styling */ ol.content {padding:0px; margin:0px; margin-left:35px; padding-top:5px;} ol.content li {color:#464646; font-size:1em; font-weight:normal; padding:0px; margin:0px; padding-bottom:5px;} ol.content li li {color:#464646; font-size:1em; font-weight:normal; padding:0px; margin:0px; padding-bottom:5px;} ol.content li li li {color:#464646; font-size:1em; font-weight:normal; padding:0px; margin:0px; padding-bottom:5px;} /* accessibility */ #accessibility ul { margin: 10px 0px 16px 16px; padding: 0px } #accessibility li { margin: 0px; display: inline; padding: 0px 40px 0px 0px; } /* Tabs */ div.tabswrapper {padding-left: 15px; padding-bottom: 40px; } div.tabs {background: url(../images/bg_tabs.gif) 0 100% repeat-x transparent; width: 650px; float: left;} div.tabs ul {padding:0; margin:0; list-style: none;} div.tabs ul li {display: inline; font-size: 1em; font-weight: bold; white-space:nowrap;} div.tabs ul li a {display: block; float: left; background: url(../images/bg_tabs_li_a.gif) 100% -101px no-repeat transparent; padding-right: 7px; color: #00853f; text-decoration: none;border-bottom: 1px solid #cccccc; cursor: pointer;} div.tabs ul li a span {display: block; float: left; background: url(../images/bg_tabs_li_a_span.gif) 0 -101px no-repeat transparent;padding: 5px 2px 5px 7px; } div.tabs ul li a:hover, div.tabs ul li a:active, div.tabs ul li a:focus, div.tabs ul li a.selected {background-position: 100% 0; border-bottom: none; color: #333333; } div.tabs ul li a:hover span, div.tabs ul li a:active span, div.tabs ul li a:focus span, div.tabs ul li a.selected span {background-position: 0 0; padding-bottom: 6px; } div.tabscontent { width: 650px; top: -2px; z-index: 20; position: relative;background: url(../images/bg_tabscontent.gif) 0 0 repeat-y transparent;} div.tabscontent div.bot {padding-bottom: 6px; background: url(../images/bg_tabscontent_bot.gif) 0 100% no-repeat transparent; padding-bottom: 25px;} div.tabscontent div.text {padding:0; float: none; background: url(../images/bg_tabscontent_text.gif) 100% 0 no-repeat transparent; padding-top: 25px; width: 650px;} div.tabscontent div.text div.content_form2 {padding:0; float: none; padding-top: 25px; width: 650px;} div.tabscontent div.text p {margin:0; padding: 0px 20px 10px 20px;} div.tabscontent div.text p.link a {text-decoration:none; color:#00853f; width:450px;} div.tabscontent div.text p.link a:hover {text-decoration:underline; color:#00853f; width:450px;} div.tabscontent div.text a:visited {text-decoration:underline; color:#00853f; width:450px;} div.tabscontent div.text p.link {background:url(../images/link_arrow.gif) no-repeat 15px 0.25em transparent; padding:0px; margin:0px; padding-left:30px; color:#00853f; font-weight:bold; float:left; padding-top:0px; margin-top:0px; width:450px;} div.tabscontent div.text ul {padding-right:30px} /* New table styles */ .showcase_3_body table {font-size:0.9em; width: 464px; margin: 0px 0;} .showcase_3_body table tr.first th {border-bottom: 1px solid #cccccc; text-align: center; color:#003366; font-weight: bold;} /*th {margin:0;padding:0;text-align:center;color:#003366;} td {margin:0;padding:0;text-align:center;} */ /*th.col {width:34px;background:url(../images/table_cellcorner_th_left.gif) 0 0 no-repeat transparent;}*/ th.coltl {background:url(../images/table_cell_row.gif) 0 100% no-repeat #e8e8e8;color:#003366;} th.coltl {background:url(../images/table_cellcorner_th_left.gif) 0 0 no-repeat transparent; border-bottom: 1px solid #cccccc;} th.colbl {text-align:left;padding-left:2px;padding-right:2px; background:url(../images/table_cellcorner_row.gif) 0 100% no-repeat;color:#003366;} th.col1 {background:url(../images/table_cell_th.gif) 100% 0 no-repeat #f5f5f5;border-left: 1px solid #cccccc;} th.col2 {background:url(../images/table_cell_th.gif) 100% 0 no-repeat #f5f5f5;} th.col3 {background:url(../images/table_cell_th.gif) 100% 0 no-repeat #f5f5f5;} th.col4 {background:url(../images/table_cellcorner_th_right.gif) 100% 0 no-repeat transparent;} th.col {text-align:left;padding-left:2px;padding-right:2px; background:url(../images/table_cell_row.gif) 0 100% no-repeat #e8e8e8;color:#003366;} td.colcorner {text-align:left;padding-left:2px;padding-right:2px; background:url(../images/table_cellcorner_row.gif) 0 100% no-repeat;color:#003366;} td.borderleft {width:1px;padding-right:0;background-color:#ccc;} td.bordertop {height:1px;padding:0;background-color:#ccc;} td.col1 {text-align:center;padding-right:0; background:url(../images/table_cell.gif) 100% 100% no-repeat transparent;color:#666;} td.col2 {text-align:center;padding-right:0; background:url(../images/table_cell.gif) 100% 100% no-repeat transparent;color:#666;} td.col3 {text-align:center;padding-right:0; background:url(../images/table_cell.gif) 100% 100% no-repeat transparent;color:#666;} td.col4 {text-align:center;padding-right:0; background:url(../images/table_cell.gif) 100% 100% no-repeat transparent;color:#666;} td.col4corner {text-align:center;padding-right:0; background:url(../images/table_cellcorner.gif) 100% 100% no-repeat transparent;color:#666;} th.col4d {font-size:1.1em;text-align:left;padding-left:4px;padding-right:2px; color:#003366; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background:url(../images/table_cellcorner_th_right.gif) 100% 0 no-repeat transparent;} th.coltld {font-size:1.1em;text-align:left;padding-left:4px;padding-right:2px; color:#003366; background:url(../images/table_cellcorner_th_left.gif) 0 0 no-repeat transparent; border-bottom: 1px solid #cccccc;} th.colblt {font-size:1.1em;text-align:left;padding-left:4px;padding-right:2px; background:url(../images/table_cellcorner_row.gif) 0 100% no-repeat #e8e8e8;color:#003366;} th.colt {font-size:1.1em; text-align:left;padding-left:4px;padding-right:2px; background:url(../images/table_cell_row.gif) 0 100% no-repeat #e8e8e8; color:#003366;} th.colt a, th.colt a:visited {font-size:1em; text-align:left;padding-left:4px;padding-right:2px; color:#003366; text-decoration: none;} th.colt a:hover, th.colt a:focus, th.colt a:active {text-decoration:underline;} td.col1t {font-size:1em; text-align:left; padding:4px; color:#666; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width:25%;} td.col2t {font-size:1em; text-align:left; padding:4px; color:#666; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width:25%;} td.col3t {font-size:1em; text-align:left; padding:4px; color:#666; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width:25%;} td.col4t {font-size:1em; text-align:left; padding:4px; color:#666; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left; width:25%;} td.col4cornert {font-size:1em; text-align:left;padding:4px; color:#666; border-left: 1px solid #cccccc; background:url(../images/table_cellcorner.gif) 100% 100% no-repeat transparent;} /*th.coltl {border: 1px solid #000; float: none;}*/ /*New Homepage Flash*/ .hm_image {position:relative; width:902px; float:left;} .hm_text {position:absolute; top:0px; left:0px; width:545px;padding:43px 0px 30px 55px;} .hm_text h1 {color:#00853f; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 7px 0px;} .hm_text p {color:#000000; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-top:0px; margin-top:0px;} .hm_image_education {position:relative; width:902px; float:left;} .hm_text_education {position:absolute; top:0px; left:0px; width:200px; padding:20px 0px 0px 10px;} .hm_text_education h1 {color:#ffffff; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 0px;} .hm_text_education p {color:#ffffff; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-top:0px; margin-top:0px;} .hm_text_pcidss {position:absolute; top:0px; left:0px; width:545px; padding:15px 0px 15px 25px;} .hm_text_pcidss h1 {color:#00853f; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 0px;} .hm_text_pcidss h2 {color:#00853f; font-size:17px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 0px;} .hm_text_pcidss p {color:#000000; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-top:0px; margin-top:0px;} p.alert {font-size:0.9em;} p.code { color: #959595; } p.status { color: #69BE28; } p.normal { font-weight: bold; color: #69BE28; } p.error { font-weight: bold; color: #ff0000; } div.line { border: none 0; border-top: 1px solid #00853f; height: 1px; } div.line hr { display: none; } /* ONLINE PAYMENTS Flash */ #op .text {width:220px;} #op p.intro {color:#00853f; font-size:1em; font-weight:normal;} #op h1 {width:220px;} #op .op-flash {float:right; margin:0; margin-top:-35px; padding:0; width:480px;} #op .op-cta-wrapper {float:left; margin:10px 0 0 0; padding:0; width:100%;} #op .op-cta-box {float:left; margin:0 0 0 0; padding:10px 0 0 0; width:240px; min-height:147px !important; height:147px; color:#fff;} #op .op-cta-box p {color:#fff; margin:10px 0 0 12px; padding:0; width:215px;} #op .op-cta-box h2 {font-weight:bold; color:#fff; margin:0 0 0 12px; padding:0;} #op .op-cta-box ul {margin:10px 0 0 26px; padding:0;} #op .op-cta-box a {color:#fff; text-decoration:none;} #op .op-cta-box ul.bg-button {float:left; margin:0; padding:9px 0 0 18px; font-weight:bold; font-size:0.95em;} #op .op-cta-box ul.bg-button {margin:0; padding:9px 0 0 18px;} #op .op-cta-box ul.bg-button li {list-style-type:none;} #op .op-cta-box ul.bgp-button {float:left; margin:0; padding:9px 0 0 18px; width:220px; font-weight:bold; font-size:0.95em;} #op .op-cta-box ul.bgp-button {margin:0; padding:9px 0 0 18px;} #op .op-cta-box ul.bgp-button li {list-style-type:none;} #op .op-cta-box ul.tailored-button {float:left; margin:0; padding:45px 0 0 18px !important; padding:25px 0 0 18px; width:200px; font-weight:bold; font-size:0.95em;} #op .op-cta-box ul.tailored-button li {list-style-type:none;} #op .op-cta-box ul.gs-button {float:left; margin:0; padding:44px 0 0 18px !important; padding:41px 0 0 18px; width:200px; font-weight:bold; font-size:0.95em;} #op .op-cta-box ul.gs-button li {list-style-type:none;} #op .bg {background:url(../images/op-box-1.jpg) 0 0 no-repeat; margin:0 2px 0 0;} #op .bgp {background:url(../images/op-box-2.jpg) 0 0 no-repeat; margin:0 2px 0 0;} #op .get-started {background:url(../images/op-box-1.jpg) 0 0 no-repeat; margin:0 2px 0 0;} #op .tailored {background:url(../images/op-box-3.jpg) 0 0 no-repeat;} #op .op-footer {float:left; margin:10px 0 0 0; padding:0 0 10px 0; width:100%;} #op ol {float:left;} #op ol li {font-size:1em; font-weight:normal;} #op .no-flash-img {float:left; margin:0; padding:0; width:100%; text-align:center;} /* Homepage flash */ #myOverlay {width:821px; height:610px; /* overlay is initially hidden */ display:none; background-image:url(../contactless/images/white.png);} /* close button (div.close element) is auto-generated by default. here it is positioned on top-right corner */ #myOverlay div.close { background:url(../contactless/images/close.png) no-repeat; position:absolute; top:15px; right:20px; width:60px; height:15px; cursor:pointer;} /* the actual content is moved little bit inside so that it doesn't overlap with the drop shadow in the overlayed image */ .flash-position {float:left; margin:33px 0 0 10px; padding:0; width:800px; height:600px;} #myOverlay2 {width:709px; height:377px;/* overlay is initially hidden */ display:none; position:absolute; background-image:url(../images/white_moto.png);} /* close button (div.close element) is auto-generated by default. here it is positioned on top-right corner */ #myOverlay2 div.close { background:url(../contactless/images/close.png) no-repeat; position:absolute; top:15px; right:20px; width:60px; height:15px; cursor:pointer;} /* the actual content is moved little bit inside so that it doesn't overlap with the drop shadow in the overlayed image */ .flash-position2 {float:left; margin:33px 0 0 10px; padding:0; width:689px; height:402px;} #myOverlay3 {width:761px; height:745px; /* overlay is initially hidden */ display:none; position:absolute; background-image:url(../images/white_pp.png);} /* close button (div.close element) is auto-generated by default. here it is positioned on top-right corner */ #myOverlay3 div.close { background:url(../contactless/images/close.png) no-repeat; position:absolute; top:15px; right:20px; width:60px; height:15px; cursor:pointer;} /* the actual content is moved little bit inside so that it doesn't overlap with the drop shadow in the overlayed image */ .flash-position3 {float:left; margin:33px 0 0 10px; padding:0; width:741px; height:710px;} #myOverlay4 {width:1015px; height:745px; /* overlay is initially hidden */ display:none; position:absolute; background-image:url(../images/white_mi.png);} /* close button (div.close element) is auto-generated by default. here it is positioned on top-right corner */ #myOverlay4 div.close { background:url(../contactless/images/close.png) no-repeat; position:absolute; top:15px; right:20px; width:60px; height:15px; cursor:pointer;} /* the actual content is moved little bit inside so that it doesn't overlap with the drop shadow in the overlayed image */ .flash-position4 {float:left; margin:33px 0 0 10px; padding:0; width:995px; height:710px;} #myOverlay5 {width:971px; height:678px; /* overlay is initially hidden */ display:none; position:absolute; background-image:url(../images/white_inst.png);} /* close button (div.close element) is auto-generated by default. here it is positioned on top-right corner */ #myOverlay5 div.close { background:url(../contactless/images/close.png) no-repeat; position:absolute; top:15px; right:20px; width:60px; height:15px; cursor:pointer;} /* the actual content is moved little bit inside so that it doesn't overlap with the drop shadow in the overlayed image */ .flash-position5 {float:left; margin:33px 0 0 10px; padding:0; width:951px; height:643px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.cashflows.com/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows/htdocs/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.dev.vcgrp.net/cashflows_2010/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}*/ /* twitter feed styles */ .twtr-hd {display:none;} .twtr-ft {display:none;} .twtr-doc {color:#464646; padding-left: 15px; padding-right: 10px;} .twtr-tweet-text p {font-size:1em; color:#464646;} .twtr-tweet-text a {font-size:1em;}