/* general formatting */

body {
	margin: 14px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-size: 62.5%;
}

p, h1, h2, h3, h4, h5 {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h1, h3, h4, h5 {
	font-weight: normal;
}

h1 {
	font-size: 2.7em;
}

h2 {
	font-size: 1.4em;
	line-height: 1.6em;
}

form {
	margin: 0px;
	padding: 0px;
}

input.text, input.password, textarea {
	color: #000000;
	font-size: 0.9em;
	line-height: 0.9em;
	height: 1.2em;
	width: 14em;
	padding: 0px;
	border: 1px solid #a9aaab;
}

select {
	color: #405987;
	font-size: 1em;
	line-height: 1em;
}

textarea {
	height: 8em;
}

a {
	color: #ff7f00;
}

a:hover {
	text-decoration: none;
	color: #D03A07;
}

.white {
	color: #FFFFFF;
}

ul {
	margin-top: 5px;
}


.clearer {
	clear: both;
}

#tierContent li 
{
    display: block;
    list-style-type: none;
    padding-left: 15px;
    background-image: url(/images/bullet_arrow.gif);
    background-position: left 4px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#tierContent div.environment li p {
    padding-bottom: 0px;
    padding-left: 7px;
}



/* structural styles */

#pageContainer {
	position: relative;
	width: 900px;
    margin: 0 auto;
}

#topContainer {
	height: 118px;
	background: transparent url(/images/topbg.jpg) no-repeat scroll top;
}

#register 
{
    color: #ffffff;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 300px;
    right: 60px; 
}

#topTierContainer {
	height: 118px;
	background: transparent url(/images/toptierbg.jpg) no-repeat scroll top;
}

#logo {
	position: absolute;
	width: 135px;
	height: 80px;
	left: 9px;
	top: 22px;
	background: transparent url(/images/logo.gif) no-repeat scroll top;
}

#logo h1 {
	position:absolute;
	left: -999em;
}

#topNav {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	left: 175px;
	top: 16px;
}

#topNav li {
	float: left;
	text-align: left;
	font-size: 1.2em;
}

#topNav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(/images/topnav_icon.gif) no-repeat scroll left;
	padding: 0px 18px 1px 20px;
}

#topNav a:hover, #topNav a.selected {
	background: transparent url(/images/topnav_icon-selected.gif) no-repeat scroll left;
}

#topNav a:hover { color: #eaeaea; }

#loginPanel {
	position: absolute;
	width: 408px;
	height: 36px;
	left: 468px;
	top: 61px;
	background: #ff7f00 url(/images/signin_bg.gif) no-repeat scroll left top;
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 5px 0px 0px 23px;
}

#loginPanel div {
	float: left;
	width: 85px;
	padding-top: 2px;
}

#loginPanel input.text, #loginPanel input.password {
	float: left;
	width: 135px;
	height: 14px;
	padding: 2px 1px 1px 2px;
	margin: 0px 5px 0px 0px;
	margin-top: 1px;
	line-height: 1em;
	background: #FFFFFF url(/images/input_emailbg.gif) no-repeat scroll 0px 0px;
}

#loginPanel input.password {
	background: #FFFFFF url(/images/input_passwordbg.gif) no-repeat scroll 0px 0px;
}

#loginPanel input.image {
	float: left;
	width: 21px;;
	height: 20px;
}


/* main home page stuff */

#homePic { float: left; }

#homeText {
	float: left;
	width: 333px;
	height: 284px;
	background: transparent url(/images/hometext_bg.gif) repeat-x scroll top;
	font-size: 1.2em;
	padding: 15px 0px 0px 0px;
}

#homeText h1 {
	line-height: 1.4em;
	color: #ff7f00;
	margin-bottom: 17px;
}

#homeText p {
	font-size: 1.2em;
	line-height: 1.5em;
}

#homeText a, #homeEnv a, #homeInnovation a, #homeLPC a, a.clickmore {
	display: block;
	height: 21px;
	padding: 4px 0px 0px 33px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
	background: transparent url(/images/hometext_linkbg.gif) no-repeat scroll 0px 0px;
}

a.clickmore_none 
{
    display: block;
	height: 21px;
	padding: 4px 0px 0px 33px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
	background: transparent url(/images/hometext_nonlinkbg.gif) no-repeat scroll 0px 0px;   
}

#homeEnv a {
	margin-top: 4px;
	padding: 4px 0px 0px 41px;
	background: transparent url(/images/envlink_bg.jpg) no-repeat scroll 0px 0px;
}

#homeInnovation a {
	font-size: 1em;
	padding: 4px 0px 0px 45px;
	margin-top: 32px;
	background: transparent url(/images/homeinnovation_linkbg.gif) no-repeat scroll top right;
}

#homeLPC a {
	font-size: 1em;
	padding: 4px 0px 0px 45px;
	background: transparent url(/images/homegroup_linkbg.gif) no-repeat scroll top right;
}

#homeEnv {
	float: left;
	width: 201px;
	height: 128px;
	margin-left: 18px;
	background: #8cc919 url(/images/homeenv.jpg) no-repeat scroll top;
	font-size: 1.2em;
	color: #FFFFFF;
	padding-top: 171px;
}

#homeEnv h2 {
	background: transparent url(/images/recycle.gif) no-repeat scroll 6px 0px;
	padding: 0px 0px 0px 40px;
	margin-bottom: 4px;
	font-size: 1.5em;
}

#homeEnv p {
	padding: 0px 12px 0px 14px;
}

#homeBot {
	clear: left;
	height: 224px;
	padding-top: 15px;
	background: transparent url(/images/welcome_bg.gif) repeat-x scroll bottom;
	margin-bottom: 10px;
}

#homeWelcome {
	float: left;
	width: 228px;
	height: 224px;
	padding: 0px 12px 0px 17px;
	font-size: 1.3em;
}

#homeWelcome p { line-height: 1.4em; }

#homeInnovation {
	float: left;
	width: 205px;
	height: 224px;
	padding: 0px;
	background: #7d7d7d url(/images/homeinnovation.jpg) no-repeat scroll top;
	font-size: 1.3em;
	color: #FFFFFF;
}

#homeInnovation div {
	padding: 5px 17px 0px 17px;
}

#homeLPC {
	float: left;
	width: 205px;
	height: 224px;
	margin-left: 14px;
	background: #3a3a37 url(/images/homelpcgroup.jpg) no-repeat scroll top;
	font-size: 1.3em;
	color: #FFFFFF;
}

#homeLPC div {
	padding: 5px 17px 0px 17px;
}

#homeInnovation h2, #homeLPC h2 {
	color: #3f3f3f;
	margin-bottom: 50px;
}

#homeNews {
	float: left;
	width: 201px;
	height: 221px;
	padding: 3px 0px 0px 0px;
	margin-left: 18px;
	background-color: #c2c2c2;
	font-size: 1.3em;
	color: #FFFFFF;
	overflow: hidden;
}

#homeNews h2 {
	font-size: 1.7em;
	text-align: center;
	padding-bottom: 5px;
}

.homeNewsLink {
	display: block;
	height: 44px;
	background: #FFFFFF url(/images/homenews_bg.gif) no-repeat scroll top;
	margin: 0px 5px 7px 5px;
	padding: 5px 32px 5px 5px;
	text-decoration: none;
	color: #5a5a5a;
	font-size: 0.9em;
}

.homeNewsLink img {
	border: none;
	float: left;
	margin: 2px 6px 0px 0px;
}


/* tier css */

#tierContent {
	background: #FFFFFF url(/images/tiergrad.gif) repeat-x scroll top;
}

#tierGroup {
	background: #FFFFFF url(/images/group_botgrad.gif) repeat-x scroll bottom;
	margin: 10px 0px 11px 0px;
}

#tierLeftCol {
	width: 281px;
	float: left;
	padding: 8px 33px 0px 0px;
}

#tierMainCol {
	width: 572px;
	float: left;
	padding: 8px 8px 0px 0px;
}

#tierMainCol.success li 
{
    background-image: url(/images/bullet_tick.gif);
}

#indexList li 
{
   background-image: none;   
}

h1.indexTitle, h1.prodTitle {
	color: #FFFFFF;
	font-family: Tahoma;
	background-color: #ff7f00;
	padding: 28px 25px 28px 25px;
	font-size: 3.3em;
	margin-bottom: 12px;
}

h1.prodTitle {
	padding: 14px 25px 14px 25px;
}

.textBlock {
	background: #FFFFFF url(/images/tierblockgrad.gif) repeat-x scroll top;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 15px 26px;
	float: left;
}

.textBlock ul {
	padding: 0px;
	margin: 0px;
}

.botBlock {
	clear: left;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0px 26px;
	width: 580px;
}

.botBlock a 
{
    float: left;  
    width: 200px; 
    margin: 5px;
    margin-right: 40px;
}

#indexList {
	float: left;
	list-style-type: none;
	padding: 25px 0px 0px 0px;
	margin: 0px;
	width: 266px;
}

#indexList li {
	font-size: 2em;
	border-bottom: 1px solid #7f7f7f;
	padding: 1px 0px;
}

#indexList li a {
	display: block;
	background: transparent url(/images/index_navicon.gif) no-repeat scroll 10px 19px;
	color: #5a5a5a;
	text-decoration: none;
	padding: 15px 0px 13px 41px;
}

#indexList li a:hover, #indexList li a.hoverLink {
	color: #FFFFFF;
	background: #ff7f00 url(/images/index_navicon-over.gif) no-repeat scroll 10px 19px;
}

#prodPic, #prodPic1, #prodPic2, #prodPic3, #prodPic4, #prodPic5, #prodPic6, #prodPic7, #prodPic8, #prodPic9 {
	float: left;
	display: none;
	width: 286px;
	height: 511px;
	padding: 29px 0px 0px 32px;
}

#prodPic {
	display: block;
}

#mainProdPic {
	float: left;
}

h2.prodPanelHead {
	color: #FFFFFF;
	font-size: 3em;
	font-weight: normal;
}

a.prodPanelLink {
	display: block;
	width: 175px;
	height: 22px;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(/images/prodclickmore.gif) no-repeat scroll left top;
	font-size: 1.4em;
	padding: 5px 0px 0px 35px;
}


#newsList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#newsList li {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#newsList li strong 
{
    padding-left: 14px;   
}

#groupContent {
	background: transparent url(/images/group_topgrad.gif) repeat-x scroll top;
	padding: 17px 29px;
	font-size: 1.2em;
}

#groupContent h1 {
	color: #ff7f00;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

#groupContent h2 {
	background: transparent url(/images/grouparrow.gif) no-repeat scroll 0px 6px;
	padding: 0px 0px 5px 20px;
}

#groupContent h2 a {
	color: #5a5a5a;
	text-decoration: none;
}

#groupContent h2 a:hover {
	color: #ff7f00;
}

#groupPic {
	float: right;
	margin: 7px 0px 10px 30px;
}

#groupContent a.clickmore {
	width: 300px;
}

#map 
{
    float: left;
    right: 0px;
    height: 800px;
    width: 320px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.textBlock input, .textBlock select, .textBlock textarea, .textBlock button {
    margin: 10px;
}

.textBlock label 
{
    position: relative;
    top: 10px;
    width: 210px;
    float: left;
    display: block;
}

p.products, p.innovation 
{
    width: 280px;
    float: left;  
    margin-right: 20px; 
    font-size: 9pt;
    position: relative;
    bottom: 26px;
}





/* printer friendly */

.printerFriendly #headerLeft {
    float: left;
    width: 700px;
}

.printerFriendly #headerLeft img {
    margin: 20px;
}

.printerFriendly #headerRight {
    float: left;
    font-size: 1.2em;
}

.printerFriendly #map {
    width: 900px;
}

.printerFriendly div.directions {
    margin-top: 530px;
}

.printerFriendly div.directions p {
    padding: 30px;
    font-size: 12pt;
}

.printerFriendly div.directions a {
    color: #5a5a5a;
}

.printerFriendly div.directions p.main {
    background-color: #9d9d9d;
    margin: 10px 0px 5px 0px;
}

.printerFriendly div.directions p.alternate {
    background-color: #bdbdbd;
    margin: 10px 0px 10px 0px;
}

.printerFriendly #footerLeft {
    font-size: 1.2em;
    margin-top: 4px;
}

.printerFriendly #footerRight {
    background: none;
}



/* footer css */

#footer {
	clear: left;
	height: 40px;
	background: transparent url(/images/footer_bg.gif) no-repeat scroll top;
	font-size: 1.1em;
}

#footerLeft {
	float: left;
	padding-top: 7px;
	width: 460px;
}

#footerLeft a {
	margin-left: 8px;
	text-decoration: none;
	background: transparent url(/images/footer_icon.gif) no-repeat scroll 0px 2px;
	padding-left: 14px;
}

#footerLeft a.verto {
	color: #5a5a5a;
	background: transparent url(/images/footer_icon-grey.gif) no-repeat scroll 0px 2px;
}

#footerRight {
	float: right;
	width: 332px;
	background: transparent url(/images/lang_icon.gif) no-repeat scroll 0px 0px;
	font-size: 1.2em;
	margin-top: 11px;
	padding: 0px 0px 4px 23px;
}

#footerRight div {
	float: left;
	padding-top: 1px;
}

#footerRight img {
	float: left;
	border: 1px solid #c0c0c0;
	margin-left: 14px;
}