/* AMAZE WEBSITE ---------------------------------------- ----------------------------------------------- AMAZE PLC ---------------------------------------------- M.ROBINSON ----------------------------- PROJECT COMMENCED: 15/10/08 LIST OF CONTENTS ---------------------------------------- 1 - MASTER SETUP 1.1 - MASTER RESET 1.2 - DEFAULT STYLING 1.2.1 - MAIN COMPONENTS 1.2.2 - MAIN COMPONENTS VARIENTS / STYLING 1.2.3 - DEFAULT COLUMN SETUP 1.2.4 - DEFAULT ELEMENT STYLING 1.2.5 - DEFAULT NAV STYLING 1.2.6 - DEFAULT CONTENT-BLOCK STYLING 1.2.7 - VARIENT CONTENT-BLOCK STYLING 2 - GLOBAL ELEMENTS 3 - PAGE SPECIFIC ITEMS 3.1 - HOME PAGE 3.2 - PORTFOLIO PAGE 3.3 - ABOUT US PAGE 3.4 - PORTFOLIO INDEX PAGE 3.5 - NEWS PAGE 3.6 - CONTACT US PAGE 3.7 - SITE MAP APPENDIX A - USEFUL CLASSES -------------------------------------------------------*/ /*-- 1 - MASTER SETUP ----------------------------------- -------------------------------------------------------*/ /*-- 1.1 - MASTER RESET -------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0} /*-- 1.2 - DEFAULT STYLING ----------------------------*/ /*-- 1.2.1 - MAIN COMPONENTS --*/ body {margin-bottom: 20px;} div#wrapper {margin: 0 auto; width: 100%;} div#header {height: 70px; position: relative; background: #FFF; margin-bottom: 8px;} div#container {width: 960px; margin: 0 auto; background: #FFF} div#footer {width: 100%; float: left; clear:both; font-size: 12px; margin: 10px 0 20px 0; padding-top: 6px; background: transparent url(/Images/footer-shadow.gif) left top repeat-x;} div#header-inner {position: absolute; bottom: 10px; right: 0; width: 754px} div#footer-inner {width: 960px; margin: 0 auto;} /*-- 1.2.2 - MAIN COMPONENTS VARIENTS / STYLING --*/ div#header img#logo {position: absolute; bottom: 10px; left: 10px;} div#header-inner ol.breadcrumb {margin: 0 0 0 10px; float: left;} div#header-inner ol.breadcrumb li {display: inline; font-size: 14px; font-weight: bold; color: #000; background: transparent url(../Images/breadcrumb-division.gif) left 3px no-repeat; padding-left: 10px; margin-left: 0px;} div#header-inner ol.breadcrumb li.first {background: none; padding: 0;} div#header-inner ol.breadcrumb li a {color: #000} div#header-inner ol.breadcrumb li.active a {color: #FF0099} div#header-inner p {margin: 0 20px 0 0; float: right; font-weight: bold; color: #000} div#footer-inner {} div#footer-inner p {float:left; margin-top: 10px;} div#footer-inner ul {float:right; margin-top: 10px;} div#footer-inner ul li {display:inline; margin: 0 0 0 6px; padding: 0 0 0 18px; background: transparent url(/Images/footer-division.gif) 0 2px no-repeat; } div#footer-inner ul li.first {background: none;} div#flash-container p { font-size: 14px; font-weight:bold;} div#flash-container a, div#photoblog-content a, div#flash-container3d a { color:#FF0099; text-decoration: underline;} #flash-container { outline:none; } /*-- 1.2.3 - DEFAULT COLUMN SETUP --*/ /* Global */ div#container div#master-col-content {float:right; width:754px; background: #FFF; padding: 0 0 30px 0} div#master-col-content div#master-content-header {float: left; width: 100%; border-bottom: 1px dotted #FF0099; padding: 3px 0; position:relative;} div#master-col-content div#master-content-container {float: left; width: 100%;} div#container div.content-col-subcol-container {float: left; width: 100%} div#master-col-menu ol {margin:0;} div#container div#master-col-menu {background: #FFF; width: 176px; margin: 0 0 0 10px;} div#master-col-content.twocol div#master-content-container div.content-col1 {float:left; width: 540px; margin: 0 10px 0 0} div#master-col-content.twocol div#master-content-container div.content-col2 {float:left; width: 190px;} div#container.threecol div#master-content-container div.content-block {margin: 28px 0 0 0; padding: 0 0 28px 0} div#container.threecol div#master-content-container div.content-block div {padding: 0} div#container.threecol div#master-content-container div.content-block div div {width: 220px;} div#container.threecol div#master-content-container div.content-block div.content-col-subcol1 {float: left; margin-left: 10px} div#container.threecol div#master-content-container div.content-block div.content-col-subcol2 {float: left; margin-left: 40px;} div#container.threecol div#master-content-container div.content-block div.content-col-subcol3 {float: left; margin-left: 40px;} div.content-block.case-study h3, div.home-promos h2 { font-weight: bold; } div.home-promos img { border: 1px solid #E8E8DE; } /*-- 1.2.4 - DEFAULT ELEMENT STYLING --*/ body {font: normal 14px/18px Arial, Helvetica, sans-serif; color: #666;} h1 {font-size: 16px; color: #FF0099; font-weight: bold; display:inline; padding: 0 0 3px 0; } ul.breadcrumb li a:hover {color: #FF0099;text-decoration: none;} ul.breadcrumb li a {color: #666; font-size:16px; font-weight: bold; background:url(/Images/breadcrumb.jpg) right 2px no-repeat; padding: 0 18px 0 0; margin: 0 5px 0 0;} ul.breadcrumb, ul.breadcrumb li { display: inline; } h2 {font-size: 18px; font-weight: bold; color:#FF0099; margin-top: 10px;} h3 {font-size: 14px; color: #000;} p { margin: 0.25em 0 0.75em 0; } blockquote, address, ul, ol {margin: 5px 0 0 0} strong {font-weight: bold;} cite {color: #FF0099; margin: 10px 0 0 0;} hr {width: 100%; border:none; margin:10px 0 10px 0; border-top: 1px dotted #ccc; height: 0px} a {color: #666666; text-decoration: none; outline: none;} a:hover { color: #FF0099;} a:active { color: #FF0099;} a:focus { color: #FF0099;} iframe {margin: 10px 0 0 0; border: 1px dotted #999} /*-- 1.2.5 - DEFAULT NAV STYLING --*/ div#container div#master-col-menu ol.primary {padding: 1px 0 20px 0;} div#container div#master-col-menu ol.primary li { display:inline;} div#container div#master-col-menu ol.primary li.active a {border-bottom: 1px dotted #FF0099} div#container div#master-col-menu ol.primary li a {border-bottom: 1px dotted #CCC; display: block; font-size:14px; padding: 5px 0 0; margin: 0 0 5px} div#container div#master-col-menu ol.primary li a:hover {border-bottom: 1px dotted #FF0099;} div#container div#master-col-menu ol.primary li ol li ol li { margin: 5px 0; } div#container div#master-col-menu ol.primary li a:link {} div#container div#master-col-menu ol.primary li a:visited {} div#container div#master-col-menu ol.primary li a:hover {} div#container div#master-col-menu ol.primary li.active a {font-weight: bold; color: #FF0099;} div#container div#master-col-menu ol.primary ol {background: transparent url(/images/whiteline.png) bottom left no-repeat; padding: 0; margin: 0 0 0 5px; font-size: 12px} div#container div#master-col-menu ol.primary ol li {border: none; } div#container div#master-col-menu ol.primary li.active ol li a {font-size:12px; font-weight: normal; color: #666; text-decoration: none; border-bottom:1px dotted #CCC} div#container div#master-col-menu ol.primary li.active ol li.active a {color: #FF0099; font-weight: bold; border-bottom:1px dotted #FF0099} div#container div#master-col-menu ol.primary ol ol { margin-left: 10px; } div#container div#master-col-menu ol.primary li.active ol li.active li a {color: #666; font-weight: normal;} div#container div#master-col-menu ol.primary li.active ol li.active li a:hover {color: #FF0099; border-bottom:1px dotted #FF0099} div#container div#master-col-menu ol.primary li.active ol li.active li.active a {color: #FF0099; font-weight: bold;} div#container div#master-col-menu ol.primary li.active ol li a:hover {color: #FF0099; border-bottom:1px dotted #FF0099} div#container div#master-col-menu ol.secondary {padding: 0 0 7px 0; width: 100%; margin: 0} div#container div#master-col-menu ol.secondary li {margin: 1px 0 0 0;} div#container div#master-col-menu ol.secondary li a {text-decoration: none; background: #8A7967; color: #FFF; padding: 5px 10px; display: block; font-weight: bold;} div#container div#master-col-menu ol.secondary li a:hover {background: #b15c11;} /*-- 1.2.6 - DEFAULT CONTENT-BLOCK STYLING --*/ div.content-block {} div.content-col2 div.content-block { margin: 25px 0 5px 10px; float: none; } div.content-col2.news-rhs div.content-block {margin: 5px 0 25px 10px;} div.content-block h2 {font-size: 15px; margin: 0; color: #FF0099;} div.content-block h2.margin {margin-top: 15px;} div.content-block h3 {color: #FF0099; margin: 15px 0 0 0} div.content-block p, div.content-block ul, div.content-block ol {line-height: 1.3em;} div.content-block p { } div.content-block p a { color: #FF0099;} div.content-block img {margin: 10px 0; border:1px solid #E8E8DE;} div.content-block div.highlight-inner img {margin: 0} div.content-block ol.links {margin: 0 0 17px 0; list-style-type: disc; list-style-image: url(/images/bullet.gif);} div.content-block ul { list-style-type:disc; list-style-image: url(/images/bullet.gif); } div.content-block ol { list-style-type: decimal; } div.content-block ul, div.content-block ol { margin:0; padding-left:20px;} div.content-block.related ul, div.content-block.related ol { padding:0; list-style-type: none; line-height: 1.2em; list-style-image: none; } div.content-block ul li, div.content-block ol li { margin: 0.4em 0; } div.content-block ul li p, div.content-block ol li p { margin: 0; } div.content-block ol.content-block-left, div.content-block ol#share-block, div.content-block div.address-block {position: absolute; bottom: 0; left: 0; } div.content-block ol#share-block {left: 100px;} div.content-block div.address-block {bottom: 0px} div.content-block.case-study, div.content-block.submediacol {margin-top: 24px;} div.content-block.case-study img { display: block; } div.staff-contact h2 { color: #666; } /*-- 1.2.7 - VARIENT CONTENT-BLOCK STYLING --*/ /* Related Links */ div.content-block.related h3 {font-size: 14px; color: #666; font-weight: bold; border-bottom: 1px dotted #CCC; margin: 0; padding: 0 0 2px 0;} div.content-block.related ul li {font-size: 12px;} div.content-block.related a:hover {text-decoration: none; color: #FF0099;} div.content-block.related a.extlink:hover {color: #fff;} /*-- 2 - GLOBAL ELEMENTS ---------------------- ---------------------------------------------*/ div#master-content-header h2, div#master-content-header h2 a { font-size: 14px; color: #666;} div#master-content-header h2 {border-bottom: 1px dotted #CCC; padding: 0 0 3px 0; margin: 0;} div#master-content-header h2 a:hover {text-decoration: none; color: #FF0099;} div.intro, p.intro {font-family: Georgia, "Times New Roman", Times, serif; margin:18px 0; font-size: 22px!important; line-height: 26px!important; } a.mailto, a.extlink, div.content-block p a.mailto, div.content-block p a.extlink {color:#666666; background: #EAE7DE; padding: 1px 10px;} a.inactive {cursor:text; color: #ccc;} a.inactive:hover {text-decoration: none;} a.mailto:hover, a.extlink:hover, div.content-block p a.mailto:hover, div.content-block p a.extlink:hover {background: #9dc9ba; padding: 1px 10px; color: #FFF;text-decoration: none;} ul.services {} ul.services li {display: inline; margin: 0 10px 0 0} .underline{padding-bottom: 2px!important; border-bottom: 1px dotted #FF0099!important} div.stripe {position: absolute; top: 70px} div.stripe.left {left: 0;} div.stripe.right {right: 0;} ul#skip-options {display: none;} ul.chevrons li {padding: 0 0 0 15px; background: transparent url(/Images/chevron.gif) 0 7px no-repeat;} div.paginator {float: left; width: 100%; margin: 19px 0 0 0; border-bottom: 1px dotted #CCC; } div.paginator.bottom { margin: 7px 0; } div.paginator span {float: left; display: block; font-size: 12px} div#photoblog-wrapper {width: 100%; clear: both; background: url(/Images/bg_photoblog.gif) repeat-x top; float: left;} div#photoblog-viewport {background: #fff; margin: 0 auto; width: 960px; overflow: hidden; height: 120px;} div#photoblog {float: left; height: 140px; margin-top: -40px;} div#photoblog ul#images {float: left; margin: 0 0 0 8px} div#photoblog ul#images li.first {padding: 10px 0 0 0;} div#photoblog ul#images li {float: left; height: 67px; width: 126px; overflow: hidden; padding: 10px 0 0 10px;} div#photoblog ul#images li img {float: left; padding: 0 10px 10px 0;} div#photoblog img {} a#blog-activator {display: block; margin-top: 20px; float: left;} a#blog-activator:hover {text-decoration: none;} a#blog-activator img#blog-indicator {padding: 0 0 2px 0} a#blog-activator span {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin: 0 20px 0 10px;} div.options {clear: both; height: 35px; width: 960px; margin: 0 auto; text-align: right;} ul.options, div.options ul {float: right; margin: 0;} ul.options li, div.options li {display: inline; float: left; margin-left:1px; } ul.options li a, div.options li a {padding: 1px 10px; font-size: 12px; font-weight: bold; display: block} div.options li.bookmark {width: 16px; display: none; padding-top: 2px;} div.options li.bookmark a:hover {text-decoration: none;} div.options li.bookmark a.delicious {background: url("/images/icon_delicious.gif") no-repeat;} div.options li.bookmark a.digg {background: url("/images/icon_digg.gif") no-repeat;} div.options li.bookmark a.reddit {background: url("/images/icon_reddit.gif") no-repeat;} div.options li.bookmark a.facebook {background: url("/images/icon_facebook.gif") no-repeat;} div.options li.bookmark a.stumbleupon {background: url("/images/icon_stumbleupon.gif") no-repeat;} /*-- 3 - PAGE SPECIFIC ITEMS ------------------ ---------------------------------------------*/ /*-- 3.1 - HOME PAGE ------------------------*/ .home-promos {margin: 10px 0;} .home-promos .content-block { width: 368px; float: left; } .home-promos .content-block.left { margin-right: 10px; } .home-promos .content-block h2 {font-size: 14px; border-bottom: 1px dotted #FF0099; padding: 0 0 3px 0} .home-promos .content-block h3 { margin: 5px 0 0 0; font-size: 13px; font-weight: bold; color: #666;} .home-promos .content-block h3 a {} .home-promos .content-block p { font-size: 13px; margin: 10px 0;} .image-contain { width: 84px; margin-right: 10px; float: left;} .text-contain { width: 270px; float: left;} /*-- 3.2.1 - PORFOLIO PAGE -------------------- */ .sectorlist div.content-col-subcol-container {margin: 26px 0 0 0; width: 100%;} .sectorlist div.content-col-subcol1 {width: 272px; margin-right: 100px; float: left;} .sectorlist div.content-col-subcol2 {width: 275px; float: left;} .sectorlist ul.thumbnails {font-size: 12px;} .sectorlist ul.thumbnails li {margin: 10px 0;} .sectorlist ul.thumbnails li img {vertical-align: middle; margin-right: 10px} .sectorlist ul.thumbnails li a:hover {text-decoration:none; color: #FF0099} .sectorlist h2 {border-bottom:1px dotted #CCCCCC; margin:0; padding:0 0 3px; font-size: 14px;} div.case-study-index div.content-block { float: left; } /*-- 3.2.2 - PORFOLIO LANDING PAGE -------------------- */ /* Master content header styling */ div#master-col-content div#master-content-header.news p.intro, div#master-col-content div#master-content-header.case-study p.intro {float: left;} /*-- 3.3 - ABOUT US PAGE -------------------- */ .logolist { float: left; border-top: 1px dotted #CCC; width: 100%; } .logo-row { clear: left; } /*-- 3.4 - PORPORTFOLIO INDEX PAGE----------- */ ul.cs-nav { padding: 17px 0; width: 100%; border-bottom:1px dotted #CCC; } ul.cs-nav li { display: inline; font-size:14px; color: #FF0099; margin: 0 35px 0 10px; } ul.cs-nav li.last { margin-right: 0; } ul.cs-nav li a { font-weight: normal; } p.logoheader { margin-bottom: 13px; } .threecol { clear: left;float: left; width: 755px; } .threecol div.content-block { width: 220px; margin-left: 35px; } .threecol div.content-block img { display: block; margin-top: 5px;} .threecol div.content-block.subcol1 { margin-left: 10px; } .threecol div.content-block h3 { font-weight: bold;} .threecol div.content-block p { font-size: 13px;} /*-- 3.5 - NEWS PAGE ------------------------ */ div.news-accordion div.news-accordion-article {width: 550px; } div.news-accordion-article {border-bottom: 1px dotted #CCC; width: 100%; clear: left;} div.news-accordion-article h3, div.news-accordion-article p { margin: 0; width: 100%; } div.news-accordion-article h3 a {background: transparent url(/Images/arrows.gif) no-repeat left -75px; font-weight: normal;} div.news-accordion-article h3.open a {background-position: left -42px;} div.news-accordion-article h3 a:hover, div.news-accordion-article h3 a:active, div.news-accordion-article h3 a:focus {background-position: left -11px;} div.news-accordion-article h3.open a:hover, div.news-accordion-article h3.open a:active, div.news-accordion-article h3.open a:focus {background-position: left 22px;} div.news-accordion-article h3 a { padding:15px 0 15px 15px; display: block;} div.news-accordion-article div {display:block; overflow: hidden; } div.news-accordion-article div ul.options {margin: 10px 0 0 0; float: none; padding-bottom: 0; } div.news-accordion-article div ul.options li { float: none; display: inline; } div.news-accordion-article div ul.options li a { display: inline; padding:4px 10px; } div.content-block ul.options { padding: 0 0 5px 0; } div.content-block ul.options li, div.content-block div.options li { margin: 0 0 0 1px;} .news-accordion .image-contain { width: 86px; padding-bottom: 10px; height: 96px;} .news-accordion .image-contain { display: block; } .news-accordion .image-contain a img { margin: 0; border: 1px solid #E8E8DE; } .news-accordion .text-contain { width: 445px; float: left; padding-bottom: 10px;} .news-accordion .text-contain.no-image { width: 545px;} /*-- 3.6 - CONTACT US PAGE ------------------ */ fieldset#contact ol li input.extlink { border: none; background: #EAE7DE; color: #666666; cursor: pointer; font-size: 13px; padding: 2px 10px; width: auto;} fieldset#contact ol li input.extlink:active, fieldset#contact ol li input.extlink:focus, fieldset#contact ol li input.extlink:hover {background:#9DC9BA; color:#FFF;} div#master-col-content div#master-content-header.contact div.content-col-subcol-container {margin: 10px 0 0 0; width: 100%;} div#master-col-content div#master-content-header.contact div.content-col-subcol1 {width: 372px; margin-right: 10px; float: left;} div#master-col-content div#master-content-header.contact div.content-col-subcol2 {width: 372px; float: left;} div#master-content-header.contact h2 {color: #FF0099; border-color: #FF0099} div#master-content-header.contact h2 a {color: #FF0099} div#master-content-header.contact ul {list-style: none;} div#master-content-header.contact ul li {font-size: 12px;} div#master-content-header.contact ul li span {font-weight: bold; width: 125px; display: inline-block;} div.content-block.offices { margin-top: 6px; width: 100%; float:left; } div.content-block.offices h3 {margin:0;} div.contact-pane img {margin: 0; float: left;} div.contact-pane address {margin: 10px 0 0 10px; float: left; width: 180px; height: 218px;} /*-- 3.7 - SITE MAP ------------------ */ ul#sitemap,ul#sitemap ul { padding: 0; width: 100%; list-style-type: none; list-style-image: none; float:left; border-bottom: 1px dotted #EBEBEB;} ul#sitemap a:hover, ul#sitemap a:focus, ul#sitemap a:active { text-decoration: underline;} ul#sitemap li { float: left; width: 25%; margin: 20px 0; } ul#sitemap li a { color: #FF0099; } ul#sitemap ul { border: none; margin: 20px 0; } ul#sitemap ul li { display: block; width: 100%; margin: 1px 0; } ul#sitemap ul li a { color:#666666;} ul#sitemap ul li a:hover, ul#sitemap ul li a:focus, ul#sitemap ul li a:active { color:#FF0099;} ul#sitemap li.sitemap-row {margin:0; clear: left; width: 100%; height: 10px; border-bottom: 1px dotted #EBEBEB;} /*-- 3.8 - Service tooltips ------------------ */ div.service-terms { position:relative; float:left; } .servicecontian { float:left; background: #EAE5DF url(/images/tooltip-top.gif) no-repeat -325px top; padding: 0 5px 18px;} .servicecontian.left-on { background-position: -272px top;} .servicecontian.right-on { background-position: 2px top;} div.content-block ul.service-buttons {float:left; padding:0; margin: 24px 0 0 0; background-color: #EAE5DF; overflow:visible; width:540px; list-style-image:none; list-style-type: none; } ul.service-buttons li h3 { margin: 0; position:relative; } ul.service-buttons li h3 a { color:#666666; display: block; font-size: 13px; padding: 1px 0 4px 37px; margin: 0 0 5px 0; background: transparent url(/images/services_nolink.gif) no-repeat 10px 1px;} ul.service-buttons li h3.tooltip a { background-image:url(/images/services_on_off.gif);} ul.service-buttons li h3.tooltip.casecontext a {background-position: 10px -119px} ul.service-buttons li h3.tooltip span.moreinfo { padding: 4px 0 5px 4px; display: block; background: transparent url(/images/sl_ro.gif) no-repeat 0 100px} ul.service-buttons li h3.tooltip.deeplink span.toolcontain { display: none; position: absolute; top: -26px; width:0; height:0; left:35px; overflow:hidden; } ul.service-buttons li h3.tooltip.deeplink a:hover, ul.service-buttons li h3.tooltip.deeplink a:active, ul.service-buttons li h3.tooltip.deeplink a:focus { text-decoration: underline; } ul.service-buttons li h3.tooltip.deeplink span.moreinfo { background-position: 0 4px; width: 180px;color: #FFF; } ul.service-buttons li h3.tooltip a:active, ul.service-buttons li h3.tooltip a:hover, ul.service-buttons li h3.tooltip a:focus { background-position: 10px -59px; color:#FF7900;} div.content-block ul.service-buttons li { width: 270px; float:left; margin:0;} ul.service-buttons li.left { clear: left; } div.service-term { display:none;overflow: hidden; z-index:0; height: 180px; padding: 0 10px; background-color: #F3F2EE; float:left; position: absolute; top: -180px; left:0; width: 530px;} div.service-term img { float: left; } div.service-term div.hasimage { float: left; width:450px; padding: 2px 10px;} div.service-term.active { display: block;} div#service-terms {position: relative; float:left;} div.content-block ul.subservice { list-style-type: none; list-style-image: none; padding: 0; } div.content-block ul.subservice li { display: inline; font-size: 12px; padding: 2px 2px 2px 0; } span.doubleslash { background: transparent url(/images/service_list_icon.gif) no-repeat left center; display:inline; padding: 6px; } div.content-block ul.subservice li.first { background: none; padding-left: 0;} /*-- 3.9 - INPAGE NAV ------------------ */ div.content-block ul.inpagelinks { padding: 0; list-style-type: none; list-style-image: none; } div.content-block ul.inpagelinks li { float:left; margin: 9px 10px 0 0; width: 175px;} div.content-block ul.inpagelinks li a { padding: 5px 10px; display: block; font-size: 13px; } div.content-block ul.inpagelinks li a:hover { padding: 5px 10px; !important} div.content-block ul.inpagelinks li.last { margin-right: 0;} div.content-block ul.inpagelinks li.first { clear:left;} div.content-block ul.inpagelinks li.last.twocolip { margin-right: 50px; } /*-- ??? - HighLight styling ------------------ */ div.offices div.acc-height-set {} div.officeblocks { margin-bottom: 10px; width: 675px; } div.inpageimage { float: left; margin: 0 10px 10px 0; } div.contact-image { width: 138px; } div.highlight-outer { background: transparent url(/images/highlight_bottom_left.gif) no-repeat left bottom; clear: both; margin-bottom: 8px; } div.offices div.highlight-outer { background-position: left 244px;} div.highlight-outer.inpageflash { float:left; margin-right: 50px;} div.highlight-middle { border: 1px solid #EBEBEB; border-bottom: none; } div.highlight-inner { padding: 6px 6px 9px; border-left: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8; } div.highlight-inner img { border: 0; } span.highlight-slider { background: transparent url(/images/highlight_bottom_right.gif) no-repeat right bottom; display: block; height: 3px; width:100%;} /*-- APPENDIX.A - USEFUL CLASSES -------------- ---------------------------------------------*/ .nomargin {margin: 0!important;} .nodisplay {display: none!important;} .noborder {border: none!important;} .clearall {clear: both!important;} .fl {float: left!important;} .cl {clear: left!important;} div#container div.twocol ul.options { float: right; list-style-type: none;} div.contact div.content-col-subcol-container {margin: 10px 0 0 0; width: 100%;} div.contact div.content-col-subcol1 {width: 372px; margin-right: 10px; float: left;} div.contact div.content-col-subcol2 {width: 372px; float: left;} div.contact h2 {color: #FF0099; border-bottom:1px dotted #FF0099; font-size: 14px; padding-bottom: 3px; margin-top: 7px;} div.contact h2 a {color: #FF0099} div.contact ul {list-style: none;} div.contact ul li {font-size: 12px; margin-bottom: 1px;} div.contact ul li span {font-weight: bold; width: 140px; display: inline-block; margin-right: 10px;} div.contact ul li a {display:inline-block; width: 150px;} fieldset#contact ol li {float: left; display: block;} fieldset#contact ol li input {float:left; display: block; font-size: 15px; width: 220px;} fieldset#contact ol li#name-input, fieldset#contact ol li#name-to {clear: left; width: 320px;} fieldset#contact ol li#email-input, fieldset#contact ol li#email-to {width: 320px;} fieldset#contact ol label {display: block; width:100%; margin: 4px 0; font-size:13px; font-weight:bold;} fieldset#contact input.submit-feedback {clear:both; background: transparent url(/images/submit.gif) center center no-repeat; width: 22px; height: 22px; border: none; margin: 16px 0 0 0} fieldset#contact input.submit-feedback:hover {cursor: pointer; background-image: url(/images/submit-hover.gif)} fieldset#contact ol li.clear {float: left; clear: both;} .form-error {color: Red; margin: 5px 0 0 10px;} ol#sitemap ol {margin: 0 0 0 10px;} .banner-image { margin-bottom: 10px; } div.staff-contact {clear: both; margin-top: 20px; float: left;} div.staff-contact div.contact-subcol1 {float:left; width: 138px; } div.staff-contact div.contact-subcol1 img {margin: 0;} div.staff-contact div.contact-subcol2 {float:left; width: 480px; margin-left: 15px; } div.staff-contact div.contact-subcol2 h3 {margin-top: 0;} div.content-col1 {width: 550px;float: left;} div.content-col2 {width: 190px;float: right;} div.content-block ul.relatedlinks {background-color: #EAE7DE; margin:0 0 20px 0; font-size: 12px;padding: 5px 10px; list-style-type: none; list-style-image: none;} div.content-block ul.relatedlinks li {border-bottom: 1px solid #fff; padding: 0 0 2px 0; color: #FF0099;} div.content-block ul.relatedlinks li a {text-decoration: none; color: #666;} div.content-block ul.relatedlinks li a:hover {color: #FF0099;} div.content-block ul.relatedlinks li a.selected {color: #FF0099;} p.box { background-color: #EAE5DF; padding:10px; margin-top: 20px;} span.listlink { position: absolute; top:0; right: 0; } span.listlink a.extlink { float: right; font-weight: bold; font-size: 12px; } div.content-block ul.rel-documents li {color:#B05D17; padding: 0 0 0 20px; background: transparent url(/images/download.gif) no-repeat left 3px; } div.content-block ul.rel-documents li a {color:#B05D17;} div.content-block.news-lhs p { clear: left;} div.pointless { height: 7px; width: 100%; display: block; }