/* BIC-III CSS Document [mlr] www.taupo.co.uk */
/* Defaults */

BODY {PADDING-RIGHT: 16px;PADDING-LEFT: 16px;FONT-SIZE: 75%;PADDING-BOTTOM: 0px;MARGIN: 0px;COLOR: #585858;PADDING-TOP: 0px;}
BODY, TEXTAREA, INPUT {FONT-FAMILY: arial, helvetica, sans-serif;}
TD {font-size: 0.9em}
.nodisp, #printLogo, #printLogoImg, #printLogo2, #printLogoImg2 {display: none;overflow: hidden}
cINPUT {OVERFLOW: hidden;MARGIN: 0px;width: 10em;height: 1.7em;font-size: 0.9em;padding-right: 1em;border: 1px solid #585858}
.button {font-size: 0.9em;PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;MARGIN-LEFT: 0.5em;height: 1.7em;WIDTH: 3.4em;CURSOR: pointer;PADDING-TOP: 0px;BACKGROUND-COLOR: transparent;border: 1px solid #585858}
.clear {clear: both}
.break {border-top: 1px solid #ccc;}
H1,H2,H3,H4,H5 {font-weight: normal; margin-top: 0; padding-top: 0; line-height: 1}
H1 {
	letter-spacing: 1px;
	font-size: 3em;
	text-transform: uppercase;
}
H2 {font-size: 1.5em;}
H3{font-size:1.2em;margin:1em 0px 0px;font-style:italic; font-weight: bold;}

H4	{font-size: 1.2em}

H1.break{border-top:#585858 1px solid;padding-top:1em}
H2.break{border-top:#B9B9B9 1px solid;margin:1em 0px 0px;padding-top:1em}

.larger {font-size: 1.2em}
XXXFORM { position: absolute; top: 0; right: 16px;}
FORM {margin-bottom: 0; padding-bottom: 0; background: url(pagebg.gif) repeat-y 0px -200px}
/* -------------- Basic Links --------------*/
A {COLOR: #2169BC;TEXT-DECORATION: none}
A:visited {COLOR: #2169BC;TEXT-DECORATION: none}
A:hover {COLOR: #9E0B0E;TEXT-DECORATION: underline}
A:active {COLOR: red}

/* -------------- Header Block -------------- */
#header {BACKGROUND: #5B6161 url(BICiiiHeaderBg.gif) no-repeat right bottom; HEIGHT: 70px; margin-right: 0;}
#header P {FONT-SIZE: 0.9em;MARGIN: 0px;COLOR: #339;PADDING-TOP: 48px}
#header SPAN{OVERFLOW: hidden;WIDTH: 0px;POSITION: absolute;HEIGHT: 0px}
P#skip {OVERFLOW: hidden;WIDTH: 0px;POSITION: absolute;HEIGHT: 0px}
#header #lr {DISPLAY: block;BACKGROUND: url(BICiiiTopLogo3.gif) no-repeat left bottom;LEFT: 16px;WIDTH: 235px;POSITION: absolute;TOP: 0px;HEIGHT: 70px}

#header #frm {OVERFLOW: hidden;FONT-SIZE: 0.9em;DISPLAY: block;Left: 207px;MARGIN: 0em 0px 0px;WIDTH: 600px;POSITION: absolute;TOP: 0px}
#taglineOuter {margin: 0; padding: 0; background: #fff; padding: 16px 0px 16px 0}
#taglineInner {height: 32px; background: #77AFE2 url(BICiiiTagline.gif) no-repeat top left; }
#Breadcrumb {font-size: 0.9em; text-align: right; padding-right: 16px}

#headerMenu {font-size: 0.9em; position: absolute; top: 4px; right: 38px; width: 400px; text-align: right; color: white}
#headerMenu A, #headerMenu A:visited {color: white; text-decoration: none}
#headerMenu A:hover {color: #77AFE2}

#frm {height: 32px; position: absolute; right: 16px; width: 192px; padding-top: 6px; text-align: right; background: url(BICiiiTaglineSearch.gif) no-repeat top left }
#frm #search {width: 92px;  font-size: 0.8em; }
#frm #gobutton {margin: 0 4px 0 2px; width: 26px; font-size: 0.8em; padding-left: 1px; padding-right: 1px}
/* -------------- Structural markup -------------- */

#container {margin: 0 0px 0 0; padding: 0;}
#sidebar-R {float: right; width: 192px}
#content {background: url(BICiiiLHSBackground.gif) repeat-y; margin-right: 192px}
#sidebar-L {width: 192px; float: left; }
#innerContent, #UsesIEFix {margin-left: 192px; line-height: 1.6; padding: 10px 16px 0px 16px;}



#XXXinnerContent {max-width: 720px}

#base {background: #fff; margin: 0 0px 0 0; padding: 0; height: 55px;padding: 0; clear: both}
#baseL {background: #fff url(BICiiiLHSBase.gif) no-repeat bottom left; float: left; width: 192px; height: 55px;padding: 0}
#baseR {float: right; width: 192px; height: 55px;padding: 0}
#baseM {margin-right: 192px; background: #fff; height: 55px;padding: 0}
.columnInner {	margin:0; padding: 0 1em 0.5em 1em;}
#footer {margin-left: 192px}
#footer .columnInner {padding: 16px 16px 0 16px;}


/* --------------Right hand side bar containing top menu and puclications --------------*/

#CSSMenu, #PubsMenu, #NewsSide {padding: 32px 16px 16px 16px;}

	#sidebar-R UL {text-decoration:none; margin: 0; padding: 0; list-style-type: none; font-size: 1em} 
	#sidebar-R LI {text-decoration:none; padding: 0; margin: 0 0 0.3em 0; font-size: 1.2em} 
	
	#sidebar-R a {text-decoration:none;  color: #fff} 
	#sidebar-R a:link, #sidebar-R a:visited { text-decoration:none; color: #fff; text-decoration: none;} 

	#sidebar-R a:hover { text-decoration:none; color: #bb2929;} 
	#current a:link, #current a:visited, #current a:hover { color: #bb2929} 
	
	#PubsMenu LI, #NewsSide LI {border-bottom: 1px solid #ccc; margin: 0px 0 5px 0; padding-bottom: 5px}

/* --------------Left hand side bar containing menu links --------------*/

#beckersGroup {display: block; background: #77AFE2 url(BICiiiLHSTop.gif) no-repeat top left; width: 192px; height: 40px}

	#sidebar-L .columnInner {padding: 5px 0 40px 0}
	
	#sidebar-L UL {margin: 0; padding: 0}
	#sidebar-L LI {padding: 2px 0; list-style-type: none; margin: 0}
	#sidebar-L LI A {background: url(BICiiiLHSMenuEntry.gif) no-repeat; width: 192px; height: 28px; display: block; line-height: 28px; font-size: 0.9em; text-transform: uppercase; text-indent: 16px; color: white; letter-spacing: 1px;}
	#sidebar-L LI A:hover {background-position: -192px 0px; color: #fff; text-decoration: none;}
	
	#sidebar-L LI.coil A{background-position: 0px -28px;}
	#sidebar-L LI.coil A:hover {background-position: -192px -28px;}
	#sidebar-L LI.coil A#current {background-position: -384px -28px;}
	
	#sidebar-L LI.metal A{background-position: 0px -56px;}
	#sidebar-L LI.metal A:hover {background-position: -192px -56px;}
	#sidebar-L LI.metal A#current {background-position: -384px -56px;}
	
	#sidebar-L LI.plastic A{background-position: 0px -84px;}
	#sidebar-L LI.plastic A:hover {background-position: -192px -84px;}
	#sidebar-L LI.plastic A#current {background-position: -384px -84px}
	
	#sidebar-L LI.special A{background-position: 0px -84px;}
	#sidebar-L LI.special A:hover {background-position: -192px -84px;}
	#sidebar-L LI.special A#current {background-position: -384px -84px}
	
	#sidebar-L .secondgroup {background:transparent url(BICiiiThisDivision.gif) no-repeat left top; margin-top:8px; padding:34px 0 8px 0;}
	
	#sidebar-L #leftImage {width: 192px; text-align: center; height: 120px; padding: 20px 0 42px 0;}
	#sidebar-L #leftImage IMG {border: 1px solid #fff; }

/* --------------inner content generic settings ---------------------*/
	#container #innerContent UL LI{
	list-style-type:none; 
	background-repeat: no-repeat;
	background-position: 0 .5em; 
	padding-left:12px;
	padding-bottom: 0.5em; 
	line-height:1.5em;
	}
	
	#container #innerContent IMG {
	margin-right: 16px}
	

/* -------------- division specific recolouring and changes ----------*/
/* -------------- dual class *should* override if class = "generic coilcoatings" ----------*/


#container #sideBar-R A {padding: 1px 3px 1px 3px; margin: 0; display: block}
/* -------------- Generic  --------------*/
	
	#container.generic H1 {color: #929497}
	#container.generic #CSSMenu {background: #929497 url(BICiiiGenericRHSMenu.gif) no-repeat top left}
	#container.generic #NewsSide {background: #929497 url(BICiiiGenericRHSNews.gif) no-repeat top left}
	#container.generic #sideBar-R A {color: #fff}
	#container.generic #sideBar-R A:hover {color: #9E0B0E}
	#container.generic #PubsMenu {background: #929497 url(BICiiiGenericRHSPubs.gif) no-repeat top left}
	#container.generic #NewsSide {background: #929497 url(BICiiiGenericRHSNews.gif) no-repeat top left}
	#container.generic #rhsBase {height: 40px;background: #929497 url(BICiiiDivisionRHSBase.gif) no-repeat bottom left}
	#container.generic .break, #container.generic #PubsMenu LI, #container.generic #NewsSide LI {border-color:#545659; }
	#container.generic #innerContent UL LI {background-image:url(BICiiiGenericBullet.gif);}


/* -------------- Plastic Coatings Division - 'plastic' --------------*/
	
	#container.plasticcoatings H1 {color: #CEC982}
	#container.plasticcoatings #CSSMenu {background: #CEC982 url(BICiiiPlasticRHSMenu.gif) no-repeat top left}
	#container.plasticcoatings #sideBar-R A {color: #5B6161}
	#container.plasticcoatings #sideBar-R A:hover, #container.plasticcoatings #sideBar-R #current A  {color: #fff; background: #A69E42}
	#container.plasticcoatings #PubsMenu {background: #CEC982 url(BICiiiPlasticRHSPubs.gif) no-repeat top left}
	#container.plasticcoatings #rhsBase {height: 40px;background: #FDD171 url(BICiiiSpecialRHSBase.gif) no-repeat bottom left}
	#container.plasticcoatings .break, #container.plasticcoatings #PubsMenu LI {border-color:#A69E42; }
	#container.plasticcoatings #innerContent UL LI {background-image:url(BICiiiPlasticBullet.gif);}
	
	/* -------------- special Coatings Division - 'plastic' --------------*/
	
	#container.specialcoatings H1 {color: #CEC982}
	#container.specialcoatings #CSSMenu {background: #CEC982 url(BICiiiPlasticRHSMenu.gif) no-repeat top left}
	#container.specialcoatings #sideBar-R A {color: #5B6161}
	#container.specialcoatings #sideBar-R A:hover, #container.specialcoatings #sideBar-R #current A  {color: #fff; background: #A69E42}
	#container.specialcoatings #PubsMenu {background: #CEC982 url(BICiiiPlasticRHSPubs.gif) no-repeat top left}
	#container.specialcoatings #rhsBase {height: 40px;background: #FDD171 url(BICiiiSpecialRHSBase.gif) no-repeat bottom left}
	#container.specialcoatings .break, #container.specialcoatings #PubsMenu LI {border-color:#A69E42; }
	#container.specialcoatings #innerContent UL LI {background-image:url(BICiiiPlasticBullet.gif);}
/* -------------- Metal Coatings Division - 'metal' -----------------*/
	
	
	#container.metalcoatings H1 {color: #CEC982}
	#container.metalcoatings #CSSMenu {background: #CEC982 url(BICiiiPlasticRHSMenu.gif) no-repeat top left}
	#container.specialcoatings #sideBar-R A {color: #5B6161}
	#container.metalcoatings #sideBar-R A:hover, #container.metalcoatings #sideBar-R #current A  {color: #fff; background: #A69E42}
	#container.metalcoatings #PubsMenu {background: #CEC982 url(BICiiiPlasticRHSPubs.gif) no-repeat top left}
	#container.metalcoatings #rhsBase {height: 40px;background: #FDD171 url(BICiiiSpecialRHSBase.gif) no-repeat bottom left}
	#container.metalcoatings .break, #container.specialcoatings #PubsMenu LI {border-color:#A69E42; }
	#container.metalcoatings #innerContent UL LI {background-image:url(BICiiiPlasticBullet.gif);}
	
	
	#xcontainer.metalcoatings H1 {color: #FDB619}
	#xcontainer.metalcoatings #CSSMenu {background: #FDB619 url(BICiiiMetalRHSMenu.gif) no-repeat top left}
	#xcontainer.metalcoatings #sideBar-R A {color: #fff}
	#xcontainer.metalcoatings #sideBar-R A:hover, #xcontainer.metalcoatings #sideBar-R #current A  {color: #fff; background: #FB8202}
	#xcontainer.metalcoatings #PubsMenu {background: #FDB619 url(BICiiiMetalRHSPubs.gif) no-repeat top left}
	#xcontainer.metalcoatings #rhsBase {height: 40px;background: #FDD171 url(BICiiiMetalRHSBase.gif) no-repeat bottom left}
	#xcontainer.metalcoatings .break, #xcontainer.metalcoatings #PubsMenu LI {border-color:#FB8202; }
	#xcontainer.metalcoatings #innerContent UL LI {background-image:url(BICiiiMetalBullet.gif);}
	
	
/* -------------- Coil Coatings Division - 'coil' --------------*/
	
	#container.coilcoatings H1 {color: #57906C}
	#container.coilcoatings #CSSMenu {background: #57906C url(BICiiiCoilRHSMenu.gif) no-repeat top left}
	#container.coilcoatings #sideBar-R A {color: #fff; }
	#container.coilcoatings #sideBar-R A:hover, #container.coilcoatings #sideBar-R #current A  {background: #1E512E; color: #fff}
	#container.coilcoatings #PubsMenu {background: #57906C url(BICiiiCoilRHSPubs.gif) no-repeat top left}
	#container.coilcoatings #rhsBase {height: 40px;background: #FDD171 url(BICiiiCoilRHSBase.gif) no-repeat bottom left}
	#container.coilcoatings .break, #container.coilcoatings #PubsMenu LI {border-color:#1E512E; }
	#container.coilcoatings #innerContent UL LI {background-image:url(BICiiiCoilBullet.gif);}
/* -------------- Our Business Division - 'ourbusiness' --------------*/
	
	#container.ourbusiness H1 {color: #0096E6}
	#container.ourbusiness #CSSMenu {background: #6DD1F2 url(BICiiiDivisionRHSMenu.gif) no-repeat top left}
	#container.ourbusiness #sideBar-R A {color: #5B6161}
	#container.ourbusiness #sideBar-R A:hover, #container.ourbusiness #sideBar-R #current A  {color: #0096E6}
	#container.ourbusiness #PubsMenu {background: #6DD1F2 url(BICiiiDivisionRHSPubs.gif) no-repeat top left}
	#container.ourbusiness #rhsBase {height: 40px;background: #6DD1F2 url(BICiiiDivisionRHSBase.gif) no-repeat bottom left}
	#container.ourbusiness .break, #container.ourbusiness #PubsMenu LI {border-color:#0096E6; }
	#container.ourbusiness #innerContent UL LI {background-image:url(BICiiiDivisionBullet.gif);}
	
/* -------------- Care Division - 'care --------------*/
	
	#container.care H1 {color: #0096E6}
	#container.care #CSSMenu {background: #6DD1F2 url(BICiiiDivisionRHSMenu.gif) no-repeat top left}
	#xcontainer.care #sideBar-R A {color: #fff}
	#xcontainer.care #sideBar-R A:hover {color: #F47625}
	#container.care #PubsMenu {background: #6DD1F2 url(BICiiiDivisionRHSPubs.gif) no-repeat top left}
	#container.care #rhsBase {height: 40px;background: #6DD1F2 url(BICiiiDivisionRHSBase.gif) no-repeat bottom left}
	#container.care .break, #container.care #PubsMenu LI {border-color:#0096E6; }
	#container.care #innerContent UL LI {background-image:url(BICiiiDivisionBullet.gif);}
	



/* -------------- page base 'news' / what's new --------------*/

	#NewsMenu {border-top: 1px solid #ccc; padding-top: 1em}
	#container #innerContent #NewsMenu UL LI { margin: 0 0 0em 0px; padding: 4px 0 4px 00px;font-size: 1.2em; background-image: none} 
	
	#NewsMenu A {background:url(BICiiiNewsBullet.gif) no-repeat 0 0.2em; padding-left: 20px; display: block}
	
	
	
.newscontent {margin-top: 0px;margin-bottom: 17px}

.newscontent SPAN, .rightblock {font-weight: normal; font-size: 0.9em; vertical-align: baseline; float: right; display: block;}
.newscontent P {margin: 0 0em 0.5em 0px;font-size: 0.9em}

/* -------------- feedback extra markup --------------*/
.row { HEIGHT: 2em}
.row INPUT {width: 22em;height: 1.7em;font-size: 0.9em;border: 1px solid #585858}
.row2 TEXTAREA {width: 42em;height: 10em;font-size: 0.9em;border: 1px solid #585858}
LABEL.col1 { WIDTH: 12em; TEXT-ALIGN: right;padding-right: 1em; display: block; float: left; font-size: 1.2em}

/* -------------- home page structure --------------*/
	#homeContent, #UsesIEFix	{position: relative; width: 100%;}
	#homeIntro {padding-bottom: 1em}
	#homeIntro P {font-size: 1.2em}
	#homeIntro H1 {font-size: 2.3em}
	#homeLeftColumn	{width: 192px; float: left; margin-right: 16px; padding-bottom: 50px}
		
	#homeRightColumn {margin-left: 210px}
	#homeRightColumn H3 A {padding-right: 20px; background: #fff url(BICiiiNewsBullet.gif) no-repeat bottom right; line-height: 1.6}

/* -------------- home page extra markup --------------*/

	#featuredPub {background:#5B6161; padding-top: 0px;line-height: 1.2;}
	#homeLeftColumn > #featuredPub {background:#5B6161 url(gradientInv.png) repeat-x left bottom;}
	#featuredPub H2 {font-size: 1.8em; color: white; line-height: 1; margin: 0; padding: 16px}
	#featuredPub A, #featuredPub A:visited {color: #fff}
	#featuredPub A:hover {color: #F47625}
	#featuredPub P, #featuredPub SPAN {margin: 0; padding: 8px 16px 0 16px; color: white}
	#featuredPub SPAN {font-style: italic; padding: 0 16px 8px 16px; display: block}

	#HomeMenu {list-style-type: none; margin: 0; padding: 8px 0 0 0}
	#HomeMenu LI {padding: 0; margin: 0 0 8px 0; display: block;}
	#HomeMenu A, #Container #Sidebar-R #HomeMenu A:hover {text-indent: -9999px; display: block; width: 192px; height: 40px; background-repeat: no-repeat;}
	
	#HomeOD {background-image: url(BICiiiDivisionRHSBase.gif)}
	#HomeCC {background-image: url(BICiiiCoilRHSBase.gif)}
	#HomePC {background-image: url(BICiiiPlasticRHSBase.gif)}
	#HomeMC {background-image: url(BICiiiMetalRHSBase.gif)}
	#HomeSC {background-image: url(BICiiiSpecialRHSBase.gif)}

	.home #NewsMenu {border: 0; padding-top: 1em; margin-top: 0; margin-left: 210px;}
	.home DL {margin-left: 16px}
	.home #NewsMenu DT {margin: 0 0 0em 0px; padding: 4px 0 4px 00px;font-size: 1.2em; background-image: none}
	.home #NewsMenu DD {display: none}
	
	#container.home #sideBar-R a {padding-left: 0}

	.home #CSSMenu {background: #5B6161; padding-top: 16px; color: white; margin: 0}
	.home #sidebar-R > #CSSMenu {background:#5B6161 url(gradient.png) repeat-x left top;}
	.home #CSSMenu DL, .home #CSSMenu DD, .home #CSSMenu DT {margin: 0; padding: 0}
	.home #CSSMenu H1 {font-size: 2.4em;  padding: 0}
	.home #CSSMenu H2, .home #CSSMenu DT  {font-size: 1.4em; color: white !important}
	.home #CSSMenu P, .home #CSSMenu DD {font-size: 0.9em}
	.home #CSSMENU DD P {font-size: 1.1em; font-style: italic; padding-top: 2px; margin-top: 0}
	
	
	
	.home #CSSMenu A, .home #CSSMenu A:visited {color: #fff}
	.home #CSSMenu A:hover {color: #F47625}


	
    .homePubEntry {padding: 4px; margin-left: -4px}
    .homePubEntry:hover {background: #efefef url(gradientInv.png) repeat-x top left}
	.homePubEntry SPAN{display: none}
	.homePubEntry H3 {font-weight: normal; font-style: normal; margin-top: 0; }
	.homePubEntry P {margin: 0; font-size: 0.8em}
	
	

/* -------------- BLOCK DISPLAY -------------- */
#container #content #innercontent UL.imagegroup {list-style: none; background-image: none; padding: 0; margin: 0}
#container #content #innercontent  UL.imagegroup LI { background-image: none;
float: left; padding: 0px; border: 1px solid #bec7d2; font-size: 0.9em; line-height: normal; margin: 10px 4px 10px 0; width: 173px; text-align: center; height: 146px; overflow: hidden; position: relative; }
#container #content #innercontent  UL.imagegroup LI IMG {border: 1px solid #bec7d2; width: 161px; height: 98px; margin: 0; padding: 0; position: relative; }
#container #content #innercontent  UL.imagegroup LI P {text-align: center; border-top: 1px solid #bec7d2; padding: 0px; width: 100%; margin: 0; padding-top: 2px}

#container #content #innercontent UL.imagegroup:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container #content #innercontent UL.imagegroup {display: inline-table;}
/* Hides from IE-mac \*/
* html #container #content #innercontent UL.imagegroup {height: 1%}
#container #content #innercontent UL.imagegroup {display: block;}
/* End hide from IE-mac */