@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { color: #222; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }

h1, h2, h3, h4, h5, h6, ul, ol, p { color: #222; margin-bottom: 1em; }
h1 { color: #b4ef41; font-size: 26px; font-weight: normal; }
h2 { background: url(../images/bg-h2.gif) 0 100% no-repeat; border-bottom: 1px solid #1e1e1e; color: #1a58b5; font-size: 13px; padding: 30px 0 8px; text-transform: uppercase; }
h3 { color: #94c435; font-size: 12px; font-weight: bold; margin-bottom: 0; }
h4 { }
h5 { }
h6 { }
p { }

ul { margin-left: 3em; }
	ul li { }
ol { margin-left: 3em; }
	ol li { }

a:link, a:visited { color: #1a58b5; }
a:hover, a:active { color: #76adfe; }
	h2 a:link, h2 a:visited { color: #94c435; text-decoration: none; }
	h2 a:hover, h2 a:active { color: #76adfe; text-decoration: none; }
	h3 a:link, h3 a:visited { color: #94c435; }
	h3 a:hover, h3 a:active { color: #76adfe; }
	a img { border: none; }


/* forms */
input.text, 
textarea { background: #fff url(../images/bg-input.gif) 0 0 repeat-x; border: 1px solid #666; padding: 2px; }
label.label { color: #222; display: block; font-size: 11px; }
	label.label em { color: #666; font-size: 9px; }
.formfield { margin-bottom: 5px; }
.formsubmit { margin-bottom: 5px; text-align: right; }
.field-required { color: #1a58b5; }

/* forms in the contact area */
#content .formField, 
#content .formFieldLong { padding-left: 100px; position: relative; margin-bottom: .5em; min-height: 1em; }
	#content .formField:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #content .formField { height: 1em; }
	#content .formField label.label { position: absolute; left: 0; top: 0; width: 95px; }
#content .formFieldLong { padding-left: 100px; position: relative; margin-bottom: .5em; min-height: 1em; }
	#content .formFieldLong label.label { position: static; width: auto; margin-left: -100px; }
#content .formSubmit { padding-left: 100px; }
#content input.text { width: 200px; margin-right: 4px; }
#content textarea { width: 200px; }
#content label.caption { color: #666; display: block; font-size: 10px; }

.imageRight { float: right; }
.imageleft { float: left; }

.more { font-size: 10px; text-transform: uppercase; margin-bottom: 0; }
	.more a:link, .more a:visited { background: url(../images/img-bullet.gif) 100% 50% no-repeat; text-decoration: none; padding-right: 15px; }
	.more a:hover, .more a:active { text-decoration: none; }

.note { color: #666; font-style: italic; }

.pageImage { float: right; margin: 0px 0 5px 10px; }
.productSpecs { clear: both; border: 1px solid #222; border-collapse: collapse; margin-bottom: 1em; width: 700px; }
	.productSpecs tr { background: #e7e7e7; }
		.productSpecs tr.alt { background: #f3f3f3; }
		.productSpecs tr.over { background: #ccc; }
		.productSpecs .groupEnd, 
		.productSpecs tr.groupEnd td, 
		.productSpecs tr.groupEnd th { border-bottom: 1px solid #222; }
	.productSpecs th, 
	.productSpecs td { border-left: 1px solid #222; border-right: 1px solid #222; font-size: 8px; text-align: center; line-height: 1.2em; padding: 4px 2px; }
	.productSpecs td { text-align: right; font-size: 8px; }
	.productSpecs thead th { border: 1px solid #666; background: #222; color: #b4ef41; font-weight: normal; }
	.productSpecs thead td { border: 1px solid #666; background: #222; color: #ccc; text-align: center; }

table.spiralRings { border: 1px solid #ccc; border-collapse: collapse; width: 100%; margin-bottom: 20px; }
	table.spiralRings tr { }
	table.spiralRings th { color: #94c435; border: 1px solid #ccc; text-align: center; padding: 5px; text-transform: uppercase; font-size: 12px; }
	table.spiralRings td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; padding: 5px; text-transform: uppercase; font-size: 10px; }

/* Contact Us Page */
#address { float: right; width: 360px; }
	#address h3 { }
	#address p { }

#contactForm { width: 320px; float: left; }
	#contactForm input#City, 
	#rfqForm input#City { width: 100px; }
	#contactForm input#State, 
	#rfqForm input#State { width: 24px; }
	#contactForm input#Zip, 
	#rfqForm input#Zip { width: 50px; }