body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #171717;
	background: #eeeeee;
}

.bold {font-weight: bold}
.italic {font-style: italic}


.floatleft {float: left}
.floatright {float: right}

.clear {clear:both;}

a img {border: none}



/*Links
--------------------------------------------------------------------*/

a {text-decoration: none; color: #ffffff}
a:hover {text-decoration: none; color: #ffffff; border-bottom: 1px dotted #999999}


.left-column2 a {text-decoration: none; color: #333333; border-bottom: 1px dotted #999999}
.left-column2 a:hover {text-decoration: none; color: #333333; border-bottom: 1px dotted #999999; background: #eeeeee}


/*Structure
--------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#header {
	margin: 0;
	margin-top: 25px;
	margin-right: 25px;
	padding: 0;
	height: 145px;
}

#pfp-txt {
	float: left;
	margin: 0;
	margin-top: 39px;
	margin-left: 25px;
	padding: 0;
	width: 460px;
	height: 39px;
	background: url(images/people-for-plastics2.gif) no-repeat;
}


/*Top navigation
--------------------------------------------------------------------*/


#navi-wrap {
	float: left;
	margin: 0;
	margin-top: 35px;
	margin-left: 15px;
	padding: 0;
	width: 625px;
}


#navi li {
	float: left;
	margin-right: 5px;
}

#navi a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 14px;
	color: #ffffff;
	border: none;
}
#navi a:hover {color: #a6b5c3;}
#navi a span {
	display: block;
	padding-right: 10px;
	background: #777777 url(images/nav-right3.gif) right top no-repeat;
}

#navi a.top {
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
	padding-left: 10px;
	background: #777777 url(images/nav-left3.gif) left top no-repeat;
}

#navi a.top:hover {background: #002b54 url(images/nav-left2.gif) left top no-repeat;}
#navi a.top:hover span {background: url(images/nav-right2.gif) right top no-repeat;}

#navi a.top-menu {
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
	padding-left: 10px;
	background: #777777 url(images/nav-left3.gif) left top no-repeat;
}
#navi a.top-menu:hover {color: #a6b5c3;background: #002b54 url(images/nav-left-menu2.gif) left top no-repeat;}
#navi a.top-menu:hover span {background: url(images/nav-right-menu2.gif) right top no-repeat;}


#navi li.highlight a {color: #002b54;background: #ffffff url(images/nav-left-highlight2.gif) left top no-repeat;}
#navi li.highlight a span {background: #ffffff url(images/nav-right-highlight2.gif) right top no-repeat;}

#navi a:hover { background: #002b54}

#navi, #navi ul { /* all lists */
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#navi li li {
	float: none;
	margin-right: 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-right: 20px;
	background: #002b54;
}


#navi li ul { /* second-level lists */
	position: absolute;
	padding: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 9000;
	background: url(images/nav-bottomright.gif) no-repeat bottom right;
}


#navi li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 170px;
}

#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
	left: -999em;
}

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navi li:hover a, #navi li.sfhover a {
	background: #002b54 url(images/nav-left-menu2.gif) left top no-repeat; color: #a6b5c3;
}

#navi li:hover li a, #navi li.sfhover li a {
	background: #002b54
}

#navi li:hover a span, #navi li.sfhover a span {
	background: #002b54 url(images/nav-right-menu2.gif) right top no-repeat;
}

#navi li li:hover, #navi li li li:hover, #navi li li.sfhover, #navi li li li.sfhover {
	background: #002b54;
}

#navi li li a:link, #navi li li a:visited {text-decoration: none;color: #ffffff}
#navi li li a:hover {text-decoration: none; color: #a6b5c3}

#navi li li.bottomleft {background: url(images/nav-bottomleft.gif) no-repeat left bottom;}
#navi li li.topright {background: url(images/nav-topright.gif) no-repeat top right; padding-top: 6px;}


/*slider
--------------------------------------------------------------------*/

#sliderWrap {
	position: relative;
	margin-bottom: 10px;
	z-index: 900;
}
#sliderWrap .RoundCorners {
	position: absolute;
	width: 960px;
	height: 10px;
	z-index: 1000;
}
#sliderWrap .top {top: 0; background: url(images/top-corners.png) no-repeat;}
#sliderWrap .bottom {bottom: 0; background: url(images/bottom-corners.png) no-repeat;}

#slider {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 400px;
	overflow: hidden;
}

#slider li {
	position: relative;
}

#slider li div {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 280px;
	width: 200px;
	padding: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#slider li div h2 { font-size: 28px; line-height: 30px;} 
#slider li div p {color: #ffffff; line-height: 17px; padding-top: 20px;}

#slider li div p a.view {
	display: block;
	float: left;
	text-transform: uppercase;
	padding: 0 22px 0 6px;
	background: #ffffff url(images/view-arrows.gif) no-repeat right top;
	color: #002b54;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
	line-height: 24px;
	border: 2px solid #ffffff;
}
#slider li div p a.view:hover {	background: #002b54 url(images/view-arrows.gif) no-repeat right bottom; color: #ffffff; border: 2px solid #ffffff;}

#slider li div.upvc { background:#febe10}
#slider li div.upvc h2 { color: #fee8ba}

#slider li div.pp { background:#f37321}
#slider li div.pp h2 { color: #fbb483}

#slider li div.pe { background:#ef3f56}
#slider li div.pe h2 { color: #f7a19a}

#slider li div.engineering { background:#e40275}
#slider li div.engineering h2 { color: #fdcedc}

#slider li div.display { background:#9c3e97}
#slider li div.display h2 { color: #ebc1ec}

#slider li div.cladding { background:#164397;}
#slider li div.cladding h2 { color: #98a2e2}

#slider li div.conveyor { background:#666666}
#slider li div.conveyor h2 { color: #999999}

#slider li div.machining { background:#002b54}
#slider li div.machining h2 { color: #8095aa}


/*Content area
--------------------------------------------------------------------*/


#contentwrap {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	background: #ffffff url(images/content-round2.gif) no-repeat top;
}

#imagenavigation {
	margin: 0;
	padding: 0;
	height: 320px;
}


.machining-header { margin: 10px 0 0 0; padding: 0; height: 220px; background: url(images/headers/machining.jpg) no-repeat}
.overview-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/overview.jpg) no-repeat}
.upvc-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/upvc.jpg) no-repeat}
.pp-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/ppc.jpg) no-repeat}
.pe-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/pe.jpg) no-repeat}
.engineering-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/engineering.jpg) no-repeat}
.display-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/display.jpg) no-repeat}
.cladding-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/cladding.jpg) no-repeat}
.conveyor-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/conveyor.jpg) no-repeat}
.contact-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/contact.jpg) no-repeat}

.upvc-cladding-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/upvc-cladding.jpg) no-repeat}
.pp-cladding-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/pp-cladding.jpg) no-repeat}
.ceiling-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/ceiling.jpg) no-repeat}
.clad-products-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/clad-products.jpg) no-repeat}
.download-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/downloads.jpg) no-repeat}
.about-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/about.jpg) no-repeat}
.products-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/products.jpg) no-repeat}
.team-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/team.jpg) no-repeat}
.history-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/history-final.gif) no-repeat}
.responsibilities-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/responsibilities.jpg) no-repeat}
.careers-header { margin: 0; padding: 0; height: 220px; background: url(images/headers/careers.jpg) no-repeat;}


.boxgrid { 
	float:left;
	margin: 0;
	padding: 0;
	width: 240px; 
	height: 160px;
	background: #002b54;
	overflow: hidden; 
	position: relative; 
}

.boxgrid a.text {
	display: block;
	padding: 15px;
	height: 130px;
	font-size: 24px;
	line-height: 24px;
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.pvc-bk a {background: #febe10; color: #ffe3a7}
.polypropylene-bk a {background: #f37321; color: #fbb483}
.polyethylene-bk a {background: #ef3f56; color: #f7a19a}
.engineering-bk a {background: #e40275; color: #ef95af}
.display-bk a {background: #9c3e97; color: #c496c5}
.cladding-bk a {background: #164397; color: #8189c1}
.conveyor-bk a {background: #666666; color: #cccccc}


h1.upvc-border { border-left: 5px solid #febe10; padding-left: 10px;}
h1.pp-border { border-left: 5px solid #f37321; padding-left: 10px;}
h1.pe-border { border-left: 5px solid #ef3f56; padding-left: 10px;}
h1.engineering-border { border-left: 5px solid #e40275; padding-left: 10px;}
h1.display-border { border-left: 5px solid #9c3e97; padding-left: 10px;}
h1.cladding-border { border-left: 5px solid #164397; padding-left: 10px;}
h1.conveyor-border { border-left: 5px solid #666666; padding-left: 10px;}


/*text area
--------------------------------------------------------------------*/

.content {
	clear: both;
	margin: 0;
	padding: 25px;
	padding-left: 40px;
}

.border-bottom {border-bottom: 1px dotted #999999;}

h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color: #002b54;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	color: #002b54;
}


h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}


p {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.left-column {
	float: left;
	width: 298px;
	margin: 0;
	padding: 0;	
} 

.right-column {
	float: right;
	width: 580px;
	margin: 0;
	padding: 0;
}

.left-column2 {
	margin: 0;
	float: left;
	position: relative;
	width: 540px;
}


.left-column2-bottom {
	display:none;
}

.right-column2 {
	float: right;
	width: 298px;
	margin: 0;
	padding: 0;	
} 

.intro {
	margin: 0;
	padding: 15px;
	padding-bottom: 5px;
	background: #002b54 url(images/left-top.gif) no-repeat 0 0;
	color: #cccccc;
}
.intro-bottom {
	margin-bottom: 10px;
	padding: 0;
	width: 298px;
	height: 10px;
	background: url(images/left-bottom.gif) 0 0 no-repeat;
}

.intro h2 {color: #8095aa; font-size: 12px; line-height: 12px; text-transform: uppercase;}


.large-column {
	width: 100%;
	margin: 0;
	padding: 0;
}

.section {
	margin: 0;
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top: 1px dotted #999999;
}

.section img { display: block; float: right; margin-left: 20px;}


p.more {float:left;}

p.more a {
	display: block;
	padding: 0px;
	padding-left: 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;
	background: #cccccc url(images/more-left.gif) no-repeat left top;
	color: #002b54;
	border: none;
}
p.more a:hover { background: #002b54 url(images/more-left.gif) no-repeat left bottom; color: #eeeeee; text-decoration: none; border: none;}

p.more a span {
	display: block;
	padding-right: 8px;
	background: url(images/more-right.gif) no-repeat right top;
}

p.more a:hover span {
	background: url(images/more-right.gif) no-repeat right bottom;
}




p.homeheader {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 22px;
	font-style: italic;
	text-align: right;
}

p.no-top-padding {padding-top: 0;}


blockquote {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-top: 40px;
	padding-left: 40px;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	background: url(images/quote-open.gif) top left no-repeat;
}


blockquote p {
	margin: 0;
	padding: 0;
	padding-right: 40px;
	padding-bottom: 40px;
	background: url(images/quote-close.gif) bottom right no-repeat;
}

cite {
	margin: 0;
	padding: 0;
	margin-left: 40px;
	color: #002b54;
	font-weight: bold;
	position: relative;
	top: -25px;
	width: 200px;
}

.careerintro {
	padding-bottom:20px;
}


/*latest news
--------------------------------------------------------------------*/

#news {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #bfcad4;
}

#news li {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-top: 10px;
	border-top: 1px dotted #40607f;
}

#news h3 { margin: 0; padding: 0; color: #eeeeee;}
#news p { padding-top: 5px;}

a.readmore {
	clear: both;
	margin-top: 5px;
	font-size: 11px;
	color: #79d660;
	border-bottom: 1px dotted #79d660;
}

a.readmore:hover {color: #ffffff; border-bottom: 1px dotted #ffffff; text-decoration: none; background: none}


/*gallery
--------------------------------------------------------------------*/

#gallery {
	margin: 0;
	margin-top: 15px;
	padding: 0;
	list-style: none;
}

#gallery li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	background: #cccccc;
}

#gallery li.norightmargin { margin-right: 0}

#gallery li a {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #ffffff;
}

#gallery li a:hover { border: 2px solid #79d660}


a.oadby-vid {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	width: 264px;
	height: 160px;
	border: 2px solid #ffffff;
	background: #cccccc;
}

a.oadby-vid:hover {
	border: 2px solid #79d660;
}


/*abbreviations and supply partners
--------------------------------------------------------------------*/


#abbreviations {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	list-style: none;
}
#abbreviations li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#abbreviations span {color: #ffffff; font-weight: bold}


#supply-partners {
	margin: 0;
	padding: 0;
}

#supply-partners ul {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
	background: #ffffff;
}
#supply-partners li {
	float: left;
	margin: 0;
	padding: 10px;
}

#supply-partners li img { display: block; margin: 0; padding: 0;}


/*products
--------------------------------------------------------------------*/

.product {
	position: relative;
	margin: 0;
	margin-top: 10px;
	padding: 8px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eeeeee;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
}

.key {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	height: 20px;
	list-style: none;
}
.key li {float: left; margin: 0; padding: 0; margin-right: 20px; padding-left: 25px;font-size: 9px; line-height: 20px; text-transform: uppercase }

.key li.upvc-price {background: url(images/download-button/upvc-price2.gif) no-repeat;}
.key li.upvc-tech {background: url(images/download-button/upvc-tech2.gif) no-repeat;}
.key li.upvc-safety {background: url(images/download-button/upvc-safety2.gif) no-repeat;}

.key li.pp-price {background: url(images/download-button/pp-price2.gif) no-repeat;}
.key li.pp-tech {background: url(images/download-button/pp-tech2.gif) no-repeat;}
.key li.pp-safety {background: url(images/download-button/pp-safety2.gif) no-repeat;}

.key li.pe-price {background: url(images/download-button/pe-price2.gif) no-repeat;}
.key li.pe-tech {background: url(images/download-button/pe-tech2.gif) no-repeat;}
.key li.pe-safety {background: url(images/download-button/pe-safety2.gif) no-repeat;}

.key li.eng-price {background: url(images/download-button/eng-price2.gif) no-repeat;}
.key li.eng-tech {background: url(images/download-button/eng-tech2.gif) no-repeat;}
.key li.eng-safety {background: url(images/download-button/eng-safety2.gif) no-repeat;}

.key li.dis-price {background: url(images/download-button/dis-price2.gif) no-repeat;}
.key li.dis-tech {background: url(images/download-button/dis-tech2.gif) no-repeat;}
.key li.dis-safety {background: url(images/download-button/dis-safety2.gif) no-repeat;}

.key li.clad-price {background: url(images/download-button/clad-price2.gif) no-repeat;}
.key li.clad-tech {background: url(images/download-button/clad-tech2.gif) no-repeat;}
.key li.clad-safety {background: url(images/download-button/clad-safety2.gif) no-repeat;}

.download-icons {
	position: absolute;
	right: 8px;
	top: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.download-icons li {float: right; margin-left: 5px;}

.download-icons li a {
	display: block;
	height: 20px;
	width: 20px;
	border: none;
	overflow: hidden;
	font-size: 2px;
	line-height: 2px;
	color: #ffffff;
}

.download-icons li a:hover {border: none;}

.download-icons li a span {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: -9000px;
}

.download-icons li a.upvc-price { background: url(images/download-button/upvc-price1.gif) no-repeat 0 0;}
.download-icons li a.upvc-price:hover { background: url(images/download-button/upvc-price1.gif) no-repeat -20px 0;}
.download-icons li a.upvc-tech { background: url(images/download-button/upvc-tech1.gif) no-repeat 0 0;}
.download-icons li a.upvc-tech:hover { background: url(images/download-button/upvc-tech1.gif) no-repeat -20px 0;}
.download-icons li a.upvc-safety { background: url(images/download-button/upvc-safety1.gif) no-repeat 0 0;}
.download-icons li a.upvc-safety:hover { background: url(images/download-button/upvc-safety1.gif) no-repeat -20px 0;}

.download-icons li a.pp-price { background: url(images/download-button/pp-price1.gif) no-repeat 0 0;}
.download-icons li a.pp-price:hover { background: url(images/download-button/pp-price1.gif) no-repeat -20px 0;}
.download-icons li a.pp-tech { background: url(images/download-button/pp-tech1.gif) no-repeat 0 0;}
.download-icons li a.pp-tech:hover { background: url(images/download-button/pp-tech1.gif) no-repeat -20px 0;}
.download-icons li a.pp-safety { background: url(images/download-button/pp-safety1.gif) no-repeat 0 0;}
.download-icons li a.pp-safety:hover { background: url(images/download-button/pp-safety1.gif) no-repeat -20px 0;}

.download-icons li a.pe-price { background: url(images/download-button/pe-price1.gif) no-repeat 0 0;}
.download-icons li a.pe-price:hover { background: url(images/download-button/pe-price1.gif) no-repeat -20px 0;}
.download-icons li a.pe-tech { background: url(images/download-button/pe-tech1.gif) no-repeat 0 0;}
.download-icons li a.pe-tech:hover { background: url(images/download-button/pe-tech1.gif) no-repeat -20px 0;}
.download-icons li a.pe-safety { background: url(images/download-button/pe-safety1.gif) no-repeat 0 0;}
.download-icons li a.pe-safety:hover { background: url(images/download-button/pe-safety1.gif) no-repeat -20px 0;}

.download-icons li a.eng-price { background: url(images/download-button/eng-price1.gif) no-repeat 0 0;}
.download-icons li a.eng-price:hover { background: url(images/download-button/eng-price1.gif) no-repeat -20px 0;}
.download-icons li a.eng-tech { background: url(images/download-button/eng-tech1.gif) no-repeat 0 0;}
.download-icons li a.eng-tech:hover { background: url(images/download-button/eng-tech1.gif) no-repeat -20px 0;}
.download-icons li a.eng-safety { background: url(images/download-button/eng-safety1.gif) no-repeat 0 0;}
.download-icons li a.eng-safety:hover { background: url(images/download-button/eng-safety1.gif) no-repeat -20px 0;}

.download-icons li a.dis-price { background: url(images/download-button/dis-price1.gif) no-repeat 0 0;}
.download-icons li a.dis-price:hover { background: url(images/download-button/dis-price1.gif) no-repeat -20px 0;}
.download-icons li a.dis-tech { background: url(images/download-button/dis-tech1.gif) no-repeat 0 0;}
.download-icons li a.dis-tech:hover { background: url(images/download-button/dis-tech1.gif) no-repeat -20px 0;}
.download-icons li a.dis-safety { background: url(images/download-button/dis-safety1.gif) no-repeat 0 0;}
.download-icons li a.dis-safety:hover { background: url(images/download-button/dis-safety1.gif) no-repeat -20px 0;}

.download-icons li a.clad-price { background: url(images/download-button/clad-price1.gif) no-repeat 0 0;}
.download-icons li a.clad-price:hover { background: url(images/download-button/clad-price1.gif) no-repeat -20px 0;}
.download-icons li a.clad-tech { background: url(images/download-button/clad-tech1.gif) no-repeat 0 0;}
.download-icons li a.clad-tech:hover { background: url(images/download-button/clad-tech1.gif) no-repeat -20px 0;}
.download-icons li a.clad-safety { background: url(images/download-button/clad-safety1.gif) no-repeat 0 0;}
.download-icons li a.clad-safety:hover { background: url(images/download-button/clad-safety1.gif) no-repeat -20px 0;}

.colour-text {text-transform: none; font-weight: normal;}


h2.rexnord {float: left; margin: 0; margin-right: 30px; padding: 0; position: relative; width: 200px; height: 48px;}
h2.rexnord span { position: absolute; top: 0; left: -2px; width: 200px; height: 48px; background: url(images/supply-partners/rexnord.gif) no-repeat;}

h2.mcc {float: left; margin: 0; padding: 0; position: relative; width: 120px; height: 55px;}
h2.mcc span { position: absolute; top: 0; left: -2px; width: 120px; height: 55px; background: url(images/supply-partners/mcc.gif) no-repeat;}

h2.marbett {margin: 0; padding: 0; position: relative; width: 175px; height: 46px;}
h2.marbett span { position: absolute; top: 0; left: -2px; width: 175px; height: 46px; background: url(images/supply-partners/marbett.gif) no-repeat;}

h2.oadbyclad {margin: 0; padding: 0; position: relative; width: 200px; height: 79px;}
h2.oadbyclad span { position: absolute; top: 0; left: 0px; width: 200px; height: 79px; background: url(images/oadbyclad.gif) no-repeat;}

.list {margin: 0; padding: 0; padding-top: 10px; list-style: none}
.list li {padding-left: 12px; margin-bottom: 5px; background: url(images/bullet.gif) no-repeat 0px 6px;}


ul.downloads {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #171717;
}

ul.downloads li {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}


ul.downloads li a {
	display: block;
	margin: 0;
	padding: 8px;
	height: 20px;
	padding-left: 29px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eeeeee url(images/download-button/brochure-download.gif) no-repeat 8px 12px;
	border: none;
}
ul.downloads li a:hover { background: #002b54 url(images/download-button/brochure-download.gif) no-repeat 8px -21px; border: none; color: #ffffff}


.conveyor-downloads {
	clear: both;
	list-style: none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #171717;
}

.conveyor-downloads li {
	margin: 0;
	margin-top: 8px;
	padding: 0;
	background: url(images/conveyor-download.gif) no-repeat;
	padding-left: 20px;
}


/*oadbyclad
--------------------------------------------------------------------*/

.cladmenu {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	list-style: none;
}

.cladmenu li {
	float: left;
	margin-right: 18px;
	padding: 0;
	padding-bottom: 15px;
	font-size: 10px;
	text-transform: uppercase;
}

.cladmenu li a { color: #333333; text-decoration: none; border: none }
.cladmenu li a:hover { color: #999999; text-decoration: none; border: none }

.system {
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

.colours {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
	height: 20px;
}

ul.colours li { float: left; margin: 0; margin-right: 20px; padding: 0; padding-left: 25px; margin-bottom: 20px; line-height: 20px}

li.white {background: url(images/oadbyclad/white.gif) no-repeat }
li.grey {background: url(images/oadbyclad/grey.gif) no-repeat }
li.blue {background: url(images/oadbyclad/blue.gif) no-repeat }
li.green {background: url(images/oadbyclad/green.gif) no-repeat }
li.cream {background: url(images/oadbyclad/cream.gif) no-repeat }
li.black {background: url(images/oadbyclad/black.gif) no-repeat }

.product-info {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}

ul.product-info li {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

ul.product-info li.all {background: url(images/oadbyclad/all.gif) no-repeat; background-position: 175px 5px}
ul.product-info li.white {background: url(images/oadbyclad/sml-white.gif) no-repeat; background-position: 175px 5px}
ul.product-info li.white-blue {background: url(images/oadbyclad/white-blue.gif) no-repeat; background-position: 175px 5px}

ul.product-info li.small { width: 115px; background-position: 45px 5px}

.justcolours { margin: 0; margin-top: 8px; padding: 0; width: 59px; height: 10px; background: url(images/oadbyclad/all.gif) no-repeat}
.white-black { margin: 0; margin-top: 8px; padding: 0; width: 23px; height: 10px; background: url(images/oadbyclad/wb.gif) no-repeat}
.sml-white { margin: 0; margin-top: 8px; padding: 0; width: 10px; height: 10px; background: url(images/oadbyclad/sml-white.gif) no-repeat}
.sml-white-blue { margin: 0; margin-top: 8px; padding: 0; width: 23px; height: 10px; background: url(images/oadbyclad/white-blue.gif) no-repeat}

p.caption {
	margin: 0;
	padding: 0;
	color: #999999;
	font-style: italic;
}

.product-2col {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.product-2col li {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
}


.section img.right { display: block; float: right; margin-left: 10px;}

.paddingleft {padding-left: 20px;}
.paddingright {padding-right: 20px;}

.notop {border-top: none}
.small-text {font-size: 11px; line-height: 11px; color: #999999}


.request-sample {
	margin-bottom: 10px;
	width: 298px;
	height: 158px;
	background: url(images/request-sample.jpg) no-repeat;
}

.request-sample a {
	display: block;
	margin: 0;
	padding: 20px;
	padding-top: 120px;
	font-size: 18px;
	line-height: 18px;
	color: #cccccc;
	text-align: right;
	border: none;
}

.request-sample a:hover { border: none; background: none; color: #666666}

.request-price {
	margin-bottom: 10px;
	width: 298px;
	background: url(images/request-prices.jpg) no-repeat;
}

.request-price a {
	display: block;
	margin: 0;
	padding: 20px;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	color: #eeeeee;
	text-align: right;
	border: none;
}

.request-price a:hover { border: none; background: none; color: #eeeeee; text-decoration: underline}


/*news
--------------------------------------------------------------------*/

.archive {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}

.archive li {
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
.archive span { display: block; font-size: 10px; text-transform: uppercase}

.news-pic {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	border: 1px solid #cccccc;
}

#addthis {
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

h3.news-date { font-weight: normal; text-transform: uppercase; font-size: 10px; line-height: 10px; margin-top: 5px}

.news-section {
	clear: both;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
}

.news-section img { 
	display: block;
	float: right;
	height: 160px;
	width: 160px;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

a.addthis_button {border: none;}
a.addthis_button:hover {border: none; background: none}



/*contact
--------------------------------------------------------------------*/

p.contact {
	font-size: 11px;
	line-height: 13px;
	padding-top: 8px;
	font-weight: bold;
	color: #f2f2f2;
}

p.paddingtop {padding-top: 3px}
p.contact span { font-weight: normal; font-size: 10px; color: #cccccc}

#map_canvas { height: 628px; width: 100%}


/*history
--------------------------------------------------------------------*/

.history-col {
	float: left;
	position: relative;
	width: 540px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

.history-col ul {
	list-style: none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.history-col li {
	float: left;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}

.history-col li.right {margin-right: 15px;}

.history-col li a {
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	background: #ffffff;
	color: #333333;
}

.history-col li a:hover { background: #666666; color: #ffffff; border: none}

.history-col li a img { display: block; margin: 0; padding: 6px; border: none}


/*team area
--------------------------------------------------------------------*/

.team {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	list-style: none;
}

.team li {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

.team li img { display: block; margin: 0; margin-bottom: 20px; padding: 0; vertical-align: bottom}


p.meet {float:left;}

p.meet a {
	display: block;
	padding: 0px;
	padding-left: 8px;
	margin-top: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;
	background: #eeeeee url(images/team-left.gif) no-repeat top left;
	color: #002b54;
	border: none;
}
p.meet a:hover { background: #cccccc url(images/team-left.gif) no-repeat bottom left; text-decoration: none; border: none;}
p.meet a span {display: block;padding-right: 8px;background: url(images/team-right.gif) no-repeat top right;}
p.meet a:hover span {background: url(images/team-right.gif) no-repeat bottom right;}


/*footer
--------------------------------------------------------------------*/

.contentbottom {
	background: url(images/content-round-bottom2.gif) bottom left no-repeat;
}


.footer {
	clear: both;
	margin: 0;
	padding: 25px;
	font-size: 11px;
	line-height: 13px;
}

.footer p {
	float: left;
	width: 700px;
}

.logos {
	float: right;
	padding-left: 20px;
}

#harris {float: left; clear: both; margin: 0; padding: 0; position: relative; width: 196px; height: 16px;}
#harris span  {position: absolute; top: 0; left: 0; width: 196px; height: 16px; background: url(images/harris-logo2.gif) no-repeat;}