
/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #333 url(assets/home/bg.jpg) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	line-height: 17px; 
}

/* links */
a, a:visited {	
	color: #C6690D;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
.locateLink a:link {
	color: #C6690D;
	text-decoration: none;
}
.locateLink a:visited {
	color: #996600;
	text-decoration: none;
}
.locateLink a:hover {
	color: #336699;
}
.noLine a:link {
	color: #ffffff;
	text-decoration: none;
}
.noLine a:visited {
	color: #ffffff;
	text-decoration: none;
}
.noLine a:hover {
	color: #ffffff;
}
.reps a:link	{
	color: #336600;
	text-decoration: none;
}
.reps a:hover {
	color: #6699CC;
	text-decoration: none;
}
.reps a:visited {
	color: #996600;
	text-decoration: none;
}
.buy a:link	{
	color: #993300;
	text-decoration: none;
}
.buy a:hover {
	color: #6699CC;
	text-decoration: none;
}
.buy a:visited {
	color: #993300;
	text-decoration: none;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: Bold; 	
	padding: 0px;			
}
h1 {
	font-size: 16px;
	color: #00649F;		
}
h2 {
	font-size: 12px;
	color: #333333;
}
h1.homeLink {
	font-size: 12px;
	padding: 0px;
}
h1.homeLink a {
	color: #00649F;
}
h1.homeLink a:hover {
	text-decoration: none;
}
h1.homeText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B4B4B;
	line-height: 17px; 
	font-weight: normal;
}
/* Lists */
 ul, li {
	list-style-type: disc;
	list-style-position: inside;
 }
ul.dsiList, li.dsiList {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 8px;
	padding-left: 8px;
}

/* images */
img {
	border: none;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
.imgBorder {
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #FFFFFF;
}
blockquote {
	margin: 10px 5px;
 	padding: 5px 7px 5px 0px;  	
   font-weight: normal;
	font-size: 16px;
	line-height: 1.6em;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #80614D;	
}

/* form elements */
form.f_back {
	margin: 20px 10px; 
	padding: 15px 25px 25px 20px; 
	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
	width: 625px;
}
label {
	font-weight: bold;
	color: #A7743B;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
}
option { padding-right: 0.5em; } 

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #A6CD56;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}
form.adForm {
	background: #EDF5E9;
	border: #3D612C 1px solid;
	margin: 0; 
	padding: 10px 10px 15px 10px;
	
}
input.adButton { 
	font: bold 12px Arial, Sans-serif; 
	height: 35px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #069;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #CCC;
}
form.DSIForm {
	background: url(assets/ads/view_webcast.jpg) no-repeat top center;
	margin: 0; 
	padding: 10px 10px 15px 10px;
	
}
input.DSIButton { 
	padding: 2px 3px; 
	width: 248px;
	height: 50px;
	border: none;
}
/* LAYOUT   */ 
#wrapHome {
	position: relative;
	width: 800px;
	margin: 30px auto 30px auto;
	text-align: left;	
}
#wrap {
	position: relative;
	width: 800px;
	margin: 30px auto 30px auto;
	text-align: left;	
}
#content {
	clear: both;	
	float: left;	
	width: 800px;						
	padding: 0px 0px 0px 0px;
	background: #fff;  	
}
#header {
	position: relative;
	width: 800px;
	height: 70px;
	background: #fff url(assets/home/header.jpg) no-repeat;	
	color: #fff;	
	padding: 0;	
	margin: 0px 0 0 0;	
}
#header a#link1 {
	display: block;
	position: absolute;
	width: 275px;
	height: 70px;
	top: 0px;
	left: 0px;
} 
#languages {
	float: none;
	background: none;
	width: 795px;
	height: 30px;
	position: relative;
	text-align: right;
	clear: right;
	padding-right: 5px;
}
/* Home */
#homeDesc {
	float: right;
	width: 330px;
	padding: 0; 
	margin: 20px 20px 0px 0px;
	display: inline;
	overflow: hidden;
}

#feature {
	float: left;
	width: 410px;
	height: 510px;
	padding: 0; 
	margin: 20px 0px 20px 20px;
	display: inline;	
}
#feature h3 {
	color: #51432F; 
	font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
	padding: 5px 0 5px 7px; 
	margin: 10px 0 5px 10px; 	
	border-bottom: 1px solid #E4F2C8;	
}
#product1 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: left;
	clear: both;
	display: inline;
	width: 330px;
	height: auto;
	overflow: hidden;
	font-size: 11px;
}
#product2 {
	margin: 10px 0 0 0;
	padding: 5px 3px 0px 0px;
	float: left;
	clear: both;
	display: inline;
	width: 330px;
	height: auto;
	overflow: hidden;
	font-size: 11px;
	border-top: #B2B2B2 dotted 1px;
}

#product3 {
	margin: 10px 0 0 0;
	padding: 5px 3px 0px 0px;
	float: left;
	display: inline;
	clear: both;
	width: 330px;
	height: auto;
	overflow: hidden;
	font-size: 11px;
	border-top: #B2B2B2 dotted 1px;
}
#product4 {
	margin: 10px 0 0 0;
	padding: 5px 3px 0px 0px;
	float: left;
	display: inline;
	clear: both;
	width: 330px;
	height: auto;
	overflow: hidden;
	font-size: 11px;
	border-top: #B2B2B2 dotted 1px;
}
#product5 {
	margin: 10px 0 0 0;
	padding: 5px 3px 0px 0px;
	float: left;
	display: inline;
	clear: both;
	width: 330px;
	height: auto;
	overflow: hidden;
	font-size: 11px;
	border-top: #B2B2B2 dotted 1px;
}
#mainProduct {
	margin: 5px 0 0 0;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
	width: 330px;
	height: auto;
	overflow: hidden;
	text-align: left;
	line-height: 19px;
}
/* Inside */
#breadcrumbs {
	width: 778px;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
	height: 1.8em;
}
#breadcrumbs ul {
	font-size: 11px;
}
#breadcrumbs li {
   float:left;
   line-height: 2.0em;
   padding-left:.75em;
   color: #666666;
   list-style: none;
}
#breadcrumbs li a {
   display: block;
   padding: 0 15px 0 0;
   font-size: 11px;
   height: 2.0em;
   background: url(assets/shared/crumbs.gif) no-repeat right center;
}

#linkLine {
	width: 790px;
	float: left;
	margin-top: 5px;
	text-align: right;
	padding-right: 10px;
	font-size: 11px;
}
#mainContent {
	width: 760px;
	float: left;
	margin-top: 0px;
	padding: 0 20px 0 20px;
	background: #fff;
}
#product-selection {
	width: 750px;
	float: left;
	margin-top: 10px;
}
#product-selection ul {
	font-size: 16px;
}
#product-selection li {
   float:left;
   line-height: 20px;
   padding-left: 20px;
   color: #666666;
   list-style: none;
}
#product-selection li a {
   display: block;
   width: 195px;
   padding: 15px;
   font-size: 16px;
   height: 20px;
   border-right: 2px solid #005984;
   border-left: 2px solid #005984;
   border-top: 1px dotted #005984;
   border-bottom: 1px dotted #005984;
   background-color: #EDF1FA;
   text-align: center;
   margin-top: 15px;
   color: #005984;
}
#product-selection li a:hover {
	color: #999999;
}
/* header quick search */
#header form#qsearch {
	padding: 0; margin: 10px 0px 0 20px;
	float: right;
	border: none;
	width: 300px; height: 40px;	
	background: none;
}
#header form#qsearch p {
	margin: 0; padding: 0;		
}
#header form#qsearch input {
	float: left;
	color: #333333;	
	margin: 0px 0 0 0;
	border-width: 1px;
	border-style: solid;
  	border-color: #AEAEAE;
}
#header form#qsearch input.imgButton {
	border: none;
	margin-top: -4px;
}
/* tables */
table {
	margin-left: auto;
	margin-right: auto;
}
table.main {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;	
}
table.main th {
	height: 20px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: center;
	background: #D08C48;
}
table.main tr {
	height: 24px;
	background: #fff;
}
table.main td {
	padding-left: 11px;
	padding-right: 11px;
	border: 1px solid #CCCCCC;	
}
table.productsBlue {
	border-collapse: collapse;
	border: none;	
}
table.productsBlue th {
	height: 18px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	background: #ADD163;	
}
table.productsBlue tr {
	height: 18px;
	background: #E9EEF8;
}
table.productsBlue td {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-right: 5px solid white;
}
table.blades {
	border: #E2E2E2 solid 2px;
	border-collapse: collapse;
}
table.blades th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	background: #ADD163;	
}
table.blades tr {
	height: 34px;
}
table.blades td {
	padding: 5px;
}
table.productLists {
	border-collapse: collapse;
	background-color: white;
}
table.productLists td {
	padding: 5px;
	background-color: white;
}
table.services {
	border-collapse: collapse;	
}
table.services tr {
	height: 24px;
	background: #fff;
}
table.services td {
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;	
}	
table.services td.nobottom {
	border-bottom: none;
}
table.events {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
	background-color: white;
}
table.events td {
	padding: 8px;
	background-color: #FEF3E7;
	border-bottom: 1px solid #CCCCCC;
}
table.events td.second {
	padding: 8px;
	background-color: white;
	border-bottom: 1px solid #CCCCCC;
}
table.events th {
	border-bottom: 1px solid #CCCCCC;
	padding: 8px;
	background-color: #D08C48;
	color: white;
}
.featurephotos {
	float: right;
	padding: 5px;
	margin: 0px 10px 0px 10px;
	border: #CCCCCC 1px solid;
}
.featurephotosleft {
	float: left;
	padding: 5px;
	margin: 0px 10px 0px 0px;
	border: #CCCCCC 1px solid;
}
table.reps {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.reps td {
	border-bottom-width: 1px;
	padding: 2px;
	border-bottom-style: dotted;
	border-bottom-color: gray;
	background-color: white;
}
table.locator {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	padding: 5px;
}
table.locator th {
	border-width: 1px;
	padding: 4px;
	border-style: dotted;
	border-color: gray;
	background-color: #E1D5C8;
}
table.literature {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	padding: 4px;
}
table.literature th {
	border-width: 1px;
	padding: 2px;
	border-style: dotted;
	border-color: gray;
	background-color: #C9DDC8;
}
table.literatureMain {
	padding: 0px;
	background: white;
}
table.literatureMain th {
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
	color: black;
	border-bottom: 1px solid #D08C48;
}
table.literatureMain td {
	padding: 8px;
}
table.literatureMain td.whiteBorder {
	border-right: 1px dotted #E4E4E4;
}
table.QuickFacts {
	border-collapse: collapse;
	background-color: white;
}
table.QuickFacts td {
	border-right: #D4D4D4 solid 1px;
	padding: 5px;
	background-color: white;
}
table.QuickFacts td.noborder {
	border-right: none;
}
table.QuickFacts td.topbottomborder {
	border-left: none;
	border-bottom: #D4D4D4 solid 1px;
	border-right: none;
	border-top: #D4D4D4 solid 1px;
	padding: 10px;
}
table.mclean {
	border-collapse: collapse;
}
table.mclean td {
	padding: 10px;
}
/* footer */
#footer {
	clear: both;
	width: 800px;
	margin: 0;
	padding: 25px 0 25px 0;
	background: #333 url(assets/home/footer.jpg) no-repeat left top;			
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;	
	text-align: center;
}
#footerLeft {
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	width: 250px;
	line-height: 13px;
}
#footerRight {
	padding-right: 15px;
	padding-top: 0px;
	float: right;
	width: 150px;
	text-align: right;
}
#footer a:hover { 
	color: #CCCCCC; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
}
#footer a {
	color: #FFFFFF;
}
.copyright {
	font-size: 9px;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
#bladewrapper {
	float: left;
	width: 700px;
	position: relative;
}

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display: inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
}  
.letterSpace {
	letter-spacing: 5px;
} 
.bold {
	font-weight: bold;
}
.bluebold {
	color: #00649F;
	font-weight: bold;
}
.energyTipTitle {
	font-size: 14px;
	color: #C60;
	font-weight: bold;
}
.404 {
	color: #00649F;
	font-weight: bold;
	font-size: 20px;
}
.patentnumber {
	font-size: 11px;
	font-weight: normal;
}
.productBoxBorder {
	border-right: #FFFFFF solid 1px;
	padding: 2px;
}
.productBox {
	padding: 2px;
}
table.leadership {
	border: #CCCCCC solid 1px;
	border-collapse: collapse;
	background-color: white;
}
table.leadership td {
	border-bottom-width: 1px;
	border-right: none;
	padding: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-color: white;
}
/* Energy Tips */
#energytipsbox {
	float: left;
	width: 650px;
	padding: 10px;
	background-color: #F2F2F2;
	border: #CCC solid 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* Products */

#productLeftT {
	float: left;
	position: relative;
	width: 330px;
	min-height: 135px;
	padding: 5px;
	left: 25px;
	border: #cccccc solid 1px;
}
#productLeftB {
	float: left;
	position: relative;
	width: 330px;
	min-height: 135px;
	top: 10px;
	left: 25px;
	padding: 5px;
	margin-bottom: 40px;
	border: #cccccc solid 1px;
}
#productRightT {
	float: left;
	position: relative;
	width: 330px;
	min-height: 135px;
	padding: 5px;
	left: 40px;
	border: #cccccc solid 1px;
}
#productRightB {
	float: left;
	position: relative;
	width: 330px;
	min-height: 135px;
	top: 10px;
	padding: 5px;
	left: 40px;
	margin-bottom: 40px;
	border: #cccccc solid 1px;
}
