body {
	background: white;
	margin: 15px 10px 15px 10px;
}

body, table, tr, td, th {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.feature {
	float: left;
	text-align: center;
	width: 120px;
	/* height: 160px; */
}

h1 {font-size: 2em; margin-top: 0}
h2 {font-size: 1.75em}
h3 {font-size: 1.5em}
h4 {font-size: 1.25em}

h2, h3, h4 {
	margin-top: .5em;
	margin-bottom: 0.25em;
	border-bottom: 1px solid #cccccc;
}

hr {
	color: #cccccc; height: 1px;
}

img {border: 0}

/*
	orange: #f9981d
	previous blue: #577B99
	blue: #577B99
	IA light-blue: #83b9e5
*/

a:link {color: #577B99; text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #577B99; text-decoration: underline;}

.accent {color: #f9981d}

td .menutitle, td .menuheading {font-weight: bold}
td .menutitle {padding-right: 1em}
td .menuheading {font-size: 1.2em}
td .menutitle, td a:link.menutitle, td a:link.menuheading, p.menubar strong {color: #333333;}
td a.whitelink {color: #ffffff;}
td a:hover.menutitle, a:hover.orangelink, a.whitelink {color: #577B99;}

a.orangelink, .orange {color: #f9981d;}

table.menu td a:hover {
	color: #577B99;
}

.menusection {
	border-top: .2em solid white;
}


th {
	background-color: #83b9e5;
	color: white;
}

.trim {border: 1px solid #999999}

table.iconbox {background-color: #F0F1F3; margin-bottom: 1em;}

.producttable th {
	text-decoration: underline;
}

legend, legend big {
	font-weight: bold;
}

form {
	padding: 0px; margin: 0px;
}

tt {font-size: small; font-family: Courier New}

acronym {
	border-bottom: 1px dotted blue;
	cursor: help;
}

.green {
	font-weight: bold; color: #f29005;
}

.price {
	font-weight: bold;
	color: #333333;
}

.note {
	background-color: #ffffcc;
	border: #cccccc 1px solid;
	margin: 5px;
	padding: 5px;
}

.cid {color: green; font-size: 14px}

.table, .mfgindextable {
	border-collapse: collapse
}

.producttable {
	border-collapse: collapse;
	width: 100%;
	border: solid #999999 1px;
}

.table td {
	padding: 2px;
	vertical-align: top;
	border: #dddddd 1px solid;
}

.producttable td {
	padding: .5em;
	border-top: none;
	border-bottom: none;
}

.table th {
	padding: .5em;
}


.modeltable {
	border-collapse: collapse; width: 100%;
}

.promo {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

.modeltable td {
	padding: .25em;
	padding-top: .5em;
	border-bottom: solid #efefef 1px;
	vertical-align: top;
}

.mfgtable {
	border-collapse: collapse; width: 100%;
}

.mfgtable td {
	padding: .25em;
	padding-top: .5em;
}

tr.even {
	background-color: #EFEFEF;
}

tr.odd {
	background-color: transparent;
}

@media print {
	.menu {display: none}
}

#sticker_bottom {
	height:0px;
	margin:0pt auto;
	/* padding-left:658px; */
	padding-left:848px;
	position:relative;
	top:0pt;
	width:100px;
	z-index:1000;
}

td a:hover.menutitle {background-color: #dedede;}

.popmenu {
	position: absolute;
	visibility: hidden;
	/* border: 1px solid #cccccc; */
	line-height: 1.75em;
	z-index: 100;
	background-color: #dedede;
	padding-left: 1em;
	padding-right: 1em;
}

.popmenu a {
	display: block;
	white-space: nowrap
}

fieldset {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

div.float {
	float: left;
}

div.float table {
	width: 120px;
	height: 120px;
}

div.float img {
	padding-bottom: 0.5em;
}

div.float p {
	text-align: center;
}

/*
#################################################
#
# CSS button
#
#################################################
*/

.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	text-decoration:none;
	color:#333;
}

.btn span {
	background:#ddd url(/images/icons/bg-button.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
}

* html .btn span {
	padding-top:0;
}

.btn span span {
	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer;
	border-color:#9cf !important;
	color:#000;
}

.btn:active span {
	background-position:0 -400px;
	outline:none;
}

.btn:focus, .btn:active {
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}
