/* Headers */
h1      { color: #a4afaf; font-size:2.5em; line-height: 0.65em; letter-spacing:-1px; margin: 0px 10px 20px 90px;}
h1 a    { color: #a4afaf; text-transform:none;font-weight: 500;}
h2      { border-bottom: 3px solid #dadada; color:#a4afaf; font-size:1.4em; margin: 3px 0 7px 0; padding: 4px 2px 2px 5px;}
h3      { color: #a4afaf; font-size: 1.3em; font-weight: 700; margin: 12px 0 3px 0; padding: 0 0 0 4px; }
h4      { border-bottom: 1px solid #CECECE; color: #707070; font-size: 1.1em; font-weight: 800; margin: 10px 0 4px 0; padding: 0 0 0 0; }
h5      { color: #303030; font-size: 1.1em; font-weight: 800; margin: 2px 0 2px 0; padding: 0 0 0 0; }
h6      { color: #252D36; font-size: 1.2em; font-weight: 800; margin: 10px 0 3px 0; padding: 0 0 0 15px; }

/* General stuff */
body            { background: #FFFFFF; color: #000000; font: 85% Calibri,Tahoma,Arial,sans-serif; line-height: 1em; margin: 0px 0px 0px 0px; padding: 0; }
html            { margin:0 0 0px 0; height: 100%; }
a               { color: #a4afaf; font-weight:500; text-decoration:none;}
a:hover         { text-decoration:underline;}
a img           { border:0;}
p               { margin:0 0 13px 10px;}
ul,ol,dl        { font-size:1em; margin:0; padding: 0; list-style: none;}
li              { background-repeat: no-repeat; background-position: 0 50%; margin: 0.3em 0 0 0.4em;}
blockquote      { border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p    { margin:0;}
.ulBigBullet li:before { content:"\00BB \0020"; }
.ulBigBullet li { font-size: 1.3em; padding-left: 35px; line-height: 2.1em;}
.ulSmlBullet li:before { content:"\00BB \0020"; }
.ulGettingStartedList { font-size: 1.3em; padding-left: 10px; line-height: 2em; list-style-type: none; }
.ulHorz li      { float: left; padding-left: 5px; min-width: 175px; padding-top: 1px; line-height: 1em; margin: 0 0 0px 18px;}
.ulRoomyList    { padding-left: 40px; padding-top: 10px;}
.ulRoomyList li { margin-bottom: 35px;}

/* Main wrap/header */
#wrap           { margin: 0px auto 0px auto; padding: 0px; width: 970px; height: auto; }

/* header */
#header         { width: 970px; height: 142px; }
#hipLogo        { align:left; width: 240px; height: 100%; float: left; background-color: #FFFFFF; }
#headerRight    { width: 730px; height: 100%; float: right; background-color: #FFFFFF; }
#topMenuContainer { width: 730px; height: 32px; background-color: #FFFFFF;  }
#topMenuLeft    { width: 200px; height: 32px; float: left; }
#topMenuRight   { line-height: 1em; color: #a4afaf; text-align: right; float: right; width: 505px; height: 32px; }
#topMenuText    { padding-right: 10px; }
#topMenuRight a { color: #a4afaf; }
#topMenuBanner  { float: right; }

/* Content -> includes sidebar + page content */
#contentWrap    { width: 970px; background-color: #FFFFFF; overflow: hidden; }

#sidebar        { width:240px; min-height: 100%; float:left; line-height:1.4em; background-color: #FFFFFF; color: #a4afaf; margin-bottom: -999999; padding-bottom: 999999; }
#sidebar h2     { color: #a4afaf; }
#sidebar ul     { list-style-type: lower-roman; padding-left: 2em; }
#sidebar li     { color: #a4afaf; padding-top: 10px; padding-bottom: 10px; font-size: 1.3em;}
#sidebar li a   { color: #a4afaf; font-weight:700;}

#content        { width:730px; height: 100%; min-height:400px; float:right; line-height:1.3em; text-align:left; background-color: #FFFFFF; }

#content h1     { color: #a4afaf; }
#content h2     { color: #a4afaf; }
#content h3     { color: #a4afaf; }
#content a      { color: #a4afaf; }

/* Footer */
#footer         { width: 970px; float: left; color: #a4afaf; background-color: #FFFFFF; font-size: 1.2em; line-height: 1.2em; }
#footer a       { color: #a4afaf;}
#footer .alt    { color: #a4afaf; font-size: .9em; }
#footer .alt a  { color: #a4afaf; font-size: .9em; }
#poweredBy      { float: left; width: 240px; height: 100%; background-color: #ffffff; }
#poweredByBrand { float: left; width: 90px; height: 100%; padding-left: 10px; }
#poweredByLegal { float: right; width: 130px;  height: 100%; padding-right: 10px; }
#footerLinks    { float: right; width: 730px; height: 100%; text-align: center; }

/* Additional classes */
.productHeader  { width: 100%; background: #F4F4F4; color: Black; }

.contactHeader { width: 730px; background-color: #F4F4F4; color: #000000; }
.contactName { width: 550px; float: left; background-color: #F4F4F4; color: #000000;  }
.contactLinks { width: 170px; float: right; padding-right: 10px; background-color: #F4F4F4; color: #000000; text-align: right; }
.contactItem { width: 730px; }

.maintenanceCategory { width: 730px; background-color: #F4F4F4; color: #000000; }
.maintenanceContainer { width: 720px; padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
.maintenanceItem { width:100%; margin-bottom:4px; border-bottom: dotted 1 px #000000; }
.maintenanceText { width: 75%; float: left; }
.maintenanceChecklists { width: 25%; float: right; }
.maintenanceProducts { width: 100%; float: left; }
.maintenanceAction { padding-top: 2px; padding-left: 5px; padding-bottom: 5px; }

/* Grid Stuff */
.gridrowover td     { cursor: pointer; color: #000000; background-color: #B8E2FA; }
.grid td            { border-style: none; border-bottom: dashed 1px #cdcdcd; color: black; }
.grid th            { border-style: none; border-bottom: solid 1px #999999; font-size: 1.2em; color: #3F3F3F; }
.grid th a          { font-weight: 700; }

/* Misc */
.fade               { color: #C0C0C0; margin-left: -90px; padding-bottom: 3px; display: block;}

/* Multi-use divs */
div.wr-clearHack    {clear: both; width: 100%; overflow: hidden; text-indent: -9000px; height: 0.1px;}

/* ---------- AJAX Stuff ---------- */
.AJAX_ModalPopup                                            { border: 3px solid #2191c3; background-color: #FFFFFF; padding: 3px; width: 340px; height: 315px; text-align: center; vertical-align: middle; padding-top: 7px; }
.AJAX_ModalPopup_Background                                 { background-color: #A2A2A2; filter: alpha(opacity=70); opacity: 0.7; }
.ajaxCalendar .ajax__calendar_container                     { border: 2px solid #494949; background-color: #F3EEED; color: #252525; }
.ajaxCalendar .ajax__calendar_other .ajax__calendar_day     { color: #800000;}
.ajaxCalendar .ajax__calendar_other .ajax__calendar_year    { color: #800000;}
.ajaxCalendar .ajax__calendar_hover .ajax__calendar_day     { color: #00CC00;}
.ajaxCalendar .ajax__calendar_hover .ajax__calendar_month   { color: #00CC00;}
.ajaxCalendar .ajax__calendar_hover .ajax__calendar_year    { color: #00CC00;}
.ajaxCalendar .ajax__calendar_active .ajax__calendar_day    { font-weight: bold; color: black; }
.ajaxCalendar .ajax__calendar_active .ajax__calendar_month  { font-weight: bold; color: black; }
.ajaxCalendar .ajax__calendar_active .ajax__calendar_year   { font-weight: bold; color: black; }

.progressIndicator { padding: 10px 6px 6px 6px; background-color: #FFFFFF; margin: auto; height: 50px; width: 220px; position: absolute; font-size: 1.2em; color: #2D4555; left: 50%; top: 20%; margin-left: -50px; margin-top: -5px; border: #5d7b9d thin solid;}
.selection ::-moz-selection{background: #ffff00;} 
.selection ::selection {background: #ffff00; }

.progressMainIndicator { padding: 10px 6px 6px 6px; background-color: #FFFFFF; margin: auto; height: 50px; width: 220px; position: absolute; font-size: 1.2em; color: #2D4555; left: 50%; top: 50%; margin-left: -50px; margin-top: -5px; border: #5d7b9d thin solid;}