body { font-size: 62.5%; font-family: "Trebuchet MS", verdana; background: #3d3d3f; margin: 20px 0 0 0; } div.hr { clear: both } div.hr hr { display: none } img { border: none } p, h1, h2, h3, h4, h5, h6 { margin: 0 } .hidden { position:absolute; left:-9999px; } .floatClear, .clear { clear: both } #mainWrap { width: 944px; margin: auto; background: url(../images/main_bg.gif) 0 0 repeat-y; } #innerWrap { width: 944px; position: relative; min-height: 662px; _height: 662px; background: url(../images/mainBottom_bg.gif) 0 bottom no-repeat; } .header { float: left; position: relative; width: 904px; padding: 29px 10px 0 30px; background: url(../images/header_bg.jpg) 0 0 no-repeat; } h1 { width: 138px; height: 60px; float: left; background: url(../images/pmd-logo.gif) 0 0 no-repeat; margin: 0; margin-top: 1px; } h1 a { display:block; width: 138px; height: 60px;} p#welcome { } .banner { position: absolute; right: 11px; top: 10px; } #navContainer { float: left; width: 924px; height: 23px; margin: 14px 0 0 -21px; display: inline; background: url(../images/nav_bg.gif) 0 0 repeat-x; } a { outline: none !important } /* POWER SEARCH */ .search { width: 132px; height: 16px; float: left; background: url(../images/powerSearch_bg.gif) 0 0 no-repeat; margin: 2px 22px 0 22px; padding: 2px 0 0 3px; display: inline; /* Hide until phase 2: ; visibility: hidden; */ } .search input { width: 110px; height: 10px; position: absolute; border: 1px solid #fff; margin: 0; font-size: 0.9em; text-transform: uppercase; color: #367C2B; } input.prePopulated { color: #C6C7C9 !important; font-style: italic !important; text-transform: none!important; } .search input.powerSearchButton { width: 8px; height: 12px; position: absolute; left: 155px; border: 0; padding: 1px 0 0 0; } ul#mainNav { margin: 0; padding: 0 0 0 181px; /* Change back to 0 in phase 2 */ width: 610px; height: 23px; float: left; } #navContainer ul#mainNav li { list-style: none; float: left; } #navContainer ul#mainNav li a { display: block; height: 19px; text-align: center; text-decoration: none; color: #d3c001; font-size: 1em; padding: 4px 22px 0 22px; float: left; } /* SAFARI HACK */ @media screen and (-webkit-min-device-pixel-ratio:0) { #navContainer ul#mainNav li a { height: 17px; padding: 6px 22px 0 22px; } } #navContainer ul#mainNav li a { background: url(../images/nav_divider.gif) 0 0 no-repeat } #navContainer ul#mainNav li a:hover { background: url(../images/nav_divider.gif) 0 -23px no-repeat } #navContainer ul#mainNav li a.current { background: url(../images/nav_divider.gif) 0 -23px no-repeat } #navContainer ul#mainNav li a.logo { background: url(../images/nav_divider_logo.gif) 0 0 no-repeat; text-indent: -9999px; width: 25px; } #navContainer ul#mainNav li a.logo:hover { background: url(../images/nav_divider_logo.gif) 0 -23px no-repeat } ul#accessNav { padding: 0; margin: 0 28px 0 0; display: inline; width: 105px; height: 23px; float: right; } ul#accessNav li { list-style: none; float: left; } ul#accessNav li a { width: 16px; height: 23px; display: inline block; float: left; margin: 0 4px 0 0; text-indent: -9999px; } .end { margin: 0 } ul#accessNav li a#print { background: url(../images/access_print.gif) 0 0 no-repeat } ul#accessNav li a#print:hover { background: url(../images/access_print.gif) 0 -23px no-repeat } ul#accessNav li a#lowGraphics { background: url(../images/access_lowGraphics.gif) 0 0 no-repeat } ul#accessNav li a#lowGraphics:hover { background: url(../images/access_lowGraphics.gif) 0 -23px no-repeat } ul#accessNav li a#fontUp { background: url(../images/access_fontUp.gif) 0 0 no-repeat } ul#accessNav li a#fontUp:hover { background: url(../images/access_fontUp.gif) 0 -23px no-repeat } ul#accessNav li a#fontDown { background: url(../images/access_fontDown.gif) 0 0 no-repeat } ul#accessNav li a#fontDown:hover { background: url(../images/access_fontDown.gif) 0 -23px no-repeat } ul#accessNav li a#fontNormal { background: url(../images/access_fontNormal.gif) 0 0 no-repeat } ul#accessNav li a#fontNormal:hover { background: url(../images/access_fontNormal.gif) 0 -23px no-repeat } #left { width: 158px; padding: 30px 0 200px 32px; float: left; } a.askDerekCTA { width: 177px; height: 96px; background: #FF0000; position: absolute; bottom: 10px; text-indent: -9999px; left: 11px; background: url(../images/askD_CTA_bg.gif) 0 0 no-repeat; } /* LH NAV #1 */ #left ul { margin: 0; padding: 0; } #left ul li { list-style: none } #left ul li a { color: #000; text-decoration: none; font-size: 1.2em; font-weight: bold; -webkit-transition: color .4s ease-out; } #left ul li a:hover { color: #999 } /* LH SUB NAV #1 */ #left ul li ul { margin: 0 0 0 10px } #left ul li ul li a { color: #87888a; -webkit-transition: color .4s ease-out; } #left ul li ul li.current a, #left ul li ul li a:hover { color: #000 } /* LH SUB NAV #2 */ #left ul li ul li ul { margin: 0; width: 100%; background: #19171c; } #left ul li ul li ul li a { padding: 0 0 0 10px !important; display: block; width: 93%; -webkit-transition: color .4s ease-out; -webkit-transition: background .4s ease-out; color: #fff !important; } #left ul li ul li ul li a:hover { background: #d3c001; color: #000 !important; } #right { float: left; width: 744px; padding:0 10px 0 0; } #footer { width: 924px; margin: auto; padding: 5px 10px 10px; } #footer ul { padding: 0; margin: 0; color: #dbdbdb; } #footer ul li { float: left; list-style: none; padding: 0 10px 0 0; margin: 0 10px 0 0; background: url(../images/footerList_bg.gif) right center no-repeat; } #footer ul li.last { background: none } #footer ul li a { color: #dbdbdb; text-decoration: none; -webkit-transition: color .4s ease-out; } #footer ul li a:hover { color: #d2c102; text-decoration: none; } /* 'departmentBreadCrumb' on its own */ .DepartmentTrail { padding-top:10px; } .DepartmentBreadCrumb { float: left; width: 703px; margin: 0 0 0 5px; /*: ; border: 1px solid #94AD73; */ display: inline; padding: 5px; } .DepartmentBreadCrumb ul { float: left; margin: 0; padding: 0; } .DepartmentBreadCrumb ul li { list-style: none; float: left; font-size: 1.1em; color: #87888A; } .DepartmentBreadCrumb ul li a { color: #87888A; padding: 0 9px 0 0; margin: 0 4px 0 0; background: url(../images/breadcrumbListMarker.gif) right 5px no-repeat; -webkit-transition: color .4s ease-out; } .DepartmentBreadCrumb ul li a:hover { color: #d3c001 } .DepartmentDropdown { float: right; margin: 2px 0 0 0; display: none; } .DepartmentDropdown select { margin: 0 5px 0 0; border: 1px solid #1f6014; } .DepartmentDropdown input { height: 23px; background: #367C2B; color: #fff; border-top: 1px solid #91bd8b; border-bottom: 1px solid #1f6014; border-left: 1px solid #91bd8b; border-right: 1px solid #1f6014; height: 20px; cursor: pointer; padding: 0 4px 5px 4px; } *:first-child+html .DepartmentDropdown input { /* IE style hacks */ height: 22px; padding: 1px 4px 4px 4px; } * html .DepartmentDropdown input { /* IE style hacks */ height: 22px; padding: 1px 4px 4px 4px; } /* --------------------------- HOMEPAGE SPECIFIC --------------------------- */ #home { padding:10px 0 10px 0; background-color:#1a171b;} .homepage_mainAd { width: 726px; height: 262px; float: left; margin: 10px 0 15px 0; overflow: hidden; } .homepage_smallAd { width: 247px; margin: 0 0 0 0; float: left; /* background: url(../images/hp_smallAd_mid_bg.gif) right 0 no-repeat; */ background: #19171c; } .homepage_smallAd .inside { width: 239px; padding: 0 8px 11px 0; float: left; /* background: url(../images/hp_smallAd_bot_bg.gif) 0 bottom no-repeat; */ background: #19171c; } * html .homepage_smallAd .inside { padding: 0 8px 8px 0 } *:first-child+html .homepage_smallAd .inside { padding: 0 8px 8px 0 } /* --------------------------- TWO COL LAYOUT --------------------------- */ #leftCol { width: 468px; float: left; margin: 10px 0 0 10px; display: inline; padding: 0 0 10px 0; } #leftCol .pageTitle { width: 454px; padding: 2px 5px 2px 10px; background: #d3c001; color: #000; margin: 0 0 10px 0; } * html #leftCol .pageTitle { width: 455px } .greenBg { background: #D3C001 !important } h3.pageTitle { width: 452px; padding: 2px 5px 2px 10px; background: #d3c001; color: #000; margin: 0 0 10px 0; font-size: 1.2em; } .pageTitle h2, .pageTitleFullLength h2 { font-size: 1.2em !important; font-weight: normal !important; color: #000 !important; } #rightCol { width: 262px; float: left; margin: 10px 0 0 0; } #rightCol .pageTitle { width: 219px; padding: 2px 5px 2px 10px; background: #d3c001; color: #000; margin: 0 0 10px 14px; font-size: 1.2em; } /* --------------------------- PRODUCTS PAGES --------------------------- */ .relatedItem { width: 232px; float: left; cursor: pointer !important; margin-top: -5px; padding: 0 15px; } .relatedItemTop { width: 232px; float: left; padding: 5px 0 0 0; display: block; text-decoration: none !important; cursor: pointer !important; } .relatedItemBot { width: 212px; float: left; padding: 10px; background: #fff; } .relatedItemBot span.header { margin: 0; font-size: 1.6em; line-height: 1.2em; padding: 0 0 8px; color: #d3c001; font-weight: bold; display: block; } .blue .relatedItemBot span.header { color: #0069aa !important } .relatedItemBot p { margin: 0; font-size: 1.1em; color: #000; line-height: 1.2; } .relatedItemTop:hover .relatedItemBot p { } .relatedItemBot img { float: right; margin: 0 0 5px 5px; } .wishlistEmpty { width: 262px; height: 189px; background: url(../images/myWishListEmpty_bg.gif) 0 -7px no-repeat; float: left; } .wishlistEmpty h5, .wishlistFull h5 { display: none } .wishlistEmpty #top { width: 103px; float: left; height: 94px; padding: 53px 118px 7px 42px; } .wishListBottomLink { margin: 0 0 0 20px; display: inline; width: 220px; float: left; } .wishListBottomLink a { width: 70px; margin: auto; background: #a6a7a9; color: #fff; padding: 0 5px !important; text-align: center; display: block; text-decoration: none; border-top: 1px solid #ccccce; border-left: 1px solid #ccccce; border-bottom: 1px solid #6b6b6d; border-right: 1px solid #6b6b6d; } .wishListBottomLink a:hover { color: #6b6b6d } .wishlistFull { width: 262px; background: url(../images/myWishListFullRepeaterNOblueLINES_bg.gif) 0 0 repeat-y; float: left; } .wishlistFull #top { width: 262px; background: url(../images/myWishListFullTopLONGER_bg.gif) 0 -7px no-repeat; float: left; padding: 51px 0 35px 0; } .wishlistFull_bottom { width: 262px; height: 32px; float: left; padding-top: 3px; background: url(../images/myWishListFullBottom_bg.gif) 0 0 no-repeat; } .wishlistFull_bottom .wishListBottomLink a { width: 70px; margin: auto; background: #a6a7a9; color: #fff; padding: 0; text-align: center; display: block; text-decoration: none; border-top: 1px solid #ccccce; border-left: 1px solid #ccccce; border-bottom: 1px solid #6b6b6d; border-right: 1px solid #6b6b6d; font-size: 1em; } .wishlistFull_bottom .wishListBottomLink a:hover { color: #6b6b6d } ul.wishListItems { margin: 0 !important; width: 230px; list-style: none; padding: 0 0 0 15px; } ul.wishListItems li { font-size: 0.9em; padding: 1px 0 0 30px!important; border-bottom: 1px solid #e2ebf4; } ul.wishListItems li a { text-decoration: none; color: #87888A; } ul.wishListItems li a.wishlistRemoveLink { display: inline-block; text-transform: uppercase; margin: 0 0 0 5px; color: red; } ul.wishListItems li a.wishlistRemoveLink:hover { color: gray; } p.clearWishlist { display: none } .RHvideo { padding: 0 0 12px 14px } .RHvideo object, .RHvideo embed { outline: none } .mainImage { float: left; width: 468px; margin: 0 0 11px 0; display: none; /* Told to display if it contains an image by Jquery */ } .introText { padding: 10px 10px 0 } .introText p { margin-bottom: 10px; font-size: 1.1em; line-height: 1.2em; background: #fff; } ul#productList { margin: 0; padding: 0; } ul#productList li { list-style: none; float: left; margin: 0 10px 15px 0; } ul#productList li.third { /* not used */ } ul#productList li.first { /* applied by jQuery to first of every 3: ; margin-left: 0; clear: left;*/ } a.smallProdContainer { width: 130px; background: #fff; border: 1px solid #fff; float: left; padding: 7px; cursor: pointer; text-decoration: none !important; } a.smallProdContainer:hover { border: 1px solid #d3c001 } a.smallProdContainer img { width: 130px; float: left; display: block; border: none; margin-bottom: 10px; } a.smallProdContainer span.prodName { width: 124px; padding: 2px 3px; float: left; display: block; background: #000; color: #fff; text-align: right; border: none; font-size: 1.1em; } a.smallProdContainer:hover span.prodName { background: #d3c001 } #product ul { float: left; display: inline; } #product ul li { font-size: 1.2em } #product p { float: left; width: 450px; font-size: 1.2em; } /* --------------------------- ASK DEREK PAGES --------------------------- */ h3#askDerek, h2#askDerek { width: 190px; height: 74px; background: url(../images/askDerek_title.gif) 0 0 no-repeat; position: relative; top: -7px; left: 18px; text-indent: -9999px; } div.askDerek { width: 466px; float: left; display: inline; border: 1px solid #c3c3c3; padding: 0 0 10px 0; position: relative; } div.askDerek p { padding-left: 18px; color: #818284; margin: 0 0 4px 0; } .derekCornerError, .wishListCornerError { position: absolute; right: 27px; top: 10px; color: #e1182a !important; font-size: 1.3em; } { position: absolute; right: 27px; top: 10px; color: #e1182a !important; font-size: 1.3em; } .error { color: #e1182a !important } div.askDerek p span { font-size: 1em; color: #e1182a; } div.askDerek p label { width: 70px; float: left; font-size: 1em; padding: 2px 0 0 0; } p.formTitle { padding: 2px 0 2px 18px; background: url(../images/formTitle_bg.gif) 0 0 repeat-y; color: #0068aa !important; font-weight: bold; font-size: 1.2em; } div.askDerek input { border: 1px solid #dadadc; width: 220px; font-size: 1em; padding: 1px; font-family: "Trebuchet MS", verdana !important; padding: 2px; } div.askDerek input.AD_form_email.ADPrePopulated { background: url(../images/askDerek_formBG_email.gif) 5px center no-repeat #fff } div.askDerek input.AD_form_subject.ADPrePopulated { background: url(../images/askDerek_formBG_subject.gif) 5px center no-repeat #fff } div.askDerek textarea.AD_form_question.ADPrePopulated { background: url(../images/askDerek_formBG_question.gif) 5px 5px no-repeat #fff } div.askDerek select { border: 1px solid #dadadc; width: 227px !important; height: 18px; font-size: 1em; text-transform: uppercase; } .textareaReq { position: absolute; top: 0; right: 100px; } .submitWrap { width: 292px; display: block; text-align: right; } .wishListForm .submitWrap { width: 306px } .answeredIn { font-size: 0.8.em !important; color: #818284 !important; float: left; width: 210px; padding-top: 11px; text-align: left; } * html .submitWrap { width: 296px } *:first-child+html .submitWrap { width: 294px } div.askDerek input.askDerekSubmit { padding: 1px 4px; background: #0068AA; color: #fff; text-decoration: none; margin: 10px 0 0 0; border: 2px solid #4b8cc4; width: auto; height: auto; cursor: pointer; font-size: 1.2em; /*: ; font-style: italic; */ } /* KEEP WIDTHS CONSISTENT IN IE */ *html div.askDerek select { } *:first-child+html div.askDerek select { } div.askDerek textarea { border: 1px solid #dadadc; width: 218px; height: 118px; padding: 2px; font-size: 1em; } textarea, input { font-family: "Trebuchet MS", verdana } div.askDerek ol { margin: 0 0 0 36px; padding: 0; } div.askDerek ol li { color: #0068aa; font-size: 1.2em; padding-right: 50px; } div.askDerek ol li a { text-decoration: none; color: #818284; -webkit-transition: color .4s ease-out; } div.askDerek ol li a:hover { color: #0068aa } #previouslyAsked { width: 466px; float: left; margin: 10px 0 0 0; border: 1px solid #0067aa; } #previouslyAsked p.title { width: 449px; padding: 2px 0 2px 17px; background: #0067aa; color: #fff; font-size: 1.3em; } #previouslyAsked ul { margin: 7px 0; padding: 0; } #previouslyAsked ul li { margin: 0 0 0 32px; color: #0067aa; width: 90%; } #previouslyAsked ul li a { color: #0067aa; text-decoration: none; font-size: 1.2em; -webkit-transition: color .4s ease-out; } #previouslyAsked ul li a:hover { color: #000 } .derekAnswerSection h3 { color: #878787; font-size: 1.2em; padding-left: 18px; width: 80%; font-weight: normal; margin-bottom: 7px; } .derekAnswerSection p { margin: 0 0 10px !important; padding-right: 50px; } .noAnswer { color: #0067AA !important; font-weight: bold; font-size: 1.2em !important; width: auto !important; } .noAnswer a { padding: 1px 4px; background: #0068AA; color: #fff; text-decoration: none; margin: 0 2px; border: 2px solid #4b8cc4; width: auto; height: auto; cursor: pointer; } .noAnswer a:hover { border: 2px solid #0068AA } .askDerekThanks { font-weight: bold; color: #0069aa !important; width: auto !important; } p.askDerekThanks, p.wishListThanks { padding-right: 35px !important; font-size: 1.2em; line-height: 1.5em; } p.wishListThanks { color: #D3C001 !important } .rhAd { width: 262px; float: left; } * html .rhAdBottom { padding: 0 15px 10px 15px } *:first-child+html .rhAdBottom { padding: 0 15px 10px 15px } .rhAdBottom { width: 232px; padding: 0 15px 13px 15px; float: left; } /* --------------------------- MY WISHLIST PAGE --------------------------- */ #myWishList { width: 446px; float: left; display: inline; border: 1px solid #c3c3c3; padding: 10px; } #stepOne { width: 115px; position: absolute; color: #D3C001; padding: 0 0 0 5px; z-index: 2; } h3#myWishlist { width: 119px; height: 35px; background: url(../images/myWishlist_title.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px -4px; } #stepOne p { padding: 0 2px 0 2px; margin: 0 0 10px 0; font-size: 1.4em; } #map { width: 375px; height: 427px; float: right; } #wishlistRight { width: 230px; height: 447px; border: 1px solid #c3c3c3; margin: 10px 0 0 16px; } #wishlistRight p.step { width: 224px; color: #fff; padding: 3px 0 3px 7px; background: #D3C001; float: left; } #wishlistRight .inside { width: 230px; height: 447px; overflow: scroll; overflow-x: hidden; float: left; } .stockist { width: 200px; float: left; margin: 0 0 0 6px; padding: 5px 0 10px 0; display: inline; font-size: 0.9em; border-bottom: 1px solid #bfbfbf; } .lastStockist { border-bottom: none !important } .stockist p { font-size: 1.2em } .stockist p.stepThree { padding: 0 2px 0 2px; margin: 3px 0 0 0; background: #D3C001; color: #fff; display: inline; float: left; font-size: 1.3em; } .stockist a { padding: 0 2px 1px 29px; margin: 3px 0 0 5px; display: inline; float: left; background: url(../images/emailSymbol.gif) 0 -29px no-repeat; font-size: 1.4em; text-decoration: none; color: #D3C001; } .stockist a:hover { background: url(../images/emailSymbol.gif) 0 2px no-repeat; color: #000; } /* --------------------------- PRODUCT END PAGE --------------------------- */ #product { width: 452px; float: left; padding: 8px; position: relative; background: #fff; } .prodTitle { width: 442px !important; padding: 2px 4px 2px 4px; background: #000; color: #fff; margin: 0 0 5px 0; font-size: 1.1em !important; line-height: normal !important; } #product img, #product p { float: left; margin: 0 0 5px 0; } .productBrandLogo { position: absolute; right: 10px; top: 35px; } .productHeightWrap { clear: left; float: left; padding-top: 5px; } * html .productHeightWrap { } .productImgwrap { width: 220px; text-align: center; } .productImgwrap img { margin: 0 auto } .portraitZoom { position: absolute; right: 228px; top: 38px; } .landscapeZoom { position: relative; top: 10px; } ul#otherImages { margin: 10px 0 6px 0; padding: 0; float: left; width: 450px; } ul#otherImages li { list-style: none; float: left; width: 60px; height: 36px; margin: 0 4px 4px 0; overflow: hidden; } ul#otherImages li a { width: 58px; height: 34px; border: 1px solid #c3c3c3; display: block; text-align: center; overflow: hidden; } ul#otherImages li a:hover { width: 58px; height: 34px; border: 1px solid #D3C001; display: block; } ul#otherImages li a img { margin: 0; float: none !important; } ul#otherImages li.info { border: none; font-size: 0.8em; line-height: 1.3em; padding: 10px 0 0 0; height: 24px; display: none; } ul.docLinks { float: left; margin: 10px 10px 0 0; padding: 0; width: 220px; } ul.docLinks li { float: left; list-style: none; margin: 0 0 3px 0; font-size: 1.1em; line-height: 1.25; } ul.docLinks li a { width: 190px; display: block; padding: 3px 4px 3px 26px; background: url(../images/docLinks_pdfSymbol.gif) 5px 4px no-repeat #e3e4e6; text-decoration: none; color: #646567; -webkit-transition: color .4s ease-out; } ul.docLinks li a:hover { color: #000 } ul.relatedLinks { float: left; margin: 10px 0 10px 0; padding: 0; width: 220px; } ul.relatedLinks li { float: left; list-style: none; margin: 0 0 3px 0; font-size: 1.1em; line-height: 1.25; } ul.relatedLinks li a { width: 208px; display: block; padding: 3px 4px 3px 8px; background: #e3e4e6; text-decoration: none; color: #646567; -webkit-transition: color .4s ease-out; } ul.relatedLinks li a:hover { color: #000 } #productTable_overflow { width: 450px; overflow-x: auto; overflow-y: hidden; float: left; } /* PADDING AT THE BOTTOM FOR IE */ * html #productTable_overflow { padding: 0 0 16px 0 } *:first-child+html #productTable_overflow { padding: 0 0 16px 0 } table.searchTable { width: 448px !important; border-collapse: collapse; border-spacing: 0; } #productTable_overflow table { min-width: 450px; width: 450px; } #productTable_overflow table td { min-width: 40px } #productTable_overflow table { border-collapse: collapse } #productTable_overflow table th, #productTable_overflow table td { text-align: left; padding: 4px; border-bottom: 1px solid #fff; } #productTable_overflow table th { color: #fff; background: #427a1f !important; border-right: 1px solid #427a1f !important; border-top: 1px solid #427a1f !important; border-bottom: 1px solid #427a1f !important; } #productTable_overflow table.searchTable th { border-bottom: 1px solid #fff !important } #productTable_overflow table td { min-width: 40px } #productTable_overflow table p { float: none; width: 240px; } #productTable_overflow table a { color: #646466 } th { font-size: 1.1em; line-height: 1.2em; } tr td { background: #c1d4b9; color: #636466; border-right: 1px solid #c1d4b9; vertical-align: middle !important; font-size: 1em; } tr.even td { background: #d8e5d3; border-right: 1px solid #d8e5d3; } td img { border: 3px solid #fff; margin: 0 !important; } tr.pagination td { border-right: none !important } th.addToWL { width: 35px !important } a.wishlistTickbox { width: 15px; height: 17px; background: url(../images/wishlistTick.png) 0 0 no-repeat; text-indent: -9999px; display: block; margin: auto; margin-top: -4px; } a.wishlistTickbox:hover { background: url(../images/wishlistTick.png) 0 -19px no-repeat } a.ticked { background: url(../images/wishlistTick.png) 0 -19px no-repeat } .pagination td { text-align: right !important; padding-right: 0 !important; } .pagination a { color: #646466; margin: 0 3px 0 0; } .pagination span { margin: 0 3px 0 0 } tr.pagination td { background: #fff; padding-top: 0 !important; } .pageSize { position: absolute; top: 5px; left: 10px; } .pageSize label { font-size: 1.1em } .noRecords { color: #E0041D; font-size: 1.6em !important; margin: 0 !important; } /* --------------------------- WISHLIST FORM PAGE --------------------------- */ h3#wishListForm { width: 190px; height: 74px; background: url(../images/myWishlist_title.gif) 0 0 no-repeat; position: relative; top: 10px; left: 18px; text-indent: -9999px; } div.wishListForm { width: 466px; float: left; display: inline; border: 1px solid #c3c3c3; padding: 0 0 10px 0; position: relative; } div.wishListForm p { padding-left: 18px; color: #818284; margin: 0 0 4px 0; } div.wishListForm p span { color: #e1182a } div.wishListForm p label { width: 80px; float: left; font-size: 1em; } div.wishListForm p.formTitle { padding: 2px 0 2px 18px; background: url(../images/formTitle_bg.gif) 0 0 repeat-y; color: #49741b !important; } div.wishListForm input { border: 1px solid #dadadc; width: 220px; font-size: 1em; padding: 1px; font-family: "Trebuchet MS", verdana !important; padding: 2px; } div.wishListForm input.WL_form_email.WLPrePopulated { background: url(../images/askDerek_formBG_email.gif) 5px center no-repeat #fff } div.wishListForm input.WL_form_confEmail.WLPrePopulated { background: url(../images/wishList_formBG_confirmEmail.gif) 5px center no-repeat #fff } div.wishListForm input.WL_form_name.WLPrePopulated { background: url(../images/wishList_formBG_name.gif) 5px center no-repeat #fff } div.wishListForm input.WL_form_phone.WLPrePopulated { background: url(../images/wishList_formBG_telephone.gif) 5px center no-repeat #fff } div.wishListForm textarea.WL_form_items.WLPrePopulated { background: url(../images/wishList_formBG_items.gif) 5px 5px no-repeat #fff } div.wishListForm textarea.WL_form_message.WLPrePopulated { background: url(../images/wishList_formBG_message.gif) 5px 5px no-repeat #fff } div.wishListForm span.checkBox input { border: none; width: 10px; height: 10px; margin: 0 10px; } *html div.wishListForm span.checkBox input { width: 15px; height: 15px; } *:first-child+html div.wishListForm span.checkBox input { width: 15px; height: 15px; } div.wishListForm select { border: 1px solid #dadadc; width: 226px !important; padding: 2px; font-size: 1em; text-transform: uppercase; } div.wishListForm a { color: #49741b } div.wishListForm a.wishListSubmit { padding: 1px 4px; background: #D3C001; color: #fff; text-decoration: none; margin: 10px 0 0 0; border: 2px solid #87a565; width: auto; height: auto; cursor: pointer; font-size: 1.2em; /*: ; font-style: italic; */ } div.wishListForm a.wishListSubmit:hover { background: #87a565; border: 2px solid #D3C001; color: #000; } /* KEEP WIDTHS CONSISTENT IN IE */ *html div.wishListForm select { width: 15.3em } *:first-child+html div.wishListForm select { width: 15.3em } div.wishListForm textarea { border: 1px solid #dadadc; width: 218px; height: 118px; padding: 2px; font-size: 1em; } .enterNum { font-size: 1.2em !important; color: #D3C001 !important; } /* --------------------------- UNSUBSCRIBE PAGE --------------------------- */ .unsubscribe { width: 468px; padding: 0 0 0 10px; float: left; } div.unsubscribe p label { width: 200px; float: left; } div.unsubscribe input { border: 1px solid #dadadc; width: 15em; height: 1.05em; margin: 0 0 10px 0; } div.unsubscribe input.checkBox { border: 1px solid #dadadc; width: 10px; height: 10px; margin: 0 0 0 5px; } div.unsubscribe input.submitButton { padding: 1px 4px; background: #D3C001; color: #fff; text-decoration: none; margin: 10px 0 0 0; float: left; border: 2px solid #87a565; width: auto; height: auto; cursor: pointer; } .scrambleImage { clear: both } .unsubLabel { width: 250px; display: inline-block; } /* --------------------------- GENERAL PAGE --------------------------- */ .generalContentWrap { padding: 10px; border: 1px solid #b9babc; margin-bottom: 15px; } .generalContentWrap img { float: left; margin: 0 10px 0 0; } .generalContentWrap h2 { font-size: 1.6em; line-height: 1.2em; color: #D3C001; padding: 5px 0 10px 0; /* Headline with a gap above in artwork */ } .generalContentWrap h3 { font-size: 1.4em; color: #868789; margin: 0 0 10px 0; } .generalContentWrap p { margin: 0 0 10px 0; font-size: 1.1em; line-height: 1.2em; } .generalContentWrap ol, .generalContentWrap ul { margin: 0 0 0 25px; padding: 10px 0; } .generalContentWrap ol li, .generalContentWrap ul li { font-size: 1.1em } .newsEventsSection ul.docLinks, .aboutSection ul.docLinks, .generalContentWrap ul.docLinks { margin: 0 6px 0 0 !important } .newsEventsSection ul.relatedLinks, .generalContentWrap ul.relatedLinks, .aboutSection ul.relatedLinks { margin: 0 !important } .generalContentWrap a { color: #D3C001 } .generalContentWrap a:hover { text-decoration: none } .general { width: 468px; float: left; } .general img { float: left; margin: 0 10px 10px 0; } .general h2 { font-size: 2em; color: #d3c001; } .general h3 { margin: 0 0 10px 0 } .general p { margin: 0 0 10px 0 } /* --------------------------- SEARCH PAGE --------------------------- */ .ClickItem { width: 100%; margin: 10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #C3C3C3; } .ClickItem ul { float: left !important; width: 330px; margin: 0; padding: 0 0 0 20px; } .ClickItem ul li { display: inline; margin: 0 5px 0 0; } .ClickItem ul li a { text-decoration: none; color: #367C2B; -webkit-transition: color .4s ease-out; } .ClickItem ul li a:hover { text-decoration: underline; color: #367C2B; } .ClickItem ul li span { float: left; width: auto; } .ClickItem span { float: left !important; width: 100px; } .selectAllgraphic { width: 7px; height: 12px; background: url(../images/selectallGraphic.gif) 3px 4px no-repeat; display: block; text-indent: -9999px; float: left; padding: 2px 0 0 5px; } .selectAllLabel { color: #636363 !important; font-size: 1.2em !important; font-weight: bold; } .searchForm { margin: 0 0 10px 0 } .searchForm label { width: 100px; display: block; float: left; margin: 0 5px 0 0; } .searchForm input { width: 170px; margin: 0 0 5px 0; } .searchForm select { width: 175px; margin: 0 0 5px 0; } .searchForm .submitButton { width: auto; margin: 0 0 0 104px; padding: 1px 4px; background: #D3C001; color: #fff; border: 2px solid #87a565; width: auto; height: auto; cursor: pointer; } /* * html .searchForm .submitButton { margin:0 0 0 109px; } */ /* LEFT HAND / REFINE SEARCH */ .LH_refineSearch { width: 158px; background: #fff; margin: 18px 0 0 0; } .noTopMargin { margin-top: 0 } .LH_refineSearch h2, .LH_refineSearch h3 { background: #868789; color: #fff; font-size: 1.1em; padding: 2px 0 2px 15px; } .LH_refineSearch h2 span, .LH_refineSearch h3 span { font-style: italic } .LH_refineSearch .inner { padding: 10px 0 5px 15px } .LH_refineSearch label { display: none } .LH_refineSearch input { width: 114px; border-top: 2px solid #9c9ba0; border-left: 2px solid #9c9ba0; border-right: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; margin: 0 0 8px 0; font-size: 1.1em; padding: 3px; } .LH_refineSearch select { width: 125px } .LH_refineSearch .submitButton { margin: 0; border-top: 1px solid #e2e2e4; border-left: 1px solid #e2e2e4; border-bottom: 1px solid #c4c4c6; border-right: 1px solid #c4c4c6; color: #377c2b; background: #fff; font-size: 1.2em; } .LH_refineSearch .inner .ClickItem span { color: #377c2b; font-size: 1.3em; } .LH_refineSearch .inner .ClickItem { padding: 0; margin: 0 0 5px 0; border: none; } .LH_refineSearch .inner .ClickItem ul { width: 143px } .LH_refineSearch .inner .ClickItem ul li { font-size: 0.9em; display: block; } .LH_refineSearch .inner .ClickItem ul li a { color: #636363 !important; -webkit-transition: color .4s ease-out; } .LH_refineSearch .inner .ClickItem ul li a:hover { color: #377c2b !important } #right .pageTitle { /* display: none; _NO__DOTCOMMA__AFTER__*/ } #right .show { display: block !important } /* ABOUT PAGE - people list */ .aboutMainText h2 { font-size: 1.2em; margin: 0 0 12px 0; } .aboutMainText .mainText_column { float: left; width: 342px; } .theTeamIntro { padding: 0 0 10px 0 } .theTeamIntro ul { margin: 0; padding: 0; list-style: none; } .theTeamIntro ul h3 { font-size: 1.4em; margin: 0 0 6px; color: #44791d; } .theTeamIntro ul h4 { font-size: 1.4em; margin: 0 0 6px; color: #656469; } .aboutSection { padding: 10px; background: #fff; margin-bottom: 15px; } .aboutSection .introText { padding: 0 !important } .aboutSection p { font-size: 1.1em; line-height: 1.2em; } .aboutSection h2 { font-size: 1.6em; color: #d2c102; } .aboutSection ul li { font-size: 1.1em; margin: 0 0 2px 0; } .aboutList_thumbs { margin: 0; padding: 0; list-style: none; margin-bottom: 15px; } .aboutList_thumbs li { width: 59px; float: left; margin-right: 5px !important; margin-bottom: 8px; } .aboutList_thumbs li a { text-decoration: none; position: relative; } .aboutList_thumbs li a span { width: 59px; height: 74px; background: #fff; display: block; } .aboutList_thumbs li a img { margin: 0 0 3px; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: .4; } .aboutList_thumbs li a:hover img { margin: 0 0 3px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: .7; } .aboutList_thumbs li a.current img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .aboutList_thumbs li p { font-size: 1em !important; color: #515254; margin: 0; line-height: 0.9em; } .aboutList_chosen { margin: 0; padding: 0; } .aboutList_chosen li { list-style: none; margin: 0; padding: 0; } .aboutList_chosen li img { float: left } .aboutList_chosen li div.textColumn { float: left; width: 350px; } .aboutList_chosen li h3 { font-size: 1.4em; color: #d3c001; margin: 0 0 6px 0; } .aboutList_chosen li div div p { font-size: 1.2em !important; color: #515254; font-weight: bold; margin: 0 0 6px 0; } .contactBlock { margin: 0 12px 10px 10px; padding: 20px 20px 95px 20px; background: #fff; min-height: 200px; position: relative; } * html .contactBlock { height: 200px } .pageTitleFullLength { width: 707px; padding: 2px 5px 2px 10px; background: #d3c001; color: #000; margin: 0 0 10px 10px; } p.contactIntro { padding: 0 200px 8px 84px; font-size: 1.4em; color: #d3c001; font-weight: bold; line-height: 1.2em; } #contactForm { width: 480px; float: left; padding: 15px 0 0 0; } #contactText { padding:10px;} #contactText img { float:left; margin:5px 10px 10px 0;} .shotgunShell { width: 194px; background: url(../images/pmd-contact-bullet.jpg) right bottom no-repeat; float: left; height: 163px; } #contactForm .row { margin: 0 0 4px 0 } #contactForm label { font-size: 1em; font-weight:bold; color: #2f2d2e; } #contactForm label.first { width: 80px; text-align: right; display: inline-block; } #contactForm label.second { width: 65px; text-align: right; display: inline-block; } #contactForm label.message { width: 70px; text-align: right; display: inline-block; float: left; top: 0; left: 0; padding: 0 3px 0 0; } #contactForm input { width: 148px; height: 14px; border-top: 2px solid #b4b3b8; border-left: 2px solid #b4b3b8; border-bottom: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; font-size: 1em; padding: 2px; } input.one { margin: 0 0 0 1px } select.one { /* font-size: 1.1em; _NO__DOTCOMMA__AFTER__*/ } #contactForm input.address { width: 377px } #contactForm select { width: 153px; font-size: 1em !important; background-color:#EFF0F0; color:#707072; border:none; } #contactForm .textArea { border-top: 2px solid #b4b3b8; border-left: 2px solid #b4b3b8; border-bottom: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; width: 146px; height: 60px; font-family: "Trebuchet MS", verdana; font-size: 1em; padding: 2px; } #contactForm .row2 { margin: 0 0 4px 0; width: 241px; float: left; } #contactForm .mailingList { padding: 0 0 0 56px } #contactForm .mailingList input { width: auto !important; margin-right: 10px; float: left; border: none !important; } #contactForm .mailingList label { padding: 0 10px 0 0; float: left; width: 370px; } #contactForm .mailingList a { color: #d3c001 } #contactForm .mailingList a:hover { text-decoration: none } #contactForm .submitComp { text-align: right; padding-right: 13px; padding-top: 5px; } #contactForm .errors { text-align: right; color: #E0041D; } .errors ul { margin-top: 4px; margin-bottom: 4px; } .errors span { font-size: 1.1em; margin-right: 13px; } .errors p { margin-top: 4px; font-size: 1.1em; font-weight: bold; margin-right: 13px; } #contactForm .submitComp input { width: auto !important; height: auto !important; cursor: pointer; border-right: 2px solid #9c9000; border-bottom: 2px solid #9c9000; border-left: 2px solid #e2d75b; border-top: 2px solid #e2d75b; color: #000; background: #d3bf00; font-weight:bold; font-style:italic; } .ebContactDetails { float: left; width: 500px; background: url(../images/contactPage_pmdLogo.gif) 0 0 no-repeat; padding: 0 0 0 83px; position: absolute; bottom: 16px; min-height: 75px; } .ebContactDetails h5 { margin: 4px 0 0 0; font-size: 1.4em; font-weight: normal; } .ebContactDetails h5 span { font-weight: bold } .ebContactDetails p { margin: 0 0 0 0; font-size: 1.1em; } .ebContactDetails p.phoneNumbers { margin: 7px 0 0 0; font-size: 1.4em; } .ebContactDetails p.phoneNumbers span { color: #d3c001; font-weight: bold; } .ebContactDetails p.phoneNumbers span.right { display: inline-block; padding: 0 0 0 10px; } /* NEWS AND EVENTS */ .newsFeat { background-color: #FFFFFF; margin: 0 0 10px 15px; width: 232px; } * html .newsFeat { padding: 0 0 8px 0 } .newsFeat_top { padding: 5px 0 0 0 } .newsFeat_bottom { padding: 0 15px 12px 15px; /* min-height: 175px; */ } * html .newsFeat_bottom { padding: 0 15px 10px 15px } .newsFeat_bottom ul { list-style: none; margin: 0; padding: 0; background: #fff; padding: 0 10px; } .newsFeat_bottom ul li:first-child { border:none; } .newsFeat_bottom ul li { padding: 8px 0; border-top: 1px solid #c3c3c3;} .newsFeat_bottom ul li a { color: #868789; font-size: 1.4em; font-weight: bold; -webkit-transition: color .4s ease-out; } .newsFeat_bottom ul li a:hover, .newsFeat_bottom ul li a.newsEventsCurrent { color: #d3c001 } .newsFeat_bottom ul li a.newsEventsCurrent { color: #d3c001; -webkit-transition: color .4s ease-out; } .newsFeat_bottom ul li a span.date { font-size: 0.8em; display: block; font-weight: normal; } .newsFeat_bottom ul.newsList li a span.date { display: none } /* PAGINATION */ .pagination { padding: 0 15px 6px; text-align: right; font-size: 1.1em; margin-top: -5px; } .pagination div { display: inline !important } #prevButton { padding-right: 5px } #nextButton { padding-left: 5px } .pagination a { color: #d3c001; text-decoration: none; } #pageNumbers a { color: #d3c001 } #pageNumbers a.selected { color: #ffe800; font-weight: bold; } .pagination span { color: #595201 } .newsEventsSection { padding: 10px; background: #fff; margin-bottom: 15px; } .newsEventsSection ul, .newsEventsSection ol { padding: 0; margin: 0 0 10px 25px; } .newsEventsSection ul li, .newsEventsSection ol li { font-size: 1.1em } .newsEventsSection ul li { list-style: disc } .newsEventsSection ul.docLinks li, .newsEventsSection ul.relatedLinks li { list-style: none } .newsEventsSection ul.docLinks { margin: 0 6px 0 0 !important } .newsEventsSection ul.relatedLinks { margin: 0 !important } .newsEventsSection img { float: none; margin: 0 0 10px 0; } .newsEventsSection p { font-size: 1.1em; margin: 0 0 10px 0; line-height: 1.2em; } .newsEventsSection h2 { font-size: 1.6em; margin: 0 0 5px 0; line-height: 1.2em; } .newsEventsSection h3 { font-size: 1.4em; margin: 0 0 5px 0; color: #636466; line-height: 1.2em; } .newsSection { padding: 10px 10px 10px 10px; background: #fff; margin-bottom: 10px; overflow: hidden; } .newsSection img { float: left; margin: 0 5px 0 0; } .newsSection h2 { font-size: 2.2em; font-style: italic; margin: 3px 0 3px 0; } .newsSection p { font-size: 1.2em; line-height: 1.25em; font-weight: bold; color: #636466; } .catPageTitle { width: 218px; padding: 2px 5px 2px 10px; background: #447a1c; color: #fff; margin: 0 0 5px 14px; display: none; } /* Wishlist feedback */ h4.feedbackTitle { margin: 0 0 5px 0; color: #428538; font-size: 1.2em; font-weight: normal; } #feebackQuest { margin: 0; padding: 0; } #feebackQuest li { margin: 0 0 0 25px; font-size: 0.9em !important; width: 400px; } input.sendFeedback { margin: 10px 0 0 0; width: auto; border-bottom: 2px solid #9c9ba0; border-right: 2px solid #9c9ba0; border-left: 2px solid #f0f0f0; border-top: 2px solid #f0f0f0; font-size: 0.7em; padding: 3px; color: #427A1F; cursor: pointer; background: #fff !important; } #feebackQuest li table { margin: 5px 0 10px 0 } #feebackQuest li span.error { margin: 0 0 10px 0 } #feebackQuest li table input { margin: 0 10px 0 0 } #feebackQuest li table label { font-size: 0.9em !important } .HPTextWrap { width: 250px; float: right; height: 230px; } * html .HPTextWrap { height: 232px } *:first-child+html .HPTextWrap { height: 232px } .HPTextWrap ul { list-style: none; margin: 0; padding: 0; } .HPTextWrap ul li { width: 225px; height: 220px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .HPTextWrap ul li h2 { color: #D3C001; font-size: 1.6em; line-height: 1.2em; margin: 0 0 6px 0; } .HPTextWrap ul li h3 { color: #646567; font-size: 1.4em; line-height: 1.3em; font-weight: normal; margin: 0 0 6px 0; } .HPTextWrap ul li p { color: #000; font-size: 1.1em; margin: 0 0 8px 0; line-height: 1.3em; } .aboutAskDerek { width: 466px; float: left; margin: 10px 0 0 0; border: 1px solid #0067aa; } .aboutAskDerek p.title { width: 449px; padding: 2px 0 2px 17px; background: #0067aa; color: #fff; font-size: 1.2em; } .aboutAskDerek .inner { padding: 10px 17px 0 10px } .aboutAskDerek .inner p { color: #0069ab; margin: 0 0 10px 0; font-size: 1em; } .aboutAskDerek ul { margin: 7px 0; padding: 0; } .aboutAskDerek ul li { margin: 0 0 0 32px; color: #0067aa; width: 90%; } .aboutAskDerek ul li a { color: #0067aa; text-decoration: none; -webkit-transition: color .4s ease-out; } .aboutAskDerek ul li a:hover { color: #000 } .utilityBlock { margin: 0 12px 10px 10px; padding: 10px 0 10px 10px; background: #fff; } .utilLeft { width: 450px; float: left; } .utilLeft ul { margin: 0; padding: 0; list-style: none; } .utilLeft ul li p { font-size: 1.1em; margin: 0 0 10px 0; line-height: 1.2em; } .utilLeft ul li h3 { font-size: 1.3em; margin: 0 0 10px 0; color: #d3c001; } .utilLeft ul li h4 { font-size: 1.2em; margin: 0 0 10px 0; font-weight: bold; } .utilright { width: 249px; float: right; } .utilright img { float: right } .powerSearchIntro { padding: 0 0 17px 0 } .powerSearchIntro h4 { margin: 0 0 5px 0; color: #428538; font-size: 1.6em; font-weight: normal; } .powerSearchIntro h4 span { font-style: italic } .powerSearchIntro p { font-size: 1.1em; line-height: 1.2em; } .noVacancies { font-size: 1.1em; padding: 70px 0 8px; background: url(../images/no-vacancies.jpg) 0 7px no-repeat; color: #636466; line-height: 1.4em; } .recruitForm { background: #fff } .recruitForm { width: 468px; float: left; padding: 15px 0 10px 0; margin-bottom:18px; } .recruitForm .row { margin: 0 0 4px 0 } .recruitForm label { font-size: 1em !important; color: #636466; } .recruitForm label.first { width: 80px; text-align: right; display: inline-block; } .recruitForm label.second { width: 65px; text-align: right; display: inline-block; } .recruitForm label.message { width: 50px; text-align: right; display: inline-block; float: left; top: 0; left: 0; padding: 0 3px 0 0; } .recruitForm input { width: 128px; height: 14px; border-top: 2px solid #b4b3b8; border-left: 2px solid #b4b3b8; border-bottom: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; font-size: 1em; padding: 2px; } input.one { margin: 0 0 0 1px } .recruitForm input.address { width: 357px } .recruitForm select { width: 133px; font-size: 10px; color: #636466; height: 19px; } .recruitForm .textArea { border-top: 2px solid #b4b3b8; border-left: 2px solid #b4b3b8; border-bottom: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; width: 146px; height: 60px; font-family: "Trebuchet MS", verdana; font-size: 1em; padding: 2px; } .recruitForm .row2 { margin: 0 0 4px 0; width: 241px; float: left; } .recruitForm .mailingList { padding: 0 0 0 10px } .recruitForm .mailingList input { width: auto !important; margin-right: 10px; float: left; border: none !important; } .recruitForm .mailingList label { float: left; width: 115px; } .recruitForm .mailingList a { color: #d3c001 } .recruitForm .mailingList a:hover { text-decoration: none } .recruitForm .submitComp { text-align: right; width: 219px; } .recruitForm .errors { text-align: left; padding: 0 0 15px 10px; color: #E0041D; } .errors span { font-size: 1.1em; margin-right: 13px; } .recruitForm .submitComp input { padding: 1px 4px; background: #e2d100; color: #000000; text-decoration: none; margin: 10px 0 0 0; border: 2px solid #000000; width: auto; height: auto; cursor: pointer; font-size: 1.1em; } .extraPaddingRow { padding-bottom: 10px; position: relative; } .fileUpload { position: relative; text-align: right; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; z-index: 2; width: 196px !important; height: 20px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { .fileUpload { width: 190px !important } } * html .fileUpload { width: 195px !important; height: 20px !important; } * html .fileUpload { width: 195px !important; height: 20px !important; } *:first-child+html .fileUpload { width: 195px !important; height: 20px !important; } #fake { position: absolute; top: 0px; left: 84px; z-index: 1; cursor: pointer; } #fake img { position: absolute; right: -70px; top: 3px; } #fake input { color: #636466 } .enterNumber { padding-left: 10px } .enterNumber label { margin-left: -10px !important } .enterNumber img { float: none; display: block; } .recruitForm .unsubLabel { display: block; color: #D3C001; font-size: 1.1em !important; padding: 0 0 6px; } .recPadding { padding: 10px } .recPadding p { font-size: 1.1em } .recPadding h3 { font-size: 1.5em; color: #636466; } .recPadding .docLinks { margin-right: 2px; padding-right: 2px; } .recGreen { color: #D3C001 !important; font-size: 1.2em !important; } /* NEW PMD STUFF */ #performanceCounts { background: url(../images/performanceCounts.gif) 0 0 no-repeat; width: 143px; height: 41px; position: absolute; bottom: 32px; left: 29px; } #performanceCounts h6 { display: none } .signUpNewsReg { width: 135px; min-height: 32px; background: url(../images/signUpNewsReg.gif) 0 0 no-repeat; position: absolute; bottom: 85px; left: 29px; padding: 45px 0 0; } .signUpNewsReg input { height: 14px; border: 1px solid #c0c0c0; width: 133px !important; font-size: 1.1em; } .signUpNewsReg input.submit { color: #211d1e !important; background: none; border: 0; float: right; width: auto !important; padding: 0; margin: 0; text-decoration: underline; cursor: pointer; } .signUpNewsReg a:hover { text-decoration: none } .signUpNewsReg p { color: #ff0000; line-height: 1.2; font-size: 1.1em; margin: 2px 0; } p.thanksForSubbing { position: absolute; bottom: 15px; font-size: 1.2em; color: #999; } .whiteContainer { width: 470px; float: left; background: #fff; margin-bottom: 11px; } .whiteContainer .mainImage { width: 450px; padding: 10px; overflow: hidden; } .whiteContainer.padding { padding: 10px; width: 450px; } /* PMD NEWS PAGE */ #newsPage .whiteContainer p { font-size: 1.1em } /* PMD GENERAL PAGE PAGE */ #generalPage .whiteContainer p, #generalPage .whiteContainer ol li, #generalPage .whiteContainer ul li { font-size: 1.1em } /* PMD UTIL PAGE */ .utilityWhiteContainer { background: #fff } /* PMD NEWS & EVENTS PAGES */ .newsVideoWrap { margin-bottom: 10px } div.relatedLinks { margin-bottom: 10px } .newsEventsSection p a { color: #000; font-weight: bold; } .newsEventsSection p a:hover { text-decoration: none } .newsSection img, .whiteContainer img { margin-right: 0 } /* PMD ABOUT PAGE */ .aboutSection div.relatedLinks { float: left; padding-top: 15px; margin-bottom: 0; } /*Competition styling*/ #competitionContainer ul { margin: 0; padding: 0; } #competitionContainer ul li { list-style: none } #competitionContainer h2, #competitionContainer h3, #competitionContainer h4 { color: #000000; font-size: 1.4em; font-style: italic; } #feebackQuest { padding: 15px 0 0 } #feebackQuest li { font-size: 1.4em !important; font-weight: 700; } #feebackQuest p { font-size: 1.4em; font-style: italic; font-weight: 700; } #competitionContents { float: left; width: 367px; margin: 0 20px 0 83px; } #imageList { float: right; width: 200px; overflow: hidden; } #imageList ul { margin: 0; padding: 0; } imageList ul li { list-style: none } #imageList p, #imageList h2, #imageList h3, #imageList h4 { margin-left: 0; width: 200px; } #competitionContents .button { float: left !important; margin-left: 100px; padding: 3px 5px; background: none repeat 0 0 #D3C001; color: #FFFFFF; } #competitionContents #contactForm .address input { width: 250px } #competitionContents #contactForm label.first { display: inline-block; text-align: right; width: 60px; } #competitionContents #personalDetails { margin: 15px 0 0 0 } #competitionContents #contactForm .mailingList { clear: left; padding: 0 0 0 60px; } #competitionContents #contactForm .email input { width: 110px } #competitionContents #contactForm .mailingList label { width: 200px } #competitionContents #contactForm .errors { float: right; margin: 5px 100px 0 0; } #competitionContents #contactForm .submitComp { float: left; margin-left: 78px; } #competitionContents #contactForm { float: none; padding: 0; width: 360px; } .competitionPageTitle { background-color: #87888A; color: #FFFFFF; font-size: 0.8em; margin: 0 12px 10px 10px; padding: 2px 5px 2px 10px; } .mailingList p { font-size: 1.1em; margin-left: 0; width: 320px !important; } .competitionModule { display: block } .competitionModule p { font-size: 1.3em; font-weight: 700; } #competitionContainer tr td { background-color: transparent; border-right: 0 none; } #competitionContainer #feebackQuest { padding-top: 0 } #competitionContainer #feebackQuest input { margin-left: 0 } #competitionContainer #feebackQuest label { font-size: 1.4em !important; font-weight: 700; color: #2F2D2E; } /*Job Styling*/ .jobHeader { background:#ffffff url(../images/vacancies_24.jpg) 10px 8px no-repeat; } .jobHeaderContent { float:right; width:264px; } .vacancies { width: 148px; height: 70px; line-height: 1.4em; color: #636466; font-size: 1.1em; background: transparent url("../images/vacancies.jpg") 25px 7px no-repeat; }