/* site.css - prepared by Planethome Designs */ * { /* reset margins */ padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; } html, body { 	min-height:100%; 	margin-bottom: 1px; font-size: 89%; /* 85 = 11px, 92 = 12px */ } body{ 	font-family: Trebuchet MS, Verdana, Arial; 	margin-top:5px; 	text-align: left; 	} A { 	color:#F7931E; 	text-decoration: none; } A:hover { 	color:#F7931E; /* orange */ 	text-decoration: underline; } A.A_dark { /* Dark color for links */ color: #231F20; }	 h1 { 	font-size: 1.7em; 	color:#F7931E; 	font-weight: normal; 	border-bottom: 1px solid #636467; 	padding-bottom: 0.2em; padding-top: 0.2em; 	margin-bottom: 0.3em; } h2 { 	font-size: 1.4em; 	color:#F7931E; 	font-weight: normal; 	margin-bottom: 0.2em; } h3 { 	font-size: 1.1em; margin-bottom: 0em; 	color:#231F20; 	font-weight: bold; } h4 { 	font-size: 1em; 	color:#F7931E; 	font-style:italic; 	font-weight:bold; } ol { 	margin-left: 20px; 	margin-right: 15px; }	 p { 	color: #231F20; 	line-height: 1.5em; } UL { 	margin-left: 15px; 	} OL { 	margin-left: 25px; 	} hr { /* default ruler */ 	color: #231F20; 	height: 1px; } hr.hr736 { 	margin: 0; padding: 0; 	width: 736px; } hr.hrorange { /* orange ruler */ 	color: #F7931E; 	height: 1px; } hr.HRclear { /* also clears floats */ 	clear: both; 		} hr.HRclear_search { /* For search page, clears floats */ 	clear: both; 	padding:0; 	margin:0; 	line-height: 1px; 		} IMG.imgleft { 	float: left; 	padding-right: 0px; 	padding-bottom: 10px; 	} IMG.imgright { 	float: right; 	padding-left: 10px; 	padding-bottom: 10px; } .fltright { float: right; padding-left: 10px; } .fltright2 { float: right; padding-left: 45px; /*this second float is for the search button on the Products & Services page. */ } TH { /* Table Headings */ 	color: #FFFFFF; 	font-weight:bold; 	background-color: #ABADAF; 	text-align: left; 	padding: 2px 3px; 	} TD { /* Defualt table content */ 	color: #000000; background-color: #E5E5E6;  text-align: left; 	padding: 2px 3px; 	font-size: 1em; 	} caption { 	font-size: 0.8em; 	text-align: left; 	} .superscript { position: relative; bottom: 0.5em; font-size: 0.75em; } .subscript { position: relative; top: 0.3em; font-size: 0.75em; } /*----------- page layout ----------------------------*/ #wrap { /* page container */ 	/*margin: 0px auto;*/ 	width: 998px; 	padding: 10px; 	background-color: #FFFFFF; 	height: auto !important; /* CHANGES (adding sticky footer) 24/01/2008*/ 	margin: 0 auto ; } #header { 	background-color:#FFFFFF; 	width: 988px; 	height: 65px; } #logo { 	display:inline; 	position:relative; 	float: left; 	background-repeat: no-repeat; 	height: 50px; 	width: 736px; 	margin: 2px 0px 13px 0px; } #logo_eng { 	display:inline; 	position:relative; 	float: left; 	background-repeat: no-repeat; 	height: 50px; 	width: 736px; 	margin: 2px 0px 13px 0px; } #tagline { 	float: left; 	Display: inline; 	Width: 420px; 	padding-left:60px; 	Padding-top:52px; 	} #tagline p { 	font-size: 18px; 	font-weight: normal; 	} #sub_header { /* holds horizontal and breadcrumb nav bars for sub pages */ 	clear:both; 	height: 50px; 	width: 988px; 	} #head_search { /* Header search box */ 	float:right; 	width:242px; 	height:24px; 	Padding-top:2px; 	margin: 0 -2px .5em 0; 	} #head_search .button { /* Header search button */ 	color: #FFFFFF; 	font-size: 1em; 	float: left; 	background-image: url(/designimages/nav_l2.jpg); 	background-repeat:repeat-x; 	height:24px; 	width: 73px; 	border: 0; 	Padding-left:3px;	 	Padding-right:3px;	 	} /* #head_search input { */ input.search { /* Header search input field */ 	display:inline; 	float: left; 	width:165px; 	height:22px; 	border: 1px solid #636467; 	} #container-home { 	float: left; 	width: 988px; 	} .container-row { 	clear: both; 	float: left; 	width: 988px; 	} .home-content-left { 	float: left; 	display:inline; 	width: 736px; margin-bottom: .1em; 	} .home-content-right { 	display:inline; 	float: left; 	padding-left: 10px; 	width: 240px; } #flash { 	width:380px; 	float:left; } #footer /* CHANGED (adding Clickability footer) 24/01/2008*/ { 	margin-top: 4em; padding-top: 0.2em; 	text-align: left; 	border-top: 1px solid #000000; 	} /* CHANGED (adding Clickability footer) 24/01/2008*/ /*--------------- BU Contents left/right div -------------------*/ #BU_content_left { 	display: inline; 	width: 358px; 	float: left; 	Padding-right: 10px; 	} #BU_content_right { 	display: inline; 	width:358px; 	float: left; 	Padding-left: 10px; } /*--------------- Sustainability pages left/right div -------------------*/ #sustain_content_left { 	display: inline; 	width: 350px; 	float: left; 	Padding-right: 10px; 	} #sustain_content_right { 	display: inline; 	width:240px; 	float: left; 	Padding-left: 10px; } /*----------------- Product List ----------------------------------*/ .product_list { 	float: left; 	display:inline; 	width: 626px; 	padding: 8px 0; 	padding-left: 110px; 	border-bottom: 1px solid #626366; } .product_list IMG { 	border: 0; 	float: left; 	margin-left: -110px; 	clear: left; 	} /*----------------- 2 column Search Results ----------------------------------*/ .search_results_left { 	margin: 0; 	float: left; 	display:inline; 	width: 363px; 	padding: 10px 0 ; 	} .search_results_left IMG { 	border: 0; 	padding: 0 0 5px 10px; 	margin:0; 	display:inline; 	float: right; 	clear: right; 	} .search_results_right { 	float: right; 	display:inline; 	width: 363px; 	padding: 10px 0 ; 	margin: 0; 	} .search_results_right IMG { 	border: 0; 	padding: 0 0 5px 10px; 	margin:0; 	display:inline; 	float: right; 	clear: right; 	} .HRclear_search { /* For search page, clears floats and draws horizontal line */ 	clear: both; 	border-top: 1px solid #231F20; 	width:100%; 	line-height: 1px; 	}	 /*----------------- Location 3 column & NAV table ----------------------*/ .locations { 	float: left; 	display:inline; 	width: 235px; 	padding-left: 10px; 	padding-top: 10px; } table.tbl_locations { 	border-bottom: 1px solid; 	border-bottom-color: #8B8C8F; 	/*border-top: 1px solid #8B8C8F;*/ 	font-size: 1.3em; 	} table.tbl_locations TD { 	padding: 5px 10px; 	color: #231F20; 	} table.tbl_locations TD A { 	color: #231F20; 	} table.tbl_locations TD A:HOVER { 	color: #F5911D; 	} table.tbl_locations TD A:ACTIVE { 	color: #F5911D; 	text-decoration: none; 	}	 .orange_bold { 	color: #F5911D; 	font-weight: normal; } /*----------------- Alpha Location 3 column & NAV table ----------------------*/ .location_alpha { 	float: left; 	display:inline; 	width: 235px; 	padding-left: 10px; 	padding-top: 35px; }	 div.colheader { /* Note! Uses negative margin to place header above column */ 	margin-top: -30px; 	padding: 0; 	height: 20px; 	float: left; 	width: 235px; 	text-align:left; } table.tblalpha { 	background-color: #F5911D; 	font-size: 1.2em; 	} table.tblalpha TD { 	padding: 5px 10px; 	background-color: #FFFFFF; 	} table.tblalpha TD A { 	color: #231F20; 	} table.tblalpha TD A:HOVER { 	color: #F5911D; 	} table.tblalpha TD A:ACTIVE { 	color: #F5911D; 	text-decoration: none; 	}	 /*-----------------Table for products and availability list ----------------------*/ table.productlist { 	background-color: #a6a9a5; 	font-size: 1.2em; 	} table.productlist TD { 	padding: 5px 10px; 	background-color: #FFFFFF; 	} table.productlist TD A { 	color: #231F20; 	} table.productlist TD A:HOVER { 	color: #F5911D; 	} table.productlist TD A:ACTIVE { 	color: #a6a9a5; 	text-decoration: none; 	}	 /*-----------------End of table for products and availability list----------------------*/ /*--------------- Green (now orange) box to display business results -------------*/	 .box_green { 	background-image:url(/designimages/resultsbox.jpg); 	background-repeat: repeat-x; 	background-position:center; 	width: 226px; height: 38px; 	padding:5px 4px 10px 10px; 	margin-left: 0px; 	} .box_green A, .box_green A:hover { 	color: #FFFFFF; 	font-size: 16px; font-weight:bold; 	text-decoration: none; 	margin-bottom: 4px; 	padding-bottom: 0px; 	} .box_green IMG {	 	padding-left: 5px; 	margin-top: -6px; 	float: right; 	border: 0; 	} *--------------- Orange promo box on Home page -------------*/	 .box_promo { 	background-image:url(/designimages/nav_l1.jpg); 	background-repeat: repeat-x; 	background-position:center; 	width: 220px; 	padding:3px 10px; 	margin-left: 0px; 	} .box_promo A, .box_promo A:hover { 	color: #FFFFFF; 	font-size: 17px; 	text-decoration: none; 	margin-bottom: 0px; 	padding-bottom: 0px; 	} .box_promo IMG {	 	padding-right: 10px; 	margin-left: -7px; 	float: left; 	border: 0; 	} /*------------------ Photo boxes on home page and BU sub pages ------------*/ #photocaption { 	margin: 0; 	background-color: #333333; 	width: 716px; 	height: 36px; 	padding: 8px 10px; 	margin-bottom: 13px; 	} #photocaption h1 { 	color: #FFFFFF; 	font-size: 20px; 	font-weight:normal; 	border:0; 	padding-bottom: 0px; 	margin-bottom: 13px; padding-top: 0px; 	} /*------------------ newflash is the caption for the Home page image - on the RHS of the area immediately beneath it ------------*/ .newflash { float:right; width: 240px; font-weight: bold; color: #FFF; font-size: 14px; padding: 8px; border: 1px solid; border-color: #666; } #hero_box { 	float:left; 	display:inline; 	width: 676px; 	padding-right: 60px; 	margin-bottom: 13px; } #hero_box h1 { 	color: #FFFFFF; 	font-size: 21px; 	padding-top: 20px; 	border:0; 	padding-bottom: 0px; 	margin-bottom: 0px; } .lblue2 { 	background-color: #66CCCC; } .lblue3 { 	background-color: #6699CC; } .dkgrn { 	background-color: #006666; } .lgrn { 	background-color: #99CC33; } .aqua { 	background-color: #009999; } .dkblue { 	background-color: #006699; } .mblue { 	background-color: #3399CC; } .purple { 	background-color: #663399; } .black { 	background-color: #000000; } .deblue { 	background-color: #79BAC8; } .aorange { 	background-color: #F7931E; } .fullimage { 	background-color: #FFFFFF; 	margin:0; 	padding:0; 	border:0; 	margin-bottom: 10px; } .lblue { 	background-color: #79BAC8; 	} #bu_box_lblu { 	width: 676px; 	padding-right: 60px; 	min-height: 232px; 	background-color: #79BAC8; 	margin-bottom: 13px; } #bu_box_dark { 	width: 676px; 	padding-right: 60px; 	min-height: 178px; 	background-color: #231F20; 	margin-bottom: 13px; } #bu_box_lblu h1 { 	color: #FFFFFF; 	font-size: 22px; 	padding-top: 20px; 	border:0; 	padding-bottom: 0px; 	margin-bottom: 0px; } #bu_box_dark h1 { 	color: #62B546; 	font-size: 22px; 	padding-top: 10px; 	border:0; 	padding-bottom: 0px; 	margin-bottom: 0px; } #bu_box_dark A { 	color: #FFFFFF; 	font-size: 22px; 	} #hero_box img.imgright { 	background-color: inherit; 	float: right; 	padding-left: 15px; 	padding-bottom: 0px; 	} #hero_box img.imgleft { 	background-color: inherit; 	float: left; 	padding-right: 15px; 	padding-bottom: 0px; } /*---------table for displaying shares --------------*/ table.shares td { 	line-height: 20px; 	background-color: #BCBEC0; 	color: #231F20; 	padding-left: 10px; 	padding-right: 10px; 	text-align: left; 	} table.shares th { 	line-height: 20px; 	background-color: #F7931E; 	color: #FFFFFF; 	font-weight:bold; 	padding-left: 10px; 	padding-right: 10px; 	text-align: left; } /*------------- Navigation ---------------------------*/ #sidenav { 	width: 240px; 	padding-top: 32px;} #sidenav A { 	text-decoration:none; 	color: #FFFFFF; 	width: 220px; 	display: block; 	padding-left: 20px; 	height: 24px; 	line-height: 22px; 	border-bottom: 2px #FFFFFF solid; 	}	 #sidenav A:hover { 	text-decoration:none; 	color: #FFCC66; 	} #topnav { 	width: 737px; 	height: 24px; 	} #topnav A { 	text-decoration:none; 	color: #FFFFFF; 	display: inline; 	float: left; 	font-size: 1.05em; 	border-right: 2px solid #fff; 	padding-left: 20px; 	padding-right: 20px; 	height: 24px; 	line-height: 22px; 	margin: 0; 	} a.L1 { /* Level 1 menu item - orange button background */ 	font-weight: bold; 	background-image: url(/designimages/nav_l1.jpg); 	background-repeat:repeat-x; } a.L2 { /* Level 2 menu item - dark button background */ font-weight: bold; 	background-image: url(/designimages/nav_l2.jpg); 	background-repeat:repeat-x; } a.L3 { /* Level 3 menu item - flat grey background */ 	background-color: #BCBDC0; } a.L4 { /* Level 4 menu item - green button background */ 	background-image: url(/designimages/nav_l3.jpg); 	background-repeat:repeat-x; } #head_nav { /* Navigation in header - top right */ 	float: right; 	width:240px; 	height:20px; 	margin-bottom: 1em; } #head_nav a { /* Nav links for header */ 	color: #333333; 	text-decoration: none; } #head_nav a:hover { 	color: #333333; 	text-decoration:underline; } #head_nav p { font-size: 0.8em; } .breadcrumb { /* Breadcrumb Navigation on sub pages */ 	font-size: 0.9em; 	color: #231F20; 	line-height: 2em; } .breadcrumb A { 	color: #231F20; 	text-decoration:underline; } .breadcrumb A:hover { 	color: #231F20; 	text-decoration:underline; } /*--------------------- News list on home page --------------------*/ ul#home_news { 	list-style-type: none; 	margin-left: 0px; } ul#home_news h2 { 	font-size: 1em; 	color:#F7931E; 	font-weight: normal; 	padding: 0; 	margin: 0; } ul#home_news li { 	line-height: 1.1em; 	padding: 8px 5px; 	border-top: 1px solid #636467; } /* ------------- others --------/* .box_orange { /* Orange box on sub pages - can be used anywhere */ /*	border: 1px solid #F7931E; /* 	padding: 10px; 	margin-top: 28px; } .psmall { /* Small text + 9px */ 	line-height: 1.5em; 	font-size: 0.8em; 	} .plarge { /* large text + 12px */ 	font-size: 1.15em; 	} .clear { /* Used to clear floating divs */ clear: both; } .clear_left { /* Used to clear floating divs */ clear: left; } .clear_right { /* Used to clear floating divs */ clear: right; } table.tblplain { /* Plain table - no color, no borders */ border: 0; } .tblplain td { background-color: #FFFFFF; border: 0; } /* ------------- Keyword search page --------*/ .box_orange_440_left { /* Orange box on Search page - fixed width 440px */ 	border: 1px solid #F7931E; 	padding: 10px 5px; 	width: 440px; 	float: left; 	display: inline; 	 	margin-bottom: 10px; } .box_orange_215_right { /* Orange box on Search page - fixed width 440px */ 	border: 1px solid #F7931E; 	padding: 5px 3px; 	width: 215px; 	float: right; 	display: inline; 	margin-right: 0px; 	margin-bottom: 10px; } .keyword_search .altbutton, .altbutton { /* Header search button */ 	color: #FFFFFF; 	font-size: 1em; 	/*float: left;*/ 	background-image: url(/designimages/nav_l2.jpg); 	background-repeat:repeat-x; 	height:20px; 	width: 55px; 	border: 0; 	margin-left: 5px; 	padding: 0px 3px; 	} .keyword_search { /* Header search box */ 	float:left; 	width:440px; 	height:20px; 	} .keyword_search input { /* Header search input field */ 	display:inline; 	float: left; 	width:360px; 	height:15px; 	padding: 2px; 	font-size:0.9em; 	border: 1px solid #636467; 	} /*-------------- forms -----------------------------------*/	 SELECT.selectwide { /* Products & Services page */ 	padding: 3px; 	height: 20px; 	width:265px; 	font-size: 0.9em; 	border-color: #CCCCCC; 	border: 1px solid; 	margin-bottom: 2px; 	} SELECT.listwide { /* Products & Services page */ 	padding: 3px; 	width:209px; /*209 */ 	font-size: 0.9em; 	border-color: #CCCCCC; 	border: 1px solid ; 	} label { 	margin: 1px 0px; 	height: 24px; 	}	 label.label100 { 	width: 100px; 	float:left; 	} label.label200 { 	clear:left; 	width: 200px; 	float:left; 	} label.label300 { 	width: 300px; 	float:left; 	} input, textarea, select { 	margin:2px 0; 	} select.select_200 { 	width: 200px; 	} .frmbutton { /* form Buttons */ 	color: #FFFFFF; 	font-size: 1em; 	background-image: url(/designimages/nav_l2.jpg); 	background-repeat:repeat-x; 	height:24px; 	border: 0; 	Padding-left:10px;	 	Padding-right:10px;	 	} /*-------------- Language selection -----------------------------------*/	 div.switchlang { color: #000000; width: 100%; } div.switchlang A { color: #000000; font-size: 0.9em; text-decoration: none; } div.switchlang A:hover, div.switchlang A:active { color: #000000; font-size: 0.9em; text-decoration: underline; } div.switchlang IMG { /*prevents default border with links */ border: 0; } /* CHANGES (moving the search button to the right column) 21/01/2008*/ #Col1, #Col2 { 	width: 49%; } #Col1 { 	float:left; } #Col2 { 	float:right; 	 } /* CHANGES (moving the search button to the right column) 21/01/2008*/ /*Controls Sustainability bookmark bullet points in Sustainability template8*/ #sustain-anchor{ 	float:right; 	width: 254px; padding:0px 0px 0px 30px; } #sustain-anchor ul { margin-bottom:15px; color:#0a943b; font-size:17px; list-style-image:url(/designimages/sustain_anchor_bullet.gif); } #sustain-anchor a { color:#0a943b; text-decoration:underline; } #sustain-anchor a:hover { text-decoration:none; } 	 /*Controls Sustainability spinning globe animation*/ body{ 	margin:0; 	padding:0; 	} #wrapper{ 	margin:0 auto; 	padding:50px 50px; 	text-align:center; } #content{ 	width:735px; 	margin:0 auto; 	position:relative; 	padding:10px;	 	border:1px solid #455; } /* styles for the 2009 Sustainability content*/ /* the grey box that holds case studies on the RHS*/ .box_casestudy { 	background-color:#e3e6ed; 	padding: 10px; 	margin-top: 10px; } /* the blue box that holds 3rd party quotes*/ .box_bluequotes{ 	background-color:#BADD8C; 	padding: 10px; 	margin-top: 10px; } /* the containing div for the 2 column divs below */ .sr09_main { 	width: 736px; background-color:none;	 display:inline; 	float: left; 	padding-top: 5px; } .sr09column_one { 	width: 456px; background-color:none;	 padding: 0px 10px 0px 0px; 	display:inline; 	float:left } .sr09column_two { 	width: 266px; background-color:none; 	display:inline; 	float:left } /* the divs for the case studies*/ .sr09cs_text{ 	width: 450px; background-color:none;	 padding: 10px 10px 0px 0px; 	display:inline; 	float:left } .sr09cs_pic{ 	width: 266px; background-color:none; padding: 10px 10px 10px 0px; 	display:inline; 	float:left } /* the div for the strategy text with the blue border */ .sr09_strategyheading{ 	float: left; 	width: 736px; 	font-size: 18px; 	color: #000000; 	border-bottom-width: 10px; 	border-bottom-style: solid; 	border-bottom-color: #000000; 	padding-top: 18px; 	padding-bottom: 20px; } #bottomlinks {display: none}
img
{
border-style:none;
}