/**
 ** Center the whole page
 **/
body {
        text-align:center;
}
div.centered {
        margin-left:auto;
        margin-right:auto;
        text-align:left;
        width: 820px;
}

/**
 ** Formal style used by spec sheets and such
 **/
div.formal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
        padding-left: 40px;
}
div.formal h1 {
        font-size: 14pt;
        padding-top: 6px;
        text-indent: -30px;
}
div.formal h2 {
        font-size: 12pt;
        padding-top: 6px;
        text-indent: -30px;
}
div.formal h3 {
        font-size: 10pt;
        padding-top: 4px;
        text-indent: -30px;
        text-decoration: underline;
}


/**********************************************************************
 **                        Sitemap CSS                               **
 **********************************************************************/
div.sitemapdiv {
        border: red 1px solid;
}
.sitemap ul {
        text-indent: 20px;
        list-style: none;
}
.sitemap ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #707070;
 	text-decoration: none;
        font-size: 12px;
}

/**
 ** Special definitions applicable anywhere
 **/
.sminput {
	font-size: 8pt;
	font-family: Courrier;
}

.itemno {
	font-size: 24pt;
	font-weight: bold;
}

.itemnosm {
	font-size: 16pt;
	font-weight: bold;
}

.itemdesc {
	font-size: 14pt;
	font-weight: bold;
}


.manuf {
	font-size: 8pt;
}

.compact {
	font-size: 8pt;
	line-height: 120%;
	margin: 5pt 0pt 8pt 15pt
}


/***********************************************************
 **                      FONTS                            **
 ***********************************************************/
.TinyDarkText,
.SmallDarkText,
.MediumDarkText,
.LargeDarkText,
.HugeDarkText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #393529;
 	text-decoration: none;
}
.TinyDarkText { font-size: 7pt; font-weight: normal; }
.SmallDarkText { font-size: 8pt; }
.MediumDarkText { font-size: 10pt; }
.LargeDarkText { font-size: 12pt; }
.HugeDarkText { font-size: 14pt; }

.TinyBrownText,
.SmallBrownText,
.MediumBrownText,
.LargeBrownText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #707070;
 	text-decoration: none;
}
.TinyBrownText { font-size: 7pt; font-weight: normal; }
.SmallBrownText { font-size: 8pt; }
.MediumBrownText { font-size: 10pt; font-weight: normal; }
.LargeBrownText { font-size: 12pt; }

.TinyPurpleText,
.SmallPurpleText,
.MediumPurpleText,
.LargePurpleText,
.HugePurpleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7b2a8b;
	font-weight: bold;
	text-decoration: none;
}
.TinyPurpleText { font-size: 6pt; }
.SmallPurpleText { font-size: 8pt; }
.MediumPurpleText { font-size: 10pt; }
.LargePurpleText { font-size: 12pt; font-weight: bolder; }
.HugePurpleText { font-size: 14pt; font-weight: bolder; }

.SmallPurpleText1 {
        z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; color: #7b2a8b;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

.TinyRedText,
.SmallRedText,
.MediumRedText,
.LargeRedText,
.HugeRedText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}
.TinyRedText { font-size: 6pt; }
.SmallRedText { font-size: 8pt; }
.MediumRedText { font-size: 10pt; }
.LargeRedText { font-size: 12pt; }
.HugeRedText { font-size: 14pt; font-weight: bolder; }

.SmallWhiteText,
.MediumWhiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
.SmallWhiteText  { font-size: 7pt; }
.MediumWhiteText { font-size: 10pt; }



.PictureButtons {
        position: absolute;
        bottom: 1px;
	background-color: #e0dae0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #7b2a8b;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	z-index: 10;
}

.Underlined {
        text-decoration: underline;
}
.Pointer {
        cursor: pointer;
}

.TextBox {
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #707070;
}

/**********************************************************************
 **      Accordian Menu CSS Settings for HomeTech Solutions          **
 **********************************************************************/
/* Menu width */
.arrowlistmenu{
        width: 163px; /*width of accordion menu*/
}

/* Main menu items */
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
        display: block;
        position: relative;
        width: 163px;
        height: auto;
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: white;
        background: white url(http://www.hometech.com/hts_images/button_normal.gif) no-repeat center left;
        margin-top: 0px; /*bottom spacing between header and rest of content*/
        margin-bottom: 1px; /*bottom spacing between header and rest of content*/
        /* text-transform: uppercase; */
        padding: 4px 0px 4px 10px; /*header text is indented 10px*/
        cursor: pointer;
        text-decoration: none;
}

/* Main menu items */
.cmdbutton{
        display: block;
        position: relative;
        text-align: left;
        width: 163px;   /* 153 */
        height: auto;
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: white;
        background: white url(http://www.hometech.com/hts_images/button_normal.gif) no-repeat center left;
        margin-top: 0px; /*bottom spacing between header and rest of content*/
        margin-bottom: 1px; /*bottom spacing between header and rest of content*/
        padding: 4px 0px 4px 10px; /*header text is indented 10px*/
        cursor: pointer;
        text-decoration: none;
}


/* Main menu items when expanded */
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
        background-image: url(http://www.hometech.com/hts_images/button_active.gif);
}

/* Submenu general */
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
        font: bold 11px Verdana, Arial, Helvetica, sans-serif;
        list-style-type: none;
        line-height: 1.4;
        margin: 0;
        padding: 0;
}

.arrowlistmenu ul li{
        /* height: 1em; works in ie6, messes up others*/
        _height: 1em; /* fix for ie6 bug */
}

/* Submenu items with sub-sub items (closed) */
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
        background: url(http://www.hometech.com/hts_images/arrow_bullet_right.gif) no-repeat center right;
}

/* Submenu items with sub-sub items (open) */
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
        background: url(http://www.hometech.com/hts_images/arrow_bullet_down.gif) no-repeat center right;
}

/* Submenu non-expandable */
.arrowlistmenu ul li a{
        color: #707070;
        display: block;
        padding-left: 5px;
        text-decoration: none;
}

.arrowlistmenu ul li a:visited{
        color: #707070;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
        background-color: #F3F3F3;
}

/* Submenu expandable */
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
}


/**
 ** Small Item or Category box (up to 3 accross)
 **/
.SmallBox {
	position: relative;
	float: left;
	width: 182px;
	height: 181px;
	margin: 3px 3px 3px 2px;
	/*outline: red dotted thin;*/
	text-align: center;
	z-index: 3;
}
.SmallBoxPic {
	position: relative;
	top: 6px;
	z-index: 5;
	border-style: none;
}
.SmallBoxText1 {
	position: absolute;
	top: 120px;
	left: 15px;
	width: 160px;
	height: 10px;
	text-align: left;
	text-decoration: none;
	z-index: 7;
}
div.SmallBoxText2 {
	position: absolute;
	top: 134px;
	left: 15px;
	width: 160px;
	height: 20px;
	text-align: left;
	text-decoration: none;
	z-index: 7;
}

div.SmallBoxText3 {
        position: absolute;
        top: 120px;
        left: 6px;
        width: 170px;
        height: 55px;
        z-index: 7;
        text-align: left;
}
div.SmallBoxText3 h1 {
	padding: 0;
	font-size: 16pt;
        font-weight: bolder;
}
div.SmallBoxText3 h2 {
        margin: 0;
	font-size: 14pt;
        font-weight: bolder;
}
div.SmallBoxText3 h3 {
        margin: 0;
        font-size: 12pt;
        font-weight: bolder;
}

/**
 ** Box used for pictures 300 x 300
 **/
.MediumBoxDiv1 {
	width: 308px;
	height: 308px;
	background: url(http://www.hometech.com/hts_images/box5.gif) center center no-repeat;
	margin: 0px;
	padding: 0px;
	z-index: 3;
}
.MediumBoxDiv2 {
        position: absolute;
        top: 4px;
        left: 4px;
	/*width: 300px;
	height: 300px;*/
	width: 182px;
	height: 181px;
	margin: 0;
	padding: 0;
	z-index: 4;
}
/**
 ** Box used for pictures 150 x 150
 **/
.MediumBoxDiv1_150 {
	width: 158px;
	height: 158px;
	background: url(http://www.hometech.com/hts_images/box5_150.gif) center center no-repeat;
	margin: 0px;
	padding: 0px;
	z-index: 3;
}
.MediumBoxDiv2_150 {
        position: absolute;
        top: 4px;
        left: 4px;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
	z-index: 4;
}

/**
 ** Large box around itemgroups
 **/
 
.itemgroupBoxAll {
	position: relative;
	top: 5px;
	left: 0px;
	width: 578px;
}

.itemgroupBoxTop1 {
	position: relative;
	width: 578px;
	height: 30px;
	z-index: 1;
	background: url(http://www.hometech.com/hts_images/box4_top.gif) no-repeat;
}


ul.itemgroupList {
	list-style: disc outside;
        padding-left: 18px;
        margin-left: 0px;
        text-indent: 0px;
        padding: 5px 5px 0 18px;
        margin: 0 0 0 0;
        /* outline: red thin solid; */	
}
ul.itemgroupList li {
	/* outline: blue thin dotted; */
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
/*	font-size: 8pt; */
}

.itemgroupBoxMiddle1 {
	position: relative;
	width: 578px;
	background: url(http://www.hometech.com/hts_images/box4_middle.gif) repeat-y;
	padding: 0px;
}

.itemgroupBoxMiddle2 {
	position: relative;
	width: 562px;
	padding: 4px 4px 4px 4px;
}

.itemgroupBoxBottom {
	position: relative;
	width: 578px;
	height: 8px;
	z-index: 1;
	background: url(http://www.hometech.com/hts_images/box4_bottom1.gif) no-repeat;
}
.itemgroupBoxBottomNG {
	position: relative;
	width: 578px;
	height: 8px;
	z-index: 1;
	background: url(http://www.hometech.com/hts_images/box4_bottom.gif) no-repeat;
}

/**
 ** Large box
 **/
.LargeBox {
	position: relative;
	float: right;
	width: 300px;
	height: 300px;
	margin: 4px;
	/*outline: red dotted thin;*/
	text-align: center;
}
.LargeBoxPic {
	position: relative;
	top: 6px;
	z-index: 5;
	border-style: none;
}
.LargeBoxText1 {
	position: absolute;
	top: 120px;
	left: 15px;
	width: 160px;
	height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #707070;
	text-align: left;
	text-decoration: none;
}
.LargeBoxRef {
	color: #707070;
	text-decoration: none;
}

/**
 ** Tabbed Textbox Styles
 **/
ul.textbox_tabs {	/* the tab line */
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 18px;
	width: 558px;
}

ul.textbox_tabs li {	/* the individual tab */
	float:left;
	margin-right: 2px;
        text-align:center;
}

ul.textbox_tabs li a {	/* the link text inside the container */
	padding: 0px 6px 0px 6px;
	background-color: #d0d0d0; /* inactive color */
	text-decoration: none;	/* don't underline */
}

ul.textbox_tabs li a:hover {	/* when a tab is hovered over */
	/*background-color: #f0f0f0; */
}

ul.textbox_tabs li a.active {	/* when a tab is active */
	background-color: #f0f0f0;
}

div.TextBoxGray {
        /*outline: red thin solid;*/
	background-color: #f0f0f0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

input.normal {
        color: #000000;
        background: url(http://www.hometech.com/hts_images/color_white.gif) repeat;
        /* background-color: #00ff00; doesn't work in firefox */
}
input.error {
        color: #ff0000;
        /* background-color: #00ff00; doesn't work in firefox */
        background: url(http://www.hometech.com/hts_images/color_yellow.gif) repeat;
}
span.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #707070;
	font-size: 8pt;
}
span.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #ff0000;
	font-size: 8pt;
}
select.normal {
        background-color: #ffffff;
        color: #000000;
}
select.error {
        background-color: #00ff00;
        color: #ff0000;
}

/* data cells for 'normal' tables */
td.bbr {        /* border bottom right */
        border-bottom: 1px #7b2a8b solid;
        border-right: 1px #7b2a8b solid;
}
td.bb {         /* border bottom only */
        border-bottom: 1px #7b2a8b solid;
}
td.bbtr {       /* border bottom top right */
        border-bottom: 1px #7b2a8b solid;
        border-top: 1px #7b2a8b solid;
        border-right: 1px #7b2a8b solid;
}
td.bbt {       /* border bottom and top */
        border-bottom: 1px #7b2a8b solid;
        border-top: 1px #7b2a8b solid;
}
td.left {       /* text left justified */
	text-align: left;
}
td.center {   /* text centered */
	text-align: center;
}
td.right {      /* text right */
	text-align: right;
}

span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}