/* product group styling */

.category_desc h3 {
	display: none;
}

.odd{
	background-color: #CDCDCD;
} 
.even{
	background-color: #fff;
} 

#right_side h4,
#left_side h3 {
	padding-top: 8px;
	padding-bottom: 8px;
}
.product_group td,
.product_group {
	border: 1px solid #D8D4D3;
}


.prod_group a{
	
}

.product_group th {
	background-color: #355272;
	color: #fff;
}

.product_group {
	width: 100%;
}

/* end the product group styling */

div.clr {
	clear: both;
}

h1,
td.pageHeading {
	display: block;
	margin: 0 0 12px 0;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	line-height: 34px;
	color: #000;
}

.pageHeadingprice {
  font-family:  Arial;
  font-size: 13px;
  font-weight: bold;
  color: #646464;
  padding-left: 50px;
}


h2 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #215186;
	text-align: center;
	margin: 6px 0;
}

h4 {
	display: block;
	margin: 0 0 12px 0;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 30px;
	color: #000;
	background: #D0DAE4;
	margin-left: -30px;
	width: 590px;
}

ul.news-ul {
	color: #215186;
	list-style: none;
}

ul.news-ul li {
	line-height: 18px;
}

p {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
	color: #215186;
	font-weight: normal;
	margin: 15px 10px 10px 0;
	text-align: left;
}

p.side-p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	margin: 5px 2px;
}

.bdr,
.spotl img {
	border: 2px solid #215186;
}

.spotl img {
	margin: 0 0 8px 0;
}

.spotl p {
	font-size: 11px;
	line-height: 15px;
	color: #7E7E7E;
}

.nobdr {
	border: none;
}

#content-right ul,
#content-right ol {
	margin: 0 0 0 15px;
}

#content-right ul li,
#content-right ol li {
	margin: 0 0 0 15px;
}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM
----------------------------------------------------------------------------------*/

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	margin: 0;
	padding: 0;
	border: 0;
}

html,
body,
div#outer,
div#inner {
    min-height: 100%;
    width: 100%;
    height: auto;
}

* html,
* html body,
* html div#outer,
* html div#inner {
    height: 100%;
}

body {
	background: #355272 url(../images/bg/background.gif) repeat-x;
}

div#outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div#inner {
	position: absolute;
	left: 50%;
	width: 903px;
	margin-left: -451px;
	background: #fff;
}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: HEADER
----------------------------------------------------------------------------------*/

	#inner div#head {
		position: absolute;
		top: 0;
		left: 0;
		width: 903px;
		height: 213px;
	}

	#head div#header {
		position: relative;
		width: 903px;
		height: 147px;
		background: url(../images/bg/header.gif) no-repeat;
	}
	
	#header a#logo {
		position: absolute;
		top: 29px;
		left: 19px;
		display: block;
		width: 498px;
		height: 93px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		border: none;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: HEADER :: TOP-NAV
----------------------------------------------------------------------------------*/

	#head div#top-nav {
		position: relative;
		width: 903px;
		height: 32px;
		background: url(../images/bg/top-nav.gif) repeat-x;
	}
	
	#top-nav ul#top-nav-icons {
		position: absolute;
		width: 134px;
		height: 12px;
		top: 9px;
		right: 36px;
		background: url(../images/bg/top-nav-icons.gif) no-repeat;
		list-style: none;
	}
	
	#top-nav-icons li a#top-nav-1,
	#top-nav-icons li a#top-nav-2,
	#top-nav-icons li a#top-nav-3,
	#top-nav-icons li a#top-nav-4 {
		position: absolute;
		width: 10px;
		height: 10px;
		top: 0;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
	}

	#top-nav-icons li a#top-nav-1 {
		left: 0;
	}

	#top-nav-icons li a#top-nav-2 {
		left: 40px;
	}

	#top-nav-icons li a#top-nav-3 {
		right: 40px;
	}

	#top-nav-icons li a#top-nav-4 {
		right: 0;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: NAVIGATION
----------------------------------------------------------------------------------*/

	#inner ul#nav {
		position: relative;
		width: 903px;
		height: 34px;
		list-style: none;
		text-align: center;
		background: url(../images/nav/nav.gif) no-repeat;
	}
	
	#nav li {
		display: inline;
		height: 34px;
	}
	
	#nav a {
		float: left;
		display: block;
		height: 34px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		background-repeat: no-repeat;
		line-height: 0.5;
	}
	
	#nav a:hover,
	#nav li.hover a#top_nav_1,
	#nav li.hover a#top_nav_2,
	#nav li.hover a#top_nav_3,
	#nav li.hover a#top_nav_4,
	#nav li.hover a#top_nav_5 {
		background-position: 0 -34px;
	}
	
	#nav a#top_nav_1 {
		width: 145px;
		background-image: url(../images/nav/home.gif);
		margin-right: 1px;
	}
	
	#nav a#top_nav_2 {
		width: 156px;
		background-image: url(../images/nav/about-us.gif);
		margin-right: 1px;
	}
	
	#nav a#top_nav_3 {
		width: 242px;
		background-image: url(../images/nav/products-services.gif);
		margin-right: 1px;
	}
	
	#nav a#top_nav_4 {
		width: 171px;
		background-image: url(../images/nav/buy-online.gif);
		margin-right: 1px;
	}
	
	#nav a#top_nav_5 {
		width: 185px;
		background-image: url(../images/nav/contact-us.gif);
	}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: NAVIGATION :: DROP DOWNS
----------------------------------------------------------------------------------*/
	
	#nav li { /* all list items */
	    float: left;
	    position: relative;
		list-style: none;
		margin: 0;
	}
	
	#nav li ul {
	    width: 215px;
		list-style: none;
		margin: 0;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
	    top: 34px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		background-color: #355272;
		font: normal normal bold 11px Arial, sans-serif;
		z-index: 1001;
		margin: 0;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
	    top: 0px;
		background-color: #355272;
		margin: 0 0 0 215px;
	}
	
	#nav li ul li {
	    text-indent: 10px;
		border-bottom: 1px solid #000;
		width: 100%;
		height: auto;
		z-index: 1001;
	}
	
	#nav li:hover ul ul,
	#nav li.sfhover ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, 
	#nav li li:hover ul, 
	#nav li.sfhover ul, 
	#nav li li.sfhover ul { /* lists nested under hovered list items */
		left: 0px;
	}
	
	#nav li ul a {
	    float: none;
	    display: block;
	    text-align: left;
	    text-indent: 10px;
		width: 100%;
		padding: 13px 0 11px 0;
		color: #fff;
		margin: 0;
		height: 8px;
	}
	
	#nav li ul a:hover {
		background: #6382A1;
		color: #000;
	}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: CONTENT
----------------------------------------------------------------------------------*/

	#inner div#body {
		position: relative;
		width: 903px;
		height: auto;
		background: #fff url(../images/bg/body.gif) repeat-x;
		padding-top: 25px;
		margin-top: 213px;
	}
	
	#body a {
		text-decoration: none;
		color: #617D9A;
	}

	#body a:hover {
		color: #465186;
	}

	#body div#content-left {
		float: left;
		width: 235px;
		height: auto;
	}
	
	#body div#content-right {
		float: right;
		width: 600px;
		height: auto;
		display: inline;
		margin-right: 32px;
	}
	
	div.container {
			min-height: 120px;
		padding: 0 10px 0 30px;
		background: url(../images/bg/container.gif) repeat-x;
	}

	.smallText img {
		border: 2px solid #678BB0;
		margin-bottom: 10px;
	}
	
	div.home-fl {
		float: left;
		width: 340px;
	}
	
	div.news-fr {
		float: right;
		width: 170px;
	}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: CONTENT :: BREADCRUMBS / SEARCH
----------------------------------------------------------------------------------*/

	div#crumb-search {
		position: relative;
		margin: 0 0 25px 0;
		width: 600px;
		height: 40px;
	}
	
	#crumb-search .pathway {
		font-size: 10px;
		color: #000;
	}
	
	#crumb-search .pathway a {
		font-size: 10px;
		color: #000;
		text-decoration: none;
	}
	
	#crumb-search .pathway a:hover {
		text-decoration: underline;
	}
	
	.search {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 200px;
		height: 24px;
	}
	
	.search #mod_search_searchword {
		position: absolute;
		top: 0;
		left: 0;
		height: 15px;
		width: 119px;
		border: 1px solid #B1AA9C;
		color: #635E53;
		margin: 0 2px 0 0;
		padding: 2px 0 0 7px;
		font-size: 11px;
	}
	
	.search .button {
		position: absolute;
		color: #FFFBF3;
		top: 0;
		right: 0;
		font-size: 10px;
		width: 67px;
		height: 19px;
		border: 1px solid #000;
		background: #9F5531 url(../images/bg/search.gif) repeat-x;
		padding: 0;
	}

	input {
		border: 1px solid #B1AA9C;
		color: #635E53;
		margin: 1px 0;
		font-size: 11px;
/*		width: 150px;*/
	}
	
	textarea {
		border: 1px solid #B1AA9C;
		color: #635E53;
		margin: 1px 0;
		font-size: 11px;
		background: #E5F0FB;
		height: 135px;
	}
	
	select {
		border: 1px solid #B1AA9C;
		color: #635E53;
		margin: 1px 0;
		font-size: 11px;
		background: #E5F0FB;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: NORTHWESTERN TOOLS :: TEXT BELOW SEARCH
----------------------------------------------------------------------------------*/

	div#searchtext {
		position: relative;
		margin: 25px 0 0 374px;
	}
	
	div#searchtext p {
		font-size: 10px;
	}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: CONTENT
----------------------------------------------------------------------------------*/

	#content-right div#flash {
		position: relative;
		width: 600px;
		height: 217px;
		margin-bottom: 20px;
	}
	
	#flash div#flash-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 600px;
		height: 217px;
		background: url(../images/bg/flash-overlay.png) no-repeat;
	}
	
	#flash span.flash-desc {
		position: absolute;
		top: 14px;
		left: 10px;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 26px;
		width: 140px;
		height: auto;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: SIDEBAR UL - LARGER TEXT
----------------------------------------------------------------------------------*/

	#partnership {
		position: relative;
		width: 235px;
		height: auto;
		margin: 20px 0 0 0;
		border-top: 2px solid #DDDDDC;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: SIDEBAR UL - LARGER TEXT
----------------------------------------------------------------------------------*/

	.side-ul-lg {
		position: relative;
		margin: 0 0 25px 0;
		list-style: none;
	}

	.side-ul-lg li {
		padding: 0;
		margin: 0;
	}

	.side-ul-lg li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #215186;
		display: block;
		padding: 2px 8px;
	}

	.side-ul-lg li {	
		border-bottom: 2px solid #DDDDDC;
	}
	
	.side-ul-lg li ul {
		margin: 0 0 0 15px;
		list-style: none;
	}
	
	.side-ul-lg li ul li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #215186;
		display: block;
		padding: 2px 8px;
		border-bottom: none;
	}
	
	.side-ul-lg li ul li ul li a {
		font-size: 10px;
	}

	.side-ul-lg li ul li {	
		border-bottom: none;
		font-weight: normal;
	}

	.side-ul-lg li:hover {
		border-bottom: 2px solid #215186;
	}

	.side-ul-lg li a:hover {
	}
	


	
	.side-ul-lg li ul li:hover {
		border-bottom: none;
		font-weight: bold;
	}

/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: SIDEBAR UL - SMALLER TEXT
----------------------------------------------------------------------------------*/

	.side-ul-sm {
		position: relative;
		margin: 0 0 25px -20px !important;
		list-style: none;
	}

	.side-ul-sm li {
		padding: 0;
		margin: 0;
	}

	.side-ul-sm li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #215186;
		display: block;
		padding: 2px 10px;
		border-bottom: 2px solid #DDDDDC;
		height: 14px;
		font-weight: bold;
	}
	
	.side-ul-sm li a:hover {
		border-bottom: 2px solid #215186;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: FOOTER
----------------------------------------------------------------------------------*/

	#inner div#footer {
		position: relative;
		width: 903px;
		height: 125px;
		background: #fff url(../images/bg/footer.gif) no-repeat;
		text-align: center;
		color: #898989;
	}
	
	#footer ul {
		padding-top: 30px;
		list-style: none;
	}
	
	#footer ul li {
		display: inline;
	}
	
	#footer ul li a {
		font-size: 10px;
		color: #898989;
		text-decoration: none;
		border-right: 1px solid #898989;
		padding: 0 8px 0 3px;
	}
	
	#footer ul li a:hover {
		text-decoration: underline;
	}
	
	#footer address {
		margin-top: 13px;
		font-size: 10px;
		font-style: normal;
	}
	
	#footer ul li a.last {
		border-right: none;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: BUILD YOUR OWN HOIST
----------------------------------------------------------------------------------*/

	fieldset.build-fs,
	fieldset.build-fs-alt {  
		position: relative;  
		float: left;  
		clear: both;  
		width: 100%;  
		margin: 0 0 -12px 0;  
		padding: 0 0 18px 0;  
		border-style: none;  
		border-top: 1px solid #BFBAB0;  
		background-color: #F2EFE9;
		font-size: 8px;
	}
	
	fieldset.build-fs-alt {
		background-color: #DDDBD7;
	}
	
	fieldset.build-submit {  
		position: relative;
		float: none;  
		width: auto;  
		clear: both;
		padding-top: 12px;  
		padding-left: 150px;  
		background-color: #FFFFFF;
	}
	
	.build-fs legend,
	.build-fs-alt legend {
		position: relative;
		padding: 8px 0;
		color: #545351;
		font-weight: bold;
	}
	
	.build-fs legend span,
	.build-fs-alt legend span {  
		position: absolute;  
		left: 12px;  
		top: 0px;  
		font-size: 17px;
	}
	
	table.build-tbl,
	table.build-tbl-alt {
		width: 558px;
		margin-top: 22px;
	}
	
	table.build-tbl td {
		padding: 2px 25px 2px 25px;
		fontsize: 11px;
		line-height: 18px;
		width: 250px;
	}

	table.build-tbl label,
	table.build-tbl-alt label {
		font-size: 12px;
	}

	table.build-tbl input,
	table.build-tbl-alt input {
		padding: 2px 2px;
	}
	
	table.build-tbl select,
	table.build-tbl-alt select {
		width: 150px;
	}
	
	
	table.build-tbl td.td-label {
		width: 100px;
		padding: 0 5px 0 0;
		text-align: right;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: SPRING-PLUNGERS.COM :: MISC STYLINGS
----------------------------------------------------------------------------------*/

tr td.messageStackError {
	padding: 15px;
	border-top: 2px solid #D03232;
	border-bottom: 2px solid #D03232;
}