/* CSS Document */

/* ------------------------------------------------------------

tennantco.com
author :Dan Platt @ www.tennantco.com
updated: 04.15.09

------------------------------------------------------------ */


body {
	/*default body style*/
	margin: 0;
	padding: 30px 15px;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #7B7B7B;
	text-align: center;
	background-color: #ECECEC;
}

body.home, body.product, body.category, body.industry, body.general, body.coatings {
	/*body style for homepage & product page*/
	margin: 0;
	padding: 8px 15px 30px 15px;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #7B7B7B;
	text-align: center;
	background-color: #ECECEC;
}

body.home #na-en-flash{
display:none;
}


img {
	/*set border to 0 for all images*/
	border: none;
}

a {
	/*global link style*/
	color: #0088BD;
	text-decoration: none;
}

a:hover {
	/*global like hover style*/
	text-decoration: underline;
}

body.product #container, body.general #container, body.landing #container {
	/*holds all content, except elements with ID #abovecontainer*/
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 748px;
	text-align: left;
	background-color: #FFF;
	border: solid 1px #CCC;
}

#main sup {
	color: #000;
	font-size: 10px;
}

ul {
	margin: 0 0 25px 0;
	padding: 0;
	display: block;
}

ul li {
	margin-left: 15px;
	padding: 0;
	line-height: 13px;
}

h1.product {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 53px;
	width: 79px;
}

body.home h1.product {
display:none;
}

h1.welcome {
	/*top level header for welcome page*/
	margin: 0;
	padding: 0;
	height: 119px;
	text-indent: -9999px;
}

h1.newsscroll {
	/*top level header for all other pages, the news*/
	margin: 0;
	padding: 7px 0 0 0;
	height: 84px;
	width: 270px;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #767676;
}

h1.newsscroll a {
	/**/
	color: #767676;
	padding-right:5px;
}

h1.newsscroll a:hover {
	/**/
	text-decoration: underline;
}

h2 {
	margin: 0;
	padding: 36px 0 0 0;
	font: normal 24px/27px verdana, arial, helvetica, san-serif;
	color: #0088BD;
}

h2.welcome {
	/*header 2 for welcome and home page*/
	margin: 0;
	padding: 5px 0 0 0;
	width: 748px;
	height: 269px;
	background: transparent url(/assets/images/welcome_noflash.gif) no-repeat 0 0;
}

h2.welcome img {
	/*style for images contained in the H2 tag */
	margin: 150px 0 0 450px;
	padding: 0;
}

h3 {
	display:block;
	margin: 0;
	padding: 4px 10px 0 0;
	font: normal 14px/19px verdana, arial, helvetica, san-serif;
	color: #3D3D3D;
}

h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font: 10px/14px verdana, arial, helvetica, san-serif;
	color: #000;
}


div.clr {
	clear: both;
}

#flashcontent {
	/*holds flash and non-flash content*/
	padding: 0;
	margin: 0;
	z-index: 1;
}

#flashnews {
	/*holds flash and non-flash news ticker content*/
	margin: 0;
	padding: 5px 0 0 0;
	height: 85px;
	width: 270px;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #767676; /*background-color:#FFF;*/
	z-index: 100;
}

#container {
	/*holds all content, except elements with ID #abovecontainer*/
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 748px;
	text-align: left;
	background-color: #FFF;
	border: solid 1px #CCC;
}

#content {
	/*holds all content below the main navigation*/
	margin: 0;
	padding: 0;
	width: 748px;
}

/*all overviews are sized with a height 22 px bigger than the background image*/
#productoverview {
	background: #FFF url(/assets/images/bg_product.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	float: left;
	width: 748px; /*Old IE BROWSERS*/
	height: 235px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 708px; /*Other BROWSERS*/
}

#generaloverview, #coatingsoverview, #categoryoverview, #industryoverview {
	background: #FFF url(/assets/images/bg_general.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 40px;
	float: left;
	width: 748px;
	height: 160px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 708px; /*Other BROWSERS*/
}

#generaloverview {
	background: #FFF url(/assets/images/bg_general.jpg) no-repeat 0 0;
}

#coatingsoverview {
	background: #FFF url(/assets/images/bg_coatings.jpg) no-repeat 0 0;
}

#categoryoverview {
	background: #FFF url(/assets/images/bg_category.jpg) no-repeat 0 0;
}

#industryoverview {
	background: #FFF url(/assets/images/bg_industry.jpg) no-repeat 0 0;
	height: 188px;
}

#main {
	/*holds the left column of content*/
	dispaly: block;
	margin: 0;
	padding: 22px 26px 45px 40px;
	float: left;
	width: 567px; /*Old IE BROWSERS*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 481px; /*Other BROWSERS*/
}

.home #main {
	dispaly: block;
	margin:0;
	padding:30px 0 100px 0;
	font: normal 12px/17px verdana, arial, helvetica, san-serif;
	width: 540px;
}

.home table#article-table {
	margin:0 0 0 25px;
}

.home table#article-table td{
	margin: 0;
	padding:0 0 20px 0;
	vertical-align:top;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #7B7B7B;
}

.home table td.1st-column {
	margin:0;
	vertical-align:top;
}

.home table#article-table img{
 float:right;
 margin-right:20px;
}

.home #sidebarcontent span.icon {
 margin:0 6px 0 0;
 vertical-align:middle;
}

#subnav1 {
	display: block;
	margin: 0 0  0 120px;
	padding: 0;
	width: 100%;
}

#sidebar {
	/*holds the right column of content*/
	margin: 0;
	padding: 30px 8px 60px 5px;
	float: right;
	width: 178px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 167px; /*Other BROWSERS*/
}

#sidebarcontent {
	margin:0 10px 10px 0;
	padding:0;
	line-height: normal;
}

#sidebarlinks {
	padding: 10px 0;
	line-height: 15px;
}

#sidebarlinks p {
	padding: 0;
	margin: 0;
}

#sidebarlinks ul li {
	padding: 0 0 0 5px;
	margin: 0;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#nav li {
	position: relative;
	}
ul#nav li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
ul#nav li a {
	display: block;
	text-decoration: none;
	background: #fff;
	padding:1px 5px;
	}
	
ul#nav li:hover a, ul#nav li.over a { 
	display: block;
	color:#FF0000;
	text-decoration: underline;
	background-color:#ebf2f4;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; }
* html ul#nav li a { height: 1%; }
/* End */





/* all of these items are in the log in/sign up area at the top right corner of the page */
/* START */
#loginsignuptoolsweblink {
	/*container for login signup tools and weblink*/
	margin: 0;
	padding: 5px 11px 0 0;
	width: 420px;
	color: #767676;
	float: right;
	text-align: right;
}

#loginsignuptoolsweblink a {
	color: #767676;
}
#accessLinks {
float:right;
}

#accessLinks a:hover {
	text-decoration: underline;
}

#na-en-accesslinks {
display:none;
list-style:none;
text-transform:uppercase;
}

.tools {
	/*tools style*/
	margin: 0;
	padding: 0 0 5px 13px;
}

.weblink {
	/*weblink style*/
	margin: 0;
	padding: 0 0 0 14px;
	list-style:none;
}

.weblink .web, .plus, .reqfield {
	/*weblink "web" text style*/
	color: #0088BD;
}
/* END */

/* all of these items are on the outside of the container at the top of the page */
/* START */
#abovecontainer {
	/*style for items above the main container*/
	margin: 0 auto;
	padding: 0 14px 6px 0;
	width: 734px;
	text-align: right;
}

.sitemap {
	/*sitemap style*/
	margin: 0;
	padding: 0 0 0 15px;
	color: #606060;
}

.languageselection {
	/*language selection above the main container*/
	margin: 0;
	padding: 0;
	color: #606060;
}

#abovecontainer a {
	/*link styles for items above the main container*/
	color: #606060;
	text-decoration: underline;
}
/* END */

/* Search box styles */
/* START */
#searchform {
	/*style for the search form*/
	margin: 0;
	padding: 0;
	position: absolute;
	top: 89px;
	left: 610px;
	width: 210px;
	color: #0088BD;
	padding-bottom: 2px;
}

#searchtext {
	/*style for the text "search" in the search form*/
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	width: 100px;
	border: 1px solid #B2B2B2;
	color: #7B7B7B;
}

#gobutton {
	/*style for the button in the search form*/
	margin: 0;
	padding: 0;
	position: relative;
	top: 4px;
	left: 0px;
}
/* END */

/* Main navigation styles */
/* START */
#mainnav {
	/**/
	margin: 0 0 0 122px;
	padding: 0;
	height: 29px;
}

#mainnav img {
	/**/
	margin: 0;
	padding: 0;
}
/* END */

/* Home page styles */
/* START */
#emailnews {
	/*sign up for email news style on the homepage*/
	margin: 40px 15px 0 0;
	padding: 0;
	float: right;
	display: inline;
	text-decoration: none;
}

#emailnewsicon {
	/*sign up for email news icon style */
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
	left: 0px;
}
/* END */

/* Product Styles */
/* START */
#producticons {
	margin: 0;
	padding: 0;
}

#productinformation {
	/*holds the left column of product header content*/
	display: block;
	margin: 0;
	padding: 0;
	height:35px;
}

ul#prodinformation li{
	float:left;
	margin:10px 0 0 0;
	padding:0 20px 0 0;
	list-style:none;
}

.alt{display:none;}

a#productbrochure {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_brochure.gif) no-repeat 0 0;}
a#productbrochure:hover {background-position:-30px 0;}

a#productspecifications {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_specifications.gif) no-repeat 0 0;}
a#productspecifications:hover {background-position:-30px 0;}

a#ownersmanual {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_ownersmanual.gif) no-repeat 0 0;}
a#ownersmanual:hover {background-position:-30px 0;}

a#productbulletin {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_ownersmanual.gif) no-repeat 0 0;}
a#productbulletin:hover {background-position:-30px 0;}

a#servicemaintenance {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_parts.gif) no-repeat 0 0;}
a#servicemaintenance:hover {background-position:-30px 0;}

a#recommendedpartsconsumables {display:block; width:30px; height:35px; background:transparent url(/assets/images/prod_img_parts.gif) no-repeat 0 0;}
a#recommendedpartsconsumables:hover {background-position:-30px 0;}

#productimage {
	/*holds the right column of product header content*/
	margin: 0 -1px 0 0;
	padding: 0;
	float: right;
	width: 340px;
	height: 220px;
}

#prodimage {
	margin: 0;
	padding: 0;
	text-align: right;
	padding: 0;
	height: 220px;
}

#prodnav {
	margin: 25px 0 0 0;
	padding: 0;
}


#prodbuttons {
	margin: 0;
	padding: 17px 0 0 0;
	list-style: none;
	height: 22px;
}

#prodbuttons li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
}

#prodinformation {
	margin: 38px 0 0 0;
	padding: 0;
	list-style: none;
	width: 330px; /*Old IE BROWSERS*/
	height: 52px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px; /*Other BROWSERS*/
}

#prodinformation li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
}


#prodimagecontols {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#prodimagecontols li {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	display: inline;
	font: normal 9px/12px verdana, arial, helvetica, san-serif;
}

#prodimagecontols li a {
	color: #7B7B7B;
}

#proddescription li.head {
	margin: 0;
	padding: 0;
	list-style: none;
}

#proddescription li {
	margin: 10px 0 0 15px;
	padding: 0;
}

#producticons img {
	margin: 0 13px 0 0;
	padding: 0;
}

div.casestudy {
	margin: 0 0 30px 0;
}

div.casestudy img {
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
	width: 45px;
}

div.casestudy h4 {
	margin:-3px 5px 0 0;
	padding:0;

}

div.casestudy p {
	margin:4px 5px 0 0;
	line-height: 13px;
}


div.casestudy p a {
	padding:0 0 0 5px;
}


/* END */

/* General Template styles */
/* START */
p.general {
	margin: 0 0 25px 0;
	padding: 0;
	font: 10px/14px verdana, arial, helvetica, san-serif;
	line-height: 13px;
	color: #7B7B7B;
}

.general-image img {
	border: 1px solid #B2B2B2;
}
.general-image p {
	margin: 0;
	padding: 0;
}

#main .img-left {
	display: block;
	float: left;
	padding-right: 2em;
	padding-bottom: 0.8em;
	border: 0;
}



/* END */


/* Industry Need Styles */
/* START */
dl {
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

dd {
	margin: 0;
	padding: 6px 0 14px 0;
	color: #000;
}

dt a {
	margin: 0;
	padding: 0 14px 0 0;
	background: transparent url(/assets/images/industry_arrow_icon.gif) no-repeat right center;
}

dt a.active {
	color: #000;
	background: transparent url(/assets/images/industry_arrow_icon_focus.gif) no-repeat right center;
}
/* END */

/* Footer styles */
/* START */
#footer {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 9px;
	width: 748px;
	text-align: center;
	text-transform: uppercase;
}

#footer a {
	margin: 0 15px 0 0;
	padding: 0;
	color: #606060;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#copyright {
	margin: 0;
	padding: 7px 0 0 0;
	color: #606060;
}

#main h4 a {
	color:black;
}


/* END */


/* Product Category & Industry Template styles */
/* START */

.product-list a{
	display:block;
	padding:7px 0px 7px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
}

.product-list a {
	color: #7B7B7B;
}

.product-list a:hover {
	text-decoration:underline;
}

.product-list div.product-image{
	float: left;
	vertical-align:top;	
	clear:both;
}

.product-list img {
	width:55px;
	height:44px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}

.home .product-list img {
	margin:0 10px 10px 0;
}

.product-list ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.product-list li {
	list-style: none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.product-list li.head {
	color:#000000;
}

.product-list .productdescriptor {
	color:#7b7b7b;
}

.product-list li span.newproduct {
	color:#0088BD;
	text-transform:uppercase;
}

.sidebar-list {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: normal;
}


/* END */

/* Product contact Template styles */
/* START */

#contactoverview {
	display: block;
	margin: 0;
	padding: 0 0 0 40px;
	float: left;
	background: #FFF url(/assets/images/bg_general.jpg) no-repeat 0 0;
	width: 748px;
	height: 115px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 708px; /*Other BROWSERS*/
}

div.section, div.section2 {
	margin: 0 0 16px 0;
	padding: 10px 20px;
	border: 1px solid #CCC;
	background-color: #F6F6F6;
}

div.section2 {
	border: 1px solid #E0E0E0;
	background-color: white;
}

#contactoverview ul li {
	list-style: none;
}

ul.overviewhead {
	display: block;
	float: left;
	margin: 45px 0 0 0;
	width: 320px;
}

ul.button {
	padding: 0;
	width: 145px;
}

ul.button li {
	margin: 0;
	margin-top:21px;
	margin-bottom:10px;
	padding: 0;
	list-style: none;
	border: 1px solid #1AA2D7;
}

ul.button a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-transform: uppercase;
	font: bold 10px/11px arial, helvetica, san-serif;
	text-decoration: none;
	background: white url(/assets/images/btn_arrow.gif) no-repeat right center;
}

ul.button a:hover {
	display: block;
	text-decoration: none;
	background-color: #EBF2F4;
	cursor: hand;
}

p.prompt {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
}

div.block {
	display: block;
	float: left;
	padding-left: 10px;
}

ul.block {
	margin: 2px 0 4px 0;
	padding: 0;
}

ul.block li {
	float: left;
	padding: 0px 4px 0 0;
	list-style: none;
}

#main input, #main select {
	line-height: 15px;
	font-size: 11px;
	margin: 0 0 4px 0;
}

#main select {
	height: 15px;
}

.required {
	font-size: 17px;
	font-weight: bold;
	color: #007EA6;
	padding: 0 2px 0 0;
	vertical-align: middle;
}

#main input.submit {
	display: block;
	margin: 0;
	padding: 0 8px;
	line-height: 15px;
	font: 12px/14px verdana, arial, helvetica, san-serif;
}

#sidebar .section2 {
	display: block;
	margin: 0 0 30px 0;
	padding: 6px;
	width: 180px; /*Old IE BROWSERS*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 192px; /*Other BROWSERS*/
}

body.home #sidebar {
	padding-right: 10px;
	width: 195px; /*Old IE BROWSERS*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 185px; /*Other BROWSERS*/
}

.section2 a.product-list ul {
	display: block;
	float: left;
	width: 135px;
}

#sidebar .section2 img {
	display: block;
	padding: 3px;
	border: 0;
	width: 55;
	height: 50;
}

#sidebar p.call {
	font-size: 15px;
}

/* END */


#sitemap ul {
	margin: 0px;
	padding: 0px;
}

#sitemap li {
	list-style: none;
}

#prodnav {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

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

/* END */

/* Landing page Template styles */
/* START */

.landing h1.product {
	top: 45px;
}

.landing h2  {
	position:absolute;
	left: 90px;
	top: 45px;
	width: 88%;
	margin: 0 0 0 10px;
	padding: 0;
	font: normal 20px/56px verdana, arial, helvetica, san-serif;
	color: #0088BD;
}

.landing #main h4 {
	margin:0 0 6px 0;
	padding:0;
	font: normal 11px/12px verdana, arial, helvetica, san-serif;
}

.landing #main p  {
	margin: 0 0 12px 0;
}

#image-block {
padding:0;
margin: 101px 0 0 0;
}

#image-block img {
padding:0;
margin:0;
width: 748px;
}

#content.flash-landing {
width:1%;
}

#content.flash-landing h2{
margin-top:18px;
}

#content.flash-landing h2, #content.flash-landing h3{
width:600px;
margin-left:105px;
}

#content.flash-landing main{
margin:0;
}

#content.flash-landing div{
	margin: 0 10% 0 10%;
	padding: 0;
	width:270px;
	position: relative;
}

#content.flash-landing div a{
margin:30px 0;
font-size: 12px;
}

/* na-en news scroller */
#scrollingnews{
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #CCC;
}

#scrollingnews h1{
	font: normal 12px verdana, arial, helvetica, san-serif;
	color: #0088BD;
	margin:0;
	padding:0 0 7px 10px;
	text-transform:uppercase;
}

/* new product media styles */
#prodmedia-bg{
	background: url(/assets/images/bg_productmedia.jpg) repeat-y 0 0;
}

#prodmedia-bg .data{
	padding:10px 10px 10px 40px;
	width: 162px; /*Old IE BROWSERS*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 212px; /*Other BROWSERS*/
}

#prodmedia-bg .bottom{
	background: url(/assets/images/bg_productmedia_btm.jpg) no-repeat;
}

#imagelist a {
	padding:3px;
}

#imagelist a:hover {
	background-color: #;
}

#imagelist img {
	margin:5px 1px 0 0;
	padding: 0;
	height: 38px;

}

/* ecomm styles */
.ecomm-button {
	/*display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-transform: uppercase;
	font: bold 10px/11px arial, helvetica, san-serif;
	text-decoration: none;
	border: 1px solid #1AA2D7;
	background: white;
	height: 10px;*/
	background: none;
	border: 1px solid #1AA2D7;
	color: #1AA2D7;
	padding: 2px 0;
	text-transform: uppercase;
    cursor: pointer;
}

.ecomm-button-arrow {
	/*display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-transform: uppercase;
	font: bold 10px/11px arial, helvetica, san-serif;
	text-decoration: none;
	border: 1px solid #1AA2D7;
	background: white url(/assets/images/btn_arrow.gif) no-repeat right center;
	height: 10px;*/
	background: none url(/assets/images/btn_arrow.gif) no-repeat right center;
	border: 1px solid #1AA2D7;
	color: #1AA2D7;
	padding: 2px 10px 2px 0;
	text-transform: uppercase;
	cursor: pointer;
}

.flashplayer h2{
margin-bottom:10px;
}

.flashplayer #videoPlayer {
	display:block;
	position:relative;
	left: 19%;
}

#videoPlayer a {
	display:block;
	padding:0 0 0 26px;
	width:346px;
}

body.flashplayer #sidebar {
	position: absolute;
	right: 25px;
	padding-right: 10px;
	width: 185px; /*Old IE BROWSERS*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 175px; /*Other BROWSERS*/
}

/* END */