/* CSS Document
-----------------------------------------------------------
nobles.com
editor: Dan.Platt@www.tennantco.com
updated:08.03.08
------------------------------------------------------------ */

body {
	/*body style for homepage & product page*/
	margin: 0;
	padding: 8px 15px 30px 15px;
	font: normal 10px/16px verdana, arial, helvetica, san-serif;
	color: #3D7270;
	text-align: center;
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	color: #444444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {
	font-size: 13px;
}

h2 {
	font-size: 12px;
}

h3, h4, h5, h6 {
	font-size: 11px;
}

input {
	font: normal 12px verdana, arial, helvetica, san-serif;
	color: #6B6D6A;
}

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

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

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

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

#container {
	width: 748px;
	margin: 0 auto;
	padding: 0;
}

#langselect {
	text-align: right;
	padding: 0px 30px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #2B5A4E;
}

#langselect a {
	font-weight: bold;
	color: #2B5A4E;
}

#header {
	text-align: left;
	background: #FFF url(/assets/images/nobles/top-bkg.jpg) no-repeat 0 0; /*height: 140px; /*max 175px*/
}

#header #headertools {
	height: 95px;
}

#header #headertools #toolbox {
	width: 235px;
	height: 35px;
	margin: 55px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
	float: right;
	text-align: right;
}

#header #headertools #toolbox #webLink {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header #headertools #toolbox #search input {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	border: 0px;
}

#header #headertools #toolbox #search #searchtext {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	border-left: 1px solid #999999;
	border-top: 1px solid #000000;
	font-size: 11px;
	height: 18px;
	width: 175px;
}

#header #mainnav {
	height: 30px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header #subnav {
	height: 25px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header #logo {
	position: relative;
	float: left;
	margin: 15px 0px 0px 20px;
}

#header #mainnav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 54px;
}

#header #mainnav li {
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header #mainnav a {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2B5A4E;
}

#header #mainnav a:hover, #header #mainnav a.active {
	color: #2B8F1E;
	text-decoration: none;
}

#header #subnav {
	font-size: 10px;
	font-weight: bold;
	color: #2B5A4E;
}

#header #subnav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 58px;
}

#header #subnav li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#header #subnav a {
	font-size: 10px;
	font-weight: bold;
	color: #2B5A4E;
}

#header #subnav a:hover, #header #subnav a.active {
	color: #2B8F1E;
	text-decoration: none;
}

#content {
	text-align: left;
	background: #FFF url(/assets/images/nobles/tile-bkg.jpg);
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
	padding: 15px 20px 30px 60px;
}

#content .img-left {
	float:left;
	padding-right:14px;
}

#content p {
	margin-top:0;
}

#content ul {
	margin-left:1.5em;
	padding-left:0;
	margin-top:0;
}

#content ul ul{
	list-style:disc;
}

#sidebarcontent {
margin-left:5px;
}

.footercontent ul {
	margin-left:1.5em;
	padding-left:0;
	margin-top:0;
}

.footercontent p, .footercontent li{
color: #3D7270;
}

.footercontent p{
margin-top:0;
}

#footer {
	text-align: left;
	background: #FFF url(/assets/images/nobles/bottom-bkg.jpg) no-repeat;
	height: 86px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer #footerlinks {
	padding: 3px 0px 0px 57px;
	margin: 0px 0px 0px 0px;
}

#footer #footerlinks ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer #footerlinks li {
	display: inline;
}

#footer a {
	color: #777777;
	font-weight: bold;
}

#copyright {
	text-align: left;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 60px;
}

#copyright p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* one columns of content */
#one_column .col1 {
	width: 100%;
}

/* two columns of content */
#two_column .col1 {
	width: 100%;
	float: left;

}

#two_column .col2 {
	width: 150px;
	float: right;
}

.col2 ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

/* three columns of content */
#three_column .col1 {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: -26px;
		
}

#three_column .col2_3 {
	width: 430px;
	float: right;
	padding: 0;
	margin: 0;
}

#three_column .col2 {
	float: left;
	width: 280px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px; /*Other BROWSERS*/
}

#three_column .col2 .box-right {
	width: 300px;

}

#three_column .col2 .box-right .producticons {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#three_column .col2 .box-right .producticons img {
	margin: 0 5px 0 0;
	padding: 0;
}

#three_column .col2 .box-both {
	width: 274px;
}

#three_column .col3 {
	width: 125px;
	float: left;
}

/* product category content */
#product-category-list {
}

#product-category-list h1 {
	width: 245px;
	padding: 5px 0px 5px 0px;
}

#product-category-list .product-item {
}

#product-category-list .product-item .box-right {
	width: 245px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}

#product-category-list .product-item .box-container {
	padding: 7px 15px 7px 0px;
}

#product-category-list .product-item .details-pre, #product-category-list .product-item .details {
	width: 410px;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: right;
	display: block;
}

.details-pre .connector, .details .connector {
	width: 30px;
	height: 25px;
	float: left;
	border-bottom: 4px solid #6B847C;
}

.details-pre .col2, .details .col2 {
	width: 275px;
	display: inline-block;
	float: right;
}

.details-pre .col3, .details .col3 {
	width: 105px;
	display: inline-block;
	float: right;
}

.box-both h2 span.newproduct {
	padding-left:5px;
	color: #339966;
	text-transform:uppercase;
}


/*=============================================================*/
.clr {
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.bolt-left {
	background: transparent url(/assets/images/nobles/bolt.gif) no-repeat 50% 0;
	float: left;
	height: 30px;
	width: 30px;
	padding: 0px 0px 0px 0px;
}

.bolt-right {
	background: transparent url(/assets/images/nobles/bolt.gif) no-repeat 50% 0;
	float: right;
	height: 30px;
	width: 30px;
	padding: 0px 0px 0px 0px;
}

.box-right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 3px solid #6B847C;
}

.box-both {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 3px solid #6B847C;
	border-left: 3px solid #6B847C;
	height: 100%;
}

.box-right-top, .box-right-top-small {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 3px solid #6B847C;
	float: right;
	width: 25px;
}

.box-right-top-small {
	width: 10px;
}

.box-left-top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 3px solid #6B847C;
	float: left;
	width: 25px;
}

.box-right-btm, .box-right-btm-small {
	margin: -4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #6B847C;
	float: right;
	width: 25px;
	height: 1px;
	clear: both;
}

.box-right-btm-small {
	width: 10px;
}

.box-left-btm {
	margin: -4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #6B847C;
	float: left;
	width: 25px;
	height: 1px;
	clear: both;
}

#content ul.col3menu {
	margin:15px 0 0 0;
}

.col3menu {
	text-align: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
}

.col3menu li {
	width: 100%;
	background-color: #3D6358;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#content .box-right li{
	list-style:disc;
	list-style-position:inside;
}

.col3menu a, .col3menu a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	padding: 0px 0px 0px 7px;
}

.col3content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
}

.col3content a, .col3content a:hover {
	font-size: 9px;
	line-height: 14px;
}

.box-right .box-container-data {
	padding: 0px 5px 0px 0px;
}

.box-both .box-container-image {
	text-align: center;
}

.box-both .box-container-data {
	padding: 15px 25px 15px 25px;
}

/*=============================================================*/
#sitemap h1 {
	text-transform: capitalize;
}
#sitemap ul {
	margin: 0px 0px 10px 10px;
}

/* ====== vis/hidden product thum states ==== */
.prodThumb {
	display: block;
}

.prodThumbInactive {
	display: none;
}

a.hoverlink, a.hoverlink:hover, a.hoverlink-active, a.hoverlink-active:hover {
	text-decoration: none;
}

.hoverlink .prodThumb {
	display: none;
}

.hoverlink .prodThumbInactive {
	display: block;
}

.hoverlink-active .prodThumb {
	display: block;
}

.hoverlink-active .prodThumbInactive {
	display: none;
}

.hoverlink .box-right, .hoverlink .box-right-top-small, .hoverlink .box-right-btm-small{
	border-color:#bbbbbb;
}

.hoverlink h2{
	color:#999999;
}

.hoverlink-active .box-right, .hoverlink-active .box-right-top-small, .hoverlink-active .box-right-btm-small{
	border-color:#6B847C;
}

.hoverlink-active h2{
	color: #444444;
}
#videoPlayer a {
	display:block;
	padding:0;
	width:346px;
	margin-top:10px;
}