html, body, #page {
     min-height: 100%; 
    width: 100%;
     height: 100%; 
    
}
/* color bar background */

#hundredContainer{
	background-image:url(gfx/colorbar.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-position:bottom;
}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

 html>body, html>body #page {
    height: auto;
} 

/*
 * Make sure to surround your page with a <div id="page"> tag.
 */

body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.centerContent{
	width:760px;
}
#left{
}
#right{
}
#cart{
	text-transform:uppercase;
	font-size:9px;
}
.hdrLogin{
	width:100px;
	background-color:#eee;
	border:1px solid #ccc;
	margin-top:3px;
	font-size:10px;
}
#content{
	padding:5px 15px 5px 15px;
	background-image:url(gfx/bg-right2.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#content2{
	padding:5px 15px 5px 15px;
}
.hdrTop {
    background-image: url(gfx/header.gif);
    width: 729px;
}
.absoluteTop{
	background-image:url(/images/hdrTopBG.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:27px;
	padding-bottom:3px;
	padding-right:5px;
}
.hdrMain {
    background-image: url(gfx/header-bg.gif);
}
#tblHeader{
	background-image:url(gfx/hdr_bg.gif);
	background-repeat:repeat-y;
	color:#333;
	padding:0;
}
#footer {
    width: 100%;
    position: absolute;
    left: 1px;
    background-image: url(gfx/bg-footer.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    vertical-align: bottom;
    text-align: center;
}
#menu a{
	float:left;
	clear:right;
	display:inline-table;
}
#menu{
	padding:0px;
	margin:0px;
}
#mainContent{
	border-right:1px solid #d7d7d7;
	border-left:1px solid #92a9c2;
	background-image:url(/images/underMenuBG_wht.gif);
	background-repeat:repeat-x;
	background-position:center top;
}
#recentOrders{
	background-image:url(/images/hpv2_bg_stripes.gif);
	border:1px solid #ccc;
	height:39px;
	padding: 3px 3px 3px 8px;;
	width: 287px;
	margin-bottom:3px;
	overflow:auto;
	font-size:9px;
	text-transform:uppercase;
}
#recentOrders div{
	margin-bottom:1px;
	border-bottom:1px solid #CCC;
}
.ftrEnd {
    background-image: url(gfx/footer-cap.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#footerCap {
    visibility:hidden;
}
.ticker {
    background-image: url(gfx/bg-ticker.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0px;
    color: #993300;
    font-weight: bold;
    height: 20px;
    padding: 0px;
}
.hdrContent {
    background-image: url(gfx/bg-content-front.gif);
    background-repeat: repeat-y;
    height: 20px;
    padding-top: 2px;
    color: #FFFFFF;
    padding-left: 5px;
    font-family: "HelveticaNeue Condensed", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11pt;
    margin: 0px;
}
.hdrContentRight {
    background-image: url(gfx/bg-content-front-right.gif);
    background-repeat: repeat-y;
    height: 20px;
    padding-top: 2px;
    color: #FFFFFF;
    padding-left: 5px;
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11pt;
}
.content {
	border-right:1px solid #dedede;
}
.contentFrontRight {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 8px;
    padding-bottom: 5px;
    font-size: 12px;
}
.contentFrontRight img {
    margin-left: 5px;
}
.hdr {
    background-image: url(gfx/header-bg.gif);
    background-repeat: repeat-y;
}
.prodGrid {
    float: left;
    width: 250px;
    margin-left: 9px;
    background-image: url(gfx/bg-grid.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 124px;
}
form, #calculator form {
    margin: 0px;
    padding: 0px;
}
.prodGridTxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #660000;
}
.prodGridAdd {
    margin-top: 5px;
}
.phpMenu {
    width: 175px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
	font-weight:400;
    vertical-align: top;
	background-image:url(/gfx/phpMenuCap.gif);
	background-repeat:repeat-x;
	padding-left:15px;
	background-color:#c0deff;
	border-left:1px solid #92a9c2;
}

#specials{
	color:#FF0000;
	font-size:9px;
	text-transform:uppercase;
}
#specialsLinks a, #specialLinks a:visited{
	color:#FF0000;
	text-decoration:none;
}
#specialLinks a:hover{
	color:#FF0000;
	text-decoration:underline;
}

#sideContact{
	font-size:12px;
	color:#455464;
}
#sideContact tr th{
	font-size:9px;
	text-transform:uppercase;
	text-align:left;
	padding-left:5px;
}
#sideContact tr td{
	font-size:9px;
	text-transform:uppercase;
	text-align:left;
	padding-left:5px;
}
#sideContact .content {
    font-size: 10pt;
    }
image {
    margin: 0px;
    padding: 0px;
}
.tblGridHeader {
    background-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 2px;
    font-weight: bold;
}
#grid {
    border: 1px solid #666666;
    width: 100%;
}
.tblGridRow {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    padding-right: 3px;
    padding-left: 2px;
    text-align:left;
}
.headline {
    background-color: #CCCCCC;
    width: 100%;
    font-weight: bold;
}
#grid .tblGridRow select {
    width: 100%;
    margin: 1px;
}


.started {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 3px;
    font-size: 11px;
    text-align: left;
    color: #003366;
}
#header {
    background-image: url(gfx/bg-header.gif);
    background-repeat: repeat-x;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 19px;
}

.body_copy {
    margin: 0px;
    padding: 0px;
}

#started {
    margin-top: 10px;
}
#calculator {
/*
    text-align:center;
    margin-bottom: 5px;
    background-color: #EEEEEE; */
    float: right;
    margin: 0;
    padding: 0;
}

#calculator select.normalselect {
width: 100%;
text-align: left;
}

#calculator select {
    width: 80px;
    font-size: 10pt;
    text-align:center;
}
.prodGridImage {
    margin: 0px;
}
.prodGridDesc {
    font-size: 8pt;
	color:#444;
}
#gridFooter {
    background-image: url(gfx/bg-gridRow.png);
    height: 41px;
    width: 510px;
    font-size: 10pt;
    color: #003366;
    font-weight: bold;
    margin: 0px;
}
#main {
    /*width: 550px;*/
    /* max-width: 550px;
    position:inherit; */
    margin: 0;
    padding: 10px;
	padding-left:15px;
    min-height: 100%;
}
#hrCat {
    height: 1px;
    width: 350px;
    border: #CCCCCC;
}

#catFooter {
    clear: both;
	align: left;
}
#adminGrid {
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    font-size: 11pt;
}
#adminGrid td {
    background-color: #EEEEEE;
	text-align: left;
}
#adminGrid .header {
    background-image:url(/images/hpv2_bg_stripes.gif);
	border-bottom:1px solid #999;
	margin-bottom:1px;
    height: 20px;
    background-repeat: repeat-x;
    font-size: 10pt;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    color: #666;
	text-align: left;
}
#adminGrid .headerPayment {
    background-image: url(gfx/bg-admin-header-payment.gif);
    height: 20px;
    background-repeat: repeat-x;
    font-size: 10pt;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    color: #F2F6F8;
	text-align: left;
}
#adminGrid .adminRowBegin {
    font-size: 9pt;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dadada;
    padding-right: 5px;
    padding-left: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
	text-align:right;
}
#adminGrid .adminRowInner {
    font-size: 9pt;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dadada;
    padding-right: 5px;
    padding-left: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}
#adminGrid .adminRowEnd {
    font-size: 9pt;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dadada;
    padding-right: 5px;
    padding-left: 5px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}
#adminGrid {
    font-size: 9pt;
/*    padding: 9px; */
    padding-left: 2px;
	padding-right: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}
.adminRow{
    font-size: 9pt;
    padding: 5px 1px 5px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}
#adminGrid .calcRow {
    border: none;
    font-size: 7pt;
	margin-left:-2px;
}

#adminGrid select {
    font-size: 9pt;
}
select {
    font-size: 9pt;
}
input {
    font-size: 9pt;
}
#displayImage {
    overflow: hidden;
    height: 100px;
    width: 150px;
}
#login .text {
    width:115px;
    font-size:10pt;
}
a:link, a:visited {
    text-decoration:none;
	color:#589216;
}
a:hover {
    text-decoration:underline;
	color:#48586a;
}
#headerRight {
    height: 90px;
}
.headerSmTxt {
    font-weight: bolder;
    font-size: 11px;
	color: #7DA6B8;
}
#callout {
    text-align: left;
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #DFDFDF;
    border-left-color: #DFDFDF;
    width: 150px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: normal;
    color: #000066;
    font-size: 10pt;
    font-family: "Arial Black", "MS Sans Serif", Helvetica;
}
#credit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
}

#progress {
	width: 100%;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
td.p1, td.p2, td.p0{
	height:22px;
	width:25%;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:1px;
	font-size:11px;
}
td.p1 {
	border-left: 1px solid #760000;
	background-color: #D50000;
	color: #FFF;
	font-weight: bold;
	background-image:url(gfx/cartTreeBG_red.png);
	background-repeat:repeat-x;
}
td.p0 {
	border-left:1px solid #71838C;
	background-color: #C6E7F6;
	color: #86ABBC;
	font-weight: normal;
	background-image:url(gfx/cartTreeBG_grey.png);
	background-repeat:repeat-x;
}
td.p2 {
	border-left:1px solid #610000;
	background-color: #9C0000;
	color: #790000;
	font-style: italic;
	background-image:url(gfx/cartTreeBG_darkRed.png);
	background-repeat:repeat-x;
}
.fastTrack {
	width:200px;
}

#prodFooter{
	padding: 0px 15px 0 15px;
}
#productLinks{
	padding:10px 5px 5px 20px;
	background-image:url(gfx/bg-left.gif);
	background-repeat:repeat-y;
	background-position:right;
	font-size:10px;
	text-transform:uppercase;
}
#prodList{
	border-bottom:1px solid #c0c0c0;
	padding-bottom:10px;
}
#prodList tr td{
	font-size:9px;
	margin-top:10px;
}
#prodList div{
	font-size:11px;
}

#prodList a,#prodList a:visited{
	color:#95b7db;
	text-decoration:underline;
}
#prodList a:hover{
	color:#738599;
	text-decoration:none;
}

#altLinks{
	/*border:1px solid #c0c0c0;*/
	border-bottom:1px solid #c0c0c0;
	margin-top:10px;
	padding:0px 10px 5px 10px;
}
#altlinks div{
	text-align:center;
	font-size:9px;
}
#altLinks a,#altLinks a:visited{
	color:#999999;
	text-decoration:underline;
}
#altLinks a:hover{
	color:#666;
	text-decoration:none;
}

.text{
	font-size:10px;
	width:175px;
	margin-left:10px;
	margin-bottom:2px;
}

#hours{
	font-size:9px;
	color:#455464;
}

#adminGrid .adminRowRequiredMulti {

    font-size: 9pt;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: #CBCFFC;

    padding-right: 5px;

    padding-left: 5px;

    border-left-width: 1px;

    border-left-style: solid;

    border-left-color: #FFFFFF;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #CBCFFC;

	background-image:url(/gfx/bg-requiredField_multi.png);

	background-repeat:repeat-x;

	background-position:top left;

	background-color:#FFCC52;

}

#adminGrid .adminRowRequired {

    font-size: 9pt;

    border-right-width: 1px;

    border-right-style: solid;

    border-right-color: #CBCFFC;

    padding-right: 5px;

    padding-left: 5px;

    border-left-width: 1px;

    border-left-style: solid;

    border-left-color: #FFFFFF;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #CBCFFC;

	background-image:url(/gfx/bg-requiredField.png);

	background-repeat:repeat-x;

	background-position:top left;

}

#adminGrid table tbody tr td div{
	font-size:12px;
}