@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
body {
	background: url(images/background_gradient.gif) fixed bottom repeat-x;
	height: 101%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0 0 10px 0;
}
.bannerouter { margin: 0; background: #fe3531;}
.banner {width: 1014px; margin: 0 auto; display: inline;}
.navouter { margin: 0; background: #000000;}
.nav { width: 1004px; margin: 0 auto; padding: 0 0 10px 10px;}
.navfooter {width: 1004px; clear: both; line-height: 0px; font-size: 0px;}
#outer { 
	width: 1014px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
#wrapper {
	width: 1004px;
	margin: 10px;
	padding: 0 0 10px 0;
	text-align: left;
	background: #fff;
	float: left;
	display: inline;
}
h1 {font-size: 1.4em; color: #333333; padding: 4px 0 8px 0;}
h2 {font-size: 1.3em; color: #717171; font-weight:normal; line-height:1.3em;}
h3 {font-size: 1em; color: #f60006;}
p {font-size: 0.9em; color: #515151; line-height: 1.6em}
a:link, a:visited, a:active { color: #515151; text-decoration: none; font-weight: bold;}
a:hover {color: #515151; text-decoration: underline; font-weight: bold;}
li {font-size: 0.9em;}
blockquote {margin: 5px 0 5px 20px;}

/* nav */

.navlink { width: auto; margin: 10px 28px 0 0; float: left;}
.navlink a {font-size: 1em;}
.navlink a:link, .navlink a:visited, .navlink a:active { color: #fff; text-decoration: none; font-weight: normal;}
.navlink a:hover {color: #fff; text-decoration: underline; font-weight: normal;}

/* index & product pages */

.flasharea, .featurewrapper, .featurebarwrapper {width: 994px; float: left; }
.flasharea, .featurewrapper {margin: 0 0 10px 0;}
.featurebarwrapper, .featurebar1, .featurebar2, .featurebar3 {height: 5px;}
.featurebar1, .featurebar2 {background: url(images/feature_top_bg.gif) no-repeat; display: inline;}
.featurebar3 {width: 628px; background: url(images/feature_top_bg_wide.gif) repeat-x; float: left; margin: 0 10px; display: inline;}
.feature1 {width: 324px; float: left; margin: 0 5px 0 0; display: inline;}
.feature2 {width: 324px; float: right; display: inline;}
.feature3 {
	width: 648px;
	float: left;
	margin-right: 5px;
	display: inline;
}

.featurebar1, .featurebar2, .featuretitle, .featureimage, .featuretext {width: 304px; display: inline;}
.featurebar1 {float: left; margin: 0 20px 0 10px;}
.featurebar2 {float: right; margin: 0 10px 0 0;}
.featurespacer {width: 1px; height: 306px; float: left; margin: 45px 5px 0 0; background: url(images/feature_spacer_bg.gif) no-repeat; display: inline;}
.featuretitle, .featureimage, .featuretext { margin: 0 10px; float: left; display: inline;}
.featuretitle {padding: 15px 0;}
.featuretext {padding: 25px 0 15px 0;}

/* product pages */

.title {width: 974px; float: left; margin: 10px 0; display: inline;}
.matrixwrapper {width: 708px; float: left; border: 1px solid #333333; padding: 0 0 5px 5px; display: inline;}
.matrixitemwrapper { width: 708px; float: left; padding: 0 0 0 0; display: inline;}
.matrixitem {width: 170px; float: left; margin: 5px 5px 0 0; border: 1px solid #333333; display: inline;}
.matrixitemtitle {width: 160px; float: left; background: #333333; padding: 8px 5px; display: inline;}
.matrixitemtitle p {text-align: center; font-size: 0.8em; color: #fff; line-height: 1.2em;}
.matrixitemtitle a:link, .matrixitemtitle a:visited, .matrixitemtitle a:active {color: #fff; text-decoration: none; font-weight: normal;}
.matrixitemtitle a:hover {color: #fff; text-decoration: underline; }
.otherlogos {width: 271px; float: right; background: #a1a1a1; margin: 0 10px 0 0; display: inline;}

/* other pages */

.textarea { width: 634px; float: left; margin: 0 5px 0 0; padding: 20px 10px 0 10px; text-align: justify;}
.extratext {width: 634px; float: left; padding: 0 0 0 0; display: inline;}
.right {width: auto; float: right; margin: 5px 0 10px 20px;}
.right2 {width: auto; float: right; margin: 0 0 0 5px;}

/* footer */

.footer {width: 934px; clear: both; padding: 10px 0; margin: 0 40px;}
.footer a {font-size: 0.8em;}
.footer a:link, .footer a:visited, .footer a:active { color: #515151; text-decoration: none; font-weight: normal;}
.footer a:hover {color: #515151; text-decoration: underline; font-weight: normal;}
.copyright {text-align: right; font-size: 0.7em; color: #000; padding: 20px 10px 5px 0;}

/* contact form */

#contactform {
	width: 400px;
	float: left;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 10px 5px 5px 10px;
}
legend {
	margin-left: 0;
	color: #333333;
	font-weight: bold;
	padding: 0;
	border: 0;}
fieldset {border:0} 
fieldset ol { padding: 0; list-style: none;}	 
fieldset li {
	float: left;  
	clear: left;  
	width: 385px;  
	padding: 0 0 2px 0; 
	margin: 0 0 0 0;
}
fieldset.submit {
	float: right;  
	width: 110px;  
	border-style: none;  
	background-color: transparent;
	margin: 0 0 0 9px;	
}
label { float: left; width: 160px;}
.submit {float: left;}
.select {width: 183px;}
.field1 { width: 370px; float: left; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc;}
.field2 { width: 370px; float: left; margin: 0 5px 0 0; padding: 10px 0 0 0;}
.formbox {width: 200px;}
.formselect {width: 184px;}
.formtext {width: 200px;}.left {
	float: left;
	margin-right: 10px;
}