body {background-color: #fff; width: 100%; margin: 0px;padding: 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#181512; line-height: 16px; background-image: url(images/layout/bg.jpg); background-repeat: repeat-x; background-position: top left;} .nobody {background-color: #fff; width: 100%; margin: 0px;padding: 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#181512; line-height: 16px; } a {text-decoration: none;} hr {border-left: 0px; border-right: 0px; border-bottom: 0px; border: 1px dotted #000;} h1 {margin: 0px; padding: 0px;} h1 strong{display:none;} .home{background-image: url(images/layout/titles/h1_home.gif); background-repeat:no-repeat; float:left; width: 333px; height: 47px;} .taxiadvertising{background-image: url(images/layout/titles/h1_taxiadvertising.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .outdooradvertising{background-image: url(images/layout/titles/h1_outdooradvertising.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .vanadvertising{background-image: url(images/layout/titles/h1_vanadvertising.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .h1rates{background-image: url(images/layout/titles/h1_rates.gif); background-repeat:no-repeat; float:left; width: 378px; height: 37px;} .h1spec{background-image: url(images/layout/titles/h1_spec.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .h1news{background-image: url(images/layout/titles/h1_news.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .h1planning{background-image: url(images/layout/titles/h1_planning.gif); background-repeat:no-repeat; float:left; width: 378px; height: 27px;} .h1aboutus{background-image: url(images/layout/titles/h1_aboutus.gif); background-repeat:no-repeat; float:left; width: 378px; height: 37px;} .h1contactus{background-image: url(images/layout/titles/h1_contact.gif); background-repeat:no-repeat; float:left; width: 378px; height: 37px;} .h1register{background-image: url(images/layout/titles/h1_register.gif); background-repeat:no-repeat; float:left; width: 378px; height: 47px;} .h1accountsummary{background-image: url(images/layout/titles/h1_accountsummary.gif); background-repeat:no-repeat; float:left; width: 302px; height: 18px;} .smallprint {float:left;font-size: 10px; color:#3A79A3;} h2.articletitle {color:#3A79A3; font-size: 22px; line-height: 22px; margin: 0px; padding: 0px; margin-bottom: 20px;} h2.accounttitle {color:#26A683; font-size: 22px; line-height: 22px; margin: 0px; padding: 0px; margin-bottom: 20px;} #tab_nav {color: white; position: absolute; left: 0px; top: 100px; width: 30px; height: 300px; text-align:left;} #tab_nav a{float:left; width: 30px; height: 126px; background-image: url(images/layout/tab_trinity.gif); background-repeat:no-repeat;} #tab_nav a:hover{background-image: url(images/layout/tab_trinity_over.gif);} #main_container {width:915px; margin: 0px auto; padding: 0px 50px 0px 40px; text-align: left; background-image: url(images/layout/bg_header.jpg); background-repeat: no-repeat; background-position: top left;} #header {float:left; height: 163px; width:100%;} #header select{font-size: 10px; float:right; margin-top: 100px;} .logolink {float:left; width: 200px; height: 70px; margin-top: 80px;} #content {float:left; width:100%;} #rightcontent {float:right; width: 710px; text-align:left;} #rightcontent .flashmovie{float:left; margin: 0px; padding: 0px; width: 376px; height: 288px;} #main_latestnews {float:right; width: 388px; background-color: #fff; padding-top: 3px;} #main_latestnews span {background-image: url(images/layout/news_box.gif); background-repeat: no-repeat; float:right; width: 380px; font-size: 13px; line-height: 16px; margin-left: 10px;} #main_latestnews span img{float:left; padding: 3px; margin: 0px 15px 0px 0px;} #main_latestnews span em{font-size: 11px; margin: 0px 0px 0px 1px;} #main_latestnews span a{color:#000; font-weight: bold; background:none!important; width: 380px; text-decoration: none;} #main_latestnews span a:hover {text-decoration: underline; color:#234271;!important} #main_latestnews .thumbnail {width: 90px; height: 50px!important;} #home_latestnews {float:right; width: 332px; background-image: url(images/layout/titles/home_latestnews.gif); background-repeat: no-repeat; background-color: #fff; padding-top: 3px;} #home_latestnews span {background-image: url(images/layout/news_box.gif); background-repeat: no-repeat; float:left; width: 332px; margin-top: 20px; font-size: 13px; line-height: 16px;} #home_latestnews span img{float:left; padding: 3px; margin: 0px 15px 0px 0px;} #home_latestnews span em{font-size: 11px; margin: 0px 0px 0px 1px;} #home_latestnews span a{color:#234271; font-weight: bold; background:none!important; width: 218px;} #home_latestnews span a:hover {text-decoration: underline; color:#234271!important;} #home_latestnews .thumbnail {width: 90px; height: 50px;} #rightcontent .thumbnail {width: 90px; height: 50px;} .thumb {background-image: url(images/layout/news_box.gif); background-repeat: no-repeat; float:left; width: 110px; font-size: 11px; line-height: 16px; margin: 0px 15px 20px 0px;} .thumb img{float:left; padding: 3px; margin-bottom: 5px; border: 0px; width: 90px;} #tiles{float:left; width: 100%; margin-top: 40px; font-size: 10px; line-height: 13px;} #tiles h2{float:left; font-weight: bold; margin: 0px; font-size: 11px;} #tiles h2 a{float:left; background-color: #333333!important; color: #fff!important; padding: 0px!important; color: #fff!important; width: 220px!important; padding: 5px!important; background-image: url(images/icons/plus.gif); background-repeat: no-repeat; background-position: right; } #tiles h2 a:hover{background-image: url(images/icons/plus_over.gif); color: #9FC3E0!important;} #tiles img {width: 230px!important; height: 96px!important; margin: 0px!important; padding: 0px!important;} #tiles span{float:left; margin: 0px 10px 0px 0px; width: 230px;} #tiles span.right {margin: 0px 0px 0px 0px;} #tiles span img{float:left; margin-bottom: 10px;} a.readmore {background-image: url(../../images/icons/readmore.gif); background-repeat: no-repeat; background-position: right; float:left; width: 228px; height: 28px; background-color: none!important; margin-top: 10px; } a:hover.readmore {background-image: url(../../images/icons/readmore_over.gif);} a.readmore_long {background-image: url(../../images/icons/readmore_long.gif); background-repeat: no-repeat; background-position: right; float:right; width: 380px; height: 28px; background-color: none!important; margin: 10px 0px 30px 0px; } a:hover.readmore_long {background-image: url(../../images/icons/readmore_long_over.gif); background-repeat: no-repeat;padding: 0px!important; background-color: #fff!important; border: 0px!important;} a.pdf_long {background-image: url(../../images/icons/pdf_long.gif); background-repeat: no-repeat; background-position: right; float:left; width: 388px; height: 28px; background-color: none!important; margin: 10px 0px 20px 0px; } a:hover.pdf_long {background-image: url(../../images/icons/pdf_long_over.gif); background-repeat: no-repeat;padding: 0px!important; background-color: #fff!important; border: 0px!important;} a.certificate {background-image: url(../../images/icons/certificate.gif); background-repeat: no-repeat; background-position: left; float:left; width: 388px; height: 28px; background-color: none!important; margin: 0px 0px 0px 0px; } a:hover.certificate {background-image: url(../../images/icons/certificate_over.gif); background-repeat: no-repeat;padding: 0px!important; background-color: #fff!important; border: 0px!important;} #footer {float:left; background-image: url(images/layout/bg_footer.jpg); background-color: #E7E6E6; background-repeat: repeat-x; background-position: top left; width: 100%; text-align: center; margin-top: 30px; min-height: 170px; height: 170px;} #footer_container {background-image: url(images/layout/bg_footer_container.jpg); background-color: #E7E6E6; background-repeat: no-repeat; background-position: top center; height: 30px; width:910px; margin: 0px auto;} #footer_container .left{float:left; line-height: 15px; vertical-align: middle; width: 600px; margin-top: 25px; text-align:left;} #footer_container .left a{float:left; height: 14px; padding: 0px 20px 0px 20px; color:#181512;} #footer_container .left a.sitemap {background-image: url(images/icons/sitemap.gif); background-repeat: no-repeat;} #footer_container .left a.accessibility {background-image: url(images/icons/accessibility.gif); background-repeat: no-repeat;} #footer_container .left a.terms {background-image: url(images/icons/terms.gif); background-repeat: no-repeat;} #footer_container .left a.privacy {background-image: url(images/icons/privacy.gif); background-repeat: no-repeat;} #footer_container .right {float:right; line-height: 30px; vertical-align: middle; width: 300px; margin-top: 12px;} #footer_container .right img{float:right;} #footer_container a:hover{text-decoration: underline;} #footer_container .telephone {float:left; line-height: 15px; vertical-align: middle; width: 400px; margin-top: 25px; text-align:left; font-weight:bold; color: #011D57; line-height: 20px;} #footer_container .telephone b{color: #007BC2; font-size:16px;} #footer_container .telephone a{background-color: #B1AFAF; padding: 1px 2px; color: #fff;} #footer_container .telephone a:hover{background-color: #000; text-decoration: none;} #footer_container .address {float:right; line-height: 30px; vertical-align: middle; width: 360px; margin-top: 22px;} a.box {padding: 2px 26px 2px 7px!important; color: #000; font-weight: bold; float:right!important; background-repeat: no-repeat; background-position: right;} a:hover.box {color: #fff!important;} a.boxnews {background-image: url(images/icons/news.gif);} a:hover.boxnews {background-image: url(images/icons/news_over.gif);} /*mainnav*/ #arrowlistmenu{width: 190px; float:left; color: #181512!important;} a.expandlink { background-image: url(images/icons/nav_plus.gif); background-repeat: no-repeat; background-position: right; float:left; width: 190px; margin-bottom: 2px; font-size: 11px!important; background-color: #CFCFCE; color: #181512!important;} #arrowlistmenu a:hover.products {background-color: #2F6284; background-image: url(images/icons/nav_plus_products.gif);} #arrowlistmenu a:hover.tools {background-color: #3A79A4; background-image: url(images/icons/nav_plus_tools.gif);} #arrowlistmenu a:hover.news {background-color: #6092B3; background-image: url(images/icons/nav_plus_news.gif);} #arrowlistmenu a:hover.aboutus {background-color: #5B9BC6; background-image: url(images/icons/nav_plus_aboutus.gif);} #arrowlistmenu a:hover.contactus {background-color: #97B7CC; background-image: url(images/icons/nav_plus_contactus.gif);} #arrowlistmenu a.myaccount {background-color: #333; background-image: url(images/icons/nav_plus_myaccount.gif); color: #fff!important;} #arrowlistmenu a:hover.myaccount {color: #fff!important; background-color: #999; background-image: url(images/icons/nav_plus_myaccount_over.gif);} #arrowlistmenu .menuheader{font-size: 11px; font-weight: bold; color: #181512; background-color: #CFCFCE; margin-bottom: 2px; cursor: pointer; padding: 3px 0px 2px 5px; background-image: url(images/icons/nav_plus.gif); background-repeat: no-repeat; background-position: right; float:left; width: 185px;} #arrowlistmenu a:hover{color: #fff!important;} #arrowlistmenu .openheader{ background-image: url(images/icons/nav_plus_over.gif); background-repeat: no-repeat; background-position: right; background-color: #000; color: #fff!important;} #arrowlistmenu ul{ list-style-type: none;margin: 0px;padding: 0px;margin-bottom: 8px; } #arrowlistmenu ul li{padding:5px 0px 5px 0px; margin: 0px; border-bottom: 1px solid #dadada;} #arrowlistmenu h3{margin: 0px; font-size: 11px; padding: 3px 0px 2px 5px; } #arrowlistmenu ul li a{color: #181512; display: block; padding: 2px 0px 2px 7px; text-decoration: none;} #arrowlistmenu ul li a:hover{color: #096B9D!important; font-weight: bold!important; background-color: #F3F3F3;} #leftwrap {float:left; width: 378px; padding: 0px 10px 0px 0px;} #leftwrap .breadcrumb {margin: 0px; padding: 0px;} #leftwrap a{color: #000; font-weight: bold; text-decoration: underline;} #leftwrap a:hover {background-color: #999; color: #fff;} .ptools {width: 130px; height: 85px;} ul.tabNavigation {list-style: none; margin: 0; padding: 0;} ul.tabNavigation li {display: inline;} ul.tabNavigation li a {background-color: #E7E6E6; color: #000; font-weight: bold; text-decoration: none!important; border: 1px solid #CFCFCE; padding: 3px 5px 2px 5px; } ul.tabNavigation li a.selected,ul.tabNavigation li A:hover {background-color: #3FAEE4!important; color: #fff!important; border: 1px solid #CFCFCE; font-weight: bold; text-decoration: none!important;} ul.tabNavigation li a:focus {outline: 0;} .tabs {margin-top: 20px;} .tabs h3{color: #007BC2; font-size: 12px;} .tabs div {background-color: #E7E6E6; padding: 10px; margin-top: 2px; border: 1px solid #CFCFCE;} .tabs div h2 {margin-top: 0; font-size: 11px;} ul.tabNavigation li a.booknow {background-color: #000; color: #fff!important;} ul.tabNavigation li a:hover.booknow {background-color: #fff!important; color: #2F6284!important;} #first li, #second li, #third li { list-style-image: url(images/icons/bullet.gif); list-style-position:outside; line-height: 14px; padding: 0px 0px 10px 0px!important;} .info h2{text-decoration: underline;} #first img, #second img, #third img {float:left; margin: 0px 10px 5px 0px;} #fourth strong{float:left; width: 70px;} #fourth input {font-size: 11px;} .fourth select {font-size: 11px; margin: 0px 0px 0px 0px;} .fourth option {font-size: 11px; margin: 0px 0px 0px 0px;} .fourth label {float:left; width: 70px; margin: 0px;} .submit {background-color: #000; padding: 2px 5px 2px 5px; color: #fff!important; text-decoration: none!important;} .submit a:hover{background-color: #999!important; color: #fff!important;} #rightwrap {float:right; width: 302px;} #rightwrap .righttile {float:right; width:302px; height: 80px; background-repeat:no-repeat; background-position: top left; font-size: 10px; line-height: 13px; padding: 30px 0px 0px 0px;} #rightwrap .righttile a{float:left; color: #000; width: 180px;} #rightwrap .righttile a:hover{background-color: #E7E6E6;} #rightwrap .righttile a.clearbutton {float:right; width: 122px!important; height: 50px;} #rightwrap .righttile a:hover.clearbutton {background:none!important;} #rightwrap .taxi {background-image: url(images/tiles/right_taxi.gif);} #rightwrap .digital {background-image: url(images/tiles/right_digital.gif);} #rightwrap .vans {background-image: url(images/tiles/right_vans.gif);} #rightwrap .map {background-image: url(images/tiles/right_map.gif);} #rightwrap .rates {background-image: url(images/tiles/right_rates.gif);} #rightwrap .testimonial {background-image: url(images/tiles/right_testimonial.gif); width: 302px!important; padding: 30px 0px 0px 0px!important;} #rightwrap .contact {background-image: url(images/tiles/right_contact.gif); width: 302px!important; padding: 30px 0px 0px 0px!important;} #rightwrap .contact b{display:none;} #rightwrap .contact a{background-color: #CFCFCE!important; padding: 1px 2px!important; color: #000!important; font-weight: bold; font-size: 11px; float:left;} #rightwrap .contact a:hover{background-color: #000!important; text-decoration: none; color: #fff!important;} #rightwrap .accountsummary {float:right; width:282px; height: 86px; background-color: #fff; font-size: 12px; padding: 10px; border: 1px solid #B7D1E7; background-image: url(images/layout/summary_bg.gif); background-repeat: repeat-x; margin: 0px;} #rightwrap .accountsummary li{ list-style: none; height: 23px;} .tickactive {background-image: url(images/layout/active.gif); background-repeat: no-repeat; padding: 0px 0px 0px 24px; background-position: top left;} .crossexpired {background-image: url(images/layout/expired.gif); background-repeat: no-repeat; padding: 0px 0px 0px 24px;} #demo {padding: 5px 5px 0px 5px; margin: 0px 0px 0px 0px; border: 1px solid #76A9D3; background-color: #fff;} .largeimage {float:right; margin: 0px; padding: 0px; width: 302px; background-image: url(images/layout/largeimage.gif); background-repeat: no-repeat; height: 30px; margin-bottom: 20px;} .largeimage strong{display:none;} #demo strong{font-size: 10px; font-weight: normal;} .gallery_demo_unstyled{list-style:none; margin: 0px 0px 0px -5px; padding: 6px 0px 6px 5px!important; width:303px; height: 50px;} .gallery_demo_unstyled li{display:block; width:90px; height:50px; overflow:hidden; float:left; margin: 0px 10px 5px 0px;} .gallery_demo_unstyled li a{display:none} .gallery_demo_unstyled li img.thumb{cursor:pointer;} .taxigallery .galleria_container {height: 160px; visibility: visible; background-image: url(images/gallery/taxis1.jpg);} .outdoorgallery .galleria_container {height: 160px; visibility: visible; background-image: url(images/gallery/outdoor1.jpg);} .vangallery .galleria_container {height: 160px; visibility: visible; background-image: url(images/gallery/van2.jpg);} #campaign #demo {padding: 5px 5px 0px 5px; margin: 0px 0px 0px 0px; border: 1px solid #76A9D3; background-color: #fff;} #campaign .largeimage {float:right; margin: 0px; padding: 0px; width: 302px; background-image: url(images/layout/largeimage.gif); background-repeat: no-repeat; height: 30px; margin-bottom: 20px;} #campaign .largeimage strong{display:none;} #campaign #demo strong{font-size: 10px; font-weight: normal;} #campaign .gallery_demo_unstyled{list-style:none; margin: 0px 0px 0px -5px; padding: 6px 0px 6px 5px!important; width:303px;} #campaign .gallery_demo_unstyled li{display:block; width:51px; height:39px; overflow:hidden; float:left; margin: 0px 7px 5px 1px;} #campaign .gallery_demo_unstyled li a{display:none} #campaign .gallery_demo_unstyled li img.thumb{cursor:pointer;} #ratestable {line-height: 12px; margin-bottom: 20px;} #ratestable td{float:left; width: 34px; margin-right: 5px; padding: 4px; text-align:center;} #ratestable th{float:left; width: 40px; margin-right: 5px; text-align:center;} #ratestable .title {border-bottom: 4px solid #003366; height: 26px; font-weight: bold;} #ratestable .mainfigure {width: 54px; font-weight: bold;} #ratestable .maintitle {width: 60px; border-bottom: 4px solid #6092B4; font-weight: bold; height: 26px;} #ratestable .discountfigure {width: 54px; margin-right: 0px!important;} #ratestable .discountfigure strong{background-color:#003366; color: #fff; padding: 0px 5px 0px 5px;} a.info{position:relative; z-index:24; background-color:#ccc; color:#000; text-decoration:underline} a.info:hover{z-index:25; background-color:#ff0} a.info span{display: none} a.info:hover span{display:block; position:absolute; top:2em; left:2em; color:#000!important; text-align: center; text-decoration: none!important; background-color: #fff; border: 1px solid #999; padding: 5px;} #contactform input, #contactform select, #contactform textarea{font-size: 11px;} #contactform label{float:left; width: 100px; margin: 5px 0px 10px 0px;} #contactform select {margin-top: 3px;} .accountbox {float:left; border-bottom: 1px solid #CFCFCE; width: 288px; padding-top: 20px; padding-bottom: 20px;} .edityourdetails {background-image: url(images/layout/bg_edit.jpg); background-repeat: no-repeat; height: 90px; padding: 10px 0px 10px 100px;} .viewcampaigns {background-image: url(images/layout/bg_campaign.jpg); background-repeat: no-repeat;padding: 20px 0px 20px 100px;} .viewcampaigns p{margin: 0px 0px 5px 0px; float:left; width: 280px;} .viewcampaigns p strong{float:left; width: 160px;} .viewcampaigns p a{text-decoration: none!important;} .viewcampaigns p span {float:right; width: 86px;} .accountbox h3{color: #26A683!important; font-size: 14px; margin: 0px 0px 10px 0px;} .toolsbox {float:left; width: 388px;} a:hover.accountlink {color: #fff!important; text-decoration: none!important;} #friendform label{float:left; height: 18px; width: 160px;text-align: right; font-weight: bold; padding: 0px 10px 0px 0px;} #friendform input {float:left; margin: 0px 0px 10px 0px; height: 12px; font-size: 11px; width: 160px;} #friendform textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 30px; } .genericform label{float:left; height: 18px; width: 160px;text-align: right; font-weight: bold; padding: 0px 10px 0px 0px;} .genericform input {float:left; margin: 0px 0px 10px 0px; height: 12px; font-size: 11px; width: 160px;} .genericform textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 30px; } #myaccountlogin {float:left; background-color: #fff; border: 1px solid #B7D1E7; width: 368px; padding: 10px; margin-bottom: 20px;} #myaccountlogin label{float:left; height: 18px; width: 60px;text-align: right; font-weight: bold; padding: 0px 10px 0px 0px;} #myaccountlogin input {float:left; margin: 0px 0px 10px 0px; height: 12px; font-size: 11px; width: 160px;} #dropdown label {float:left; width: 110px; margin: 0px 0px 10px 0px;} #dropdown select {font-size:11px;} #dropdown fieldset {float:left; border: 0px; padding: 0px;} .graphcontainer {border: 1px solid #CFCFCE; padding: 10px;} #lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18 { position:absolute; visibility:hidden; left:0; top:0; z-index:1; margin: 0px 0px 0px 10px;} .optionnav {float:left; width: 150px; color: #ff6600; padding: 2px 2px 2px 5px; border: 1px solid #999999; font-size: 11px; margin-bottom: 5px; clear: all; background-image: url(assets/images/button_bg.jpg); background-position: center; text-transform: uppercase; color: #279BC8; font-weight: bold;} .odd {background-color: #EAEAEA; width: 150px;} .oddmain {background-color: #E9F1F4; width: 150px; font-weight: bold;} #containerlayer { position:relative; width:400px; height:220px; z-index:100; padding: 0px;} #containerlayer strong{font-size: 12px; color: #666;} .townnav a{text-transform: uppercase; float:left; width: 160px; padding: 2px;} .townnav a:hover {text-decoration:none;} /*clearfix*/ .clear {clear:both; overflow:hidden; height:1px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .loginform {float:left; margin: 0px 0px 200px 0px;} .error {color: #cc0000;} #quickcontact {border: 1px solid red; float:left;}