/* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #Layout1-Wrapper { background:url('../grfx/layout/leftCol-pic.gif') no-repeat 20px bottom; min-height:450px; height:auto !important; height:450px;} #Layout1-ColA-Wrapper { width:168px; float:left; margin:0 20px; display:inline} #Layout1-ColB-Wrapper { width:734px; float:left; border:1px solid #CCC; padding:0 20px 50px 20px; position:relative; min-height:450px; height:auto !important; height:450px;} #Layout1-Header-Image, img.photo1 { margin-bottom:15px;} /* First paragraph */ /* ------------------------------------------------------------------- */ #Layout1-Page-Text { font-weight:bold} #Layout1-Page-Text.gid28, #Layout1-Page-Text.gid27, #Layout1-Page-Text.gid33, #Layout1-Page-Text.gid35, #Layout1-Page-Text.gid32, #Layout1-Page-Text.gid34, #Layout1-Page-Text.gid31, #Layout1-Page-Text.gid29, #Layout1-Page-Text.gid45, #Layout1-Page-Text.gid49, #Layout1-Page-Text.gid44, #Layout1-Page-Text.gid46, #Layout1-Page-Text.gid50, #Layout1-Page-Text.gid47, #Layout1-Page-Text.gid30, #Layout1-Page-Text.gid48, #Layout1-Page-Text.gid14, #Layout1-Page-Text.gid15, #Layout1-Page-Text.gid11, #Layout1-Page-Text.gid9, #Layout1-Page-Text.did61-gid10, #Layout1-Page-Text.did62-gid13, #Layout1-Page-Text.did63-gid12, #Layout1-Page-Text.gid29, #Layout1-Page-Text.gid4, #Layout1-Page-Text.gid6, #Layout1-Page-Text.gid1, #Layout1-Page-Text.gid5, #Layout1-Page-Text.gid3, #Layout1-Page-Text.gid7, #Layout1-Page-Text.gid8 { border:1px solid #CCC; border-top:none; padding:10px; padding-bottom:0; margin-top:-17px; width:714px; margin-bottom:1.1em; display:block;} /* Related links column (move vertically for range pages) */ /* ------------------------------------------------------------------- */ /*#Content-RightSidebar.gid28, #Content-RightSidebar.gid27, #Content-RightSidebar.gid33, #Content-RightSidebar.gid35, #Content-RightSidebar.gid32, #Content-RightSidebar.gid34, #Content-RightSidebar.gid31, #Content-RightSidebar.gid29, #Content-RightSidebar.gid45, #Content-RightSidebar.gid49, #Content-RightSidebar.gid44, #Content-RightSidebar.gid46, #Content-RightSidebar.gid50, #Content-RightSidebar.gid47, #Content-RightSidebar.gid30, #Content-RightSidebar.gid48, #Content-RightSidebar.gid14, #Content-RightSidebar.gid15, #Content-RightSidebar.gid11, #Content-RightSidebar.gid9, #Content-RightSidebar.did61-gid10, #Content-RightSidebar.did62-gid13, #Content-RightSidebar.did63-gid12, #Content-RightSidebar.gid29, #Content-RightSidebar.gid4, #Content-RightSidebar.gid6, #Content-RightSidebar.gid1, #Content-RightSidebar.gid5, #Content-RightSidebar.gid3, #Content-RightSidebar.gid7, #Content-RightSidebar.gid8 {margin-top:36px;}*/ /* ------------------------------------------------------------------- */ /* PRODUCTS, SERVICES, MARKET SECTORS & DIVISIONS Layouts */ /* ------------------------------------------------------------------- */ /* Home Layout */ /* ------------------------------------------------------------------- */ #Layout1-ColB-Wrapper ul.prod-group-list, #Layout1-ColB-Wrapper ul.markets-group-list, #Layout1-ColB-Wrapper ul.service-group-list, #Layout1-ColB-Wrapper ul.specifications-group-list { margin-left:0;} #Layout1-ColB-Wrapper ul.prod-group-list li, #Layout1-ColB-Wrapper ul.markets-group-list li, #Layout1-ColB-Wrapper ul.service-group-list li, #Layout1-ColB-Wrapper ul.specifications-group-list li { list-style:none; display:block; width:356px; height:95px; float:left; border:1px solid #CCC; margin:0 17px 17px 0; position:relative; padding-top:34px; background:none; padding-left:0; } ul.prod-group-list li img.icon, ul.markets-group-list li img.icon, ul.service-group-list li img.icon, ul.specifications-group-list li img.icon { position:absolute; top:0; left:0; } ul.prod-group-list li img.thumbnail, ul.markets-group-list li img.thumbnail, ul.service-group-list li img.thumbnail, ul.specifications-group-list li img.thumbnail { margin:34px 5px 0 0; float:left; border-right:1px solid #CCC; } ul.prod-group-list li a, ul.markets-group-list li a, ul.service-group-list li a, ul.specifications-group-list li a { position:absolute; top:0; left:0; display:block; width:356px; height:34px; z-index:999; text-indent:-999em; text-decoration:none; cursor:pointer} #Layout1-ColB-Wrapper ul.prod-group-list ul, #Layout1-ColB-Wrapper ul.markets-group-list ul, #Layout1-ColB-Wrapper ul.service-group-list ul, #Layout1-ColB-Wrapper ul.specifications-group-list ul { position:absolute; top:38px; left:105px; margin-left:0; } #Layout1-ColB-Wrapper ul.prod-group-list ul li, #Layout1-ColB-Wrapper ul.markets-group-list ul li , #Layout1-ColB-Wrapper ul.service-group-list ul li , #Layout1-ColB-Wrapper ul.specifications-group-list ul li{ border:none; display:inherit; margin:0; padding:0; clear:both; padding-bottom:2px; height:auto; width:auto; width:240px; background-image:none; padding-left:0; } ul.prod-group-list ul li a, ul.markets-group-list ul li a, ul.service-group-list ul li a, ul.specifications-group-list ul li a { position:static; text-indent:0; float:left; font-size:11px; height:auto; color:#666; width:240px} ul.prod-group-list ul li a.read-more, ul.markets-group-list ul li a.read-more, ul.service-group-list ul li a.read-more, ul.specifications-group-list ul li a.read-more { display:none; position:absolute; left:-999em; text-indent:-999em; } ul.prod-group-list ul li a:hover, ul.markets-group-list ul li a:hover, ul.service-group-list ul li a:hover , ul.specifications-group-list ul li a:hover { text-decoration:underline} /* 2 column (Markets & Specifications) */ /* ------------------------------------------------------------------- */ #Layout1-ColB-Wrapper ul.markets-group-list ul li, #Layout1-ColB-Wrapper ul.specifications-group-list ul li { display:block; margin-right:15px; clear:none; float:left; width:100px } #Layout1-ColB-Wrapper ul.markets-group-list ul li a, #Layout1-ColB-Wrapper ul.specifications-group-list ul li a { width:100px;} /* ------------------------------------------------------------------- */ /* COMMON BOXES */ /* ------------------------------------------------------------------- */ #RelatedProducts, #RelatedDivisions, #RelatedServices, #RelatedSpecifications, #RelatedMarketSectors, /*#RelatedNews, #RelatedCaseStudy, */ #MoreInfo-Container, #Download-Container { margin-top:20px; clear:both;} #RelatedProducts h2, #RelatedDivisions h2, #RelatedServices h2 , #RelatedSpecifications h2, #RelatedMarketSectors h2, /*#RelatedNews h2, #RelatedCaseStudy h2 ,*/ #MoreInfo-Container h2 { margin-bottom:0px; display:block; width:190px; height:17px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; font-size:10px; } #RelatedProducts h2 { background-image:url('../grfx/titles/inset-relatedProducts.gif');} #RelatedDivisions h2 { background-image:url('../grfx/titles/inset-relatedDivisions.gif');} #RelatedServices h2 { background-image:url('../grfx/titles/inset-relatedServices.gif');} #RelatedSpecifications h2 { background-image:url('../grfx/titles/inset-relatedSpecifications.gif');} #RelatedMarketSectors h2 { background-image:url('../grfx/titles/inset-relatedMarketSectors.gif');} /*#RelatedNews h2 { background-image:url('../grfx/titles/inset-relatedNews.gif');}*/ #MoreInfo-Container h2 { background-image:url('../grfx/titles/inset-moreInformation.gif');} /*#RelatedCaseStudy h2 { background-image:url('../grfx/titles/inset-relatedCaseStudies.gif');}*/ #RelatedProducts p, #RelatedDivisions p, #RelatedServices p, #RelatedSpecifications p, #RelatedMarketSectors p, /*#RelatedNews p, #RelatedCaseStudy p ,*/ #MoreInfo-Container p { margin-bottom:3px;} #RelatedProducts ul, #RelatedDivisions ul, #RelatedServices ul, #RelatedSpecifications ul, #RelatedMarketSectors ul, /*#RelatedNews ul, #RelatedCaseStudy ul,*/ #Layout1-Product-List ul, #Layout1-Service-List ul { background:url('../grfx/layout/related-border.gif') no-repeat 0 0; padding:6px 0 0 10px; margin-left:0;} #RelatedProducts ul li, #RelatedDivisions ul li, #RelatedServices ul li, #RelatedSpecifications ul li, #RelatedMarketSectors ul li, #RelatedNews li , #Layout1-RelatedLinks-Container li, #RelatedCaseStudy li, #Layout1-Product-List li, #Layout1-Service-List li { background:url('../grfx/layout/list-square.gif') no-repeat left center; list-style:none; padding-left:14px; margin-bottom:2px; position:relative} #RelatedProducts ul li a, #RelatedDivisions ul li a, #RelatedServices ul li a, #RelatedSpecifications ul li a, #RelatedMarketSectors ul li a, /*#RelatedNews ul li a, #RelatedCaseStudy ul li a,*/ #Layout1-Product-List li a, #Layout1-Service-List li a { font-size:11px; color:#666;} /* More Info Container */ /* ------------------------------------------------------------------- */ #MoreInfo-Container { background:url('../grfx/layout/related-border.gif') no-repeat 0 33px; color:#666; } #MoreInfo-Container a { color:#666;} #MoreInfo-Container #col_A, #MoreInfo-Container #col_B { font-size:11px; margin-left:10px; float:left;} #MoreInfo-Container #col_A { margin-top:10px; width:260px;} #MoreInfo-Container #col_B { margin-top:10px; width:260px} span.address, span.address2, span.address3, span.address4, span.postcode, span.name, span.division, span.tel, span.email, span.fax, span.website, span.mobile, span.position { display:block; width:50px; float:left} /* Download Container */ /* ------------------------------------------------------------------- */ #Download-Container { background-color:#f1f1f1; padding:10px; border:1px solid #d8d8d8; color:#666; font-size:11px; } #Download-Container h2 { background:url('../grfx/titles/inset-downloads.gif') no-repeat 0 0; display:block; width:175px; height:13px; text-indent:-999em; margin-bottom:20px; } #Download-Container div.download-files { margin:-15px 0 15px 0; } #Download-Container div.file-info { clear:both; position:relative;} #Download-Container div.file-name { margin-top:-10px;} #Download-Container a { color:#666;} #Download-Container a.pdf { background:url('../grfx/layout/icon-pdf.gif') no-repeat 0 0; display:block; width:32px; height:31px; text-indent:-999em; float:left; margin:10px 15px 20px 0;} #Download-Container div.file-data { width:130px; background-color:#CCCCCC; float:right; padding:7px; position:absolute; right:0; top:0;} /* Related Links Container */ /* ------------------------------------------------------------------- */ #Content-RightSidebar { float:right; margin-left:15px; margin-right:0; /*margin-top:43px;*/ } #Layout1-RelatedLinks-Container, #RelatedNews, #RelatedCaseStudy { background-color:#f1f1f1; padding:10px; padding-bottom:0; border:1px solid #d8d8d8; color:#666; font-size:11px; width:200px; /*float:right; */margin:0 0 15px 0} #Layout1-RelatedLinks-Container h4, #RelatedNews h2, #RelatedCaseStudy h2 { font-size:11px; color:#666; margin-bottom:2px} #Layout1-RelatedLinks-Container ul, #RelatedNews ul, #RelatedCaseStudy ul { margin-left:0;} #RelatedNews ul, #RelatedCaseStudy ul { margin-top:-9px;} #Layout1-RelatedLinks-Container a, #RelatedNews a, #RelatedCaseStudy a { color:#666;} /* ------------------------------------------------------------------- */ /* CASE STUDIES & NEWS */ /* ------------------------------------------------------------------- */ #Layout1-CaseStudy-Wrapper ul, #Layout1-News-Container ul { margin-left:0;} #Layout1-ColB-Wrapper #Layout1-CaseStudy-Wrapper ul li, #Layout1-ColB-Wrapper #Layout1-News-Container ul li { list-style:none; background-color:#e7e7e7; margin-bottom:1px; position:relative; display:block; height:26px; background-image:none; padding-left:0;} #Layout1-CaseStudy-Wrapper ul li p.posted, #Layout1-News-Container ul li p.posted { display:block; text-align:left; width:150px; position:absolute; right:50px; top:6px; z-index:99; margin:0; padding:0; } #Layout1-CaseStudy-Wrapper ul li span.label, #Layout1-News-Container ul li span.label { display:none;} #Layout1-CaseStudy-Wrapper ul li a , #Layout1-News-Wrapper ul li a { float:left; font-size:11px; position:absolute; top:5px; left:25px; text-decoration:none; color: #666;} #Layout1-CaseStudy-Wrapper ul li a:hover , #Layout1-News-Wrapper ul li a:hover { text-decoration:underline;} #Layout1-CaseStudy-Wrapper ul li a.read-more , #Layout1-News-Wrapper ul li a.read-more { background-image:url('../grfx/buttons/more.gif'); position:absolute; left:auto; right:5px; top:3px; width:64px;} #Layout1-CaseStudy-Wrapper ul li a.read-more:hover , #Layout1-News-Wrapper ul li a.read-more:hover { text-decoration:none} #Layout1-CaseStudy-Wrapper ul li span, #Layout1-News-Wrapper ul li span { display:block; width:15px; height:26px; float:left; margin-right:15px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em;} #Layout1-CaseStudy-Wrapper ul li span.STEEL-PRODUCTS, #Layout1-News-Wrapper ul li span.STEEL-PRODUCTS { background-image:url('../grfx/layout/news-steelProducts.gif'); } #Layout1-CaseStudy-Wrapper ul li span.CAPARO-PRECISION-TUBES, #Layout1-News-Wrapper ul li span.CAPARO-PRECISION-TUBES { background-image:url('../grfx/layout/news-precisionTubes.gif'); } #Layout1-CaseStudy-Wrapper ul li span.CAPARO-WIRE, #Layout1-News-Wrapper ul li span.CAPARO-WIRE { background-image:url('../grfx/layout/news-wire.gif'); } #Layout1-CaseStudy-Wrapper ul li span.CAPARO-TUBES, #Layout1-News-Wrapper ul li span.CAPARO-TUBES { background-image:url('../grfx/layout/news-tubes.gif'); } #Layout1-CaseStudy-Wrapper ul li span.CAPARO-MERCHANT-BAR, #Layout1-News-Wrapper ul li span.CAPARO-MERCHANT-BAR { background-image:url('../grfx/layout/news-merchantBar.gif'); } #Layout1-CaseStudy-Wrapper ul li span.CAPARO-PRECISION-STRIP, #Layout1-News-Wrapper ul li span.CAPARO-PRECISION-STRIP { background-image:url('../grfx/layout/news-precisionStrip.gif'); } #Layout1-CaseStudy-Wrapper ul li span.STEEL-SALES, #Layout1-News-Wrapper ul li span.STEEL-SALES { background-image:url('../grfx/layout/news-steelSales.gif'); } #Layout1-CaseStudy-Wrapper ul li span.SYSTEMS-SCAFFOLDING, #Layout1-News-Wrapper ul li span.SYSTEMS-SCAFFOLDING { background-image:url('../grfx/layout/news-scaffolding.gif'); } #Layout1-News-Wrapper ul li span.STEEL-PRODUCTS_2, #Layout1-News-Wrapper ul li span.CAPARO-PRECISION-TUBES_2, #Layout1-News-Wrapper ul li span.CAPARO-WIRE_2, #Layout1-News-Wrapper ul li span.CAPARO-TUBES_2, #Layout1-News-Wrapper ul li span.CAPARO-MERCHANT-BAR_2, #Layout1-News-Wrapper ul li span.CAPARO-PRECISION-STRIP_2, #Layout1-News-Wrapper ul li span.STEEL-SALES, #Layout1-News-Wrapper ul li span.SYSTEMS-SCAFFOLDING { text-indent:0; font-size:.9em; text-transform:uppercase; width:145px; position:absolute; left:375px; top:6px;}