body,html
{
/* commented backslash hack - hides from Mac IE5 \*/
height: 100%;
/* end hack */
}

img {border:0px}
.clearboth {clear:both;padding:0;margin:0;font-size:0;height:0px}

html {overflow-y:scroll;}
body {margin: 0px; padding: 0px; background:url(images/bg.gif) top repeat-x #FFF; font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000; font-weight:normal; font-style:normal; font-variant:normal; }
body#crossword-page{background:none; background-color:#fff;font-size:12px}

textarea {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

#shell {width:998px; margin:auto; background:url(images/main-bg.png) repeat-y; padding:0; - background:url(images/main-bg.gif) repeat-y;}
#top {height:103px; width:966px; margin:0 auto; background:url(images/logo.jpg) no-repeat; background-position:0px 25px;}
#topwrap { width:966px; padding:0 3px;}

/* topnav */
#topnav {width: 966px;text-align: left;margin: 0 auto;}
#topnav ul {list-style-type: none; margin:0px; padding:0px; width:100%; float:left;}
#topnav ul li {display: inline; padding:0px 0px; text-align:center; float:left;}
#topnav ul li a {display:block; padding:7px 27px; text-decoration: none; font-weight: normal; color:#fff; background:url('images/topnav_aboutus_line.gif') no-repeat top right}

.home #topnav ul {background:url(images/topnav_home.gif) repeat-x top center #38A3D6}
.home #topnav ul li a:hover{background-color:#38A3D6}
.home #topnav ul li a {background:url('images/topnav_home_line.gif') no-repeat top right}
.home #topnav ul li.current a{background:url('images/topnav_homeOn.gif') repeat-x top right #468FB8}

.aboutus #topnav ul {background:url('images/topnav_aboutus.gif') repeat-x top center #CEDF61}
.aboutus #topnav ul li a:hover{background-color:#CEDF61}
.aboutus #topnav ul li a {background:url('images/topnav_aboutus_line.gif') no-repeat top right}
.aboutus #topnav ul li.current a{background:url('images/topnav_aboutusOn.gif') repeat-x top right #BECE5D}

.group #topnav ul {background:url('images/topnav_group.gif') repeat-x top center #F69D56}
.group #topnav ul li a:hover{background-color:#F69D56}
.group #topnav ul li a {background:url('images/topnav_group_line.gif') no-repeat top right}
.group #topnav ul li.current a{background:url('images/topnav_groupOn.gif') repeat-x top right #E29353}

.products #topnav ul {background:url('images/topnav_products.gif') repeat-x top center #DA4D9B}
.products #topnav ul li a:hover{background-color:#D6358E}
.products #topnav ul li a {background:url('images/topnav_products_line.gif') no-repeat top right}
.products #topnav ul li.current a{background:url('images/topnav_productsOn.gif') repeat-x top right #CA4B91}

.sustainability #topnav ul {background:url('images/topnav_sustain.gif') repeat-x top center #5DA167}
.sustainability #topnav ul li a:hover{background-color:#579E62}
.sustainability #topnav ul li a {background:url('images/topnav_sustain_line.gif') no-repeat top right}
.sustainability #topnav ul li.current a{background:url('images/topnav_sustainOn.gif') repeat-x top right #599662}

.infocentre #topnav ul {background:url('images/topnav_infocentre.gif') repeat-x top center #44C2CA}
.infocentre #topnav ul li a:hover{background-color:#44C2CA}
.infocentre #topnav ul li a {background:url('images/topnav_infocentre_line.gif') no-repeat top right}
.infocentre #topnav ul li.current a{background:url('images/topnav_infocentreOn.gif') repeat-x top right #42B4BB}

.people #topnav ul {background:url('images/topnav_people.gif') repeat-x top center #907495}
.people #topnav ul li a:hover{background-color:#816187}
.people #topnav ul li a {background:url('images/topnav_people_line.gif') no-repeat top right}
.people #topnav ul li.current a{background:url('images/topnav_peopleOn.gif') repeat-x top right #836B87}

.links #topnav ul {background:url('images/topnav_links.gif') repeat-x top center #BBDFC7}
.links #topnav ul li a:hover{background-color:#BBDFC7}
.links #topnav ul li a {background:url('images/topnav_links_line.gif') no-repeat top right}
.links #topnav ul li.current a{background:url('images/topnav_linksOn.gif') repeat-x top right #A8C7B2}

.innovationcentre #topnav ul {background:url('images/topnav_innovationcentre.gif') repeat-x top center #D73939}
.innovationcentre #topnav ul li a:hover{background-color:#D73939}
.innovationcentre #topnav ul li a {background:url('images/topnav_innovationcentre_line.gif') no-repeat top right}
.innovationcentre #topnav ul li.current a{background:url('images/topnav_innovationcentreOn.gif') repeat-x top right #CA4B91}

.general #topnav ul {background:url('images/topnav_people.gif') repeat-x top center #907495}
.general #topnav ul li a:hover{background-color:#816187}
.general #topnav ul li a {background:url('images/topnav_people_line.gif') no-repeat top right}
.general #topnav ul li.current a{background:url('images/topnav_peopleOn.gif') repeat-x top right #836B87}

#topnav ul li.last a {background:none; padding-right:32px}
#topnav ul li.first a {padding-left:29px}

#flashImage {width:654px; background:#f8f8f8; margin:0px; padding:0px; float:left}
#imagePad {height:201px; padding:3px 0px 0px 4px; float:left}

#homeLeft {float:left; width:654px;}
#homeLeftContent h1 {border-bottom:1px solid #CED1D3; border-left:none; font-weight:normal; font-size:23px; margin:0; padding:14px 0px 3px 0px;}
#homeLeftContent h2 {border-bottom:1px solid #CED1D3; border-left:none; font-weight:normal; font-size:20px; margin:0 20px 0 20px; padding:20px 0px 3px 0px;}
#homeLeftContent h2 a {color:Black; text-decoration:none;}
#homeLeftContent h3 { font-weight:normal; font-size:17px; margin:0px; padding:6px 0px 0px 0px; color:#468FB8;}
#homeLeftContent p {padding:6px 0px 0px 0px; margin:0px; color:#000}

#homeRight h4 {margin:0px 0 8px 0; font-size:15px; font-weight:bold;color:#000;padding:5px 0px 5px 0px; background:url(images/h4bg.gif) bottom repeat-x;}
#homeRight div.ukgbc-logo { text-align:center; padding-top:15px; }

#newsWrap { padding:0px 20px 10px 20px; margin-bottom:0px; }
#newsWrap h3 { font-weight:normal; font-size:17px; line-height:17px; margin:0px; padding:6px 0px 0px 0px; color:#707070;}
#newsWrap ul { position: relative; overflow: hidden; border: 0px; height: 420px; width: 580px; list-style:none; padding:5px 0px 0px 0px; margin:0px; }
#newsWrap ul li { list-style-type:none; height:105px; padding:0px 0px 1px 0px; margin:0px; }
#newsWrap p { padding:4px 0px 0px 0px; margin:0px; font-size:11px; color:#000; }
#newsWrap .newsLink a { color:#000; background:url(images/news_icon_home.gif) no-repeat left; padding:4px 0 0px 36px; height:22px; display:block; }
#newsWrap .newsLink a:hover { text-decoration:none; }

/* home blog styles */
#newsWrap li.blogLink h3 { color:#30a1a8;}
#newsWrap li.blogLink a { color:#30a1a8; background:url('images/blog_icon_home.gif') no-repeat left;}

#newsWrap1 p {padding:6px 0px 0px 0px; margin:0px; font-size:100%; color:#000}
#newsWrap1 .newsLink a {color:#373737; background:url('images/news_icon.gif') no-repeat left; padding-left:20px}
#newsWrap1 .newsLink a:hover {text-decoration:none}
#newsWrap1{padding:0px 0px 8px 0px; margin-bottom:0px}
#newsWrap1 ul {list-style:none; padding:5px 0px 0px 0px; margin:0px}
#newsWrap1 ul li {padding:0px 0px 3px 0px; margin:0px}

#homeContentMain h2 { margin:0 0 10px 0; padding-top:10px; }

#homeRightInner {float:left; width:304px; padding:12px 0px 8px 10px}
#homeRight h2 {font-weight:normal; font-size:180%; margin:0px 0px 3px 7px; padding:0px 0px 0px 27px}
#homeRight h2.product {background:url('images/greenArra.gif') no-repeat left}
#homeRight h2.company {background:url('images/blueArra.gif') no-repeat left; margin-top:20px}
#homeRight p {padding:0px 10px 5px 6px; margin:0px; font-size:11px; color:#706F63}

#homeRight .prodSearch {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:307px; float:left; background:url('images/dropdownGrad.gif') repeat-y top left}
#homeRight .prodSearchTop {text-align:center; margin: 0 auto; height:7px; font-size:1px; width:307px; background:url('images/dropdownTop.gif') no-repeat top left}
#homeRight .prodSearchBtm {text-align:center; margin: 0 auto; height:7px; font-size:1px; width:307px; background:url('images/dropdownBtm.gif') no-repeat top left}
#homeRight .prodImage {border:1px solid #A3A4A4; width:286px; float:left; padding:0px; margin:0px}
#homeRight .searchWrap {padding:4px 0px 4px 9px; margin:0px; float:left;}
#homeRight .searchBox {width:290px;}
#homeRight select.panelDropdown {width:289px;}
#homeRight input.panelDropdown {width:286px;}
#homeRight .no-script-button { margin:4px 0px 0px 4px; }
#homeRight input.no-script-button { width:40px; }
#homeRight div.rightBanner { margin:15px 0 0 2px; }
#homeRight div.rightBanner ul{position: relative;padding:0px;margin:0px;}
#homeRight div.rightBanner ul li{list-style-type:none;display: inline;padding:0px;margin:0px;}

/* content starts */
#contentshell {text-align:center; margin:0px; padding:0px 0px 4px 0px; width:100%;}
#contentwrap {text-align:center; margin: 0 auto; height: auto; width:982px; padding:5px 0px 0px 0px}

#contenttop {text-align:center; margin: 0 auto; height:8px; font-size:1px; width:982px; background:url('images/contenttop_curves.gif') no-repeat top left}

#innerwrap {float:left; padding:4px; margin:0px; width:974px}

/* leftnav */
#contentLeft {float:left; width:213px; background:url(images/top_left_two.gif) top no-repeat; min-height:10px;}
#contentLeft ul {list-style-type: none; margin:0px; padding:10px 15px; width:183px; display:block;}
#contentLeft ul li {margin:0px; padding:0px 0 0 5px; width:178px; display:block; background:url(images/nav_divider.gif) bottom repeat-x;}
#contentLeft ul li a {margin:0px; padding:12px 0 12px 40px; display:block; color:#000; background:url(images/smallhouse_infocentre.gif) no-repeat; background-position:5px 11px; text-decoration:none;}
#contentLeft ul li a:hover {  color:#6c6c6c;}

.aboutus #contentLeft ul li a {background:url(images/smallhouse_about.gif) no-repeat; background-position:5px 11px;}
.group #contentLeft ul li a {background:url(images/smallhouse_group.gif) no-repeat; background-position:5px 11px;}
.products #contentLeft ul li a {background:url(images/smallhouse_products.gif) no-repeat; background-position:5px 11px;}
.sustainability #contentLeft ul li a {background:url(images/smallhouse_sustainability.gif) no-repeat; background-position:5px 11px;}
.infocentre #contentLeft ul li a {background:url(images/smallhouse_info.gif) no-repeat; background-position:5px 11px;}
.people #contentLeft ul li a {background:url(images/smallhouse_people.gif) no-repeat; background-position:5px 11px;}
.links #contentLeft ul li a {background:url(images/smallhouse_links.gif) no-repeat; background-position:5px 11px;}
.innovationcentre #contentLeft ul li a {background:url(images/smallhouse_innovation.gif) no-repeat; background-position:5px 11px;}
.general #contentLeft ul li a {background:url(images/smallhouse_default.gif) no-repeat; background-position:5px 11px;}

#contentLeft .leftBanner {padding:12px 12px 0px 12px; text-align:center;}
#contentLeft .leftBanner ul{position: relative;padding:0px;margin:0px;}
#contentLeft .leftBanner ul li{list-style-type:none;display: inline;padding:0px;margin:0px;}
#contentLeft .leftBanner ul li a{background:none;padding:0px;margin:0px; display:inline;}

/* right content */
#contentRight {float:right; width:734px; padding:10px 10px 6px 10px; margin:0px; background:url(images/top_inner_two.gif) top no-repeat;}
.products #contentRight {width:701px; background:url(images/top_inner.gif) top no-repeat;}
#contentRight h1 {display: inline; margin:0px; padding:0px 10px; font-size:26px; font-weight:normal}
#contentRight h2 {display:inline; margin:0px; padding:0px 0px 0px 10px; font-size:22px; font-weight:normal}
#contentRight h3 {margin:0px; font-size:18px; font-weight: normal;padding:0px 0px 5px 0px; }
#contentRight h4 {margin:0px; font-size:15px; font-weight:bold; padding:5px 0px 4px 0px;}
#contentRight h5 {display: block; margin:0px; padding:0px 10px; font-size:14px; font-weight:normal}
#contentRight h6 {display:block; margin:0px; padding:0px 0px 0px 10px; border-left:1px solid #D9D9D9; font-size:14px; font-weight:normal}
#pcontentRight .img1 {padding:0px; margin-left:3px; float:right; border:4px solid #ECECEC}
#contentRight p {padding:0px 20px 10px 0px; margin:0px;}
#contentRight ul {margin:0 0 10px 0;}
#contentRight .pad,#contentRight .newspad {padding:10px 10px 20px 10px; width:700px; clear:left; min-height:160px; .height: auto !important; .height:160px; }

#pageContent {float:left; width:562px; _width:554px; padding:0px; margin:0px;}
#pageContent .Inner {padding:0px 0px 0px 8px; margin:0px}
#pageContent .Inner2 {padding:0px 8px 0px 0px; margin:0px;}
#pageContent .Inner2 .pad {padding:10px 0px 10px 10px; margin:0px; float:left;}
#pageContent .Inner2 .pad .cntimg{ padding:0px; margin:0px; float:right;}
#pageContent .Inner2 .pad h2 {display:inline; margin:0px; padding:0px 0px 0px 0px; font-size:200%; font-weight:normal; border:none;}


.innovationcentre p { padding-right:10px !important; }
.innovationcentre p.instructions { font-weight:bold; padding:10px 10px 15px 0px !important; }

#pageContent h1 {display: inline; margin:0px; padding:0px 10px; font-size:240%; font-weight:normal}
#pageTitle h2 {display:inline; margin:0px; padding:0px 0px 0px 10px; border-left:1px solid #D9D9D9; font-size:22px; font-weight:normal}
#pageContent h3 {margin:0px; font-size:170%; font-weight: normal;padding:0px 0px 5px 0px; }
#pageContent h4 {margin:0px; font-size:120%; font-weight:bold;color:#000080;padding:5px 0px 4px 0px;}
#pageContent h5 {display: block; margin:0px; padding:0px 10px; font-size:150%; font-weight:normal}
#pageContent h6 {display:block; margin:0px; padding:0px 0px 0px 10px; border-left:1px solid #D9D9D9; font-size:200%; font-weight:normal}
#pageContent .img1 {padding:0px; margin-left:3px; float:right; border:4px solid #ECECEC}
#pageContent p {padding:0px 20px 10px 0px; margin:0px;}


#pageContent ul {
	margin:0 0 5px 16px;
	padding:0;
	display:block; 
}
#pageContent ul li {
	padding:2px 0 3px 12px; 				
	background: url('images/rightNav_arraOn.gif') 0 1px no-repeat;
	list-style: none outside none;	
	text-indent:0;
	height:1%;
	display:block; 
}




#pageContent1 {float:left; width:562px; padding:0px; margin:0px}
#pageContent1 .Inner {padding:0px 0px 0px 8px; margin:0px}
#pageContent1 .Inner2 {padding:0px; margin:0px; width:554px}
#pageContent1 .Inner2 .pad {padding:10px 0px 10px 10px; margin:0px; float:left;}
#pageContent1 .Inner2 .pad .cntimg{ padding:0px; margin:0px; float:right;}

#pageContent1 h1 {display: inline; margin:0px; padding:0px 10px; font-size:240%; font-weight:normal}
#pageContent1 h2 {display:inline; margin:0px; padding:0px 0px 0px 10px; border-left:1px solid #D9D9D9; font-size:200%; font-weight:normal}
#pageContent1 h3 {margin:0px; font-size:170%; font-weight: normal;padding:0px 0px 5px 0px; }
#pageContent1 h4 {margin:0px; font-size:120%; font-weight:bold;color:#000080;padding:0px 0px 2px 0px;}
#pageContent1 h5 {display: block; margin:0px; padding:0px 10px; font-size:240%; font-weight:normal}
#pageContent1 h6 {display:block; margin:0px; padding:0px 0px 0px 10px; border-left:1px solid #D9D9D9; font-size:200%; font-weight:normal}
#pageContent1 .img1 {padding:0px; margin-left:3px; float:right; border:4px solid #ECECEC}
#pageContent1 p {padding:0px 20px 10px 0px; margin:0px;}
#pageContent1 ul {list-style-type:none; display:block; margin-top:6px; margin-left:0px;}
#pageContent1 ul li{ margin-top:6px; margin-left:0px;}

.pageImage {padding:0px; margin:0px; width:734px; height:235px; float:left; position:relative;}
#pageProductFinderImage{padding:0px; margin:0 0 0 16px; width:966px; height:235px; background:url(images/productfinder-banner.jpg);position:relative;}
.aboutus .pageImage {background:url(images/mainbanner-aboutus.jpg) no-repeat top left}
.group .pageImage {background:url(images/mainbanner-group.jpg) no-repeat top left}
.products .pageImage {background:url(images/mainbanner-products.jpg) no-repeat top left}
.sustainability .pageImage {background:url(images/mainbanner-sustainability.jpg) no-repeat top left}
.infocentre .pageImage {background:url(images/mainbanner-infocentre.jpg) no-repeat top left}
.people .pageImage {background:url(images/mainbanner-people.jpg) no-repeat top left}
.links .pageImage {background:url(images/mainbanner-links.jpg) no-repeat top left}
.innovationcentre .pageImage {background:url(images/mainbanner-innovation.jpg) no-repeat top left;}
.general .pageImage {background:url(images/mainbanner-general.jpg) no-repeat top left}

#contentRight #latestnews ul{margin:0;padding:0; list-style:none}
#contentRight #latestnews {width:694px; background:#ededed; padding:5px 20px;}
.products #contentRight #latestnews {width:661px; }
#contentRight #latestnews h2 {border-bottom:1px solid #CED1D3; border-left:none; display:block; font-weight:normal; font-size:180%; margin:0; padding:5px 0px 3px 0px;}
#latestnews h2 a {color:Black; text-decoration:none;}
#contentRight #latestnews h3 { font-weight:normal; font-size:160%; margin:5px 0 0 0; padding:6px 0px 0px 0px; color:#468FB8;}
#latestnews .newsLink a { color:#373737; background:url('images/news_icon.gif') no-repeat left; padding-left:20px; }
#latestnews .newsLink a:hover { text-decoration:none; }

#pageTitle {padding:5px 0px; margin:0px; width:734px; background:#ededed; float:left}
.aboutus #pageTitle, .aboutus a {color:#97AF07}
.group #pageTitle, .group a {color:#F57F20}
.products #pageTitle, .products a {color:#D0157D}
.sustainability #pageTitle, .sustainability a {color:#298437}
.infocentre #pageTitle, .infocentre a {color:#08B0BA}
.people #pageTitle, .people a {color:#6E4874}
.links #pageTitle, .links a {color:#70A682}
.innovationcentre #pageTitle, .innovationcentre a {color:#C81414;}
.general #pageTitle, .general a {color:#6E4874}
.home a {color:#197AAA}
/* biscuit trail */
#biscuitTab {float:left; width:554px; margin:0px; padding:0px 0px 0px 0px;}
#NavTrail ol {list-style:none; padding:8px 0px 0px 12px; margin:0px; font-size:12px; position:absolute; top:0; left:0;}
#NavTrail ol li {display:inline;color:#fff}
#NavTrail ol li a {color:#fff; text-decoration:none}
#NavTrail ol li a:hover {text-decoration:underline}  
#NavTrail ol li span{color:#fff; font-weight:bold; text-transform:uppercase; font-size:100%;}

/* right nav */
#pageLinks {float:right; width:190px; padding:0px; margin:0px}
#pageLinks .Inner {padding:7px; margin:0px}

#pageLinks .linksItem h2 {padding:0px; margin:0px; color:#484848; font-size:160%; font-weight:normal}
#pageLinks .linksItem h3 {padding:3px 0px; margin:0px; color:#848484; font-size:130%; font-weight:normal}
#pageLinks .linksItem p {padding:5px 0px 5px 0px; margin:0px; color:#373737; font-size:100%; font-weight:normal} 
#pageLinks .linksItem .newsLink a {color:#373737; background:url('images/news_icon.gif') no-repeat left; padding-left:20px; text-decoration:underline;}
#pageLinks .linksItem .newsLink a:hover {color:#373737; background:url('images/news_icon.gif') no-repeat left; padding-left:20px;text-decoration:none;}
 
#pageLinks .linksItem {background:url('images/newsitem_border.gif') repeat-x left bottom; padding:0px 0px 8px 0px; margin-bottom:0px}
#pageLinks .linksItem ul {list-style:none; padding:5px 0px 0px 0px; margin:0px}
#pageLinks .linksItem ul li {padding:0px 0px 3px 0px; margin:0px}
#pageLinks .linksItem ul li a {padding:0px; margin:0px; padding-left:12px; text-decoration:none}
#pageLinks .linksItem ul li a:hover {background:url('images/rightNav_arraOn.gif') no-repeat top left; color:#484848}

.aboutus .linksItem ul li a {color:#97AF07;display:block; background:url('images/rightNav_arra01.gif') no-repeat top left}
.group .linksItem ul li a {color:#F57F20;display:block; background:url('images/rightNav_arra02.gif') no-repeat top left}
.products .linksItem ul li a {color:#D0157D;display:block; background:url('images/rightNav_arra03.gif') no-repeat top left}
.sustainability .linksItem ul li a {color:#298437;display:block; background:url('images/rightNav_arra04.gif') no-repeat top left}
.infocentre .linksItem ul li a {color:#08B0BA;display:block; background:url('images/rightNav_arra05.gif') no-repeat top left}
.people .linksItem ul li a {color:#6E4874;display:block; background:url('images/rightNav_arra06.gif') no-repeat top left}
.links .linksItem ul li a {color:#70A682;display:block; background:url('images/rightNav_arra07.gif') no-repeat top left}
.innovationcentre .linksItem ul li a {color:#70A682;display:block; background:url('images/rightNav_arra09.gif') no-repeat top left}
.general .linksItem ul li a {color:#6E4874;display:block; background:url('images/rightNav_arra06.gif') no-repeat top left}

#pageLinks .worldwide {background:url('images/worldwide_image.gif') no-repeat left}
#pageLinks .worldlink a {color:#000}
#pageLinks .worldlink a:hover {text-decoration:none}

/* bottom panels */
#bottomShell {text-align:center; margin:0px; padding:0px 0px 0px 0px; width:100%;}
#bottomWrap {text-align:center; margin: 0 auto; height: auto; width:982px; padding:5px 0px 0px 0px}

#panelTop {text-align:center; margin: 0 auto; height:8px; font-size:1px; width:982px; background:url('images/paneltop_curves.gif') no-repeat top left}
#panel {text-align:left; margin: 0 auto; width:982px; background:url('images/panel_grad.gif') repeat-y top left; display:table}
#panelBtm {text-align:center; margin: 0 auto; height:8px; font-size:1px; width:982px; background:url('images/panelbtm_curves.gif') no-repeat top left}

.aboutus #panelTop,
.group #panelTop,
.products #panelTop,
.sustainability #panelTop,
.infocentre #panelTop,
.people #panelTop,
.links #panelTop,
.innovationcentre #panelTop,
.general #panelTop {background-image:url('images/paneltop_curves_dark.gif')}

#panelSearch {padding:4px 0px 10px 13px; margin-bottom:0px; float:left}
.prodSearch {padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; width:235px; float:left}
.prodImage {border:1px solid #A3A4A4; width:233px;padding:0px; margin:0px}
.panelDropdown {width:288px; margin-top:4px;}
.searchWrap {padding:0px; margin:0 0 20px 0; width:233px;}

/* home bottom panels */
div#bottomBanners {margin:15px 20px;}
div#bottomBanners ul{position: relative;padding:0px;margin:0px;}
div#bottomBanners ul li{list-style-type:none;display: inline;padding:0px;margin:0px;}

#footer {width:992px; height:40px; background:#dddddd; margin:7px auto 0 auto; border-top: solid 1px #c8c8c8; font-size:11px;}
#footerbtm {width:998px; height:4px; background:url(images/bg_footer.gif); font-size:0;}

/* footer Links */
#footerLinks {margin: 0 auto; width:982px; background:url('images/footerlinks_grad.gif') repeat-y top left; display:table}
#footerLinksWrap {float:left; width:982px; margin:0px; padding:10px 0px 10px 0px}
#footerLinks ul {text-align:center; margin:0px}
#footerLinks ul li {display: inline; margin:0px; padding:0px 10px 0px 0px}
#footerLinks ul li a {color:#484848; text-decoration:none; background:url('images/footer_arra.gif') no-repeat left; padding-left:9px}
#footerLinks ul li a:hover {color:#000; text-decoration:underline}

/* footer */
#footerWrap {text-align:center; margin:0px; padding:8px 0px; width:100%; font-size:11px;}
#footerWrap p {color:#939393; margin:0;}
#footerWrap a {color:#000;text-decoration:none}
#footerWrap a:hover {text-decoration:underline;}
#footer ul {text-align:center; margin:0px; padding-top:13px;}
#footer ul li {display: inline; margin:0px; padding:0px 10px 0px 0px}
#footer ul li a {color:#484848; text-decoration:none; background:url('images/footer_arra.gif') no-repeat left; padding-left:9px}
#footer ul li a:hover {color:#000; text-decoration:underline}

#contactus {margin:0 0 20px 0}
#contactus .break {height:25px}
#contactus .disabled {display:none}
#contactus input.short, #contactus textarea.short {width:100px}
#contactus input.medium, #contactus textarea.medium {width:250px}
#contactus input.long, #contactus textarea.long{width:440px}
#contactus select.short {width:104px; width:106px\9;}
#contactus select.medium {width:254px; width:256px\9;}
#contactus select.long {width:444px; width:446px\9;}
#contactus .summary {width:501px;background-color:#EFEFEF;padding:10px;margin-bottom:20px;color:#f00}
#contactus .summary h4 {color:#f00}
#contactus input, #contactus select, #contactus textarea {font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;font-size:12px}

.paging{margin-top:10px}
.paging a{vertical-align:middle;margin:0px 3px 0 3px;display:inline-block;padding:0 3px 0 3px;color:#6c6d6b;font-size:85%}
.paging a.selected{padding:6px;font-weight:bold;margin:0 3px 0 3px;color:#5d86ac}
.paging a.hide{display:none;}
.paging img{margin-top:3px}

/* Layout */
#siteSearch {float:right; background:url(images/bg_search.gif) right no-repeat; height:30px; margin:54px 0 0 0; width:300px; padding:0 4px 0 0px; font-size:11px;}
#siteSearch span.text { color:#706F63; margin:0px 6px 0px 4px; float:left; padding-top:8px; }
#siteSearch input.text-box { background-color:Transparent; font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; float:left; font-size:13px; padding:4px 5px 4px 5px; border:none; width:188px; height:22px; }
#siteSearch input.button {width:22px; height:22px; margin:4px 0 0 0; padding:0;  float:right;}
.home #siteSearch input.button { background:url(images/site-search-button-home.gif) no-repeat; }
.aboutus #siteSearch input.button { background:url(images/site-search-button-aboutus.gif) no-repeat; }
.group #siteSearch input.button { background:url(images/site-search-button-group.gif) no-repeat; }
.products #siteSearch input.button { background:url(images/site-search-button-products.gif) no-repeat; }
.sustainability #siteSearch input.button { background:url(images/site-search-button-sustain.gif) no-repeat; }
.infocentre #siteSearch input.button { background:url(images/site-search-button-infocentre.gif) no-repeat; }
.people #siteSearch input.button { background:url(images/site-search-button-people.gif) no-repeat; }
.links #siteSearch input.button { background:url(images/site-search-button-links.gif) no-repeat; }
.innovationcentre #siteSearch input.button { background:url(images/site-search-button-innovationcentre.gif) no-repeat; }
.general #siteSearch input.button { background:url(images/site-search-button-people.gif) no-repeat; }

a.twitter {width:27px; height:28px; display:block; float:right; background:url(images/twitter.jpg); cursor:pointer; margin:56px 0 0 8px;}
#homebanner {height:260px; width:966px; margin:0 auto; clear:left;background:url(images/bg_homebanner.gif) repeat-x;}
#homebanner h1 {float:left; width:320px; font-size:22px; font-weight:normal; color:#FFF; padding:48px 0 0 30px; margin:0;}
#homebanner #movie {float:right; height:260px; width:580px; background:url(images/placehholder.jpg);}
#homeContent {background:url(images/bg_homepage.gif) repeat-y; width:972px; float:left; position:relative; margin:7px 0 0 13px; - margin-left:6px;}

#homeLeftContent {float:left; width:636px; background:url(images/main_top.gif) top no-repeat; padding:0px 0px;}

#homeLeftContent .inner ul li { background:url("images/rightNav_arraOn.gif") no-repeat scroll 0 1px transparent; display:block; height:1%; list-style:none outside none; padding:2px 0 3px 12px; text-indent:0; }

#homeRight {float:right; width:305px; background:url(images/top_right.gif) top no-repeat; padding:8px 13px 0 13px;}
.bottomdivider {width:636px; background:url(images/main_bottom.gif) top no-repeat #FFF; height:10px; font-size:0;}
#adbanner {width:628px; background:url(images/adbanner-divider.gif) top no-repeat; padding:15px 4px 4px 4px; margin-bottom:-6px; }
#adbanner img{float:left;border:none;}

#homebtm {float:left; margin: 0 auto; height:6px; font-size:0px; width:972px; background:url(images/bottom_home.gif) bottom no-repeat;}

#content {background:url(images/bg_innerpage_two.gif) repeat-y; width:972px; float:left; position:relative; margin:7px 0 0 13px; - margin-left:6px;}
.products #content {background:url(images/bg_innerpage.gif) repeat-y; width:972px; float:left; position:relative; margin:7px 0 0 13px; - margin-left:6px;}
#contentbtm {float:left; margin: 0 auto; height:6px; font-size:0px; width:972px; background:url(images/inner_bottom_two.gif) bottom no-repeat;}



div.search-provider { float:right; margin-top:14px; }
div.search-provider div.text { font-family:Verdana; font-size:11px; color:#555; float:left; margin:12px 6px 0px 0px; }

div.search-results ul { list-style-type:none; padding:0px; margin:10px 0px 10px 0px; }
div.search-results ul li { padding:7px; border:1px solid #fefefe; }
div.search-results ul li a { background:url(images/rightNav_arraOn.gif) no-repeat; display:inline-block; padding-left:12px; margin-bottom:3px; }
div.search-results ul li:hover, div.search-results ul li.hover { background-color:#fcfcfc; border:1px solid #CED1D3; }
div.search-results ul li:hover a, div.search-results ul li.hover a { background-image:url(images/rightNav_arraRed.gif); }
div.search-results span.pdf { background:url(images/pdf.gif) no-repeat right center; padding-right:24px; }

div.search-paging { border-top:1px solid #CED1D3; text-align:center; padding-top:15px; }
div.search-paging a, div.search-paging span.disabled { display:inline-block; padding:2px 8px; background-color:#f9f9f9; border:1px solid #CED1D3; text-decoration:none; }
div.search-paging a:visited { color:#0000EE; }
div.search-paging a.selected { color:Red; }
div.search-paging span.arrow span { display:none; }
div.search-paging span.disabled span { display:inline-block; color:#ccc; }
div.search-paging span.disabled a { display:none; }

div.product-selector div.box { position:relative; width:550px; padding:10px 22px 20px 20px; _padding-right:18px; background-color:#f9f9f9; border:1px solid #CED1D3; margin-top:15px; }
div.product-selector div.box h2 { width:550px; padding-top:0px !important; margin:0 !important; }
div.product-selector div.box p { width:550px; }
div.product-selector h3 { color:Black !important; font-size:140% !important; font-weight:bold !important; padding-top:15px !important; }
div.product-selector ul { margin:7px 0px 5px 0px; #margin-left:40px; }
div.product-selector div.overview-text { border-bottom:1px solid #CED1D3; padding-bottom:10px; margin-bottom:2px; }
div.product-selector div.companies { border-top:1px solid #CED1D3; text-align:center; width:550px; margin-top:15px; }
div.product-selector div.companies p.title { font-weight:bold; padding-top:15px !important; }
div.product-selector div.companies span { display:inline-block; margin:10px 10px 0px 10px; width:165px; vertical-align:middle; }
div.product-selector div.companies img { border:1px solid #CED1D3; background-color:White; padding:4px; margin-top:5px; }
div.product-selector div#product-text { font-weight:bold; text-align:center; }
div.product-selector div#product-fader { position:absolute; visibility:hidden; background-color:#f9f9f9; }
div.product-selector .links-selector ul { margin:10px 0px 5px 14px; padding:0; font-weight:bold; }
div.product-selector .links-selector ul li { background:url(images/rightNav_arraOn.gif) no-repeat 0px 3px; padding:2px 0 3px 12px; list-style-type:none; }
div.product-selector .links-selector ul li.current { background-image:url(images/rightNav_arraRed.gif); }
div.product-selector .links-selector ul li.current a { color:#EE0000; }
div.product-selector select { font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; font-size:110%; background-color:#f8f8f8; width:289px; }
div.product-selector div.info { margin:15px 0px 8px 0px; font-weight:bold; text-align:center; font-size:110%; }
div.product-selector div.info span { background:#f9f9f9 url(images/info.gif) no-repeat 10px 11px; display:inline-block; padding:11px 10px 11px 33px; border:1px solid #CED1D3; }

a.thumbnail { display:inline-block; background:#fcfcfc url(images/thumbnail-bg.gif) repeat-x; padding:15px; border:1px solid #e7e7e7; }
a.thumbnail img { border:1px solid #ccc; }

.companysearch {background:#fff;  margin-bottom:5px; width:296px; height:101px; padding:7px 0 0 7px; border:solid 1px #c8c8c8;}
#homeRight .panelDropdown {margin-top:4px; float:left; font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; background-color:#f8f8f8; width:289px; -margin-top:0px;}
a.homecta {display:block; text-align:center; margin:0 0 10px 0; text-decoration:none; color:#FFF; width:305px; height:32px; font-size: 15px; padding-top:75px;}
a.productselector {background:url(images/product_search.jpg); }
a.innovationcentre {background:url(images/innovation_centre.jpg);}
a.corporate {background:url(images/corporate.jpg); padding:65px 10px 0 10px; height:42px; width:285px; line-height:120%;}

/* internal nav elements */

.products #contentRight .pad { width:681px; }
.products #contentRight .pad ul, .infocentre #contentRight .pad ul, .links #contentRight .pad ul { margin:0 0 0 20px; float:left; padding:10px 0 25px 0; width:660px;}
.products #contentRight .pad ul li, .infocentre #contentRight .pad ul li, .links #contentRight .pad ul li {background:url(images/list_dots.gif) bottom repeat-x; float:left; display:block; list-style:none; height:25px; width:288px; padding:5px 0 0 5px; margin-right:30px;}
.products #contentRight .pad .large li{background:url(images/list_dots.gif) bottom repeat-x; float:left; display:block; list-style:none; height:60px; width:288px; padding:5px 0 0 5px; margin-right:30px;}
.products #contentRight .pad .bullets ul{float:none;font-size:100%}
.products #contentRight .pad .bullets ul li{list-style-type:disc;background:none;height:auto;float:none;width:auto;margin-right:0; display:list-item}

.products #contentRight .pad ul li a {background:url(images/house_products.gif) left no-repeat; text-decoration:none; color:#000; padding:5px 0 5px 25px;}
.products #contentRight .pad ul li a:hover, .infocentre #contentRight .pad ul li a:hover, .links #contentRight .pad ul li a:hover {color:#6c6c6c;}

.infocentre #contentRight .pad ul li a {background:url(images/smallhouse_info.gif) left no-repeat; text-decoration:none; color:#000; padding:5px 0 5px 25px;}
.links #contentRight .pad ul li a {background:url(images/smallhouse_links.gif) left no-repeat; text-decoration:none; color:#000; padding:5px 0 5px 25px;}

.products #contentRight .pad ul.housenavigation, .infocentre #contentRight .pad ul.housenavigation {color:#000; margin:auto; width:681px;margin:0;float:none;padding:0}
.products #contentRight .pad ul.housenavigation li, .infocentre #contentRight .pad ul.housenavigation li {float:left; display:block; list-style:none; width:117px; height:180px; padding:0; margin:0 10px; text-align:center;background:none}
.products #contentRight .pad ul.housenavigation li img, .infocentre #contentRight .pad ul.housenavigation li img  {margin-bottom:3px;}
.products #contentRight .pad ul.housenavigation li a, .infocentre #contentRight .pad ul.housenavigation li a{background:none;padding:0}

ul.housenavigation {color:#000; margin:auto; width:681px;margin:0;float:none;padding:0}
ul.housenavigation li {float:left; display:block; list-style:none; width:117px; height:180px; padding:0; margin:0 10px; text-align:center;background:none}
ul.housenavigation li img {margin-bottom:3px;}
ul.housenavigation li a{background:none;padding:0;color:#000;text-decoration:none}

/* Products and solutions nav */
#contentLeft.productssolutions {width:220px; padding:10px 13px;}
#contentLeft.productssolutions h4 {margin:0px 0 8px 0; font-size:140%; font-weight:bold;color:#000;padding:5px 0px 5px 0px; background:url(images/h4bg.gif) bottom repeat-x;}
#contentLeft.productssolutions a.productscta {display:block; text-align:left; margin:0 0 10px 0; text-decoration:none; color:#FFF; width:210px; height:20px; font-size: 110%; padding:60px 0 0 10px;}
#contentLeft.productssolutions a.productscta .arrow { padding:0 10px 0 0; background:url(images/leftnav_arrow.gif) right no-repeat;}
a.productfinder {background:url(images/product_finder.jpg);}
a.innovation {background:url(images/innovation.jpg);}
a.projects {background:url(images/projects.jpg);}
a.rd {background:url(images/randd.jpg);}
a.training {background:url(images/training.jpg);}

/* Products and solutions nav */
#pageTitleproducts {padding:5px 0px; margin:0px; width:701px; background:#ededed; float:left}
.products #pageTitleproducts {color:#D0157D}
.products #pageImageproducts {background:url(images/mainbanner-products.jpg) no-repeat top left; position:relative;}
#pageImageproducts {padding:0px; margin:0px; width:701px; height:235px; float:left}
.products #contentbtm {float:left; margin: 0 auto; height:6px; font-size:0px; width:972px; background:url(images/inner_bottom.gif) bottom no-repeat;}
#contentLeftproducts {float:left; width:246px; background:url(images/top_left.gif) top no-repeat;}
#contentLeftproducts.productssolutions {width:220px; padding:10px 13px;}
#contentLeftproducts.productssolutions h4 {margin:0px 0 8px 0; font-size:15px; font-weight:bold;color:#000;padding:5px 0px 5px 0px; background:url(images/h4bg.gif) bottom repeat-x;}
#contentLeftproducts.productssolutions a.productscta {display:block; text-align:left; margin:0 0 10px 0; text-decoration:none; color:#FFF; width:210px; height:20px; font-size: 12px; padding:60px 0 0 10px;}
#contentLeftproducts.productssolutions a.productscta .arrow { padding:0 10px 0 0; background:url(images/leftnav_arrow.gif) right no-repeat;}

#homeLeftContent .inner {padding:6px 24px 0px 20px; margin:0px}
.dropspacer {margin-bottom:10px;}

.crossword-container{margin:auto;width:860px;padding-bottom:20px}
#crossword span {top:2px;left:10px;}
#crossword td{width:21px;height:21px;text-align:center;}
.tbl-crossword {background:url(images/crossword_bg.jpg) no-repeat left bottom; width:524px;height:495px;padding:44px 8px 14px 8px;}
#crossword .active{background-color:#fff;border-right:solid 1px #000;border-top:solid 1px #000;border-bottom:solid 1px #000}
#crossword .down{border-top:0;border-left:solid 1px #000;border-left:solid 1px #000;}
#crossword .start, #crossword .start-d{background-color:#fff;border-left:solid 1px #000;border-top:solid 1px #000;}
#crossword .join{border-right:0}
#crossword{margin-left:10px}
#crossword .highlight, #crossword .highlight input{background-color:#e42576;}
#crossword .focus, #crossword .focus input{background-color:#FFEF86 !Important; }
#crossword input{border:none;width:17px;height:17px;font-size:18px; text-transform:capitalize; background-color:Transparent;}

.crossword-box{float:left;width:540px;}
.crossword-box img{display:block;padding:38px 0 10px 0}

.crossword-question{}
.crossword-question h2{margin:0}
.crossword-question ul{margin:0;padding:0;list-style:none;}
.crossword-question li{margin-bottom:8px}
.crossword-question a{text-decoration:none;color:#000}
.crossword-question a:hover{color:#e42576}

.right-panel{float:left;width:290px;margin:10px 0 0 20px;color:#fff;}
.right-panel img{margin:auto;display:block}
.right-panel .inner{background-color:#e42576;}
.details{padding:10px;font-size:14px;margin-top:6px}
.details .title{font-size:58px;margin:0;padding:0;}
.details .intro{font-size:16px;margin:0}
.right-panel .form{background-color:#fff;color:#000;margin:0 10px 8px 10px;padding:12px}
.right-panel .form .title{color:#e42576;font-size:22px;text-align:center;margin:0}
.right-panel .form label{display:block;color:#000;height:20px}
.right-panel .form .txtbox{border:solid 1px #e42576;padding:4px;width:225px;margin-bottom:2px;}
.right-panel .form span{margin-left:3px}
.right-panel .terms {padding-bottom:3px}
.right-panel .terms .title{font-size:18px;text-align:center;margin:0}

.start.focus, .start-d.focus{background-color:#FFEF86 !Important; background-image:none !Important}
.a-across-1.start, .a-down-1.start-d{ }
.a-down-2.start, .a-across-2.start{background:url(images/2.gif) no-repeat 2px 2px; background-color:Transparent}
.a-down-3.start-d, .a-across-3.start{background:url(images/3.gif) no-repeat 2px 2px; background-color:Transparent}
.a-down-4.start, .a-across-4.start{background:url(images/4.gif) no-repeat 2px 2px; background-color:Transparent}
.a-down-5.start{background:url(images/5.gif) no-repeat 2px 2px; background-color:Transparent}
.a-down-6.start{background:url(images/6.gif) no-repeat 2px 2px; background-color:Transparent}
.start.highlight, .start-d.highlight{background-color:#e42576 !Important; background-image:none !Important}

.confirmation p{font-size:26px;color:#e42576}

/* Social Styles */
#homeContentMain {padding:10px; margin:0 15px 8px 15px;}
.logobanner { background: url(images/adbanner-divider.gif) no-repeat scroll center top transparent; margin-bottom: -6px; padding: 20px 4px 10px 4px; width: 628px; text-align:center;}
#homeLeftContent .logobanner p {padding:0;}
.logobanner img { margin:0 40px;}
a.communitycta {background:url(images/community-cta.gif);}
#blog {background:url(images/bg-blog.gif) top left repeat-y; width:972px; float:left; position:relative; margin:10px 0 0 13px; - margin-left:6px;}
#blogcontent {float:left; width:666px; background:url(images/blog-top.gif) top no-repeat; }
#blogcontent h1 {font-size:180%; font-weight:normal; margin:0 0 15px 0; height:35px; padding:7px 0 0 22px;}
#blogcontent h2, #blogcontent h3 {font-size:20px; font-weight:normal; margin:0; color:#30a1a8;}
#blogcontent h2 {border-bottom:1px solid #CED1D3; padding:14px 0px 3px 0px; margin:0 22px;}
#blogright {float:right; width:296px;}
.blogbottom {background:url(images/blog-bottom.gif) bottom no-repeat; height:20px; width:666px; font-size:0px; float:left; position:absolute; bottom:0; left:0;}
/* Blog styles */
.postsummary {padding:30px 23px 0 23px; width:620px; float:left;}
.postsummary h3 a {text-decoration:none; color:#30a1a8;}
.postsummary h3 a:hover {text-decoration:underline;}
.postsummary img {padding:2px; background:#FFF; border:solid 1px #cecdcd; float:left; margin-right:15px;}
.postsummary p {font-size:11px;}
.postsummary .posted, .blogpost .posted {font-size:13px; margin-bottom:18px; color:#b4b4b4; font-weight:bold;}
.blog-features {height:45px; clear:both; background:url(images/blog-bg.gif) repeat-x; margin-top:14px; padding:0; width:620px; float:left;position: relative;}
.blog-features ul {float:left; height:35px; padding:5px 0; margin:0;}
.blog-features ul li {display:block; float:left; border-right:solid 1px #d5d5d5; padding:3px 10px 0 10px; height:32px; }
.blog-features ul li.last {border:none; padding-left:10px;}
.blog-features ul li a {padding:0 12px 0 0px; display:block; margin-top:5px; color:#272727; background:url(images/blog-arrow.gif) right no-repeat;text-decoration:none}
.blog-features ul li a:hover {color:#5c5c5d;}
a.share {background:url(images/icon-share.gif) left no-repeat;}
a.email {background:url(images/icon-email.gif) left no-repeat;}
.blog-features ul li.rss {background:url(images/rss-icon.gif) left no-repeat; padding-left:40px;}
.blog-features ul li.rss a:hover, .blog-features ul li.share a:hover {text-decoration:none;}
.blog-features ul li.share {background:url(images/share-icon.gif) left no-repeat; padding-left:40px; margin-left:10px;}
.blog-features ul li a.comment { color:#30a1a8; font-weight:bold;}
.blog-features ul li a:hover.comment {color:#30a1a8; text-decoration:none;}
.like {border:none; overflow:hidden; width:170px; height:25px;}


#blogcontent .paging {padding:45px 20px 10px 20px; float:right;}

.video {border:solid 4px #d86767; padding:13px 13px 0 13px; width:586px; margin:30px 0 0 23px; position:relative; -margin-left:12px;}
.videoicon {width:91px; height:71px; background:url(images/video.png); position:absolute; top:52px; left:90px; display:block; -background:url(images/video.gif); }
.video .blog-features {width:586px;}
.twitterpanel {background:url(images/twitter-repeat.gif) repeat-y; float:right; width:294px;}
.twitterinner {background:url(images/twitter-top.gif) top no-repeat; padding:25px 25px 5px 25px; float:left; width:244px;}
.twitterbottom {width:294px; height:9px; display:block; background:url(images/twitter-bottom.gif); display:block; float:left; font-size:0;}
.twitterinner h2, .videopanelinner h2, .facebookinner h2 {border-bottom:1px solid #CED1D3; font-size:16px; background:url(images/blog-arrow.gif) right no-repeat; padding:0 10px 5px 0; margin:0 0 5px 0; float:left;}
.twitterinner h2 a, .videopanel h3 a, .facebookinner h2 a {color:#000; text-decoration:none;}
.twitterinner h2 a:hover, .videopanel h3 a:hover, .facebookinner h2 a:hover { color:#6c6c6c}
.twitterinner ul {padding:0px 0; margin:0 0 4px 0; color:#a3a3a3; float:left;}
.twitterinner ul li {background:url(images/nav_divider.gif) bottom repeat-x; padding:10px 0; list-style:none;}
.twitterinner ul li.first {padding-right:60px;}
.twitterinner ul li.last { background:none;}
.twitterinner ul li a {font-weight:bold; color:#4cbedf; text-decoration:none;}
.twitterinner ul li a:hover { text-decoration:underline;}
span.post {color:#333; font-weight:bold; display:block;}

.videopanel {background:url(images/youtube-repeat.gif) repeat-y; float:right; width:294px; margin-top:5px;}
.videopanelinner {background:url(images/youtube-top.gif) top no-repeat; padding:20px 25px 0px 25px; float:left; width:244px; position:relative;}
.videopanelinner h2 {float:none; background:none;}
.videopanelinner img {border:solid 1px #cecdcd; float:left; margin:5px 0; padding-bottom:10px;}
.videopanelinner .videoicon {position:absolute; top:100px; left:100px;}
.videopanelinner ul{margin:0;padding:0;list-style:none}
.videopanel h3 {background:url(images/youtibe-bottom.gif) bottom no-repeat; width:269px; float:left; margin:0; padding:20px 0 0 25px; height:60px; font-size:16px;}
.videopanel h3 a {background:url(images/blog-arrow.gif) right no-repeat; padding:0 10px 0 0;}
.facebookpanel {background:url(images/facbook-repeat.gif) repeat-y; float:right; width:294px; margin-top:5px;}
.facebookinner {background:url(images/facebook-top.gif) top no-repeat; padding:25px 25px 10px 25px; float:left; width:244px;}
.facebookbottom {width:294px; height:9px; display:block; background:url(images/facebook-bottom.gif); display:block; float:left; font-size:0;}
.facebookinner h2 {margin-bottom:28px;}
#likebox-frame{
 border:2px solid #FFFFFF;
 width:238px;
 z-index:10;
 overflow: hidden;
 height:393px;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}
.companypanel {background:url(images/grey-repeat.gif) repeat-y; float:right; width:294px; margin-top:5px;}
.companypanelinner {background:url(images/grey-top.gif) top no-repeat; padding:10px 18px 10px 18px; float:left; width:258px;}
.companypanelinner h4 {margin:0px 0 8px 0; font-size:14px; font-weight:bold;color:#000;padding:5px 0px 5px 0px; background:url(images/h4bg.gif) bottom repeat-x;}
a.productselect-blog {display:block; text-align:center; margin:0 0 10px 0; text-decoration:none; color:#FFF; width:257px; height:32px; font-size: 15px; padding-top:75px; background:url(images/product-selector-small.jpg);}
.companysearch-blog {background:#fff;  margin-bottom:5px; width:250px; height:93px; padding:7px 0 0 7px; border:solid 1px #c8c8c8;}
.companypanelinner .panelDropdown {width:243px;}
.companypanelbottom {width:294px; height:4px; display:block; background:url(images/grey-bottom.gif); display:block; float:left; font-size:0;}
.blogpost {padding:10px 23px;}

#comments {padding:10px 0; float:left; width:620px;}
.post-name {font-size:14px; color:#000; font-weight:bold; display:block;}
#comments label {display:block; float:left; width:100px; color:#000; font-weight:bold; height:24px; clear:left; padding-top:3px; margin-bottom:7px;}
#comments .textbox {width:140px; height:14px; padding:3px; margin-bottom:7px; float:left;  border: 1px solid #D1CFCF;}
.comments {width:578px; padding:15px 0 0 0px; margin:10px 0 0 0; background-color:#ededed; float:left; padding:20px; border:solid 1px #c8c8c8; }
#comments h2 {padding-bottom:3px; background:url(images/nav-divider.gif) bottom repeat-x;}
#comments h3 {margin-top:10px ; border-bottom:1px solid #CED1D3; padding:0 0 3px 0;}
#comments .commentbox {width:400px; height:130px; padding:2px; border:solid 1px #d1cfcf; float:left; margin-bottom:15px;}
#comments .submitbutton { margin-left:100px; float:left; border:none; background:url(images/blog-arrow.gif) right no-repeat; color:#30A1A8; cursor:pointer; font-weight:bold; width:65px;}
.blogcomment {background:url(images/nav_divider.gif) bottom repeat-x; padding:10px 0 5px 0;} 
a.blog-back {display:block; text-align:right; font-weight:bold; text-decoration:none; color:#30A1A8; font-size:120%; padding:20px 13px 20px 0; float:right; background:url(images/blog-arrow.gif) right no-repeat; clear:both;}
a:hover.blog-back  {text-decoration:underline;}
#comments h3.headershadow {border:none; padding:0; margin:0;  background:url(images/header-shadow.gif) bottom no-repeat #e6e6e6; padding:7px 10px 5px 10px; height:35px; }

/* Pop out styles */
.popout{width:291px; background:#e9e9e9; border:solid 5px #bfbfbf; padding:6px 12px 12px 12px; position:absolute;display:none;top:30px}
.popout h4 {padding-bottom:6px; font-size:16px;margin:0}
.blog-features .popout ul {width:260px; padding:10px 10px 10px 20px;list-style:none;margin:0;float:none}
.blog-features ul li .popout li { width:130px; float:left; margin-bottom:10px;border:none;padding:0;height:auto}
.blog-features ul li .popout li a {color:#272727; height:23px; padding:5px 0 0 35px; display:block;margin:0 }
.blog-features ul li .popout li a:hover {color:#5c5c5d;}
.popout li a.delicious {background:url(images/bookmark-delicious.gif) left no-repeat;}
.popout li a.facebook {background:url(images/bookmark-facebook.gif) left no-repeat;}
.popout li a.digg {background:url(images/bookmarkdigg.gif) left no-repeat;}
.popout li a.reddit {background:url(images/bookmark-reddit.gif) left no-repeat;}
.popout li a.stumbleupon {background:url(images/bookmark-su.gif) left no-repeat;}
.popout li a.twitter {background:url(images/bookmark-twitter.gif) left no-repeat;float:none}
.popout a.close{color:#30A1A8; font-size:11px; font-weight:bold;background:url(images/close.gif) right top no-repeat;width:56px;height:30px;padding-top:3px;float:right; cursor:pointer}
.popout p{font-size:12px; margin:10px 0;}

/* Sustainability section */

.sustainability #contentRight h2.drop-environment { border-bottom:solid 1px #CED1D3; cursor:pointer; display:block; padding:7px 0 10px 60px; margin-top:15px; background:url(images/sustainability-icon-environment.jpg) left no-repeat; }
.sustainability #contentRight h2.drop-economic { border-bottom:solid 1px #CED1D3; cursor:pointer; display:block; padding:7px 0 10px 60px; margin-top:15px; background:url(images/sustainability-icon-economic.jpg) left no-repeat; }
.sustainability #contentRight h2.drop-social { border-bottom:solid 1px #CED1D3; cursor:pointer; display:block; padding:7px 0 10px 60px; margin-top:15px; background:url(images/sustainability-icon-social.jpg) left no-repeat; }
.sustainability #contentRight .drop-content { padding-top:10px; display:none; }
.sustainability #contentRight table h5 { margin-top:15px; padding:0; }