/***************** COLOURS ******************/ /* */ /* Red #d91b5c */ /* Green #33cc33 */ /* Blue #1b87d9 */ /* Orange #f46900 */ /* */ /********************************************/ ::-webkit-scrollbar { height: 12px; width: 12px; background: #ccc} ::-webkit-scrollbar-thumb { background: #999; -webkit-border-radius: 1ex} ::-webkit-scrollbar-thumb:hover { background: #858383} ::-webkit-scrollbar-thumb:active { background: #d91b5c} /** Skipto's **/ .skip{position:absolute;top: -100px;z-index: 5000;-webkit-transition: top .2s ease-out} .skip:focus,.skip:active {position:absolute;top: 0;width: 100%;background: #fff;color: #3f4140;padding:5px 0;text-decoration: none;text-align: center;box-shadow: 0 0 20px #000} .skip:active {color: #00315c} .linkDivider{display: none} /** RESETS **/ * {margin: 0;padding: 0;text-decoration: none; outline:none} *:focus{outline: none} h1, h2, h3, h4 ,h5, h6 {font-weight: normal} a {outline: 0} article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display: block} a img {border: none} ul, ol, li {list-style-type: none} fieldset {border: 0; font-size: .9em} table {border:0;text-align:left;width:100%;/*border-spacing:0;border-collapse:collapse*/} th, td {font-weight: normal;text-align:left} textarea {font-family:Arial, sans-serif;font-size:1.1em} address {font-style: normal} input[type="submit"] {cursor: pointer} /** GENERIC CLASSES **/ .hidden {position: absolute;top:-100000px;z-index:5000} .site-width {width:100%; max-width: 960px;padding: 0 10px;margin: 0 auto;position: relative; box-sizing: border-box;} .clear {clear: both} .img-left{float: left;margin: 0 17px 15px 0 !important} .img-right{float: right;margin: 0 0 15px 17px !important} .img-center {display: block;margin: 0 auto;text-align: center} .red {color: #d91b5c} .grey {color: #666} .grey-text {color: #666} .prev, .next, .prev:visited, .next:visited { background: url(/images/article-nav.png) no-repeat; color: #666; text-decoration: none; font-size: .9em; display: inline-block; *display: inline; zoom:1; padding-top: 2px; padding-bottom: 2px; } .n-inactive { color:#cccccc !important; text-decoration:none !important; background:url(/images/article-nav-inactive.png) no-repeat; } .p-inactive { color:#cccccc !important; text-decoration:none !important; background:url(/images/article-nav-p-inactive.png) no-repeat; } .n-inactive:hover,.p-inactive:hover { text-decoration:none !important; } .prev {background-position: left bottom !important;padding-left: 20px} .next {background-position: right top !important;padding-right: 20px} .icon-list {overflow: hidden} .list-label { float: left; display: block; height: 21px; line-height: 21px; color: #fff } .icon-list ul { float: left; overflow: hidden; margin-left: 15px } .icon-list li { float: left; width: 21px; height: 21px; overflow: hidden; margin-right: 5px; position: relative } .pagination {float: right;overflow: hidden} .pagination .first {margin-right: 10px} .pagination .last {margin-left: 20px} .pagination li {float: left;margin-left: 10px !important; list-style: none !important; } .main .pagination a, .main .pagination a:visited {cursor: pointer} .main .pagination .first a, .main .pagination .first a:visited, .main .pagination .last a, .main i.pagination .last a:visited { color: #d91b5c; text-decoration: none; font-size: .85em } .main .pagination li:not(.first):not(.last) a, .main .pagination li:not(.first):not(.last) a:visited { color: #333; text-decoration: none; background: #ccc; display: block; border-radius: 50%; width: 22px; height: 19px; line-height: 16px; padding-top:3px; text-align: center; font-size: .85em; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out } #content .main .pagination li:not(.first):not(.last) a:hover, #content .main .pagination li:not(.first):not(.last) a:focus, #content .main .pagination li.active a, #content .main .pagination li.active a:visited {background: #d91b5c;color: #fff} .tip {cursor: help} a.tip {cursor: pointer} @media screen and (min-width: 768px) { .threecol_bg { background:url(/images/copy_bg.png) no-repeat bottom right; padding-bottom:180px !important; } } /** Button **/ #content .button-black, #content .button-black:visited { font-size: 20px; font-family: 'antipastoregular'; text-decoration: none; color: #fff; display: inline-block; *display:inline; zoom:1; background: url(/images/button-bg-black.gif) top repeat-x; border: 1px solid #d1d1d1; border-radius: .5em; vertical-align: middle; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out } #content .button-black:hover span { color:#D91B5C; } #content .button, #content .button:visited { text-decoration: none; display: inline-block; *display:inline; zoom:1; font-weight:bold; font-size:14px !important; line-height: 14px !important; background: #232122; border: 2px solid #232122; color: #fff; border-radius:7px; font-family: "antipastoregular", Arial, sans-serif; padding:10px; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out; box-sizing: border-box; } #content .button.b-tel.th-b-tel { width: 99px; } #content .service-table .button.b-tel.th-b-tel { width: 100%; text-align:center; font-size: 18px !important; } @media screen and (min-width: 500px) { #content .service-table .button.b-tel.th-b-tel { text-align:center; width: 90px; font-size: 14px !important; } } #content .button:hover { background:#fff; color:#232122; } #content .button.suggest-new-service { background: url(/images/request-service-btn.png) no-repeat top left; border: none; width:150px; height:25px; overflow:hidden; font-size:0px; text-indent:-9999px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #content .button.suggest-new-service:hover { background-position:0px -25px; } #content .b-await {background: none;border: none} #content .b-await:hover, #content .b-await:focus {color: #666} .button-black span{ padding: 8px 20px; display: block; } .b-rate span {background-position: left -30px} .b-feed span {background-position: left -60px} .b-await span {background-position: left -90px;padding-right:0} .b-num span {background-position: left -120px} /** thin buttons **/ #content [class*="th-"] {font-size: 11px;text-align: left;line-height: 11px} .th-b-rate span {background-position: left -25px} .th-b-feed span {background-position: left -55px} .th-b-await span {background-position: left -85px;padding-right:0} /** Large Button Variant **/ #content .large-button {font-size: 20px;background-image: url(/images/lrg-button-bg.gif)} #content .large-button span {padding: 10px 20px} /** HTML ELEMENTS **/ body { font-family: Arial, sans-serif; font-size:80%; /*Base unit of 13px*/ overflow-x: hidden; color: #666; background: #f6f6f6 } a, a:visited{color: #d91b5c;outline: 0} a:hover, a:focus{text-decoration: underline} h1, .pagetitle { font-size: 1.9em; line-height: 1.1em; color: #d91b5c; margin-bottom: 10px; clear: both } .large-h1, .h1-sub {font-size: 3.3em;letter-spacing: -2px;margin-bottom:0; word-spacing: 8px} .large-h1{ margin-bottom: 5px; } .h1-sub {font-size: 3.1em;color: #000;line-height:1em;margin-bottom: 15px;letter-spacing: 1px; margin-top: 0px; line-height: 0.9em;} h2 { font-size: 1.4em; line-height: 1.1em; color: #d91b5c; margin-bottom: 20px } h3 {font-size: 1.3em;color: #d91b5c; margin-bottom: 10px;} h4 { font-size: 1.7em; line-height: 1em; color: #d91b5c; margin-bottom: 10px; } h5 {font-size: 1.3em;line-height: 1em} .service-left .large-h1 { color:#000; line-height: 0.9em; margin-bottom: 0px; } .service-left .large-h1 span{ color: #d91b5c; font-size: 0.8em; display: block; line-height: 0.9em; } /** Font **/ body, .heading, a, a:visited, .strap, .search-results h2 a, .search-results h2 a:visited, .search-form-box .form-navigation input, .box-list p, .inline-search-form-box .form-navigation input, .three-col-list a, .three-col-list a:visited, .main .alpha-list a, .main .alpha-list a:visited, .main .row a, .main .row a:visited, .call-stat, #content .large-button, .main table:not([class]) tr:first-child td, .sitemap > li > ul > li > a, .sitemap > li > a, .main .service-table a, .main .service-table a:visited, .contourNavigation input {font-family: "antipastoregular", Arial, sans-serif} p, .crumb, time, .main a, .main a:visited, .super-search-country, .main table:not(.service-table) {font-family: Arial, sans-serif} /** Hide Social Buttons **/ .twitter iframe, .linkedin iframe, .facebook iframe { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } .linkedin-link {display: block;height: 21px} span.shared { display: block; position: absolute; top: -2px; right: -2px; background: #00e415; width: 10px; height: 10px } .twitter, .linkedin, .facebook { font-size:0px; color:transparent; text-indent:-9999px; } .twitter a, .linkedin a, .facebook a { display:block; overflow:hidden; width:21px; height:21px; } /** STRUCTURE **/ #site {} header { background: #000 url(/images/header-bg.png) bottom repeat-x; position: relative; z-index: 50; overflow: hidden } .top {overflow: hidden;padding: 7px 0} .top .country {float: left;margin-right: 15px} .top .country a, .top .country a:visited { background: url(/images/flag-icons.png); display: block; width: 21px; height: 21px } .top .uk a, .top .uk a:visited {background-position: left bottom} .top .country .uk a:hover, .top .country .uk a:focus, .top .uk .active, .top .uk .active:visited {background-position: left top} .top .us a, .top .us a:visited {background-position: right bottom} .top .country .us a:hover, .top .country .us a:focus, .us .active, .us .active:visited {background-position: right top !Important;} .top-share {float: left} .top-share li {background: url(/images/share-icons.gif)} .top-share .twitter {background-position: left top} .top-share .facebook {background-position: left -26px} .top-share .linkedin {background-position: right top} .top-share .facebook a{ width:34px; height:34px; display:block; font-size:0px; text-indent:-9999px; } .logo { background: url(/images/logo-white.png) no-repeat; display: block; clear: both; width: 245px; height: 100px; margin: 10px 0 20px } .strap { background: url(/images/strap-bg.png) top left no-repeat; position: absolute; top: 30px; right: 255px; width: 355px; text-align: left; font-size: 19px; color: #DB135A; line-height: 1.5em; padding: 20px 10px 20px 30px; z-index: 99; font-weight:bold; } .strap span { padding-top: 10px; font-size: 30px; display: block; } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .strap span { font-size: 27px; } } @media all and (device-width: 768px) { .strap { padding: 20px 10px 20px 20px; } .strap span { font-size: 29px; } } .site-width .top-bubble {display: block;position: absolute} .site-width .pink-blob {background: url(/images/pink-blob.png) no-repeat; width: 113px; height: 128px; bottom: 35px; right: 155px; z-index: 5} .pink-shadow {position:absolute; display:block; background: url(/images/pink-blob-shadow.png) no-repeat; width: 118px; height: 11px; bottom: 15px; right: 150px; } .grey-shadow {position:absolute; display:block; background: url(/images/grey-blob-shadow.png) no-repeat; width:73px; height: 7px; bottom: 45px; right: 100px;} .site-width .grey-blob {background: url(/images/grey-blob.png) no-repeat; width: 73px; height: 99px; bottom: 70px; right: 100px} .site-width .speach { text-align:center; padding:25px 20px 20px 35px; background: url(/images/speach-bg.png) no-repeat; width: 77px; height: 67px; bottom: 40px; right: 0px; color:#ffffff; font-size:15px; line-height:1em;} .main object { width:100%; } .site-width .speach span {font-size:30px; line-height: 1.1em;} @media screen and (min-width: 820px) { .main-nav {} .main-nav ul {height: 24px} .main-nav li { float: left; margin-right: 5px; position: relative; height: 24px; } .main-nav a, .main-nav a:visited { background: #fff url(/images/main-nav-bg.png) left 15px repeat-x; color: #666; padding: 4px 10px 25px; font-size: 1.2em; border-radius: .4em .4em 0 0; display: block; position: relative; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out; box-shadow: 0 0 8px #000; text-transform: uppercase; min-width: 50px; text-align: center; word-spacing: 2px } header .main-nav a:hover, header .main-nav .active, header .main-nav .active:visited { top: -10px; color: #fff; background-color: #d91b5c; background-position: left 25px; text-decoration: none } header .main-nav a:active {top: -12px !important;background-position: left 27px;} } @media screen and (min-width: 900px) { .main-nav li { margin-right: 15px; } .main-nav a, .main-nav a:visited { padding: 4px 15px 25px; } } .crumb {overflow: hidden;padding: 5px 0 15px} .crumb li { float: left; padding: 0 0 0 15px; background: url(/images/crumb-arrows.gif) 6px 6px no-repeat } .crumb .first {padding-left: 0;background: none} .crumb .last {background-position: 6px -14px} .crumb a, .crumb a:visited {color: #d91b5c;font-size: .9em} .crumb .last a, .crumb .last a:visited {color: #666} .crumb .last a:hover, .crumb .last a:focus {text-decoration: none} #content { position: relative; z-index: 100; overflow: hidden; box-sizing: border-box; } .sidebar-left { width: calc( 100% + 20px ); background: black; margin: 0 -10px 20px; padding:20px 0; font-size:20px; } .sidebar-left .sub { width: 100%; max-height: 0; overflow: hidden; text-align: center; } .sidebar-left .nav_handle { position: relative; color:white; cursor: pointer; text-align: center; width: auto; left: 50%; transform: translateX(-50%); display: inline-block; } .sidebar-left .nav_handle:after { content:''; background: url(/images/collapse.svg) no-repeat center right; width: 15px; height: 14px; display: block; position: absolute; top: 5px; right: -25px; background-size: 100% auto; transition:all .2s; transform: rotate(180deg); } .sidebar-left.open .sub { max-height:600px; } .sidebar-left.open .nav_handle:after { transform: rotate(0); } .sidebar-left .sub a.active { font-size:20px; color: #d91b5c; padding:0; background:none;} .sidebar-left .sub ul li { } .sidebar-left .sub ul li a { font-size:20px; color:white; padding:0;} .sidebar-left .sub a.nav-section { font-size:20px; color:white; padding: 0; } @media screen and (min-width: 768px) { .sidebar-left { padding:0; } .sidebar-left .sub a.nav-section { font-size:17px;padding: 0 20px 0 0; color:#666; } .sidebar-left .sub a.active {font-size:17px; background: url(/images/sub-nav-active.gif) right center no-repeat; padding: 0 20px 0 0;} .sidebar-left .nav_handle { display:none; } .sidebar-left {width: 139px;float: left; background: none; margin:0; font-size: 17px;} .sidebar-left .sub { font-weight:normal; max-height:5000px; text-align: right; } .sidebar-left.open .sub { max-height:5000px; } .sidebar-left .sub ul li a { color:#666; font-size: 17px; padding: 0 20px 0 0;} } .sub {text-align: right} /** Level 1 **/ .sub a, .sub a:visited { color: #666; display: block; margin: 10px 0; padding: 0 20px 0 0; font-size: 1.3em } .sub .active, .sub .active:visited {color: #d91b5c;background: url(/images/sub-nav-active.gif) right center no-repeat} /** Level 2 **/ .sub li li a, .sub li li a:visited {font-size: 1.1em} .main { float: left; padding: 0 0 30px; min-height:400px; width: 100% ; box-sizing: border-box; } @media screen and (min-width: 768px) { .main { margin-bottom: 30px; } } .two-col .main {border: none; padding: 0 0 30px 0; } @media screen and (min-width: 768px) { .two-col .main {width: calc( 100% - 220px ); padding: 0 20px 30px 0;} } @media screen and (min-width: 960px) { .two-col .main {width: calc( 100% - 200px ); padding: 0 35px 30px 0;} } .two-col-alt .main {} @media screen and (min-width: 768px) { .two-col-alt .main {width: calc( 100% - 160px ); padding: 0 20px 30px 20px; border-left: 1px dashed #ccc; } } @media screen and (min-width: 960px) { .two-col-alt .main {max-width: 790px; float: right; padding: 0 30px 0 20px; } } .three-col .main { float:none; } @media screen and (min-width: 768px) { .three-col .main {max-width: 595px; width: calc( 100% - 360px ); padding: 0 20px 30px 20px; float: left; border-left: 1px dashed #ccc;} } @media screen and (min-width: 960px) { .three-col .main { padding: 0 35px 30px 20px;} } .full-width .main {width: auto; float: none;padding: 0;background: none;border: none} .main a{text-decoration: none;} .main a:visited {text-decoration: none;} .main a:hover, .main a:focus {text-decoration: underline;} .main p {margin-bottom: 15px; line-height: 18px; font-size:14px; color:#555; } .newsArticle .main p { display: block; /*overflow: hidden;*/ } /** Generic Table Styles (ignores any table with a class) **/ .main table:not([class]) { border: 1px solid #ccc; background: #fff url(/images/greydient.png) bottom repeat-x; margin-bottom: 20px; border-radius: .5em } .main table:not([class]) tr:first-child td:first-child {border-radius: .4em 0 0 0} .main table:not([class]) tr:first-child td:last-child {border-radius: 0 .4em 0 0} .main table:not([class]) tr:last-child td {border: none} .main table:not([class]) tr:first-child td { background: #d91b5c url(/images/main-nav-bg.png) bottom repeat-x; vertical-align: bottom; color: #fff; border: none } .main table:not([class]) td { padding: 10px; vertical-align: top; border-bottom: 1px dashed #ccc } .main li { list-style: circle; margin-left: 20px; margin-bottom: 5px; line-height: 18px; font-size: 14px; color: #333; font-family: Arial, sans-serif; } .sidebar-right {width: 100%; display: block; overflow: hidden;} @media screen and (min-width: 768px) { .sidebar-right { width: 200px; float: right; box-sizing: border-box; margin-right: 14px; } } @media screen and (min-width: 960px) { .sidebar-right { margin-right: 0; } } .bubble { background: #fff url(/images/bubble-bg.png) bottom repeat-x; padding: 10px; border: 1px solid #dbdbdb; border-radius: 1.5em; position: relative; margin-bottom: 50px } .bubble h4 {border-bottom: 1px dashed #ccc;padding: 5px 0} .bubble li {border-bottom: 1px dashed #ccc;padding: 8px 0} .bubble .box:last-child li:last-child {border: none} .sidebar-right time { display: block; font-weight: bold; font-size: .9em; margin: 0 0 3px 0 } .bubble .heading {font-size: 1.1em;margin: 0 0 5px 0} .bubble p {font-size: .9em; color: #666;} .testimonials span.quote {color: #666; font-family: Arial, sans-serif;} .speech { background: url(/images/bubble-speech.png) no-repeat; display: block; width: 34px; height: 17px; position: absolute; bottom: -17px; left: 8px } .no-borderradius .speech {bottom: -18px} .ads { clear: both; margin: 35px 0; overflow: hidden } .ads li {float: left;margin-right: 45px; margin-left: 0px; list-style:none;} .ads li:last-child {margin-right:0} .ads img {display: block;border: 1px solid #3d3d3d} .two-col .main .ads { height:200px; } .sidebar-text { font-family: Arial, sans-serif; } .sidebar-text h2, .sidebar-text h3, .sidebar-text h4{ margin:10px 0px !Important; font-weight:bold; font-family: "antipastoregular", Arial, sans-serif; } footer {background: #d91b5c url(/images/footer-bg.png) bottom repeat-x; padding: 10px 0;} .foot-circles { width: 220px; height: 30px; position: absolute; top: -30px; right: 0; overflow: hidden } .no-cssanimations .foot-circles {background: url(/images/footer-img.png) bottom no-repeat} .no-cssanimations .foot-circles span {display: none} .foot-circles span { position: absolute; background: #d91b5c; border-radius: 50%; margin-top: 10px } .circ-1 {width: 30px; height: 30px; left: 0; top: 23px} .circ-2 {width: 40px; height: 40px; left: 19px; top: 19px} .circ-3 {width: 66px; height: 66px; left: 44px; top: 5px} .circ-4 {width: 52px; height: 52px; left: 93px; top: 11px} .circ-5 {width: 28px; height: 28px; left: 138px; top: 25px} .circ-6 {width: 52px; height: 52px; left: 154px; top: 11px} .circ-7 {width: 35px; height: 35px; left: 185px; top: 18px} .foot ul {overflow: hidden} .foot li { float: left; padding: 5px 0; margin-right: 35px } .foot a, .foot a:visited, .sitemap .foot a:visited, .sitemap .foot a {color: #fff; text-decoration:none;} .foot-share {padding: 5px 0 0} .foot-share li {background: url(/images/share-icons-white.gif)} .foot-share .twitter {background-position: left top} .foot-share .facebook {background-position: left -25px} .foot-share .linkedin {background-position: right top} .foot-share .facebook a{ width:34px; height:34px; display:block; font-size:0px; text-indent:-9999px; } @media screen and (min-width: 768px) { footer { height:35px; padding: 0; } .foot {float: left} .foot-share {float: right; padding-top:7px;} .foot li { padding: 10px 0; } } /*** TEMPLATE SPECIFIC ***/ /** homepage **/ .step { width:99%; height:302px; float:right; display:inline-block; *display:inline; zoom:1; border: 1px solid #bf1851; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 14%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ margin-bottom:20px; overflow:hidden; } .stepmargin{float:left;} .step-2 { display:block; position:relative; overflow:hidden; background-image: url(/images/step2.png); background-position: bottom center; background-repeat:no-repeat ; width:100%; height:302px; background-size: auto 65%; } .step-3 { background-image: url(/images/step3.png); background-position: bottom center; background-repeat:no-repeat ; width:100%; height:302px; display:block; position:relative; overflow:hidden; background-size: auto 70%; } @media screen and (min-width: 550px) { .step { width: 48%; max-width:342px; } } @media screen and (min-width: 768px) { .step-2 { background-position: bottom left; } } @media screen and (min-width: 800px) { .step-2 { background-size: auto 70%; } } @media screen and (min-width: 900px) { .step-2 { background-position: bottom center; } } #home_steps { display:block; position:relative; overflow:hidden; } .step h3 { color:#000000; font-weight: bold !important; font-size:24px; margin:10px 10px 9px; padding-left:45px; min-height: 50px; line-height: 1em; } .step h3 .red { color: #bf1851; } .step2{ background: url(/images/home-2.png) no-repeat top left; display:block; position:relative; overflow:hidden; } .step3{ background: url(/images/home-3.png) no-repeat top left; display:block; position:relative; overflow:hidden; } .step img { float:right; } .home-button { display:block; position:relative; overflow:hidden; margin-bottom:15px; font-family: Arial, sans-serif; line-height: 18px; font-size: 1.1em; color: #555; } .HomePage .sidebar-right {margin-top: 35px;} .HomePage .main {padding-top: 35px;} .HomePage h2 {margin-bottom: 40px} .search-box { border: 1px solid #d91b5c; border-radius: 1em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 14%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 14%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ margin: 0 0 20px 0; position: relative; z-index: 100 } .search-box h2 { padding: 7px 5px 7px 5px; margin: 0; font-size: 2em; color: #d91b5c; display: inline-block; *display:inline; zoom:1; box-sizing: border-box; font-weight: bold; float:left; } @media screen and (max-width:470px) { .search-box h2 { width: calc( 100% - 50px ); } } @media screen and (min-width:471px) { .search-box h2 { padding-top:12px; } } @media screen and (max-width:805px) { .search-box .cat_link, .main .search-box a.cat_link { display: inline-block; float: none; margin: 10px 0 5px 10px; } } @media screen and (min-width:767px) { .search-box h2 { width: calc( 100% - 225px ); } } .search-box .cat_link, .main .search-box a.cat_link { background:white; color:#232122; text-align: center; width:75px; } .search-box .cat_link:hover, .main .search-box a.cat_link:hover { background:#232122; color:#fff; } @media screen and (min-width:768px) { .search-box h2 { padding: 12px 5px 7px 5px; font-size: 1.8em; width:auto; float: left; } } @media screen and (min-width: 900px) { .search-box h2 { padding: 7px 40px 7px 5px; font-size: 2.4em; background: url(/images/mag-pink.png) right center no-repeat; } } .search-form-box { position: relative; width: 100%; box-sizing: border-box; border-radius: 1em; padding: 25px 10px; padding-top: 0; background: #fff url(/images/greydient.png) bottom repeat-x; display: block; min-height: 80px; } @media screen and (min-width:805px) { .search-form-box { margin-top: 48px; padding: 0 25px 25px ; } } #clear_div{clear:both;} .search-form { overflow: hidden; padding-top: 15px; margin-bottom: 20px } .search-form fieldset { border: 1px solid #cecece; width: calc( 100% - 60px); float: left; } @media screen and (min-width: 768px) { .search-form fieldset { width: calc( 100% - 80px); } } ::-webkit-input-placeholder {color: #d91b5c} :-moz-placeholder {color: #d91b5c} .search-form input {border: none} .search-text { padding: 10px; width: calc(100% - 100px ); font-style: italic; float: left; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out; background: #fff; } .search-text:hover {background: #f3f3f3} .search-text:focus {background: #d91b5c; color: #fff} .hlight { background:#E0E0E0; } div#ajax_results{ display:none; border:1px solid #d91b5c; background: #ffffff; position: absolute; top: 65px; width: 500px; /* left: 25px;*/ z-index:99999; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out; } .internal_page{ top:85px !important; width:545px !important; } .suggestion-left { float:left; display:inline-block; *display:inline; zoom:1; font-size:11px; font-weight:bold; } span.suggestion-title{ width:400px; display:block; font-size: 12px; } span.suggestion-phonenumber{ color:#666; display:block; font-style:italic; font-size: 12px; } span.suggestion-timesaved{ background:#d91b5c; color:#ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:2px; float:right; display:inline-block; *display:inline; zoom:1; font-weight:bold; font-size:20px; font-family: 'antipastoregular'; } span.suggestion-timesaved span{ font-weight:normal;} div#ajax_results li.ajax_first{ background: #d91b5c !important; color: #fff; font-style:italic; font-size:14px; /*word-spacing:4px*/ } div#ajax_results li{ border-top:1px solid #d91b5c; padding: 5px 10px; display: block; overflow: hidden; margin: 0px; } li.suggest-more-results{ background: #d91b5c !important; color: #fff !Important; font-style:italic; padding:0px !important; word-spacing:4px } li.suggest-more-results a{ color: #fff !Important; font-family: "antipastoregular", Arial, sans-serif; font-size:14px; padding: 5px 10px; width:100%; display:block; } div#ajax_results li:hover , div#ajax_results li:active{ background-color: #ebebeb; } div#ajax_results li:hover span, div#ajax_results li:active span{ } .ajax_save { background:url(/images/stopwatch.png) no-repeat center left; padding: 3px 5px 3px 25px; float:right; display:inline-block; *display:inline; zoom:1; font-style:normal; font-size:11px; font-family: 'antipastoregular'; word-spacing:2px; } /** Style select box for non javascript folk **/ .search-country { float: left; width: 80px; border: none; border-left: 1px solid #ccc; padding: 9px } .super-search-country { float: left; border-left: 1px solid #ccc; width: 79px } .super-search-country span { background: #fff url(/images/select-selected-bg.gif) bottom repeat-x; background-color: #fff; height: 36px; line-height: 36px; font-size: .9em; font-style: italic; cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .super-search-country > span:hover {background: #f3f3f3} .super-search-country .icon { padding: 0; width: 21px; height: 21px; line-height: normal; position: absolute; top: 7px; left: 12px; background: url(/images/flag-icons.png); z-index: 10; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out } .super-search-country .uk .icon {background-position: left top} .super-search-country .us .icon {background-position: right top} .super-search-country .value { position: absolute; top: 0; left: 0; padding: 0 0 0 38px; background: none } .super-search-country .arrow { padding: 0; width: 6px; height: 4px; line-height: normal; background: url(/images/select-arrow.png) no-repeat; position: absolute; top: 17px; right: 7px } .super-search-country ul { width: 78px; border: 1px solid #ccc; border-width: 0 1px 1px } .super-search-country li { /*color: #fff;*/ cursor: pointer; padding: 0 0 0 38px; background: #fff url(/images/select-selected-bg.gif) bottom repeat-x; position: relative; font-size: .8em; font-style: italic; height: 36px; line-height: 36px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; list-style: none; margin: 0px; } .super-search-country li:hover {background: #e0e0e0} .search-form .form-navigation {float: right; } .search-form .form-navigation input { background: #232122; border:2px solid #232122; color: #fff; font-size: 24px; padding: 4px 6px 3px; border-radius: 7px; box-sizing: border-box; font-weight: bold; transition: all .2s; -webkit-appearance: none; } @media screen and (min-width: 768px) { .search-form .form-navigation input { padding: 4px 13px 3px; } } .search-form .form-navigation input:hover, .search-form .form-navigation input:focus { color: #232122; border-radius: 7px; background: #fff; } .search-form-box p {font-size: 11px;font-style: italic;margin-bottom: 5px; width:100%; box-sizing: border-box;} .search-form-box p:last-child {margin: 0} @media screen and (min-width: 768px) { .search-form .form-navigation { margin-top:0;} } .suggest { position: absolute; background: #fff; left: 25px; top: 64px; width: 500px; border: 1px solid #d91b5c; box-shadow: 0 8px 8px -8px #000; background: #d91b5c; display: none } .suggest .suggest-head { color: #fff; padding: 4px 15px; font-size: 1.1em; margin: 0; float: left } .suggest-save { float: right; color: #fff; padding: 4px 15px 4px 23px; background: url(/images/stopwatch.gif) left 3px no-repeat } .suggest ul {clear: both} .suggest li {border-bottom: 1px solid #d91b5c} .suggest li:last-child {border-bottom: none} .suggest a, .suggest a:visited { display: block; padding: 4px 15px; overflow: hidden; background-color: #fff; text-decoration: none; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out } .suggest a:hover, .suggest a:focus {background-color: #ebebeb} .suggest a p, .suggest a span {cursor: pointer} .suggest li p { float: left; color: #666; font-style: italic; margin: 0 } .suggest li p span { display: block; color: #d91b5c; font-style: normal } .suggest .call-stat {float: right;height: 25px} .box-list {min-height: 238px; margin-bottom: 20px} .box-list li { float: left; min-height: 238px; position: relative } .box-list li:not(.arrow) { border: 1px solid #999; border-radius: 1em; background: #fff url(/images/greydient.png) bottom repeat-x; width: 155px } .box-list .arrow { background: url(/images/box-list-arrow.gif) center center no-repeat; width: 24px; display: block } .box-list .box-count { display: block; position: absolute; color: #fff; width: 33px; height: 33px; line-height: 33px;text-align: center; font-size: 2em; background: #000; border-radius: 50%; right: 20px; top: -10px; z-index: 10 } .box-list .icon { display: block; background: red; height: 100px; position: absolute; width: 100%; top: -17px; background: url(/images/box-list-icons.png) no-repeat } .box-convo .icon {background-position: 27px top} .box-search .icon {background-position: -152px top} .box-phone .icon {background-position: -333px top} .box-timer .icon {background-position: -517px top} .box-list .box-heading { padding-top: 90px; border-bottom: 1px dashed #cdcdcd } .box-list p { padding: 10px 0; margin: 0 10px; text-align: center; color: #d91b5c; font-size: 1.25em; line-height: 1.2em } /** Inline Search Form **/ .inline-search-form-box form {background: none;margin: 0; padding: 0} .inline-search-form-box fieldset { border:1px solid #d91b5c; } .inline-search-form-box { margin-bottom:20px; } .inline-search-form-box .search-text {max-width: 525px} /** Generic Super Select Box Styles **/ .super-select span {display: block} .super-select ul {position: absolute;display: none; z-index: 999;} /** three-col-list **/ .three-col-list {overflow: hidden} .three-col-list ul { width: 200px; float: left; margin-right: 45px; border-right: 1px dashed #ccc } .three-col-list .last {margin-right: 0;border: none} .three-col-list li {padding: 7px 0; margin-left: 0px; list-style: none;} .three-col-list a, .three-col-list a:visited {text-decoration: none;font-size: 1.3em} .main .three-col-list a:hover, .main .three-col-list a:focus {text-decoration: underline} .formPage li { margin-left: 0px; list-style: none; } /** row-three-col-list **/ .row-three-col-list {} .row {margin-bottom: 47px;overflow:hidden} .row ul { position: relative; width: 170px; float: left; margin-right: 23px; border-right: 1px dashed #ccc; padding-left: 45px; min-height: 45px; } .row .last {margin-right: 0;border: none} .row li { padding: 5px 0; margin-left: 0px; list-style: none; } .row ul .first { position: absolute; top: 0; left: 0 } .row ul .first a, .row ul .first a:visited { background: #D91B5C; color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; display: block; text-decoration: none; font-size: 2.3em; border-radius: .2em } .row a, .row a:visited { text-decoration: none; font-size: 1.1em } .row a:hover, .row a:focus {text-decoration: underline} /** alpha-list **/ .alpha-list { overflow: hidden; border: 1px dashed #ccc; border-width: 1px 0; padding: 9px 0; margin-bottom: 20px } .alpha-list li {float: left;margin-right: 7px; margin-left: 0px; list-style: none;} .alpha-list .last {margin-right: 0} .alpha-list a, .alpha-list a:visited { color: #fff; background: #D91B5C; display: block; text-decoration: none; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 1.3em; -webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out; border-radius: .2em } .alpha-list a:hover, .alpha-list a:focus {background: #000;color: #fff} .alpha-list .none a, .alpha-list .none a:visited {background: #f0c8d5;cursor: default} /** article-list **/ .article-list {} .article-list li {border-bottom: 1px dashed #ccc;padding: 15px 0; list-style: none; margin-left:0px;} .article-list img {float: left;border: 1px solid #666} .article-list h2, .article-list time, .article-list p {padding-left: 140px} .article-list h2 { font-size: 1.2em; text-decoration: none; margin: 0 0 15px 0 } .article-list h2 a, .article-list h2 a:visited {text-decoration: none} .article-list time { font-weight: bold; display: block; margin: 0 0 10px 0 } /** article **/ .article-nav {overflow: hidden;padding: 15px 0} .article-nav .prev {text-decoration: none;float: left} .article-nav .next {text-decoration: none;float: right} /** search results **/ .key { overflow: hidden; border-bottom: 1px dashed #ccc; padding: 15px 0; margin-bottom: 15px } .key .first {padding-left: 0;font-size: 1.4em} .key li { float: left; margin-right: 20px; padding-left: 45px; /*padding: 8px 0 8px 45px;*/ position: relative; font-size: 1.7em; height: 38px; line-height: 38px; color: #d91b5c; list-style: none; margin-left: 0; } .key .company {color: #33cc33} .key .service {color: #1b87d9} .key .department {color: #f46900} .key .icon { background: url(/images/search-result-icons-large.gif) no-repeat; display: block; width: 38px; height: 38px; position: absolute; top: 0; left: 0 } .search-results {border-top: 1px dashed #ccc;padding-top: 10px; } .search-results > li {position: relative;padding: 5px 0; list-style: none; margin-left: 0;} .search-results .icon { display: block; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url(/images/search-result-icons.gif) no-repeat } .company .icon {background-position: left top} .service .icon {background-position: right top} .department .icon {background-position: left bottom} .search-results h2 {font-size: 1.25em;margin: 0 0 0 30px} .search-results h2 a, .search-results h2 a:visited {text-decoration: none} .company h2 a, .company h2 a:visited {color: #33cc33} .service h2 a, .service h2 a:visited {color: #1b87d9} .department h2 a, .department h2 a:visited {color: #f46900} .search-info { margin: 7px 0 7px 30px; overflow: hidden } .search-info li { float: left; margin: 0 10px 0 0; color: #d91b5c; font-size: 1.2em; background: url(/images/search-info-icons.gif) no-repeat; padding-left: 19px; list-style: none; } .search-info .s-save {background-position: left top} .search-info .s-num {background-position: left -32px} .search-results p { border-bottom: 1px dashed #ccc; /*padding-bottom: 10px;*/ margin: 0 0 0 30px } .search-results .last p {border: none} /** company **/ .company-info {overflow: hidden} .company-info .company {float: left;width: 135px} .company img {border: 1px solid #ccc} .rank { clear: both; background: url(/images/stars.png) left 10px no-repeat; padding: 0 0 25px 0; margin-top: 4px; display: block; color: #d91b5c; font-size: 1.1em } .r-1 {background-position: left 25px} .r-2 {background-position: left -22px} .r-3 {background-position: left -69px} .r-4 {background-position: left -116px} .r-5 {background-position: left -163px} .company-info .info { border-left: 1px dashed #ccc; float: left; margin-left: 6px; padding-left: 6px; width: 550px } .info-list li { color: #d91b5c; padding: 7px 0 7px 32px; font-size: 1.25em; background: url(/images/computer-icon.gif) no-repeat; list-style: none; margin-left: 0; } .info-list li.contact-link { background: url(/images/phone-icon.gif) no-repeat; } .inline-info-list {margin-top: 15px;} .inline-info-list li { float: left; margin-right: 15px; } .info-list .i-name {padding-left: 0;background: none;padding-top: 0} .info-list .i-url {background-position: left center} .info-list .i-tel {background-position: left -36px} .info-list .i-minicom {background-position: left -72px} .info-list .i-fax {background-position: left -108px} .info-list + .button {margin: 7px 0} .button + .button {margin-left: 5px} .service-headings {overflow: hidden;margin: 20px 0} .service-headings h1, .service-headings h2 {float: left;clear: none} .service-headings .call-stats {float: right;width: 127px} .service-headings .call-stats li {margin-bottom: 3px;} .service-heading { font-size: 2.2em; border: 1px dashed #ccc; border-width: 1px 0; margin: 16px 0; padding: 7px 0 } .warning-box {overflow: hidden;margin-bottom: 10px} .warning-box ~ p {margin-bottom: 3px;} .warning { /*background: url(/images/warning.gif) left top no-repeat;*/ /*padding: 0 0 0 60px;*/ font-style: italic; font-size: .85em; /*width: 530px;*/ float: left } .info-box { overflow: hidden; margin-bottom: 10px; clear: both } .info-box p {margin: 3px 0;float: left} .service-table { width: 100%; background: #fff url(/images/greydient.png) bottom repeat-x; position: relative; color: #666; margin-bottom: 18px; border-spacing:0;border-collapse:collapse ; } .service-table td { padding: 8px 10px; font-size: 1.3em; vertical-align: middle } .service-table tr { border-bottom: 1px dashed #ccc; } @media screen and (max-width: 500px) { .service-table, .service-table tbody { display:block; } .service-table { border: 1px solid #ccc; } .service-table td:first-child { font-weight:bold; font-size: 22px; color: #d91b5c; } .service-table tr:first-child { display:none; } .service-table tr { width: 100%; display: block; background: white; padding: 15px 0; } td.service-phone { width:100%; padding:0 10px; } .service-table td { display: block; width: 100%; box-sizing: border-box; } } @media screen and (min-width: 500px) { .service-table th { background: #f6f6f6; color: #d91b5c; font-size: 1.4em; padding: 0px 0px 0px 10px; font-weight:bold; font-family: 'antipastoregular'; border-bottom: 1px solid #ccc } .service-table td { padding: 8px 10px; font-size: 1.3em; border: 1px dashed #ccc; border-width: 0 0 1px 0; vertical-align: middle } .service-table th:last-child {text-align: right} .service-table td:first-child {border-left: 1px solid #ccc; width: 389px;} .service-table td:last-child {text-align: right;border-right: 1px solid #ccc} .service-table tr:first-child td {border-top: 1px solid #ccc} .service-table tr:last-child td {border-bottom-style: solid} } /** phone tree **/ .stacked {float: left;} .stacked-buttons { float: right; width: 355px; text-align: right; } .stacked-buttons a { margin: 0 0 0 6px !important; text-align: left; width: 160px; } .info-line {font-size: .9em;} .info-line > span {vertical-align: middle;padding-left: 6px;} .info-tip { background: url(/images/info.gif) no-repeat; width: 20px; height: 20px; display: inline-block; *display:inline; zoom:1; vertical-align: middle; } .call-stats {} .call-stats li {float: left;margin-right: 3px} .call-stat { display: inline-block; /*height: 30px;*/ *display:inline; zoom:1; background: #d91b5c url(/images/call-stats.gif) no-repeat; color: #fff; border-radius: .2em; box-shadow: 1px 1px 1px rgba(255,255,255,.75), rgba(0,0,0,.2) 0px 0px 6px inset; font-size: .9em; padding: 4px 5px 2px 5px; text-align: right; width: 115px; text-shadow: 0 0 4px rgba(0,0,0,.29) } .cs-no-icon {width: auto;background-image: none} .save {background-position: left top} .intro {background-position: left -39px} .call-stat span {font-size: 2em} /** Fix table column widths to ensure columns line up in adjacent tables! */ .search-tree td:first-child {width: 33.3%} .search-tree td {width: 25.3%} .search-tree td:last-child {width: 40.3%} td.num span { display: inline-block; *display:inline; zoom:1; background: #9e9e9e; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; border-radius: .2em; box-shadow: inset 0 0 6px rgba(0,0,0,.2); vertical-align: bottom } .pp .num span {background: #d91b5c} .pp {color: #d91b5c} .pp ~ tr td.num + td {padding-left: 20px} td.num .plus { width: 16px; height: 16px; line-height: 16px; font-size: 1.4em; border-radius: .1em } .pp-icons .tip { background: #339900 url(/images/green-icons.gif) no-repeat; display: inline-block; *display:inline; zoom:1; width: 26px; height: 26px; line-height: 26px; box-shadow: 1px 1px 1px rgba(255,255,255,.75), rgba(0,0,0,.2) 0px 0px 6px inset; border-radius: .2em; vertical-align: middle } .pp-icons > span + span {margin-left: 2px} .pp-icons .online {background-position: left top} .pp-icons .account {background-position: -31px top} .pp-icons .speech-rec {background-position: right top} .pp-icons .broken {background-position: left bottom} .pp-icons .comments {background-position: -31px bottom} .pp-icons .saved { width: auto; background-image: none; color: #fff; font-size: .9em; padding: 0 5px } .saved span {font-size: 1.4em;font-weight: bold} .rank + .sp {margin-top: 10px;padding-top: 10px;border-top: 1px dashed #ccc} .sp p {margin-bottom: 5px} .sp p:nth-child(2) {margin-bottom: 10px} /** Sitemap **/ .sitemap ul {padding-left: 16px;} .sitemap > li > a, .sitemap > li > a:visited {color: #d91b5c;font-size: 1.2em;} .sitemap li { list-style:none; margin-left:0;} .sitemap a, .sitemap a:visited {color: #666;text-decoration: none} .sitemap a:hover, .sitemap a:focus{text-decoration: underline} .sitemap > li > ul > li {padding: 5px 0;} .sitemap > li > ul > li > a, .sitemap > li > ul > li > a:visited { color: #d91b5c; font-size: 1.2em; } .sitemap > li > ul > li > ul > li > a, .sitemap > li > ul > li > ul > li > a:visited {color: #666;} /** Contact Form / Generic Form **/ .contactform input[type="checkbox"] { float:left; margin-right: 10px; } .checkbox div { float:left !Important; margin-right: 0px !Important; margin-top:3px; } .checkboxlist div label { font-size: 1.2em !Important; } .checkbox label { float:right!Important; } .joinourcampaignpleaseaddmetoyourmailinglist { width:430px; } #contour {margin-top: 15px} .contourField { overflow: hidden; padding: 0 0 10px 0; position: relative; } .hiddenfield {display: none} .contourField br {display: none} .contourField label { display: block; width:100%; max-width: 400px; font-size: 1.5em; margin: 0px 5px 5px 0 } .contourField > div { width:100%; float: left; max-width: 400px; } .contourField .text { width:100%; max-width: 420px; padding: 10px; border: 1px solid #cecece; color: #666; -webkit-transition: .2s ease-out; transition: .2s ease-out; box-sizing: border-box; } .contourField textarea.text { display: block; height: 150px } .contourField .text:hover {background: #F3F3F3} .contourField .text:focus {background: #D91B5C; color: #fff} .contourField select{ padding:10px; } /** submit **/ .contourNavigation {text-align: right; max-width: 400px} .contourNavigation input { border: none; font-size: 14px; display: inline-block; zoom: 1; background: #232122; border:2px solid #232122; overflow: hidden; color: #fff; border-radius: 5px; font-weight: bold; letter-spacing: 1px; padding: 8px; -webkit-appearance: none; transition: all .2s } .contourNavigation input:hover { color: #232122; background: #fff; } /** error styling **/ .main .contourField input.contourError, .main .contourField textarea.contourError { background-color: #f0c8d5; color: #d91b5c; } span.contourError{ background: #d91b5c; padding: 6px 10px; color: #fff; text-align: center; margin-left: 10px; position: absolute; left: 460px; width: 85px; border-radius: 1em; font-weight:bold; /*display: inline-block !important;*/ /*text-shadow: 1px 1px 0 #fbe7ee*/ } span.contourError:before { content: ' '; height: 0;width: 0; position: absolute; left:-6px; top: 14px; border: 6px solid transparent; border-left-width: 0; border-right-color: #d91b5c; } ::selection {background: #d91b5c; color: #fff} ::-moz-selection {background: #d91b5c; color: #fff} /*************************/ /******** PHASE 1 ********/ /*************************/ /*.p1 .top-bubble {margin-right: 418px}*/ .survey-promo { border:1px solid #999; border-radius: .5em; background: #fff url(/images/greydient.png) bottom repeat-x; padding: 15px; position: relative; margin-bottom: 20px; display: block; overflow: hidden; } .survey-promo h2 { margin: 0 0 7px 0; font-size: 1.95em; line-height: 1.1em } .promo-bubble { display: block; position: absolute; width: 131px; height: 141px; background: url(/images/survey-bubbles.png) left top no-repeat; top: 0; right: 0; text-align: center; color: #fff; font-size: 1.3em } .pb-grey { background-position: right top; width: 121px; height: 121px } .pb-1 {display:none; top: 108px; right: 296px;z-index: 10;-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-o-transform: rotate(-9deg);-ms-transform: rotate(-9deg);transform: rotate(-9deg)} .pb-2 {display:none;top: 10px; right: 219px;-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-o-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg)} .pb-3 {display:none;top: 115px; right: 114px;-webkit-transform: rotate(-9deg);-moz-transform: rotate(-9deg);-o-transform: rotate(-9deg);-ms-transform: rotate(-9deg);transform: rotate(-9deg)} .pb-4 {display:none;top: 0px; right: 94px;-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-o-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg)} .pb-5 {display:none;top: 99px;-webkit-transform: rotate(4deg);-moz-transform: rotate(4deg);-o-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg)} @media screen and (min-width: 960px) { .pb-1 { display:block; } } @media screen and (min-width: 840px) { .pb-2 { display:block; } } @media screen and (min-width: 545px) { .pb-3{ display:block; } } @media screen and (min-width: 480px) { .pb-4 { display:block; } } @media screen and (min-width: 420px) { .pb-5 { display:block; } } .promo-bubble span { display: block; /*padding: 26px 22px 0 15px;*/ padding: 30px 4px 0 0; line-height: 1.05em } .pb-1 span { margin-top: 15px; } .pb-5 span{ margin-top: 15px; margin-left: 3px; } a.next { float:right; } a.prev { float:left; } .survey_link{ background:url(/images/survey_button.png) no-repeat top left; width:217px; height:43px; font-size:0px; text-indent:-9999px; display:inline-block; *display:inline; zoom:1; float:left; clear: left; /*margin-left:80px;*/ margin-top: 5px; overflow:hidden; } .survey_link:hover{ background-position: 0 -44px; } .cat_link, .main a.cat_link { width: auto; height: 30px; box-sizing: border-box; font-family: 'antipastoregular'; display: inline-block; zoom: 1; float: right; margin: 10px 20px 0px 20px; overflow: hidden; font-size: 14px; background: #232122; color: #fff; border-radius: 5px; letter-spacing: 1px; padding: 6px 8px 8px; text-decoration: none; text-transform: capitalize; border: 2px solid #232122; transition: all .2s; font-weight: bold; } @media screen and (min-width: 768px) { .cat_link, .main a.cat_link { width: 152px; } } .cat_link:hover, .main a.cat_link:hover{ background-position: 0 -30px; text-decoration:none; color: #232122; background: white; } .search_desc { float:left; display:inline-block; *display:inline; zoom:1; width:100%; } .HomePage .search-form, .country .search-form { margin-bottom: 10px; } .quote-name { display:block; overflow:hidden; width:100%; font-weight:bold; color:#6F7072; font-size:90%; } div.pinkHome{ margin-bottom:15px; } div.pinkHome h1{ font-size:30px; font-weight:bold; margin-bottom:15px; } .number1 { display:inline-block; *display:inline; zoom:1; background:url(/images/home-1.png) no-repeat top left; width:38px; height:38px; margin-top: 5px; margin-left: 10px; float: left; margin-bottom: 5px; } div.greyHome { color: #666; font-size:18px; position:relative; margin-bottom:10px; } div.greyHome p { color: #666; line-height:1.2em; font-size: 1.1em; } .greyHome span.red { font-size:20px; } .straplineHome { margin:30px 0px 20px; } .straplineHome p{ font-weight:bold; color:#000 !important; font-size:25px !important; line-height: 1em; } td.service-phone{ width: 128px; white-space:nowrap; font-size:1.5em; letter-spacing: 1px; } /******** services tree ********/ .expandable * { filter:none; } .expandable { background: #ffffff; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 31%, #e1e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#ffffff), color-stop(100%,#e1e0e0)); background: -webkit-linear-gradient(top, #ffffff 31%,#e1e0e0 100%); background: -o-linear-gradient(top, #ffffff 31%,#e1e0e0 100%); background: -ms-linear-gradient(top, #ffffff 31%,#e1e0e0 100%); background: linear-gradient(to bottom, #ffffff 31%,#e1e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e0',GradientType=0 );*/ font-family: 'antipastoregular'; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #DBDBDB; padding:10px; width:100%; box-sizing: border-box; position:relative; overflow:hidden; table-layout: fixed; /* border-bottom: 1px dashed #ccc;*/ border-top: none; } /*@media screen and (max-width: 500px) { .expandable, .expandable tbody { display:block; width:100%; } .expandable td { display:inline-block; box-sizing: border-box; border:none; } .expandable .first-row td.service_button div { width:auto; } .expandable td.service_button { width: calc( 100% - 95px); } .expandable td.service_time { width: 70px; } .expandable td.service_time div:empty { display: none; } .expandable td.service_time div:before { content:'Save'; position: relative; display: inline-block; font-size: 14px; padding-right: 4px; color: #000; } .expandable tr { display: block; width: 100%; } .expandable .first-row td.service_name { display: block; width: 100%; border: none; } }*/ .all-tree a{ cursor:pointer; background:url(/images/view-all-button-big.png) no-repeat top left; width:180px; height:27px; clear:both; font-size:0px; text-indent:-9999px; display:inline-block; *display:inline; zoom:1; overflow:hidden; float:left; margin:20px 20px 10px 0px; } .all-tree a:hover{ background-position: 0px -27px; } .instruction-text { display:inline-block; *display:inline; zoom:1; float:left; margin-top:20px; width: 500px; font-family:Arial, sans-serif; font-weight: bold; color: #000; } a.select-service { font-size: 30px; display: inline-block; zoom: 1; margin-top: 1px; background: #232122; border: 2px solid #232122; overflow: hidden; color: #fff; border-radius: 5px; font-weight: normal; letter-spacing: 1px; padding: 5px 4px 5px 8px; -webkit-appearance: none; transition: all .2s; box-sizing: border-box; line-height: 13px; font-family: 'antipastoregular'; float: right; } a.select-service:hover { color: #232122; background: #fff; text-decoration:none; } .option-comment{ position: relative; border:none !important; padding-left:0px !important; } .first-row td.service_name div{ width:270px; } .first-row td.service_name{ width:270px; color:#d71a5a; /*font-weight: bold;*/ font-family: 'antipastoregular'; font-size:19px; } .first-row td.service_button div{ width:270px; } .first-row td.service_time div{ float: left; margin-right: 10px; } .first-row td.service_time{ width:90px; font-family: 'antipastoregular'; font-weight:bold; } .option_button ul{ margin:8px 0px 5px 20px; padding:0px; display:inline-block; *display:inline; zoom:1; float:left; } .option_name { padding-top: 10px; padding-bottom: 10px; padding-right:30px; color:#666666; font-size:19px; font-family: 'antipastoregular'; } .service_button ul{ margin:5px 0px 5px 20px; padding:0px; display:inline-block; *display:inline; zoom:1; float:left; } .service_button li { display:inline-block; *display:inline; zoom:1; list-style:none; margin-left: 0px; text-align:center; color:#ffffff; font-size: 18px; font-family: 'antipastoregular'; margin-right:5px; padding-top:3px; } .option_button li { display:inline-block; *display:inline; zoom:1; list-style:none; margin-left: 0px; text-align:center; color:#ffffff; font-size: 18px; font-family: 'antipastoregular'; margin-right:5px; padding-top:3px; } .option-comment-arrow { position: absolute; background: url(/images/comment-arrow2.png) no-repeat top left; width: 32px; height: 8px; top: -7px; left: 0px; z-index: 9999; } .option-comment div.service-option-comment { background: #f6f6f6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000000; border: 1px solid #dbdbdb; font-size: 11px; font-weight: bold; padding: 5px 10px; } .option-note { color:transparent; font-size:0px; text-align:-9999px; display:inline-block; *display:inline; zoom:1; float:right; margin-right:5px; margin-top: 8px; background: url(/images/info-blue.png) no-repeat center left; height: 28px; width: 28px !important; } a.option-online, a.option-online:active, a.option-online:visited { font-size: 14px; display: inline-block; zoom: 1; float: right; margin-top: 8px; margin-right: 10px; background: #232122; border: 2px solid #232122; overflow: hidden; color: #fff; border-radius: 5px; font-weight: bold; letter-spacing: 1px; padding: 5px 10px; -webkit-appearance: none; transition: all .2s; box-sizing: border-box; line-height: 13px; font-family: 'antipastoregular'; } a.option-online:hover { color: #232122; background: #fff; text-decoration:none; } .option_time, .service_time { font-size:21px; color:#D91B5C; font-family: 'antipastoregular'; font-weight:bold; } .option_time div { float: left; margin-right: 10px; } .option_time span, .service_time span { font-size:16px; } .expandable tr.comment td{ padding-bottom:0px; font-family:Arial, sans-serif; } .expandable td{ border-right:1px solid #F0EFEF; border-top:1px dashed #cccccc; } .service_time { border-top: none !important; padding:5px 0px 5px 10px; } .service_name { border-top: none !important; padding:0px 25px 0px 0px; } .service_button { border-top: none !important; padding:5px 10px 5px 0px; width: 270px; box-sizing: border-box; } .option_time{ padding-left:20px; } .service_time, .option_time{ border-right:none !important; } .treeTable tr td .expander { cursor: pointer; padding: 0; zoom: 1; /* IE7 Hack */ } .treeTable tr td a.expander { width: 300px; height: 40px; display:block; z-index:999; position:absolute; margin-top:-10px; left:0px; } .treeTable tr.collapsed td a.expander { background: url(/images/expander.png) no-repeat center right; } .treeTable tr.expanded td a.expander { background: url(/images/expander_up.png) no-repeat center right; } /* Layout helper taken from jQuery UI. This way I don't have to require the * full jQuery UI CSS to be loaded. */ .ui-helper-hidden { display: none; } /********************* end of servicesw tree ********************/ .service-updated { font-size:12px; font-style:italic; color:#666; background:url(/images/info.png) no-repeat center left; padding:4px 0px 4px 25px; font-family:Arial, sans-serif; clear:both; margin-bottom:10px; } .service-updated p{ font-size:12px; font-style:italic; color:#666; line-height: 1em; margin-bottom: 0px; } .service-updated span { color:#d91b5c; } .service-disclaimer { font-size:11px; font-style:italic; color:#666; font-family:Arial, sans-serif; border-bottom:1px solid #cccccc; margin-bottom:10px; } .service-disclaimer p{ padding-top:0px; margin-top:0px; font-size:11px; font-style:italic; color:#666; font-family:Arial, sans-serif; } .service-disclaimer a{ color:#d91b5c; text-decoration:underline; } .service-left { display: block; zoom: 1; margin: 15px 0 0; width: 100% ; } @media screen and (min-width: 768px) { .service-left { max-width: 565px; display: inline-block; *display: inline; zoom: 1; float: left; width: calc( 100% - 160px ); } } .service-right { width: 100%; display:block; zoom:1; margin-top:20px; } @media screen and (min-width: 768px) { .service-right { width: 150px; display:inline-block; *display:inline; float:right; margin-top:20px; } } .service-right p { margin-bottom:5px; } @media screen and (max-width: 768px) { .service-right p { width: calc( 50% - 5px); float: left; } .service-right p:first-child { margin-right:10px; } } .verified { background:url(/images/verified.png) no-repeat top center; width:120px; height:60px; display:block; margin:20px 0px; } .service-opening{ display:block; margin-bottom: 10px; } #times h2{ margin:20px 0px 0px 20px; } .star-0 { background:url(/images/0star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .star-1 { background:url(/images/1star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .star-2 { background:url(/images/2star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .star-3 { background:url(/images/3star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .star-4 { background:url(/images/4star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .star-5 { background:url(/images/5star.png) no-repeat top left; width:122px; height:20px; display:block; margin:10px 0px; } .service-comment { font-size: 1.1em; color: #555; padding: 8px 0px; font-family:Arial, sans-serif; width: 100%; display: block; position: relative; overflow: hidden; } .service-warning { clear:both; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding:7px 0px; } .service-warning span{ display:block; font-size:14px; color:#000000; font-family:Arial, sans-serif; background:#F6CEDC; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:5px 10px; } .time-saved{ background:#d91b5c url(/images/stopwatch_big.png) no-repeat center left;; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#ffffff; font-size:13px; padding:5px 10px 5px 40px; line-height:1.3em; cursor: default; } .time-saved div { font-size:21px; font-weight:bold; } .time-saved div span { font-weight:normal; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #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;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;display:none !important;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px -29px;} #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; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #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:0; background:url(/images/controls.png) no-repeat -75px 0; 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) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(/images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } .service-opening a { background: url(/images/opening_btn.png) no-repeat top left; width:123px; height:39px; display:block; overflow:hidden; font-size:0px; text-indent:-9999px; } .service-opening a:hover { background-position: 0px -39px; } .times{padding:20px;} .opening-notes{padding:0px 20px;} .times ul{ margin-top:10px; } .times ul li { display:inline-block; *display:inline; zoom:1; width:130px; margin-right:20px; } .times-start { margin-right:20px; display:inline-block; *display:inline; zoom:1; width:60px; } .times-notes { display:inline-block; *display:inline; zoom:1; } #country-chooser { padding:20px 30px 0px; } #country-chooser a{ padding-right:10px; } #country-yes:hover, #country-no:hover { color:#D91B5C; text-decoration:none; } #country-yes, #country-no { background:url(/images/plain_btn.png) no-repeat top left; width:70px; height:18px; display:block; color:#999; font-size:18px; font-weight:bold; display:inline-block; *display:inline; zoom:1; padding:10px 20px; margin:20px 10px 0px 0px; } a.report_problem, a.rate_company{ width: 100%; font-size: 16px; display: inline-block; zoom: 1; margin-top: 1px; background: #232122; border: 2px solid #232122; overflow: hidden; color: #fff; border-radius: 5px; font-weight: bold; letter-spacing: 1px; padding: 10px; -webkit-appearance: none; transition: all .2s; box-sizing: border-box; line-height: 13px; font-family: 'antipastoregular'; text-align: center; } @media screen and (min-width: 768px) { a.report_problem, a.rate_company{ width: 150px; } } a.report_problem:hover, a.rate_company:hover { background: #fff; color:#232122; text-decoration: none; } .follow_btns { font-size:0px; display:block; margin-bottom:20px; } @media screen and (min-width: 768px) { .follow_btns { float:right; font-size:0px; display:inline-block; margin-left: 10px; } } .follow_btns a { text-indent: 999999px; } .follow_twitter{ display:inline-block; background:url(/images/follow_twitter.png) no-repeat top left; width:35px; height:35px; } .follow_facebook{ display:inline-block; background:url(/images/follow_facebook.png) no-repeat top left; width:35px; height:35px; margin-left:10px; } .follow_linked{ display:inline-block; background:url(/images/follow_linked.png) no-repeat top left; width:35px; height:35px; margin-left:10px; } .tr .td, .tr .th { float: left; vertical-align: top; padding: 10px 0; display: table-cell; vertical-align: middle; font-weight: bold; } .tr .td:first-child, .tr .th:first-child {width: 270px;padding-right: 13px} .tr .td:nth-child(2), .tr .th:nth-child(2) { width: 270px; padding-right: 10px; padding-left: 25px; } .tr .td:nth-child(3), .tr .th:nth-child(3) {width: 100px; text-align: center} .time-saved span {font-size:0.8em} .service-table-headings { display: block; width: 700px; clear: both; } .service-table-headings tr {background: none} .tr { overflow: hidden; border-bottom: 1px dashed #ccc; background: url(/images/tr-bg.gif) 183px top repeat-y; padding: 0 0 0 12px } .service-table-headings .tr {background: none} .service-table-headings > .tr:first-child, .tr:last-child {border-bottom: none} .service-table-headings .th {font-size: 1.4em !important; color: #d91b5c} .service-table-headings .th:last-child { } .no-tree-data{ background: url(/images/warning_small.gif) no-repeat center left; display:block; overflow: hidden; width: 100%; font-size: 14px; font-style:italic; padding:40px 0px 20px 50px; } p.comments-title { color:#D91B5C; font-weight:bold; font-family: 'antipastoregular'; font-size:20px; } .option-tool-tip { display:none; } .pinkbg { display:block; background:#F6CEDC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 10px; } .info-text { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 18px 10px 0px 55px; min-height: 38px; background: #fff url(/images/info-large.png) no-repeat 5px 5px; } .imgCenter img{ display:block; position:relative; margin:0px auto; } .ratecompany fieldset, .advertiseonthesite fieldset, .includecompanyinresearch fieldset { width: 100%; } .ratecompany span.contourError, .advertiseonthesite span.contourError, .includecompanyinresearch span.contourError { width: 110px;} .newsArticle .paging { display: block; position: relative; overflow: hidden; margin-bottom: 20px; clear:both; } .share-this-buttons {margin: 0 0 35px;} @media screen and (max-width: 768px) { .sidebar-right .share-this-buttons { display:none; } } /**** sign up button *****/ .signup-button { margin:0px 0px 20px; border: 1px solid #DA1259; border-radius: 5px; padding: 10px; background: #fff url(/images/greydient.png) bottom repeat-x; text-align:center; } .signup-button p { color:#DA1259; font-size:14px; } .signup-button p a { font-family: Arial, sans-serif; font-weight: bold; } .signup-button a.signup_btn { margin: 10px auto; font-size: 16px; width: 180px; overflow: hidden; display: block; font-weight: bold; text-align: center; padding: 10px 10px; line-height: 1em; font-family: "antipastoregular", Arial, sans-serif; background: #fff; border:2px solid #232122; color: #232122; border-radius: 7px; box-sizing: border-box; transition: all .2s; } .signup-button a.signup_btn:hover { color: #fff; text-decoration:none; background:#232122; } @media screen and (min-width: 768px) { .signup-button { text-align:left; } .signup-button a.signup_btn { margin: 10px 0px; } } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; width: 100% !important; } .fb_iframe_widget iframe { position: absolute; width: 100% !important; } .fb_iframe_widget { display: inline-block; position: relative; width: 100%; overflow: hidden; } .main img { max-width:100%; height: auto; } .table_wrapper { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 940px) { .table_wrapper { overflow-x: hidden; } .table_wrapper::-webkit-scrollbar { display: none; } } .expandable { white-space: normal; } } .header-right { position: absolute; right: 0; top: 0; display: block; overflow: hidden; width: 700px; bottom: 0; } @media screen and (max-width: 925px) { .header-right { display:block; } .site-width .speach { display: none; } .site-width .grey-blob, .grey-shadow { display: none; } .site-width .pink-blob { right:10px; } .pink-shadow { right:5px; } .strap { right:110px; } } @media screen and (max-width: 820px) { .top { display:none; } .site-width .pink-blob, .pink-shadow, .strap, .header-right { display: none; } } .burger { background: url(/images/burger.png) no-repeat bottom center; display: none; float: right; width: 42px; height: 50px; font-family: "antipastoregular", Arial, sans-serif; color: #fff; font-size: 20px; margin:10px 0; border:none; padding-bottom: 27px; } .main-nav .close { background: url(/images/close.png) no-repeat bottom center; display: none; width: 45px; height: 52px; font-family: "antipastoregular", Arial, sans-serif; color: #fff; font-size: 20px; position: absolute; top: 10px; right: 10px; text-transform: none; } .top-mobile { display:none; } .mobile-strap { display:none; position: relative; width: 100%; padding:10px; color:white; background: #d91b5c; font-size:20px; text-align:center; z-index:1; box-sizing: border-box; } .mobile-strap span { display: block; font-size:30px; } @media screen and (max-width: 768px) { #content .service-table .button.b-tel.th-b-tel span br { display:none; } } @media screen and (max-width: 820px) { header .site-width { z-index:2; } .mobile-strap { display: block; } header { overflow:visible; box-sizing: border-box; display: block; z-index: 999; } .top-mobile { display:block; } .top-mobile .list-label { float:none; display:block; width:100%; text-transform: capitalize; } .top-mobile .icon-list{ border:none; padding-bottom: 0; width:100%; } .top-mobile .icon-list ul { border:none; padding-bottom: 0; margin: 10px 0; } .top-mobile .icon-list ul li { } .top-mobile .icon-list ul li a{ margin:0; } .burger { display:block; } .logo { display: inline-block; height: 60px; background-size: auto 100%; width: 150px; margin: 10px 0; } .main-nav { position: absolute; top: 0; left: 0; width: 100%; background: #000; padding: 30px; box-sizing: border-box; display: none; max-height:0; font-size: 20px; transition: all .2s; } .open .main-nav { display:block; max-height:500px; } .open .main-nav .close { display: block; } .main-nav ul { height: auto; border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 10px; } .main-nav li { } .main-nav a, .main-nav a:visited { color:white; margin:10px 0; display:block; text-transform: uppercase; } header .main-nav a:hover, header .main-nav .active, header .main-nav .active:visited { color: #d91b5c; text-decoration:none; } } @media screen and (max-width: 768px) { .search_desc p { font-size:11px; } }