@charset "iso-8859-1";
body { margin: 0; padding: 0; text-align: center; background: #999; color: #000; font: 100%/1.2em Arial, Helvetica, sans-serif; }
h1 { margin-left: .5em; padding: 1.5em 1em 0 0; color: #003399; font: bold 120%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
h2 { margin-left: .5em; padding: .5em 1em 0 0; color: #336699; font: bold 110%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3 { margin-left: .5em; padding: .5em 1em 0 0; color: #000; font: bold 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
p { margin-left: .5em; padding: .5em 1em .25em 0; font: 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:link { color: #039; text-decoration:none;}
a:visited { color: #03C; }
a:active { color: #930; }
a:hover { color: #F60; }
a.noline, a.noline:hover {text-decoration:none;}

#container { width: 60em; background: #FFFFFF; margin: 0 auto; padding: 0; text-align: left; overflow:hidden; }
#header { margin: 0; padding: 0; position: relative; float: left; background: transparent url(images/banner.jpg) no-repeat top left; width: 60em; height: 234px; }

#navbar { margin: 0; padding: 0; background-color:#663333;position: relative; float: left; width: 60em; height:40px; }
#navbar ul {margin: 0; padding: 0; display: inline; }
#navbar li { display: block; list-style: none;padding:.6em; text-align:center;text-transform:uppercase; text-decoration: none; color: #ebca15; font:bold 100%/1em "Trebuchet MS", Arial, san-serif; }
/*#navbar a { padding:.5em; text-align:center;text-transform:uppercase; text-decoration: none; color: #ebca15; font: 80%/1em "Trebuchet MS", Arial, san-serif; }
#navbar a:hover { color: #ff0000;  }*/

#wrapper { position: relative; float: left; margin:0; padding:0; width: 60em; background: #996633; overflow:hidden; }
#sidebar { position: relative; float: left; width: 15em; height: 100%; overflow: hidden; background: #996633; padding: .25em; }
#sidebar h2{ padding:.125em; color: #ebca15; font:bold small-caps 100%/1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sidebar h3 {padding:.125em; color: #000;font: bold 90%/1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sidebar p { margin: 0; font: bold 100%/1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sidebar ul { margin: 0 0 10px; list-style:none; list-style-position:outside; float: left; }
#sidebar li { line-height: .5em; }
#sidebar li a { text-decoration: none; color: #FFCC66; font: bold 90%/1.3em Arial, Helvetica, sans-serif; }
#sidebar li a:hover { color: #FF9966; text-decoration: none; font: bold 90%/1.3em Arial, Helvetica, sans-serif; }
#sidebar ul ul { margin:0 5px; }
#sidebar p { color: #fff; font: 85%/1.2em Arial, Helvetica, sans-serif; }

#sidecontent {position:relative; width: 15em; height: 100%; overflow: hidden; background: #996633; padding: .25em; }
#sidecontent p { margin: 0; font: bold 115%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }

#mainContent { position:relative; float:right; top: 0; padding-right: 1em; display:inline; padding:0; width:43em; background: #fff; }
#mainContent #nasabutton { position:absolute; top:0; right:20px; } /*IKF added as a Library item*/
#mainContent #nasabutton img { border:none; }
#mainContent #news { position:absolute; top:80px; right:20px; width:200px; overflow:scroll; overflow-style: auto; height:400px; } /*IKF added 10/10/11 as a Library item*/
#mainContent #news h2 {margin:0;padding:0 0 10px 0;color:#336699;font-size:90%;}
#mainContent #news ul { list-style-type: none; margin:5px;padding:10px;background: #FFC;  }
#mainContent #news li { margin:0; padding:5px 0 0 -10px; color:#000; font:bold 75%/1.1em Arial, Helvetica, sans-serif; list-style-position: outside; list-style-type: none; }
span.highlight {color: #F33;}
#mainContent ul { margin-bottom: 30px; }
#mainContent li { margin-bottom: 5px; font: 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent ul.address { list-style-type:none; }
#mainContent ul.address li { font: bold 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent dl { margin: 0; padding-left: 10px; }
#mainContent dt { font: 90%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent dd { padding-left: 10px; margin-bottom: 10px; font: 80%/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: 1px; }
#mainContent ul.nobullet { list-style:none; }
#mainContent ul.nobullet li { margin-bottom: 3px; font: 100%/1.2em Arial, Helvetica, sans-serif; }
#mainContent blockquote { margin-top: 5px; margin-left: 50px; background:url(/images/quotesm.gif) no-repeat; }
#mainContent blockquote p { text-align:left; padding: 0 50px; font-size:90%; color: #003366; }
#mainContent blockquote p.source { background:url(/images/backquotesm.gif) no-repeat 100% 100%; padding-bottom: 10px; margin-bottom: 5px; margin-right: 30px; text-align:right; font-style: italic; color:#003366; font-weight: bold; }

ul.thumbnail { margin:0; padding: 0; list-style:none; }
.thumbnail li { margin: 20px; padding: 0; display:inline; /* for ie */ float:left; height: auto; width: auto; }
.thumbnail img { margin: 0; border:2px solid #666; }
.thumbnail a:hover img { border: 2px solid #F60; }
#bkrd { background-image: url(images/bg4.gif); z-index:99; }
#bkrd ul.thumbnail { margin:0; padding: 0; list-style:none; z-index: 100; }
#bkrd .thumbnail li { color: #000; width: 220px; float:left; margin: 0px 5px 5px 0; padding: 0 0 5px 0; border: 1px solid #477; background-color:#FFF; height: auto; }
#bkrd .thumbnail li p { margin: 0; padding: 0 15px 25px 5px; font: bold 85%/1.2em Arial, Helvetica, sans-serif; }
#bkrd .thumbnail img { margin: 5px 0 0 5px; border: 1px solid #777; }
.captions { padding:0 10px; margin:0; font:85%/1.1em Arial, Helvetica, sans-serif; }

.contactform { margin:1em 0; padding:0; float:left; background-color:transparent; width: 42em; }
.contactleft { width: 16em; text-align: right; clear: both; float: left; display: inline; padding: .1em; margin: .1em 0; font: 85%/1.7em Arial, Helvetica, sans-serif; }
.contactright { width: 29em; float: left; text-align: left; display: inline; padding: .1em; margin: .1em 0; font: 85%/1.5em Arial, Helvetica, sans-serif; }

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.clear { clear:both; }
.clearleft { clear:left; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.product { background: #fff url(281deadbug/images/graygrad.jpg) repeat-x; background-color:#fff; padding-bottom: 13px; width: 650px; clear: left; }
.product h2 { margin:0; padding:5px 0 5px 15px; background-color:#CCC; border-bottom: 3px solid #999; }
.product h3 { margin: 0; padding:5px 0 5px 15px; }
.product p { margin: 10px 0 10px 189px; width: 450px; }
.product img { float: left; margin: 5px 25px 5px 5px; border:none; }
.product em.msrp { clear: both; margin: 0; padding:5px 0 5px 15px; float: left; color: #000; font: bold 90%/1.2em Arial, Helvetica, sans-serif; margin-bottom:30px; }
.product em.special { margin: 0; padding:5px 15px 5px 0px; float: right; color: #0000ff; font: bold 90%/1.2em Arial, Helvetica, sans-serif; }
.additional_comments_form { display: none; }
#footer { /*position: relative; */ float: left; width: 60em; height:auto; background-color:#996633; border-top:1px solid #000; }
#footer p { margin: 0; padding: .25em; color: #ffff99; font: 75%/1.2em "Trebuchet MS", Arial, san-serif; text-align:center; }
#footer a { color: #FFCC66; text-decoration:none; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
/*use this floatbox for the photo gallery*/
.floatbox { float: left; width: 187px; height: 140px; margin: 10px; display: inline; color: #3333CC; text-align:left; font: 12px/1.4em Arial, Helvetica, sans-serif; }
.floatbox a img { margin:0; border:none; }
.floatbox a:hover img { border: 2px solid #F60; }
/*.floatbox p {padding: 1px 2px;} /*use this for the captions*/