/* title: xxxx created: xx.xx.xxxx modified: xx.xx.xxxx */ /* ================[ reset ]================ */ * { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;font-family:arial; } fieldset {border:0;} /* ================[ general styles ]================ */ body { font-size: 62.5%; font-family: verdana,Arial, sans-serif; color: #000; } ul { list-style: none; } a { text-decoration:none; color:#0061AA; } a:hover { text-decoration:underline; } a:visited { color:#222; } #printBranding {display:none;} a img {border:0px;} .left { float:left;} .right { float:right;} .textRight { text-align:right; } .clear { clear: both; height: 0; font-size: 0em; } .clearRight { clear: right; height: 0; font-size: 0em; } .clearLeft { clear: left; height: 0; font-size: 0em; } .hide, .hidden { visibility: hidden; } .none { display: none; } .trans {transition: 0.4s all;-moz-transition: 0.4s all;-webkit-transition: 0.4s all;-ms-transform:0.4s all;} .opac80 { -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80; } .opac80fill { -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80; background-color:#333;} .opac90 { -khtml-opacity:.90; -moz-opacity:.90; -ms-filter:”alpha(opacity=90)”; filter:alpha(opacity=90); opacity:.90; } .opac100 { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .mr20 { margin-right: 20px; } /* Override Current Colour/Important*/ .lightblue {color:#20ADC6 !important;} .lightgreen {color:#B3BE2C !important;} .pink {color:#EE383A !important;} .bright-blue {color:#00ADEE !important;} .blue {color:#004B95 !important;} .turquoise {color:#006890 !important;} .yellow {color:#FFCB06 !important;} .red {color:#94111D !important;} .pale-green {color:#46AA42 !important;} .dark-green {color:#05683A !important;} .orange {color:#F7941D !important;} .grey {color:#A8A9AD !important;} .purple {color:#6F2B91 !important;} .blue-grey {color:#749093 !important;} .readMore {color:#58d16c;background:transparent url(../images/icon_green_arrow_12x12.gif) no-repeat center left; padding-left:19px;} input.submitGreen {float:right;cursor:pointer;background:transparent url(../images/background_button_10x24.jpg) repeat-x top left;border:1px solid #787878;color:#fff;height:24px;padding:0 18px;font-size:1em;text-indent:0px;} a.green {background:transparent url(../images/icon_green_arrow_12x12.gif) no-repeat top left;padding-left:17px;color:#58D16C;} .greenBtn { background: #297C38 url(/Resources/images/background_green_10x19.jpg) repeat-x top;font-size:1.1em;color:#fff !important;padding:3px 10px;border:1px solid #737974; font-family: Verdana, Arial, Sans-Serif; display: inline-block; } .greenBtn:hover { text-decoration: none; outline: none; } .withRightArrow span { padding-right: 25px; background: transparent url(/Resources/images/icon_right_arrow_white_5x5.gif) no-repeat center right; } .shaded {background:#eee;} sup.tinySup {font-size:0.4em;} /* =========[ IE PNG fix ]=======================*/ * html .png,#header #mainmenu dd li{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/Resources/images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* ================[ aggggggggrrrrrregates main styles ]============= */ body,html { height:100%;} body { background:#E7E7E7 url('../images/background_body_80x1200.jpg') repeat-x top left;} form#aspnetForm {height:100%;} .wrapper { width:960px;margin:0 auto;background: transparent url('../images/background_white_1300x10.gif') repeat-y center 90px;} .centercontent { width:940px; margin:0 auto;} /* ================[ Header ]====================*/ .header { height:83px; background:transparent url('../images/background_header_100x83.jpg') repeat-x top left; position:relative;z-index:10001; width: 960px; } .header #logo { height:80px; width:113px; background:transparent url('../images/logo_header_113x80.jpg') no-repeat top left;float:left;display:block;} .header a#logo:hover { text-decoration:none;} .header #optionsmenu { float:right;margin-top:8px;} .header #optionsmenu li { float:left;color:#ccc;} .header #optionsmenu li.piping { background:#7C7C7C;width:1px;float:left;height:16px;margin-top:3px;} .header #optionsmenu li.basket {margin:0 1em;} .header #optionsmenu li.basket a {padding-left:22px;padding-right:0.4em;text-decoration:underline;background:url(../images/basket.png) no-repeat left center;} .header #optionsmenu li a { line-height:21px;padding:0 12px;color:#ccc;} .header #searchForm { position:relative;background:#787878 url('../images/icon_search.jpg') no-repeat top left;height:21px;width:190px;margin-right:10px;} .header #searchForm .searchText { border:0px;color:#ccc;background:#787878;font-size:1em;margin-left:24px;float:left;padding-top:4px;font-size:1.1em;} .header #searchForm .searchGo { position:absolute;top:0px;right:0px;cursor:pointer;background:transparent url('../images/background_green_10x19.jpg') repeat-x top left;line-height:19px;height:19px;color:#fff;border:0px;margin: auto;font-size:1em;text-align:center;width:30px;} .header #searchFormError { position:absolute;} .header #mainmenu { float:right;height:41px;border-top:1px solid #595959;margin-top:11px;_margin-top:10px;} .header #mainmenu dt.menuitem { float:left;margin:4px 4px 2px 4px;display:inline;border:0px solid #fff;height:35px;z-index:10001; width: auto; text-align: center;} .header #mainmenu dt.menuitem a { height:35px;_height:25px;padding:10px 2px 0 2px;color:#fff;display:block;line-height:0.9em;float:left;} .header #mainmenu dt.piping { background:#7C7C7C;width:1px;margin-top:16px;float:left;height:16px;} .header #mainmenu dt.selected { background:transparent url('../images/background_mainmenu_selected_10x36.gif') repeat-x top left;} .header #mainmenu dd { left:-100000px;position:absolute;background:#fff url('../images/background_menu_dropdown_10x200.jpg') repeat-x top left;border:4px solid #fff;padding:15px 12px;z-index:10000;} .header #mainmenu dd p { font-size:1.6em;margin-bottom:12px;} .header #mainmenu dd ul { border-top:1px dotted #666666;} .header #mainmenu dd li { border-bottom:1px dotted #666666;line-height:24px;background:transparent url(../images/bullet-point.png) no-repeat 0 6px; padding-left:22px;} /*==================[ Sub menu ]=======================*/ #submenu { background:#fff url('../images/background_submenu_back_10x555.jpg') repeat-x top left;width:200px;float:left;min-height:500px;} #submenu h3 { position:relative;border-bottom:1px solid #ccc;font-size:1.7em;margin:0 10px 24px;color:#333;height:72px;} #submenu h3 span { position:absolute;bottom:10px;left:0px;} #submenu ul { margin-left:10px;padding:1px 0;background:transparent url(../images/background_submenu_dotted_line_178x1.gif) no-repeat top left;} #submenu li { background:transparent url(../images/background_submenu_dotted_line_178x1.gif) no-repeat bottom left;} #submenu li a { width: 100%;color:#666;display:block;background:transparent url(../images/icon_blue_arrow_12x12.gif) no-repeat 7px 9px;} #submenu li a span { padding:9px 0 9px 28px;display:block;color:#666;background:transparent url(../images/icon_blue_arrow_12x12.gif) no-repeat 7px 9px;} #submenu li a.selected { background:transparent url(../images/background_submenu_selected_200x93.gif) no-repeat center right;} #submenu li a.selected span { font-weight:bold;color:#fff;background:transparent url(../images/icon_white_arrow_12x12.gif) no-repeat 7px 9px;} #submenu li li { background-image:none;padding-right:10px;} #submenu li li li { background-image:none;padding-right:0px;} #submenu li ul { background:#0054A5 url(../images/background_submenu_submenu_10x73.gif) repeat-x top left;margin:0 10px 0 0;} #submenu li ul ul { background-color:transparent;background-image:none;margin:0 10px 0 0;padding-left:10px;} #submenu li ul a { background-image:none;color:#D9D9D9;} #submenu a:hover span { text-decoration:underline;} #submenu li li a.selected span { color:#fff;background:transparent url(../images/icon_light_blue_arrow_5x5.gif) no-repeat 15px 9px;} #submenu li li span { padding:5px 0 5px 28px;color:#D9D9D9;background:transparent url(../images/icon_light_blue_arrow_5x5.gif) no-repeat 15px 9px;} #submenu li li a.selected { color:#fff;background-image:none;font-weight:bold;} /*=================[ Content elements ]================*/ #rightcol { float:right;width:180px;margin:15px 10px 0 0;display:inline;} .formpod { background:#fcfcfc url('../images/background_form_pod_20x249.gif') repeat-x top left;border:1px solid #E5E5E5;margin-bottom:10px;} .formpod.alt { width:200px;float:left;margin-right:10px;} .formpod.alt.last { float:left;margin-right:0px;margin-left:15px;} .centerColumnForms .formpod { width:250px;} .formpod.alt.wide { width:310px;margin-right:0; } .formpod h3 { border-bottom:1px solid #fff;font-size:1.8em;color:#0061AA;padding:10px 8px;} .formpod h3.singleline { padding:14px 8px;} .formpod h4 { margin:15px 8px;padding-bottom:7px;border-bottom:1px dotted #666;font-size:1.4em;color:#0061AA;font-weight:bold;} .formpod p { color:#999;margin:5px 5px 0 5px;*width:160px;width:auto;display:inline-block;} #rightcol .formpod p {width:160px;} .formpod a:hover {text-decoration:underline;} .formpod a p, .formpod a:hover p {text-decoration:none;color:#58D16C;} .formpod .darkpod { background:#E1E1E1;margin-top:5px;padding:10px 0;margin:10px 0;} .formpod .darkpod p span { font-size:2em;color:#0061AA;display:block;} .formpod fieldset { background:#E1E1E1;margin-top:5px;padding:15px 0 10px 8px;} .formpod fieldset * { width:161px;margin-bottom:5px;border:1px solid #7E9CB9;font-size:1.1em;} .formpod fieldset option { width:auto;margin-bottom:auto;border:0px;font-size:inherit;} .formpod input.submitGreen { float:right;margin:9px 8px;} .formpod fieldset .postcodeSidebar { padding:3px;width:153px;} .formpod .highlight { color: #265faa;font-size:14px;padding:5px 0;border-bottom:1px dotted #000;margin:0 10px; } .share { margin:0; height:20px; } .share span span.stButton {margin:0px;} #contentinnermain #centercol h1 { width:auto;border:0;color:#004B96;font-size:3em;margin:0; } #rightcol ul, .formpod.alt ul {margin:13px 8px;} #rightcol li, .formpod.alt li {background:transparent url(../images/bullet_point_4x4.gif) no-repeat 0 7px;padding:2px 0 2px 11px;} #rightcol li a, .formpod.alt li a {color:#58D16C;} #rightcol .sustainability { height:90px;width:180px; margin-bottom:10px; background:transparent url(../images/background_sustainability_180x90.jpg) no-repeat top left;} #rightcol .sustainability h4 { color:#fff;font-size:1.8em;padding:5px 0 0 5px;} #rightcol .sustainability p { width:120px;margin:4px 5px;color:#ADC790;line-height:0.9em;} #rightcol .sustainability a { display:block;color:#fff;margin-left:5px;} #rightcol .website-feedback-link { margin-bottom:10px; } #rightcol .mini-banner { display: block; margin-bottom:10px; } .fb_iframe_widget {margin-bottom: 10px;} #centercol { width:530px;float:left;/*margin:10px 20px 20px 20px;*/margin:10px 10px 20px 20px;display:inline;position:relative;} #centercol h2.rectangle { font-size:2.2em;color:#fff;padding:120px 0 30px 15px;background:#339900;} #centercol h2.subheading { font-size:2em;color:#0061AA;margin-top:15px;padding-top:20px;margin-bottom:5px;border-top:1px dotted #666;} #centercol h3 { font-size:1.8em;color:#0061AA;margin-top:20px;} #centercol h4 { font-size:1.1em;color:#0061AA;font-weight:bold;} #centercol p { font-size:1.1em;margin-bottom:15px;color:#666;} #centercol ul { font-size:1.1em;margin:10px;color:#666;} #centercol ul li { background:transparent url(../images/bullet_point_4x4.gif) no-repeat 0 4px;padding-left:11px;margin-top:3px;color:#666;display:block;} #centercol ol { font-size:1.1em;margin:10px 10px 10px 20px;color:#666;} #centercol ol li { margin-top:3px;color:#666;} #centercolpods { float:left;width:550px;} #centercol td { font-size: 1.1em; color:#666; } #centercol td p { font-size: 1em; } #centercol .formpod.alt h3 { margin:0; } #introtext { width:530px;float:left;margin:10px 20px 0px 20px;display:inline;} #introtext p { font-size:1.1em;color:#666;} h3.what_looking_for { background:transparent url('../images/icon_looking_for_grey.gif') no-repeat 120px 15px; } h3.where_find_us { background:transparent url('../images/icon_find_us_grey.gif') no-repeat 120px 10px; } h3.safetySheets { background:transparent url('../images/icon_sheets_grey.gif') no-repeat 95% 50%;} h3.cogs { background:transparent url('../images/icon_cogs_grey.gif') no-repeat 95% 50%} h3.tool_kit { background:transparent url('../images/icon_tool_kit.gif') no-repeat 145px 10px;} h3.call_us { background:transparent url('../images/icon_call_us.gif') no-repeat 125px 5px;} #alignPods {width: 550px;margin: 0 auto;*float:left;} .pod {width:253px;background:#fff;border:1px solid #ccc;margin:0 0 20px 20px;float:left;display:inline;} .pod h3 {font-family:arial;color:#0061AA;font-size:1.8em;margin:10px 14px 5px;} .pod h3 a:active, .pod h3 a:visited, .pod h3 a {color:#0061AA;} .pod p {margin:0 14px 5px;color:#666;} .pod a.green {display:block;margin:0 14px 10px;} #centercolpods {} #interactionElementWrap { margin-bottom:10px; } #interactionElementWrap .formpod { margin-bottom:0; background:#fdfdfd; } #interactionElementWrap .formpod h3 { border:0; padding:5px 8px; background:#eee url("../images/icon_blue_arrow_12x12.gif") no-repeat 164px center; font-size: 1.2em; } #interactionElementWrap .formpod h3.open { background:#eee url("../images/icon_blue_arrow_open_12x12.gif") no-repeat 164px center; } #interactionElementWrap .formpod p { margin-bottom:5px; } #interactionElementWrap .formpod fieldset { margin-top:0; } .editablePod { border:1px solid #E5E5E5; overflow:hidden; margin-bottom:10px;position:relative;zoom:1; } .editablePod h3 { background:#eee; border-bottom:1px solid #fff;font-size:1.6em;color:#0061AA;padding:10px 8px; } .editablePod .txtLink { display:block; width:87%;margin:0.6em;padding:0.4em 0.6em; background:#eee; text-align:center;position:absolute;bottom:0;right:0;opacity:0.8;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; } .editablePod .txtLink:hover { opacity:1; } #relatedContent ul { list-style:none; margin:0; padding:0; background:#f3f3f3; position: relative; } #relatedContent ul li { padding:0.6em 0.6em 0.6em 30px; background:url("../images/icon_blue_arrow_12x12.gif") no-repeat 8px center; position: relative; } #relatedContent ul li a { color:#0061AA; } .kpiPod { background:#eee; color:#0054a5; } .kpiPod span { font-size:260%; display:block; margin:0.2em 0 0 0.2em; } .kpiPod p { font-size:110%; margin:0 0.6em 1.5em 0.8em; } .introCopy {width:530px;margin:25px 0 0 220px;color: #666666;} .introCopy p.lede {font-size:1.6em;margin-bottom:0.6em;color:#555;} .info-link {width:30px;height:30px;background:url(../images/icon-info.png) no-repeat center center;cursor:pointer;} .info-link * {display:none;} .info-pop-up {position:absolute;top:0;left:0;z-index:999999;width:262px;padding:10px 14px;height:auto;background:#eee;color:#585858;border:2px solid #0d5daa;display:none;} .info-pop-up a.close {display:block;position:absolute;top:0;right:0;width:30px;height:30px;float:right;background:url(../images/icon-close.png) no-repeat center center;cursor:pointer;} .info-pop-up h3 { font-size:1.4em;margin-bottom:0.4em;padding-right:10px;font-weight:bold; } .info-pop-up p {margin-bottom:1em;} .info-pop-up ul li {list-style:disc;list-style-position:inside;} .mediaSearch {background:url(../images/pod-h3-bg.jpg) repeat-x top left;overflow:hidden;zoom:1;position:relative;margin-bottom:10px;} .mediaSearch .info-link {position:absolute;top:0;right:0;} .mediaSearch input.resetForm {margin:0 !important;float:right;background:0;border:0;text-decoration:underline;cursor:pointer;} .mediaSearch h3 { font-size:1.6em;padding:0.4em 2em 0.4em 0.5em;line-height:1.1em;border:1px solid #e8e8e8;border-bottom:1px solid #fff;color:#0061AA; } .mediaSearch div.podContent {background:#eee;padding:0.8em 1em 1.4em;overflow:hidden;zoom:1;} .mediaSearch a {float:right;text-decoration:underline;color:#0054a5;} .mediaSearch label {display:block;margin:0 0 1em;color:#0054a5;} .mediaSearch select, .mediaSearch input[type="text"] {display:block;width:160px;padding:0.1em 0;margin-top:6px;font-size:1.1em;border:1px solid #7f9db9;} .mediaSearch input[type="text"] {width:159px;} .mediaSearch .hr {display:block;height:1px;background:url(../images/dashed.gif) repeat-x bottom left;margin:14px 0;padding:0;} .mediaSearch .submitGreen {width:70px;margin:7px 0;float:right;} #centercol .mediaSearch {background:#eee;color:#0054a5;margin-top:5px;margin-bottom:20px;clear:both;} #centercol .mediaSearch .mediaSearchHeader {padding:0 8px 0 14px;background:#fff url(../images/media-search-center-header-bg.jpg) repeat-x top left;border:1px solid #e8e8e8;} #centercol .mediaSearch .mediaSearchBottom {padding:0 10px 14px 14px;} #centercol .mediaSearch h3 {line-height:32px;margin-top:0;border:0;padding:0;margin:0;} #centercol .mediaSearch .info-link {right:5px;} #centercol .mediaSearch p {color:#0054a5;margin-bottom:8px;} #centercol .mediaSearch select, #centercol .mediaSearch input {margin:13px 0 0 13px;float:left;} #centercol .mediaSearch .otherField {margin-top:0;} #centercol .mediaSearch .otherLabel {display:block;float:right;width:170px;line-height:14px;} #centercol .mediaSearch input.resetForm {margin:0;float:right;background:0;border:0;text-decoration:underline;cursor:pointer;} #centercol .mediaSearch .mediaSearchBottom input {margin:4px 0 0 0px;padding-left:0.4em;width:185px;} #centercol .mediaSearch .hr {display:block;clear:both;height:1px;background:none;border-bottom:2px solid #e5e5e5;margin:14px 10px 0 14px;padding:0;} #centercol .mediaSearch label {float:left;line-height:26px;font-size:1.1em;} #centercol .mediaSearch label.mr20 { margin-right: 20px; } #centercol .mediaSearch .submitGreen {margin:10px;float:right;width:70px !important;} #centercol .mediaSearch .mediaSearchBottom .submitGreen {margin:2px 0 0;padding-left:18px;} #centercol .mediaSearch #tech-icon { display:none; width:0px; height:52px; float:left; margin-right:1em; background: url(../images/media/tds-icon-small.gif) no-repeat center center; } #centercol .mediaSearch .cad #tech-icon {display:block; width:40px; background-image:url(../images/media/cad-icon-small.gif);} #centercol .mediaSearch .nbs #tech-icon {display:block; width:40px; background-image:url(../images/media/nbs-icon-small.gif);} #centercol .mediaSearch .tds #tech-icon {display:block; width:40px; background-image:url(../images/media/tds-icon-small.gif);} #centercol .boxContent {background:#eee;color:#0054a5;margin-top:5px;margin-bottom:20px;} #centercol .boxContent .boxHeader {padding:0 8px 0 14px;background:#fff url(../images/media-search-center-header-bg.jpg) repeat-x top left;border:1px solid #e8e8e8;} #centercol .boxContent h3 {line-height:32px;margin-top:0;border:0;padding:0;margin:0;} #centercol .boxContent p {color:#0054a5;margin-bottom:8px;} .tds .mediaSearchMiddle .submitGreen { display:block;clear: both; } #centercol .feedback {padding-left:13px;} #centercol .feedback h3 {color:#333;margin:1em 0;} #centercol .absoluteFeedback { background: none repeat scroll 0 0 #FFFFFF;left: 0;padding-left: 13px;position: absolute;top: 0;width: 100%;} #centercol .absoluteFeedback h3 { color: #0061AA;padding: 0 0 128px; } .contentBoxMiddle {background:#eee;padding-left:15px;} .contentBoxMiddle p {margin:0; padding:1em 1em 1em 0;} .contentBoxMiddle .formRow {width:49.55555%;margin-bottom:5px;float:left;font-size:0.7em;line-height:1em;color:#000;text-align:left;} #centercol .contentBoxMiddle .formRow label {width:38%;margin:0;padding:0;font-size:10px;line-height:16px;padding-top:2px;color:#000;letter-spacing:-0.1em;} #centercol .contentBoxMiddle .formRow select, #centercol .contentBoxMiddle .formRow input {margin:0;padding:0.05em;height:20px;font-size:11px;line-height:15px;letter-spacing:0.05em;} #centercol .contentBoxMiddle .formRow select {width:56%;} #centercol .contentBoxMiddle .checkbox {width:90%;height:40px;font-size:1em;} #centercol .contentBoxMiddle .checkbox label {width:70%;} #centercol .contentBoxMiddle .checkbox label.empty-label {width:97px;} #centercol .contentBoxMiddle .checkbox input {width:auto;float:left;margin-right:10px;} .contentBoxMiddle .formRow input {width:55%;} #centercol .contentBoxMiddle .mt {margin-top:30px;} .contentBoxBottom {clear:both;padding-right:10px;border-top:1px solid #ccc; background:#eee;} #rightcol .mediaSearch input {margin:6px 0 0;} .greenBtnLink {height:24px;line-height:24px;display:block;text-align:center;border:1px solid #787878;background:url("../images/background_button_10x24.jpg") repeat-x left top;color:#fff !important;} .greenBtnLink span {display:block;width:100%;height:100%;color:#fff;} #documentBasketPod {background:#fff url("../images/pod-h3-bg.jpg") repeat-x left top;} #documentBasketPod h3 {background:url(../images/pod-h3-bg.jpg) repeat-x top left;font-size:1.2em;} #documentBasketPod .info-link {float:right;margin:3px 0 0 0;} #documentBasketPod .podContent {background:#eee;padding:10px 6px 10px 10px;} #documentBasketPod .scroll {position:relative;} html.js #documentBasketPod .scroll {max-height: 180px;overflow: hidden;} #documentBasketPod .scrollBtn {display:block;text-indent:-9999px;height:14px;} #documentBasketPod .up {margin-top:-5px;background:url("../images/media/basket-scroll-up.png") no-repeat center top;} #documentBasketPod .down {background:url("../images/media/basket-scroll-down.png") no-repeat center bottom;} #documentBasketPod .docs {width:100%;list-style:none;margin:0;padding:0;position: relative;} #documentBasketPod .docs li {background:none;color:#fff;margin-bottom:4px;padding:6px 3px 6px 6px;} #documentBasketPod .docs li.empty {color:#333;} #documentBasketPod .docs li.casestudy {background:#665c88 url(../images/media/casestudy-doc-bg.jpg) no-repeat right bottom;} #documentBasketPod .docs li.technical {background:#5c6a88 url(../images/media/technical-doc-bg.jpg) no-repeat right bottom;} #documentBasketPod .docs li.brochure {background:#885c5c url(../images/media/brochure-doc-bg.jpg) no-repeat right bottom;} #documentBasketPod .docs li.images {background:#5C886F;} #documentBasketPod .docs li a {display:table-row;margin-bottom:6px;color:#fff;text-decoration:underline;} #documentBasketPod .greenBtnLink {width:135px;margin-top:6px;float:right;} #documentBasketPod .greenBtnLink span {padding-left:7px;background:url("../images/basket.png") no-repeat 5px center;} #documentBasketPod p.empty {padding:0.4em 35px 10px 0.4em;margin-right:5px;color:#0054a5;background:#fff url(../images/media/empty-basket-bg.gif) no-repeat 98% 90%;} .podDescription h3 {padding-right:35px;background:transparent url(../images/media/empty-basket-bg.gif) no-repeat 98% 90% !important;} .podDescription p {color:#0054a5;margin:0.4em 0 1em;} /* ==================[ Content [===================*/ .col4wide { width:226px;float:left;margin:0 4px;display:inline;} .col4wide2 { width:226px;float:left;margin:0 4px;display:inline;} .col4background { background:#3F3F3F url(../images/background_col4wide_10x72.jpg) repeat-x top left;} .col4wide h1 { margin-bottom:10px;color:#0078F0;font-size:2.2em;padding:14px 0 14px 0;} .col4wide h2 { margin-bottom:10px;color:#0078F0;font-size:2.2em;padding:14px;} .col4wide h3 { color:#fff;font-size:1.8em;} .col4wide p { color:#ccc;margin-bottom:10px; margin-top:4px;} .col4wide a, .col4wide a p, .col4wide a:hover, .col4wide a:hover p {color:#58D16C; text-decoration:none;} .col4wide fieldset { padding:13px 13px 0px 13px;background:#4D4D4D;min-height:100px;height:auto !important;height:100px;} .col4wide input,.col4wide select { width:195px;margin-bottom:4px;} .col4wide input.submitGreen { width:auto;margin:13px;float:right;} .col4wide input.fldPostCode { padding:2px;width:187px;} .col4wide .ieLink { color:#ccc; } #contentmain .first2cols, .contentmain .first2cols {width:470px;float:left;padding-bottom:10px;border-right:1px dotted #FFF;margin: 10px 0;} #contentmain .first2cols, .contentmain .first2cols div { height: auto; } #contentmain .first2cols h2, .contentmain .first2cols h2 {padding:0 0 0 25px;margin:0px;width:auto;color:#fff;} #contentmain .first2cols p, .contentmain .first2cols p {padding:5px 25px;color:#fff;} #contentmain .first2cols a, .contentmain .first2cols a, #contentmain .col4wide a, .contentmain .col4wide a {color:#bbb;} #contentmain .first2cols ul, .contentmain .first2cols ul {padding-left: 25px; margin: 15px 0 25px 15px;} #contentmain .first2cols ul li, .contentmain .first2cols ul li {list-style: disc;} #lowercontentwrapper .highlight h4 { color:#fff;margin-bottom:10px;font-size:1.4em;} #lowercontentwrapper .highlight img { float:left;border:3px solid #fff;margin-right:10px;display:inline;} #lowercontentwrapper .highlight p { margin-left:75px;color:#ccc;} #lowercontentwrapper .highlight p strong { font-weight:normal;color:#fff;} #lowercontentwrapper .highlight p a { display:block;color:#fff;} #lowercontentwrapper .sustainability { height:100px;width:226px;background:transparent url(../images/background_sustainability_230x100.jpg) no-repeat top left;} #lowercontentwrapper .sustainability h4 { color:#fff;font-size:2em;margin:5px 0 0 10px;} #lowercontentwrapper .sustainability p { width:120px;margin:4px 10px;color:#ADC790;line-height:0.9em;} #lowercontentwrapper .sustainability a { display:block;color:#fff;margin-left:10px;} #lowercontentwrapper .resources { margin-left:8px;height:100px;width:220px;background:transparent url(../images/background_workman_230x100.jpg) no-repeat top left;} #lowercontentwrapper .resources h4 { color:#E95F22 ;margin:5px 0 0 10px;font-size:2.2em;} #lowercontentwrapper .resources p { color:#949494;width:120px;margin:4px 10px;line-height:0.9em;} #lowercontentwrapper .resources a { display:block;color:#999;margin-left:10px;} .productSwatches {float:left;padding-top:20px;} .productSwatches span {float:left;display:block;width:20px;} .productSwatches img {} .productSwatches a {display:block;} .productSwatches p {clear:both;margin-bottom:20px;} #productcontent .productSwatchesList, #centercol .productSwatchesList {float:right;width:120px;margin-top:0px;padding-left:30px;} .swatchLegend {margin:20px 0 20px 20px;color:#666;} #swatchImages {width:530px;} #swatchImages.alt {width:254px;} #swatchImages .aSwatch {padding:0 10px;width:150px;text-align:center;float:left;} #swatchImages.alt .aSwatch {width:110px;overflow:hidden;padding:0 5px;} #productInfo2 {float:right;} .topImgCont {padding: 10px 0;} .topImgCont .galleryBtn {width:189px;height:35px;text-indent:-99999px;overflow:hidden;background:url(../images/galleryBtn.jpg);position:absolute;top:80px;right:0; } /* ================[ aggggggggrrrrrregates main styles ]============= */ #headerwrapper { background:transparent url('../images/background_header_100x83.jpg') repeat top left;width:100%;} #headerwrapper .header { width:960px;margin:0px auto;} #mainimagewrapper { overflow:hidden;width:100%;height:192px;background:transparent url(/Resources/images/main_images/1.jpg) no-repeat center top;position:relative;} #mainimagewrapper div { background: transparent none no-repeat center top;width:100%;height:192px;position:absolute;left:0;top:0;} #contentwrapper { position:relative;background:transparent url('../images/background_content_1300x10.gif') repeat-y center center;width:100%;} #lowercontentwrapper { background:transparent url('../images/background_content_lower_1300x10.gif') repeat-y center center;width:100%;padding:10px 0;} /*==================[ Main ]===================*/ #contentmain, .contentmain {background:#fff url('../images/background_sectors_content_20x305.jpg') repeat-x top left;} /* new background */ #contentmain, .contentmain {background:#fff} .childBoxContent {margin:15px 0 15px 225px; width:530px;color:#666;} .childBoxContent p {margin-bottom:10px;} .childBoxContent ul {list-style-type:} .childBoxContent ul {margin:10px;} .childBoxContent ul li {background:transparent url(../images/bullet_point_4x4.gif) no-repeat 0 4px;padding-left:11px;margin-top:3px;} .childBoxContent ol {margin:10px 10px 10px 20px;} .childBoxContent ol li {margin-top:3px;} .B2CChildBoxContent {margin:15px 20px; width:530px;} .B2CChildBoxContent p {margin-bottom:10px; color:#000;} .B2CChildBoxContent ul {list-style-type:} .B2CChildBoxContent ul {font-size:1.1em;margin:10px;} .B2CChildBoxContent ul li {background:transparent url(../images/bullet_point_4x4.gif) no-repeat 0 4px;padding-left:11px;margin-top:3px;} .B2CChildBoxContent ol {font-size:1.1em;margin:10px 10px 10px 20px;} .B2CChildBoxContent ol li {margin-top:3px;} .b2cPod {margin-bottom:10px;} #contentmain h1, .contentmain h1, h1.pageTitle {font-size:3em; color:#0060AA;margin:13px 0 8px 220px;padding-bottom:5px;width:730px;} #documentBasketPage #centercol > h1.pageTitle {margin: 0; } #contentmain h2, .contentmain h2 {font-size:2.5em;color:#0060AA;margin:13px 0 20px 220px; width:530px;} #breadcrumbs {padding-top:5px;margin-left:220px;color:#999;width:720px;} #breadcrumbs a, #breadcrumbs a {color:#999;} h2#firstCSHeader {color:#005FAA;margin-left:0; } div#ConcreteCalculator {width:500px;} div#ConcreteCalculator table {width:500px;} /* ==================[ Footer ]====================*/ #footerwrapper { background:#fff url(../images/background_footer_1300x433.jpg) repeat-x 0 3px; width:100%;padding-bottom:20px;} #footerwrapper p { float:left;color:#666;line-height:26px;} #footerwrapper a { color:#666;} #footerwrapper a:hover { text-decoration:none;} #footermenu { float:right;} #footermenu li { margin-left:16px;display:inline;color:#666;line-height:26px;} #footermenu li a { color:#666;} #logos { text-align:right;padding-top:20px;} #logos img { margin-left:10px;} #logos p { float:left;padding-top:35px;text-align: left;} #logos span { line-height:64px;} #logos .footerIcon { float:right;} #linktous { margin:3px 0 0 10px;float:left;} #usFlag { margin-right: 6px; position: relative; top: 2px; } a#ctl00_ctl00_SiteFooter1_linktous { display:block;width:80px;float:right;text-align:center;display:inline;} a#ctl00_ctl00_SiteFooter1_linktous img { margin-bottom: 6px; } #logos * {} #logos .shareIcons {height:16px;overflow:hidden;float:right;padding-top:19px;} #logos .shareIcons span {line-height:16px;margin-top:0px;} /* =================[ Find us ]=====================*/ #centerpane { border-top:11px solid #0058A9;color:#666;} #centerpane #mapSurround { display:inline;width:610px;border:1px solid #676767;float:right;margin:6px 6px 6px 0;} #centerpane #map { height:450px;} #centerpane #mapLegend { font-size:1.2em;background:#686868;height:33px;padding-top:7px;color:#ccc;padding-left:20px;} #centerpane #mapLegend p { margin:0px;width:auto;} #centerpane #mapLegend img { position:relative;top:5px;margin:0px 5px 0 20px;} .find_us { background:#DBDBDA url(../images/background_find_us_25x343.jpg) repeat-x scroll left top;} .find_us_map { background:#DBDBDA url(../images/background_find_us_25x343.jpg) repeat-x top left;} #centerpane h4 { width:140px;font-size:1.3em;padding:15px 0 10px 0;margin-left:15px;} #centerpane ul { float:left;border-top:1px dotted #666;width:140px;padding-top:5px;margin-left:15px;} #centerpane li { line-height:24px;padding-left:26px;background:transparent url(../images/temp_google_pointer_orange.jpg) no-repeat center left;} /*==================[ Single col inner ]===================*/ #content1col {background:#fff url('../images/background_sectors_content_20x305.jpg') repeat-x top left;padding:0 10px 0 20px;} #content1col h1 {font-size:3em; color:#fff;margin:13px 0 0 0;padding-bottom:5px;border-bottom:1px solid #ccc;width:930px;} #content1col h2 {font-size:2.5em;color:#fff;margin:13px 0 20px 0; width:930px;} #content1col #breadcrumbs {padding-top:6px;color:#999;width:920px;margin:0px;} #content1col #breadcrumbs a {color:#999;} #content1col p {color:#ccc;margin-bottom:10px;width:920px;} /*==================[ Inner ]===================*/ #contentinner, .contentinner {background:#fff;} #contentinner h1, .contentinner h1 {font-size:3em;color:#0060AA;margin:13px 0 0 220px;padding-bottom:5px;width:730px;} #contentinner h2, .contentinner h2 {font-size:2.5em;color:#0060AA;padding-top:16px;margin-bottom:10px;} #contentinner #breadcrumbs, .contentinner #breadcrumbs {padding-top:6px;margin-left:220px;color:#999;width:720px;} #contentinner #breadcrumbs a, .contentinner #breadcrumbs a {color:#999;} /*=================[ Product ]=================*/ .productImage {border-bottom:1px dotted #666;} .innerImage,.innerPod { border:1px solid #ccc;float:right;margin-bottom:10px;} .innerPodContainer {padding:5px;} #centercol .innerPodContainer p {margin:0px;} /*=================[ Find Us ]=================*/ #mapSearch {border-left:1px dotted #858585;} #textSearch {width:385px;} #textSearch h3 {padding:22px 40px;font-size:2.1em;} #textSearch label {display:inline;margin:15px 0 0 35px;float:left;width:155px;} #textSearch select {display:inline;width:160px;float:left;margin-top:15px;height:20px;} #textSearch .enterPostcode {display:inline;width:160px;float:left;margin-top:15px;height:20px;} #textSearch .howFar {width:70px;margin-left:40px;margin-top:20px;border:1px solid #7E9CB9;} #textSearch .submitGreen {display:inline;margin:45px 43px 0 0;float:right;} table.findUsResults { margin:15px 0 20px;border-bottom:1px dotted #666;width:930px;text-align:left;} table.findUsResults th { border-bottom:1px dotted #666;margin-bottom:5px;padding:10px;color:#005FAA;font-weight:normal;font-size:1.2em;text-align:left;} table.findUsResults th h3 { color:#005FAA;font-weight:normal;font-size:1.2em;} table.findUsResults td { padding:10px;} table.findUsResults .col1 { margin-right:10px;width:160px;background:#fff;} table.findUsResults .green { background:#EEFAF0;} h3.dotted {float:left;border-bottom:1px dotted #666;margin-bottom:5px;width:160px;color:#005FAA;font-weight:normal;font-size:1.2em;} h3.dotted span {padding:10px;display:block;} #searchAgainForm {float:left;width:290px;} #searchAgainForm fieldset {background:#E2E2E2;display:block;padding:0 10px 10px 10px;width: 100%;} #searchAgainForm h3 {font-size:1.2em;color:#005faa;border-bottom:1px dotted #666666;padding:20px 0 10px;margin:0 10px;} #searchAgainForm label {font-size:1.1em;margin:15px 0 5px 0;display:block;} #searchAgainForm .w180 {width:180px;} #searchAgainForm .w250 {width:250px;} #searchAgainForm .submitGreen {margin:10px 0 0 110px;float:left;} div.findUsTable {position:relative;} a.viewFindUs {color:#000;font-weight:bold;background:transparent url(../images/icon_green_arrow_12x12.gif) no-repeat top left;padding-left:15px; display:block; width:80px;} .highlightRow {background:#87ff9b;} td.detailsColumn {text-align:center;} table.findUsTable-hide {display:none;} table.findUsTable-show {position:absolute;top:0px;right:120px;_right:135px;display:block;z-index:9999;background:#FFF;border:1px solid #dedede;width:250px;} table.findUsTable-show tr {} table.findUsTable-show td {padding:0;background:#FFF;color:#003a84;padding:8px 10px;} /*================= middle content Forms =================*/ div#middleContentForm {width:520px;padding:20px 0 20px 20px;float:left;} div#middleContentForm div.formCol {width: 260px;float:left;margin-bottom: 10px;} div#middleContentForm div.formRow {width: 260px;padding-bottom:5px;} .checkbox-row {margin-top:1em;} .checkbox-row input {float:left;margin-right:10px;} div#middleContentForm div.formRowFifth {width: 260px;padding-bottom:5px;display:table;} div#middleContentForm div.formRowFifthRow {width: 260px;padding-bottom:5px;display:table-row;} div#middleContentForm div.formRowDouble {width: 260px;padding-bottom:15px;} div#middleContentForm div.formRowLong {width:280px;padding-bottom:5px;} div#middleContentForm legend {display:none;} div#middleContentForm label {float:left;width:110px;padding-right:5px;} div#middleContentForm div.formRowDouble label {float:left;width:250px;padding-right:5px;} div#middleContentForm div.formRowFifth span {float:left;width:48px;padding:1px;text-align:center;vertical-align:middle;display:table-cell;} div#middleContentForm input {width:130px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#middleContentForm select {width:136px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#middleContentForm .textAreaRow {margin-bottom: 15px;} div#middleContentForm .textAreaRow label {float:left;width:110px;padding-right:5px;} div#middleContentForm .textAreaRow textarea {width:390px;height:80px;border:1px solid #7E9CB9;padding:2px;} div#middleContentForm div#submitMiddleForm {text-align:right;width:510px;} div#middleContentForm div.contactError {padding-left:115px;} div#middleContentForm div#upToDate input {margin-left: 115px;} div#middleContentForm .checkboxRow {clear:both;} div#middleContentForm .checkboxRow input {float:left;clear:both;border:0px;margin-right:3px;margin-left:110px;display:inline;width:10px;} div#middleContentForm .checkboxRow label {font-size:0.9em;width:380px;margin-bottom:20px;} div#middleContentForm .additionalSelects {padding-bottom:10px;} div#middleContentForm .additionalSelects label {float:left;width:110px;padding-right:5px;} div#middleContentForm .additionalSelects select {width:280px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#middleContentForm .contactOpt2 {margin-top:10px;width:270px;} div#middleContentForm .contactOpt2 label {float:left;width:240px;display:inline;} div#middleContentForm .contactOpt2 input {float:right;width:auto;margin-bottom:2px;border:0px;display:inline;padding:2px;} /*================= two column content Forms =================*/ div#twoColumnForm {border-top: 11px solid #0058A9;background:#E5E5E5;padding:20px;width:660px;} div#twoColumnForm legend {display:none;} div#twoColumnForm div.formCol {width: 330px;float:left;margin-bottom: 10px;} div#twoColumnForm div.formRow {width: 330px;padding-bottom:5px;} div#twoColumnForm .formRow label {float:left;width:110px;padding-right:5px;} div#twoColumnForm .formRow input {width:190px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#twoColumnForm .formRow select {width:196px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#twoColumnForm .additionalSelects {margin-bottom:10px;} div#twoColumnForm .additionalSelects label {float:left;width:110px;padding-right:5px;} div#twoColumnForm .additionalSelects select {width:280px;margin-bottom:2px;border:1px solid #7E9CB9;display:inline;padding:2px;} div#twoColumnForm div#submitRow {width:640px;text-align:right;} div#twoColumnForm div.contactError {padding-left:115px;} /*=================[ Case Studies ]=============*/ .caseStudiesForm {background:transparent url(../images/background_case_studies_10x195.gif) repeat-x top left;height:195px;} #centercol .caseStudiesForm h3 {line-height:43px;padding:0 17px;margin:0 0 14px 0;} .caseStudiesForm label {margin-bottom:8px;float:left;display:inline;line-height:20px;margin-left:19px;width:100px;} .caseStudiesForm .smaller {width:70px;} .caseStudiesForm select, .caseStudiesForm input {margin-bottom:8px;float:left;display:inline;line-height:20px;width:150px;} .caseStudiesForm .submitGreen {float:right;margin:20px 15px 0 0;} #case_studies_results {} #case_studies_results ul {border-top:1px dotted #666;margin:15px 0;} #case_studies_results li {border-bottom:1px dotted #666;background-image:none;} .numberofresults {color:#686868;padding:10px 0px;} #centercol ul li.result {padding:15px 0 10px 0;background-image:none;padding-left:0px;} .result img {float:left;border:1px solid #ccc;margin-top:2px;} .result .resultDescription {float:left;margin-left:10px;width:430px;display:inline;} #case_studies_results .result .resultDescription h3 {font-size:1.8em;padding:0 0 5px 0;margin:0;} .result .resultDescription p {margin-bottom:10px;} .result .resultDescription a {color:#58D16C;display:block;background:transparent url(../images/icon_green_arrow_12x12.gif) no-repeat top left;line-height:12px;padding-left:17px;} /*=================[ Media centre ]=============*/ #body-bg-image {z-index:1;position:absolute;top:83px;left:0;width:100%;} div.wrapper {z-index:2;position:relative;} .fixed-to-bottom {position:fixed !important;bottom:0 !important;top:auto !important;} .brochures #body-bg-image {height:1586px;background:#d7c6bd url(../images/media/brochures-body-bg.jpg) no-repeat center top;} .caseStudies #body-bg-image {height:1170px;background:#544a5f url(../images/media/casestudies-body-bg.jpg) no-repeat center top;} .tds #body-bg-image {height:1200px;background:#5c6a88 url(../images/media/tds-body-bg.jpg) no-repeat center top;} .PagingContainer {border:1px solid #ddd;background:url(../images/pagination-bg.jpg) repeat-x top left;position:relative;} #centercol .pagination, #searchContainer .pagination {height:27px;overflow:hidden;} #centercol .pagination .listAll {position:absolute;top:0;left:15px;display:block;line-height:27px;} #centercol .pagination ul, #searchContainer .pagination ul {margin:0;text-align:center;padding-top:6px;} #centercol .pagination li, #searchContainer .pagination li {display:inline;margin:0;padding:0;color:#ccc;background:url(../images/pagination-separator.jpg) no-repeat right center;} #centercol .pagination li.next, #searchContainer .pagination li.next {background:none;} .pagination li.next a, .pagination li.prev a {text-decoration:none !important;} #centercol .pagination li a {color:#666;font-weight:normal;text-decoration:underline;padding:0 10px 0;} #centercol .pagination li.UnselectedPagingItem a {text-decoration:underline;font-weight:normal;} #centercol .pagination li.last {background:none;} #centercol .pagination li a.active, #searchContainer .pagination li a.active {color:#666;font-weight:bold;text-decoration:none;} #centercol .pagination li.selected , #searchContainer .pagination li.selected {background:#999; color:#fff;} #mediaCentre {background:#ededed;} #mediaCentre .container {padding:10px 15px 15px 15px;} #mediaCentre p {color:#666;margin-bottom:15px;} #mediaCentre p.smallTitle {color:#999;} #mediaCentre img {border-bottom:1px solid #fff;} #mediaCentre h2 {color:#0061aa;margin:0 0 5px 0;width:auto;} .backlink {display:block;padding:0 0 1em 0;color:#0054a5 !important;text-decoration:underline;border:0;background:none;cursor:pointer;} #media_centre_results {border:1px solid #eee;border-bottom:0;padding: 0 0 18px 2px;padding-bottom:18px;} #centercol .mediaItem {width:160px;float:left;margin-left:11px;padding-top:18px;margin-bottom:2em;position:relative;} #centercol #tech .mediaItem {padding-top:0;width:auto;} html.no-js #centercol .mediaItem {min-height: 280px;} #centercol .mediaItem a {color:#555;} #centercol .mediaItem h4 {padding:0.5em 0;clear:left;} #centercol .mediaItem .image {width:100%;padding:13px 0;background:#e6e6e6;text-align:center !important;} #centercol .mediaItem .buttons {list-style:none;margin:0;} #centercol .mediaItem .buttons li {background:none;float:left;margin:0;padding:0;} #centercol .mediaItem .buttons li a {height:20px;display:block;text-indent:-9999px;background-position:center center;background-repeat:no-repeat;} #centercol .mediaItem .buttons li a.open-casestudy, #centercol .mediaItem .buttons li a.open {width:47px;margin-right:5px;background-image:url("/Resources/images/product/open.gif");} #centercol .mediaItem .buttons li a.open.print {width:47px;margin-right:5px;background-image:url("/Resources/images/product/print.gif");} #centercol .mediaItem .buttons li input {display:block;text-indent:-999px;border:0;padding:0;cursor:pointer;font-size:0;overflow:hidden;font-size:0; line-height:0;} #centercol .mediaItem .buttons li input.add {width:49px;height:20px;margin-right:5px;background-image:url("/Resources/images/product/add.gif");} #centercol .mediaItem .buttons li input.email {width:46px;height:20px;margin-right:5px;background-image:url("/Resources/images/product/email.gif");} #centercol .mediaItem .buttons li input.order {width:83px;height:20px;margin-top:6px;background-image:url("/Resources/images/product/order.gif");} #centercol .mediaItem input.view {display:block;clear:left;text-indent:0;font-size:1em;color: #555;padding-top: 0.5em;text-decoration:underline;background:none;;border:0;cursor:pointer;} .in-basket {position:relative;} .in-basket-div {position:absolute;top:18px;right:8px;width:20px;height:20px;background:url(/Resources/images/media/in-basket-bg.jpg) no-repeat center center; z-index: 10000;} #tech .in-basket-div {display:none;} .loading {position:absolute;top:18px;left:0;width:100%;height:152px;background:#fff url(/Resources/images/loading-throbber.gif) no-repeat center center;} .in-basket .add {cursor:default !important; opacity: 0.4;} #centercol .caseStudies #media_centre_results {border:0;} #centercol .caseStudies .mediaItem {margin-left:14px;} #centercol .caseStudies .mediaItem .image {width:152px;height:152px;overflow:hidden;position:relative;margin:0;padding:0;background:none;text-align:left;background:#E6E6E6;} #centercol .caseStudies .mediaItem .image div {position:relative;top:0;background:#f1f1f1;opacity:0.9;margin:0;padding:0.6em 0.6em 1em;cursor:pointer;color: #0054A5;} #centercol .caseStudies .mediaItem .image a {display:block;width:155px;background:#e6e6e6;} #centercol .caseStudies .mediaItem .buttons {margin-bottom:10px;} #centercol .caseStudies .mediaItem .buttons li a.open-casestudy, #centercol .caseStudies .mediaItem .buttons li a.open {margin-right:2px;} #centercol .caseStudies .mediaItem .buttons li a.add {margin-right:2px;} #mediaDetailWrap {border:1px solid #eee;padding-bottom:23px;margin-bottom:14px;} #mediaDetailWrap .mediaItem {margin-left:19px;} #mediaDetailWrap .chapterList {width:272px;float:right;margin-top:36px;padding:0 21px 0 27px;border-left:1px solid #eee;} #mediaDetailWrap .chapterList ul {margin:0;padding:0;} #mediaDetailWrap .chapterList ul li {background:none;padding:0;padding:0.5em 0;position:relative;} #mediaDetailWrap .chapterList label {padding-left: 1em;} #mediaDetailWrap .chapterList input.emailSelected {display:block;width:146px;height:20px;margin-top:10px;text-indent:-9999px;font-size:0;line-height:0;background:url(../images/media/email-chapters-btn.gif) no-repeat center center;border:0;cursor:pointer;} #mediaDetailWrap .chapterList ul li input.add {position:absolute;top:8px;right:0;width:25px;height:15px;margin:0;text-indent:-9999px;font-size:0;background-image:url(../images/media/add-basket-small.gif);border:0;cursor:pointer;} #mediaDetailWrap .chapterList ul li.first {padding-bottom:1.2em;border-bottom:1px solid #cfcfcf;} #mediaDetailWrap .chapterList ul li.in-basket .in-basket-div {display:none;} .formDialogue {display:block !important;font-size:1.1em;position:absolute;top:5px;left:0;width:96%;margin:0;padding:5% 2%;background:#eee;border:2px solid #0d5daa;box-shadow:0px 20px 50px #fff;z-index:99999;color:#666;} .formDialogue input.close {display:block;width:30px;height:30px;float:right;padding:0;border:0;background:url(../images/icon-close.png) no-repeat center center;cursor:pointer;text-indent:-9999px;font-size: 0;line-height:0;} .formDialogue input.greenBtn {margin:14px 0 0;float:right;width:120px;} .formDialogue .errorMsg, .formDialogue .ThankYou {display: block; text-align: center; margin: 20px 0; font-size: 1.1em; } .formDialogue .errorMsg { color: red; } .formDialogue .ThankYou { color: #0061AA; } .formDialogue h2 {font-size:1.6em;color:#666;width:465px;} .formDialogue .row {font-size:1.4em;color:#555;} .formDialogue .formWrap {margin-top:10px;padding-top:10px;border-top:1px solid #83a9ce;clear:both;} .formDialogue .formWrap .formRow {width:190px;float:left;} .formDialogue .formWrap .formRow label {color:#666;font-size:1.2em;display:block;padding-bottom:0.4em;} #centercol .mediaItem .buttons li .formDialogue .formWrap .formRow select, #centercol .mediaItem .buttons li .formDialogue .formWrap .formRow input {display:block;width:90%;margin-bottom:5px;padding:0.2em;text-indent:0px;border:1px solid #73a2d0;font-size:1.2em;line-height:1.4em;overflow:visible;cursor:default;} #centercol .mediaItem .buttons li .formDialogue .greenBtn {float:right;width:75px !important;margin-top:22px;font-size:0.8em;text-indent:0px;border: 1px solid #737974;padding: 3px 10px; display: inline-block; line-height: 17px;} #centercol .mediaItem .buttons li .formDialogue input.submitGreen {line-height:1.4em;float:right;cursor:pointer;background:transparent url(../images/background_button_10x24.jpg) repeat-x top left;border:1px solid #787878;color:#fff;height:24px;padding:0 18px;font-size:1em;text-indent:0px;} #caseStudyDetail #centercol .mediaItem {margin:0;width:526px;padding:15px 0;background:url("../images/pod-h3-bg.jpg") repeat-x left top;border:1px solid #e8e8e8;z-index:2;} #caseStudyDetail #centercol .mediaItem ul {padding-left:10px;} #caseStudyDetail .lede {color:#0054a5;font-size:1.4em;} #caseStudyDetail h3, #caseStudyDetail .business-supplying h4 {margin-bottom:0.4em;color:#777;font-size:1.6em; font-weight: normal;} #caseStudyDetail .shaded {color:#666;} #caseStudyDetail .shaded h3 {padding:10px 10px 0;margin:0;} #caseStudyDetail .shaded .personel {margin:10px;width:50%;float:left;border-right:1px solid #333;} #caseStudyDetail .shaded ul {width:40%;float:right;} #caseStudyDetail .testimonial {padding-bottom:10px;margin-bottom:10px;color:#666;background:url(../images/media/testimonial-bg.jpg) repeat-x top left;} #caseStudyDetail .testimonial blockquote {padding:20px 15px 0px 30px;background:url(../images/media/quote-open.gif) no-repeat 8px 8px;} #caseStudyDetail .testimonial span {line-height: 1.1em; display: inline-block; font-weight: bold; background: url(../images/media/quote-close.gif) no-repeat 97% bottom; margin-top: 20px; font-size: 1.1em; float: right; padding-right: 40px; margin-bottom: 20px; text-align: right; padding-bottom: 10px; } #caseStudyDetail .productThumb {width:120px;float:left;margin-bottom:20px;} #caseStudyDetail .formDialogue h2 {margin-left: 0;} .documentBasketWrap {border:1px solid #eee;margin-bottom:10px;} #documentBasketPage .greenBtnLink {width:105px;margin:0 0 20px;float:right;} #documentBasketPage h2 {width:94%;padding:2%;margin:1% 1% 0;clear:left;background:#665c88;color:#fff;font-size:2.5em;font-weight:bold;} #documentBasketPage h2.technical {background-color:#959eb2;} #documentBasketPage h2.casestudy {background-color:#a39db8;} #documentBasketPage h2.brochure {background-color:#b89d9d;} #documentBasketPage h2.image {background-color:#5a856d;} #documentBasketPage ul {background:#f7f7f7;margin:0 1% 6px;} #documentBasketPage ul li {clear:left;height:64px;background:none !important;border-bottom:1px solid #c4c4c4;position:relative; display: table-row;} #documentBasketPage li img {margin:8px 8px 8px 11px;} #documentBasketPage li span {display:table-cell;padding:8px 0 8px 11px;text-align:left;width:360px;color:#2d2d2d;font-size:1.45em; vertical-align:middle;} #documentBasketPage li div { vertical-align: middle; display: table-cell; padding-left: 8px; } #documentBasketPage li input.removeLink {display:inline-block;border:0;cursor:pointer;width:65px;height:20px;text-indent:-9999px;background:url(../images/media/remove-btn.jpg) no-repeat center center;} #documentBasketPage .ThankYouComplete h2 { background: #FEFEFE url(../images/pod-h3-bg.jpg) repeat-x top left; color:#0061AA; font-size: 1.6em; font-weight: normal; width: auto; margin: 0; padding:15px 20px; border: 1px solid #eee; } #documentBasketPage .ThankYouComplete .content { padding: 20px 18px; background: #eee; } #documentBasketList a.first { margin-top:-46px; } #documentBasketList h1.pageTitle, #DownloadThankYou h1.pageTitle {margin-left:0;margin-top:0;width:auto;} #DownloadThankYou .contentBoxBottom { border-top: 0px; } .comp-products .prod .img {width:122px;height:80px;background:#efefef;text-align:center;} /********** GALLERY ***********/ #galleryImages {} #galleryImages img {margin:2px;} #galleryImages a {margin:5px;display:block;float:left;border:1px solid #fff;} #galleryImages a:hover {border-color:#ccc;} /********** GALLERY ***********/ #galleryImages {} #galleryImages img {margin:2px;} #galleryImages a {margin:5px;display:block;float:left;border:1px solid #fff;} #galleryImages a:hover {border-color:#ccc;} /************************ XFORMs *************************/ table#id_matrix .formHeading {font-weight:bold;margin:15px 0 10px 0;} table#id_matrix hr {visibility:hidden;margin-top:10px;} table#id_matrix .submitGreen {float:left;margin:10px 0 0 150px; width: 130px} table#id_matrix span {display:block;margin:0 0 10px 0;} table#id_matrix label {width:150px;} table#id_matrix input {width:auto;} table#id_matrix textarea {width:300px;} table#id_matrix .no-border {border: 0px none #fff;} table#id_matrix .forceRight {float:right;} table#id_matrix .footnote {margin-top: 15px; color: #797979} .xForm table#id_matrix td {font-size:1.1em;} .xForm table#id_matrix td p {font-size:1em;} .xForm table#id_matrix textarea {width:250px;height:100px;} .xForm table#id_matrix input, .xForm table#id_matrix select {padding:3px;border: 1px solid #709EBC;} .xForm table#id_matrix input[type="submit"] {padding-top:0px;padding-bottom:0px;background:url(/Resources/images/background_button_28h.jpg) repeat-x 0 0;height:28px;color:#fff;line-height:28px;border:1px solid #939393;cursor:pointer;font-size:11px;} .xForm table#id_matrix input.greenButton {padding-top:0px;padding-bottom:0px;background:url(/Resources/images/background_button_28h.jpg) repeat-x 0 0;height:28px;color:#fff;line-height:28px;border:1px solid #939393;cursor:pointer;font-size:11px;} .xForm table#id_matrix input[type="radio"], .xForm table#id_matrix input[type="checkbox"] {border:0px;} .xformvalidator {display:block;color:#d00;float:left;} /************************ website feedback *************************/ div#middleContentForm div.formLayout div.formCol div.formRow input {border:none;display:inline;padding:0;margin-left:18px;margin-right:19px;width:12px;} div#middleContentForm div.formLayout div.formCol div.formRow input.addBorder {border:1px solid #7E9CB9;display:inline;margin-bottom:2px;padding:2px;width:130px;} div.formRow500 {width:500px;} div#middleContentForm div.formRow500 label {width:270px;} div#middleContentForm div.formRow500 .formRowSelect {float:right;width:225px;} div#middleContentForm div.formLayout label {margin-bottom:10px;} div#middleContentForm div.formLayout div.formRow {margin-bottom:10px;} .mt5 {margin-top:5px;} .mr10 {margin:10px 10px 0 0;} div#middleContentForm .textAreaRow2 label {float:left;padding-right:5px;width:270px;} div#middleContentForm .textAreaRow2 textarea {border:1px solid #7E9CB9;height:80px;padding:2px;width:219px;} /************************ Sustainability section *************************/ .cufon { font-size: 280%; } .cufon {visibility: hidden;} html.cufon-ready .cufon {visibility: visible;} .orange { color:#f7941e !important; } .brown { color:#aa7542 !important; } .green { color:#47aa42 !important; } .yellow { color:#eebe00 !important; } .red { color:#FF0033 !important; } .purple { color:#990066 !important; } .pink { color:#FF00CC !important; } .blue { color:#330099 !important; } body.sustainabilityPage { background:#334e00 url(/Resources/images/sustainability/sustainability-body-bg.jpg) repeat-x left top; } .sustainabilityHome a:visited {color:#0060AA;} .wideBanner { width:100%; height:246px; background:#88cc3e; position:relative; } .wideBanner #breadcrumbs { position:absolute; top:0; left:0; margin-left:1em; color:#fff; } .wideBanner #breadcrumbs a, .wideBanner #breadcrumbs a:visited { color:#fff; } .wideBanner h1 { position:absolute;top:38px;left:0;margin:0;padding:0.4em 0.7em 0.25em 0.5em;width:auto;color:#b9fc29;border:0px;font-size:36pt;background:url(/Resources/images/sustainability/h1-wide-banner-bg.png) no-repeat right center; } .wideBanner .kpiPod { position:absolute; top:38px; right:0; width:192px; padding-bottom:1em; background: url(/Resources/images/sustainability/alpha-bg.png) repeat; } .wideBanner.sustainabilityHome h1 { width:350px; height:77px; padding:0; text-indent:-9999px; background:url(/Resources/images/sustainability/sustainability-home-h1.png) no-repeat right center; } #centercol.sustainabilityHome, #centercol.sustainabilitySubpage { padding-top: 20px; } .sustainabilityHome #podsWrap { position:relative; width:528px; margin-bottom:20px; } .sustainabilityHome #podsWrap div.subPage { position:relative; width: 260px; float:right; height:107px; margin-bottom:6px; overflow:hidden; } .sustainabilityHome #podsWrap div.topRight { height:220px; margin-left:6px; } .sustainabilityHome #podsWrap div.bottom { width:526px; } .sustainabilityHome #podsWrap div.subPage a:hover { text-decoration:none; } .sustainabilityHome #podsWrap div div.podBlock div { background:#333; position:absolute; top:75px; left:0; height:100%; width:100%; } .sustainabilityHome #podsWrap div.topRight div.podBlock div { top:188px; } .sustainabilityHome #podsWrap div div.podBlock div img { position:absolute; top:6px; right:6px; } .sustainabilityHome #podsWrap div div.podBlock div h3 { padding:3px 10px 5px; margin:0; color:#fff; } .sustainabilityHome #podsWrap div div.podBlock div p { padding:3px 10px 5px; margin:0; color:#fff; } .sustainabilityHome #podsWrap div div.podBlock div a, .sustainabilityHome #podsWrap div div.podBlock div a:visited, .sustainabilityHome #podsWrap div div.podBlock div a:hover, .sustainabilityHome #podsWrap div div.podBlock div a:focus {color:#fff;text-decoration:underline;} .sustainabilityHome #podsWrap div div.podBlock div a.podLink, .sustainabilityHome #podsWrap div div.podBlock div a.podLink:visited { display:block; margin:5px 10px; padding:0 18px 0 0; text-align:right; color:#fff; background:url(../images/pod-icon.png) no-repeat right center; float:right;text-decoration:none; } .sustainabilityHome #podsWrap div div.podBlock div a.podLink:hover, .sustainabilityHome #podsWrap div div.podBlock div a.podLink:focus { color:#fff;text-decoration:underline;} .sustainabilityHome #podsWrap div.subPage.orange div.podBlock div { background:#F7941D; } .sustainabilityHome #podsWrap div.subPage.brown div.podBlock div { background:#A97B50; } .sustainabilityHome #podsWrap div.subPage.dark-green div.podBlock div { background:#05683A; } .sustainabilityHome #podsWrap div.subPage.pale-green div.podBlock div { background:#46AA42; } .sustainabilityHome #podsWrap div.subPage.yellow div.podBlock div { background:#FFCB06; } .sustainabilityHome #podsWrap div.subPage.red div.podBlock div { background-color:#94111D; } .sustainabilityHome #podsWrap div.subPage.blue div.podBlock div { background:#004B95; } .sustainabilityHome #podsWrap div.subPage.turquoise div.podBlock div { background:#006890; } .sustainabilityHome #podsWrap div.subPage.bright-blue div.podBlock div { background:#00ADEE; } .sustainabilityHome #podsWrap div.subPage.grey div.podBlock div { background:#A8A9AD; } .sustainabilityHome #podsWrap div.subPage.purple div.podBlock div { background:#6F2B91; } .sustainabilityHome #podsWrap div.subPage.blue-grey div.podBlock div { background:#749093; } .linkPod { border:1px solid #c9c9c9; background:#e3e3e3 url(/Resources/images/sustainability/linkBox-bg.jpg) no-repeat left bottom; } .linkPod h2 { margin:0 0.5em; padding:0.5em 0 0.3em; font-size:190%; background:url(/Resources/images/sustainability/linkBox-h2-bg.jpg) repeat-x left bottom; } .linkPod li { float:left; display:block; width:100%; margin:0; padding:0 !important; list-style:none !important; list-style-position:outside; background:none !important; } .linkPod li a { display:block; margin:0 0 6px 0; padding-right:16px; background:url(../images/icon_blue_arrow_12x12.gif) no-repeat right center !important; color:#0060aa; } .linkPod.left { width:340px; float:left; margin-right:5px; overflow:hidden; } .linkPod.left li { width:145px; margin-right:15px; } .linkPod.right { width:175px; float:right; overflow:hidden;} /************************ Sustainability Subpage *************************/ #centercol.sustainabilitySubpage #centralPodsWrap a { display:block; width:170px; min-height:150px; float:left; position:relative; margin-bottom:10px; padding-right:88px; border:1px solid #c2c2c2; background:#fff url(/Resources/images/sustainability/sustainability-subpage-central-pod-bg.jpg) repeat-x left bottom; } #centercol.sustainabilitySubpage #centralPodsWrap a.left { float:left; clear:both; } #centercol.sustainabilitySubpage #centralPodsWrap a.right { float:right; } #centercol.sustainabilitySubpage #centralPodsWrap a:hover { text-decoration:none; } #centercol.sustainabilitySubpage #centralPodsWrap a img { position:absolute; top:5px; right:5px; max-width:88px; } #centercol.sustainabilitySubpage #centralPodsWrap a h3 { margin:8px 8px 14px; color:#0061AA; } #centercol.sustainabilitySubpage #centralPodsWrap a p { margin:8px; } #centercol.sustainabilitySubpage #centralPodsWrap a span { display:block; clear:left; margin:0 0 10px 8px; color:#0061AA; font-weight:bold; } /************************ AIaccordian styles *************************/ .AIaccordian { margin:20px 0 30px; zoom: 1; } .AIaccordian h3 { margin:0 !important; padding:0; border-bottom:1px dotted #666; } .AIaccordian h3 a { padding:0.4em 0 0.3em; color:#0060c8; display:block; background:url("../images/icon_blue_arrow_12x12.gif") no-repeat 99% center; } .AIaccordian h3 a:hover { text-decoration:none; background-color:#f6f6f6; } .AIaccordian h3.open a { background:url("../images/icon_blue_arrow_open_12x12.gif") no-repeat 99% center; } .AIaccordian div a { font-weight: bold; } .AIaccordian div a:visited { color: #0061AA; } /************************ Glossary page *************************/ #centercol.glossary h1 { width:535px; margin:0 0 0.2em; padding:0.4em 0 0.2em; color:#0060C8; } #centercol.glossary .AIaccordian dl { color:#666; } #centercol.glossary .AIaccordian dt { font-weight:bold; } #centercol.glossary .AIaccordian dd { margin-bottom:1.2em; } /************************ GRI Index page *************************/ #centercol.gri ul#social { width:220px; margin:6px 0 0; padding:0; float:right; list-style:none; } #centercol.gri ul#social li { list-style-position:outside; display:inline; background:none; } #centercol.gri ul#social li a { display:block; width:31px; height:31px; margin-right:10px; float:right; text-indent:-99999px; } #centercol.gri ul#social li.twitter a { background:url(../images/social-icon-twitter.jpg) no-repeat right center; } #centercol.gri ul#social li.facebook a { background:url(../images/social-icon-facebook.jpg) no-repeat right center; } #centercol.gri ul#social li.rss a { background:url(../images/social-icon-rss.jpg) no-repeat right center; } #centercol.gri ul#social li.linkedin a { background:url(../images/social-icon-linkedin.jpg) no-repeat right center; } #centercol.gri h1 { width:535px; margin:0 0 0.2em; padding:0.4em 0 0.2em; color:#0060C8; } #centercol.gri .AIaccordian table { margin:10px 0; text-align:left; background:#fff; border-collapse:collapse; } #centercol.gri .AIaccordian table .light { background:#fff; width:50%; } #centercol.gri .AIaccordian table tr { vertical-align:top; } #centercol.gri .AIaccordian table th { padding:1em 12px 0; text-align:left; font-size:130%; color:#333; } #centercol.gri .AIaccordian table td { padding:1em 1.4em; text-align:left; } #centercol.gri .AIaccordian table .dark { background-color:#F3F3F3 } div.blogHeader p.blogDate { margin-top:0.4em; } /****************** Social Media **********************************/ /* Share links */ .share { height:25px;margin-bottom:10px;padding:0;clear:both;background:url(/Resources/images/social/shareBg_tile_alt-x.png) repeat-x top;} .share > span { float:left;color:#666;margin-top:5px;margin-right:5px; } .share .shareLinks { float:left;margin:0 !important; } .share .shareLinks li { float:left;padding:0 !important;background:none !important;position:relative;margin-left:6px;list-style: none !important; } .share .shareLinks li .tooltip { position:absolute;top:35px;left:0px;background:#fff;padding:10px 5px;width:120px;text-align:center;border:1px solid #ccc;box-shadow: 1px 1px 2px #ccc; z-index: 99999; } .share .shareLinks li .tooltip span { display:block;float:none;margin:0;font-size:13px;font-family: arial, Sans-Serif; } .share .shareLinks li .tooltip .arrow{ position:absolute;width:19px;height:11px;left:12px;margin-left:-9px;top:-8px;background:url(/Resources/images/social/arrow.gif) no-repeat top;} .share .shareLinks li a { display:block;height:25px;width:25px;text-indent:-9999px;overflow:hidden;background:url(/Resources/images/social/shareSprite.png) no-repeat top; } .share .shareLinks li a.googlePlus { background-position: left top; } .share .shareLinks li a.twitter { background-position:-50px top; } .share .shareLinks li a.facebook { background-position:-75px top; } .share .shareLinks li a.linkedIn { background-position:-25px top; } #caseStudyDetail #centercol .share { width: auto; display: inline; float: right; margin-right: 20px; clear: none; background: none; margin-bottom: 0; } .centerColumnForms { margin-top:35px; } .centerColumnForms .share { padding: 30px 0 15px 0;line-height:23px; background: none; } .centerColumnForms .share span { float:left;color:inherit;margin:0; } .centerColumnForms .share .shareLinks { float:left;margin:0;margin-left:5px; } .centerColumnForms .share .shareLinks li { float:left;padding:0;background:none;position:relative;margin-right:12px;margin-left:12px; } .centerColumnForms .share .shareLinks li .hoverBox { position:absolute;bottom:35px;left:-30px;background:#f3f3f3 url(/Resources/images/social/title-hover-bg.png) repeat-x top;padding:10px 5px;width:80px;text-align:center;border:1px solid #bdbdbd; } .centerColumnForms .share .shareLinks li .hoverBox span { display:block;float:none;margin:0; } .centerColumnForms .share .shareLinks li .hoverBox .arrow { position:absolute;width:19px;height:11px;left:50%;margin-left:-9px;bottom:-10px;background:url(/Resources/images/social/title-hover-arrow.png) no-repeat top;} .centerColumnForms .share .shareLinks li a { display:block;height:auto;width:auto;margin:0;text-indent:0;background:none; } .blogBanner { background: #2F8F2A url(/Resources/images/social/blog_banner.png) no-repeat top left;width:170px;display:inline-block;color:#fff;padding:5px; border-bottom: 1px solid #41993C; position:relative;overflow:hidden;} .blogBanner a, .blogBanner a:visited { color: #fff; } .blogBanner a:hover { text-decoration: underline; } .blogBanner .balloon { float: left; display: inline-block; width: 75px; height: 53px; zoom: 1; } .blogBanner .balloon img { display: block; } /* Twitter Feed */ #rightcol .twitterFeed { margin: 0 0 10px;border:1px solid #e5e5e5;border-top:0; } #rightcol .twitterFeed h3 { background:url(/Resources/images/social/twitter_header.png) no-repeat;height:32px;line-height:27px;text-indent:10px;color:#fff;font-size:1.2em;overflow:hidden; } #rightcol .twitterFeed .twitter-body-wrapper { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; background: #fff url(/Resources/images/blog/blue-tail.gif) no-repeat top; padding-top: 10px; } #rightcol .twitterFeed li { float:left;position:relative;margin:5px 0;border-bottom:1px dotted #ccc;padding:0;padding-bottom:8px;display:inline;background:none; word-wrap: break-word; width: 164px;} #rightcol .twitterFeed .avatar { display:none; } #rightcol .twitterFeed .tweets { color:#333;font-size:1em;margin:5px 8px;float:left;display:inline; } #rightcol .twitterFeed .tweets a { font-weight:bold;color:#1061af; } #rightcol .twitterFeed .tweetFooter { margin:10px 0 0 0;} #rightcol .twitterFeed .tweetFooter li { border:0;clear:none;float:left;font-size:1em;margin:0;width: 82px; } #rightcol .twitterFeed .tweetFooter li a { font-weight:bold;color:#1061af;font-size:1em; } #rightcol .twitterFeed .bottomBit { margin-top:0;background:#f7f7f7;clear:both;} #rightcol .twitterFeed .bottomBit a { float:right;margin:13px 10px 13px 0; } #tweets { } .tweets { } #tweetsError { margin: 5px;display: none; } /* Blog Feed */ #rightcol .blogFeed { margin: 0 0 10px;border:1px solid #e5e5e5;border-top:0; color: #666; } #rightcol .blogFeed h3 { background:url(/Resources/images/social/blog_header.png) no-repeat;height:32px;line-height:27px;text-indent:10px;color:#fff;font-size:1.2em;overflow:hidden; } #rightcol .blogFeed li { float:left;position:relative;margin:5px 0;border-bottom:1px dotted #ccc;padding:0;padding-bottom:8px;display:inline;background:none;} #rightcol .blogFeed .topblock { padding:5px 15px; } #rightcol .blogFeed .topblock .fr { float:left;margin-bottom:10px; } #rightcol .blogFeed p { padding:5px 15px; } #rightcol .blogFeed h4 { font-size:1.2em; margin-bottom: 4px; } #rightcol .blogFeed h4 a{ color:#006699;font-weight:bold;display:block; } #rightcol .blogFeed .readMore { background:none;padding:5px 15px;color:#006699;font-weight:bold;display:block; } #rightcol .blogFeed .avatar { float:right;margin-left:5px; } #rightcol .blogFeed .bottomBit { margin-top:0;background:#f7f7f7;clear:both;} #rightcol .blogFeed .bottomBit a { float:right;margin:13px 10px 13px 0; } #rightcol .blogFeed .topblock .top { float: left ;word-wrap: break-word; width: 103px; } /* Facebook like button */ #rightcol .likeButtonBox { margin-bottom:20px;border:1px solid #e5e5e5;border-top:0;float:left;display:inline;overflow:hidden;clear:both;width:180px; } #rightcol .likeButtonBox h3 { background:url(/Resources/images/social/facebook_header.png) no-repeat;height:32px;line-height:27px;text-indent:10px;color:#fff;font-size:1.2em;overflow:hidden; } #rightcol .likeButtonBox .fb-like { padding:5px 10px 10px; } .fbLikeContainer { width:88px;overflow:hidden; } /* Product page */ div.feature {width:528px; overflow:hidden; height:198px; background-color:#fff; margin:0px 0px 20px 0px; position:relative;z-index:1;} div.feature-image {position:absolute; top:0px; left:0px;width:528px; height:198px; background-color:#fff;} div.active {z-index:999;} div.feature div.feature-info {height:15px; width:508px; background-color:rgba(85,85,85,0.7) !important; background-color:#333; color:#fff; font-size:1.1em; position:absolute; bottom:0px; left:0px; padding:10px 10px 7px 10px;} div.feature-image img {opacity:0;-webkit-transition:1s opacity;-moz-transition:1s opacity;} div.active img {opacity:1;} div.img-info {float:left; margin:0px 10px 0px 0px; display:inline; width:auto; } a.left {position:absolute; left:0px; background:#333 url('/Resources/images/product/left.gif') no-repeat 10px 10px; text-indent:-99999em; width:30px; height:30px; bottom:100px; display:block; z-index:99999; background-color: rgba(85,85,85,0.7) !important; background-color:#333333; } a.right {position:absolute; right:0px; background:url('/Resources/images/product/right.gif') no-repeat 10px 10px; text-indent:-99999em; width:30px; height:30px; bottom:100px; display:block; z-index:9999; background-color: rgba(85,85,85,0.7) !important; background-color:#333333; } a.pause {position:absolute; right:10px; bottom:8px; color:#fff; width:20px; height:15px; z-index:9999999; text-indent:-99999em; background:url('/Resources/images/pause-play.gif') no-repeat left top;} a.pause:hover {background-position:left center;} a.paused, a.paused:hover {background-position:left bottom;} div#product-page div.tab-content {width:530px; float:left; position:relative;} div#product-page div.tab-content .mediaItem {margin-left:9px;} div#product-page div.tab-content #brochure .mediaItem { margin-left: 4px; } div#product-page div.tab-content #media_centre_results {border:0;padding-bottom:0;} div#product-page .tab-content .in-basket-div {right:0;left:auto;} div#product-page .tab-content .image-large {position:absolute;left:150px;top:20px;background-color:#fff;border:1px solid #D3D3D3;padding:15px;width:auto;z-index:9999999999;color:#888;display:none;} div#product-page .tab-content #swatch .image-large {left:125px;top:30px;} div#product-page #case .image img {display:block;height:152px;background:yellow;} div#product-page #case .image div { position: relative; background: #F1F1F1; opacity: 0.9; margin: 0; padding: 0.6em 0.6em 1em; cursor: pointer;color: #0054A5;} div#product-page ul.tab-nav {width:530px; margin:0px; position:relative; top:4px;z-index:2; } div#product-page ul.tab-nav li {list-style:none; float:left; margin:0px 1px 0px 0px; padding:0px;} div#product-page ul.tab-nav li a {float:left; width:auto; padding: 10px 5px 5px 5px; height: 20px; list-style:none; background:url('/Resources/images/product/btn-tab.gif'); } div#product-page ul.tab-nav li a {color:#fff;} div#product-page ul.tab-nav li a#active {background:none; background-color:#fff; color:#0b5cab; border:1px solid #d3d3d3; border-bottom:1px solid #fff;} div#product-page div.tabs {background-color:#fff; float:left; width:502px; border:1px solid #d3d3d3; color:#666666; padding: 15px 9px;margin:3px 0px 10px 0px; position:relative; z-index:1;} div#product-page div.tabs p {margin:0px 0px 14px 0px;} div#product-page div.tabs h3 {font-size:1.2em; font-weight:bold; margin:0px 0px 3px 0px;} div#product-page #tech, div#product-page #case, div#product-page .tab7 {padding:0;width:522px;} div#product-page #case .mediaItem .image {height:152px;padding:0;overflow:hidden;position:relative;} div#product-page div.swatch {width:121px;float:left; margin:0px 1px 1px 0px;} div#product-page div.swatch a.open {margin:0px 2px 0px 0px;} div#product-page .tab-content #swatch .mediaItem {margin-left:3px;} div#product-page .tab-content #swatch .image {padding:0;} .tab-content #video {text-align:center;} div#product-page a.download {background:url('/Resources/images/product/download.gif') no-repeat; width:58px; position:relative; height:20px; display:block; float:left; text-indent:-999999em; margin:0px 2px 0px 0px;} div#product-page a.open-casestudy, div#product-page a.open {background:url('/Resources/images/product/open.gif') no-repeat; width:47px; position:relative; height:20px; display:block; float:left; text-indent:-999999em; margin:0px 5px 0px 0px;} div#product-page a.add {background:url('/Resources/images/product/add.gif') no-repeat; width:56px; height:20px; position:relative; display:block; float:left; text-indent:-999999em;} div#product-page span.titles {background-color:rgba(85,85,85,0.7); cursor:pointer; width:116px; overflow:hidden; _background-color:#333; color:#fff; padding:6px 0px 6px 5px; display:block; position:absolute; bottom:0px; left:0px;} div#product-page span.titles em {display:block; margin:0px 0px 10px 0px;} div#product-page div.life {display:inline-block; margin:0px 0px 20px 0px; float:left; width:auto; } div#product-page div.life div.life-btns {width:auto; float:left;padding:3px 0; } div#product-page div.life div.life-logo {width:60px; height:35px; margin:0px 5px 6px 0px; text-indent:-999999em; display: inline-block; float:left; margin-right: 10px; background:url('/Resources/images/product/life.gif') no-repeat top left; } div#product-page div.life div.water, div#product-page div.life div.carbon, div#product-page div.life div.recycle {float:left; margin:0px 4px 0px 0px;} div#product-page div.water {background:#00ACF1 url('/Resources/images/product/water.gif') center left no-repeat; height:29px; width:125px; color:#fff; padding:0px 0px 0px 35px;} div#product-page div.water span.percent {font-size:1.1em; font-weight:bold; line-height: 29px;} div#product-page div.water span.type {font-size:0.9em;line-height: 29px; } div#product-page div.carbon {background:#A9AAAE url('/Resources/images/product/carbon.gif') center left no-repeat; height:29px; width:125px; color:#fff; padding:0px 0px 0px 35px;} div#product-page div.carbon span.percent {font-size:1.1em; font-weight:bold;line-height: 29px;} div#product-page div.carbon span.type {font-size:0.9em;line-height: 29px;line-height: 29px;} div#product-page div.recycle {background:#48ac3e url('/Resources/images/product/recycle.gif') center left no-repeat; height:29px; width:160px; color:#fff; padding:0px 0px 0px 35px;} div#product-page div.recycle span.percent {font-size:1.1em; font-weight:bold;line-height: 29px;} div#product-page div.recycle span.type {font-size:0.9em;line-height: 29px;} div#product-page div.comp-products {clear:both; padding:0px 0px 0px 0px; float:left; width:530px;} div#product-page div.comp-products div.row {float:left; width:530px;} div#product-page div.comp-products h3 {color:#105faa; font-size:1.4em; font-weight:bold; padding:0px 0px 10px 0px;} div#product-page div.prod a.go {color:#49aa43; background:url('/Resources/images/product/link-arrow.gif') no-repeat; padding:0px 0px 0px 14px; margin:5px 0px 0px 0px; display:block; } div#product-page div.img img { margin:0 auto; } div#product-page div.product-page {width:530px; } div#product-page div.business-supplying {clear:both; width:510px; padding:10px 0; float:left;margin:20px 0px 0px 0px;} div#product-page div.business-supplying h4 {font-size:1.4em; color:#105faa; font-weight:bold; margin:0px 0px 10px 0px; clear:both;} div#product-page div.business-supplying ul {list-style:inside; list-style-type:square; color:#105faa;} div#product-page div.business-supplying ul li span {color:#58d16c;} div#product-page div.business-supplying ul.left li {float:left; width:230px;} div#product-page div.business-supplying ul.left li a {color:#49AA43; text-decoration:underline;} div#product-page {background-color:#fff; float:left;} div#product-page div.gallery {width:140px; float:left; margin:0px 7px 10px 7px; _margin:0px 5px 10px 7px; border:1px solid #d3d3d3; padding:10px 3px 10px 3px; position:relative;} div#product-page div.gallery div.image-large img { width: auto; height: auto; max-height: none; max-width: none; } div#product-page div.gallery div.image { cursor:pointer; padding: 0;overflow: hidden;} div#product-page div.gallery span.title {display:block; margin:5px 0px 5px 0px; width:140px; font-size:0.9em; text-align:center;} div#product-page div.gallery img {margin:0 auto; display:block;max-width:152px;max-height:152px;} div#product-page div.gallery span.buttons {display:block; margin:10px 0px 0px 16px;} div#product-page div.case-studies {float:left; margin:0px 3px 10px 3px; border:1px solid #d3d3d3; width:152px; padding:5px 5px 10px 5px; position:relative; } div#product-page div.case-studies div.image {width:auto; height:152px; overflow:hidden; cursor:pointer; } div#product-page div.case-studies span.title {display:block; margin:0px 0px 10px 0px; font-size:1em; font-weight:bold; text-align:center;} div#product-page div.case-studies span.title a {color:#666666;} div#product-page div.case-studies div.summary {margin:10px 0px 0px 0px; font-size:0.9em; position:absolute; } div#product-page div.case-studies img {margin:0 auto; display:block;} div#product-page div.case-studies span.buttons {display:block; margin:10px 0px 0px 16px;} div#product-page div.tech-info {background-color:#f5f5f5; float:left; padding:10px; width:130px; margin:0px 7px 0px 7px; _margin:0px 4px 0px 4px;} div#product-page div.tech-info div.icon {float:left;} div#product-page div.tech-info h3 {margin:10px 0px 0px 0px;} div#product-page div.tech-info hr { background-color: #999; clear:both; border: 0 none; color: #eee; height: 1px;} div#product-page div.tech-info span.buttons {display:block; margin:10px 0px 0px 0px;} div#product-page div.brochure {border:1px solid #d3d3d3; float:left; padding:8px 8px 10px 8px; width:135px; margin:0px 5px 10px 6px; _margin:0px 3px 10px 3px;} div#product-page div.brochure img {margin:10px 0px 0px 20px;} div#product-page div.brochure h3 {margin:10px 0px 0px 0px;} div#product-page div.brochure span.title {margin:5px 0px 0px 0px; font-size:0.9em; display:block; text-align:center;} div#product-page div.brochure hr { background-color: #999; clear:both; border: 0 none; color: #eee; height: 1px;} div#product-page div.brochure span.buttons {display:block; margin:10px 0px 0px 10px;} div#product-page div.tech-info div.document { float:left; margin:10px 0px 0px 0px;} div#product-page div.tech-info span.title-tech {background:url('/Resources/images/product/tds-small.gif') no-repeat; display:block; padding:0px 0px 0px 20px; min-height:17px; } div#product-page div.tech-info span.title-nbs {background:url('/Resources/images/product/nbs-small.gif') no-repeat; display:block; padding:0px 0px 0px 20px; min-height:17px; } div#product-page div.tech-info span.title-cad {background:url('/Resources/images/product/cad-small.gif') no-repeat; display:block; padding:0px 0px 0px 20px; min-height:17px;} div.comp-products { margin-bottom: 20px; } div.prod {float:left; margin:10px 10px 0px 0px;} input.addHidden {display:none;} /* Download Thank you form */ #centercol .contentBoxMiddle#thankyouForm .formRow { float: left; margin: 0 10px 7px 0; width: 200px; height: auto; } #centercol .contentBoxMiddle#thankyouForm .formRow label { width: auto; color: #606060; display: block; padding: 0; font-family: Verdana, Arial, sans-serif; } #centercol .contentBoxMiddle#thankyouForm .formRow input, #centercol .contentBoxMiddle#thankyouForm .formRow select, #centercol .contentBoxMiddle#thankyouForm .formRow textarea { background: white; border: 1px solid #709EBC; width: 163px; height: 22px; line-height: 22px; text-indent: 5px; color: #666; font-size: 1.5em; margin-right: 35px; } #centercol .contentBoxMiddle#thankyouForm .formRow.checkbox { width: 90%; height: 40px; font-size: 1em; margin-top: 30px; } #centercol .contentBoxMiddle#thankyouForm .formRow.checkbox input, #centercol .contentBoxMiddle#thankyouForm .formRow.checkbox label { padding: 0; width: auto; margin: 0; float: none; } #centercol .contentBoxMiddle#thankyouForm .formRow.checkbox input { margin-right: 10px; float: left; } #centercol .contentBoxMiddle#thankyouForm .formRow .errorContainer {display: block; clear: both; height: auto; } #centercol .contentBoxMiddle#thankyouForm .formRow .errorContainer span { font-size: 1.3em; margin: 3px 0; }