/* Package: Romec - Website 2009-2010 Title: default.css.php Media: Screen Type: Layout and Text styles Author: Fish.Net (Christian) The FAMFAMFAM icons are used under the Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/) and are the work of Mark James (http://www.famfamfam.com/). 1. Default Styles 2. Layout 3. Sliding Panel 4. Asset Styles */ /*-------------------- 1. Default Styles --------------------*/ /* Defaults and Resets*/ html, body { margin: 0; padding: 0; height: 100.1%; } body { margin: 0; padding: 0; font: normal normal 12px/18px Arial, Helvetica, sans-serif; color: #7e8082; text-align: center; background: #F2F2F2 url(http://images.romec.co.uk/shared/bg.jpg) repeat-y center top; } ul { padding: 0px; margin: 0px; } li { background-repeat: no-repeat; background-position: 0px 5px; padding: 0px; margin: 0px; } /* Base Heading Tags (size only - colours defined in the sitelet stylesheets) */ h1 { font-size: 16px; margin: 0; padding: 0; font-weight: normal; } h2 { font-size: 16px; margin: 0; padding: 0; font-weight: normal; } h3 { font-size: 14px !important; margin: 0 0 6px 0; padding: 0; font-weight: normal; color: #0073a9;} h3 a:link { font-size: 14px !important; margin: 0 0 6px 0; padding: 0; font-weight: normal; } h3 a:visited { font-size: 14px !important; margin: 0 0 6px 0; padding: 0; font-weight: normal; } h3 a:hover { font-size: 14px !important; margin: 0 0 6px 0; padding: 0; font-weight: normal; } h3 a:active { font-size: 14px !important; margin: 0 0 6px 0; padding: 0; font-weight: normal; } h4 { font-size: 12px; margin: 0 0 6px 0; padding: 0; font-weight: 700; } /* Base Colour Classes */ .default-grey { color: #7e8082 !important; } .black { color: #000 !important; } .white { color: #fff !important; } .site-colour { color: #0073a9 !important; } .colour-corp { color: #ec3426 !important; } .colour-building { color: #0073a9 !important; } .colour-cleaning { color: #00b4ca !important; } .colour-fire { color: #00a84f !important; } .colour-manu { color: #956e8e !important; } .colour-national { color: #f7971e !important; } .colour-special { color: #6b2a7f !important; } .colour-mew { color: #005288 !important; } .colour-innov { color: #ec3426 !important; } /* Base Weight Classes */ .heavy { font-weight: 700; } /* General Styles */ .clearme { clear: both; height:0; font-size: 1px; line-height: 0px; color: #FFFFFF !important; background-color: transparent !important; border: 0 !important; } .clearme2 { clear: both; height:0; font-size: 1px; line-height: 0px; color: #FFFFFF !important; background-color: transparent !important; border: 0 !important; margin-bottom: 10px !important; } /*.homepage-asset-content-height-fix { height: 420px; } */ /*.homepage-asset-content-height-fix { height: 380px; } */ #asset-experience { border: 0 !important; } hr { margin-top: 25px; border: 0; color: #dddedf; background-color: #dddedf; height: 1px; } hr.borderline { margin: 10px 0 10px 0; border: 0; color: #0073a9; background-color: #0073a9; height: 1px; } .case-study-heading h3 { margin: 10px 0 0 10px; } .case-study-heading hr { width: 627px;margin: 10px 0 0 10px; } /*-------------------- 2. Layout --------------------*/ /* Basic Layout */ #wrapper-outer { width: 1000px; margin: 0 auto; text-align: center;} #wrapper-inner { background: #fff; width: 950px; margin: 0 auto; text-align: center; border: 1px solid #fff;} /* Header */ #header { height: 91px; margin-top: 29px;} #branding { float: left; width: 500px; margin-top: 11px; margin-left: 0; padding-left: 0; text-align: left;} #branding img { margin-right: 22px; float: left; border: none; margin-left: 0; padding-left: 0; } #company-tel { float: right; margin-top: 15px; height: 31px; text-align: left;} #search { float: right; height: 28px;} #search form { padding-top: 1px;} #search .searchinput { background: url(http://images.romec.co.uk/shared/search-bg.gif) repeat-x; font: normal normal 12px/18px Arial, Helvetica, sans-serif; float: left; width: 155px; height: 17px;border: 1px solid #dddedf; color: #7e8082; font-size: 15px; padding: 2px 2px 2px 4px; margin-right: 0; background-color: #F2F2F2; } #search .submitme { float: left; width: 29px; height: 26px; border: none; margin: 0; padding: 0; } .telno { float: right; margin: 0 0 0 6px; font-size: 12px; color: #7e8082; font-weight: 700; } .searchinput .focusField{ border:solid 1px #7e8082 !important; color: #7e8082 !important; } .focusField { border:solid 1px #7e8082 !important; color: #7e8082 !important; } .idleField{ border: 1px solid #dfdfdf !important; } #search-tel-wrapper { float: right; width: 300px; } .help-tagline { float: left; text-align: left; margin: 0; font-size: 12px; font-weight: 0; color: #7e8082; font-style: italic; padding-right: 0px; } .searchinput { font-size: 12px !important; padding-top: 5px !important; } #company-tel p { } .telnointro { font-size: 14px !important; padding-bottom: 3px; } .telnobig { float: left; font-size: 31px !important; padding-top: 4px; } .telnoicon { float: left; width: 17px !important; height: 27px !important; padding: 0; margin: 0 0 0 12px; } .telnobox { -moz-border-radius: 5px 5px 45px 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px 15px 0 15px; margin: 0 0 9px 0; height: 80px; } .header-tagline { color: #0073a9; font-size: 14px !important; font-weight: 700; font-style: italic; float: left; padding-top: 34px; } .help-tagline a:link { color: #7e8082; text-decoration: none; } .help-tagline a:visited { color: #7e8082; text-decoration: none; } .help-tagline a:hover { color: #7e8082; text-decoration: underline; } .help-tagline a:active { color: #7e8082; text-decoration: none; } /* Main Navigation */ /* Main Navigation */ #nav-main ul li dl { position: absolute; left: -999em; } #nav-main ul li:hover dl, #nav-main ul li.sfhover dl { left: auto; position: relative; } #navigation { height: 52px;} /* mine below */ #nav-main { height: 34px;} #nav-main ul { background: url(http://images.romec.co.uk/building/navbg-building.gif) repeat-x; width:100%; margin:0; float:left; text-align: left; border:1px solid #0073a9 ; } #nav-main ul li { border-right: 1px solid #005d89; color: #fff; font-weight: 700; list-style: none; margin: 0; float: left; padding: 0; line-height: 30px; height: 29px; text-align: center; min-width: 117px;} #nav-main ul li.nav-active { border: 1px solid #0073a9; color: #0073a9; font-weight: 700; background-color: #fff; } #nav-main ul li.nav-last{ padding-left: 3px; } #navigation-1 a{color:#FFF;text-decoration:none;font-size:12px;font-weight:700;display:block;padding-right:10px;padding-left:10px; } #navigation-1 .active{background:#FFF; border-bottom:1px solid #0073a9;} #navigation-1 .active a:link,.topactivelink,#navigation-1 a:hover{background:#fff;color: #0073a9;} .topactivelink { color: #0073a9 !important; } /* .topactivelink { border-left: 1px solid #0073a9; border-top: 1px solid #0073a9; /*border-bottom: 1px solid #0073a9;*/ height: 27px; } /* Used for borders on mouse over */ */ #navigation-1 ul{margin:9px 0 0 1px;padding:0;} #nav li:hover div,#nav-main li:hover div,#nav-main ul li.sfhover div{border-right:1px solid #7e8082;border-bottom:1px solid #7e8082;border-left:1px solid #7e8082;border-top: none; background-color: #fff; } #navigation-1 li div{position:absolute;} #navigation-1 li,#navigation-2-horizontal li{list-style:none;float:left;line-height:32px;height:32px;text-align:center;margin:0 5px;padding:0;} #navigation-1 .first,#navigation-2-horizontal .first{margin-left:0;padding-left:0;padding-top:0;} #navigation-1 .dropdown a:link, #navigation-1 .dropdown a:visited, #navigation-1 .dropdown a:active{ border-top:none; border-bottom:none; } /* Fixes white bg on dropdown mouse over. */ #navigation-1 .dropdown a:hover{background:none; border-top:none; margin-top:0px !important; border-bottom:none; border-left:none;} /* Fixes white bg on dropdown mouse over. */ #navigation-1 { } #navigation-1 .dropdown a:link { color: #000; } #navigation-1 .dropdown a:visited { color: #000; } #navigation-1 .dropdown a:hover { color: #000; } #navigation-1 .dropdown a:active { color: #000; } #navigation-1 ul li dl dd a:link { color: #7e8082 !important; text-decoration: none; font-weight: normal; } #navigation-1 ul li dl dd a:visited { color: #7e8082 !important; text-decoration: none; font-weight: normal; } #navigation-1 ul li dl dd a:hover { color: #7e8082 !important; text-decoration: underline; font-weight: normal; } #navigation-1 ul li dl dd a:active { color: #7e8082 !important; text-decoration: none; font-weight: normal; } .navitems a:link,.navitems a:visited,.navitems a:hover,.navitems a:active{background:url(/gfx/nav/corp-LeftSubBullet.gif) no-repeat left center !important;color: #0073a9 !important;border:0 !important;} .navitems li.active a:link,.navitems li.active a:visited,.navitems li.active a:hover,.navitems li.active a:active{margin-left:0 !important;line-height:22px !important;background:url(/gfx/nav/corp-LeftSubHighlight.jpg) no-repeat left bottom !important;} .navitems li.active{margin-left:0 !important;} .dropdown{text-align:left;padding-left:10px;z-index:2000;margin-left:-1px;} .dropdown dl{float:left;width:12em;margin: 10px 0 0 0;} .dropdown dd{font-size:12px;font-weight:400 !important;margin:0;} .dropdown dt{ font-size:12px; font-weight:700; text-decoration:none; color: #000;height:auto; line-height:normal; margin:0; padding:0px 0; } .dropdown a:link,.dropdown a:visited,.dropdown a:hover,.dropdown a:active{font-size:12px !important;color: #000 !important;height:auto !important;line-height:normal !important;margin:0 15px 10px 5px !important;padding:2px !important;} .dropdown dt{ font-size:12px; font-weight:700; text-decoration:none; color: #000;height:auto; line-height:normal; margin:0; padding:5px 0; } .dropdown a:link,.dropdown a:visited,.dropdown a:hover,.dropdown a:active{font-size:12px !important;color: #000 !important;height:auto !important;line-height:normal !important;margin:0 15px 10px 5px !important;padding:2px !important;} /* FIXES FOR MENU ITEMS */ .id-1 dl{width:19.6em;} .id-1 dl { background: url(http://images.romec.co.uk/shared/services-bullet-bg.gif) no-repeat !important; background-position:2px 7px !important; } .id-1 dl dt { padding-left: 20px !important; } .id-3{ margin-left:0px;} .id2 dl{width:11.69em;} .id15 dl{width:12.15em;} .id128 dl{ width:9em; padding:0; margin:0; } .id500{ margin-left:-32px;} .id128 { margin-left:-280px; } /*-------------------- 3. Sliding Panel --------------------*/ /* Slide Panel Navigation - Structure */ a:focus { outline: none; } #panel { background: #DE1C25;height: 29px; display:none; } .slide { margin: 0;padding: 0; } .btn-slide { -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; background: url(http://images.romec.co.uk/shared/togglearrow.gif) no-repeat right -53px; text-align: center;width: 130px;height: 20px;padding: 6px 0 3px 0;float: right;display: block;font: bold 12px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none; background-color: #DE1C25; ; } .slide a:hover{ _text-decoration:underline !important; } .active { background-position: right 12px; } /* Slider menu NEW */ #panel ul li dl { position: absolute; left: -999em; } #panel ul li:hover dl, #panel ul li.sfhovers dl { left: auto; position: relative; } #panels { } /* mine below */ #panel { height: 30px;} #panel ul { background: #de1c25 repeat-x; width:99%; _width:100% !important; margin:0; float:left; text-align: left; } #panel ul li { color: #fff; font-weight: 700; list-style: none; margin: 0; float: left; padding: 0; line-height: 30px; height: 29px; text-align: center; min-width: 117px;} #panel ul li.nav-active { border: 1px solid #de1c25; color: #de1c25; font-weight: 700; background-color: #fff; } #panel ul li.nav-last{ padding-left: 3px; } #sliding-dropdown a{color:#FFF;text-decoration:none;font-size:12px;font-weight:700;display:block;padding-right:10px;padding-left:10px; } #sliding-dropdown .active, #sliding-dropdown a:hover{ text-decoration:underline;} #sliding-dropdown ul{margin:0 0 0 1px;padding:0;} #panel-nav li:hover div,#panel li:hover div,#panel ul li.sfhovers div{border-right:1px solid #7e8082;border-bottom:1px solid #7e8082;border-left:1px solid #7e8082;border-top: none; background-color: #fff; } #sliding-dropdown li div{position:absolute;} #sliding-dropdown li,#navigation-2-horizontal li{list-style:none;float:left;line-height:32px;height:32px;text-align:center;margin:0 5px;padding:0;} #sliding-dropdown .first,#navigation-2-horizontal .first{margin-left:0;padding-left:0;padding-top:0;} #sliding-dropdown .dropdown a:link, #sliding-dropdown .dropdown a:visited, #sliding-dropdown .dropdown a:active{ border-top:none; border-bottom:none; } /* Fixes white bg on dropdown mouse over. */ #sliding-dropdown .dropdown a:hover{background:none; border-top:none; margin-top:0px !important; border-bottom:none; border-left:none;} /* Fixes white bg on dropdown mouse over. */ #sliding-dropdown { } #sliding-dropdown .dropdown { margin-top:-1px; } #sliding-dropdown .dropdown a:link { color: #000; } #sliding-dropdown .dropdown a:visited { color: #000; } #sliding-dropdown .dropdown a:hover { color: #000; } #sliding-dropdown .dropdown a:active { color: #000; } #sliding-dropdown ul li dl dd a:link { color: #7e8082 !important; text-decoration: none; font-weight: normal; } #sliding-dropdown ul li dl dd a:visited { color: #7e8082 !important; text-decoration: none; font-weight: normal; } #sliding-dropdown ul li dl dd a:hover { color: #7e8082 !important; text-decoration: underline; font-weight: normal; } #sliding-dropdown ul li dl dd a:active { color: #7e8082 !important; text-decoration: none; font-weight: normal; } /* When moused over */ #sliding-dropdown .active a:link{text-decoration:underline;} /* .activelink{text-decoration:underline;} .activelink { color: #de1c25 !important; } .activelink{border-left:1px solid #de1c25; border-top:1px solid #de1c25; } .activelink a:hover{background:#fff;color: #de1c25 !important;} .activelink { background-color:#de1c25; } */ .dropdown dl{padding-top:10px; } .dropdownlinks a{ width:18em !important; text-align:left !important; } .serviceslink { padding-left:20px; padding-top:10px; } .activeslider{ background-color:#fff !important; border-left:1px solid #de1c25; color:#000; !important; } .activelink { background-color:#de1c25; border-top:1px solid #de1c25; } .activeslider, .activelink a:hover{ background-color:#fff !important; border-left:0px solid #de1c25; color:#de1c25; !important; } #li_-1_1 a:hover, .activeslider, .activelink a:hover{ text-decoration:underline !important; background-color:#fff !important; color:#de1c25 !important; border-left:0px solid #de1c25; } #li_-1_1 a:hover { border-top:none; } /* Slider menu END */ /* Side Navigation */ #content-inner .nobullet { background-image:none !important; } li.list-heading { padding-bottom: 18px; list-style: none;} li.list-item { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 1px; list-style: none;} li.list-item-active { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 1px; list-style: none;} li.list-item-child-active { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 1px; list-style: none;} li.list-sub-item { width: 190px; padding: 0 0 4px 19px; margin: 0; list-style: none; text-indent: -19px;} li.list-sub-item-active { width: 190px; padding: 0 0 4px 19px; margin: 0; list-style: none; text-indent: -19px; } li.list-sub-sub-item { width: 170px; padding: 0 0 4px 19px; margin: 0; list-style: none; text-indent: -25px;} li.list-sub-sub-item-active { width: 170px; padding: 0 0 4px 19px; margin: 0; list-style: none; text-indent: -25px; } li.list-heading a:link { font-weight: 700; color: #0073a9; text-decoration: none; } li.list-heading a:visited { font-weight: 700; color: #0073a9; text-decoration: none; } li.list-heading a:hover { font-weight: 700; color: #0073a9; text-decoration: underline !important; } li.list-heading a:active { font-weight: 700; color: #0073a9; text-decoration: none; } li.list-item a:link { font-weight: 700; color: #7e8082; text-decoration: none; } li.list-item a:visited { font-weight: 700; color: #7e8082; text-decoration: none; } li.list-item a:hover { font-weight: 700; color: #7e8082; text-decoration: underline !important; } li.list-item a:active { font-weight: 700; color: #7e8082; text-decoration: none; } li.list-item-active a:link { font-weight: 700; color: #0073a9; text-decoration: underline !important; } li.list-item-active a:visited { font-weight: 700; color: #0073a9; text-decoration: underline !important; } li.list-item-active a:hover { font-weight: 700; color: #0073a9; text-decoration: underline !important; } li.list-item-active a:active { font-weight: 700; color: #0073a9; text-decoration: underline !important; } li.list-item-child-active a:link { font-weight: 700; color: #000; text-decoration: underline;} li.list-item-child-active a:visited { font-weight: 700; color: #000; text-decoration: underline; } li.list-item-child-active a:hover { font-weight: 700; color: #000; text-decoration: underline; } li.list-item-child-active a:active { font-weight: 700; color: #000; text-decoration: underline; } li.list-sub-item a:link { padding: 0 0 0 19px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-item a:visited { padding: 0 0 0 19px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-item a:hover { padding: 0 0 0 19px; font-weight: normal; color: #7e8082; text-decoration: underline !important; } li.list-sub-item a:active { padding: 0 0 0 19px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-item-active a:link { padding: 0 0 0 19px; color: #0073a9; text-decoration: underline;} li.list-sub-item-active a:visited { padding: 0 0 0 19px; color: #0073a9; text-decoration: underline; } li.list-sub-item-active a:hover { padding: 0 0 0 19px; color: #0073a9; text-decoration: underline; } li.list-sub-item-active a:active { padding: 0 0 0 19px; color: #0073a9; text-decoration: underline; } li.list-sub-sub-item a:link { padding: 0 0 0 25px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-sub-item a:visited { padding: 0 0 0 25px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-sub-item a:hover { padding: 0 0 0 25px; font-weight: normal; color: #7e8082; text-decoration: underline !important; } li.list-sub-sub-item a:active { padding: 0 0 0 25px; font-weight: normal; color: #7e8082; text-decoration: none; } li.list-sub-sub-item-active a:link { padding: 0 0 0 25px; color: #0073a9; text-decoration: underline;} li.list-sub-sub-item-active a:visited { padding: 0 0 0 25px; color: #0073a9; text-decoration: underline; } li.list-sub-sub-item-active a:hover { padding: 0 0 0 25px; color: #0073a9; text-decoration: underline; } li.list-sub-sub-item-active a:active { padding: 0 0 0 25px; color: #0073a9; text-decoration: underline; } ul.sublist { padding: 0 !important; margin: 0 !important; } /* Breadcrumb Navigation */ #nav-breadcrumb { color: #0073a9; font-size: 10px; text-align: left; margin-top: 9px; margin-bottom: 4px; } #nav-breadcrumb p { margin: 0 !important; padding: 0 !important; } .breadcrumb-current { font-weight: 700; text-decoration: none; } .breadcrumb-greyout a:link { text-decoration: underline; color: #7e8082; } .breadcrumb-greyout a:visited { text-decoration: underline; color: #7e8082; } .breadcrumb-greyout a:hover { text-decoration: none; color: #7e8082; } .breadcrumb-greyout a:active { text-decoration: underline; color: #7e8082; } /* Mast */ #mast { height: 369px; margin-top: 12px;} #mast-sitelet { height: 369px; margin-top: 12px;} #mast-sitelet-sub { height: 137px !important; margin-top: 12px; } #mast-sitelet-sub #mainimg { background: #fff url(http://images.romec.co.uk/building/mainimg-building-narrow.jpg) repeat-y; height: 137px;} #mast-sitelet #mainimg { background: #fff url(http://images.romec.co.uk/building/mainimg-building-1.jpg) repeat-y; height: 278px;} #mainimg { background: #000; height: 313px; border-top: 1px solid #fff; overflow: hidden !important; } #mainimg-overlay { float: left; height: 100px; margin: 40px 0 0 35px; text-align: left;} #mainimg-overlay ul { width:100%; margin:0; float:left; text-align: left; } #mainimg-overlay li { font-size: 14px; list-style: none; margin: 0; float: left; } .mainimg-overlay-heading { font-size: 16px; font-weight: 700; display: inline; } .mainimg-overlay-tagline { font-size: 16px; font-style: italic; display: inline; } #mainimg-overlay .mainimg-heading { background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 28px; font-weight: 700; margin: 0 15px 0 0; padding: 13px 10px 0 10px; } #mainimg-overlay .mainimg-subheading { background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 18px; font-weight: normal; font-style: italic; margin: 0 0 0 0; padding: 13px 10px 10px 10px; } #mast #nav-sitelet-tabs { color: #fff !important; height: 53px; background: none; } #mast-sitelet #nav-sitelet-tabs { color: #fff !important; height: 53px; background: #fff url(http://images.romec.co.uk/building/subnavbg-building.gif) repeat-x; } /* Home Subnav */ .home-subnav {} .home-subnav-building { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/building/subnavbg-building.gif) repeat-x; } .home-subnav-cleaning { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning.gif) repeat-x; } .home-subnav-fire { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/fire/subnavbg-fire.gif) repeat-x; } .home-subnav-manu { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu.gif) repeat-x; } .home-subnav-national { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/national/subnavbg-national.gif) repeat-x; } .home-subnav-special { float: left; display: block; cursor: hand; width: 160px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/special/subnavbg-special.gif) repeat-x; } .home-subnav-building .spantext { display: block; color: #fff; padding: 18px 0 0 15px !important; text-align: left; width: 100px; float: left;} .home-subnav-cleaning .spantext { display: block; color: #fff; padding: 10px 0 0 15px !important; text-align: left; width: 110px; float: left;} .home-subnav-fire .spantext { display: block; color: #fff; padding: 18px 0 0 15px !important; text-align: left; width: 100px; float: left;} .home-subnav-manu .spantext { display: block; color: #fff; padding: 18px 0 0 15px !important; text-align: left; width: 100px; float: left;} .home-subnav-national .spantext { display: block; color: #fff; padding: 10px 0 0 15px !important; text-align: left; width: 100px; float: left;} .home-subnav-special .spantext { display: block; color: #fff; padding: 18px 0 0 15px !important; text-align: left; width: 100px; float: left;} .home-subnav-building img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-cleaning img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-fire img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-manu img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-national img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-special img { float: right; padding: 21px 15px 0 0; border: 0; } .home-subnav-building:hover { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/building/subnavbg-building-hover.gif) repeat-x; } .home-subnav-cleaning:hover { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning-hover.gif) repeat-x; } .home-subnav-fire:hover { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/fire/subnavbg-fire-hover.gif) repeat-x; } .home-subnav-manu:hover { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu-hover.gif) repeat-x; } .home-subnav-national:hover { float: left; display: block; cursor: hand; width: 158px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/national/subnavbg-national-hover.gif) repeat-x; } .home-subnav-special:hover { float: left; display: block; cursor: hand; width: 160px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/special/subnavbg-special-hover.gif) repeat-x; } /* Sitelet Subnav */ .sitelet-subnav {} .sitelet-subnav-building { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/building/subnavbg-building.gif) repeat-x; } .sitelet-subnav-cleaning { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning.gif) repeat-x; } .sitelet-subnav-fire { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/fire/subnavbg-fire.gif) repeat-x; } .sitelet-subnav-manu { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu.gif) repeat-x; } .sitelet-subnav-national { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/national/subnavbg-national.gif) repeat-x; } .sitelet-subnav-special { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/special/subnavbg-special.gif) repeat-x; } .sitelet-subnav-innov { border-right: 1px solid #005d89; text-align: left; float: left; display: block; cursor: hand; width: 315px; height: 53px; color: #fff !important; background: transparent url(http://images.romec.co.uk/innov/subnavbg-innov.gif) repeat-x; } .sitelet-subnav-building img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-cleaning img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-fire img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-manu img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-national img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-special img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-innov img { float: right; border: 0; padding: 15px 15px 0 0; } .sitelet-subnav-building:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/building/subnavbg-building-hover.gif) repeat-x; } .sitelet-subnav-cleaning:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning-hover.gif) repeat-x; } .sitelet-subnav-fire:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/fire/subnavbg-fire-hover.gif) repeat-x; } .sitelet-subnav-manu:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu-hover.gif) repeat-x; } .sitelet-subnav-national:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/national/subnavbg-national-hover.gif) repeat-x; } .sitelet-subnav-special:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/special/subnavbg-special-hover.gif) repeat-x; } .sitelet-subnav-innov:hover { float: left; display: block; cursor: hand; color: #fff !important; background: transparent url(http://images.romec.co.uk/innov/subnavbg-innov-hover.gif) repeat-x; } .info-left { float: left; } .spantext-title { float: left; font-size: 14px; font-weight: 700; display: block; color: #fff; padding: 11px 0 0 15px !important; text-align: left;} .spantext-subtitle { float: left; clear: left; line-height: 12px; font-size: 11px; display: block; color: #fff; padding: 0 0 0 15px !important; text-align: left;} /* Footer Subnav */ .homenav { color: #fff !important; background: #ec3426 url(http://images.romec.co.uk/corp/subnavbg-corp.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; } .homenav-fire-footer { color: #fff !important; background: #00a84f url(http://images.romec.co.uk/fire/subnavbg-fire.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; } .homenav-building-footer { color: #fff !important; background: transparent url(http://images.romec.co.uk/building/subnavbg-building.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; } .homenav-manu-footer { color: #fff !important; background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu.gif) repeat-x; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left; } .homenav-national-footer { color: #fff !important; background: transparent url(http://images.romec.co.uk/national/subnavbg-national.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; } .homenav-cleaning-footer { color: #fff !important; background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; } .homenav-special-footer { color: #fff !important; background: transparent url(http://images.romec.co.uk/special/subnavbg-special.gif) repeat-x; width: 158px; height: 53px; float: left; text-align: left; width: 160px !important; } .homenav-building-footer-hover { background: transparent url(http://images.romec.co.uk/building/subnavbg-building-hover.gif) repeat-x !important; } .homenav-fire-footer-hover { background: transparent url(http://images.romec.co.uk/fire/subnavbg-fire-hover.gif) repeat-x !important; } .homenav-manu-footer-hover { background: transparent url(http://images.romec.co.uk/manu/subnavbg-manu-hover.gif) repeat-x !important; } .homenav-cleaning-footer-hover { background: transparent url(http://images.romec.co.uk/cleaning/subnavbg-cleaning-hover.gif) repeat-x !important; } .homenav-special-footer-hover { background: transparent url(http://images.romec.co.uk/special/subnavbg-special-hover.gif) repeat-x !important; } .homenav-national-footer-hover { background: transparent url(http://images.romec.co.uk/national/subnavbg-national-hover.gif) repeat-x !important; } #nav-sitelet-tabs a:link { cursor: hand; color: #fff !important; text-decoration: none;} #nav-sitelet-tabs a:visited { cursor: hand; color: #fff; text-decoration: none; } #nav-sitelet-tabs a:hover { cursor: hand; color: #fff; text-decoration: none; } #nav-sitelet-tabs a:active { cursor: hand; color: #fff; text-decoration: none; } .subnav { background: url(http://images.romec.co.uk/building/bullet-building-trans.gif) no-repeat; list-style-position: inside; background-position: 93%; list-style: none; border-right: 1px solid #fff; margin-right: 0px; width: 315px; height: 53px; float: left; text-align: left; } .subnav-building { background: transparent url(http://images.romec.co.uk/building/bullet-building-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left; padding-top: 8px;} .subnav-cleaning { background: transparent url(http://images.romec.co.uk/cleaning/bullet-cleaning-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} .subnav-fire { background: transparent url(http://images.romec.co.uk/fire/bullet-fire-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left; padding-top: 8px;} .subnav-manu { background: transparent url(http://images.romec.co.uk/manu/bullet-manu-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left; padding-top: 8px;} .subnav-national { background: transparent url(http://images.romec.co.uk/national/bullet-national-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} .subnav-special { background: transparent url(http://images.romec.co.uk/special/bullet-special-trans-small.gif) no-repeat; list-style-position: inside; background-position: 133px 22px; margin-right: 0px; width: 160px; height: 53px; float: left; text-align: left; padding-top: 8px;} #footer-sub-nav .subnav-building { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} #footer-sub-nav .subnav-cleaning { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} #footer-sub-nav .subnav-fire { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} #footer-sub-nav .subnav-manu { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} #footer-sub-nav .subnav-national { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 158px; height: 53px; float: left; text-align: left;} #footer-sub-nav .subnav-special { background: none !important; list-style-position: inside; background-position: 93%; margin-right: 0px; width: 160px; height: 53px; float: left; text-align: left;} #footer-sub-nav p.subnav-heading { font-size: 10px !important; } #footer-sub-nav .homenav-building-footer { height: 30px;} #footer-sub-nav .homenav-cleaning-footer { height: 30px;} #footer-sub-nav .homenav-fire-footer { height: 30px;} #footer-sub-nav .homenav-manu-footer { height: 30px;} #footer-sub-nav .homenav-national-footer { height: 30px;} #footer-sub-nav .homenav-special-footer { height: 30px;} #footer-sub-nav .homenav-building-footer p.subnav-heading { height: 30px; padding: 3px 0 0 10px !important; line-height: 10px;} #footer-sub-nav .homenav-cleaning-footer p.subnav-heading { height: 30px; padding: 5px 0 0 10px !important; line-height: 10px;} #footer-sub-nav .homenav-fire-footer p.subnav-heading { height: 30px; padding: 3px 0 0 10px !important; line-height: 10px;} #footer-sub-nav .homenav-manu-footer p.subnav-heading { height: 30px; padding: 3px 0 0 10px !important; line-height: 10px;} #footer-sub-nav .homenav-national-footer p.subnav-heading { height: 30px; padding: 10px 0 0 10px !important; line-height: 10px;} #footer-sub-nav .homenav-special-footer p.subnav-heading { height: 30px; padding: 3px 0 0 10px !important; line-height: 10px;} p.subnav-heading-singleline { height: 8px; padding: 0 0 0 10px; margin: 0 0 0 10px; } p.subnav-heading { font-size: 13px; font-weight: 700; margin: 0 !important; padding: 10px 0 0 10px !important; } p.subnav-tagline { font-size: 11px; margin: 0 !important; padding: 0 0 0 10px !important; } .innovation { height: 311px !important; } .innovation #mainimg { height: 311px !important; background: #fff url(http://images.romec.co.uk/building/mainimg-building-1.jpg) repeat-y;} /* Mast - Slideshow */ ul.slideshow { list-style:none; width:950px; height:313px; overflow:hidden; position:relative; margin:0; padding:0; } ul.slideshow li { position:absolute; left:0; right:0;} ul.slideshow li.show { z-index:500; } ul img { border:none; } #slideshow-caption { width:950px; height:65px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; text-align: left; padding: 8px 0 0 5px; } #slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; } #slideshow-caption h3 { margin:0; padding:0; font-size:14px; font-weight: 700; } #slideshow-caption p { margin:5px 0 0 0; padding:0; } .servicelink { color: #fff; background: url(http://images.romec.co.uk/shared/bullet-trans-small.gif) no-repeat; padding: 0 0 3px 19px; list-style-position: inside; margin: 0 15px 0 0; background-position:0 1px; list-style: none; } .mast-heading { color: #fff; font-size: 16px; } .mast-heading-italic { color: #fff; font-style: italic; } .photo-meta-data a:link { color: #fff; } .photo-meta-data a:visited { color: #fff; } .photo-meta-data a:hover { color: #fff; } .photo-meta-data a:active { color: #fff; } /* Content */ #content { margin-top: 16px; margin-bottom: 40px; } #content-left { margin-right: 12px; float: left; width: 309px !important; text-align: left;} #content-centre { margin-right: 6px; float: left; width: 309px !important; text-align: left;} #content-right { float: right; width: 309px !important; text-align: left;} #content-narrow { margin-right: 25px; float: left; width: 240px; text-align: left; } #content-narrow div { border: none;} #content-narrow .asset-content { width: 240px; border: none; border: 1px solid #dddedf !important; } #content-wide { float: left; width: 680px; text-align: left; border: none; } #content-wide div { border: none; } #content-inner { border: 1px solid #dddedf !important; padding-top: 10px; padding-left: 10px; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px;} #content-narrow .asset-content { width: 240px; border: none; padding: 12px 0 0 10px; } #content-narrow .asset-title { margin: 0; padding-left: 14px; padding-top: 10px; width: 280px; height: 25px; background: url(http://images.romec.co.uk/shared/asset-title-narrow-252.jpg) no-repeat; } #content-inner .innovation-item { float: left; padding-top: 10px !important; padding-bottom: 10px !important;} #content-inner .innovation-item ul { float: left; width: 340px;} #content-inner .innovation-list {float: left; width: 500px !important;} #content-inner .innovation-list a { float: right; padding: 0 0 0 0px; border: none !important; } #content-inner .innovation-list ul.top { width: 600px !important;} #content-inner .innovation-list p { width: 600px !important;} #content-inner .innovation-item a img { float: right; padding-left: 30px; border: none !important; width: 260px; height: 200px; } #asset-experience .case-study-item { border-top: 1px dotted #dddedf !important; } p.findoutmore a { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat; padding: 0 0 0 20px; list-style-position: inside; margin: 0; background-position: 0 0; list-style-type: none !important; margin: 0; font-size: 14px; color: #0073a9 !important; text-decoration: none !important; } p.findoutmore img { border: none !important; } .intro { font-size: 14px; color: #0073a9 } .intro-principles { padding-left: 55px; font-size: 14px; color: #0073a9 } #content-inner ul { color: #7e8082; margin: 0 0 10px 0;} #content-inner li { background: url(http://images.romec.co.uk/building/bullet-building-list.gif) no-repeat; padding: 0 0 0 16px; list-style-position: inside; margin: 0; background-position:5px 8px;list-style-type: none !important; } #content-left .asset-content ul li { background: url(http://images.romec.co.uk/special/bullet-special-list.gif) no-repeat; padding: 0 0 0 16px; list-style-position: inside; margin: 0; background-position:5px 8px;list-style-type: none !important; } #content-inner ul .sub { background: none no-repeat; padding: 0 0 0 16px; list-style-position: inside; margin: 0; background-position:5px 8px;list-style-type: none !important; } #content-left ul li a:link { color: #7e8082; text-decoration: underline; } #content-left ul li a:visited { color: #7e8082; text-decoration: underline; } #content-left ul li a:hover { color: #7e8082; text-decoration: underline !important; } #content-left ul li a:active { color: #7e8082; text-decoration: underline; } #content-inner ul li a:link { color: #7e8082; text-decoration: none; } #content-inner ul li a:visited { color: #7e8082; text-decoration: none; } #content-inner ul li a:hover { color: #7e8082; text-decoration: underline !important; } #content-inner ul li a:active { color: #7e8082; text-decoration: none; } #content-inner a:link { font-size: 12px; color: #7e8082; text-decoration: underline; } #content-inner a:visited { font-size: 12px; color: #7e8082; text-decoration: underline; } #content-inner a:hover { font-size: 12px; color: #7e8082; text-decoration: underline; } #content-inner a:active { font-size: 12px; color: #7e8082; text-decoration: underline; } .asset-title { margin: 0; padding-left: 14px; padding-top: 10px; width: 300px; height: 25px; background: url(http://images.romec.co.uk/shared/asset-title.jpg) no-repeat;} .asset-title-wide { margin: 0; padding-left: 14px; padding-top: 10px; width: 680px; height: 25px; background: url(http://images.romec.co.uk/shared/asset-title-wide-680.jpg) no-repeat;} .asset-title p { margin: 0; font-size: 16px;} .asset-title-wide p { margin: 0; font-size: 16px;} .asset-content { width: 283px; float: left; border: 1px solid #dddedf; padding: 12px; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; background-color: #fff;} #content-inner .asset-content { width: 300px; float: left; padding: 12px; margin-right: 5px;} .asset-content p { margin-top: 0;} a.download { background: url(http://images.romec.co.uk/shared/download.gif) no-repeat; padding: 0 0 0 19px; list-style-position: inside; margin: 0; background-position: 0 0;list-style-type: none !important; text-decoration: none !important; border-bottom: 1px dotted #7e8082 !important;} a.external { background: url(http://images.romec.co.uk/shared/globelink.gif) no-repeat; padding: 0 0 0 19px; list-style-position: inside; margin: 0; background-position: 0 0;list-style-type: none !important; text-decoration: none !important; border-bottom: 1px dotted #7e8082 !important;} .asset-content img { margin-bottom: 9px; border: 0; } blockquote { font-size: 11px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px; margin: 0 0 15px 0; width: 270px; } blockquote img { float: left; padding-right: 8px; margin-top: 5px; } .quote-cite { font-size: 11px; font-weight: 700; font-style: none !important; padding: 6px 0 0 0; margin: 0; text-align: right;} img.inline-left { float: left; margin-right: 12px; margin-top: 5px; } img.inline-right { float: right; margin-left: 12px; margin-top: 5px; } #content-right img { width: 300px; height: 230px; } /* #asset-experience-side img { width: 300px; height: 230px; } */ #moreinfo { font-size: 11px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px; margin: 0 0 15px 0; width: 270px; } #moreinfo a img { margin: 0; padding: 0; } #moreinfo { margin-top: 10px !important; } #moreinfo form { margin-top: 8px !important; } #moreinfo form input { width: 130px !important; } #moreinfo form input.button { margin-left: 10px !important;height: 25px; width: 45px !important; } .moreinfo { font-size: 11px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px; margin: 0 0 15px 0; width: 270px; } .moreinfo a img { margin: 0; padding: 0; } .moreinfo { margin-top: 10px !important; } .moreinfo form { margin-top: 8px !important; } .moreinfo form input { width: 130px !important; } .moreinfo form input.button { margin-left: 10px !important;height: 25px; width: 45px !important; } form#contact input { font-family: Arial, Helvetica, sans-serif; border: 1px solid #dddedf; color: #7e8082; font-size: 12px; padding: 2px 2px 2px 4px; margin-left: 10px;} form#contact textarea { font-family: Arial, Helvetica, sans-serif; border: 1px solid #dddedf; color: #7e8082; font-size: 12px; padding: 2px 2px 2px 4px; margin-left: 10px; } .content-wide { width: 640px !important; } form#contact input { margin-bottom: 10px; } form#contact textarea { margin-bottom: 10px; } .contactfield { width: 200px; } input.corp-submit { background: url(http://images.romec.co.uk/corp/button-corp-submit.gif) no-repeat; margin: 0px; padding: 0px; width: 105px; height: 26px; border: 0 !important; cursor: pointer; outline: none; } input.corp-submit-hover { background: url(http://images.romec.co.uk/corp/button-corp-submit-over.gif) no-repeat; margin: 0px; padding: 0px; width: 105px; height: 26px; border: 0 !important; cursor: pointer; outline: none; } form#contact td { padding: 0; margin: 0; } form#contact td input.corp-submit { padding: 0; margin: 10px 0 10px 0; } .contactenquiry { margin: 0 !important; width: 317px; height: 75px; } form#contact td { vertical-align: top; } #largeQuote { color: #0073a9; font-size: 14px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px; margin: 0 0 15px 0; } #largeQuote ul { color: #0073a9; font-size: 14px; } #largeQuote ol { color: #0073a9; font-size: 14px; } #navigation-1 ul li.last-corp { width: 123px; border-right: 0 !important } #navigation-1 ul li.last-fire { width: 123px; border-right: 0 !important } #navigation-1 ul li.last-building { width: 123px !important; border-right: 1px solid #005d89 !important } #navigation-1 ul li.last-manu { width: 123px !important; border-right: 1px solid #005d89 !important } #navigation-1 ul li.last-national { width: 123px !important; border-right: 1px solid #005d89 !important } #navigation-1 ul li.last-cleaning { width: 123px !important; border-right: 0 !important } #navigation-1 ul li.last-special { width: 123px !important; border-right: 1px solid #005d89 !important } #navigation-1 ul li.last-mew { width: 123px !important; border-right: 1px solid #005d89 !important } #navigation-1 ul li.last-innov { width: 123px !important; border-right: 1px solid #005d89 !important } .download-pdf { font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #ededed; padding: 15px; margin: 0 0 15px 0; width: 270px; height: 45px; } .download-pdf a { display: block; width: 270px !important; height: 60px !important; cursor: pointer; cursor: hand; } .download-pdf a:link { text-decoration: none !important; } .download-pdf a:visited { text-decoration: none !important; } .download-pdf a:hover { text-decoration: none !important; } .download-pdf a:active { text-decoration: none !important; } .download-pdf-bullet { padding: 10px 0 0 5px; width: 45px; float: left; } .download-pdf-text { color: #7e8082; font-weight: 700; font-size: 12px; padding: 3px 0 0 0; width: 160px; float: left; } .download-pdf-thumb { height: 47px; width: 40px; float: right; } .download-pdf-thumb img { height: 43px; width: 30px;} .padme { padding: 12px; } .case-study-item { margin: 0 0 90px 0; padding-top: 20px; border-top: 1px dotted #dddedf; clear: both; } .case-study-item-text { width: 530px; float: left; } .case-study-item-text h3 a { color: #000 !important; } .case-study-item-thumb { width: 100px; float: right; } .case-study-item-thumb img { border: 0 !important; } /* Tables */ table.info { margin-bottom: 10px; color: black; text-align: center; font-size: 10px; font-weight: 700; width: 635px !important; } table.info tr.header { vertical-align: bottom; } table.info th { background-color: #e0e9da; color: #5C883C; padding: 3px; text-align: left; } table.info td { font-size: 16px; color: #5C883C; padding: 5px; background-color: #e0e9da; } table.info th.topic { } table.info th.title { color: #fff; background-color: #5c883c !important; } table.info td.topic { font-size: 10px;color: white; text-align: left; background-color: #5c883c !important; } table.info tr.highlight { } table.maps { font-size: 12px; margin-bottom: 0px; color: black; text-align: left; width: 635px !important; } table.maps td { vertical-align: top; padding: 0 25px 25px 0 !important; } table.maps p.site-colour { font-size: 14px; margin: 0; padding: 0; } /* Search */ #results .hilite { background-color: yellow; } #results .result-heading { font-size: 12px; } #results .result-para { } #results .result-link { } #results .result { padding: 10px; } .resultsperpage { height: 25px; width: 600px; margin: 0; padding: 0; float: left; } .resultsperpage p { width: 158px; float: left; } .resultsperpage select { float: left; } fieldset { border: 1px solid #DDDEDF; } /* Footer */ #footer-nav { background: url(http://images.romec.co.uk/shared/footer-logo-bg.gif) no-repeat; margin-top: 20px; margin-bottom: 5px; padding: 3px 10px 10px 10px; border: 1px solid #dddedf; } #footer-info { height: 100px;} #footer-info-left { margin-top: 12px; float: left;} #footer-info-right { float: right;} #footer-nav-top { float: left;} #footer-nav-bottom { margin-top: 12px; float: left;} #footer-nav ul { padding: 0; margin: 0 10px 0 12px; list-style: none; font-size: 9px; float: left; text-align: left;} #foot-main { margin-left: 65px; } /* FIX MENU OVERFLOWING TO NEW LINE */ #foot-main ul {
Notice: Undefined variable: footer_item_width in /home/sites/www.romec.co.uk/web/css/default.css.php on line 1022
white-space: nowrap; overflow:hidden !important;} /* END */ #footer-nav ul a:link { color: #7e8082; text-decoration: none; } #footer-nav ul a:visited { color: #7e8082; text-decoration: none; } #footer-nav ul a:hover { color: #646667; text-decoration: underline !important; } #footer-nav ul a:active { color: #7e8082; text-decoration: none; } #footer-info-right a:link { color: #7e8082; text-decoration: none; } #footer-info-right a:visited { color: #7e8082; text-decoration: none; } #footer-info-right a:hover { color: #646667; text-decoration: underline !important; } #footer-info-right a:active { color: #7e8082; text-decoration: none; } .footer-nav-title { font-size: 10px; font-weight: bold; } /* Footer Sitelet */ #foot-sitelet ul { padding: 0; margin: 0 18px 0 12px; list-style: none; font-size: 9px; float: left; text-align: left; width:100%; margin:0; float:left; text-align: left; } #foot-sitelet ul a:link { color: #7e8082; text-decoration: none; } #foot-sitelet ul a:visited { color: #7e8082; text-decoration: none; } #foot-sitelet ul a:hover { color: #646667; text-decoration: underline !important; } #foot-sitelet ul a:active { color: #7e8082; text-decoration: none; } #foot-sitelet ul li { /*border-left: 1px solid #4F4F4F;*/ color: #fff; font-weight: 700; list-style: none; margin: 0; float: left; padding: 0; line-height: 30px; text-align: center; width: 110px; } #foot-sitelet ul li.nav-first{ border: none; } #foot-sitelet ul li.nav-last{ padding-left: 3px; } /*-------------------- 4. Asset Styles --------------------*/ /* Asset - We are Romec */ #asset-weareromec { } /* Asset - Side Navigation */ #asset-sidenav { } #asset-sidenav .active { color:#0073a9; text-decoration:underline; } #asset-sidenav p { margin: 0; } #asset-sidenav ul { font-size: 13px; list-style-type: none; padding: 10px 0 0 10px; margin: 0 0 20px 0;} #content-left #asset-sidenav ul { padding: 10px 0 0 10px;} /* Asset - Video */ #asset-video { } .asset-video-list { float: left; margin: 0 0 10px 0; font-size: 9px;} p.asset-video-list-heading { margin: 0; font-size: 14px;} p.asset-video-list-snippet { margin: 0; font-size: 10px; line-height: 12px;} img.asset-video-list { float: left; margin: 0 10px 0 0;} img.asset-video-main { margin: 0 0 7px 0;} p.footer-info-copyright { margin: 0; float: left; } p.footer-info-address { margin: 10px 0 0 0; float: left; clear: left; font-size: 9px; text-align: left; line-height: 15px; } p.footer-info-legal { margin: 0; float: right; clear: both;} /* Asset - News */ #asset-latestnews { } .asset-news { margin: 0 0 20px 0; } .asset-news li { list-style-type: none !important; } .asset-news-date { margin: 0; font-size: 9px;} .asset-news-more { margin: 0; font-size: 9px; text-align: right;} .asset-news-more span { text-decoration: underline !important; } .asset-news-more a:link { color: #7e8082; margin: 0; font-size: 10px; text-decoration: underline !important; } .asset-news-more a:visited { color: #7e8082; margin: 0; font-size: 10px; text-decoration: underline !important; } .asset-news-more a:hover { color: #7e8082; margin: 0; font-size: 10px; text-decoration: underline !important; } .asset-news-more a:active { color: #7e8082; margin: 0; font-size: 10px; text-decoration: underline !important; } .asset-news-snippet { margin: 0; font-size: 10px;} .asset-news-heading a:link { color: #000; margin: 0; font-size: 14px; text-decoration: none !important; } .asset-news-heading a:visited { color: #000; margin: 0; font-size: 14px; text-decoration: none !important; } .asset-news-heading a:hover { color: #000; margin: 0; font-size: 14px; text-decoration: underline !important; } .asset-news-heading a:active { color: #000; margin: 0; font-size: 14px; text-decoration: none !important; } .bullet-corp { background: url(http://images.romec.co.uk/corp/bullet-corp-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-building { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-cleaning { background: url(http://images.romec.co.uk/cleaning/bullet-cleaning-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-fire { background: url(http://images.romec.co.uk/fire/bullet-fire-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-manu { background: url(http://images.romec.co.uk/manu/bullet-manu-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-national { background: url(http://images.romec.co.uk/national/bullet-national-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-special { background: url(http://images.romec.co.uk/special/bullet-special-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .bullet-innov { background: url(http://images.romec.co.uk/innov/bullet-innov-small.gif) no-repeat !important; list-style-position: inside; background-position: 88%; } .news-meta .bullet-corp { background: url(http://images.romec.co.uk/corp/bullet-corp-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-building { background: url(http://images.romec.co.uk/building/bullet-building-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-cleaning { background: url(http://images.romec.co.uk/cleaning/bullet-cleaning-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-fire { background: url(http://images.romec.co.uk/fire/bullet-fire-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-manu { background: url(http://images.romec.co.uk/manu/bullet-manu-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-national { background: url(http://images.romec.co.uk/national/bullet-national-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-special { background: url(http://images.romec.co.uk/special/bullet-special-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } .news-meta .bullet-innov { background: url(http://images.romec.co.uk/innov/bullet-innov-small.gif) no-repeat !important; list-style-position: inside; background-position: 0 2px !important; } /* Asset - Related Topics */ #asset-relatedtopics { margin-top: 10px; } .asset-relatedtopics-list { float: left; margin: 0 0 10px 0; font-size: 9px;} p.asset-relatedtopics-list-heading { float: left; margin: 0; font-size: 14px; width: 195px;} p.related-manu-case { color: #956e8e; float: right; margin: 0; font-size: 14px; width: 180px;} span.name-related { font-size: 10px; line-height: 12px;} span.asset-relatedtopics-list-snippet { float: right; margin: 0; font-size: 10px; line-height: 12px;} p.asset-relatedtopics-list-snippet { float: left; margin: 0; font-size: 10px; line-height: 12px;} img.asset-relatedtopics-list { float: left; margin: 0 10px 0 0;} img.asset-relatedtopics-main { margin: 0 0 7px 0;} .smaller-width { width: 140px !important; } #asset-relatedtopics a:link { color: #7e8082; text-decoration: underline; } #asset-relatedtopics a:visited { color: #7e8082; text-decoration: underline; } #asset-relatedtopics a:hover { color: #7e8082; text-decoration: underline; } #asset-relatedtopics a:active { color: #7e8082; text-decoration: underline; } /* Asset - Related Topics Small*/ #asset-relatedtopics-header { font-weight: 700; font-size: 12px; background: url(http://images.romec.co.uk/shared/related-small-bg-red.gif) no-repeat !important; padding: 15px 15px 15px 15px; margin: 0 0 15px 0; width: 270px; height: 85px; } #asset-relatedtopics-header a:link { font-weight: 700; text-decoration: none !important; } #asset-relatedtopics-header a:visited { font-weight: 700; text-decoration: none !important; } #asset-relatedtopics-header a:hover { font-weight: 700; text-decoration: none !important; } #asset-relatedtopics-header a:active { font-weight: 700; text-decoration: none !important; } .asset-relatedtopics-header-text { font-weight: 700 !important; color: #fff; font-size: 14px; padding: 0 0 0 0; width: 200px; float: left; text-decoration: none !important; } .asset-relatedtopics-header-text a:link { text-decoration: none !important; } .asset-relatedtopics-header-text a:visited { text-decoration: none !important; } .asset-relatedtopics-header-text a:hover { text-decoration: none !important; } .asset-relatedtopics-header-text a:active { text-decoration: none !important; } .asset-relatedtopics-header-bullet { font-weight: 700; padding: 10px 0 0 5px; float: right; } #asset-relatedtopics-small { font-size: 12px; background: url(http://images.romec.co.uk/shared/related-small-bg-red.gif) no-repeat !important; padding: 15px 15px 0 15px; margin: 0 0 5px 0; width: 270px; height: 85px; } #asset-relatedtopics-small a { cursor: pointer; cursor: hand; } #asset-relatedtopics-small a:link { text-decoration: none !important; } #asset-relatedtopics-small a:visited { text-decoration: none !important; } #asset-relatedtopics-small a:hover { text-decoration: none !important; } #asset-relatedtopics-small a:active { text-decoration: none !important; } .asset-relatedtopics-small-text { color: #fff; font-weight: 0; font-size: 12px; padding: 3px 0 0 0; width: 200px; float: left; text-decoration: none !important; } .asset-relatedtopics-small-text a:link { text-decoration: none !important; } .asset-relatedtopics-small-text a:visited { text-decoration: none !important; } .asset-relatedtopics-small-text a:hover { text-decoration: none !important; } .asset-relatedtopics-small-text a:active { text-decoration: none !important; } .asset-relatedtopics-small-bullet { padding: 10px 0 0 5px; float: right; } #asset-relatedtopics-small-fs { font-size: 12px; background: url(http://images.romec.co.uk/shared/asse-panel-fs.jpg) no-repeat !important; padding: 15px 15px 0 15px; margin: 0 0 0 0; width: 270px; height: 85px; } #asset-relatedtopics-small-nsc a { text-decoration: none !important; } #asset-relatedtopics-small a:link { text-decoration: none !important; } #asset-relatedtopics-small a:visited { text-decoration: none !important; } #asset-relatedtopics-small a:hover { text-decoration: none !important; } #asset-relatedtopics-small a:active { text-decoration: none !important; } .asset-relatedtopics-small-text { color: #fff; font-weight: 0; font-size: 12px; padding: 3px 0 0 0; width: 200px; float: left; } .asset-relatedtopics-small-bullet { padding: 10px 0 0 5px; float: right; } #asset-relatedtopics-small-fs a:link { text-decoration: none !important; } #asset-relatedtopics-small-fs a:visited { text-decoration: none !important; } #asset-relatedtopics-small-fs a:hover { text-decoration: none !important; } #asset-relatedtopics-small-fs a:active { text-decoration: none !important; } #asset-relatedtopics-small-bs { font-size: 12px; background: url(http://images.romec.co.uk/shared/asse-panel-bs.jpg) no-repeat !important; padding: 15px 15px 0 15px; margin: 0 0 0 0; width: 270px; height: 85px; } #asset-relatedtopics-small a:link { text-decoration: none !important; } #asset-relatedtopics-small a:visited { text-decoration: none !important; } #asset-relatedtopics-small a:hover { text-decoration: none !important; } #asset-relatedtopics-small a:active { text-decoration: none !important; } .asset-relatedtopics-small-text { color: #fff; font-weight: 0; font-size: 12px; padding: 3px 0 0 0; width: 200px; float: left; } .asset-relatedtopics-small-bullet { padding: 10px 0 0 5px; float: right; } #asset-relatedtopics-small-bs a:link { text-decoration: none !important; } #asset-relatedtopics-small-bs a:visited { text-decoration: none !important; } #asset-relatedtopics-small-bs a:hover { text-decoration: none !important; } #asset-relatedtopics-small-bs a:active { text-decoration: none !important; } #asset-relatedtopics-small-nsc { font-size: 12px; background: url(http://images.romec.co.uk/shared/asse-panel-nsc.jpg) no-repeat !important; padding: 15px 15px 0 15px; margin: 0 0 0 0; width: 270px; height: 85px; } #asset-relatedtopics-small a:link { text-decoration: none !important; } #asset-relatedtopics-small a:visited { text-decoration: none !important; } #asset-relatedtopics-small a:hover { text-decoration: none !important; } #asset-relatedtopics-small a:active { text-decoration: none !important; } .asset-relatedtopics-small-text { color: #fff; font-weight: 0; font-size: 12px; padding: 3px 0 0 0; width: 200px; float: left; } .asset-relatedtopics-small-bullet { padding: 10px 0 0 5px; float: right; } #asset-relatedtopics-small-nsc a:link { text-decoration: none !important; } #asset-relatedtopics-small-nsc a:visited { text-decoration: none !important; } #asset-relatedtopics-small-nsc a:hover { text-decoration: none !important; } #asset-relatedtopics-small-nsc a:active { text-decoration: none !important; } a:visited #asset-relatedtopics-small-nsc { text-decoration: none !important; } /* Asset - CTA Vacancies*/ #cta-vacancies-cleaner { background: #fff url(http://images.romec.co.uk/shared/vacancies-cleaner-bg.jpg) no-repeat; margin-top: 4px; width: 300px; height: 149px; margin-bottom: 20px;} #cta-vacancies-engineer { background: #fff url(http://images.romec.co.uk/shared/vacancies-engineer-bg.jpg) no-repeat; width: 294px; height: 149px; margin-bottom: 20px; } .cta-vacancies-text { width: 155px; font-size: 14px; color: #fff; padding: 7px 25px 25px 25px; font-weight:bold; } .cta-vacancies-link {width: 155px; font-size: 14px; color: #fff; padding-left: 35px; } .cta-vacancies-link a:link { color: #fff !important; text-decoration: none !important; } .cta-vacancies-link a:visited { color: #fff !important; text-decoration: none !important; } .cta-vacancies-link a:hover { color: #fff !important; text-decoration: underline !important; } .cta-vacancies-link a:active { color: #fff !important; text-decoration: none !important; } #cta-vacancies-cleaner .cta-vacancies-text { width: 155px; font-size: 14px; padding-top: 14px !important; padding-bottom: 0 !important; } #cta-vacancies-cleaner .cta-vacancies-link { width: 155px; font-size: 14px; padding-left: 25px !important; padding-bottom: 0 !important; padding-top: 14px !important; } /* Latest News Overview */ .news-item { margin-right: 10px; border-top: 1px dotted #dddedf !important; margin-bottom: 20px !important; } .news-content { float: left; width: 400px; padding-top: 15px; clear: both; } .news-title a { color: #000 !important; } .morelink { padding-left: 10px; } .news-meta { width: 190px; float: right;font-size: 11px; font-style: italic; -moz-border-radius-bottomright: 35px; -webkit-border-bottom-right-radius: 35px; background-color: #ededed; margin-top: 20px; padding: 15px; } .news-meta ul { padding-top: 10px; } .news-meta ul li { padding-left: 20px !important; } .news_container { width:600px !important; } .news_item { padding-bottom:40px; height:91px!important; border: 1px solid #dddedf !important; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; } .news_title { border-bottom:#000 1px solid !important; text-decoration: none !important;} .news_title a{ color:#000 !important;} .news_content { width:320px; float:left; padding:5px; } .news_info { width:250px; height:120px!important; float:right; border: 1px solid #dddedf !important; padding-top: 10px; padding-left: 10px; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; } /* Asset - CTA Vacancies */ .online-services-building { background: #fff url(http://images.romec.co.uk/shared/online-services-building-bg.gif) no-repeat; width: 293px; height: 221px; margin-bottom: 20px;} .online-services-security { background: #fff url(http://images.romec.co.uk/shared/online-services-security-bg.gif) no-repeat; width: 293px; height: 221px; margin-bottom: 20px;} .online-services-heading { color: #fff; font-size: 15px; padding: 20px 0 0 20px; } .online-services-text { color: #fff; padding: 10px 0 0 20px; } /*-------------------- 5. Homepage Image Slider --------------------*/ /* UTILITY STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } /* PAGE STRUCTURE */ #page-wrap { width: 950px; position: relative; min-height: 313px; background: url(images/bg.png) top center; } /* SLIDER */ .slider-wrap { width: 950px; text-align: left; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 950px; height: 313px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 950px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { margin-right: 5px; } #movers-row { margin: -43px 0 0 62px; } #movers-row div { width: 20%; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(http://images.romec.co.uk/shared/overlaybg.png); padding: 14px 10px 10px 10px; height: 60px; margin-top: -80px; position: relative; z-index: 9; color: white; } .photo-meta-data span { font-size: 13px; } .photo-meta-data h3 { margin:0; padding:0; font-size:14px; font-weight: 700; } .cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; } .active-thumb { background: transparent url(http://images.romec.co.uk/fire/button-small-fire.gif) top center no-repeat; } /*------------------------- 6. Other Styles -------------------------------*/ .visible { display:block !important; } .videosubtext { margin-left: 1px; width: 270px; color: #fff; padding: 0px 3px 3px 5px; background-color: #000; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } object { vertical-align: bottom; outline:none; } .imagezoom a { font-size: 11px !important; text-decoration: none !important; border: 0 !important; } #validation-errors { font-size: 12px !important; color: #7E8082; -moz-border-radius: 5px; -webkit-border-radius: 10px; background-color: #e0dfdf; padding: 15px 15px 2px 15px; margin: 0 0 15px 0; } #validation-errors p { font-weight: 700; background: url(/gfx/exclamation.gif) no-repeat; padding: 0 0 7px 30px; background-position: 0px 1px; text-decoration: none; } #validation-errors { display: none; } #contact2 { margin-top: 23px; } /* Maps pages */ .nopad { padding:0px !important; margin:0px !important; } .middle td { vertical-align:middle !important; } .resize { height: 30px !important; padding: 0px !important; margin: 0px !important; width: 30px !important; } .button { border:none; padding:0px; padding-left:8px; padding-right:8px; height: 25px; color: #ffffff; background-color: #7e8082; font-size: 11px; -moz-border-radius: 5px; } /* Random content classes */ .span-ner { font-weight:bold; color:#0073a9; } .siteletcolour { color:#0073a9; } /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:950px; height:313px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:950px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:1em 0; padding:0; height:28px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* #slider li p { background: transparent url(../images/slide.png) repeat 0 0; margin-top: -290px; margin-left: 30px; position: relative; } */ span.mainimg-heading { float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 28px; font-weight: 700; margin: 0 15px 0 0; padding: 13px 10px 13px 10px; } span.mainimg-subheading { clear: both; float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 18px; font-weight: normal; font-style: italic; margin: 0 0 0 0; padding: 8px 10px 10px 10px; } /* // Easy Slider */ /* Slideshow - Corporate */ #anim-image1 { padding: 210px 0 0 540px; text-align: left; width: 950px; height: 313px; background: url(http://images.romec.co.uk/shared/mainimg-fands2.jpg); } #anim-image2 { padding: 122px 0 0 39px; text-align: left; width: 950px; height: 313px; background: url(http://images.romec.co.uk/shared/mainimg-home4.jpg); } #anim-image3 { padding: 30px 0 0 540px; text-align: left; width: 950px; height: 313px; background: url(http://images.romec.co.uk/shared/mainimg-home5.jpg); } #anim-building { display: none; width: 950px; height: 313px; background-image: url(http://images.romec.co.uk/building/mainimg-building-1.jpg); padding-top: 229px; } #anim-cleaning { display: none; width: 950px; height: 313px; background: url(http://images.romec.co.uk/cleaning/mainimg-cleaning-1.jpg); padding-top: 229px; } #anim-fire { display: none; width: 950px; height: 313px; background: url(http://images.romec.co.uk/fire/mainimg-fire-1.jpg); padding-top: 229px; } #anim-manu { display: none; width: 950px; height: 313px; background: url(http://images.romec.co.uk/manu/mainimg-manu-1.jpg); padding-top: 229px; } #anim-national { display: none; width: 950px; height: 313px; background: url(http://images.romec.co.uk/national/mainimg-national-1.jpg); padding-top: 229px; } #anim-special { display: none; width: 950px; height: 313px; background: url(http://images.romec.co.uk/special/mainimg-special-1.jpg); padding-top: 229px; } .mr-tagline { clear: both; float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 22px; font-weight: normal; font-style: italic; margin: 0 0 0 0; padding: 12px 13px 10px 13px; } .mr-tagline2 { clear: both; float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 22px; font-weight: normal; font-style: italic; margin: 0 0 0 0; padding: 0px 13px 12px 13px; } .photo-meta-data2 { background: url(http://images.romec.co.uk/shared/overlaybg.png); padding: 16px 10px 10px 10px; height: 60px; color: white; } .photo-meta-data2 span { text-align: left; font-size: 13px; } .photo-meta-data2 h3 { text-align: left; margin:0; padding:0 0 0 10px; font-size:14px; font-weight: 700; } .photo-meta-data2 p { text-align: left; padding:0 0 0 10px; } /* Slideshow - Sitelet */ #slideshow { width: 950px !important; margin-bottom: 12px; padding-top: 301px; } #anim-fire-image1 { display: none; padding: 200px 0 0 500px; text-align: left; width: 450px !important; height: 113px !important; background: url(http://images.romec.co.uk/fire/mainimg-fire-1.jpg) no-repeat; } #anim-fire-image2 { display: none; padding: 30px 0 0 30px; text-align: left; width: 920px !important; height: 283px !important; background: url(http://images.romec.co.uk/fire/mainimg-fire-2.jpg) no-repeat; } #anim-fire-image3 { display: none; padding: 30px 0 0 30px; text-align: left; width: 920px !important; height: 283px !important; background: url(http://images.romec.co.uk/fire/mainimg-fire-3.jpg) no-repeat; } #anim-building-image1 { display: none; padding: 200px 0 0 470px; text-align: left; width: 480px !important; height: 113px !important; background: url(http://images.romec.co.uk/building/mainimg-building-1.jpg) no-repeat; } #anim-building-image2 { display: none; padding: 200px 0 0 440px; text-align: left; width: 510px !important; height: 113px !important; background: url(http://images.romec.co.uk/building/mainimg-building-2.jpg) no-repeat; } #anim-building-image3 { display: none; padding: 200px 0 0 580px; text-align: left; width: 370px !important; height: 113px !important; background: url(http://images.romec.co.uk/building/mainimg-building-3.jpg) no-repeat; } #anim-manu-image1 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/manu/mainimg-manu-1.jpg) no-repeat; } #anim-manu-image2 { display: none; padding: 200px 0 0 490px; text-align: left; width: 460px !important; height: 113px !important; background: url(http://images.romec.co.uk/manu/mainimg-manu-2.jpg) no-repeat; } #anim-manu-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/manu/mainimg-manu-3.jpg) no-repeat; } #anim-national-image1 { display: none; padding: 200px 0 0 520px; text-align: left; width: 430px !important; height: 113px !important; background: url(http://images.romec.co.uk/national/mainimg-national-1.jpg) no-repeat; } #anim-national-image2 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/national/mainimg-national-2.jpg) no-repeat; } #anim-national-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/national/mainimg-national-3.jpg) no-repeat; } #anim-cleaning-image1 { display: none; padding: 200px 0 0 440px; text-align: left; width: 510px !important; height: 113px !important; background: url(http://images.romec.co.uk/cleaning/mainimg-cleaning-1.jpg) no-repeat; } #anim-cleaning-image2 { display: none; padding: 200px 0 0 450px; text-align: left; width: 500px !important; height: 113px !important; background: url(http://images.romec.co.uk/cleaning/mainimg-cleaning-2.jpg) no-repeat; } #anim-cleaning-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/cleaning/mainimg-cleaning-3.jpg) no-repeat; } #anim-special-image1 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/special/mainimg-special-1.jpg) no-repeat; } #anim-special-image2 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/special/mainimg-special-2.jpg) no-repeat; } #anim-special-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/special/mainimg-special-3.jpg) no-repeat; } #anim-mew-image1 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/mew/mainimg-mew-1.jpg) no-repeat; } #anim-mew-image2 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/mew/mainimg-mew-2.jpg) no-repeat; } #anim-mew-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/mew/mainimg-mew-3.jpg) no-repeat; } #anim-innov-image1 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/innov/mainimg-innovation-1.jpg) no-repeat; } #anim-innov-image2 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/innov/mainimg-innovation-2.jpg) no-repeat; } #anim-innov-image3 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/innov/mainimg-innovation-3.jpg) no-repeat; } #anim-special-image4 { display: none; padding: 200px 0 0 30px; text-align: left; width: 920px !important; height: 113px !important; background: url(http://images.romec.co.uk/special/mainimg-print1.jpg) no-repeat; } .mr-tagline-sitelet { float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 28px; font-weight: 700; margin: 0 15px 0 0; padding: 13px 10px 13px 10px; } .mr-tagline2-sitelet { clear: both; float: left;text-align: left; background: transparent url(http://images.romec.co.uk/shared/overlaybg.png); color: #fff; font-size: 18px; font-weight: normal; font-style: italic; margin: 0 0 0 0; padding: 8px 10px 10px 10px; } .morearrow { padding: 0 !important; margin: 0 !important; } .nolink { padding: 7px 0 15px 7px !important; } .footer-info-employeelogin { background: url(http://images.romec.co.uk/shared/key2.gif) no-repeat; background-position: 0px 2px; margin: 0 !important; padding: 0 0 0 19px !important; float: right; clear: both;} .hideme { display: none; } .row-left { float: left; width: 290px; margin-left: 15px; } .row-right { float: right; width: 300px; margin-right: 15px; } .row-left img { border: none; } .row-right img { border: none; } .content-row { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #dddedf !important; width: 648px; align: center; } .content-rows { } ul.guiding-principles { margin-bottom: 20px !important; } li.guiding1 { padding: 10px 0 0 28px !important; color: blue !important; background: url(http://images.romec.co.uk/shared/great_people_icon.gif) no-repeat !important; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 11px !important; list-style: none !important; } li.guiding2 { padding: 10px 0 0 28px !important; color: blue !important; background: url(http://images.romec.co.uk/shared/world_class_icon.gif) no-repeat !important; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 11px !important; list-style: none !important; } li.guiding3 { padding: 10px 0 0 28px !important; color: blue !important; background: url(http://images.romec.co.uk/shared/assured_safety_icon.gif) no-repeat !important; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 11px !important; list-style: none !important; } li.guiding4 { padding: 10px 0 0 28px !important; color: blue !important; background: url(http://images.romec.co.uk/shared/technology_enabled_performance.gif) no-repeat !important; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 11px !important; list-style: none !important; } li.guiding5 { padding: 10px 0 0 28px !important; color: blue !important; background: url(http://images.romec.co.uk/shared/environmental_contribution_icon.gif) no-repeat !important; padding: 0 0 3px 19px; list-style-position: inside; margin: 0; background-position:0 11px !important; list-style: none !important; } .id44 { margin-left:-32px; } .id44 { _margin-left:-85px; } .id-3 { _margin-left:-252px; } .onlinereportingimg { width: 244px !important; height: 185px !important; } .contactside { float: right; width: 270px !important; } a#a_-1_1 { cursor: default !important; } .asset-news-snippet p { width: 225px; float: left; } .asset-news-snippet .asset-news-more { float: right; margin-top: 15px; } .romecemail { font-weight: 700 !important; } .case-study-heading .news-meta { width: 275px !important; } #asset-experience-side .news-meta { width: 275px !important; } .news-meta { text-indent: 0 !important; } .borderkiller .borderline { display: none; } .content-rows #content-inner { padding: 10px 20px 20px 20px; } .cctv-one { margin-top: 20px !important; } #asset-relatedtopics-small-supply { font-size: 12px; background: url(http://images.romec.co.uk/shared/related-small-bg-red1.jpg) no-repeat !important; padding: 15px 15px 0 15px; margin: 0 0 5px 0; width: 270px; height: 85px; } #asset-relatedtopics-small-supply a:link { text-decoration: none !important; } #asset-relatedtopics-small-supply a:visited { text-decoration: none !important; } #asset-relatedtopics-small-supply a:hover { text-decoration: none !important; } #asset-relatedtopics-small-supply a:active { text-decoration: none !important; } .id-1 { margin-left: -1px; } .id2 { margin-left:-138px;} .id15 { margin-left: -144px; } .id31 { margin-left: -1px; } .id39 { margin-left: -1px; } .id44 { margin-left: -32px; } .maps-corp .asset-content { padding: 0 !important; margin: 0; } .maps-corp #content-inner { padding: 20px !important; } .maps-corp #asset-experience2 { margin: 25px 28px 20px 0 !important; } .maps-corp #asset-experience-side2 { margin: 25px 0 0 0 !important; } .maps-corp #asset-experience .asset-content { margin: 0 33px 0 0 !important; }