﻿body {margin: 0; text-align: center; background: white url(/images/body_bg.gif) left 21px repeat-x;}

span.dotIR-alternate {display: none;}
.dotIR-replaced {visibility: visible !important;}

#container {position: relative; width: 960px; text-align: left; margin-left: auto; margin-right: auto;}

#header_top {float: left; position: relative; height: 42px; width: 960px; background: white url(/images/r_bg.gif) top right repeat-y; font: 11px/16px verdana, sans-serif; color: black;}
#title {position: absolute; top: 5px; left: 29px; border-left: solid 1px #dfdfee; padding-left: 7px;}
#address {position: absolute; top: 5px; left: 304px; border-left: solid 1px #dfdfee; padding-left: 17px; }
#topnav {font: 11px arial, sans-serif; position: absolute; top: 2px; left: 740px;}
#topnav a {margin-left: 7px; color: Black; text-decoration: none;}
#topnav a:hover {color: #c81e23; text-decoration: underline;}
#topnav img {margin-right: 4px; vertical-align: middle;}
html>body #topnav img {vertical-align: bottom;}

#header {position: relative; float: left; width: 960px; height: 195px; background: url(/images/header_bg.jpg) top left no-repeat; z-index: 1;}
#logo {position: absolute; left: 31px; top: 13px; width: 276px; height: 147px; border: 0;}

.home #content_columns{background: white url(/images/r_bg.gif) top right repeat-y;}
#content_columns {float: left; width: 960px;}

#content_left {float: left; width: 304px; z-index: 100;}
#content_left a {color: #c81e23;}
#content_left a:hover {color: #FF0000;}

#nav_l {position: absolute; left: 9px; top: 216px; width: 21px; height: 441px; background: url(/images/nav_l.gif) top left no-repeat;}

#nav_r {position: absolute; left: 304px; top: 216px; width: 21px; height: 441px; background: url(/images/nav_r.gif) top left no-repeat;}

#nav {position: relative; width: 274px; margin: -18px 0 15px 30px; z-index: 100;}
html>body #nav {margin-bottom: 35px;}

.clearboth {width:0; height: 0; clear: both; overflow: hidden;}

#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {margin: 0; padding: 0; clear: both;}
#nav span {display: none;}

#nav_Default{float: left; display: block; width: 274px; height: 30px;}
#nav_Default a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/Default.gif) top left no-repeat;}
#nav_Default a:hover{background-position: 0 -30px;}

#nav_HydraulicHoseFittings{float: left; display: block; width: 274px; height: 30px;}
#nav_HydraulicHoseFittings a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/HydraulicHoseFittings.gif) top left no-repeat;}
#nav_HydraulicHoseFittings a:hover{background-position: 0 -30px;}

#nav_MobileHoseTruck{float: left; display: block; width: 274px; height: 30px;}
#nav_MobileHoseTruck a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/MobileHoseTruck.gif) top left no-repeat;}
#nav_MobileHoseTruck a:hover{background-position: 0 -30px;}

#nav_HydraulicEquipmentAccessories{float: left; display: block; width: 274px; height: 30px;}
#nav_HydraulicEquipmentAccessories a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/HydraulicEquipmentAccessories.gif) top left no-repeat;}
#nav_HydraulicEquipmentAccessories a:hover{background-position: 0 -30px;}

#nav_TubeAssemblyBending{float: left; display: block; width: 274px; height: 30px;}
#nav_TubeAssemblyBending a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/TubeAssemblyBending.gif) top left no-repeat;}
#nav_TubeAssemblyBending a:hover{background-position: 0 -30px;}

#nav_HydraulicComponentRepair{float: left; display: block; width: 274px; height: 30px;}
#nav_HydraulicComponentRepair a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/HydraulicComponentRepair.gif) top left no-repeat;}
#nav_HydraulicComponentRepair a:hover{background-position: 0 -30px;}

#nav_FieldService{float: left; display: block; width: 274px; height: 30px;}
#nav_FieldService a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/FieldService.gif) top left no-repeat;}
#nav_FieldService a:hover{background-position: 0 -30px;}

#nav_WeldingMachiningFabricating{float: left; display: block; width: 274px; height: 30px;}
#nav_WeldingMachiningFabricating a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/WeldingMachiningFabricating.gif) top left no-repeat;}
#nav_WeldingMachiningFabricating a:hover{background-position: 0 -30px;}

#nav_ContactUs{float: left; display: block; width: 274px; height: 30px;}
#nav_ContactUs a{float: left; display: block; width: 274px; height: 30px; background: url(/images/nav/ContactUs.gif) top left no-repeat;}
#nav_ContactUs a:hover{background-position: 0 -30px;}

.lpanel_title {margin-left: 38px; float: left;}

#panel_hours{width: 240px; padding: 8px; margin: 0 0 30px 38px; font: 11px/16px verdana, sans-serif; border-left: solid 1px #dfdfee;border-right: solid 1px #dfdfee;border-bottom: solid 1px #dfdfee;}
#panel_hours ul {list-style: disc outside; margin-left: 16px;padding-left: 0;margin-top: 4px;margin-bottom: 6px; font-weight: bold;}
#panel_hours ul li{padding-left: -4px;margin-top: 4px;}
#panel_hours .bold {font: bold 12px verdana, sans-serif; color: #060479;}

#panel_contact {width: 240px; padding: 8px 8px 202px 8px; margin-left: 38px; background: url(/images/bldg.gif) bottom left no-repeat; font: 11px/16px verdana, sans-serif; border-left: solid 1px #dfdfee;border-right: solid 1px #dfdfee;border-bottom: solid 1px #dfdfee;}
#panel_contact ul {list-style: disc outside; margin-left: 16px;padding-left: 0;margin-top: 4px;margin-bottom: 6px; font-weight: bold;}
#panel_contact ul li{padding-left: -4px;margin-top: 4px;}
#panel_contact .bold {font: bold 12px verdana, sans-serif; color: #060479;}

#content_main {width: 608px; float: left; padding: 24px; min-height: 632px; height: auto !important; height: 632px; font: 12px/150% verdana, sans-serif; overflow-x: hidden; }
.home #content_main{width: 382px !important;}
#content_main h1 {font: bold 25px/100% arial, sans-serif; color: #545454; margin: 6px 0 0 0;}
#content_main p {margin: 0 0 12px 0;}
#content_main a {color: #c81e23;}
#content_main a:hover {color: #FF0000;}
#content_main ul {list-style: square outside; margin-left: 16px;padding-left: 0;margin-top: 6px;margin-bottom: 6px;}
#content_main ul li{}

#content_right {display: none;}
.home #content_right {display: block !important; float: left; width: 226px; overflow-x: hidden;}
#content_right a {color: #c81e23;}
#content_right a:hover {color: #FF0000;}
#rpanel_cylinders_title {float: left; margin-top: 14px; margin-left: 7px; border: 0;}
#panel_cylinders {clear: left; width: 189px; padding: 0 8px 8px 8px; margin-left: 10px; margin-bottom: 17px; border-left: solid 1px #d0d0e2;  border-right: solid 1px #d0d0e2; font: 11px/15px verdana, sans-serif; border-bottom: solid 1px #d0d0e2;}

.rpanel_title{float: left; clear: left; margin-left: 10px; border: 0;}
.rpanel{position: relative; clear: left; width: 189px; padding: 0 8px 8px 8px; margin-left: 10px; margin-bottom: 17px; border-left: solid 1px #d0d0e2;  border-right: solid 1px #d0d0e2; font: 11px/15px verdana, sans-serif; border-bottom: solid 1px #d0d0e2; background: #e8e8f3 url(/images/rpanel_bg.gif) top left repeat-x;}


#footer{clear: both; background-color: #484a6a; height: 29px; padding: 13px 14px 0 14px; color: White; font: 11px verdana, sans-serif; border-top: solid 1px black;}
#footer a{color: White; text-decoration: none;}
#footer a:hover{color: White; text-decoration: underline;}
#footer_right{float: right;}

.fullwidth {width: 100%;}

.CMS_DateTime {font-size: 10px; color: #888888;}