a:link, a:visited { color:#3f9c35; text-decoration:underline}
a:hover { color:#3f9c35; text-decoration:none}


body {
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	width:775px;
	background:url(../images/spx_bg.jpg) top left repeat-x;
}

h4 {margin-bottom:0px; margin-top:0px; font-size:12px; color: #000; line-height:normal; font-weight: bold;  padding-bottom:20px; text-align:right;}
h2 {margin-bottom:10px; margin-top:0px; }
h3 {font-size:12px; margin-top:0px; margin-bottom:0px}
h1 {margin-top:15px; font-size:20px; font-weight: normal; margin-bottom:0px; color: #3f9c35; margin-bottom:20px; line-height:22px}
h5 { color:#000; font-size:13px; margin-bottom:-13px;}

hr { width:480px; position:relative; padding-top:5px; padding-bottom:5px; border-bottom: 1px solid #FFFFFF; border-top:1px dashed #646464; float:left; display:block}

p { margin-top:16px; margin-bottom:16px;}
 
.canvas {
	position:relative;
	display:block;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:775px;
	float:left
	}

.top_nav {
	position:relative;
	float:right;
	display:block;
	width:460px; 
	padding-top:18px;
	padding-bottom:3px;
	text-align:right}

.top {
	position:relative;
	float:left;
	display:block;
	width:100%;
	}

.spx_logo {
	position:relative;
	float:left;
	display:block;
	width:300px;}

.promo {
	position:relative;
	float:right;
	display:block;
	width:460px;}

.nav {
	position:relative;
	float:left;
	display:block;
	width:100%;
	border:1px solid #646464; 
	padding-top:7px; 
	padding-bottom:7px;
	background:url(../images/nav_bg.gif) left top repeat-x}

.main {
	position:relative;
	float:left;
	display:block; 
	background:url(../images/main_bg.gif) top left repeat-y;
	width:100%;
	margin-top:25px;}

.footer {
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin-top:25px;
	font-size:12px; 
	text-align:center; 
	padding-top:10px;
	color:#000;
	line-height:17px; 
	font-family:Arial, Helvetica, sans-serif}

.footer a:link, .footer a:visited { color:#000; text-decoration:none; padding-right:7px; padding-left:3px;}
.footer a:hover { color: #3f9c35; text-decoration:none;}

/* Homepage Atrributes */

.feature_boxes {
	position:relative;
	float:left;
	display:block;
	width:100%;
	border:1px solid #646464;
	margin-top:15px;}

.feature_inside {
	position:relative;
	float:left;
	display:block;
	width:773px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-top:15px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	}

.feature_1 {
	position:relative;
	float:left;
	display:block;
	width:257px;
	border:1px solid #FFF;
	background-color:#CCC}

.feature_2 {
	position:relative;
	float:left;
	display:block;
	width:257px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	background-color:#CCC}

.feature_3 {
	position:relative;
	float:right;
	display:block;
	width:257px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	background-color:#CCC}

.main_left { 
	position:relative;
	display:block;
	float:left;
	width:252px;}

.news {	
	position:relative;
	display:block;
	float:left;
	width:244px;
	margin-bottom:15px; }

.testing {
	position:relative;
	display:block;
	float:left;
	width:244px;
	margin-bottom:15px;}

.main_right { 
	position:relative;
	display:block;
	float:right;
	width:501px;}

.main_right_top {
	position:relative;
	display:block;
	float:right;
	width:501px;
	margin-bottom:15px;
	background:url(../images/main_right_bg.gif) top left repeat-y}

.careers {	
	position:relative;
	display:block;
	float:left;
	width:230px;
	}

.catalog {
	position:relative;
	display:block;
	float:right;
	width:244px;}

.main_right_bot {
	position:relative;
	display:block;
	float:right;
	width:501px;
	border-top:1px solid #CCC;
	padding-top:15px;
	}
	
.company {
	position:relative;
	display:block;
	float:left;
	width:501px;
	}


/* Main Navigation */

.main_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
	font-size:12px;
	color:#000; margin-left:10px;
	}

.main_nav ul li {
	position: relative; 
	display:block; 
	float:left;
	}
	
.main_nav li ul {
	position: relative;
	left: 0px;
	display: none;
	}

.main_nav ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding-right:14px;
	padding-top:0px;
	background:url(../images/nav_arrow.gif) left no-repeat;
	padding-left:10px;
	}

.main_nav ul li a:hover { color:#3f9c35; text-decoration:none} 
.main_nav a:link { color: #000; text-decoration:none}
.main_nav a:visited { color: #000; text-decoration:none}


/* Top Navigation */

.top_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
	font-size:12px;
	color:#000;
	}

.top_nav ul li {
	position: relative; 
	display:block; 
	float:right; 
	}
	
.top_nav li ul {
	position: absolute;
	left: 0px;
	display: none;
	}

.top_nav ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding-left:8px; 
	padding-right:9px;
	border-right:1px solid #CCC;
	}

.top_nav ul li a:hover { color:#3f9c35; }
.top_nav li:hover ul, .top_nav li.over ul { display: block; } 

.top_nav_right { border:none; padding-right:0px;}

.top_nav_right a:hover { color:#3f9c35; border:none; padding-right:0px}
.top_nav_right a:link , .top_nav_right  a:visited { color: #000; border:none; padding-right:0px} 

/* inside shell */

.inside_left { 
	position:relative;
	display:block;
	float:left;
	width:197px;
	margin-left:auto; 
	margin-right:auto; }

.inside_right { 
	position:relative;
	display:block;
	float:right;
	width:480px; 
	right:50px;
	margin-top:15px;}

.inside_right_text { 
	position:relative;
	display:block;
	float:left;
	width:480px;
	margin-left:0px;
	line-height:16px; margin-top:15px;}

.photo_right {
	position:relative;
	float:right;
	display:block;
	margin-left:20px;
	margin-bottom:10px;
	padding:1px;}

.photo_left {
	position:relative;
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #333; 
	padding:1px;}

.photo_right2 {
	position:relative;
	display:block;
	margin-bottom:0px;
	border:1px solid #333; 
	padding:1px;}

.photo {
	border:1px solid #333; 
	padding:1px;}	

.locations { position:relative; float:left; margin-bottom:20px; margin-top:20px; vertical-align:text-top; display:block}

.cutline { font-size:10px; color:#999; text-align:left}
.phototext { font-size:9px; color:#999; text-align:center; line-height:normal; padding-top:0px; vertical-align:text-top; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:4px; padding-right:4px;}

.navc {
	display:block;
	text-align:center;
	margin-left:auto; 
	margin-right:auto; 
	font-size:xx-small; 
	font-family:Verdana, Arial, Helvetica, sans-serif;}

.inside_main {
	position:relative;
	float:left;
	display:block; 
	background:none;
	width:775px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC; 
	padding-bottom:50px;
	border-bottom:1px solid #CCC; 
	background:url(../images/main_inside_left.jpg) top left no-repeat #FFF;
	
	}

/* Inside Navigations */

.inside_nav {
	width:170px;
	display:block;
	position:relative;
	float:left;
	list-style:none;
	left: 0;
	top: 0; 
	font-size:12px;
	margin-top:70px; 
	left:15px;
	margin-bottom:30px;
}

.inside_nav ul { 
	width:170px; 
	list-style:none; 
	text-align:left; 
	margin:0px; 
	padding:0px; 
	font-size:12px;} 

.inside_nav li {
	float: left; 
	width:170px;
	} 

.inside_nav li a {	
	text-align:left; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-right:10px;
	width:160px; 
	display:block; 
	float:left; 
	border-bottom:1px dashed #CCC; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/arrows.gif) right no-repeat} 
	
.inside_nav a:link { color: #000; text-decoration:none } 
.inside_nav a:visited { color: #000; text-decoration:none; } 
.inside_nav a:hover { color: #3f9c35; text-decoration:none;} 

.inside_nav_sub { text-indent:10px;}
.inside_nav li a {float: none}

.inside_nav .heading {color:#000; font-weight:bold; text-align:left; padding:2px; border-bottom:1px solid #666666; background-color:#CCCCCC}

.red_text { color:#990000}

.feature_table {padding:1px; border:1px solid #666}

.feature_table th { 
	background:url(../Products/images/feature_top.gif) bottom left repeat-x #3f9c35;
	text-align:center; 
	color:#FFFFFF; 
	text-transform: uppercase; 
	font-family: Arial, sans-serif; 
	font-size:11px; 
	padding:2px; 
	border:1px solid #646464;  }

.feature_table td { background-color:#fadd80; color:#000; vertical-align:top; text-align:center; padding:10px; line-height:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

.feature_table a:link { color:#3f9c35; text-decoration:underline}
.feature_table a:visited{ color:#3f9c35; text-decoration:underline}
.feature_table a:hover { color:#3f9c35; text-decoration:none}

.feature_table .bgwh {background-color:#FFF; width:30px;}

.feature_table p { margin-top:0px;}

.vdivider { background:url(../images/divider.gif) center top repeat-y;}

.distributors { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; border-left:1px dotted #CCC; line-height:normal}
.distributors td { padding:3px; text-align:left; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC}
.distributors th { background-color:#3f9c35; color:#FFFFFF; font-weight:bold; padding:3px;}

.gentable { border-left:1px dotted #CCC; line-height:normal; border-top:1px dotted #CCC}
.gentable td { padding:5px; text-align:left; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC}
.gentable th { background-color:#990000; color:#FFFFFF; font-weight:bold; padding:3px;}

.lifetable { border-left:1px dotted #CCC; line-height:normal; border-top:1px dotted #CCC}
.lifetable td { padding:1px; text-align:left; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC}

ul {}
ul li { list-style-image:url(../images/list_arrow.gif);}