@charset "UTF-8";

body {
	background: #88888a;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	padding: 0px;
}

#template {
	margin: 0px auto;
	padding: 22px 0px 0px 0px;
	width: 966px;
}

img {
	border: none;
	border-collapse: collapse;
}

a {
	color: #26569a;
}

a:hover {
	text-decoration: none;
}

/*--------------------------------------------------*/
/* COMMON
/*--------------------------------------------------*/

.navSeparator {
	background: url(../img/separator.gif) repeat-x 0px 5px;
	height: 13px;
	margin: 0px 0px 0px 14px;
	padding: 0px;
	width: 223px;
}

.navSeparator.last {
	height: 9px;
}

.contentSeparator {
	background: url(../img/separator.gif) repeat-x 0px 5px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}

.headerDivider {
	background: url(../img/metal_divider.jpg) no-repeat 0px -40px;
	height: 18px;
	margin: 0px;
	padding: 0px;
}

.contentDivider {
	background: url(../img/content_dividers.png) no-repeat;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.contentDivider span {
	background: url(../img/content_divider_caps.png) no-repeat right top;
	display: block;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.contentDivider2 {
	background: url(../img/content_dividers.png) no-repeat 0px -11px;;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.contentDivider2 span {
	background: url(../img/content_divider_caps.png) no-repeat right -11px;
	display: block;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.contentDivider3 {
	background: url(../img/content_dividers.png) no-repeat 0px -22px;
	height: 22px;
	margin: 0px;
	padding: 0px;
}

.contentDivider3 span {
	background: url(../img/content_divider_caps.png) no-repeat right -22px;
	display: block;
	height: 22px;
	margin: 0px;
	padding: 0px;
}

.separatorCap {
	background: url(../img/separator_cap.gif) repeat;
}

.endCap {
	clear: both;
}

.menu {
	background: #e2e3e3;
	margin: 0px;
	padding: 10px 15px;
}

.copy {
	background: #fff;
	margin: 0px;
	padding: 10px 15px;
}

.column1,
.column2,
.column3 {
	float: left;
	width: 215px;
}

.hide {
	display: none;
	visibility: hidden;
}

/*--------------------------------------------------*/
/* HEADER
/*--------------------------------------------------*/

#header {

}

/*--------------------------------------------------*/
/* CONTENT
/*--------------------------------------------------*/

#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 966px;
}

#contentHeader {
	visibility: hidden;
	display: none;
}

/*--------------------------------------------------*/
/* CONTENT 1
/*--------------------------------------------------*/

#content1 {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 240px;
}

/* LOGO */

#logo {
	margin: 0px;
	padding: 0px;	
}

#logo a {
	background: url(../img/northern_power_products.gif) no-repeat;
	display: block;
	height: 148px;
	width: 241px;
}

#logo a span {
	display: none;
	visibility: hidden;
}

/* SEARCH */

#searchBlock {
	height: 20px;
	margin: 0px 0px 0px 14px;
	padding: 0px;
	width: 236px;
}

#searchBlock label {
	color: #333;
	display: block;
	float: left;
	font-size: 11px;
	margin: 3px 4px 0px 20px;
}

#searchBlock #search {
	width: 114px;
	float: left;
	font-size: 10px;
	margin-right: 4px;
}

#searchBlock a#searchButton {
	background: url(../img/search_button.gif) no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 31px;
}

#searchBlock a#searchButton:hover {
	background: url(../img/search_button.gif) no-repeat 0px -20px;
}

#searchBlock a#searchButton span {
	display: none;
	visibility: hidden;
}

/*--------------------*/
/* NAV
/*--------------------*/

#content1 ul.nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* DEFAULT TEXT */

.navText {
	background: url(../img/nav_default_bg.png) repeat-y;
	margin: 0px 0px 0px 12px;
	padding: 10px;
}

.navTextCap {
	background: url(../img/nav_default_bg_cap.png) no-repeat;
	height: 4px;
	margin: 0px 0px 0px 12px;
	width: 228px;
}

/* IMAGES */

#ftpNavWelcome {
	background: url(../img/ftp_nav_welcome.jpg) no-repeat;
	height: 74px;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	width: 228px;
}

#ftpNavWelcome span {
	display: none;
	visibility: hidden;
}

/* NAV HEADERS */

#content1 h2 {
	background: url(../img/nav_bg.gif) no-repeat -687px 0px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	width: 229px;
}

#content h2 span {
	background: url(../img/nav_bg_cap.gif) no-repeat -687px bottom;
	display: block;
	padding: 3px 10px 3px 13px;
	width: 206px;
}

/* PRIMARY */

#content1 ul.nav li {
	background: url(../img/nav_bg.gif) no-repeat;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	width: 229px;
}

#content1 ul.nav li a {
	background: url(../img/nav_bg_cap.gif) no-repeat 0px bottom;
	color: #2461a4;
	display: block;
	padding: 3px 10px 4px 11px;
	text-decoration: none;
	width: 208px;
}

/* SECONDARY */

#content1 ul.nav li.secondary {
	background: url(../img/nav_bg.gif) no-repeat -458px 0px;
}

#content1 ul.nav li a.secondary {
	background: url(../img/nav_bg_cap.gif) no-repeat -458px bottom;
	color: #2461a4;
}

/* PRIMARY ROLLOVERS */

#content1 ul.nav li:hover,
#content1 ul.nav li.on {
	background: url(../img/nav_bg.gif) no-repeat -229px 0px;
}

#content1 ul.nav li a:hover,
#content1 ul.nav li a.on {
	background: url(../img/nav_bg_cap.gif) no-repeat -229px bottom;
	color: #fff;
}

/* LAST CAP */

.navCap {
	background: url(../img/nav_footer.jpg) no-repeat;
	height: 14px;
	width: 228px;
	margin: 0px 0px 0px 12px;
}

/*--------------------------------------------------*/
/* CONTENT 2
/*--------------------------------------------------*/

#content2 {
	background: #88888a url(../img/separator.gif) repeat-y 4px top;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	position: relative;
	width: 716px;
}

#content2 h2 {
	color: #26569a;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#content2 h3 {
	color: #ab2615;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#content2 p {
	background: #fff;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

#content2 p.first {
	padding-top: 10px;
}

/* INTRO */

#intro {
	background: #59779a;
	color: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 15px 15px 0px 15px;
}

#intro h2 {
	color: #fff;
	margin: 0px;
	padding: 0px;
}

#intro p {
	background: none;
	color: #fff;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#intro ul {
	margin: 0px;
	padding: 0px 0px 10px 20px;
}

/*--------------------*/
/* TOP NAV
/*--------------------*/

#navPlaceholder {
	background: url(../img/topnav_bg.gif) no-repeat 0px -84px;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#navPlaceholder span {
	background: url(../img/topnav_bg_caps.gif) no-repeat 0px -105px;
	display: block;
	float: right;
	height: 21px;
	margin: 0px;
	padding: 0px;
	width: 8px;
}

#topNavRow1 {
	background: #88888a;
	height: 24px;
}

#topNavRow1 h2 {
	display: none;
	visibility: hidden;
}

#topNavRow2 {
	background: url(../img/topnav_bg.gif) no-repeat 0px -84px;
	height: 21px;
}

#topNavRow2 h2 {
	display: none;
	visibility: hidden;
}

/* SITE LINKS */

#topNav1 {
	background: #88888a;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 4px 0px 0px 7px;
	padding: 0px;
	list-style-type: none;
	height: 20px;
}

#topNav1 li {
	float: left;
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

#topNav1 li.first {
	margin: 0px;
}

#topNav1 a {
	color: #333;
	text-decoration: none;
}

#topNav1 a:hover,
#topNav1 a.on {
	color: #fff;

}

/* LOGINS */

#topNavLogins {
	background: #88888a;
	float: right;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	height: 24px;
}

#topNavLogins a span {
	display: none;
	visibility: hidden;
}

#topNavLogins li {
	float: left;
	padding: 0px 0px 0px 3px;
}

#topNavFtpLogin a {
	background: url(../img/ftp_login.gif) no-repeat;
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 76px;
}

#topNavFtpLogin a:hover,
#topNavFtpLogin a.on {
	background: url(../img/ftp_login.gif) no-repeat 0px -20px;
}

#topNavKubotaLogin a {
	background: url(../img/kubota_login.gif) no-repeat;
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 107px;
}

#topNavKubotaLogin a:hover,
#topNavKubotaLogin a.on {
	background: url(../img/kubota_login.gif) no-repeat 0px -20px;
}

/* FEATURES */

#topNav2 {
	background: url(../img/topnav_bg.gif) no-repeat 0px -84px;
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 21px;
}

#topNav2 li {
	background: url(../img/topnav_bg.gif) no-repeat;
	float: left;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#topNav2 li a {
	background: url(../img/topnav_bg_caps.gif) no-repeat right top;
	color: #2561a5;
	display: block;
	font-weight: bold;
	height: 17px;
	padding: 4px 9px 0px 9px;
	text-decoration: none;
}

#topNav2 li:hover,
#topNav2 li.on {
	background: url(../img/topnav_bg.gif) no-repeat 0px -21px;
}

#topNav2 li a:hover,
#topNav2 li a.on {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -21px;
	color: #fff;
}

#topNav2 li a.last {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -42px;
	padding-right: 13px;
}

#topNav2 li a.last:hover,
#topNav2 li a.last.on {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -63px;
}

#topNav2Right {
	float: right;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 21px;
}

#topNav2Right li {
	float: left;
}

#topNav2Right li {
	background: url(../img/topnav_bg.gif) no-repeat 0px -42px;
}

#topNav2Right li a {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -84px;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 17px;
	padding: 4px 9px 0px 9px;
	text-decoration: none;
}

#topNav2Right li:hover,
#topNav2Right li.on {
	background: url(../img/topnav_bg.gif) no-repeat 0px -63px;
}

#topNav2Right li a:hover,
#topNav2Right li a.on {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -21px;
}

#topNav2Right li.first {

}

#topNav2Right li.first a.first {
	padding-left: 60px;
}

/*--------------------*/
/* SUB NAV
/*--------------------*/

#content2 .subnav {
	background: #e0e4e3;
	height: 21px;
}

#content2 .subnav ul {
	background: url(../img/topnav_bg.gif) no-repeat 0px -84px;
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 21px;
}

#content2 .subnav ul li {
	background: url(../img/topnav_bg.gif) no-repeat;
	float: left;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#content2 .subnav ul li a {
	background: url(../img/topnav_bg_caps.gif) no-repeat right top;
	color: #2561a5;
	display: block;
	font-weight: bold;
	height: 17px;
	padding: 4px 9px 0px 9px;
	text-decoration: none;
}

#content2 .subnav ul li:hover,
#content2 .subnav ul li.on {
	background: url(../img/topnav_bg.gif) no-repeat 0px -21px;
}

#content2 .subnav ul li a:hover,
#content2 .subnav ul li a.on {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -21px;
	color: #fff;
}

#content2 .subnav ul.right {
	float: right;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 21px;
}

#content2 .subnav ul.right li {
	float: left;
}

#content2 .subnav ul.right li {
	background: url(../img/topnav_bg.gif) no-repeat 0px -105px;
}

#content2 .subnav ul.right li a {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -84px;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 17px;
	padding: 4px 9px 0px 9px;
	text-decoration: none;
}

#content2 .subnav ul.right li:hover,
#content2 .subnav ul.right li.on {
	background: url(../img/topnav_bg.gif) no-repeat 0px -21px;
}

#content2 .subnav ul.right li a:hover,
#content2 .subnav ul.right li a.on {
	background: url(../img/topnav_bg_caps.gif) no-repeat right -21px;
}

#content2 .subnav ul.right li.first {

}

#content2 .subnav ul.right li.first a.first {
	padding-left: 60px;
}

/* SUBNAV2 */
#content2 .subnav2 {
	padding: 5px 15px 5px 15px;
}

/*--------------------------------------------------*/
/* FOOTER
/*--------------------------------------------------*/

#contentFooter {
	background: #88888a;
	padding: 0px 0px 15px 0px;
	position: relative;
}

#contentFooter p {
	background: url(../img/footer_bg.gif) no-repeat;
	height: 23px;
	margin: 0px;
	padding: 4px 0px 0px 10px;
}

#contentFooter a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

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

#footer {

}

/*--------------------*/
/* TABLES
/*--------------------*/

table,
table tr,
table td {
	border: 0px;
	border-collapse: collapse;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

table {
	width: 100%;
}

table td,
table th {
	border-left: 1px solid #465981;
	border-top: 1px solid #465981;
	padding: 3px 5px;
}

table td.last {
	border-right: 1px solid #465981;
}

table tr.last td {
	border-bottom: 1px solid #465981;
}

table tr.tableHead {
	background: #c0d1e5;
}

table tr.tableHead th {
	text-align: left;
}

table tr.tableHead td,
table tr.tableHead th {
	background: #c0d1e5;
	border-left: 1px solid #c0d1e5;
	border-top: 1px solid #c0d1e5;
	border-right: 1px solid #c0d1e5;
	font-size: 11px;
}

table.sortable th {
	cursor: pointer;
}

table.sortable th.sorttable_nosort {
	cursor: default;
}

table.sortable th {
	color: #2461a4;
	text-decoration: underline;
}

table.sortable th.sorttable_nosort {
	color: #333;
	text-decoration: none;
}

table td.promotion {
	color: #d2232a;
}

table tr.cap td {
	background: #c0d1e5;
	border-left: 1px solid #c0d1e5;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

#content2 table.sortable tr:hover {
	background: #eee;
}

/*--------------------------------------------------*/
/* FORMS
/*--------------------------------------------------*/

label.required {
	font-weight: bold;
}

label.invalid {
	color: #900;
}

label.valid {
	color: black;
}

#errorMessage p {
	color: #900;
	font-weight: bold;
}

fieldset {
	border: none;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

fieldset legend {
	display: none;
}

#form1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#form1 label {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	margin: 3px 7px 0px 0px;
	font-weight: bold;
}

#form1 label.note,
#form1 label.textareaNote {
	float: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	margin: -10px 0px -7px 160px;
	padding: 0px 0px 15px 0px;
	text-align: left;
	width: auto;
}

#form1 label.textareaNote {
	margin-top: 0px;
}

#form1 label.checkbox {
	float: none;
	font-weight: normal;
	width: auto;
	margin: 0px 0px -10px 0px;
	text-align: left;
	display: block;
	padding-top: 2px;
}

#form1 label.inlineRadio {
	display: inline;
	float: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: auto;
}

#form1 input[type="text"],
#form1 div.formInputBlock {
	width: 350px;
}

#form1 textarea {
	height: 100px;
	width: 300px;
}

#form1 input[type="text"],
#form1 input[type="password"],
#form1 input[type="file"],
#form1 textarea,
#form1 select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

#form1 input[type="submit"],
#form1 input[type="button"],
#form1 input[type="reset"] {
	font-weight: bold;
	margin-top: 15px;
}

#form1 input.withLabel {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#form1 input.inlineRadio {
	display: inline;
	width: auto;
}

#form1 input:disabled {
	background: #999;
}

/*--------------------------------------------------*/
/* BUTTONS
/*--------------------------------------------------*/

.buttonUp {
	background: url(../img/up.png) no-repeat;
	display: block;
	float: left;
	height: 12px;
	width: 12px;
}

.buttonUp:hover {
	background: url(../img/up_hover.png) no-repeat;
}

.buttonUp span {
	display: none;
}

.buttonDown {
	background: url(../img/down.png) no-repeat;
	display: block;
	float: right;
	height: 12px;
	width: 12px;
}

.buttonDown:hover {
	background: url(../img/down_hover.png) no-repeat;
}

.buttonDown span {
	display: none;
}

.buttonEnabled {
	background: url(../img/enabled.png) no-repeat;
	display: block;
	float: left;
	height: 12px;
	width: 12px;
}

.buttonEnabled:hover {
	background: url(../img/enabled_hover.png) no-repeat;
}

.buttonEnabled span {
	display: none;
}

.buttonDisabled {
	background: url(../img/disabled.png) no-repeat;
	display: block;
	float: left;
	height: 12px;
	width: 12px;
}

.buttonDisabled:hover {
	background: url(../img/disabled_hover.png) no-repeat;
}

.buttonDisabled span {
	display: none;
}