/* default settings
============================================================================ */

html {
	text-align: center;
}

body {
	min-width: 750px;
	max-width: 950px;
	margin: 15px 10px 0 10px;
	position: relative;
	font: 76%/140% Arial, Verdana, sans-serif;
	color: #000;
	text-align: left;
}

h1 {
	font-size: 1.7em;
}

h1 strong {
	font-size: 1.2em;
}

h1 em {
	font-size: 1.2em;
}
	
h2 {
	font-size: 1.5em;
}

.site-map h2 {
	margin-top: 1em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.0em;
}

p {
	padding-top: .5em;
}

a:link, 
a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, 
a:active {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: bold;
}
	
* { 
	behavior: url(/iepngfix.htc); 
}
	
.cooking em, 
.contracts em {
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

img.float-right {
	float: right;
	margin: .5em 0 1em 1em;
}

img.float-left {
	float: left;
	margin: 1em 1em 1em 0;
}

img.frame 
{
	border: 1px solid #d0d0d0 !important;
	background: url(Images/photo-frame.gif) no-repeat bottom right; 
	padding: 4px !important;
}

img.no-frame 
{
	background: none;
}

img.box {
	border: 1px solid #cacac2 !important;
	border-width: 1px !important;
	padding: 1px !important;
}

.clear {
	clear: both;
}

.centered img {
	margin: 0 auto;
	text-align: center;
}

.top-of-page {
	display: block;
	margin-bottom: 1em;
	padding-left: 10px;
	font-size: 90%;
	background: url(Images/arrow-top.gif) no-repeat center left;
}

.no-list li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	line-height: 1.3em;
}

.msg-important,
.msg-urgent{
	color:#8A2437 !important;
	font-weight:bold;
}

/* layout
============================================================================ */

/* --- NavSub --- */
#NavSub 
{
	float: left;
	width: 950px;
}

#NavSub p#Logo 
{
	float: left;
}


#NavSub img {
	float: left;
}

#NavSub ul 
{
	float: left;
	margin: 18px 0 0 20px;
	font-family: "arial narrow" , arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	border-left: 1px solid #b6bcc7;
}

.service #NavSub ul, 
.parts #NavSub ul, 
.installation #NavSub ul, 
.water-treatment #NavSub ul, 
.air-filtration #NavSub ul, 
.enzyme-products #NavSub ul, 
.manuals #NavSub ul, 
.contracts #NavSub ul, 
.warranty-registration #NavSub ul {
	/*  width: 55%; */
}

#NavSub ul li {
	display: inline;
}

#NavSub ul li a {
	padding: 0.2em 1em;
	color: #7e8591;
	text-decoration: none;
	float: left;
	border-right: 1px solid #b6bcc7;
}

#NavSub ul li a:hover {
	background-color: #b9bfca;
}

.home #NavSub #Home a, 
.locations #NavSub #Locations a, 
.contact #NavSub #Contact a, 
.careers #NavSub #Careers a {
	background-color: #e1e1e1;
}

#NavSub ul li#Login a {
	color: #000;
}

#NavSub ul li#Login 
{
	border: none;
}

/* --- 888-4Hobart --- */
#NavSub p.hobart-888 
{
	font-family: "arial narrow" , arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	padding: 1px 7px;
	margin-top: 18px;
	color: #8e2421;
	border: 1px solid #8e2421;
}

/* --- page title --- */
#PageTitle {
	font-family: "arial narrow" , arial, helvetica, sans-serif;
	font-weight: bold;
	color: #8e2421;
	clear: both;
	margin: 5px 0 0 10px;
	text-transform: uppercase;
}

/* --- Content --- */
#Content {
	margin-top: 5px;
	position: relative;
	border-top: 5px solid #8e2421;
	border-left: 1px solid #cacac2;
	border-right: 1px solid #cacac2;
	border-bottom: 1px solid #cacac2;
	float: left;
	width: 950px; /* width: 100%; */
}

/* --- ContentWrapper --- */
#ContentWrapper {
	border-left: 1px solid #cacac2;
	padding-left: 25px;
	position: relative;
	float: left;
	width: 50px;
	background-color: #fbf9ec;
}
/* --- Branding --- */
#Branding {
	border-left: 1px solid #cacac2;
}

/* --- ContentMain --- */
#ContentMain {
	overflow: hidden;
	width: 684px;
	border-left: 1px solid #cacac2;
	float: left;
	padding: 20px 25px 50px 30px;
	background: #fff ;
	min-height:400px;
}

#ContentMain h1 {
	letter-spacing: .2em;
	border-bottom: 1px solid #8e2421;
	text-transform: uppercase;
	color: #8e2421;
	margin-bottom: 3em;
	padding-bottom: .2em;
	font-size: 1.2em;
}

#ContentMain h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #012547;
	font-size: 1.0em;
}

#ContentMain h2.headline {
	font-size: 1.1em;
	color: #000;
	margin-bottom: 1em;
}

#ContentMain h3 {
	color: #000;
	font-size: 1.0em;
}

#ContentMain p {
	padding-top: 0;
	padding-bottom: 1em;
}

#ContentMain p.note {
	border-top: 1px solid #cacac2;
	margin-top: 1.5em;
	font-size: 90%;
	color: #666;
}

#ContentMain span.note-ref {
	font-size: 1em;
	font-weight: bold;
	color: #c00;
}

#ContentMain #Info {
	float: left;
	width: 64%; /* width: 64%; */
}

.tutorial #ContentMain #Info {
    margin-left:auto;
    margin-right:auto;
    float:none;
}

/* widen page for pages */
.notices #ContentMain #Info, 
.careers #ContentMain #Info, 
.preventive-maintenance #ContentMain #Info,
.contracts #ContentMain #Info {
	width: 550px;
}

.performance-chart #ContentMain #Info {
	width: 280px;
}

/* widen page for forms */
.locations #ContentMain #Info, 
.contact #ContentMain #Info,
.warranty-registration #ContentMain #Info, 
.feedback #ContentMain #Info, 
.helpdesk #ContentMain #Info, 
.my-hobart-service #ContentMain #Info {
	width: 97%;
}


#ContentMain #Info a {
	font-weight: normal;
	color: #004990;
	text-decoration: underline;
}

#ContentMain #Info a:hover {
	text-decoration: none;
}

#ContentMain #Info a.link {
	text-transform: uppercase;
	color: #004990;
	background: #fff url(Images/arrow_blue.gif) left 3px no-repeat;
	padding-left: 17px;
}

#ContentMain #Info a.link-normal,
#ContentSub a.download-link {
	text-transform: none;
	color: #004990;
	background: #fff url(Images/arrow_blue.gif) left 3px no-repeat;
	padding-left: 17px;
}


#ContentMain #Info ul {
	margin-bottom: 1em;
	list-style-image: url(Images/right-triangle-small-red.gif);
}
#ContentMain #Info ul li {
	margin-left: 30px;
}

#ContentMain #Info ul ul {
	list-style: square;
}

.notices #ContentMain #Info ul {
	margin-bottom: 1em;
	list-style-image: none;
}
.notices #ContentMain #Info ul li {
	margin-left: 1.5em;
}

#ContentMain #Info ol {
	margin: 0 0 1em 3em;
}

#ContentMain #CallOut 
{
	float: right;
}

#ContentMain #CallOut p {
	margin-top: 1em;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0 1em;
}

.performance-chart #ContentMain #CallOut {
	width: 55%;
}

#ContentMain .product#CallOut {
	border: 1px solid grey;
	padding: 1px;
	margin-top: 65px;
}

#ContentMain #Chart {
	clear: both;
}

/* ---[ myHobart Service ]------------------------------- */
#ContentMain .opBox {
	background-color: #fbf9ec;
	border: 1px solid #dedccf;
	margin: 10px 0 20px 0;
}

#ContentMain .opBox h1 {
	margin-bottom: 1em;
	letter-spacing: normal;
	padding: 5px 8px;
	border-bottom: 1px solid #dedccf;
	color: #3d3d39;
	text-transform: none;
}

#ContentMain .opBox ul li {
	list-style-image: none;
}

#ContentMain .menuBox {
	margin: 1em;
}

/* --- NavMain --- */
#NavMain {
	width: 160px;
	float: left;
	background-color: #dedccf;
	border-bottom: 5px solid #8e2421;
}

#NavMain li {
	font-size: 1em;
	font-weight: bold;
	border-top: 1px dotted #666;
}

#NavMain li a {
	color: #3d3d39;
	width: 130px;
	display: block;
	padding: 5px 15px;
}

#NavMain li#MyHobartService a {
	color: #377128;
}

#NavMain ul a:hover, 
.service #NavMain #Service a, 
.parts #NavMain #Parts a, 
.installations #NavMain #Installation a, 
.water-treatment #NavMain #WaterTreatment a, 
.water-treatment #NavMain #WaterSofteners a, 
.air-filtration #NavMain #AirFiltration a, 
.enzyme-products #NavMain #EnzymeProducts a,
.manuals #NavMain #Manuals a, 
.contracts #NavMain #Contracts a, 
.warranty-registration #NavMain #WarrantyRegistration a, 
.my-hobart-service #NavMain #MyHobartService a {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left center no-repeat;
}

.helpdesk #ContentWrapper form, 
.feedback #ContentWrapper form,
.locations #ContentWrapper form,
.contact #ContentWrapper form,
.warranty-registration #ContentWrapper form {
	width: 85%; 
}

/* --- nav-main-sub --- */
#SideMenu .nav-main-sub {
	display:none;
}

#SideMenu .nav-main-sub li {
	font-size: .9em;
	font-weight: normal;
}

#SideMenu .nav-main-sub li a {
	width: 130px;
	/* padding: 0 25px; */
	padding: 0 5px 0 25px;
}

/* service sub menu */
.service #Service .nav-main-sub{
	display:block;
}

.service #SideMenu .nav-main-sub #Value a, 
.service #SideMenu .nav-main-sub #InHouse a, 
.service #SideMenu .nav-main-sub #Bakery a, 
.service #SideMenu .nav-main-sub #Cooking a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #Value a:hover, 
#SideMenu .nav-main-sub #InHouse a:hover, 
#SideMenu .nav-main-sub #Bakery a:hover, 
#SideMenu .nav-main-sub #Cooking a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.value #SideMenu .nav-main-sub #Value a, 
.in-house #SideMenu .nav-main-sub #InHouse a, 
.bakery #SideMenu .nav-main-sub #Bakery a, 
.cooking #SideMenu .nav-main-sub #Cooking a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* parts sub menu */
.parts #Parts .nav-main-sub{
	display:block;
}

.parts #SideMenu .nav-main-sub #SmartParts a, 
.parts #SideMenu .nav-main-sub #Catalog a, 
.parts #SideMenu .nav-main-sub #Tutorial a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #SmartParts a:hover, 
#SideMenu .nav-main-sub #Catalog a:hover, 
#SideMenu .nav-main-sub #Tutorial a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.smart-parts #SideMenu .nav-main-sub #SmartParts a, 
.catalog #SideMenu .nav-main-sub #Catalog a, 
.tutorial #SideMenu .nav-main-sub #Tutorial a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* water treatment sub menu */
.water-treatment #WaterTreatment .nav-main-sub{
	display:block;
}

.water-treatment #SideMenu .nav-main-sub #WaterSofteners a, 
.water-treatment #SideMenu .nav-main-sub #ScaleStick a, 
.water-treatment #SideMenu .nav-main-sub #WareWash a, 
.water-treatment #SideMenu .nav-main-sub #ReverseOsmosis a, 
.water-treatment #SideMenu .nav-main-sub #Beverage a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #WaterSofteners a:hover, 
#SideMenu .nav-main-sub #ScaleStick a:hover, 
#SideMenu .nav-main-sub #WareWash a:hover, 
#SideMenu .nav-main-sub #ReverseOsmosis a:hover, 
#SideMenu .nav-main-sub #Beverage a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.water-softeners #SideMenu .nav-main-sub #WaterSofteners a, 
.scale-stick #SideMenu .nav-main-sub #ScaleStick a, 
.ware-wash #SideMenu .nav-main-sub #WareWash a, 
.reverse-osmosis #SideMenu .nav-main-sub #ReverseOsmosis a, 
.beverage #SideMenu .nav-main-sub #Beverage a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* air filtration sub menu */
.air-filtration #AirFiltration .nav-main-sub{
	display:block;
}

.air-filtration #SideMenu .nav-main-sub #PerformanceChart a { 
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #PerformanceChart a:hover { 
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.performance-chart #SideMenu .nav-main-sub #PerformanceChart a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}


/* enzyme products sub menu */
.enzyme-products #EnzymeProducts .nav-main-sub{
	display:block;
}

.enzyme-products #SideMenu .nav-main-sub #GreaseAndWasteDigester a, 
.enzyme-products #SideMenu .nav-main-sub #NoRinseFloorCleaner a, 
.enzyme-products #SideMenu .nav-main-sub #GlassAndStainlessSteelCleaner a, 
.enzyme-products #SideMenu .nav-main-sub #CleanerAndDegreaser a,
.enzyme-products #SideMenu .nav-main-sub #OvenEquipmentCleaner a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #GreaseAndWasteDigester a:hover, 
#SideMenu .nav-main-sub #NoRinseFloorCleaner a:hover, 
#SideMenu .nav-main-sub #GlassAndStainlessSteelCleaner a:hover, 
#SideMenu .nav-main-sub #CleanerAndDegreaser a:hover,
#SideMenu .nav-main-sub #OvenEquipmentCleaner a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.grease-and-waste-digester #SideMenu .nav-main-sub #GreaseAndWasteDigester a, 
.no-rinse-floor-cleaner #SideMenu .nav-main-sub #NoRinseFloorCleaner a, 
.glass-and-stainless-steel-cleaner #SideMenu .nav-main-sub #GlassAndStainlessSteelCleaner a, 
.cleaner-and-degreaser #SideMenu .nav-main-sub #CleanerAndDegreaser a,
.oven-equipment-cleaner #SideMenu .nav-main-sub #OvenEquipmentCleaner a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* manuals and support sub menu */
.manuals #Manuals .nav-main-sub {
	display:block;
}

.manuals #SideMenu .nav-main-sub #Instruction a, 
.manuals #SideMenu .nav-main-sub #Operator a, 
.manuals #SideMenu .nav-main-sub #TroubleShooting a,
.manuals #SideMenu .nav-main-sub #CAD a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #Instruction a:hover, 
#SideMenu .nav-main-sub #Operator a:hover, 
#SideMenu .nav-main-sub #TroubleShooting a:hover, 
#SideMenu .nav-main-sub #CAD a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.cad #SideMenu .nav-main-sub #CAD a{
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.watersofteners #SideMenu .nav-main-sub #WaterSofteners a, 
.scale-stick #SideMenu .nav-main-sub #ScaleStick a, 
.ware-wash #SideMenu .nav-main-sub #WareWash a, 
.reverse-osmosis #SideMenu .nav-main-sub #ReverseOsmosis a, 
.beverage #SideMenu .nav-main-sub #Beverage a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* contracts and pms sub menu */
.contracts #Contracts .nav-main-sub{
	display:block;
}

.contracts #SideMenu .nav-main-sub #PreventiveMaintenance a, 
.contracts #SideMenu .nav-main-sub #Warranty a, 
.contracts #SideMenu .nav-main-sub #Extended a {
	color: #54544e;
	background: #fbf9ec none;
}

#SideMenu .nav-main-sub #PreventiveMaintenance a:hover, 
#SideMenu .nav-main-sub #Warranty a:hover, 
#SideMenu .nav-main-sub #Extended a:hover {
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

.preventive-maintenance #SideMenu .nav-main-sub #PreventiveMaintenance a, 
.warranty #SideMenu .nav-main-sub #Warranty a, 
.extended #SideMenu .nav-main-sub #Extended a {
	color: #54544e;
	background: #f1edb9 url(Images/right-triangle-small-grey.gif) left .5em no-repeat;
}

/* --- ContentSub --- */
#ContentSub {
	float: right;
}

#ContentSub a.download-link{
   text-transform:uppercase;
   margin-left:10px;
}

.manuals #ContentSub {
	margin-top: 60px;
}

/* --- SiteInfo --- */
#SiteInfo {
	clear: both;
	width: 75%;
	font-size: .9em;
	color: #666;
	padding: 5px 0 20px 0;
}

#SiteInfo a {
	color: #000;
	text-decoration: none;
}

#SiteInfo a:hover {
	color: #004990;
	text-decoration: underline;
}

#AirFiltrationImages {
	margin: 0 0 1em 2em;
	float: right;
}

#AirFiltrationImages img {
	border: 1px solid #cacac2;
	padding: 1px;
}

#AirFiltrationImages p {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

.section-highlight {
	margin-bottom: 1em;
	padding: 1em 1em .1em 1em;
	background-color: #eee;
}

.section-highlight strong {
	color: #600;
	font-weight: bold;
}

/* ---[ tech rtr ]---------------------------------------- */

.tech-rtr #ContentSub {
	width: 225px;
	float: right;
	margin-top: 80px;
}

.tech-rtr #ContentMain img {
	display: inline;
	vertical-align: bottom;
}

.tech-rtr #ContentSub h3 {
	color: #3d3d39;
	background-color: #dedccf;
	border-bottom: 1px solid #dedccf;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1em;
}

.tech-rtr #ContentSub ul {
	padding-left: 2em;
	list-style-type: square;
	margin-bottom: 2em;
	font-size: .9em;
}

.tech-rtr #ContentSub #NavSupp .file-info {
	font-size: .8em;
}

.tech-rtr #ContentSub strong {
	color: #600;
}

.tech-rtr #ContentSub a {
	font-weight: normal;
	color: #004990;
	text-decoration: underline;
}

.tech-rtr #ContentSub a:hover {
	text-decoration: none;
}

.tech-rtr #ContentMain p.under-development {
	background: url(Images/underdevv2.gif) no-repeat center;
}

/* ---[ tables - vacation ]------------------------------- */

table.vacation {
	margin-bottom: 20px;
	font-size: 100%;
	border: 1px solid #000;
	background: #fff;
}

table.vacation caption {
	padding: 8px 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
}

table.vacation th, 
table.vacation td {
	margin: 0;
	padding: 3px 8px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}

table.vacation tr {
	background: #e6e6e6;
}

table.vacation tr.alt {
	background: #f1f1f1;
}

table.vacation th {
	color: #fff;
	background: #002c82;
}

a.sign-in{
    color:#873 !Important;
}

/* --- ContentSubProduct ---*/
#ContentSubProduct {
	float: right;
	margin-top: 80px;
	text-align: center;
}
#ContentSubProduct p {
	margin-bottom: 2em;
	font-size: 90%;
}
#ContentSubProduct img {
	margin: auto;
}
#ContentSubProduct a:link, #ContentSubProduct a:visited {
	text-decoration: underline;
	color: #004990;
}
#ContentSubProduct a:hover, #ContentSubProduct a:active {
	text-decoration: none;
}

.product {
	border: 1px solid grey;
	padding: 1px;
}

#shadowbox_body{
    background-color:#FFF !Important;
}


#ctl00_ContentBody_ValidationSummaryBottom{margin-top: 10px;}

/* --- NewLocateOfficePage ---*/
#locate-office-left{float: left; padding-right: 20px; width: 358px;}
#locate-office-right{float: left;}
#Info #locate-office-left a{color: #94281d; font-weight: bold; text-decoration: none; margin: 0 7px;}
#Info #locate-office-left a.first{margin-left: 0;}
#locate-office-bottom{clear: both;}
#locate-office-bottom h3{color: #94281d; font-size: 16px; font-weight: bold;}
#locate-office-bottom .office{clear: both; padding-top: 35px;}
#locate-office-bottom .first{_padding-top: 0;}
#Info #locate-office-bottom ul{float: left; list-style-image: none; margin: 0; padding: 10px 10px 0 0;}
#ContentMain #Info #locate-office-bottom li{margin: 0; padding: 0 0 0 5px; width: 200px;}
#ContentMain #Info #locate-office-bottom li.heading{background: #dedcce; font-weight: bold; font-size: 12px;}