html {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background: #63839B;
	font-size: 100%; /* 76%; */
	font-family: Helvetica, Arial, sans-serif;
	}

table, input, select {
	font-size: 100%;
	}

h1 {	font-size: 2em;	}
h2 {	font-size: 1.5em; line-height: 1.125;	}
h3 {	font-size: 1.125em;	}
h4 {	font-size: 1em;	}

h1, h2, h3, h4, p {
	margin-left: 7px;
	margin-right: 7px;
	margin-top: .7em;
	margin-bottom: .1em;
	}
p {
	margin-top: .5em;
	margin-bottom: .1em;
	}
h3 span {
	font-size: .85em;
	font-weight: normal;
	}

a {
	color: #0000ff;
	text-decoration: none;
	}
a:hover {
	color: #0000ff;
	text-decoration: underline;
	}
h2 a {
	text-decoration: none;
	}
img {
	border: 0;
	}
.dimit {
	font-size: .85em;
	}
ol {
	margin-left: 0;
	padding-left: 1.25em;
	}
ol li {
	list-style-position: outside;
	}
ul {
	list-style-type: square;
	margin-left: 0;
	padding-left: .6em;
	}
li {
	list-style-position: inside;
	margin-left: 1.25em;
	}
	
h1 {
	font-size: 1.8em;
	color: #004499;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 1.125;
	}

sup {
	font-size: .6em;
	}

#wrapper {
	width: 100%;
	/* min-width: 60em; */
	margin: 0em;
	padding: 0em;
	color: #1E284D;
	font-size: 1em;		/* computed 	16px */
	line-height: 1.3; /* 1.5em */
	}

#mastheadwrap,
#topmenuwrap,
#ftcatmenuwrap,
#catmenuwrap,
#footerwrap {
	width: 100%;
	/* min-width: 56em; */
	}

#mainbodywrap {
	/* background: #ffffff; */
	}

#mastheadwrap,
#topmenuwrap,
#catmenuwrap,
#mainbodywrap,
#ftcatmenuwrap,
#footerwrap {
	overflow: hidden;
	}

#topmenuwrap { 
	}

#ftcatmenuwrap,
#catmenuwrap { 
/*	background: #cbcbcb; 
	border-top: 1px solid #777777; */
	min-height: .25em;
}
#mainbodywrap { 
/*	background: #ffffff; 
	border-top: 1px solid #555555; */
	min-height: 18em;
	}
#mainbody {
	background: #ffffff;
/*	background: transparent url(../graphics/css-mainbodybg.gif) no-repeat top left; */
	min-height: 18em;
}
#footerwrap {
/*	background: #BCA66C; 
	border-top: 1px solid #766844; */
	}

#masthead,
#topmenu,
#catmenu,
#mainbody,
#ftcatmenu,
#footer {
	width: 56em;	/* @16px = 960px; */
	margin: 0 auto;
	padding: 0 1em;
	background: #ffffff;
	}

#topmenu,
#mainbody {
	padding: 0;
	width: 58em;
	}
/* MASTHEAD ======================== */
#masthead {
	margin: 2px auto 0 auto;
	position: relative;
	height: 120px;
/* 	background: #ffffff url("../graphics/idhhblogo.jpg") 12px 0px no-repeat; */
	overflow: hidden;
	}

#logoimg {
	clear: right;
	float: left;
	margin-top: 3px;
	}
#logoname {
	float: left;
	margin: 25px 0 0 15px;
	}
#logline {
	font-size: .70em;
	position: absolute;
	bottom: 0;
	line-height: 1;
	left: 125px;
	color: #63839B;
	}

#linksharewrap {
/*	position: absolute;
	top: 8px;
	right: 8px; */
	float: right;
	width: 250px;
	}
#linksharediv {
	float: right;
	}
#linksharewrap img {
	float: left;
	}

/* CATMENU ======================== */
#catmenu {
	padding: 1px 1em;
	color: #03253A;
	overflow: hidden;
	background: #80A9C8; /* #ccddff; */
	}

#catmenu ul {
	font-size: .8em;
	float: left;
	list-style: none;
	margin: 0 0 0 3em;
	padding: 0;
	}


#catmenu ul li {
	display: inline;
	overflow:hidden;
	margin: 0em;
	text-align: center;
	}
#catmenu ul li.major {
	font-weight: bold;
	font-size: 1.25em;
	}

#catmenu ul li a {
	margin: .25em .35em;
	padding: .5em .85em;
	background: #eeffff;
	color: #004499;
	text-decoration: none;
	border: 1px dotted #0099ff;
	line-height: 3em;
	height: 3em;
	}
#catmenu ul li a:hover {
	background: #aaeeee;
	color: #000000;
	border: 1px dotted #0099ff;
	background: #ddffff;
	}
/* FTCATMENU ======================== */
#ftcatmenu {
	padding: 1px 1em;
	color: #03253A;
	overflow: hidden;
	background: #80A9C8; /* #ccddff; */
	}

#ftcatmenu ul {
	font-size: .8em;
	float: left;
	list-style: none;
	margin: 0 0 0 3em;
	padding: 0;
	}


#ftcatmenu ul li {
	display: inline;
	overflow:hidden;
	margin: 0em;
	text-align: center;
	}
#ftcatmenu ul li.major {
	font-weight: bold;
	font-size: 1.25em;
	}

#ftcatmenu ul li a {
	margin: .25em .5em;
	padding: .5em 1em;
	background: #eeffff;
	color: #004499;
	text-decoration: none;
	border: 1px dotted #0099ff;
	line-height: 3em;
	height: 3em;
	}
#ftcatmenu ul li a:hover {
	background: #aaeeee;
	color: #000000;
	border: 1px dotted #0099ff;
	background: #ddffff;
	}

/* TOPMENU ======================== */
#topmenu {
	color: #222222;
	overflow: hidden;
	background: #63839B;
	text-align: center; 
	border-top:1px solid #63839B;
	border-bottom:1px solid #63839B;
	}

#topmenu ul {
	margin: 0 auto;
	font-size: .8em;
	list-style: none;
	padding: 0;
	float: right;
	text-align: center;
	border-left: 1px solid #80A9C8;
	}


#topmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	overflow:hidden;
	font-weight: bold;
	}

#topmenu ul li a {
	border-right: 1px solid #80A9C8;
	color: #ffffff;
	display: block;	
	height: auto;
	line-height: 1;
	margin: 0;
	padding: 1.5em 0.5em 0.5em;
	text-decoration: none;
	background: #63839B;
	}

#topmenu ul li a:hover {
	color: #000000;
	background: #ccddff;
	}

#lmmenu {
	width: 14em;
	float: left;
	overflow: hidden;
	font-size: .8em;
	background: #ccddff;
}
#lmmenu ul {
	list-style-type: none;
	margin: 0;
	padding: .5em 0 1em 0;
	border-right: 1px solid #63839B; 
	border-bottom: 1px solid #63839B; 
}

#lmmenu li {
	margin: .2em 0 0 0;
	display: block;
	line-height: 1.2;
	padding: 1px 0;
}

#lmmenu li:hover {
	background-color:#ffffff;
	padding: 0 0;
	border-bottom: 1px solid #63839B; 
	border-top: 1px solid #63839B; 
	}

#lmmenu a {
	font-family: verdana, arial, sans-serif;
	color: #21567E;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: .2em .4em .2em 1em;
	display: block;
}

#lmmenu a:hover {
	color: #ff0000;
}

#rccontent {
	width: 46em;
	overflow: hidden;
	float: right;
	margin-bottom: 1em;
	}

/* FOOTER ======================== */
#footer {
	padding: 0 1em 1em 1em;
	overflow: hidden;
	background: #ffffff;
	color: #004499;
	border-top: 1px dashed #0099ff;
	}
/* ftmenu use ul default*/
#footer ul {
	width: 100%;
	padding: 6px 0;
	list-style: none;
	margin: 0px 0 5px 0;
	text-align: center;
	font-size: .9em;
	}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#footer ul li a {
	padding: 0 12px 0 12px;
	color: #004499;
	text-decoration: none;
	}
#footer ul li a:hover {
	background: #aaddff;
	color: #002222;
	}


/* FORM ============================== */
form { margin:0; padding:0; display:block;}

.basicform { 
	float: left; 
	margin-top: .75em;
	margin-bottom: .75em;
	font-size: .85em;
	}

.fieldpair {
		display: block;
		clear: both;
		padding: .2em 1.24em;
		margin: 0;
	}

p.fieldname {
		clear: left;
		float: left;
		width: 6em; /* 8em; */ /* 100px; */
		text-align: right;
		margin: 0;
		padding: 0;
	}

p.fieldinput {
		float: left;
		text-align: left;
		padding: 0 0 0 .4em;
		margin: 0;
	}

.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	}

/* =================================== */
.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}
.leftreset {
        margin: 0;
        height: 0;
        padding: 0;
        clear: left;
}

.floatright {
        float: right;
        margin: 6px 5px 0px 8px;
}

.floatleft {
        float: left;
        margin: 6px 8px 0px 5px; 
}

.floatcenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}

h2.point2 {
	font-size: 1.5em;
	color: #000099;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 1.125;
	}

blockquote {
	margin-right: 20px;
	margin-left: 20px;
	color: #000099;
	padding: 10px;
	border: 1px dashed #990000;
	}

blockquote p.bywho {
	text-align: right;
	}

.hline,
.leftline,
.centeredline {
	margin-left:10%; 
        padding:0px;
        width: 82%;
        height: 0;
        border-top: 1px solid #006699;
/*      border-bottom: 1px solid #B9C893; */
        text-align: center;
	overflow: hidden;
}

.centeredline {
	margin: 10px auto;
	}
.leftline {
	width: 30%;
	margin-left: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

p.notice {
	color: #D22D0C;
	}
.bulletin {
	border: 1px dotted #A2A1FF;
	background: #FEF3A9;
	overflow: hidden;
	}
.bulletin .sample {
	font-size: .85em;
	}

.bucketette {
	float: left;
	margin: 5px;
	max-height: 138px;
	overflow: hidden;
	}
.bucketette img {
	height: 120px;
	width: auto;
	}

.bucketette p {
	display: none;
	margin: 0;
	padding: 0;
	font-size: .75em;
	line-height: 1.125;
	}
.bucketette p.noimg {
	display: block;
	}

.bucketpageimage {
	float: left;
	margin: 10px 10px 4px 0px;
	}
.bucketitemid {
	font-size: 1.25em;
	color: #ff0000;
	}
.bucketitemid p:before {
	color: #000000;
	content:  "Item#: ";
	}
ul.address {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
}
.picncap {
        overflow: auto;
        margin: .7em 1em;
        text-align: center;
        }
.picncap img {
        margin: 0 auto;
        }
.picncap p {
        font-size: .75em;
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }

.btn2picbox {
        overflow: auto;
        text-align: center;
        }
.btn2picbox img {
        float: left;
        }
.btn2picbox p {
        font-size: .75em;
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }

#closeupctrl {
	clear: left;
	text-align: right;
	line-height: 1;
	margin-right: 5px;
	}

.moreinfo {
        font-size: .85em;
        font-weight: bold;
        }

p.price {
	font-size: 1.125em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ff0000;
	}
p.format {
	margin-top: 0px;
	font-weight: bold;
	}
.ppadd {
        text-align:center;
	overflow: hidden;
	float: left;
	margin-right: 10px;
        }
.featurette .ppadd,
.ppaddsmall,
.rightbox .ppadd {
	width: 96px;
	}

.ppadd p {
	margin: 0 !important;
	padding: 0;
	}

.ppadd form {
        padding: 0;
        margin: 0;
        }
.ppaddsmall form input,
.featurette .ppadd form input,
.rightbox .ppadd form input { /* smaller submit button */
        /* submit graphic is only visible input element in ppadd. */
        width: 90px;
        padding-top: 0;
        margin-top: 0;
        }

.cartfaq {
        font-size: .75em;
        margin: 0;
        padding: 0;
        }
.featurette .cartfaq,
.ppaddsmall .cartfaq,
.rightbox .cartfaq {
	display: none;
	}

.ednote50,
.ednote {
	padding: 6px 8px;
	margin: 10px 20px;
	background: #eeeecc;
	border: 1px dotted #03253A;
	}

.ednote50 p,
.ednote p {
	margin: 0px;
	}
.ednote50 {
	float: left;
	width: 40%;
	margin: 10px 0px 10px 6%;
	}

.testimonial {
	padding: 6px 8px;
	margin: 10px 20px;
	background: #EEE5DA;
	border: 1px dotted #03253A;
	}

.testimonial li,
.testimonial p {
	margin: 0px 0px .2em 0px;
	font-style: italic;
	}
.testimonial p.bywho {
	text-align: right;
	font-style: normal;
	}

#bcrumbobj {
	position: absolute;
	top: 5px;
	right: 8px;
	font-size: .75em;
	}
#bcrumbobj a {
	color: #63839B;
	}

.matrixbox {
	float: left;
	width: 250px;
	height: 250px;
	margin: 10px;
	position: relative;
	
	}
.matrixbox img {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	}

/* IMPORTS FROM PREVIOUS */
.feature,
.payoption,
.featurette {
	float: left;
	width: 46%;
	margin-left: 2%;
	background: #E0EAFF;
	color: #000066;
	font-size: .75em;
	line-height: 1.3;
	border: 1px solid #63839B;
	margin-top: .5em;
	margin-bottom: .5em;
	overflow: hidden;
	}
.rightbox .featurette {
	width: 90%;
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}
.rightbox .featurette img {
	width: 40%;
	}
.rightbox .featurette h2 {
	margin-bottom: .4em;
	}

.feature,
.payoption,
.featurette {
	float: left;
	width: 46%;
	margin-left: 2%;
	background: #E0EAFF;
	color: #000066;
	font-size: .75em;
	line-height: 1.3;
	border: 1px solid #63839B;
	margin-bottom: 1em;
	}

.feature {
	width: 90%;
	margin-left: 5%;
	background: #EDF3FF;
	font-size: .85em;
	line-height: 1.3;
	position: relative;
	}

.payoption {
	width: 54%;
	margin-left: 5%;
	background: #FFFAF2;
	font-size: .80em;
	line-height: 1.3;
	}

.featurette h2 {
	font-size: 1em;
	line-height: 1.25;
	margin-top: .4em;
	}
.feature h2 {
	font-size: 1.3em;
	line-height: 1.25;
	margin-top: .2em;
	margin-bottom: .4em;
	}
.feature h3 {
	margin-top: .4em;
	margin-bottom: 0em;
	}
.payoption h2 {
	font-size: 1.25em;
	line-height: 1.25;
	margin-top: .4em;
	}

.feature p,
.payoption p,
.featurette p {
	margin: 0 .5em .3em .5em;
	}
.feature img,
.payoption img,
.featurette img {
	float: left;
	margin: .5em;
	border: 1px solid #63839B;
	}

.feature .floatright {
	margin: 0 1em .4em .5em;
	padding: 0;
	}
.feature .floatright img {
	margin: 0;
	padding: 0;
	}
.feature p.moreinfo {
	float: right;
	}
.sidebyside {
	clear: left;
	width: 100%;
        float:left;
	}
.sidebyside img {
	float: left;
	padding-right: 4px;
	margin-left: 5px;
	}
.sidebyside p {
	margin: 4px 8px 5px 6px;
	}
.sidebyside h1,
.sidebyside h2,
.sidebyside h3,
.sidebyside h4,
.sidebyside h5,
.sidebyside h6 {
	line-height: 1em;
	}
.asideright,
.asideleft,
.rightbox {
	float: right;
	width: 40%;
	margin-left: 1em;
	font-size: .85em;
	}
.rightbox {
	background: #EDF3FF;
	border-left: 1px dashed #63839B;
	border-bottom: 1px dashed #63839B;
	}
.asideright,
.asideleft {
	padding: .5em;
        background: #E3DDCC;
        border: 1px solid #845A3D;
	margin: .5em 1em;
	}

.rightbox img {
	border: 1px solid #63839B;
	}
.rightbox h2 {
	margin-bottom: .35em;
	}

.adspecial {
	background: #ffffff;
	border: 1px solid #1B649B;
	}

.adspecialette { }
.adspecialette h2 { }
.adspecialette h3 { }
.adspecialette h3.price { }
.adspecialette h3.regprice { margin-bottom: 5px;}
.adspecialette h3.saleprice { 
	color: #ff0000; 
	font-size: 1.25em; 
	margin-top: 4px; 
	margin-bottom: 5px;
	}
.adspecialette h3.regprice span { font-size: 1.125em; }
.adspecialette h3.saleprice span { font-size: 1.3em; }

.indent {
	margin: 1em 3em;
	}
.story {
	margin: 1em 3em;
	color: #8B420D;
	font-style: italic;
	}

.quote,
.quote60 {
	margin: .5em 1.5em;
	color: #000099;
	padding: 0 .2em;
	font-size: .85em;
	border: 1px dashed #990000;
	}
.quote60 {
	width: 53%;
	}
.quote p.bywho,
.quote60 p.bywho {
	text-align: right;
	}

.floatingimgs { }

.floatingimgs img {
	float: left;
	margin: 2px;
	}