/* CSS generated by SiteManager at 12:06pm 17/08/2010 - do not edit this file directly */ /* CSS FOR [Cumbria Sport] - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 08/02/2010 */ @font-face { font-family: 'Base02Regular'; src: url('http://www.activecumbria.com/base03.eot'); src: local('Base 02 Regular'), local('base03'), url('http://www.activecumbria.com/base03.ttf') format('truetype'); } /* GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background: #203239 url(/templatefiles/body_bg.png) repeat; font: 80% arial, verdana, helvetica, sans-serif; text-align: center; color: #fff; padding: 0; margin: 0;} form, table { background: transparent; font-size: 1.0em; } hr, .divider { height: 5px; background: transparent url(/templatefiles/dotted_line_divider.png) repeat-x left top; border: 0px dotted #203239; margin: 0; } .content hr, .content .divider { height: 0px; background: transparent none; border: 1px solid #415E68; border-width: 1px 0; border-top-color: #09161A; margin: 20px 0; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #31525E; } fieldset { border: 1px solid #2B4750; } legend { font-weight: bold; font-size: 1.2em; color: #fff; padding: 5px 10px; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right !important; } .left { float: left; } .clear { width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; } #accessibility { display: none; } div#taosNotifyArea div table tbody tr td p { color:#203239!important; } #taos_gmap_1 { color: #333; } /* BUTTON STYLES ----------------------------------------------------------------------------------------------------------------------------- */ /* input.button, a.button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 40px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } a.button { width: 19px; height: 20px; display: block; } input.button:hover, a.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } */ /* HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: normal 1.8em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #28bce0; margin: 0 0 15px; } h2 { font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #fff; margin: 20px 0 10px; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #fff; margin: 15px 0 10px; } #subcontent h1 { font-size: 1.65em; } .rounded h2 { margin-top: 0; } h2.funky, h3.funky { font-family: Base02Regular, arial, verdana, helvetica, sans-serif; } /* TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; color: #fff; margin: 15px 0; } .smalltext { font-size: 0.9em; } .content .intro p { font-weight: bold; font-size: 1.2em; } ul, ol { } li { font-size: 1.0em; line-height: 1.5em; color: #fff; margin: 0 0 5px; } .content ul, .subcontent ul { padding: 0; margin: 10px 0; } .content ul li, .subcontent ul li { background: transparent url(/templatefiles/ul_bg.png) no-repeat 0 6px; list-style-type: none; padding-left: 15px; } ul.inlinenav { padding: 0; margin: 10px 0; } ul.inlinenav li { display: inline; background: transparent none; list-style-type: none; padding-left: 0; } address { font-style: normal; } .video .caption { width: 450px; font-size: 0.9em; margin: 10px 0 5px; } /* LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a, a:visited { text-decoration: underline; color: #28bce0; } a:hover, a:active { text-decoration: underline; color: #96b81d; } h2 a, h2 a:visited, h2 a:hover, h2 a:active { text-decoration: none; } .faq_q { font-weight: normal; font-size: 1.3em; color: #28bce0; } .faq_answer { margin-left: 25px; } p.menulink a, p.menulink a:visited { width: 425px; height: 20px; display: block; background: #97BF0D url(/templatefiles/arrow.png) no-repeat 445px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } p.menulink a:hover, p.menulink a:active { background-color: #708155; text-decoration: none; color: #fff; } #perfpath a, #perfpath a:visited { background-color: #FF2AAA; } #perfpath a:hover, #perfpath a:active { background-color: #DD5BA9; } .color2 a, .color2 a:visited { background-color: #0284b0 !important; } .color2 a:hover, .color2 a:active { background-color: #0b5872 !important; } .color3 a, .color3 a:visited { background-color: #FF2AAA !important; } .color3 a:hover, .color3 a:active { background-color: #DD5BA9 !important; } .color4 a, .color4 a:visited { background-color: #00BB9A !important; } .color4 a:hover, .color4 a:active { background-color: #1B8D79 !important; } /* .altcolors p.menulink a:nth-child(4n+1) { background-color: #97BF0D !important; } .altcolors p.menulink a:nth-child(4n+2) { background-color: #0284b0 !important; } .altcolors p.menulink a:nth-child(4n+3) { background-color: #FF2AAA !important; } .altcolors p.menulink a:nth-child(4n+4) { background-color: #00BB9A !important; } */ /* IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } .centerimg { overflow: hidden; text-align: center; } .centerimg img { margin: 5px auto; } .imgleft { float: left; margin: 0 15px 10px 0; } .imgright { float: right; margin: 0 0 10px 15px; } .gallerywrapper table { width: 100%; } .gallerywrapper td { text-align: center; padding: 0 0 15px; } .gallerywrapper img { padding: 5px; border: 1px solid #2B4750; margin: 0 0 5px; } .gallerywrapper a, .gallerywrapper a:visited { font-size: 0.9em; text-align: center; text-decoration: none; color: #fff; } .gallerywrapper a:hover, .gallerywrapper a:active { text-decoration: underline; color: #fff; } /* LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { position: relative; z-index: 0; text-align: center; margin: 0 auto; } .wrapper { width: 974px; text-align: left; margin: 0 auto; } .grid { width: 66px; display: inline; float: left; margin: 0 0 14px 14px; } .grid2 { width: 146px; } .grid3 { width: 226px; } .grid4 { width: 306px; } .grid5 { width: 386px; } .grid6 { width: 466px; } .grid7 { width: 546px; } .grid8 { width: 626px; } .grid9 { width: 706px; } .rounded { background: transparent url(/templatefiles/grid_bg.png) repeat; } .first { clear: left; margin-left: 0; } .last { margin-right: 0!important; } .grid .padding { padding: 10px; } .rounded .padding { padding: 6px 10px; } .grid.right { margin-right: 14px; } /* HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { background: #f0efeb url(/templatefiles/header_bg.gif) repeat; margin: 0 auto; } #header #grunge { height: 240px; overflow: hidden; background: transparent url(/templatefiles/grunge_blue.png) repeat-x center bottom; } #header #grunge #bg { height: 220px; background: transparent url(/templatefiles/bg_shapes.png) no-repeat center top; } #home #header #grunge #bg { height: auto; } #header #sitelogo { float: left; margin-top: 10px; } #header #slogan { float: left; margin-top: 20px; } /* SEARCH ----------------------------------------------------------------------------------------------------------------------------- */ #header #search { width: 355px; height: 74px; float: right; background: transparent url(/templatefiles/search_bg.png) no-repeat 0 0; } #header #search:hover, #header #search:active { background-position: 0 -74px; } #header #search .taosTextField { width: 180px !important; background: #fff none; font-size: 1.2em; border: 0; margin: 15px 0 0 100px; } #header #search .button { width: 60px !important; background: transparent none; font-weight: bold; font-size: 0.95em; text-transform: uppercase; color: #fff; border: 0; } #header #search .button:hover { color: #cfccca; } .content #search .taosTextField { width: 200px; font-size: 1.2em; padding: 5px; } .content #search input.button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 40px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } .content #search input.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .content #search .taosSearchMatch { color: #333; } /* Course Search */ #courses input.button { width: 100px!important; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 80px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } #courses input.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } #courses .taosSearchResultsTable { width: 100%; } #courses .taosSearchResultsTable { border-collapse: collapse; } #courses .taosSearchResultsTable th, #courses .taosSearchResultsTable td { vertical-align: top; text-align: left; padding: 5px; } #courses .taosSearchResultsTable th { font-size: 1.2em; text-align: left; } #courses .taosSearchResultsTable td { vertical-align: top; padding: 5px; border: 1px solid #31525E; border-width: 1px 0; } /* NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ #mainnav { width: 700px; float: left; background: transparent url(/templatefiles/menu_line.png) no-repeat right top; } #mainnav ul { width: 700px; float: left; background: transparent url(/templatefiles/menu_line_shadow.png) no-repeat right bottom; padding: 5px 0 23px 0; margin: 0; } #mainnav ul li { list-style-type: none; font-weight: bold; font-size: 1.1em; line-height: 1.3em; text-align: center; float: left; padding: 0; margin: 0; } /* Default Mainnav Styles - used for Home #556 */ #mainnav ul li a, #mainnav ul li a:visited { width: 66px; height: 34px; display: block; float: left; background: transparent url(/templatefiles/nav_sprite.png) no-repeat -10px 100px; text-decoration: none; line-height: 34px; color: #000; margin: 0 8px; } #mainnav ul li a:hover, #mainnav ul li a:active { background-position: -10px -40px; color: #fff; } #mainnav ul li.selected a, #mainnav ul li.selected a:visited { background-position: -10px 0; color: #fff; } #mainnav ul li.selected a:hover, #mainnav ul li.selected a:active { background-position: -10px -40px; color: #fff; } #mainnav ul li#nav556 { margin-left: 70px; } /* Sports #869 */ #mainnav ul li#nav869 a, #mainnav ul li#nav869 a:visited { width: 84px; background-position: -94px 100px; } #mainnav ul li#nav869 a:hover, #mainnav ul li#nav869 a:active { background-position: -94px -40px; } #mainnav ul li.selected#nav869 a, #mainnav ul li.selected#nav869 a:visited { background-position: -94px 0; } #mainnav ul li.selected#nav869 a:hover, #mainnav ul li.selected#nav869 a:active { background-position: -94px -40px; } /* Clubs #870 */ #mainnav ul li#nav870 a, #mainnav ul li#nav870 a:visited { width: 73px; background-position: -195px 100px; } #mainnav ul li#nav870 a:hover, #mainnav ul li#nav870 a:active { background-position: -195px -40px; } #mainnav ul li.selected#nav870 a, #mainnav ul li.selected#nav870 a:visited { background-position: -195px 0; } #mainnav ul li.selected#nav870 a:hover, #mainnav ul li.selected#nav870 a:active { background-position: -195px -40px; } /* Courses #10574 */ #mainnav ul li#nav10574 a, #mainnav ul li#nav10574 a:visited { width: 96px; background-position: -285px 100px; } #mainnav ul li#nav10574 a:hover, #mainnav ul li#nav10574 a:active { background-position: -285px -40px; } #mainnav ul li.selected#nav10574 a, #mainnav ul li.selected#nav10574 a:visited { background-position: -285px 0; } #mainnav ul li.selected#nav10574 a:hover, #mainnav ul li.selected#nav10574 a:active { background-position: -285px -40px; } /* What's On #875 */ #mainnav ul li#nav875 a, #mainnav ul li#nav875 a:visited { width: 102px; background-position: -395px 100px; } #mainnav ul li#nav875 a:hover, #mainnav ul li#nav875 a:active { background-position: -395px -40px; } #mainnav ul li.selected#nav875 a, #mainnav ul li.selected#nav875 a:visited { background-position: -395px 0; } #mainnav ul li.selected#nav875 a:hover, #mainnav ul li.selected#nav875 a:active { background-position: -395px -40px; } /* About Us #13039 */ #mainnav ul li#nav13039 a, #mainnav ul li#nav13039 a:visited { width: 104px; background-position: -511px 100px; } #mainnav ul li#nav13039 a:hover, #mainnav ul li#nav13039 a:active { background-position: -511px -40px; } #mainnav ul li.selected#nav13039 a, #mainnav ul li.selected#nav13039 a:visited { background-position: -511px 0; } #mainnav ul li.selected#nav13039 a:hover, #mainnav ul li.selected#nav13039 a:active { background-position: -511px -40px; } /* SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { } #sidecol ul.subnav { padding: 0 0 20px; margin: 0; } #sidecol ul.subnav li { background: transparent url(/templatefiles/feint_dotted_line_divider.png) no-repeat left bottom; font-weight: bold; font-size: 1.1em; line-height: 1.3em; list-style-type: none; padding: 0 0 5px; margin: 0; } #sidecol ul.subnav li a, #sidecol ul.subnav li a:visited { display: block; text-decoration: none; color: #fff; padding: 7px 10px; } #sidecol ul.subnav li a:hover, #sidecol ul.subnav li a:active { text-decoration: none; color: #28bce0; } #sidecol ul.subnav li.lastoption a { background: none; } #sidecol ul.subnav li.selectedoption a, #sidecol ul.subnav li.selectedoption a:visited { color: #28bce0; } #sidecol ul.subnav li.selectedoption a:hover, #sidecol ul.subnav li.selectedoption a:active { color: #fff; } #sidecol ul.subnav ul { padding: 0 0 0 12px; margin: 0; } #sidecol ul.subnav ul li { background: transparent url(/templatefiles/ul_bg.png) no-repeat 0 6px; font-weight: bold; font-size: 0.9em; line-height: 1.3em; list-style-type: none; padding: 0 0 0 15px; margin: 0 0 5px; } #sidecol ul.subnav ul li a, #sidecol ul.subnav ul li a:visited { display: block; text-decoration: none; color: #fff !important; padding: 2px 10px 2px 0; } #sidecol ul.subnav ul li a:hover, #sidecol ul.subnav ul li a:active { text-decoration: none; color: #28bce0 !important; } #sidecol ul.subnav ul li.lastoption a { background: none; } #sidecol ul.subnav ul li.selectedoption a, #sidecol ul.subnav ul li.selectedoption a:visited { color: #28bce0 !important; } #sidecol ul.subnav ul li.selectedoption a:hover, #sidecol ul.subnav ul li.selectedoption a:active { color: #fff !important; } /* SUBCONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .subcontent .padding { padding: 10px; } .subcontent #clubsearch input { width: 120px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; } .subcontent #clubsearch .button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 40px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin-left: 14px; cursor: pointer; } .subcontent #clubsearch .button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .subcontent #searchresults a, .subcontent #searchresults a:visited { font-weight: bold; text-decoration: none; color: #28bce0; } .subcontent #searchresults a:hover, .subcontent #searchresults a:active { text-decoration: none; color: #96b81d; } /* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .contentwrapper { padding-top: 10px; margin: 0 auto 10px; } .content { background: none; } .content .video { float: left; background-color: #8c817d; padding: 8px; margin: 0 0 14px; } .grid4 #subscribe { width: 286px; height: 70px; position: relative; } .grid4 #subscribe input { width: 276px; position: absolute; top: 0; left: 0; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; } .grid4 #subscribe .button { width: 85px !important; height: 30px; background: #0284b0 none; font-weight: bold; font-size: 0.85em; line-height: 20px; text-align: center; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px; border: 0; margin-top: 32px; margin-left: 200px; cursor: pointer; } .grid4 #subscribe .button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .grid4 #subscribe #pasteditions { width: 85px !important; height: 20px; display: block; float: left; background-color: #0b5872; padding: 5px; margin-top: 32px; margin-left: 0; } .grid4 #subscribe #pasteditions:hover { background-color: #0284b0; } .grid4 .twocoltext p { width: 133px; float: left; margin: 5px 10px 5px 0; } .grid4 .twocoltext p a, .grid4 .twocoltext p a:visited { text-decoration: underline; color: #fff; } .grid4 .twocoltext p a:hover, .grid4 .twocoltext p a:active { text-decoration: none; color: #fff; } #newsfirst p { font-size: 1.2em; } .newsthumb img { float: left; padding: 5px; border: 1px solid #2B4750; margin: 0 15px 10px 0; } /* Volunteer Pathways */ #dropdown form { padding: 15px 15px; } #dropdown select { width: 275px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 10px 0; } #dropdown .button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 40px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; cursor: pointer; } #dropdown .button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .agegroups a.button { width: 109px; height: 20px; display: block; float: left; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 130px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0 10px 10px 0; cursor: pointer; } .agegroups a.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .agegroups a#age2 { background-color: #97BF0D ; } .agegroups a#age2:hover { background-color: #708155; } .agegroups a#age3 { background-color: #FF2AAA; } .agegroups a#age3:hover { background-color: #DD5BA9; } .agegroups a#age4 { background-color: #00BB9A; } .agegroups a#age4:hover { background-color: #1B8D79; } #agegroup1 h2 { font: normal 1.8em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #28bce0; } #agegroup2 h2 { font: normal 1.8em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #97BF0D ; } #agegroup3 h2 { font: normal 1.8em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #FF2AAA; } #agegroup4 h2 { font: normal 1.8em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #00BB9A; } #agegroup1 h3, #agegroup2 h3, #agegroup3 h3, #agegroup4 h3 { font: normal 1.4em Base02Regular, arial, verdana, helvetica, sans-serif; line-height: 1.3em; color: #fff; } /* */ /* Club Search ----------------------------------------------------------------------------------------------------------------------------- */ #clubsearchwrapper { position: relative; } .clubsearch { width: 234px; height: 182px; /*width: 306px; height: 264px;*/ background: transparent url(/templatefiles/col2_bg.png) no-repeat 0 0; padding: 26px 45px 46px 27px; } .clubsearch h2 { font: bold 1.6em Base02Regular, arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #b90c08; margin: 0 0 15px; } .clubsearch select { width: 210px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 5px 0; } .clubsearch .taosTextField { width: 210px; background: #fff none; font-size: 1.2em; padding: 5px; border: 0; margin: 5px 0; } .clubsearch input.button { width: 60px; height: 30px; background: #0284b0 url(/templatefiles/arrow.png) no-repeat 85px 8px; font-weight: bold; font-size: 1.2em; line-height: 20px; text-transform: uppercase; text-decoration: none!important; color: #fff!important; padding: 5px 32px 5px 9px; border: 0; margin: 0; cursor: pointer; } .clubsearch input.button:hover { background-color: #0b5872; text-decoration: none; color: #fff; } .clubsearch span.taosrequiredfieldicon, .clubsearch span.formprompt { display: none; } .clubsearch span.inputlabel { color: #333; } .clubsearch .sportframe { margin-top: 40px; } .clubsearch .sportframe fieldset { padding: 0; border: 0; margin: 0 0 0 -27px; } .clubsearch .sportframe legend { font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #fff; margin: 20px 0 10px; } .clubsearch .sportframe fieldset ol { padding-left: 20px; } .clubsearchresults .clubsearch { width: 100%; height: auto; background: transparent none; padding: 0; } .clubsearchresults .clubsearch .searchoption { float: left; margin-right: 15px; } .clubsearchresults .clubsearch .searchoption label, .clubsearchresults .clubsearch .searchoption .inputlabel { font-weight: bold; color: #fff; vertical-align: middle; } .clubsearchresults .clubsearch .clubsearchbuttoncontainer { float: left; margin-top: 5px; } .clubsearchresults .clubsearch .map_results_googlemap { width: 650px; float: left; clear: both; padding: 5px; border: 1px solid #415E68; margin: 20px 0 14px 20px; } .clubsearchresults .clubsearch .map_results_googlemap h2 { font: bold 1.2em arial, verdana, helvetica, sans-serif; text-transform: none; margin: 0 0 5px; } .clubsearchresults .clubsearch .map_results_list { clear: both; margin-left: 20px; } .clubsearchresults .clubsearch .map_results_list ol { padding: 0; margin: 20px 0; } .clubsearchresults .clubsearch .map_results_list ol li { width: 320px; float: left; margin-left: 20px; } .accreditation div { margin-top:-3em; padding-top:3em; padding-bottom: 3em;} .accreditation .achieved { background: transparent url(/templatefiles/clubmark-logo.gif) no-repeat top right; padding-right: 120px; } .accreditation.football .achieved { background: transparent url(/templatefiles/cs_clubs.png) no-repeat top right; padding-right:198px; } .data { color: #28bce0; } .halfcol { width: 48%; float: left; } /* FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #footer { position: relative; border-top: 1px solid #131f23; margin: 14px auto; } #footerinner { padding: 10px; border-top: 1px solid #2b4650; } #footer p { font-size: 0.85em; text-align: left; margin: 0; } #footer p#silktide { font-size: 0.85em; text-align: right; margin: -1.5em 0 0; } #footer a, #footer a:visited { text-decoration: none; color: #fff; } #footer a:hover, #footer a:active { text-decoration: underline; color: #fff; } #footer .addthis_toolbox { position: absolute; top: 10px; left: 480px; font-weight: bold; font-size: 1.2em; vertical-align: middle; } #footer .addthis_toolbox .custom_images a { width: 16px; height: 16px; vertical-align: middle; padding: 0; margin: 0; } #footer .addthis_toolbox .custom_images a:hover img { opacity: 1; vertical-align: middle;} #footer .addthis_toolbox .custom_images a img { opacity: 0.75; } /* MICROSITES ----------------------------------------------------------------------------------------------------------------------------- */ #microbanner { width: 948px; height: 144px; position: relative; /*background-color: #8c817d;*/ text-align: center; padding: 6px; margin: 0 0 14px 14px; } #microbanner img { display: block; margin: auto; } #microbanner #bannertext { width: 280px; position: absolute; right: 6px; top: 25px; background-color: #fff; opacity: 0.9; padding: 15px 40px 15px 15px; margin: 0; } #microbanner #bannertext p { font-weight: bold; text-align: left; color: #333; margin: 0 0 5px; } #microhome .content .video { margin: 0; } #microhome .rounded .padding { padding: 10px 10px; } #microhome .rounded hr { margin: 0; }